/* ===== Prabhu Host design tokens, same values as kohost/css/custom.css (work-logs 2.1). Light-mode values; dark-mode rules keep their own colours. Change a value here and every
   light rule below follows. Decision and usage counts: CLAUDE.md "Colour token decision". ===== */
:root {
  --ph-blue: #1e7bc1;          /* actions, links, focus */
  --ph-blue-dark: #166aa6;     /* hover */
  --ph-orange: #f97316;        /* accent on dark bands, primary CTA */
  --ph-orange-dark: #ea580c;
  --ph-navy: #0b2a5b;          /* header band, headings on tint */
  --ph-ink: #111827;           /* headings */
  --ph-text: #1f2937;          /* body */
  --ph-text-2: #374151;
  --ph-text-3: #4b5563;
  --ph-muted: #6b7280;         /* never lighter than this on white (4.8:1) */
  --ph-border-strong: #cbd5e1; /* inputs */
  --ph-line: #e3ebf6;          /* card borders */
  --ph-line-soft: #eef2f7;     /* row dividers */
  --ph-tint: #f6f9fc;          /* card headers, soft fills */
  --ph-page: #faf7f4;          /* page background */
}

.row-eq-height{
    display: flex;
    flex-wrap: wrap;
}
.row-eq-height>div[class*=col-] {
    display: flex;
}
.row-eq-height>div[class*=col-]>* {
    width: 100%;
}




.total-due-today,
#order-standard_cart .summary-container span.float-right,
.tt-product-desc span strong,
.tt-product-price .price,
.tt-product-price small,
.tt-domain-price-cycle:not(small),
#order-standard_cart .product-info .product-title,
#order-standard_cart .sub-heading span,
#order-standard_cart .sub-heading-borderless span,
#order-standard_cart .view-cart-items .item-title,
#order-standard_cart .view-cart-items .item-price span,
#order-standard_cart .view-cart-items-header{
    font-family: var(--font-family-monospace);
}
#order-standard_cart .order-summary h2,
#order-standard_cart .field-container label,
#order-standard_cart .summary-container span.float-right,
#order-standard_cart .order-summary .total-due-today .amt,
#order-standard_cart .product-info .product-title,
#order-standard_cart .sub-heading span,
#order-standard_cart .sub-heading-borderless span,
#order-standard_cart .view-cart-items .item-title,
#order-standard_cart .view-cart-items .item-price span,
#order-standard_cart .view-cart-items-header{
    font-weight: 500;
}

#order-standard_cart .addon-promo-container{
    border-radius: var(--custom-radius);
}
#order-standard_cart .addon-promo-container h3{
    font-size: 18px;
}

#order-standard_cart .addon-promo-container .logo{
    line-height: 70px;
}
#order-standard_cart .addon-promo-container img {
    max-width: 70px;
}

#order-standard_cart .field-container label{
    font-family: var(--font-family-monospace);
    font-size: 16px;
    color: var(--heading-color);
}
#order-standard_cart .field-container select.form-control{
 width: 100%;
}
#order-standard_cart .product-info{
    border-radius: var(--custom-radius);
    background-color: transparent;
    padding: 15px;
    border: 1px dashed var(--border-color);
    font-size: 14px;
}
#order-standard_cart .product-info p strong{
    font-family: var(--font-family-monospace);
}
#order-standard_cart .product-info .product-title{
    font-size: 16px;
    margin-bottom: 12px;
}
#order-standard_cart .order-summary .summary-totals{
   border: none;
    margin: 0;
}
#order-standard_cart .order-summary{
    background-color: var(--gray-light);
    border-color: var(--gray-light);
    border-radius: var(--custom-radius);
    box-shadow: 2px 12px 24px -4px rgba(145, 158, 171, 0.16);
    border: 1px dashed var(--border-color);
}
#order-standard_cart .order-summary h2,
#order-standard_cart .order-summary .loader{
    color: var(--heading-color);
}
#order-standard_cart .order-summary .loader{
    top: 6px;
}
#order-standard_cart .summary-container{
    background-color: var(--white);
    padding: 15px;
    border-radius: 0 0 var(--custom-radius) var(--custom-radius);
    font-size: 13px;
}

#order-standard_cart .summary-container .clearfix{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px dashed var(--border-color);
    padding: 10px 0 8px;
}
#order-standard_cart .summary-container .clearfix .pull-left{
    max-width: 70%;
    flex-basis: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    line-height: initial;
    font-weight: 400;
    font-family: var(--font-family-sans-serif);
}
#order-standard_cart .summary-container .clearfix .pull-right {
    flex-basis: 40%;
    text-align: right;
    padding-left: 6px;
}
#order-standard_cart .order-summary .recurring-charges{
    font-style: normal;

}
#order-standard_cart .order-summary .subtotal{
    font-size: inherit;
}
#order-standard_cart .order-summary h2{
    font-size: 15px;
}
#order-standard_cart .order-summary .total-due-today .amt{
    font-size: 20px;
}
#order-standard_cart .order-summary .total-due-today-padded{
    margin: 0;
}
.tt-payment-gateways label{
    margin-right: 15px !important;
}
.total-due-today{
    padding: 10px 0 15px;
}

#order-standard_cart .sub-heading{
    text-align: left;
    border-bottom: 2px dashed var(--primary-light);
    border-top: none;
    margin-top: 35px;
}

#order-standard_cart .sub-heading span, #order-standard_cart .sub-heading-borderless span{
    background-color: var(--white);
    color: var(--heading-color);
    padding-left: 0;
    top: -16px;
    font-size: 16px;
}
#order-standard_cart .tt-addon-products .panel-addon .panel-price{
    background-color: transparent;
    padding: 0;
    font-size: 14px;
    font-family: var(--font-family-monospace);
    font-weight: 500;
}
#order-standard_cart .tt-addon-products .panel-addon .panel-price span{
    font-size: 12px;
    font-weight: 400;
}

#order-standard_cart .tt-addon-products .panel-addon .panel-body{
    text-align: left;
    font-size: 13px;
    margin-bottom: 10px;
}

#order-standard_cart .tt-addon-products .panel-addon .panel-add{
    padding: 4px 15px;
    border-radius: 4px;
    margin-left: 15px;
    background-color: var(--gray-light);
    color: var(--body-color);
    border: 1px solid var(--border-color);
}
button.close:focus{
    outline: none;
}

#order-standard_cart .order-summary .btn-continue-shopping{
    padding: 15px 0 0;
    font-size: 13px;
}
#order-standard_cart .order-summary .btn-continue-shopping:hover{
    text-decoration: none;
    color: var(--primary);
}
.tt-view-cart{
    border: 1px dashed var(--border-color);
    border-radius: var(--custom-radius);
}
#order-standard_cart .view-cart-items .item:nth-child(even){
    background: transparent;
}
#order-standard_cart .view-cart-items .item{
    padding: 15px;
    background: transparent;
    border-bottom: 1px dashed var(--border-color);
}
#order-standard_cart .view-cart-items .item:last-of-type{
    border-bottom: 0;
}
#order-standard_cart .view-cart-items-header{
    background-color: var(--gray-light);
    color: var(--heading-color);
    font-size: 15px;
    border-radius: var(--custom-radius) var(--custom-radius) 0 0;
}
.tt-view-cart-items .btn{
    padding: 0;
}
.tt-view-cart-items .dropdown .btn{
    padding: 2px 10px;
}
.tt-view-cart-items .dropdown .dropdown-menu{
    transform: translate3d(0, 28px, 0px) !important;
    left: auto !important;
    right: 0;
    padding: 0;
    font-size: 14px;
}
.tt-view-cart-items .dropdown .dropdown-menu li a{
    color: var(--body-color);
}
#order-standard_cart .view-cart-items{
    border: none;
    margin: 0;
}
#order-standard_cart .view-cart-items .item-title,
#order-standard_cart .view-cart-items .item-price span{
    font-size: 14px;
}

#order-standard_cart .empty-cart{
    text-align: inherit;
    margin: 0 20px 20px;
}
#order-standard_cart .empty-cart .btn{
    border-radius: 4px;
    background-color: var(--danger-light);
    color: var(--danger);
    font-size: 12px;
}
#order-standard_cart .empty-cart .btn:hover{
    text-decoration: none;
}

#order-standard_cart .btn-checkout{
    padding: 0.75rem 1.75rem;
}

#order-standard_cart .view-cart-items .item-price .cycle {
    font-size: 12px;
    font-weight: 400;
}

#order-standard_cart .view-cart-tabs .nav-tabs{
    padding-left: 0;
    font-size: 14px;
    font-family: var(--font-family-monospace);
}
#order-standard_cart .view-cart-tabs{
    margin: 20px 0 20px;
}
#order-standard_cart .view-cart-tabs .nav-tabs{
    border-color: var(--border-color);
}
#order-standard_cart .view-cart-tabs .nav-tabs a[aria-expanded=true], #order-standard_cart .view-cart-tabs .nav-tabs a[aria-selected=true],
#order-standard_cart .view-cart-tabs .tab-content{
    background-color: var(--gray-light);
    border-color: var(--border-color);
}

/*product price*/
.tt-single-product {
    position: relative;
    transition: all 0.3s ease-in-out;
    border: 1px dashed var(--border-color);
}
.tt-single-product:hover{
    box-shadow: 0 12px 24px -4px rgba(145, 158, 171, 0.16)
}
.tt-featured-badge{
    position: absolute;
    background: var(--danger);
    color: var(--white);
    font-size: 13px;
    line-height: inherit;
    border-top-left-radius: var(--custom-radius);
    top: -1px;
    left: -1px;
    width: 85px;
    height: 27px;
}
.tt-featured-badge:after{
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-right: 10px solid var(--white);
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
}
.tt-featured-badge .badge{
    padding: 0 10px;
}
.tt-product-desc span{
    font-size: 14px;
    display: inline-block;
    padding: 2px 0;
}
.tt-product-price .price{
    font-weight: 600;
    font-size: 20px;
    color: var(--danger);
}
.tt-product-price .tt-cycle,
.tt-product-price small{
    font-size: 13px;
}


.tt-group-featured-wrap{
    position: relative;
    display: block;
    border: 2px dashed var(--primary-light);
    padding: 30px;
}

.tt-group-features-list li {
    margin: 2px 0;
    width: 33%;
    display: inline-table;
}
.tt-group-features-list li i{
    color: var(--primary);
    margin-right: 8px;
}
.tt-group-head{
    position: absolute;
    top: -15px;
    background-color: var(--white);
    padding: 5px 10px;
}
@media (max-width: 480px){
    .tt-group-features-list li{
        width: 48%;
    }
}

@media (max-width: 991px){
    .tt-group-features-list li{
        width: 100%;
    }
}

/*domain search*/
.domain-promo-box{
    border: 2px dashed var(--border-color);
    border-radius: var(--custom-radius);
    background-color: var(--gray-light);
}
.domain-promo-box i{
    font-size: 2.75rem;
}
.domain-promo-box p{
    font-size: 13px;
}

.tt-domain-list-wrap{
    border: 1px solid var(--border-color);
}
.tt-domain-price-cycle:not(small){
   font-size: 13px;
    font-weight: 400;
}
.tld-sale-group{
    border-radius: 4px;
    padding: 1px 5px;
}
.domain-pricing .two-row-center{
    border-right: none !important;
    margin: 0;
}
.domain-pricing .tld-row{
    align-items: center;
}
.domain-checker-container{
    background: var(--gray-light);
}
.domain-checker-bg{
    padding: 55px 0;
}

#order-standard_cart .domain-checker-bg .default-captcha{
    max-width: 100%;
    background-color: var(--white);
    border: 2px dashed var(--primary-light);
    box-shadow: none;
}
#order-standard_cart .domain-checker-bg .captcha-container .form-control{
    padding: 3px;
}

#searchDomainInfo{
    padding: 35px;
    margin: 25px 0 !important;
    border: 2px dashed var(--primary-light);
    border-radius: var(--custom-radius);
}
#order-standard_cart .transfer-eligible,
#order-standard_cart .transfer-not-eligible{
    background-color: transparent;
    border-color: transparent;
    margin: 0;
    padding: 0;
}
#order-standard_cart .domain-checker-invalid, #order-standard_cart .domain-checker-unavailable{
    font-size: 16px;
    margin-bottom: 0;
}
#order-standard_cart .domain-checker-available{
    font-size: 18px;
}
.domain-price span.price{
    font-family: var(--font-family-monospace);
    font-weight: 500;
}
#order-standard_cart  .tt-confirm-domain label{
    font-family: var(--font-family-monospace);
    font-weight: 500;
}
#order-standard_cart .tt-confirm-domain .form-control{
     background-color: var(--gray-light);
}
#order-standard_cart .secondary-cart-body h3{
    font-size: 18px;
}
.domain-pricing .tld-pricing-header .col-sm-2,
.domain-pricing .tld-pricing-header .col-sm-4,
.domain-pricing .tld-pricing-header .col-xs-2,
.domain-pricing .tld-pricing-header .col-xs-4,
.domain-pricing .tld-pricing-header div:nth-child(odd){
    border-color: transparent;
    padding-bottom: 0;
}
.domain-pricing .tld-pricing-header div:nth-child(odd),
.domain-pricing .tld-pricing-header .col-sm-2,
.domain-pricing .tld-pricing-header .col-sm-4,
.domain-pricing .tld-pricing-header .col-xs-2,
.domain-pricing .tld-pricing-header .col-xs-4{
    background-color: var(--gray-light);
    font-family: var(--font-family-monospace);
    font-weight: 500;
    font-size: 14px;
    border-top-left-radius: var(--custom-radius);
    border-top-right-radius: var(--custom-radius);
}

.featured-tld{
    border-radius: var(--custom-radius);
    box-shadow: 2px 4px 15px rgba(120, 120, 120, 0.10)
}
.featured-tld .img-container img {
    max-width: 50%;
    max-height: 100%;
}
.featured-tld .price{
    border-radius: 0 0 var(--custom-radius) var(--custom-radius);
}
.tt-domain-search-box input.form-control{
    border: none !important;
}
.spotlight-tld-container{
    min-width:20% !important;
}
.spotlight-tld-new, .spotlight-tld-hot, .spotlight-tld-sale{
    width: 85px;
    padding: 0;
    top: 5px;
    right: -22px;
}
.spotlight-tlds{
    padding: 0;
    background: transparent;
}
.spotlight-tld{
    height: 120px;
    padding: 15px;
    border: 2px dashed var(--primary-light);
}
.spotlight-tld span.available.price{
    font-family: var(--font-family-monospace);
    font-weight: 600;
    color: var(--heading-color);
}
.spotlight-tld .btn:not(.domain-contact-support){
    padding: 4px 12px;
    width: auto;
    background-color: var(--primary);
    border-color: var(--primary);
}

#orderSummary{
    position: -webkit-sticky;
    position: sticky;
    top: 120px;
}


/*domain renewals*/

.tt-domain-renewals{
    background-color: transparent;
    border: 1px dashed var(--border-color);
    border-radius: var(--custom-radius);
}
.tt-domain-renewals .domain-renewal,
.domain-renewals .domain-renewal:nth-child(even){
    background-color: transparent;
}
.tt-domain-renewals .domain-renewal:not(:last-of-type){
    border-bottom: 1px dashed var(--border-color);
}
.tt-domain-renewals .domain-renewal{
    border-bottom: none;
    padding: 20px;
}
#order-standard_cart label, #order-standard_cart p.domain-renewal-desc{
    font-weight: 400;
    font-family: var(--font-family-monospace);
    color: var(--body-color);
    margin: 0;
}
.tt-renewal-form select.form-control{
    padding: 5px 6px;
    font-size: 12px;
}
.tt-renewal-form select{
    max-width: 70%;
    flex-basis: 70%;
}
.tt-renewal-form .tt-renewal-cart{
    flex-basis: 30%;
    text-align: right;
    padding-left: 10px;
}
.tt-renewal-form .tt-renewal-cart .btn{
    display: block;
    width: 100%;
}
/*checkout page*/
#order-standard_cart .field, #order-standard_cart .form-control{
    border-color: var(--border-color);
}
#order-standard_cart .prepend-icon .field-icon{
    height: 46px;
    line-height: 50px;
}
#order-standard_cart .field-icon i{
    color: var(--primary);
}
#order-standard_cart .account-select-container{
    border-right: inherit;
}

#order-standard_cart .account-select-container div.account{
    padding: 20px;
    border: 1px dashed var(--border-color);
    border-radius: var(--custom-radius);
    background-color: transparent;
    margin-bottom: 15px;
}
#order-standard_cart .account-select-container div.account:not(.border-bottom){
    border-bottom: 1px dashed var(--border-color) !important;
}
#order-standard_cart .account-select-container div.account.border-bottom{
    padding: 10px 20px;
    border-bottom: 1px dashed var(--border-color) !important;
}
#order-standard_cart .account-select-container div.account.border-bottom label{
    font-weight: 500;
    font-family: var(--font-family-monospace);
    color: var(--body-color);
}
#order-standard_cart .account-select-container div.account.active{
    background-color: var(--gray-light);
}
.tt-payment-container{
    margin: 35px 0 15px;
}
#order-standard_cart .cc-input-container{
    background-color: var(--gray-light);
    border: 1px dashed var(--border-color);
    border-radius: var(--custom-radius);
    font-family: var(--font-family-monospace);
}
/*Product addons*/
#order-standard_cart .products .product.tt-product-addons {
    border: 1px dashed var(--border-color);
    padding: 20px;

}
#order-standard_cart .products .product.tt-product-addons form{
    display: flex;
    flex-direction: column;
    height: 100%;
}

#order-standard_cart .products .product.tt-product-addons div.product-desc{
    padding: 0;
    font-size: 14px;
}
#order-standard_cart .products .product.tt-product-addons div.product-pricing{
    margin-bottom: 0;
}
#order-standard_cart .products .product.tt-product-addons div.product-pricing span.price{
    font-family: var(--font-family-monospace);
    font-size: 18px;
    font-weight: 600;
}
#order-standard_cart .products .product.tt-product-addons div.product-pricing span small{
    display: block;
    line-height: normal;
    font-size: 13px;
}

/* =====================================================================================================================
   Prabhu Host cart polish (domain search, captcha, sidebar, pricing table, promo cards).
   Scoped to #order-standard_cart (both carts use that id). px units: the theme root is 14px. Colours come from the Kohost
   tokens (--primary, --primary-dark, --gradient-blue) so the cart follows the rest of the site.
   UX rules applied: text contrast >= 4.5:1, interactive targets >= 44px, one visible focus indicator, consistent 18-24px
   radii, solid borders instead of dashed, clear active/hover states, no dead-end empty state.
   ===================================================================================================================== */

/* ---- Domain search card ---- */
#order-standard_cart .domain-checker-container {
    margin: 24px 0 32px;
    border: 1px solid #e3ebf6;
    border-radius: 24px;
    background: linear-gradient(135deg, #f3f8ff 0%, #fff8f2 100%);
    box-shadow: 0 18px 44px rgba(23, 32, 51, .07);
    overflow: hidden;
}
#order-standard_cart .domain-checker-bg {
    padding: 56px 0;
    /* replaces the stock yellow globe image that clashed with the brand */
    background:
        radial-gradient(circle at 94% 10%, rgba(0, 102, 204, .12), transparent 300px),
        radial-gradient(circle at 4% 100%, rgba(243, 107, 35, .12), transparent 280px);
}
#order-standard_cart .domain-checker-container .input-group-box {
    display: flex;
    align-items: center;
    padding: 6px;
    border: 2px solid #c9dcf2;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(15, 23, 42, .06);
    transition: border-color .2s ease, box-shadow .2s ease;
}
/* one focus indicator: the whole bar (the input's own outline is removed because the bar replaces it) */
#order-standard_cart .domain-checker-container .input-group-box:focus-within {
    border-color: var(--primary);
    box-shadow: 0 0 0 4px rgba(0, 102, 204, .14), 0 10px 30px rgba(15, 23, 42, .06);
}
#order-standard_cart .domain-checker-container .input-group-box .form-control {
    flex: 1 1 auto;
    min-width: 0;
    height: 52px;
    padding: 0 22px;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent;
    box-shadow: none;
    color: var(--ph-ink);
    font-size: 16px;
}
#order-standard_cart .domain-checker-container .input-group-box .form-control::placeholder { color: var(--ph-muted); opacity: 1; }
#order-standard_cart .domain-checker-container .input-group-box .form-control:focus,
#order-standard_cart .domain-checker-container .input-group-box .form-control:focus-visible { outline: none !important; box-shadow: none; }
#order-standard_cart .domain-checker-container .input-group-box .input-group-append,
#order-standard_cart .domain-checker-container .input-group-box .input-group-btn { display: flex; flex: 0 0 auto; margin: 0; }
#order-standard_cart #btnCheckAvailability {
    height: 52px;
    padding: 0 32px;
    border: 0;
    border-radius: 999px !important;
    background: var(--gradient-blue);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
}
#order-standard_cart #btnCheckAvailability:hover,
#order-standard_cart #btnCheckAvailability:focus { background: var(--primary-dark); transform: translateY(-1px); box-shadow: 0 10px 22px rgba(0, 102, 204, .3); }

/* ---- Captcha (default image captcha) ---- */
#order-standard_cart .domain-checker-bg .captcha-container { margin-top: 16px; }
#order-standard_cart .domain-checker-bg .default-captcha {
    max-width: 100%;
    padding: 16px 20px;
    border: 1px solid var(--ph-line);
    border-radius: 16px;
    background: #fff;
    box-shadow: none;
    text-align: center;
}
#order-standard_cart .domain-checker-bg .default-captcha p { margin: 0 0 10px; font-size: 14px; color: var(--ph-text-3); }
#order-standard_cart .domain-checker-bg .default-captcha > div { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px; }
#order-standard_cart .domain-checker-bg .captcha-container img { height: 44px; width: auto; border-radius: 10px; vertical-align: middle; }
#order-standard_cart .domain-checker-bg .captcha-container .form-control {
    width: 150px;
    max-width: 100%;
    height: 44px;
    padding: 0 14px;
    border: 1px solid #d1d5db;
    border-radius: 12px;
    color: var(--ph-ink);
    font-size: 16px;
    letter-spacing: .14em;
    text-align: center;
    text-transform: uppercase;
}
#order-standard_cart .domain-checker-bg .captcha-container .form-control:focus { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(0, 102, 204, .15); outline: none; }

/* ---- Sidebar (Categories / Actions) ---- */
#order-standard_cart .card-sidebar {
    overflow: hidden;
    border: 1px solid #e9e2dc;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(23, 32, 51, .06);
}
#order-standard_cart .card-sidebar .card-header {
    padding: 14px 18px;
    border: 0;
    border-bottom: 1px solid #eef0f3;
    background: #fff;
}
#order-standard_cart .card-sidebar .panel-title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: .07em;
    line-height: 1.4;
    text-transform: uppercase;
    color: var(--ph-text-3);
}
#order-standard_cart .card-sidebar .panel-title > i:first-child { color: var(--primary); }
#order-standard_cart .card-sidebar .panel-title .card-minimise { margin-left: auto; color: var(--ph-muted); float: none !important; }
#order-standard_cart .cart-sidebar .list-group-item {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    padding: 10px 18px;
    border: 0;
    border-bottom: 1px solid #f1f3f6;
    border-radius: 0;
    background: #fff;
    color: var(--ph-text);
    font-size: 14.5px;
    font-weight: 500;
    transition: background-color .2s ease, color .2s ease;
}
#order-standard_cart .cart-sidebar .list-group-item:last-child { border-bottom: 0; }
#order-standard_cart .cart-sidebar a.list-group-item:hover { background: #f1f6fd; color: var(--primary-dark); text-decoration: none; }
#order-standard_cart .cart-sidebar a.list-group-item:focus-visible { outline: 3px solid rgba(0, 102, 204, .5); outline-offset: -3px; }
#order-standard_cart .cart-sidebar .list-group-item.active { background: var(--ph-blue); border-color: var(--ph-blue); color: #fff; }
#order-standard_cart .cart-sidebar a.list-group-item.list-group-item-action.active:hover,
#order-standard_cart .cart-sidebar a.list-group-item.list-group-item-action.active:focus { background: #1a6ba9; border-color: #1a6ba9; color: #fff !important; }


/* collapsed sidebar on phones: the category/action <select>s */
#order-standard_cart .card-sidebar select.form-control { height: 48px; border: 1px solid #e5e7eb; border-radius: 12px; font-size: 15px; }
#order-standard_cart .card-sidebar .card-body { padding: 14px 18px 18px; }

/* collapsed sidebar on phones (different markup: .sidebar-collapsed .panel) gets the same look as the desktop panels */
#order-standard_cart .sidebar-collapsed .panel {
    overflow: hidden;
    border: 1px solid #e9e2dc;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(23, 32, 51, .06);
}
#order-standard_cart .sidebar-collapsed .panel .card-header { padding: 14px 18px; border: 0; border-bottom: 1px solid #eef0f3; background: #fff; }
#order-standard_cart .sidebar-collapsed .panel-title { margin: 0; font-size: 12.5px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; color: var(--ph-text-3); }
#order-standard_cart .sidebar-collapsed .panel-title i:first-child { color: var(--primary); }
#order-standard_cart .sidebar-collapsed .panel-body { padding: 14px 18px 18px; }
#order-standard_cart .sidebar-collapsed select.form-control { height: 48px; border: 1px solid #e5e7eb; border-radius: 12px; font-size: 15px; }
:root[data-bs-theme="dark"] #order-standard_cart .sidebar-collapsed .panel { border-color: #1f2937; background: #111827; box-shadow: none; }
:root[data-bs-theme="dark"] #order-standard_cart .sidebar-collapsed .panel .card-header { border-bottom-color: #1f2937; background: #111827; }
:root[data-bs-theme="dark"] #order-standard_cart .sidebar-collapsed .panel-title { color: #94a3b8; }

/* ---- Product list (store group page) ---- */
/* group names come from the database in whatever case the admin typed (e.g. "hosting"), so title-case the page heading */
#order-standard_cart .header-lined h1,
#order-standard_cart .header-lined h2 { text-transform: capitalize; }
#order-standard_cart .tt-single-product {
    display: flex;
    flex-direction: column;
    height: calc(100% - 32px);
    padding: 32px 28px !important;
    border: 1px solid var(--ph-line);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(23, 32, 51, .05);
    text-align: center;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
#order-standard_cart .tt-single-product:hover { transform: translateY(-3px); border-color: #c9dcf2; box-shadow: 0 18px 40px rgba(23, 32, 51, .10); }
#order-standard_cart .tt-product-name h5 { margin: 0; font-size: 20px; font-weight: 700; color: var(--ph-ink); }
#order-standard_cart .tt-product-price { margin-top: 12px !important; }
#order-standard_cart .tt-product-price .price { font-size: 32px; font-weight: 800; letter-spacing: -0.02em; line-height: 1.2; color: var(--primary); }
#order-standard_cart .tt-product-price .tt-cycle,
#order-standard_cart .tt-product-price .text-muted { font-size: 13px; color: var(--ph-text-3) !important; }
#order-standard_cart .tt-product-desc {
    flex: 1 1 auto;
    margin-top: 18px;
    padding: 18px 0 !important;
    border-top: 1px solid #eef0f3;
    color: var(--ph-text-2);
    font-size: 14px;
    line-height: 1.75;
    text-align: left;
}
#order-standard_cart .tt-product-desc ul { margin: 0; padding: 0; list-style: none; }
#order-standard_cart .tt-product-desc ul li { padding: 6px 0; }
/* tick list: a round brand-tinted check before every line */
#order-standard_cart .tt-product-desc .ph-ticks li { position: relative; padding: 7px 0 7px 32px; line-height: 1.5; }
#order-standard_cart .tt-product-desc .ph-ticks li:empty { display: none; }
#order-standard_cart .tt-product-desc .ph-ticks li::before {
    content: "\f00c";
    position: absolute;
    left: 0;
    top: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: rgba(30, 123, 193, .12);
    color: var(--ph-blue);
    font-family: "Font Awesome 5 Pro";
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
}
:root[data-bs-theme="dark"] #order-standard_cart .tt-product-desc .ph-ticks li::before { background: rgba(96, 165, 250, .18); color: #7cc0f2; }
#order-standard_cart .tt-single-product .btn-order-now {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    border: 0;
    border-radius: 999px;
    background: var(--gradient-blue);
    font-size: 15px;
    font-weight: 600;
    color: #fff;
}
#order-standard_cart .tt-single-product .btn-order-now:hover { background: var(--primary-dark); }
@media (prefers-reduced-motion: reduce) { #order-standard_cart .tt-single-product { transition: none; transform: none; } }
:root[data-bs-theme="dark"] #order-standard_cart .tt-single-product { border-color: #1f2937; background: #111827; box-shadow: none; }
:root[data-bs-theme="dark"] #order-standard_cart .tt-product-name h5 { color: #f1f5f9; }
:root[data-bs-theme="dark"] #order-standard_cart .tt-product-price .price { color: #60a5fa; }
:root[data-bs-theme="dark"] #order-standard_cart .tt-product-price .tt-cycle,
:root[data-bs-theme="dark"] #order-standard_cart .tt-product-price .text-muted { color: #94a3b8 !important; }
:root[data-bs-theme="dark"] #order-standard_cart .tt-product-desc { border-top-color: #1f2937; color: #cbd5e1; }

/* ---- Group heading typography (title + tagline, right column only) ---- */
#order-standard_cart .cart-body > .header-lined { margin: 0 0 24px; padding: 0 0 16px; border-bottom: 1px solid var(--ph-line); }
#order-standard_cart .cart-body > .header-lined h2 {
    margin: 0 0 8px;
    font-size: clamp(22px, .8vw + 16px, 28px);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -.015em;
    color: #172033;
    text-wrap: balance;
    max-width: none;
}
#order-standard_cart .cart-body > .header-lined h2.ph-headline { text-transform: none; }
#order-standard_cart .cart-body > .header-lined p { margin: 0; max-width: none; font-size: 16px; line-height: 1.6; color: #4d5766; text-wrap: pretty; }
:root[data-bs-theme="dark"] #order-standard_cart .cart-body > .header-lined { border-bottom-color: #1f2937; }
:root[data-bs-theme="dark"] #order-standard_cart .cart-body > .header-lined h2 { color: #f1f5f9; }
:root[data-bs-theme="dark"] #order-standard_cart .cart-body > .header-lined p { color: #b6c2d2; }

/* ---- Product rail: a group with more than 3 products scrolls sideways instead of wrapping (markup: products.tpl adds .ph-product-rail; arrows are added by prabhu/prabhuhost.js) ---- */
#order-standard_cart .products { position: relative; }
#order-standard_cart .ph-product-rail {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    /* room so card shadows and the hover lift are not clipped by the scroll box (no visible frame) */
    padding: 20px 0 32px;
    margin-top: -20px;
    margin-bottom: -16px;
    scrollbar-width: none;
}
#order-standard_cart .ph-product-rail::-webkit-scrollbar { display: none; }
#order-standard_cart .ph-product-rail > [class*="col-"] { flex: 0 0 33.3333%; max-width: 33.3333%; scroll-snap-align: start; }
#order-standard_cart .ph-product-rail:focus { outline: 0; }
@media (max-width: 991.98px) { #order-standard_cart .ph-product-rail > [class*="col-"] { flex-basis: 50%; max-width: 50%; } }
@media (max-width: 575.98px) { #order-standard_cart .ph-product-rail > [class*="col-"] { flex-basis: 86%; max-width: 86%; } }
@media (prefers-reduced-motion: reduce) { #order-standard_cart .ph-product-rail { scroll-behavior: auto; } }

#order-standard_cart .ph-rail-btn {
    position: absolute;
    top: 45%;
    z-index: 3;
    display: none;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid var(--ph-line);
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 8px 22px rgba(23, 32, 51, .16);
    color: var(--primary);
    font-size: 16px;
    cursor: pointer;
    transition: opacity .2s ease, background-color .2s ease, color .2s ease;
}
#order-standard_cart .ph-rail-btn:hover { background: var(--primary); color: #fff; }
#order-standard_cart .ph-rail-btn:focus-visible { outline: 3px solid rgba(0, 102, 204, .5); outline-offset: 2px; }
#order-standard_cart .ph-rail-prev { left: -14px; }
#order-standard_cart .ph-rail-next { right: -14px; }
#order-standard_cart .ph-rail-btn[disabled] { opacity: 0; pointer-events: none; }
#order-standard_cart .products.is-scrollable .ph-rail-btn { display: inline-flex; }
@media (max-width: 575.98px) { #order-standard_cart .ph-rail-btn { display: none !important; } } /* touch: swipe */
:root[data-bs-theme="dark"] #order-standard_cart .ph-rail-btn { border-color: #1f2937; background: #111827; color: #93c5fd; }
:root[data-bs-theme="dark"] #order-standard_cart .ph-rail-btn:hover { background: #60a5fa; color: #0b1220; }

/* ---- Pricing table (extensions by category) ---- */
/* Without any TLD category configured the block only said "Please choose a category from above": a dead end. Hide it until categories exist. */
#order-standard_cart .domain-pricing:not(:has(.tld-filters a)) { display: none; }
#order-standard_cart .domain-pricing .tld-filters a,
#order-standard_cart .tld-filters a.badge-secondary {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    margin: 0 8px 8px 0;
    padding: 0 18px;
    border-radius: 999px;
    background: #e8eef7;
    color: var(--ph-text);
    font-size: 13.5px;
    font-weight: 600;
    transition: background-color .2s ease, color .2s ease;
}
#order-standard_cart .tld-filters a.badge-secondary:hover { background: #d6e4f7; color: var(--primary-dark); }
#order-standard_cart .tld-filters a.badge-secondary.badge-success { background: var(--primary); color: #fff; }
#order-standard_cart .tld-pricing-header {
    padding: 12px 8px;
    border-radius: 14px 14px 0 0;
    background: #eef4fb;
    color: var(--ph-text-2);
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}
#order-standard_cart .tld-row { padding: 12px 8px; border-bottom: 1px solid #eef0f3; background: #fff; transition: background-color .2s ease; }
#order-standard_cart .tld-row:hover { background: #f8fbff; }

/* ---- Promo cards (Add Web Hosting / Transfer) and result boxes ---- */
#order-standard_cart .domain-promo-box {
    height: 100%;
    padding: 24px 28px;
    border: 1px solid var(--ph-line);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(23, 32, 51, .05);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
#order-standard_cart .domain-promo-box:hover { transform: translateY(-2px); border-color: #c9dcf2; box-shadow: 0 14px 32px rgba(23, 32, 51, .09); }
#order-standard_cart .domain-promo-box i { font-size: 40px; color: var(--primary); }
#order-standard_cart .domain-promo-box h3 { font-size: 18px; font-weight: 700; color: var(--ph-ink); }
#order-standard_cart .domain-promo-box p { font-size: 14px; color: var(--ph-text-3); }
#order-standard_cart .domain-promo-box { display: flex; flex-direction: column; }
#order-standard_cart .domain-promo-box .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    margin-top: auto;
    min-height: 44px;
    padding: 0 24px;
    border-radius: 999px;
    font-size: 14.5px;
    font-weight: 600;
    line-height: 1.2;
}
#order-standard_cart .domain-promo-box .text-muted { margin-bottom: 16px; }
#order-standard_cart .domain-promo-box .btn-outline-primary { border: 2px solid var(--primary); background: #fff; color: var(--primary); }
#order-standard_cart .domain-promo-box .btn-outline-primary:hover { background: var(--primary); color: #fff; }
#order-standard_cart #searchDomainInfo { padding: 28px; border: 1px solid var(--ph-line); border-radius: 18px; background: #fff; }

@media (max-width: 767.98px) {
    #order-standard_cart .domain-checker-bg { padding: 32px 0; }
    #order-standard_cart .domain-checker-container .input-group-box { flex-direction: column; align-items: stretch; gap: 8px; padding: 10px; border-radius: 20px; }
    #order-standard_cart .domain-checker-container .input-group-box .form-control { width: 100% !important; flex: 0 0 auto; height: 48px; border-radius: 14px !important; background: #f8fafc; }
    #order-standard_cart .domain-checker-container .input-group-box .input-group-append,
    #order-standard_cart .domain-checker-container .input-group-box .input-group-btn { display: block; width: 100%; }
    #order-standard_cart #btnCheckAvailability { width: 100%; border-radius: 14px !important; }
}
@media (prefers-reduced-motion: reduce) {
    #order-standard_cart .input-group-box, #order-standard_cart #btnCheckAvailability, #order-standard_cart .domain-promo-box,
    #order-standard_cart .cart-sidebar .list-group-item, #order-standard_cart .tld-row { transition: none; transform: none; }
}

/* ---- Dark mode ---- */
:root[data-bs-theme="dark"] #order-standard_cart .domain-checker-container { border-color: #1f2937; background: linear-gradient(135deg, #0f172a 0%, #111d3a 100%); box-shadow: none; }
:root[data-bs-theme="dark"] #order-standard_cart .domain-checker-bg { background: radial-gradient(circle at 94% 10%, rgba(59, 155, 255, .14), transparent 300px); }
:root[data-bs-theme="dark"] #order-standard_cart .domain-checker-container .input-group-box { border-color: #1e3a5f; background: #111827; }
:root[data-bs-theme="dark"] #order-standard_cart .domain-checker-container .input-group-box .form-control { color: #f1f5f9; }
:root[data-bs-theme="dark"] #order-standard_cart .domain-checker-container .input-group-box .form-control::placeholder { color: #94a3b8; }
:root[data-bs-theme="dark"] #order-standard_cart .domain-checker-bg .default-captcha,
:root[data-bs-theme="dark"] #order-standard_cart .domain-promo-box,
:root[data-bs-theme="dark"] #order-standard_cart #searchDomainInfo { border-color: #1f2937; background: #111827; }
:root[data-bs-theme="dark"] #order-standard_cart .domain-checker-bg .default-captcha p,
:root[data-bs-theme="dark"] #order-standard_cart .domain-promo-box p { color: #94a3b8; }
:root[data-bs-theme="dark"] #order-standard_cart .domain-promo-box h3 { color: #f1f5f9; }
:root[data-bs-theme="dark"] #order-standard_cart .domain-checker-bg .captcha-container .form-control { border-color: #334155; background: #0b1220; color: #f1f5f9; }
:root[data-bs-theme="dark"] #order-standard_cart .card-sidebar { border-color: #1f2937; background: #111827; box-shadow: none; }
:root[data-bs-theme="dark"] #order-standard_cart .card-sidebar .card-header { border-bottom-color: #1f2937; background: #111827; }
:root[data-bs-theme="dark"] #order-standard_cart .card-sidebar .panel-title { color: #94a3b8; }
:root[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item { border-bottom-color: #1f2937; background: #111827; color: #e2e8f0; }
:root[data-bs-theme="dark"] #order-standard_cart .cart-sidebar a.list-group-item:hover { background: #1e293b; color: #fff; }
:root[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item.active { background: var(--primary); color: #0b1220; }
:root[data-bs-theme="dark"] #order-standard_cart .cart-sidebar a.list-group-item.list-group-item-action.active:hover { background: var(--primary); color: #0b1220; }
:root[data-bs-theme="dark"] #order-standard_cart .tld-pricing-header { background: #1e293b; color: #cbd5e1; }
:root[data-bs-theme="dark"] #order-standard_cart .tld-row { border-bottom-color: #1f2937; background: #111827; }
:root[data-bs-theme="dark"] #order-standard_cart .tld-row:hover { background: #1e293b; }
:root[data-bs-theme="dark"] #order-standard_cart .tld-filters a.badge-secondary { background: #1e293b; color: #e2e8f0; }

/* ---- Cart buttons: solid #1e7bc1 (hover #1a6ba9) ---- */
#order-standard_cart .btn-primary,
#order-standard_cart #btnCheckAvailability,
#order-standard_cart .tt-single-product .btn-order-now { background: var(--ph-blue); background-image: none; border-color: var(--ph-blue); color: #fff; }
#order-standard_cart .btn-primary:hover,
#order-standard_cart .btn-primary:focus,
#order-standard_cart .btn-primary:active,
#order-standard_cart #btnCheckAvailability:hover,
#order-standard_cart #btnCheckAvailability:focus,
#order-standard_cart .tt-single-product .btn-order-now:hover,
#order-standard_cart .tt-single-product .btn-order-now:focus { background: #1a6ba9; background-image: none; border-color: #1a6ba9; color: #fff; }

/* ---- Choose a domain (product flow: configureproductdomain.tpl) ---- */
#order-standard_cart .domain-selection-options { margin: 8px 0 24px; }
#order-standard_cart .domain-selection-options .option {
    margin: 0 0 12px;
    padding: 14px 20px;
    border: 1px solid var(--ph-line);
    border-radius: 14px;
    background: #fff;
    transition: border-color .2s ease, box-shadow .2s ease;
}
#order-standard_cart .domain-selection-options .option:hover { border-color: #b9d6ee; }
#order-standard_cart .domain-selection-options .option-selected { border-color: var(--ph-blue); background: #fff; box-shadow: 0 6px 18px rgba(30, 123, 193, .12); }
#order-standard_cart .domain-selection-options .option > label { display: flex; align-items: center; margin: 0; min-height: 28px; font-size: 15px; font-weight: 600; color: #172033; cursor: pointer; }
#order-standard_cart .domain-selection-options .option-selected > label { font-weight: 700; }
#order-standard_cart .domain-selection-options .option .iradio_square-blue { flex: 0 0 auto; margin-right: 12px; }
#order-standard_cart .domain-selection-options .domain-input-group { margin: 14px 0 4px; }
/* input row: www. + name + tld + Check on one 52px line */
#order-standard_cart .domain-selection-options .domain-input-group > .row { margin: 0; align-items: stretch; }
#order-standard_cart .domain-selection-options .domain-input-group > .row > [class*="col-"] { max-width: 100%; margin: 0; padding: 0; }
#order-standard_cart .domain-selection-options .domain-input-group .form-control,
#order-standard_cart .domain-selection-options .domain-input-group .input-group-text { height: 52px; font-size: 15px; }
#order-standard_cart .domain-selection-options .domain-input-group .form-control { height: 52px; font-size: 15px; }
#order-standard_cart .domain-selection-options .domain-input-group .form-control { border: 1px solid #d5dfec; border-radius: 12px; background-color: #fff; box-shadow: none; }
/* minimal focus: one blue line (the theme's global orange .form-control:focus-visible ring is switched off here) */
#order-standard_cart .domain-selection-options .domain-input-group .form-control:focus,
#order-standard_cart .domain-selection-options .domain-input-group .form-control:focus-visible { border-color: var(--ph-blue); box-shadow: 0 0 0 1px var(--ph-blue); outline: none !important; }
/* TLD select: own chevron with room on the right (the native arrow sat on the border) */
#order-standard_cart .domain-selection-options .domain-input-group select.form-control {
    -webkit-appearance: none;
    appearance: none;
    padding: 0 40px 0 16px;
    cursor: pointer;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%234d5766' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 16px center / 12px 8px;
}
:root[data-bs-theme="dark"] #order-standard_cart .domain-selection-options .domain-input-group select.form-control {
    background: #0f172a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%23cbd5e1' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 16px center / 12px 8px;
}
#order-standard_cart .domain-selection-options .domain-input-group .input-group-addon { display: flex; border: 0; background: none; padding: 0; }
#order-standard_cart .domain-selection-options .domain-input-group .input-group-text { display: flex; align-items: center; padding: 0 14px; border: 1px solid #d5dfec; border-right: 0; border-radius: 12px 0 0 12px; background: #f1f6fd; color: #4d5766; }
#order-standard_cart .domain-selection-options .domain-input-group .input-group-addon + .form-control { border-radius: 0 12px 12px 0; }
/* one line: [www. name] [tld] [Check] (the .col-* widths are replaced by flex) */
#order-standard_cart .domain-selection-options .domain-input-group > .row { display: flex; flex-wrap: nowrap; align-items: center; gap: 12px; }
#order-standard_cart .domain-selection-options .domain-input-group > .row > [class*="col-"]:first-child { flex: 1 1 auto; min-width: 0; width: auto; }
#order-standard_cart .domain-selection-options .domain-input-group > .row > [class*="col-"]:last-child:not(:first-child) { flex: 0 0 auto; width: auto; }
#order-standard_cart .domain-selection-options .domain-input-group .domains-row { display: flex; flex-wrap: nowrap; gap: 12px; margin: 0; }
#order-standard_cart .domain-selection-options .domain-input-group .domains-row > [class*="col-"] { padding: 0; width: auto; max-width: none; }
#order-standard_cart .domain-selection-options .domain-input-group .domains-row > [class*="col-"]:first-child { flex: 1 1 auto; min-width: 0; }
#order-standard_cart .domain-selection-options .domain-input-group .domains-row > [class*="col-"]:nth-child(2) { flex: 0 0 140px; }
#order-standard_cart .domain-selection-options .domain-input-group button.btn.btn-block { width: auto; min-width: 120px; }
#order-standard_cart .domain-selection-options .domain-input-group button.btn { height: 52px; border-radius: 999px; font-size: 16px; font-weight: 600; box-shadow: none; }
#order-standard_cart .domain-selection-options .domain-input-group button.btn:hover { transform: none; box-shadow: 0 8px 20px rgba(30, 123, 193, .28); }

/* the green separator + result card */
#order-standard_cart #DomainSearchResults { margin-top: 8px; }
#order-standard_cart .domain-lookup-primary-results,
#order-standard_cart .domain-lookup-primary-loader { margin: 0; padding: 0; border: 0; background: none; text-align: center; }
#order-standard_cart #searchDomainInfo { margin-bottom: 24px; padding: 24px 28px; }
#order-standard_cart .domain-lookup-primary-results .headline { margin: 0 0 6px; font-size: 22px; font-weight: 700; line-height: 1.3; color: #172033; }
#order-standard_cart .domain-lookup-primary-results .domain-checker-available { color: #15803d; }
#order-standard_cart .domain-lookup-primary-results .domain-checker-available::before { content: "\f058"; margin-right: 10px; font-family: "Font Awesome 5 Pro"; font-weight: 900; }
#order-standard_cart .domain-lookup-primary-results .domain-checker-unavailable { color: #b91c1c; }
#order-standard_cart .domain-lookup-primary-results .domain-price { margin-top: 4px; font-size: 15px; color: #4d5766; }
#order-standard_cart .domain-lookup-primary-results .domain-price .price { font-family: inherit; font-size: 18px; font-weight: 800; color: var(--ph-blue); }
#order-standard_cart .primary-domain-header { margin: 0 0 12px; padding: 0; border: 0; font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #4d5766; }

/* suggested domains */
#order-standard_cart .suggested-domains { overflow: hidden; margin-bottom: 8px; border: 1px solid var(--ph-line); border-radius: 16px; background: #fff; }
#order-standard_cart .suggested-domains .card-header,
#order-standard_cart .suggested-domains .panel-heading { padding: 16px 24px; border: 0; border-bottom: 1px solid var(--ph-line); background: #f1f6fd; font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #172033; }
#order-standard_cart .suggested-domains .list-group { margin: 0; }
#order-standard_cart .suggested-domains .list-group-item { display: flex; flex-wrap: nowrap; align-items: center; gap: 0; padding: 10px 24px; min-height: 60px; border: 0; border-bottom: 1px solid #eef2f8; border-radius: 0; font-size: 16px; color: #172033; }
#order-standard_cart .suggested-domains .list-group-item:hover { background: #f8fbff; }
/* WHMCS JS shows each cloned row with an inline display:block, so flex needs !important */
#order-standard_cart .suggested-domains .list-group-item.clone { display: flex !important; }
#order-standard_cart .suggested-domains .list-group-item .domain { margin-right: 0; }
#order-standard_cart .suggested-domains .extension { font-weight: 800; }
#order-standard_cart .suggested-domains .actions { float: none; flex: 0 0 auto; display: flex; align-items: center; flex-direction: row-reverse; gap: 16px; margin-left: auto; }
#order-standard_cart .suggested-domains .price { padding: 0; min-width: 96px; text-align: right; font-size: 16px; font-weight: 700; color: #172033; }
#order-standard_cart .suggested-domains .btn:not(.domain-contact-support),
#order-standard_cart .suggested-domains .btn.domain-contact-support { min-height: 40px; padding: 0 18px; border-radius: 999px; font-size: 14px; font-weight: 600; line-height: 1; background: #fff; border: 1.5px solid var(--ph-blue); color: var(--ph-blue); transition: background-color .2s ease, color .2s ease; }
#order-standard_cart .suggested-domains .btn:not(.domain-contact-support):hover,
#order-standard_cart .suggested-domains .btn:not(.domain-contact-support):focus { background: var(--ph-blue); border-color: var(--ph-blue); color: #fff; }
#order-standard_cart .suggested-domains .more-suggestions { padding: 14px; border: 0; background: #f8fbff; }
#order-standard_cart .suggested-domains .more-suggestions a { font-size: 15px; font-weight: 600; color: var(--ph-blue); }
#order-standard_cart .domain-suggestions-warning { padding: 14px 20px 6px; font-size: 13px; line-height: 1.5; }
#order-standard_cart .ph-domain-continue { margin: -8px 0 24px; }
#order-standard_cart #btnDomainContinue { min-height: 52px; margin-top: 0; padding: 0 36px; font-size: 16px; font-weight: 600; border-radius: 999px; }
@media (max-width: 767.98px) {
    #order-standard_cart .suggested-domains .list-group-item { flex-wrap: wrap; padding: 12px 16px; text-align: left; }
    #order-standard_cart .suggested-domains .actions { width: 100%; justify-content: space-between; flex-direction: row-reverse; margin-left: 0; }
    #order-standard_cart .suggested-domains .list-group-item .btn { width: auto; }
    #order-standard_cart .domain-selection-options .domain-input-group > .row { flex-direction: column; align-items: stretch; gap: 10px; }
    #order-standard_cart .domain-selection-options .domain-input-group > .row > [class*="col-"] { width: 100%; }
    #order-standard_cart .domain-selection-options .domain-input-group .domains-row { flex-direction: column; gap: 10px; }
    #order-standard_cart .domain-selection-options .domain-input-group .domains-row > [class*="col-"]:first-child,
    #order-standard_cart .domain-selection-options .domain-input-group .domains-row > [class*="col-"]:nth-child(2) { flex: 0 0 auto; width: 100%; }
    #order-standard_cart .domain-selection-options .domain-input-group button.btn.btn-block { width: 100%; }
    #order-standard_cart .domain-selection-options .option { padding: 12px 16px; }
}
:root[data-bs-theme="dark"] #order-standard_cart .domain-selection-options .option,
:root[data-bs-theme="dark"] #order-standard_cart .suggested-domains { border-color: #1f2937; background: #111827; }
:root[data-bs-theme="dark"] #order-standard_cart .domain-selection-options .option-selected { border-color: #60a5fa; box-shadow: none; }
:root[data-bs-theme="dark"] #order-standard_cart .domain-selection-options .option > label,
:root[data-bs-theme="dark"] #order-standard_cart .domain-lookup-primary-results .headline,
:root[data-bs-theme="dark"] #order-standard_cart .suggested-domains .list-group-item,
:root[data-bs-theme="dark"] #order-standard_cart .suggested-domains .price { color: #f1f5f9; }
:root[data-bs-theme="dark"] #order-standard_cart .domain-lookup-primary-results .domain-checker-available { color: #4ade80; }
:root[data-bs-theme="dark"] #order-standard_cart .domain-lookup-primary-results .domain-checker-unavailable { color: #f87171; }
:root[data-bs-theme="dark"] #order-standard_cart .suggested-domains .card-header,
:root[data-bs-theme="dark"] #order-standard_cart .suggested-domains .panel-heading { border-bottom-color: #1f2937; background: #0f172a; color: #e2e8f0; }
:root[data-bs-theme="dark"] #order-standard_cart .suggested-domains .list-group-item { border-bottom-color: #1f2937; }
:root[data-bs-theme="dark"] #order-standard_cart .suggested-domains .list-group-item:hover { background: #0f172a; }
:root[data-bs-theme="dark"] #order-standard_cart .suggested-domains .more-suggestions { background: #0f172a; }
:root[data-bs-theme="dark"] #order-standard_cart .suggested-domains .btn:not(.domain-contact-support) { background: transparent; border-color: #60a5fa; color: #93c5fd; }
:root[data-bs-theme="dark"] #order-standard_cart .suggested-domains .btn:not(.domain-contact-support):hover { background: #60a5fa; color: #0b1220; }
:root[data-bs-theme="dark"] #order-standard_cart .domain-selection-options .domain-input-group .form-control { border-color: #334155; background: #0f172a; color: #f1f5f9; }
:root[data-bs-theme="dark"] #order-standard_cart .domain-selection-options .domain-input-group .input-group-addon,
:root[data-bs-theme="dark"] #order-standard_cart .domain-selection-options .domain-input-group .input-group-text { border-color: #334155; background: #1e293b; color: #cbd5e1; }
:root[data-bs-theme="dark"] #order-standard_cart .domain-lookup-primary-results,
:root[data-bs-theme="dark"] #order-standard_cart .domain-lookup-primary-results .domain-price,
:root[data-bs-theme="dark"] #order-standard_cart .primary-domain-header { color: #cbd5e1; }

/* ---- Configure product (configureproduct.tpl): section cards on the left, order summary card on the right ---- */
#order-standard_cart .secondary-cart-body > p:first-child { margin: 0 0 20px; font-size: 15px; color: #4d5766; }
#order-standard_cart .ph-conf-card { margin: 0 0 20px; padding: 28px; border: 1px solid var(--ph-line); border-radius: 18px; background: #fff; }
#order-standard_cart .ph-conf-card .product-info { margin: 0; padding: 0 0 20px; border: 0; border-bottom: 1px solid var(--ph-line); border-radius: 0; background: none; }
#order-standard_cart .ph-conf-card .product-info .product-title { margin: 0 0 14px; font-family: inherit; font-size: 24px; font-weight: 800; letter-spacing: -.01em; line-height: 1.2; color: #172033; }
#order-standard_cart .ph-conf-desc .ph-ticks { margin: 0; padding: 0; list-style: none; columns: 2; column-gap: 32px; font-size: 14px; color: var(--ph-text-2); }
#order-standard_cart .ph-conf-desc .ph-ticks li { position: relative; break-inside: avoid; padding: 5px 0 5px 30px; line-height: 1.5; }
#order-standard_cart .ph-conf-desc .ph-ticks li:empty { display: none; }
#order-standard_cart .ph-conf-desc .ph-ticks li::before { content: "\f00c"; position: absolute; left: 0; top: 6px; display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; background: rgba(30, 123, 193, .12); color: var(--ph-blue); font-family: "Font Awesome 5 Pro"; font-size: 10px; font-weight: 900; line-height: 1; }
#order-standard_cart .ph-conf-plan .field-container { padding-top: 20px; }
/* section headings inside a card (replaces the dashed rule with a floating label) */
#order-standard_cart .ph-conf-card .sub-heading,
#order-standard_cart .ph-conf-card .sub-heading-borderless { margin: 0 0 18px; padding: 0 0 14px; border: 0; border-bottom: 1px solid var(--ph-line); text-align: left; }
#order-standard_cart .ph-conf-card .sub-heading span,
#order-standard_cart .ph-conf-card .sub-heading-borderless span { position: static; top: auto; display: block; padding: 0; background: none; font-family: inherit; font-size: 18px; font-weight: 700; color: #172033; }
#order-standard_cart .ph-conf-card .field-container label,
#order-standard_cart .ph-conf-card .form-group > label { margin-bottom: 8px; font-family: inherit; font-size: 14px; font-weight: 600; color: #172033; }
#order-standard_cart .ph-conf-card .form-control { height: 48px; border: 1px solid #d5dfec; border-radius: 12px; background-color: #fff; box-shadow: none; font-size: 15px; }
#order-standard_cart .ph-conf-card textarea.form-control { height: auto; }
#order-standard_cart .ph-conf-card .form-control:focus,
#order-standard_cart .ph-conf-card .form-control:focus-visible { border-color: var(--ph-blue); box-shadow: 0 0 0 1px var(--ph-blue); outline: none !important; }
#order-standard_cart .ph-conf-card select.form-control {
    -webkit-appearance: none;
    appearance: none;
    padding: 0 40px 0 16px;
    cursor: pointer;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%234d5766' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 16px center / 12px 8px;
}
#order-standard_cart .ph-conf-plan select.form-control { max-width: 420px; }
#order-standard_cart .ph-conf-card .field-help-text { display: block; margin-top: 6px; font-size: 13px; color: var(--ph-muted); }
/* add-ons */
#order-standard_cart #productAddonsContainer.ph-conf-card .panel-addon { margin: 0 0 12px; border: 1px solid var(--ph-line); border-radius: 14px; background: #fff; box-shadow: none; transition: border-color .2s ease, box-shadow .2s ease; }
#order-standard_cart #productAddonsContainer.ph-conf-card .panel-addon:hover { border-color: #b9d6ee; }
#order-standard_cart #productAddonsContainer.ph-conf-card .panel-addon-selected { border-color: var(--ph-blue); box-shadow: 0 6px 18px rgba(30, 123, 193, .12); }
#order-standard_cart #productAddonsContainer.ph-conf-card .panel-addon .panel-add { border: 1.5px solid var(--ph-blue); border-radius: 999px; background: #fff; color: var(--ph-blue); font-weight: 600; }
#order-standard_cart #productAddonsContainer.ph-conf-card .panel-addon-selected .panel-add { background: var(--ph-blue); color: #fff; }
#order-standard_cart .secondary-cart-body .alert.info-text-sm { border: 1px solid #f3e3b2; border-radius: 14px; font-size: 14px; }

/* order summary: one white card */
#order-standard_cart .order-summary { padding: 28px; border: 1px solid var(--ph-line); border-radius: 18px; background: #fff; box-shadow: 0 10px 30px rgba(23, 32, 51, .06); }
#order-standard_cart .order-summary h2 { margin: 0 0 18px; padding: 0; background: none; font-family: inherit; font-size: 20px; font-weight: 800; text-align: left; color: #172033; }
#order-standard_cart .order-summary .loader { top: 24px; right: 24px; color: var(--ph-blue); }
#order-standard_cart .summary-container { padding: 0; border-radius: 0; background: none; font-size: 14px; }
#order-standard_cart .summary-container .product-name { display: block; font-size: 16px; font-weight: 700; color: #172033; }
#order-standard_cart .summary-container .product-group { display: block; margin-bottom: 8px; font-size: 13px; font-style: normal; color: var(--ph-muted); }
#order-standard_cart .summary-container .clearfix { padding: 12px 0; border-bottom: 1px solid #eef2f8; }
#order-standard_cart .summary-container .clearfix .pull-left { font-size: 14px; color: #4d5766; }
#order-standard_cart .summary-container .clearfix span.float-right { font-family: inherit; font-weight: 600; color: #172033; }
#order-standard_cart .summary-container .summary-totals .clearfix:last-child { border-bottom: 0; }
#order-standard_cart .order-summary .total-due-today { display: flex; flex-direction: row-reverse; align-items: baseline; justify-content: space-between; margin: 8px 0 20px; padding: 16px 0 0; border-top: 1px solid var(--ph-line); text-align: left; font-size: 15px; font-weight: 700; color: #172033; }
#order-standard_cart .order-summary .total-due-today .amt { font-family: inherit; font-size: 28px; font-weight: 800; letter-spacing: -.02em; color: #172033; }
#order-standard_cart .order-summary #btnCompleteProductConfig { min-height: 52px; border-radius: 999px; font-size: 16px; font-weight: 600; }
@media (max-width: 991.98px) {
    #order-standard_cart .ph-conf-card { padding: 20px; }
    #order-standard_cart .ph-conf-desc .ph-ticks { columns: 1; }
    #order-standard_cart .secondary-cart-sidebar { width: 100%; max-width: 480px; }
}
:root[data-bs-theme="dark"] #order-standard_cart .ph-conf-card,
:root[data-bs-theme="dark"] #order-standard_cart .order-summary { border-color: #1f2937; background: #111827; box-shadow: none; }
:root[data-bs-theme="dark"] #order-standard_cart .ph-conf-card .product-info,
:root[data-bs-theme="dark"] #order-standard_cart .ph-conf-card .sub-heading,
:root[data-bs-theme="dark"] #order-standard_cart .order-summary .total-due-today { border-color: #1f2937; }
:root[data-bs-theme="dark"] #order-standard_cart .ph-conf-card .product-info .product-title,
:root[data-bs-theme="dark"] #order-standard_cart .ph-conf-card .sub-heading span,
:root[data-bs-theme="dark"] #order-standard_cart .ph-conf-card .field-container label,
:root[data-bs-theme="dark"] #order-standard_cart .ph-conf-card .form-group > label,
:root[data-bs-theme="dark"] #order-standard_cart .order-summary h2,
:root[data-bs-theme="dark"] #order-standard_cart .summary-container .product-name,
:root[data-bs-theme="dark"] #order-standard_cart .summary-container .clearfix span.float-right,
:root[data-bs-theme="dark"] #order-standard_cart .order-summary .total-due-today,
:root[data-bs-theme="dark"] #order-standard_cart .order-summary .total-due-today .amt { color: #f1f5f9; }
:root[data-bs-theme="dark"] #order-standard_cart .ph-conf-desc .ph-ticks,
:root[data-bs-theme="dark"] #order-standard_cart .summary-container .clearfix .pull-left,
:root[data-bs-theme="dark"] #order-standard_cart .secondary-cart-body > p:first-child { color: #cbd5e1; }
:root[data-bs-theme="dark"] #order-standard_cart .summary-container .clearfix { border-bottom-color: #1f2937; }
:root[data-bs-theme="dark"] #order-standard_cart .ph-conf-desc .ph-ticks li::before { background: rgba(96, 165, 250, .18); color: #7cc0f2; }
:root[data-bs-theme="dark"] #order-standard_cart .ph-conf-card .form-control { border-color: #334155; background-color: #0f172a; color: #f1f5f9; }
:root[data-bs-theme="dark"] #order-standard_cart .ph-conf-card select.form-control { background: #0f172a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%23cbd5e1' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 16px center / 12px 8px; }
#order-standard_cart .order-summary { position: relative; top: auto; }
#order-standard_cart .order-summary .loader { position: absolute; top: 28px; right: 28px; left: auto; width: auto; height: auto; margin: 0; padding: 0; background: none; font-size: 16px; line-height: 1; }
#order-standard_cart .ph-conf-plan .field-container .form-group { margin-bottom: 0; }
#order-standard_cart .ph-conf-plan .field-container { padding-bottom: 0; }
#order-standard_cart .secondary-cart-body .alert.info-text-sm { background: #fff8e6; color: #7a5b00; }
:root[data-bs-theme="dark"] #order-standard_cart .secondary-cart-body .alert.info-text-sm { border-color: #4a3b12; background: #2a2208; color: #f3d98a; }
:root[data-bs-theme="dark"] #order-standard_cart .secondary-cart-body .alert.info-text-sm .alert-link { color: #ffe9a8; }
:root[data-bs-theme="dark"] #order-standard_cart .summary-container .product-group { color: #94a3b8; }

/* configure step: no sidebar, full-width body */
#order-standard_cart .ph-conf-page > .cart-body { float: none; width: 100%; }

/* ---- Configure product: closer to the reference (price beside the select, total box, brand notice, roomier summary) ---- */
#order-standard_cart .ph-conf-card { padding: 36px 40px; border-radius: 20px; }
#order-standard_cart .ph-conf-card .product-info { padding-bottom: 22px; }
#order-standard_cart .ph-conf-plan .field-container { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; padding-top: 24px; }
#order-standard_cart .ph-conf-plan .field-container .form-group { flex: 1 1 420px; max-width: 420px; }
#order-standard_cart .ph-conf-plan .field-container .form-group br { display: none; }
#order-standard_cart .ph-plan-price { display: none; text-align: right; white-space: nowrap; color: #4d5766; }
#order-standard_cart .ph-plan-price.is-ready { display: block; }
#order-standard_cart .ph-plan-amt { font-size: 32px; font-weight: 800; letter-spacing: -.02em; line-height: 1.1; color: #172033; }
#order-standard_cart .ph-plan-per { font-size: 15px; font-weight: 500; color: var(--ph-muted); }
#order-standard_cart .secondary-cart-body .alert.info-text-sm { margin-top: 0; padding: 16px 20px; border: 0; border-radius: 14px; background: #eaf3fb; color: #172033; text-align: left; }
#order-standard_cart .secondary-cart-body .alert.info-text-sm .fa-question-circle { color: var(--ph-blue); }
#order-standard_cart .secondary-cart-body .alert.info-text-sm .alert-link { color: var(--ph-blue); font-weight: 700; }
/* summary */
#order-standard_cart .order-summary { padding: 36px 40px; border-radius: 20px; }
#order-standard_cart .order-summary h2 { margin-bottom: 24px; font-size: 24px; }
#order-standard_cart .order-summary .loader { top: 40px; right: 40px; }
#order-standard_cart .summary-container .product-name { margin-bottom: 4px; font-size: 16px; }
#order-standard_cart .summary-container .product-group { margin-bottom: 18px; }
#order-standard_cart .summary-container .clearfix { padding: 10px 0; border-bottom: 0; }
#order-standard_cart .summary-container .clearfix .pull-left { font-size: 15px; color: #172033; }
#order-standard_cart .summary-container .clearfix span.float-right { font-weight: 500; }
#order-standard_cart .order-summary .total-due-today { margin: 12px 0 24px; padding: 22px 0 22px; border-top: 0; border-bottom: 1px solid #d5dfec; align-items: center; font-size: 18px; font-weight: 800; }
#order-standard_cart .order-summary .total-due-today .amt { font-size: 32px; }
#order-standard_cart .order-summary #btnCompleteProductConfig { min-height: 56px; border-radius: 12px; font-size: 17px; font-weight: 600; }
#order-standard_cart .ph-accept { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px; margin-top: 22px; }
#order-standard_cart .ph-accept img { height: 34px; width: auto; padding: 4px 8px; border: 1px solid var(--ph-line); border-radius: 8px; background: #fff; }
@media (max-width: 991.98px) {
    #order-standard_cart .ph-conf-card, #order-standard_cart .order-summary { padding: 24px 20px; }
    #order-standard_cart .ph-conf-plan .field-container { flex-wrap: wrap; align-items: stretch; }
    #order-standard_cart .ph-plan-price { text-align: left; }
    #order-standard_cart .order-summary .loader { top: 28px; right: 20px; }
}
:root[data-bs-theme="dark"] #order-standard_cart .ph-plan-per { color: #cbd5e1; }
:root[data-bs-theme="dark"] #order-standard_cart .ph-plan-amt { color: #f1f5f9; }
:root[data-bs-theme="dark"] #order-standard_cart .secondary-cart-body .alert.info-text-sm { background: #0f2540; color: #e2e8f0; }
:root[data-bs-theme="dark"] #order-standard_cart .secondary-cart-body .alert.info-text-sm .alert-link { color: #7cc0f2; }
:root[data-bs-theme="dark"] #order-standard_cart .order-summary .total-due-today { border-bottom-color: #334155; }
:root[data-bs-theme="dark"] #order-standard_cart .summary-container .clearfix .pull-left { color: #e2e8f0; }
:root[data-bs-theme="dark"] #order-standard_cart .ph-accept img { border-color: #1f2937; background: #e2e8f0; }

/* section headings: the stock .sub-heading is height:0 with a top rule, so the bottom rule landed on the text */
#order-standard_cart .ph-conf-card .sub-heading,
#order-standard_cart .ph-conf-card .sub-heading-borderless { height: auto; border-top: 0; }
/* "Configure" + its lead sentence on one line */
#order-standard_cart .ph-conf-page .header-lined { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 20px; margin-bottom: 24px; }
#order-standard_cart .ph-conf-page .header-lined h2 { margin: 0; }
#order-standard_cart .ph-conf-page .header-lined .ph-conf-lead { margin: 0; font-size: 15px; color: #4d5766; }
:root[data-bs-theme="dark"] #order-standard_cart .ph-conf-page .header-lined .ph-conf-lead { color: #cbd5e1; }

/* ---- Domains configuration (configuredomains.tpl) + add-on panels in cards ---- */
#order-standard_cart .ph-conf-intro { margin: 0 0 20px; font-size: 15px; color: #4d5766; }
#order-standard_cart .ph-conf-domain .sub-heading span { font-size: 22px; font-weight: 800; letter-spacing: -.01em; word-break: break-all; }
#order-standard_cart .ph-conf-domain > .row { margin-bottom: 4px; }
#order-standard_cart .ph-conf-domain .form-group > label { display: block; margin-bottom: 4px; font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ph-muted); }
#order-standard_cart .ph-conf-domain .form-group { font-size: 16px; font-weight: 600; color: #172033; }
#order-standard_cart .ph-conf-domain .form-group span[style*="009900"] { display: inline-block; padding: 2px 12px; border-radius: 999px; background: #e6f6ec; color: #15803d !important; font-size: 14px; }
#order-standard_cart .ph-conf-domain .form-group a[style*="cc0000"] { display: inline-block; padding: 2px 12px; border-radius: 999px; background: #fdecec; color: #b91c1c !important; font-size: 14px; }
#order-standard_cart .ph-conf-domain .row.addon-products { margin-top: 12px; }
#order-standard_cart .ph-conf-card .panel-addon { display: flex; flex-direction: column; height: 100%; margin: 0; border: 1px solid var(--ph-line); border-radius: 14px; background: #fff; box-shadow: none; text-align: left; font-size: 14px; transition: border-color .2s ease, box-shadow .2s ease; }
#order-standard_cart .ph-conf-card .panel-addon:hover { border-color: #b9d6ee; }
#order-standard_cart .ph-conf-card .panel-addon-selected { border-color: var(--ph-blue); box-shadow: 0 6px 18px rgba(30, 123, 193, .12); }
#order-standard_cart .ph-conf-card .panel-addon .panel-body { flex: 1 1 auto; padding: 20px 20px 12px; border-radius: 0; color: #4d5766; line-height: 1.55; }
#order-standard_cart .ph-conf-card .panel-addon .panel-body > label { display: flex; align-items: center; gap: 10px; margin: 0 0 8px; font-size: 16px; font-weight: 700; color: #172033; cursor: pointer; }
#order-standard_cart .ph-conf-card .panel-addon .tt-domain-configure { justify-content: space-between; gap: 12px; padding: 12px 20px 20px; }
#order-standard_cart .ph-conf-card .panel-addon .panel-price { padding: 0; background: none; font-family: inherit; font-size: 18px; font-weight: 800; color: #172033; }
#order-standard_cart .ph-conf-card .panel-addon .panel-price span { font-size: 13px; font-weight: 500; color: var(--ph-muted); }
#order-standard_cart .ph-conf-card .panel-addon .panel-add { display: inline-flex; align-items: center; gap: 6px; margin: 0; padding: 0 16px; min-height: 40px; border: 1.5px solid var(--ph-blue); border-radius: 999px; background: #fff; color: var(--ph-blue); font-size: 14px; font-weight: 600; white-space: nowrap; }
#order-standard_cart .ph-conf-card .panel-addon-selected .panel-add { background: var(--ph-blue); color: #fff; }
/* checkbox (iCheck sprite replaced by a drawn box) */
#order-standard_cart .ph-conf-card .panel-addon .icheckbox_square-blue { flex: 0 0 22px; width: 22px; height: 22px; border: 1.5px solid #9db8d3; border-radius: 6px; background: #fff none; }
#order-standard_cart .ph-conf-card .panel-addon .icheckbox_square-blue.checked { border-color: var(--ph-blue); background: var(--ph-blue) none; }
#order-standard_cart .ph-conf-card .panel-addon .icheckbox_square-blue.checked::after { content: "\f00c"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-family: "Font Awesome 5 Pro"; font-size: 11px; font-weight: 900; }
#order-standard_cart .ph-conf-domain .form-group.row .col-sm-4 { font-weight: 600; }
:root[data-bs-theme="dark"] #order-standard_cart .ph-conf-intro { color: #cbd5e1; }
:root[data-bs-theme="dark"] #order-standard_cart .ph-conf-domain .form-group { color: #f1f5f9; }
:root[data-bs-theme="dark"] #order-standard_cart .ph-conf-domain .form-group > label { color: #94a3b8; }
:root[data-bs-theme="dark"] #order-standard_cart .ph-conf-card .panel-addon { border-color: #1f2937; background: #0f172a; }
:root[data-bs-theme="dark"] #order-standard_cart .ph-conf-card .panel-addon-selected { border-color: #60a5fa; box-shadow: none; }
:root[data-bs-theme="dark"] #order-standard_cart .ph-conf-card .panel-addon .panel-body { color: #cbd5e1; }
:root[data-bs-theme="dark"] #order-standard_cart .ph-conf-card .panel-addon .panel-body > label,
:root[data-bs-theme="dark"] #order-standard_cart .ph-conf-card .panel-addon .panel-price { color: #f1f5f9; }
:root[data-bs-theme="dark"] #order-standard_cart .ph-conf-card .panel-addon .panel-add { border-color: #60a5fa; background: transparent; color: #93c5fd; }
:root[data-bs-theme="dark"] #order-standard_cart .ph-conf-card .panel-addon-selected .panel-add { background: #60a5fa; color: #0b1220; }
:root[data-bs-theme="dark"] #order-standard_cart .ph-conf-card .panel-addon .icheckbox_square-blue { border-color: #475569; background: #0f172a none; }
#order-standard_cart .ph-conf-domain .form-group br { display: none; }
#order-standard_cart .ph-conf-domain .form-group { margin-bottom: 14px; }
#order-standard_cart .ph-conf-domain .row.addon-products > [class*="col-"] { margin-bottom: 0 !important; }
#order-standard_cart #frmConfigureDomains .btn-primary.btn-lg { min-height: 52px; padding: 0 36px; border-radius: 999px; font-size: 16px; font-weight: 600; }
/* summary in narrow columns (view cart): total stacks instead of wrapping the amount */
#order-standard_cart .order-summary .total-due-today.total-due-today-padded { flex-direction: column-reverse; align-items: flex-start; gap: 4px; }
#order-standard_cart .order-summary .total-due-today.total-due-today-padded .amt { font-size: 28px; white-space: nowrap; }
#order-standard_cart .order-summary .btn-continue-shopping { display: block; width: 100%; padding: 14px 0 0; overflow: visible; text-align: center; white-space: nowrap; color: #4d5766; }
#order-standard_cart .order-summary .btn-continue-shopping:hover { color: var(--ph-blue); }
:root[data-bs-theme="dark"] #order-standard_cart .order-summary .btn-continue-shopping { color: #cbd5e1; }
#order-standard_cart .ph-conf-card .panel-addon .tt-domain-configure { flex-wrap: wrap; }
#order-standard_cart .ph-conf-card .panel-addon .panel-price { flex: 1 1 auto; min-width: 0; }
@media (max-width: 575.98px) { #order-standard_cart .ph-conf-card .panel-addon .panel-add { width: 100%; justify-content: center; } }

/* ---- View cart (viewcart.tpl): item card, promo card, summary ---- */
#order-standard_cart form.tt-view-cart { margin: 0 0 20px; padding: 8px 32px 20px; border: 1px solid var(--ph-line); border-radius: 20px; background: #fff; }
#order-standard_cart .tt-view-cart .view-cart-items-header { margin: 0; padding: 18px 0 14px; border: 0; border-bottom: 1px solid var(--ph-line); border-radius: 0; background: none; font-family: inherit; font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--ph-muted); }
#order-standard_cart .tt-view-cart .view-cart-items-header .row { margin: 0; }
#order-standard_cart .tt-view-cart .view-cart-items-header [class*="col-"] { padding-left: 0; padding-right: 0; }
#order-standard_cart .tt-view-cart .view-cart-items .item,
#order-standard_cart .tt-view-cart .view-cart-items .item:nth-child(even) { padding: 20px 0; border: 0; border-bottom: 1px solid #eef2f8; background: none; }
#order-standard_cart .tt-view-cart .view-cart-items .item .row { margin: 0; align-items: flex-start; }
#order-standard_cart .tt-view-cart .view-cart-items .item [class*="col-"] { padding-left: 0; padding-right: 0; }
#order-standard_cart .tt-view-cart .view-cart-items .item-title { font-family: inherit; font-size: 17px; font-weight: 700; color: #172033; }
#order-standard_cart .tt-view-cart .view-cart-items .item-title a.btn-link { display: inline-flex; align-items: center; gap: 4px; padding: 0 0 0 10px; font-size: 13px; font-weight: 600; color: var(--ph-blue); }
#order-standard_cart .tt-view-cart .view-cart-items .item-group { display: block; margin-top: 2px; font-size: 14px; color: var(--ph-muted); }
#order-standard_cart .tt-view-cart .view-cart-items .item-domain { display: block; margin-top: 6px; font-size: 14px; font-weight: 600; color: var(--ph-blue); }
#order-standard_cart .tt-view-cart .view-cart-items .item-price { text-align: right; font-size: 17px; font-weight: 800; color: #172033; }
#order-standard_cart .tt-view-cart .view-cart-items .item-price span { font-family: inherit; font-size: inherit; font-weight: inherit; }
#order-standard_cart .tt-view-cart .view-cart-items .item-price .cycle { display: block; margin-top: 2px; font-size: 13px; font-weight: 500; color: var(--ph-muted); }
#order-standard_cart .tt-view-cart .view-cart-items .btn-remove-from-cart { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; border-radius: 50%; }
#order-standard_cart .tt-view-cart .view-cart-items .btn-remove-from-cart:hover { background: #fdecec; }
#order-standard_cart .tt-view-cart .view-cart-items .item:last-of-type { border-bottom: 0; }
#order-standard_cart .tt-view-cart .empty-cart { margin: 12px 0 0; }
#order-standard_cart .tt-view-cart .empty-cart .btn { display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 0 16px; border: 0; border-radius: 999px; background: #fdecec; font-size: 14px; font-weight: 600; color: #b91c1c; }
#order-standard_cart .tt-view-cart .empty-cart .btn:hover { background: #fbd5d5; }
/* promo / tax tabs */
#order-standard_cart .view-cart-tabs { margin: 0 0 20px; padding: 24px 32px 28px; border: 1px solid var(--ph-line); border-radius: 20px; background: #fff; }
#order-standard_cart .view-cart-tabs .nav-tabs { gap: 24px; margin: 0 0 20px; padding: 0; border: 0; border-bottom: 1px solid var(--ph-line); font-family: inherit; }
#order-standard_cart .view-cart-tabs .nav-tabs .nav-link { margin: 0 0 -1px; padding: 0 0 12px; border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: none; font-size: 15px; font-weight: 600; color: var(--ph-muted); }
#order-standard_cart .view-cart-tabs .nav-tabs .nav-link.active,
#order-standard_cart .view-cart-tabs .nav-tabs a[aria-expanded=true],
#order-standard_cart .view-cart-tabs .nav-tabs a[aria-selected=true] { border-color: var(--ph-blue); background: none; color: var(--ph-blue); }
#order-standard_cart .view-cart-tabs .tab-content { padding: 0; border: 0; background: none; }
#order-standard_cart .view-cart-tabs .prepend-icon .field-icon { top: 0; width: 48px; height: 48px; line-height: 48px; color: var(--ph-blue); }
#order-standard_cart .view-cart-tabs .prepend-icon .field,
#order-standard_cart .view-cart-tabs .form-control { height: 48px; border: 1px solid #d5dfec; border-radius: 12px; background: #fff; box-shadow: none; font-size: 15px; }
#order-standard_cart .view-cart-tabs .prepend-icon .field { padding-left: 48px; }
#order-standard_cart .view-cart-tabs .form-control:focus,
#order-standard_cart .view-cart-tabs .form-control:focus-visible { border-color: var(--ph-blue); box-shadow: 0 0 0 1px var(--ph-blue); outline: none !important; }
#order-standard_cart .view-cart-tabs button.btn.btn-default,
#order-standard_cart .view-cart-tabs button.btn-block { min-height: 48px; border: 1.5px solid var(--ph-blue); border-radius: 999px; background: #fff; font-size: 15px; font-weight: 600; color: var(--ph-blue); }
#order-standard_cart .view-cart-tabs button.btn.btn-default:hover { background: var(--ph-blue); color: #fff; }
/* summary rows */
#order-standard_cart .summary-container .subtotal.clearfix,
#order-standard_cart .summary-container .recurring-totals.clearfix { padding: 12px 0; border: 0; }
#order-standard_cart .summary-container .recurring-totals .recurring-charges { text-align: right; font-size: 14px; font-weight: 600; line-height: 1.7; }
#order-standard_cart .summary-container .recurring-totals .pull-left { font-size: 15px; color: #172033; }
@media (max-width: 575.98px) {
    #order-standard_cart form.tt-view-cart, #order-standard_cart .view-cart-tabs { padding-left: 20px; padding-right: 20px; }
}
:root[data-bs-theme="dark"] #order-standard_cart form.tt-view-cart,
:root[data-bs-theme="dark"] #order-standard_cart .view-cart-tabs { border-color: #1f2937; background: #111827; }
:root[data-bs-theme="dark"] #order-standard_cart .tt-view-cart .view-cart-items-header,
:root[data-bs-theme="dark"] #order-standard_cart .view-cart-tabs .nav-tabs { border-bottom-color: #1f2937; }
:root[data-bs-theme="dark"] #order-standard_cart .tt-view-cart .view-cart-items .item { border-bottom-color: #1f2937; }
:root[data-bs-theme="dark"] #order-standard_cart .tt-view-cart .view-cart-items .item-title,
:root[data-bs-theme="dark"] #order-standard_cart .tt-view-cart .view-cart-items .item-price,
:root[data-bs-theme="dark"] #order-standard_cart .summary-container .recurring-totals .pull-left { color: #f1f5f9; }
:root[data-bs-theme="dark"] #order-standard_cart .tt-view-cart .view-cart-items .item-domain,
:root[data-bs-theme="dark"] #order-standard_cart .tt-view-cart .view-cart-items .item-title a.btn-link { color: #7cc0f2; }
:root[data-bs-theme="dark"] #order-standard_cart .view-cart-tabs .form-control,
:root[data-bs-theme="dark"] #order-standard_cart .view-cart-tabs .prepend-icon .field { border-color: #334155; background: #0f172a; color: #f1f5f9; }
:root[data-bs-theme="dark"] #order-standard_cart .view-cart-tabs button.btn.btn-default { border-color: #60a5fa; background: transparent; color: #93c5fd; }
:root[data-bs-theme="dark"] #order-standard_cart .view-cart-tabs .nav-tabs .nav-link.active { border-color: #60a5fa; color: #93c5fd; }
:root[data-bs-theme="dark"] #order-standard_cart .tt-view-cart .empty-cart .btn { background: #3b1515; color: #fca5a5; }
/* dark: active sidebar item (kohost forces blue text on it, which vanishes on a blue fill) */
:root[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item.active,
:root[data-bs-theme="dark"] #order-standard_cart .cart-sidebar a.list-group-item.list-group-item-action.active:hover { background: #1e7bc1; border-color: #1e7bc1; color: #fff !important; }
/* phones: the remove button sits in the title line and carries a text label */
#order-standard_cart .tt-view-cart .view-cart-items .item-title .btn-remove-from-cart { width: auto; height: 32px; padding: 0 10px; gap: 6px; border-radius: 999px; background: #fdecec; font-size: 13px; font-weight: 600; color: #b91c1c; }

/* ---- Checkout (checkout.tpl): one card, quiet section headings, even fields ---- */
#order-standard_cart .already-registered { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; margin: 0 0 20px; }
#order-standard_cart .already-registered > p { margin: 0; font-size: 15px; color: #4d5766; }
#order-standard_cart .already-registered .btn { min-height: 44px; padding: 0 22px; border: 1.5px solid var(--ph-blue); border-radius: 999px; background: #fff; font-size: 15px; font-weight: 600; color: var(--ph-blue); }
#order-standard_cart .already-registered .btn:hover { background: var(--ph-blue); color: #fff; }
#order-standard_cart form#frmCheckout { padding: 12px 40px 36px; border: 1px solid var(--ph-line); border-radius: 20px; background: #fff; }
#order-standard_cart #frmCheckout .sub-heading { height: auto; margin: 32px 0 20px; padding: 0 0 12px; border: 0; border-bottom: 1px solid var(--ph-line); text-align: left; }
#order-standard_cart #frmCheckout .sub-heading span { position: static; top: auto; display: block; padding: 0; background: none; font-family: inherit; font-size: 19px; font-weight: 700; color: #172033; }
#order-standard_cart #frmCheckout .prepend-icon .field,
#order-standard_cart #frmCheckout .form-control { height: 48px; border: 1px solid #d5dfec; border-radius: 12px; background-color: #fff; box-shadow: none; font-size: 15px; }
#order-standard_cart #frmCheckout textarea.form-control,
#order-standard_cart #frmCheckout textarea.field { height: auto; min-height: 110px; }
#order-standard_cart #frmCheckout .prepend-icon .field:focus,
#order-standard_cart #frmCheckout .form-control:focus,
#order-standard_cart #frmCheckout .prepend-icon .field:focus-visible,
#order-standard_cart #frmCheckout .form-control:focus-visible { border-color: var(--ph-blue); box-shadow: 0 0 0 1px var(--ph-blue); outline: none !important; }
#order-standard_cart #frmCheckout .prepend-icon .field-icon { top: 0; width: 48px; height: 48px; line-height: 48px; color: var(--ph-blue); }
#order-standard_cart #frmCheckout .prepend-icon .field-icon i { color: var(--ph-blue); }
#order-standard_cart #frmCheckout select.field,
#order-standard_cart #frmCheckout select.form-control {
    -webkit-appearance: none;
    appearance: none;
    padding-right: 40px;
    cursor: pointer;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%234d5766' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 16px center / 12px 8px;
}
#order-standard_cart #frmCheckout .form-group { margin-bottom: 16px; }
#order-standard_cart #frmCheckout .generate-password { min-height: 36px; padding: 0 16px; border: 1.5px solid var(--ph-blue); border-radius: 999px; background: #fff; font-size: 13px; font-weight: 600; color: var(--ph-blue); }
#order-standard_cart #frmCheckout .generate-password:hover { background: var(--ph-blue); color: #fff; }
/* payment */
#order-standard_cart #frmCheckout #totalDueToday { margin: 0 0 20px; padding: 18px 22px; border: 0; border-radius: 14px; background: #eaf3fb; font-size: 16px; color: #172033; }
#order-standard_cart #frmCheckout #totalDueToday strong { font-size: 20px; font-weight: 800; color: var(--ph-blue); }
#order-standard_cart #frmCheckout .payment-methods { margin-right: 10px; }
#order-standard_cart #frmCheckout label.radio-inline { display: inline-flex; align-items: center; gap: 8px; margin: 0 20px 8px 0; font-size: 15px; font-weight: 600; color: #172033; }
/* submit + secure note */
#order-standard_cart #frmCheckout #btnCompleteOrder,
#order-standard_cart #frmCheckout .btn-primary.btn-lg { min-height: 56px; padding: 0 40px; border-radius: 999px; font-size: 17px; font-weight: 600; }
#order-standard_cart #frmCheckout .checkout-security-msg { margin: 24px 0 0; padding: 16px 20px; border: 0; border-radius: 14px; background: #eaf3fb; font-size: 13px; color: #4d5766; }
#order-standard_cart #frmCheckout .checkout-security-msg .fa-lock { color: var(--ph-blue); }
#order-standard_cart #frmCheckout .domain-checker-bg,
#order-standard_cart #frmCheckout .captcha-container { text-align: left; }
@media (max-width: 767.98px) { #order-standard_cart form#frmCheckout { padding: 4px 20px 28px; } }
:root[data-bs-theme="dark"] #order-standard_cart form#frmCheckout { border-color: #1f2937; background: #111827; }
:root[data-bs-theme="dark"] #order-standard_cart #frmCheckout .sub-heading { border-bottom-color: #1f2937; }
:root[data-bs-theme="dark"] #order-standard_cart #frmCheckout .sub-heading span,
:root[data-bs-theme="dark"] #order-standard_cart #frmCheckout label.radio-inline { color: #f1f5f9; }
:root[data-bs-theme="dark"] #order-standard_cart #frmCheckout .prepend-icon .field,
:root[data-bs-theme="dark"] #order-standard_cart #frmCheckout .form-control { border-color: #334155; background-color: #0f172a; color: #f1f5f9; }
:root[data-bs-theme="dark"] #order-standard_cart #frmCheckout #totalDueToday,
:root[data-bs-theme="dark"] #order-standard_cart #frmCheckout .checkout-security-msg { background: #0f2540; color: #e2e8f0; }
:root[data-bs-theme="dark"] #order-standard_cart #frmCheckout #totalDueToday strong { color: #7cc0f2; }
:root[data-bs-theme="dark"] #order-standard_cart .already-registered > p { color: #cbd5e1; }
:root[data-bs-theme="dark"] #order-standard_cart .already-registered .btn { border-color: #60a5fa; background: transparent; color: #93c5fd; }
/* checkout captcha: left aligned, image + code field on one line */
#order-standard_cart #frmCheckout .text-center:has(> .margin-bottom .captchaimage),
#order-standard_cart #frmCheckout .text-center:has(.captchaimage) { text-align: left !important; }
#order-standard_cart #frmCheckout .captchaimage { flex: 0 0 auto; max-width: none; width: auto; padding: 0; }
#order-standard_cart #frmCheckout .captchaimage + .col-6 { flex: 0 0 200px; max-width: 200px; padding: 0; }
#order-standard_cart #frmCheckout #default-captcha-domainchecker { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 12px 16px; margin: 0; text-align: left; }
#order-standard_cart #frmCheckout #default-captcha-domainchecker > p { flex: 0 0 100%; margin: 0; font-size: 14px; color: #4d5766; }
#order-standard_cart #frmCheckout .col-md-8.mx-auto:has(#default-captcha-domainchecker) { max-width: 100%; flex: 0 0 100%; margin: 0 !important; padding: 0; }
#order-standard_cart #frmCheckout .row.justify-content-center:has(#default-captcha-domainchecker) { justify-content: flex-start !important; margin: 0; }
#order-standard_cart .checkout-security-msg { margin: 20px 0 0; padding: 16px 20px; border: 0; border-radius: 14px; background: #eaf3fb; font-size: 13px; color: #4d5766; }
#order-standard_cart .checkout-security-msg .fa-lock { color: var(--ph-blue); }
:root[data-bs-theme="dark"] #order-standard_cart .checkout-security-msg { background: #0f2540; color: #e2e8f0; }
:root[data-bs-theme="dark"] #order-standard_cart #frmCheckout #default-captcha-domainchecker > p { color: #cbd5e1; }
#order-standard_cart .checkout-security-msg .fa-lock { position: static; float: none; margin: 0 8px 0 0; font-size: 16px; line-height: 1; vertical-align: -1px; }
#order-standard_cart .checkout-security-msg { padding-left: 20px; min-height: 0; }
/* checkout: Complete Order on the right (the terms checkbox, when enabled, stays on the left) */
#order-standard_cart #frmCheckout .tt-captcha-join-mail { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 12px 24px; margin-top: 12px; }
#order-standard_cart #frmCheckout .tt-captcha-join-mail > p { flex: 1 1 auto; margin: 0; }
#order-standard_cart #frmCheckout #btnCompleteOrder { margin: 0 0 0 auto !important; }
@media (max-width: 575.98px) { #order-standard_cart #frmCheckout #btnCompleteOrder { width: 100%; } }

/* ---- Domain page, second pass: captcha card + pricing table header ---- */
/* Captcha: label on the left, bigger image + code field on the right (one row from 576px up) */
#order-standard_cart .domain-checker-bg .default-captcha {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px 24px;
    padding: 18px 24px;
}
#order-standard_cart .domain-checker-bg .default-captcha p { flex: 1 1 220px; margin: 0; font-size: 15px; font-weight: 500; text-align: left; color: var(--ph-text-2); }
#order-standard_cart .domain-checker-bg .default-captcha > div { flex: 0 1 auto; flex-wrap: nowrap; justify-content: flex-end; gap: 12px; }
#order-standard_cart .domain-checker-bg .captcha-container img { height: 52px; width: auto; min-width: 104px; border-radius: 10px; }
#order-standard_cart .domain-checker-bg .captcha-container .form-control {
    width: 168px;
    height: 52px;
    padding: 0 14px;
    border: 1.5px solid var(--ph-border-strong);
    border-radius: 12px;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: .28em;
    text-indent: .28em;
}
@media (max-width: 575.98px) {
    #order-standard_cart .domain-checker-bg .default-captcha { justify-content: center; padding: 16px; }
    #order-standard_cart .domain-checker-bg .default-captcha p { flex-basis: 100%; text-align: center; }
    #order-standard_cart .domain-checker-bg .default-captcha > div { justify-content: center; }
    #order-standard_cart .domain-checker-bg .captcha-container .form-control { width: 140px; }
}

/* Pricing table: one flat header band; the stock/Kohost rules drew each odd cell as a grey tab with rounded top corners,
   and the price columns of the header and the rows did not line up (rows used gutters, the header did not). */
#order-standard_cart .domain-pricing .tld-pricing-header {
    padding: 0;
    border-bottom: 1px solid #dbe5f1;
    border-radius: 16px 16px 0 0;
    background: #eef4fb;
}
#order-standard_cart .domain-pricing .tld-pricing-header div {
    padding: 14px 8px;
    border: 0;
    border-radius: 0;
    background: transparent;
    font-family: inherit;
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: .06em;
    color: var(--ph-text-2);
}
#order-standard_cart .domain-pricing .tld-pricing-header div.col-md-9 { padding: 0; }
#order-standard_cart .domain-pricing .tld-pricing-header div.col-md-9 > .row { margin: 0; }
#order-standard_cart .domain-pricing .tld-pricing-header .tld-column { padding-left: 1.5rem; text-align: left; }
#order-standard_cart .domain-pricing .tld-row { padding: 0; align-items: center; }
#order-standard_cart .domain-pricing .tld-row > .col-md-9 > .row { margin: 0; align-items: center; }
#order-standard_cart .domain-pricing .tld-row > .col-md-9 > .row > [class*="col-"] { padding: 14px 8px; }
#order-standard_cart .domain-pricing .tld-row > .col-md-3 { padding-top: 14px; padding-bottom: 14px; font-size: 16px; }
#order-standard_cart .domain-pricing .tld-row .tt-domain-price-cycle { font-size: 15px; font-weight: 600; color: var(--ph-ink); line-height: 1.4; }
#order-standard_cart .domain-pricing .tld-row .tt-domain-price-cycle small { font-size: 12px; font-weight: 500; color: var(--ph-muted); }
:root[data-bs-theme="dark"] #order-standard_cart .domain-pricing .tld-pricing-header { background: #1e293b; border-bottom-color: #334155; }
:root[data-bs-theme="dark"] #order-standard_cart .domain-pricing .tld-pricing-header div { color: #cbd5e1; }
:root[data-bs-theme="dark"] #order-standard_cart .domain-pricing .tld-row .tt-domain-price-cycle { color: #f1f5f9; }
:root[data-bs-theme="dark"] #order-standard_cart .domain-pricing .tld-row .tt-domain-price-cycle small { color: #94a3b8; }
:root[data-bs-theme="dark"] #order-standard_cart .domain-checker-bg .default-captcha p { color: #cbd5e1; }
:root[data-bs-theme="dark"] #order-standard_cart .domain-checker-bg .captcha-container .form-control { border-color: #475569; }
#order-standard_cart .domain-pricing .tld-pricing-header div.col-md-9 > .row { padding: 0; }
/* captcha sizing, third pass: the image is ~4:1, so 52px tall made the controls wrap under the label (desktop) and overflow the card (phone) */
#order-standard_cart .domain-checker-bg .default-captcha p { flex-basis: 170px; }
#order-standard_cart .domain-checker-bg .captcha-container img { height: 48px; min-width: 0; max-width: 100%; }
#order-standard_cart .domain-checker-bg .captcha-container .form-control { width: 150px; height: 48px; font-size: 20px; }
@media (max-width: 575.98px) {
    #order-standard_cart .domain-checker-bg .default-captcha > div { flex-wrap: wrap; width: 100%; }
    #order-standard_cart .domain-checker-bg .captcha-container img { height: 44px; }
    #order-standard_cart .domain-checker-bg .captcha-container .form-control { flex: 1 1 130px; width: auto; min-width: 0; height: 44px; }
}
:root[data-bs-theme="dark"] #order-standard_cart .tld-filters a.badge-secondary { background: #1e293b; color: #e2e8f0; }
:root[data-bs-theme="dark"] #order-standard_cart .tld-filters a.badge-secondary.badge-success { background: #2563eb; color: #fff; }
:root[data-bs-theme="dark"] #order-standard_cart .domain-pricing .tld-row > .col-md-3 strong { color: #f1f5f9; }

/* Order summary primary button (View Cart "Checkout", Configure "Continue"): taller, 60px */
#order-standard_cart .order-summary .btn-checkout,
#order-standard_cart .order-summary #btnCompleteProductConfig {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 60px;
    padding: 0 28px;
    border-radius: 14px;
    font-size: 17px;
    font-weight: 700;
}

/* Checkout "Join our mailing list" switch (bootstrap-switch plugin). It measures its handles at init and writes inline widths, which came out
   too small here (70px wrapper, "No" handle cut off, a green "Yes" box and a pale label). The pill is now drawn by CSS from the plugin's own
   state classes; the plugin's container stays on top (transparent) so its click/keyboard handling is unchanged. */
#order-standard_cart .marketing-email-optin .bootstrap-switch {
    position: relative;
    display: inline-block;
    width: 64px !important;
    height: 34px;
    margin: 4px 0 0;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: 999px;
    background: var(--ph-border-strong);
    vertical-align: middle;
    transition: background-color .2s ease, box-shadow .2s ease;
}
#order-standard_cart .marketing-email-optin .bootstrap-switch.bootstrap-switch-on { background: var(--ph-blue); }
#order-standard_cart .marketing-email-optin .bootstrap-switch::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(15, 23, 42, .3);
    transition: transform .2s ease;
    pointer-events: none;
}
#order-standard_cart .marketing-email-optin .bootstrap-switch.bootstrap-switch-on::after { transform: translateX(30px); }
#order-standard_cart .marketing-email-optin .bootstrap-switch .bootstrap-switch-container {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100%;
    margin: 0 !important;
    cursor: pointer;
}
#order-standard_cart .marketing-email-optin .bootstrap-switch .bootstrap-switch-container > span { opacity: 0; width: 50% !important; height: 100%; }
#order-standard_cart .marketing-email-optin .bootstrap-switch:focus-within { box-shadow: 0 0 0 3px rgba(30, 123, 193, .35); }
:root[data-bs-theme="dark"] #order-standard_cart .marketing-email-optin .bootstrap-switch { background: #475569; }
:root[data-bs-theme="dark"] #order-standard_cart .marketing-email-optin .bootstrap-switch.bootstrap-switch-on { background: #2563eb; }
@media (prefers-reduced-motion: reduce) {
    #order-standard_cart .marketing-email-optin .bootstrap-switch,
    #order-standard_cart .marketing-email-optin .bootstrap-switch::after { transition: none; }
}
#order-standard_cart .marketing-email-optin .bootstrap-switch {
    box-sizing: border-box;
    min-width: 0;
    max-width: 64px;
    border: 0 !important;
    box-shadow: none;
}
#order-standard_cart .marketing-email-optin .bootstrap-switch:focus-within { box-shadow: 0 0 0 3px rgba(30, 123, 193, .35); }

/* Captcha moved under the existing-customer login fields (see prabhuhost.js): keep it tight above the Login button */
#order-standard_cart #containerExistingUserSignin .ph-captcha-block { margin: 8px 0 16px; }
#order-standard_cart #containerExistingUserSignin .ph-captcha-block .sub-heading { display: none; }
/* checkout captcha: image and code field at the same 48px height as the other inputs */
#order-standard_cart #frmCheckout #default-captcha-domainchecker img { height: 48px; width: auto; border-radius: 8px; }
#order-standard_cart #frmCheckout #default-captcha-domainchecker .form-control {
    width: 100%; height: 48px; padding: 0 14px; font-size: 20px; font-weight: 700; letter-spacing: .28em; text-transform: uppercase;
}
#order-standard_cart #frmCheckout .captchaimage + .col-6 { flex: 0 0 180px; max-width: 180px; }

/* Existing-customer panel: verification on the left, Login button on the right, on one line (stacks on phones) */
#order-standard_cart .ph-login-row { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px 24px; margin-top: 4px; }
#order-standard_cart .ph-login-row .ph-captcha-block { flex: 1 1 420px; margin: 0; text-align: left; }
#order-standard_cart .ph-login-row .ph-captcha-block .margin-bottom { margin-bottom: 0; }
#order-standard_cart .ph-login-row > .text-center { flex: 0 0 auto; margin-left: auto; text-align: right !important; }
#order-standard_cart .ph-login-row #btnExistingLogin { min-height: 48px; padding: 0 36px; font-size: 16px; font-weight: 600; }
@media (max-width: 575.98px) {
    #order-standard_cart .ph-login-row > .text-center { flex: 1 1 100%; }
    #order-standard_cart .ph-login-row #btnExistingLogin { width: 100%; }
}
#order-standard_cart #containerExistingUserSignin .ph-login-row .ph-captcha-block { margin: 0; }
#order-standard_cart .ph-login-row #default-captcha-domainchecker { padding-bottom: 0; }
#order-standard_cart .ph-login-row .ph-captcha-block .form-group,
#order-standard_cart .ph-login-row .ph-captcha-block [class*="col-"],
#order-standard_cart .ph-login-row .ph-captcha-block .form-control { margin-bottom: 0; }
#order-standard_cart .ph-login-row .ph-captcha-block .pb-3 { padding-bottom: 0 !important; }

/* Domain configuration step: the transfer authorisation (EPP) code field. It uses the old `.prepend-icon` markup with a bare `.field` input
   (no .form-control), so it rendered as a small 245px box with the lock icon sitting below it. */
#order-standard_cart .prepend-icon { position: relative; max-width: 520px; }
#order-standard_cart .prepend-icon > input.field:not(.form-control) {
    display: block;
    width: 100%;
    height: 52px;
    padding: 0 16px 0 46px;
    border: 1.5px solid var(--ph-border-strong);
    border-radius: 12px;
    background: #fff;
    color: var(--ph-ink);
    font-size: 16px;
    letter-spacing: .02em;
}
#order-standard_cart .prepend-icon > input.field:not(.form-control)::placeholder { color: var(--ph-muted); letter-spacing: 0; }
#order-standard_cart .prepend-icon > input.field:not(.form-control):focus { border-color: var(--ph-blue); box-shadow: 0 0 0 1px var(--ph-blue); outline: none !important; }
#order-standard_cart .prepend-icon > label.field-icon { position: absolute; top: 0; left: 0; width: 46px; height: 52px; margin: 0; display: flex; align-items: center; justify-content: center; color: var(--ph-muted); pointer-events: none; }
#order-standard_cart .prepend-icon > label.field-icon i { font-size: 16px; }
#order-standard_cart .prepend-icon > input.field:focus ~ label.field-icon { color: var(--ph-blue); }
#order-standard_cart .prepend-icon > .field-help-text { display: block; margin-top: 8px; color: var(--ph-text-3); font-size: 13.5px; line-height: 1.5; }
:root[data-bs-theme="dark"] #order-standard_cart .prepend-icon > input.field:not(.form-control) { border-color: #475569; background: #0b1220; color: #f1f5f9; }
:root[data-bs-theme="dark"] #order-standard_cart .prepend-icon > .field-help-text { color: #94a3b8; }
#order-standard_cart .prepend-icon > label.field-icon i { color: inherit; }
#order-standard_cart .prepend-icon > label.field-icon { color: var(--ph-muted) !important; }
#order-standard_cart .prepend-icon > input.field:focus ~ label.field-icon { color: var(--ph-blue) !important; }

/* View cart: empty state with a Continue Shopping button, promo code field and button on one line */
#order-standard_cart .view-cart-empty { display: flex; flex-direction: column; align-items: center; gap: 16px; padding: 36px 16px 40px; text-align: center; }
#order-standard_cart .view-cart-empty .ph-empty-text { margin: 0; color: var(--ph-text-3); font-size: 16px; }
#order-standard_cart .view-cart-empty .ph-empty-continue { display: inline-flex; align-items: center; gap: 10px; min-height: 48px; padding: 0 28px; border-radius: 12px; font-weight: 700; }
#order-standard_cart #applyPromo form { display: flex; align-items: flex-start; gap: 12px; }
#order-standard_cart #applyPromo form .form-group { flex: 1 1 auto; min-width: 0; max-width: none; margin: 0; }
#order-standard_cart #applyPromo form .btn-block { display: inline-flex; flex: 0 0 auto; width: auto; min-width: 160px; min-height: 52px; margin: 0; padding: 0 24px; border-radius: 12px; }
@media (max-width: 575.98px) { #order-standard_cart #applyPromo form { flex-direction: column; align-items: stretch; } #order-standard_cart #applyPromo form .btn-block { width: 100%; } }
:root[data-bs-theme="dark"] #order-standard_cart .view-cart-empty .ph-empty-text { color: #94a3b8; }
#order-standard_cart #applyPromo form .form-control, #order-standard_cart #applyPromo form input.field { height: 52px; }
#order-standard_cart #applyPromo form .field-icon { height: 52px; }

/* ---------- Configurable option sliders (ion.rangeSlider, ".irs") ---------- */
#order-standard_cart .irs { height: 74px; margin: 6px 0 10px; font-family: inherit; }
#order-standard_cart .irs-line { top: 30px; height: 8px; border-radius: 999px; background: var(--ph-line); }
#order-standard_cart .irs-line-left, #order-standard_cart .irs-line-mid, #order-standard_cart .irs-line-right { top: 0; height: 8px; background: transparent; border: 0; }
#order-standard_cart .irs-bar { top: 30px; height: 8px; border: 0; border-radius: 999px; background: linear-gradient(90deg, #4aa3df, var(--ph-blue)); }
#order-standard_cart .irs-bar-edge { display: none; }
#order-standard_cart .irs-slider.single { top: 20px; width: 28px; height: 28px; border: 3px solid var(--ph-blue); border-radius: 50%; background: #fff; box-shadow: 0 2px 8px rgba(30, 123, 193, .35); cursor: grab; transition: transform .15s ease, box-shadow .15s ease; }
#order-standard_cart .irs-slider:hover, #order-standard_cart .irs-slider.state_hover { transform: scale(1.12); box-shadow: 0 4px 14px rgba(30, 123, 193, .45); }
#order-standard_cart .irs-slider:active, #order-standard_cart .irs-slider.state_active { cursor: grabbing; transform: scale(1.2); box-shadow: 0 0 0 8px rgba(30, 123, 193, .18); transition: transform .15s ease, box-shadow .15s ease; }
#order-standard_cart .irs-slider:focus-visible { outline: 3px solid rgba(30, 123, 193, .45); outline-offset: 3px; }
/* value bubble: blue pill with a small arrow */
#order-standard_cart .irs-single, #order-standard_cart .irs-from, #order-standard_cart .irs-to { top: -2px; min-width: 38px; padding: 5px 10px; border-radius: 10px; background: var(--ph-blue); color: #fff; font-size: 14px; font-weight: 700; line-height: 1.2; text-align: center; text-shadow: none; }
#order-standard_cart .irs-single::after, #order-standard_cart .irs-from::after, #order-standard_cart .irs-to::after { content: ""; position: absolute; left: 50%; bottom: -5px; width: 10px; height: 10px; margin-left: -5px; background: inherit; transform: rotate(45deg); border-radius: 2px; }
#order-standard_cart .irs-min, #order-standard_cart .irs-max { top: -2px; padding: 4px 9px; border-radius: 8px; background: var(--ph-line-soft); color: var(--ph-text-3); font-size: 12px; font-weight: 700; text-shadow: none; }
#order-standard_cart .irs-grid { height: 22px; }
#order-standard_cart .irs-grid-pol { top: 42px; width: 2px; height: 8px; background: var(--ph-border-strong); opacity: 1; }
#order-standard_cart .irs-grid-pol.small { top: 42px; height: 5px; background: var(--ph-line); }
#order-standard_cart .irs-grid-text { bottom: -4px; color: var(--ph-muted); font-size: 12px; font-weight: 600; text-shadow: none; }
#order-standard_cart .irs-disabled { opacity: .55; }
:root[data-bs-theme="dark"] #order-standard_cart .irs-line { background: #1f2937; }
:root[data-bs-theme="dark"] #order-standard_cart .irs-slider { background: #0b1220; border-color: #60a5fa; box-shadow: 0 2px 8px rgba(96, 165, 250, .35); }
:root[data-bs-theme="dark"] #order-standard_cart .irs-bar { background: linear-gradient(90deg, #3b82f6, #60a5fa); }
:root[data-bs-theme="dark"] #order-standard_cart .irs-single, :root[data-bs-theme="dark"] #order-standard_cart .irs-from, :root[data-bs-theme="dark"] #order-standard_cart .irs-to { background: #2563eb; }
:root[data-bs-theme="dark"] #order-standard_cart .irs-min, :root[data-bs-theme="dark"] #order-standard_cart .irs-max { background: #1e293b; color: #cbd5e1; }
:root[data-bs-theme="dark"] #order-standard_cart .irs-grid-text { color: #94a3b8; }
:root[data-bs-theme="dark"] #order-standard_cart .irs-grid-pol { background: #475569; }
@media (prefers-reduced-motion: reduce) { #order-standard_cart .irs-bar, #order-standard_cart .irs-slider, #order-standard_cart .irs-single { transition: none !important; } }
/* the bar, handle and bubble must follow the pointer exactly (any left/width transition made them lag behind while dragging); the motion is the handle's
   grow + ring on press and the bubble popping in */
#order-standard_cart .irs-single::before, #order-standard_cart .irs-from::before, #order-standard_cart .irs-to::before, #order-standard_cart .irs-slider::before, #order-standard_cart .irs-slider::after { content: none; display: none; }
#order-standard_cart .irs-single, #order-standard_cart .irs-from, #order-standard_cart .irs-to { animation: phBubble .18s ease-out; }
@keyframes phBubble { from { transform: translateY(4px) scale(.92); opacity: .6; } to { transform: none; opacity: 1; } }
#order-standard_cart .irs-shadow { display: none; }

/* Domains configuration step: Continue on the right, like the other cart steps */
#order-standard_cart form[action*="a=confdomains"] > .pt-4 { display: flex; justify-content: flex-end; padding-top: 8px !important; }
#order-standard_cart form[action*="a=confdomains"] > .pt-4 > .btn-lg { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 200px; min-height: 52px; padding: 0 32px; border-radius: 12px; font-weight: 700; }
@media (max-width: 575.98px) { #order-standard_cart form[action*="a=confdomains"] > .pt-4 > .btn-lg { width: 100%; } }

/* ---------- Domain / service renewal pages ---------- */
#order-standard_cart .tt-domain-renewals, #order-standard_cart .domain-renewals { border: 1px solid var(--ph-line); border-radius: 16px; background: #fff; overflow: hidden; }
#order-standard_cart .tt-domain-renewals .domain-renewal { padding: 22px 24px; border-bottom: 1px solid var(--ph-line-soft) !important; }
#order-standard_cart .tt-domain-renewals .domain-renewal:last-of-type { border-bottom: 0 !important; }
#order-standard_cart .domain-renewal h3 { margin: 0 0 4px; font-family: inherit; font-size: 20px; font-weight: 800; color: var(--ph-ink); }
#order-standard_cart .domain-renewal > p.text-muted { margin: 0 0 16px; color: var(--ph-muted) !important; font-size: 14px; }
#order-standard_cart .domain-renewal .control-label { display: block; margin-bottom: 8px; color: var(--ph-text-2); font-family: inherit; font-size: 14px; font-weight: 600; }
#order-standard_cart .domain-renewal .d-flex { gap: 12px; }
#order-standard_cart .domain-renewal select.select-renewal-pricing { flex: 1 1 auto; max-width: 420px; height: 48px; font-size: 15px; }
#order-standard_cart .domain-renewal .btn-add-renewal-to-cart { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 150px; min-height: 48px; padding: 0 22px; border: 1.5px solid var(--ph-blue); border-radius: 12px; background: #fff; color: var(--ph-blue); font-weight: 700; }
#order-standard_cart .domain-renewal .btn-add-renewal-to-cart:hover { background: var(--ph-blue); color: #fff; }
/* "Expiring Today" / "Expired" / "N days left": the grey label was white text on nothing */
#order-standard_cart .domain-renewal .label { display: inline-flex; align-items: center; padding: 5px 12px; border-radius: 999px; background: #eef0f3; color: var(--ph-text-3); font-size: 12.5px; font-weight: 700; }
#order-standard_cart .domain-renewal .label-grey { background: #fff1e6; color: #9a3412; }
#order-standard_cart .domain-renewal .label-danger, #order-standard_cart .domain-renewal .label-red { background: #fee2e2; color: #991b1b; }
#order-standard_cart .domain-renewal .label-warning { background: #fef3c7; color: #92400e; }
#order-standard_cart .domain-renewal .label-success { background: #e7f6ec; color: #166534; }
/* order summary: Total Due Today amount no longer overlaps its label */
#order-standard_cart .order-summary .total-due-today { display: flex; flex-direction: column-reverse; align-items: flex-start; gap: 4px; padding: 14px 0 16px; line-height: 1.2; }
#order-standard_cart .order-summary .total-due-today .amt { display: block; margin: 0; font-size: 30px; font-weight: 800; line-height: 1.15; color: var(--ph-ink); }
#order-standard_cart .order-summary .total-due-today > span:not(.amt) { color: var(--ph-text-3); font-size: 14px; font-weight: 600; }
:root[data-bs-theme="dark"] #order-standard_cart .tt-domain-renewals, :root[data-bs-theme="dark"] #order-standard_cart .domain-renewals { border-color: #1f2937; background: #111827; }
:root[data-bs-theme="dark"] #order-standard_cart .tt-domain-renewals .domain-renewal { border-bottom-color: #1f2937 !important; }
:root[data-bs-theme="dark"] #order-standard_cart .domain-renewal h3, :root[data-bs-theme="dark"] #order-standard_cart .order-summary .total-due-today .amt { color: #f1f5f9; }
:root[data-bs-theme="dark"] #order-standard_cart .domain-renewal .control-label { color: #cbd5e1; }
:root[data-bs-theme="dark"] #order-standard_cart .domain-renewal .btn-add-renewal-to-cart { border-color: #60a5fa; background: transparent; color: #93c5fd; }
:root[data-bs-theme="dark"] #order-standard_cart .domain-renewal .label-grey { background: #3a2412; color: #fdba74; }
@media (max-width: 575.98px) { #order-standard_cart .domain-renewal .d-flex { flex-direction: column; align-items: stretch; } #order-standard_cart .domain-renewal select.select-renewal-pricing { max-width: none; } #order-standard_cart .domain-renewal .btn-add-renewal-to-cart { width: 100%; } }

/* styled renewal period dropdown (prabhu/prabhuhost.js replaces the OS menu; the real select stays hidden in the DOM) */
.ph-select { position: relative; flex: 1 1 auto; max-width: 420px; }
.ph-select-native { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0; pointer-events: none; }
.ph-select-btn { display: flex; align-items: center; width: 100%; height: 48px; padding: 0 44px 0 16px; border: 1.5px solid var(--ph-border-strong); border-radius: 12px; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E") right 14px center / 16px no-repeat; color: var(--ph-ink); font: 500 15px/1.2 inherit; text-align: left; cursor: pointer; transition: border-color .15s ease, box-shadow .15s ease; }
.ph-select-btn:hover { border-color: #94a3b8; }
.ph-select-btn:focus-visible, .ph-select.is-open .ph-select-btn { border-color: var(--ph-blue); box-shadow: 0 0 0 1px var(--ph-blue); outline: none; }
.ph-select-list { position: absolute; z-index: 30; top: calc(100% + 6px); left: 0; right: 0; max-height: 280px; margin: 0; padding: 6px; overflow-y: auto; list-style: none; border: 1px solid var(--ph-line); border-radius: 12px; background: #fff; box-shadow: 0 16px 32px rgba(15, 23, 42, .14); animation: phNavDrop .14s ease-out; }
.ph-select-list li { display: flex; align-items: center; min-height: 44px; padding: 0 12px; border-radius: 8px; color: var(--ph-text); font-size: 15px; font-weight: 500; cursor: pointer; }
.ph-select-list li:hover, .ph-select-list li.is-active { background: #f3f8fe; color: var(--ph-blue); }
.ph-select-list li.is-selected { font-weight: 700; }
.ph-select-list li.is-selected::after { content: "\2713"; margin-left: auto; color: var(--ph-blue); font-weight: 800; }
@keyframes phNavDrop { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .ph-select-list { animation: none; } }
@media (max-width: 575.98px) { .ph-select { max-width: none; } }
:root[data-bs-theme="dark"] .ph-select-btn { border-color: #475569; background-color: #0b1220; color: #f1f5f9; }
:root[data-bs-theme="dark"] .ph-select-list { border-color: #1f2937; background: #111827; box-shadow: 0 16px 32px rgba(0, 0, 0, .5); }
:root[data-bs-theme="dark"] .ph-select-list li { color: #e2e8f0; }
:root[data-bs-theme="dark"] .ph-select-list li:hover, :root[data-bs-theme="dark"] .ph-select-list li.is-active { background: #1e293b; color: #93c5fd; }
/* the dropdown list must not be clipped by the card */
#order-standard_cart .tt-domain-renewals, #order-standard_cart .domain-renewals { overflow: visible; }
#order-standard_cart .tt-domain-renewals .domain-renewal:first-child { border-radius: 16px 16px 0 0; }
#order-standard_cart .tt-domain-renewals .domain-renewal:last-of-type { border-radius: 0 0 16px 16px; }
#order-standard_cart .tt-domain-renewals .domain-renewal:only-child, #order-standard_cart .tt-domain-renewals .domain-renewal:only-of-type { border-radius: 16px; }
#order-standard_cart .domain-renewal { position: relative; }
#order-standard_cart .domain-renewal:has(.ph-select.is-open) { z-index: 5; }

/* ---------- Contrast fixes (work-logs 5.2) ---------- */
:root[data-bs-theme="dark"] #order-standard_cart .view-cart-items-header,
:root[data-bs-theme="dark"] #order-standard_cart .view-cart-items-header div,
:root[data-bs-theme="dark"] #order-standard_cart .nav-link { color: #cbd5e1; }
:root[data-bs-theme="dark"] #order-standard_cart .total-due-today span,
:root[data-bs-theme="dark"] #order-standard_cart .total-due-today-padded span { color: #cbd5e1; }

/* Checkout / Complete Order buttons: one solid brand blue, fully opaque, no orange/gradient from the Kohost .btn-checkout rules (hover included). */
#order-standard_cart .btn-checkout:not(.disabled):not(:disabled),
#order-standard_cart .order-summary #btnCompleteProductConfig:not(.disabled):not(:disabled) {
    background: var(--ph-blue) !important;
    border-color: var(--ph-blue) !important;
    color: #fff !important;
    opacity: 1;
    box-shadow: 0 6px 16px rgba(30, 123, 193, .28);
}
#order-standard_cart .btn-checkout:not(.disabled):not(:disabled):hover,
#order-standard_cart .btn-checkout:not(.disabled):not(:disabled):focus-visible,
#order-standard_cart .order-summary #btnCompleteProductConfig:not(.disabled):not(:disabled):hover {
    background: var(--ph-blue-dark) !important;
    border-color: var(--ph-blue-dark) !important;
    box-shadow: 0 8px 20px rgba(30, 123, 193, .36) !important;
}

/* ---------- Spotlight TLD cards (domain search results): solid cards in a grid, pill Add button ---------- */
#order-standard_cart .spotlight-tlds-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(168px, 1fr)); gap: 14px; margin: 0; }
#order-standard_cart .spotlight-tlds-container::after { display: none; }
#order-standard_cart .spotlight-tld-container { float: none !important; width: auto !important; min-width: 0 !important; padding: 0; }
#order-standard_cart .spotlight-tld {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 100%;
    min-height: 156px;
    padding: 18px 14px;
    overflow: hidden;
    border: 1px solid var(--ph-line);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(15, 23, 42, .05);
    color: var(--ph-ink);
    font-size: 22px;
    font-weight: 800;
    line-height: 1.2;
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
#order-standard_cart .spotlight-tld:hover { border-color: var(--ph-blue); box-shadow: 0 8px 22px rgba(30, 123, 193, .14); transform: translateY(-2px); }
#order-standard_cart .spotlight-tld .domain-lookup-result { display: flex; flex-direction: column; align-items: center; gap: 10px; width: 100%; }
#order-standard_cart .spotlight-tld span.available.price { font-family: inherit; font-size: 15px; font-weight: 700; color: var(--ph-text-2); font-variant-numeric: tabular-nums; }
#order-standard_cart .spotlight-tld .btn:not(.domain-contact-support) {
    min-width: 96px;
    min-height: 40px;
    padding: 0 20px;
    border: 1.5px solid var(--ph-blue);
    border-radius: 999px;
    background: #fff;
    color: var(--ph-blue);
    font-size: 14px;
    font-weight: 700;
    box-shadow: none;
}
#order-standard_cart .spotlight-tld .btn.btn-add-to-cart:hover,
#order-standard_cart .spotlight-tld .btn.btn-add-to-cart:focus-visible { background: var(--ph-blue); color: #fff; }
#order-standard_cart .spotlight-tld .btn.unavailable { border-color: var(--ph-border-strong); background: var(--ph-line-soft); color: var(--ph-muted); }
#order-standard_cart .spotlight-tld .btn.domain-contact-support { min-height: 40px; border-radius: 999px; font-size: 13px; }
#order-standard_cart .spotlight-tld-new, #order-standard_cart .spotlight-tld-hot, #order-standard_cart .spotlight-tld-sale { top: 8px; right: -26px; width: 92px; font-size: 10px; }
:root[data-bs-theme="dark"] #order-standard_cart .spotlight-tld { border-color: #334155; background: #111827; color: #f1f5f9; box-shadow: none; }
:root[data-bs-theme="dark"] #order-standard_cart .spotlight-tld:hover { border-color: #60a5fa; }
:root[data-bs-theme="dark"] #order-standard_cart .spotlight-tld span.available.price { color: #cbd5e1; }
:root[data-bs-theme="dark"] #order-standard_cart .spotlight-tld .btn:not(.domain-contact-support) { border-color: #60a5fa; background: transparent; color: #93c5fd; }
:root[data-bs-theme="dark"] #order-standard_cart .spotlight-tld .btn.btn-add-to-cart:hover { background: #60a5fa; color: #0f172a; }
@media (prefers-reduced-motion: reduce) { #order-standard_cart .spotlight-tld { transition: none; } #order-standard_cart .spotlight-tld:hover { transform: none; } }


/* ===== STABLE FOUNDATION tokens (identical copy of the :root blocks at the end of stabletemplate/css/custom.css; keep both in sync; this file loads after the theme CSS so it must repeat them) ===== */
:root {
  /* palette measured on stablecluster.com */
  --sc-ink: #25265e;            /* headings, nav text */
  --sc-body: rgba(37, 38, 94, .70);
  --sc-muted: rgba(37, 38, 94, .68);
  --sc-blue: #2563eb;           /* primary button, links (4.9:1 on white) */
  --sc-blue-dark: #1d4ed8;
  --sc-blue-soft: #3b82f6;      /* decorative / large text only (3.7:1 on white) */
  --sc-indigo: #4f46e5;
  --sc-indigo-deep: #3b2bbf;
  --sc-cyan: #06b6d4;
  --sc-page: #f8faff;
  --sc-card: #ffffff;
  --sc-line: #e5e7eb;
  --sc-line-indigo: #e0e7ff;
  --sc-star: #fbbf24;
  --sc-ok: #16a34a;
  --sc-gradient-text: linear-gradient(to right, #0556f3, #3b17c1, #06b6d4);
  --sc-gradient-topbar: linear-gradient(90deg, #5b3df5 0%, #4f46e5 42%, #3b2bbf 100%);
  --sc-gradient-band: linear-gradient(257.85deg, #451ce3 6.18%, #20097d 65.39%);
  --sc-gradient-support: linear-gradient(255.09deg, #3f1dc4 17.2%, #2a128e 75.48%);
  --sc-bg-hero: radial-gradient(circle at 14% 18%, rgba(56, 189, 248, .18), transparent 24%), radial-gradient(circle at 86% 20%, rgba(59, 130, 246, .12), transparent 22%), linear-gradient(#fff 0%, #f5f8ff 62%, #edf3ff 100%);
  --sc-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);
  --sc-shadow-lg: 0 20px 40px -12px rgba(37, 38, 94, .18);
  --sc-radius: 12px;
  --sc-radius-lg: 16px;
  --sc-font: "Euclid Circular A", "Figtree", system-ui, -apple-system, "Segoe UI", arial, sans-serif;

  /* existing variables re-pointed (light mode) */
  --ph-blue: var(--sc-blue);
  --ph-blue-dark: var(--sc-blue-dark);
  --ph-orange: var(--sc-blue);          /* the Stable design has no orange: former orange CTAs become primary blue */
  --ph-orange-dark: var(--sc-blue-dark);
  --ph-navy: var(--sc-ink);
  --ph-ink: var(--sc-ink);
  --ph-text: var(--sc-ink);
  --ph-text-2: rgba(37, 38, 94, .85);
  --ph-text-3: rgba(37, 38, 94, .75);
  --ph-muted: rgba(37, 38, 94, .62);    /* 5.6:1 on white */
  --ph-border-strong: #cfd6ee;
  --ph-line: var(--sc-line);
  --ph-line-soft: #eef0fb;
  --ph-tint: #f3f6ff;
  --ph-page: var(--sc-page);
  --primary: var(--sc-blue);
  --primary-dark: var(--sc-blue-dark);
  --primary-darker: #1e40af;
  --primary-light: #dbeafe;
  --heading-color: var(--sc-ink);
  --body-color: var(--sc-body);
  --border-color: var(--sc-line);
  --custom-radius: var(--sc-radius);
  --accent: var(--sc-indigo);
  --accent-dark: var(--sc-indigo-deep);
  --font-family-sans-serif: var(--sc-font);
  --font-family-monospace: var(--sc-font);
  --gradient-blue: linear-gradient(81deg, #2563eb, #3b82f6 50%, #1d4ed8);
  --gradient-orange: var(--gradient-blue);
}

/* derived dark palette (the live site has no dark mode; same hues, flipped lightness, see work-logs-stable.md 1.2) */
:root[data-bs-theme="dark"] {
  --sc-ink: #e8e9ff;
  --sc-body: rgba(232, 233, 255, .75);
  --sc-muted: rgba(232, 233, 255, .55);
  --sc-blue: #3b82f6;
  --sc-blue-dark: #60a5fa;
  --sc-blue-soft: #93c5fd;
  --sc-page: #0b0c1f;
  --sc-card: #12132b;
  --sc-line: rgba(255, 255, 255, .10);
  --sc-line-indigo: rgba(255, 255, 255, .08);
  --sc-gradient-text: linear-gradient(to right, #60a5fa, #a5b4fc, #22d3ee);
  --sc-bg-hero: radial-gradient(circle at 14% 18%, rgba(56, 189, 248, .10), transparent 24%), radial-gradient(circle at 86% 20%, rgba(99, 102, 241, .14), transparent 22%), linear-gradient(#0b0c1f 0%, #0d0f27 62%, #10122e 100%);
  --sc-shadow-sm: none;
  --sc-shadow-lg: 0 20px 40px -12px rgba(0, 0, 0, .6);
  --ph-blue: #60a5fa;
  --ph-blue-dark: #93c5fd;
  --ph-orange: #60a5fa;
  --ph-orange-dark: #93c5fd;
  --ph-navy: #e8e9ff;
  --ph-ink: #e8e9ff;
  --ph-text: #e8e9ff;
  --ph-text-2: rgba(232, 233, 255, .85);
  --ph-text-3: rgba(232, 233, 255, .75);
  --ph-muted: rgba(232, 233, 255, .62);
  --ph-border-strong: rgba(255, 255, 255, .18);
  --ph-line: rgba(255, 255, 255, .10);
  --ph-line-soft: rgba(255, 255, 255, .06);
  --ph-tint: #12132b;
  --ph-page: #0b0c1f;
  --primary: #3b82f6;
  --primary-dark: #2563eb;
  --primary-darker: #1d4ed8;
  --heading-color: #e8e9ff;
  --body-color: rgba(232, 233, 255, .75);
  --border-color: rgba(255, 255, 255, .10);
}


#order-standard_cart { font-family: var(--sc-font); }

/* =====================================================================================================================
   STABLE CART 5.1: product list = the homepage plan cards (classes .sc-plan*, defined in the theme CSS), four per row when the
   column is wide enough; the stock card remains as the fallback for products without a price in the current currency.
   ===================================================================================================================== */
#order-standard_cart .sc-cart-plans { display: grid; grid-template-columns: repeat(auto-fill, minmax(214px, 1fr)); gap: 20px; margin: 0; align-items: start; }
#order-standard_cart .sc-cart-plans > [class*="col-"] { width: auto; max-width: none; flex: none; padding: 0; }
#order-standard_cart .sc-cart-plans .sc-plan { margin: 0; }
#order-standard_cart .sc-plan-cta, #order-standard_cart .sc-plan-cta:hover { text-decoration: none; }
#order-standard_cart .sc-plan-top h3 { font-size: 18px; text-align: left; }
#order-standard_cart .product-group-features, #order-standard_cart .group-features { border: 1px solid var(--sc-line); border-style: solid; border-radius: 12px; background: var(--sc-card); }

/* =====================================================================================================================
   STABLE CART 5.2: domain search/results pages in the stablecluster.com look (cool hero gradient, 12 px cards, 8 px buttons)
   ===================================================================================================================== */
#order-standard_cart .domain-checker-bg, :root[data-bs-theme="dark"] #order-standard_cart .domain-checker-bg { background: var(--sc-bg-hero); border: 1px solid var(--sc-line); border-radius: 12px; box-shadow: none; }
#order-standard_cart .domain-checker-container .input-group-box { border-radius: 6px; border: 0; background: var(--sc-card); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .10), 0 2px 4px -2px rgba(0, 0, 0, .10); }
#order-standard_cart .domain-checker-container .input-group-box:focus-within { box-shadow: 0 0 0 2px var(--sc-blue), 0 4px 6px -1px rgba(0, 0, 0, .10); }
#order-standard_cart .domain-checker-container .input-group-box .btn, #order-standard_cart .domain-checker-container .input-group-box button { border-radius: 4px; background: var(--sc-blue); border-color: var(--sc-blue); font-weight: 500; }
#order-standard_cart .card, #order-standard_cart .panel, #order-standard_cart .tt-domain-list-wrap, #order-standard_cart .order-summary, #order-standard_cart .view-cart-items, #order-standard_cart .view-cart-tabs { border-radius: 12px; }
#order-standard_cart .btn, #order-standard_cart .btn-lg, #order-standard_cart .btn-primary, #order-standard_cart .btn-default, #order-standard_cart .btn-checkout, #order-standard_cart .btn-success { border-radius: 8px; font-weight: 600; }
#order-standard_cart .form-control, #order-standard_cart select.form-control, #order-standard_cart .field { border-radius: 8px; }
#order-standard_cart .header-lined h1, #order-standard_cart .header-lined h2, #order-standard_cart h2, #order-standard_cart h3, #order-standard_cart h4 { font-weight: 600; letter-spacing: -.01em; }
#order-standard_cart .header-lined h1, #order-standard_cart .header-lined h2 { font-weight: 500; }

/* STABLE CART 5.4: product list as a swipe / drag carousel on phones (same behaviour as the homepage plans; JS in kohost/stabletemplate prabhuhost.js) */
@media (max-width: 767.98px) {
  #order-standard_cart .sc-cart-plans { display: flex; flex-wrap: nowrap; gap: 14px; margin: 0 -16px; padding: 4px 16px 12px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; scrollbar-width: none; cursor: grab; align-items: stretch; }
  #order-standard_cart .sc-cart-plans::-webkit-scrollbar { display: none; }
  #order-standard_cart .sc-cart-plans > [class*="col-"] { flex: 0 0 82%; max-width: 340px; width: auto; padding: 0; scroll-snap-align: center; }
  #order-standard_cart .sc-cart-plans .sc-plan { width: 100%; user-select: none; -webkit-user-select: none; }
}

/* =====================================================================================================================
   STABLE STORE 5.5 (ui-ux-pro-max pass): plan strip shows 3 cards on desktop and scrolls for more (scroll-snap, round prev/next buttons
   and dots only when something is hidden, keyboard arrows, next card peeks), equal-height cards with a floating "Most popular" pill so all
   prices line up, calmer sidebar, tidy page header. Phones keep the 82 % swipe strip (5.4).
   ===================================================================================================================== */
#order-standard_cart .cart-body { min-width: 0; }
#order-standard_cart .sc-store-head { margin: 0 0 28px; padding: 0 0 20px; border-bottom: 1px solid var(--sc-line); }
#order-standard_cart .sc-store-kicker { display: inline-block; margin-bottom: 10px; padding: 4px 12px; border: 1px solid #bfdbfe; border-radius: 999px; background: #eff6ff; color: #1d4ed8; font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
:root[data-bs-theme="dark"] #order-standard_cart .sc-store-kicker { background: rgba(59, 130, 246, .15); border-color: rgba(59, 130, 246, .35); color: #93c5fd; }
#order-standard_cart .sc-store-head h2 { margin: 0 0 8px; font-size: 32px; line-height: 1.2; font-weight: 500; letter-spacing: -.02em; color: var(--sc-ink); max-width: 820px; text-wrap: balance; }
#order-standard_cart .sc-store-head p { margin: 0; max-width: 820px; font-size: 16px; line-height: 1.6; color: var(--sc-body); }
@media (max-width: 767.98px) { #order-standard_cart .sc-store-head h2 { font-size: 24px; } }

@media (min-width: 768px) {
  #order-standard_cart .sc-cart-plans { --sc-gap: 20px; display: flex; flex-wrap: nowrap; gap: var(--sc-gap); margin: 0 0 -34px; padding: 18px 2px 44px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x proximity; scroll-padding-inline: 2px; scrollbar-width: none; align-items: stretch; scroll-behavior: smooth; }
  #order-standard_cart .sc-cart-plans::-webkit-scrollbar { display: none; }
  #order-standard_cart .sc-cart-plans > [class*="col-"] { flex: 0 0 calc((100% - 2 * var(--sc-gap)) / 3); max-width: none; width: auto; padding: 0; scroll-snap-align: start; display: flex; }
  #order-standard_cart .sc-cart-plans .sc-plan { width: 100%; height: auto; margin: 0; }
  #order-standard_cart .sc-cart-plans:focus-visible { outline: 2px solid var(--sc-blue); outline-offset: 4px; border-radius: 12px; }
}
@media (min-width: 768px) and (max-width: 1199.98px) { #order-standard_cart .sc-cart-plans > [class*="col-"] { flex-basis: calc((100% - var(--sc-gap)) / 2); } }

/* every card: same structure, popular one marked by a pill that straddles the top border (no layout shift between cards) */
#order-standard_cart .sc-plan { overflow: visible; display: flex; flex-direction: column; border-radius: 12px; }
#order-standard_cart .sc-plan .sc-plan-flag { position: absolute; top: -13px; left: 50%; transform: translateX(-50%); padding: 5px 14px; border-radius: 999px; background: #2563eb; color: #fff; font-size: 11px; line-height: 1.2; letter-spacing: .1em; box-shadow: 0 6px 14px -4px rgba(37, 99, 235, .5); white-space: nowrap; z-index: 1; }
#order-standard_cart .sc-plan.is-popular { border-width: 2px; }
#order-standard_cart .sc-plan-top { padding: 28px 24px 24px; }
#order-standard_cart .sc-plan-tag { min-height: 63px; }
#order-standard_cart .sc-plan-strike { min-height: 26px; }
#order-standard_cart .sc-plan-lve { gap: 12px; }
#order-standard_cart .sc-plan-lve span { white-space: nowrap; }
#order-standard_cart .sc-plan-lve strong { text-align: right; }
#order-standard_cart .sc-plan-ticks li { align-items: flex-start; }
#order-standard_cart .sc-plan-ticks li svg { margin-top: 2px; }
#order-standard_cart .sc-plan { transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
#order-standard_cart .sc-plan:hover { transform: translateY(-3px); box-shadow: 0 16px 32px -14px rgba(37, 38, 94, .28); }
@media (prefers-reduced-motion: reduce) { #order-standard_cart .sc-plan { transition: none; } #order-standard_cart .sc-plan:hover { transform: none; } #order-standard_cart .sc-cart-plans { scroll-behavior: auto; } }

/* strip controls (added by prabhuhost.js when the strip overflows) */
.sc-strip { position: relative; }
.sc-strip-btn { position: absolute; top: 42%; z-index: 3; display: none; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 1px solid var(--sc-line); border-radius: 50%; background: var(--sc-card); color: var(--sc-ink); box-shadow: 0 8px 20px -6px rgba(37, 38, 94, .35); cursor: pointer; transition: background-color .15s ease, color .15s ease, opacity .2s ease; }
.sc-strip-btn:hover, .sc-strip-btn:focus-visible { background: var(--sc-blue); border-color: var(--sc-blue); color: #fff; }
.sc-strip-btn svg { width: 20px; height: 20px; }
.sc-strip-btn.is-prev { left: -14px; } .sc-strip-btn.is-next { right: -14px; }
.sc-strip-btn[disabled] { opacity: 0; pointer-events: none; }
@media (min-width: 768px) { .sc-strip.has-overflow .sc-strip-btn { display: inline-flex; } .sc-strip.has-overflow .sc-dots { display: flex; } }
.sc-strip.has-overflow::after { content: ""; position: absolute; top: 18px; right: 0; bottom: 10px; width: 36px; pointer-events: none; background: linear-gradient(to right, transparent, var(--sc-page)); opacity: 1; transition: opacity .2s ease; }
.sc-strip.at-end::after { opacity: 0; }
@media (max-width: 767.98px) { .sc-strip-btn, .sc-strip::after { display: none !important; } }

/* sidebar: quieter, active category is a tinted row with a blue bar instead of a solid block */
#order-standard_cart .cart-sidebar .card-sidebar, #order-standard_cart .cart-sidebar .panel { border-radius: 12px; }
#order-standard_cart .cart-sidebar .list-group-item.active, #order-standard_cart .cart-sidebar .list-group-item.active:hover { background: #eff6ff !important; color: #1d4ed8 !important; border-left: 3px solid #2563eb; font-weight: 600; }
:root[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item.active, :root[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item.active:hover { background: rgba(59, 130, 246, .16) !important; color: #93c5fd !important; }
.sc-strip.has-overflow::after { display: none; }

/* STABLE CART 5.9: TLD logo in the domain pricing table (WHMCS core assets/img/tld_logos; text kept for screen readers) */
#order-standard_cart .domain-pricing .tld-row .sc-tld-logo { display: inline-flex; align-items: center; justify-content: center; height: 40px; padding: 4px 10px; border: 1px solid var(--sc-line, #e5e7eb); border-radius: 10px; background: #fff; }
#order-standard_cart .domain-pricing .tld-row .sc-tld-logo img { display: block; height: 28px; width: auto; max-width: 96px; object-fit: contain; }
#order-standard_cart .domain-pricing .tld-row .two-row-center { gap: 6px; }
#order-standard_cart .domain-pricing .tld-row .sc-tld-text { min-width: 96px; }
#order-standard_cart .domain-pricing .tld-row .sc-tld-text strong { font-size: 20px; font-weight: 800; line-height: 1; color: var(--sc-ink, #25265e); letter-spacing: -.01em; }
:root[data-bs-theme="dark"] #order-standard_cart .domain-pricing .tld-row .sc-tld-text strong { color: #25265e; }

/* STABLE CART 5.9b: uniform TLD plates (same size for logo and text; Verisign tagline cropped on .com/.net) */
#order-standard_cart .domain-pricing .tld-row .sc-tld-logo { box-sizing: border-box; width: 132px; height: 48px; padding: 6px 12px; }
#order-standard_cart .domain-pricing .tld-row .sc-tld-logo img { width: auto; height: auto; max-width: 100%; max-height: 100%; }
#order-standard_cart .domain-pricing .tld-row .sc-tld-crop { overflow: hidden; }
#order-standard_cart .domain-pricing .tld-row .sc-tld-crop img { max-height: none; max-width: none; width: 88px; height: auto; clip-path: inset(0 3% 29% 0); margin-bottom: -12px; }
#order-standard_cart .domain-pricing .tld-row .sc-tld-crop img[src$="/net.png"] { width: 58px; margin-bottom: -8px; clip-path: inset(0 0 30% 0); }
#order-standard_cart .domain-pricing .tld-row .sc-tld-text { min-width: 0; }

/* STABLE CART 5.10: store group heading = group name (title) + headline as lede + optional tagline */
#order-standard_cart .sc-store-head { position: relative; margin: 0 0 32px; padding: 28px 32px 26px; border: 1px solid var(--sc-line); border-radius: 20px; background: linear-gradient(135deg, #eef4ff 0%, #f8faff 55%, #fff 100%); overflow: hidden; }
#order-standard_cart .sc-store-head::after { content: ""; position: absolute; right: -60px; top: -60px; width: 220px; height: 220px; border-radius: 50%; background: radial-gradient(circle, rgba(37, 99, 235, .14), transparent 70%); pointer-events: none; }
#order-standard_cart .sc-store-head h2 { position: relative; margin: 0 0 10px; font-size: clamp(28px, 1.4vw + 22px, 38px); font-weight: 600; line-height: 1.15; letter-spacing: -.025em; color: var(--sc-ink); text-transform: none; max-width: none; }
#order-standard_cart .sc-store-head p.sc-store-lede { position: relative; margin: 0; max-width: 68ch; font-size: 17px; line-height: 1.65; color: var(--sc-body); text-wrap: pretty; }
#order-standard_cart .sc-store-head p.sc-store-sub { position: relative; margin: 10px 0 0; max-width: 68ch; font-size: 15px; color: var(--sc-muted); }
:root[data-bs-theme="dark"] #order-standard_cart .sc-store-head { background: linear-gradient(135deg, rgba(37, 99, 235, .16) 0%, rgba(15, 23, 42, .6) 60%); border-color: var(--sc-line); }
:root[data-bs-theme="dark"] #order-standard_cart .sc-store-head h2 { color: #f1f5f9; }
:root[data-bs-theme="dark"] #order-standard_cart .sc-store-head p.sc-store-lede { color: #cbd5e1; }
@media (max-width: 767.98px) { #order-standard_cart .sc-store-head { padding: 20px 18px; border-radius: 16px; } #order-standard_cart .sc-store-head p.sc-store-lede { font-size: 15px; } }

/* STABLE CART 5.11: strip keeps room for the card hover shadow (it was clipped by overflow); web hosting highlights block */
#order-standard_cart .sc-strip.has-overflow::after { top: 18px; bottom: 44px; }
#order-standard_cart .sc-strip .sc-dots { margin-top: 0; position: relative; z-index: 1; }



/* STABLE CART 5.14: technical specifications (tt-web-hosting.tpl) */
#order-standard_cart .sc-specs { margin: 56px 0 0; }
#order-standard_cart .sc-specs-h { margin: 0 0 8px; font-size: clamp(26px, 1.2vw + 20px, 34px); font-weight: 600; line-height: 1.2; letter-spacing: -.025em; color: var(--sc-ink); text-transform: none; text-wrap: balance; }
#order-standard_cart .sc-specs-sub { margin: 0 0 32px; max-width: 64ch; font-size: 16px; line-height: 1.6; color: var(--sc-muted); }
#order-standard_cart .sc-specs-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; }
#order-standard_cart .sc-specs-col h3 { margin: 0 0 8px; padding-bottom: 12px; border-bottom: 2px solid var(--sc-blue); font-size: 18px; font-weight: 600; letter-spacing: -.01em; color: var(--sc-ink); }
#order-standard_cart .sc-specs-col ul { margin: 0; padding: 0; }
#order-standard_cart .sc-specs-col li { display: flex; align-items: flex-start; gap: 12px; padding: 13px 0; border-bottom: 1px solid var(--sc-line); font-size: 15px; line-height: 1.45; color: var(--sc-body); }
#order-standard_cart .sc-specs-col li:last-child { border-bottom: 0; }
#order-standard_cart .sc-specs-col li svg { flex: none; margin-top: 3px; color: var(--sc-blue); }
:root[data-bs-theme="dark"] #order-standard_cart .sc-specs-h, :root[data-bs-theme="dark"] #order-standard_cart .sc-specs-col h3 { color: #f1f5f9; }
:root[data-bs-theme="dark"] #order-standard_cart .sc-specs-col h3 { border-bottom-color: #3b82f6; }
:root[data-bs-theme="dark"] #order-standard_cart .sc-specs-col li { color: #cbd5e1; }
:root[data-bs-theme="dark"] #order-standard_cart .sc-specs-col li svg { color: #60a5fa; }
@media (max-width: 991.98px) { #order-standard_cart .sc-specs-grid { grid-template-columns: minmax(0, 1fr); gap: 28px; } }

/* STABLE CART 5.12b: minimal compare-plans line */
#order-standard_cart .sc-compare { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 4px 14px; margin: 18px 0 8px; font-size: 15px; }
#order-standard_cart .sc-compare a { display: inline-flex; align-items: center; min-height: 44px; color: var(--sc-blue); font-weight: 600; text-decoration: none; background-image: linear-gradient(currentColor, currentColor); background-size: 0 1px; background-position: 0 85%; background-repeat: no-repeat; transition: background-size .2s ease; }
#order-standard_cart .sc-compare a:hover, #order-standard_cart .sc-compare a:focus-visible { background-size: 100% 1px; }
#order-standard_cart .sc-compare-link span { margin-left: 6px; transition: transform .2s ease; }
#order-standard_cart .sc-compare-link:hover span { transform: translateX(3px); }
#order-standard_cart .sc-compare-more { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 0 18px; color: var(--sc-muted); }
#order-standard_cart .sc-compare-more a { color: var(--sc-body); font-weight: 500; }
#order-standard_cart .sc-compare-sep { margin-right: -4px; color: var(--sc-line); }
:root[data-bs-theme="dark"] #order-standard_cart .sc-compare a { color: #60a5fa; } :root[data-bs-theme="dark"] #order-standard_cart .sc-compare-more a { color: #cbd5e1; }
@media (max-width: 575.98px) { #order-standard_cart .sc-compare { justify-content: flex-start; } #order-standard_cart .sc-compare-sep { display: none; } }
@media (prefers-reduced-motion: reduce) { #order-standard_cart .sc-compare a, #order-standard_cart .sc-compare-link span { transition: none; } }

/* STABLE CART 5.15: phone strip keeps room for the card shadow (bottom) and the "Most popular" pill (top); both were clipped by overflow */
@media (max-width: 767.98px) {
  #order-standard_cart .sc-cart-plans { margin: -14px -16px -34px; padding: 22px 16px 46px; scroll-padding-inline: 16px; }
  #order-standard_cart .sc-strip .sc-dots { position: relative; z-index: 1; margin-top: 0; }
}

/* STABLE CART 5.16: phone sidebar. The stock extra currency <select> (float right, outside the panels) duplicated the Currency panel and spilled below it; hidden. */
#order-standard_cart .sidebar-collapsed > .pull-right.form-inline { display: none; }
@media (max-width: 767.98px) { #order-standard_cart .sc-plan-lve { flex-direction: column; align-items: flex-start; gap: 4px; } #order-standard_cart .sc-plan-lve strong { text-align: left; white-space: nowrap; } }

/* STABLE CART 5.17: technology logos as a faint background cluster in the store group heading (decorative, no labels) */
#order-standard_cart .sc-store-tech { position: absolute; top: 0; right: 0; bottom: 0; width: min(46%, 520px); margin: 0; padding: 0; pointer-events: none; z-index: 0; -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 38%); mask-image: linear-gradient(to right, transparent 0%, #000 38%); }
#order-standard_cart .sc-store-tech li { position: absolute; display: block; color: #2563eb; opacity: .13; }
#order-standard_cart .sc-store-tech-ico { display: block; }
#order-standard_cart .sc-store-tech-ico svg { display: block; width: 100%; height: 100%; }
#order-standard_cart .sc-store-tech li:nth-child(1) { top: 14%; right: 38%; width: 64px; height: 64px; transform: rotate(-8deg); }
#order-standard_cart .sc-store-tech li:nth-child(2) { top: 8%; right: 12%; width: 84px; height: 84px; transform: rotate(7deg); }
#order-standard_cart .sc-store-tech li:nth-child(3) { top: 52%; right: 44%; width: 72px; height: 72px; transform: rotate(6deg); }
#order-standard_cart .sc-store-tech li:nth-child(4) { top: 56%; right: 22%; width: 60px; height: 60px; transform: rotate(-6deg); }
#order-standard_cart .sc-store-tech li:nth-child(5) { top: 40%; right: 2%; width: 76px; height: 76px; transform: rotate(10deg); }
#order-standard_cart .sc-store-head > :not(.sc-store-tech) { position: relative; z-index: 1; }
:root[data-bs-theme="dark"] #order-standard_cart .sc-store-tech li { color: #93c5fd; opacity: .12; }
@media (max-width: 767.98px) { #order-standard_cart .sc-store-tech { width: 70%; } #order-standard_cart .sc-store-tech li { opacity: .09; } #order-standard_cart .sc-store-tech li:nth-child(1) { width: 44px; height: 44px; } #order-standard_cart .sc-store-tech li:nth-child(2) { width: 56px; height: 56px; } #order-standard_cart .sc-store-tech li:nth-child(3) { width: 48px; height: 48px; } #order-standard_cart .sc-store-tech li:nth-child(4) { width: 42px; height: 42px; } #order-standard_cart .sc-store-tech li:nth-child(5) { width: 52px; height: 52px; } }
@media (min-width: 768px) { #order-standard_cart .sc-store-head p.sc-store-lede, #order-standard_cart .sc-store-head p.sc-store-sub { max-width: min(68ch, 60%); } }

/* STABLE CART 5.18: group heading is full width above the sidebar + cards, so the sidebar starts level with the plan cards */
#order-standard_cart > .sc-store-head { margin-bottom: 28px; }
@media (min-width: 768px) { #order-standard_cart > .sc-store-head ~ .row > .cart-sidebar { margin-top: 28px; } }

/* Product selection: minimal SaaS treatment, scoped away from checkout. */
#order-standard_cart.sc-store-modern {
  --sc-ink: #172033;
  --sc-body: #475569;
  --sc-muted: #64748b;
  --sc-line: #e2e8f0;
  --sc-card: #fff;
  --sc-soft: #f8fafc;
  --sc-blue: #2563eb;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--sc-body);
}
#order-standard_cart.sc-store-modern .sc-store-head {
  padding: 24px 0 28px;
  border: 0;
  border-bottom: 1px solid var(--sc-line);
  border-radius: 0;
  background: transparent;
}
#order-standard_cart.sc-store-modern .sc-store-head::after { display: none; }
#order-standard_cart.sc-store-modern .sc-store-kicker {
  padding: 0; border: 0; background: transparent; color: var(--sc-blue);
  font-size: 12px; letter-spacing: .08em;
}
#order-standard_cart.sc-store-modern .sc-store-head h2 { font-weight: 650; letter-spacing: -.035em; }
#order-standard_cart.sc-store-modern .sc-store-tech { opacity: .45; }
#order-standard_cart.sc-store-modern .sc-plan {
  border: 1px solid var(--sc-line); border-radius: 16px;
  background: var(--sc-card); box-shadow: 0 2px 4px rgba(15, 23, 42, .025);
}
#order-standard_cart.sc-store-modern .sc-plan:hover {
  transform: none; border-color: #94a3b8; box-shadow: 0 6px 20px rgba(15, 23, 42, .05);
}
#order-standard_cart.sc-store-modern .sc-plan.is-popular {
  border: 1px solid var(--sc-blue); box-shadow: 0 0 0 1px var(--sc-blue);
}
#order-standard_cart.sc-store-modern .sc-plan .sc-plan-flag {
  top: -12px; padding: 5px 12px; font-size: 11px; font-weight: 600;
  letter-spacing: .01em; text-transform: none; box-shadow: none;
}
#order-standard_cart.sc-store-modern .sc-plan-top { padding: 28px 24px 20px; }
#order-standard_cart.sc-store-modern .sc-plan-top h3 {
  margin-bottom: 8px; font-size: 20px; font-weight: 650; letter-spacing: -.025em; text-transform: none;
}
#order-standard_cart.sc-store-modern .sc-plan-tag { min-height: 44px; margin-bottom: 24px; font-size: 14px; line-height: 1.6; color: var(--sc-body); }
#order-standard_cart.sc-store-modern .sc-plan-strike { min-height: 0; margin-bottom: 8px; }
#order-standard_cart.sc-store-modern .sc-plan-price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px; margin-bottom: 12px; }
#order-standard_cart.sc-store-modern .sc-plan-price strong { font-size: clamp(30px, 2.4vw, 40px); font-weight: 650; letter-spacing: -.045em; font-variant-numeric: tabular-nums; }
#order-standard_cart.sc-store-modern .sc-plan-note { min-height: 38px; margin-bottom: 20px; font-size: 12px; line-height: 1.6; }
#order-standard_cart.sc-store-modern .sc-plan-note span { display: block; }
#order-standard_cart.sc-store-modern .sc-plan-note span:first-child { color: var(--sc-body); font-weight: 500; }
#order-standard_cart.sc-store-modern .sc-plan-cta {
  height: 46px; border-color: var(--sc-line); border-radius: 8px;
  color: var(--sc-ink); font-size: 14px; font-weight: 600; letter-spacing: 0; text-transform: none; box-shadow: none;
}
#order-standard_cart.sc-store-modern .sc-plan-cta:hover { color: #fff; border-color: var(--sc-blue); background: var(--sc-blue); }
#order-standard_cart.sc-store-modern .sc-plan.is-popular .sc-plan-cta { color: #fff; background: var(--sc-blue); border-color: var(--sc-blue); }
#order-standard_cart.sc-store-modern .sc-plan.is-popular .sc-plan-cta:hover { background: #1d4ed8; }
#order-standard_cart.sc-store-modern .sc-plan-lve {
  margin: 0 24px; padding: 12px; gap: 8px; border: 0; border-radius: 8px; background: var(--sc-soft); font-size: 12px;
}
#order-standard_cart.sc-store-modern .sc-plan-lve span { font-size: 11px; letter-spacing: 0; text-transform: none; }
#order-standard_cart.sc-store-modern .sc-plan-lve strong { font-weight: 600; }
#order-standard_cart.sc-store-modern .sc-plan-ticks { padding: 20px 24px 12px; }
#order-standard_cart.sc-store-modern .sc-plan-ticks li { gap: 10px; margin-bottom: 12px; font-size: 14px; line-height: 1.5; }
#order-standard_cart.sc-store-modern .sc-plan-ticks li svg { flex-basis: 17px; width: 17px; height: 17px; color: #16805d; }
#order-standard_cart.sc-store-modern .sc-plan-ticks li span { border: 0; }
#order-standard_cart.sc-store-modern .sc-plan-more summary { display: flex; align-items: center; min-height: 44px; }
#order-standard_cart.sc-store-modern .sc-plan-more .sc-plan-ticks { padding-left: 0; }
#order-standard_cart.sc-store-modern .cart-sidebar .card-sidebar { border-color: var(--sc-line); border-radius: 12px; box-shadow: none; overflow: hidden; }
#order-standard_cart.sc-store-modern .cart-sidebar .card-header { background: transparent; border-color: var(--sc-line); padding: 16px; }
#order-standard_cart.sc-store-modern .cart-sidebar .panel-title { color: var(--sc-muted); font-size: 11px; font-weight: 600; letter-spacing: .07em; }
#order-standard_cart.sc-store-modern .cart-sidebar .list-group-item { min-height: 44px; padding: 12px 16px; border-color: var(--sc-line); color: var(--sc-body); font-size: 13px; }
#order-standard_cart.sc-store-modern .cart-sidebar .list-group-item.active { border-left-width: 2px; }
#order-standard_cart.sc-store-modern .sc-strip-btn { box-shadow: 0 2px 8px rgba(15, 23, 42, .08); }
#order-standard_cart.sc-store-modern .sc-compare { justify-content: flex-start; gap: 4px 20px; margin: 20px 0 0; padding: 12px 0; border-bottom: 1px solid var(--sc-line); font-size: 13px; }
#order-standard_cart.sc-store-modern .sc-specs { margin-top: 40px; }
#order-standard_cart.sc-store-modern .sc-specs-eyebrow { display: block; margin-bottom: 10px; color: var(--sc-muted); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .09em; }
#order-standard_cart.sc-store-modern .sc-specs-h { font-size: clamp(24px, 2vw, 30px); letter-spacing: -.035em; line-height: 1.25; }
#order-standard_cart.sc-store-modern .sc-specs-sub { margin-bottom: 24px; font-size: 14px; }
#order-standard_cart.sc-store-modern .sc-specs-grid { gap: 16px; }
#order-standard_cart.sc-store-modern .sc-specs-col { padding: 22px; border: 1px solid var(--sc-line); border-radius: 12px; background: var(--sc-card); }
#order-standard_cart.sc-store-modern .sc-specs-col h3 { padding-bottom: 16px; margin-bottom: 10px; border-bottom: 1px solid var(--sc-line); font-size: 15px; line-height: 1.5; color: var(--sc-ink); }
#order-standard_cart.sc-store-modern .sc-specs-col li { padding: 8px 0; gap: 9px; border: 0; font-size: 13px; line-height: 1.6; color: var(--sc-body); }
#order-standard_cart.sc-store-modern .sc-specs-col li svg { width: 14px; height: 14px; color: #16805d; }
#order-standard_cart.sc-store-modern :is(a, summary, select, button):focus-visible { outline: 3px solid var(--sc-blue); outline-offset: 3px; }
:root[data-bs-theme="dark"] #order-standard_cart.sc-store-modern {
  --sc-ink: #f1f5f9; --sc-body: #cbd5e1; --sc-muted: #94a3b8;
  --sc-line: #334155; --sc-card: #182234; --sc-soft: #202d40;
}
:root[data-bs-theme="dark"] #order-standard_cart.sc-store-modern .sc-plan-ticks li svg,
:root[data-bs-theme="dark"] #order-standard_cart.sc-store-modern .sc-specs-col li svg { color: #6ee7b7; }
@media (min-width: 1200px) {
  #order-standard_cart.sc-store-modern > .row { display: flex; flex-wrap: nowrap; gap: 0; margin-inline: -15px; }
  #order-standard_cart.sc-store-modern > .row > .cart-sidebar {
    flex: 0 0 25%; width: 25%; padding-inline: 15px; margin-top: 18px;
    position: sticky; top: 112px; align-self: flex-start;
    max-height: calc(100vh - 128px); overflow-y: auto;
  }
  #order-standard_cart.sc-store-modern > .row > .cart-body { flex: 0 0 75%; width: 75%; padding-inline: 15px; }
}
@media (max-width: 767.98px) {
  #order-standard_cart.sc-store-modern .sc-store-head { padding: 12px 0 24px; }
  #order-standard_cart.sc-store-modern .sc-plan-top { padding: 24px 20px 20px; }
  #order-standard_cart.sc-store-modern .sc-cart-plans .sc-plan { flex: 1 1 auto; max-width: none; }
  #order-standard_cart.sc-store-modern .sc-plan-lve { margin-inline: 20px; flex-direction: row; align-items: center; }
  #order-standard_cart.sc-store-modern .sc-plan-ticks { padding-inline: 20px; }
  #order-standard_cart.sc-store-modern .sc-specs { margin-top: 32px; }
  #order-standard_cart.sc-store-modern .sc-specs-col { padding: 20px; }
}

/* Domain setup uses the same restrained platform surface as product selection. */
/* Override the legacy !important pill radius, including the ID-based Check rule. */
#order-standard_cart.sc-domain-setup .btn,
#order-standard_cart.sc-domain-setup #btnCheckAvailability {
  border-radius: 7px !important;
}
#order-standard_cart.sc-domain-setup .cart-body > .header-lined { margin: 0 0 24px; padding: 0 0 24px; border-color: var(--sc-line); }
#order-standard_cart.sc-domain-setup .sc-domain-eyebrow { display: block; margin-bottom: 10px; color: var(--sc-muted); font-size: 11px; font-weight: 600; letter-spacing: .09em; text-transform: uppercase; }
#order-standard_cart.sc-domain-setup .cart-body > .header-lined h2 { margin: 0; color: var(--sc-ink); font-size: clamp(24px, 2vw, 30px); font-weight: 650; letter-spacing: -.035em; text-transform: none; }
#order-standard_cart.sc-domain-setup .cart-body > .header-lined .sc-domain-intro { margin: 10px 0 0; color: var(--sc-muted); font-size: 14px; line-height: 1.6; }
#order-standard_cart.sc-domain-setup .domain-selection-options { padding: 0; background: transparent; }
#order-standard_cart.sc-domain-setup .domain-selection-options .option { margin: 0 0 12px; padding: 18px 20px; border: 1px solid var(--sc-line); border-radius: 10px; background: var(--sc-card); box-shadow: none; transition: border-color .15s ease; }
#order-standard_cart.sc-domain-setup .domain-selection-options .option:hover { border-color: var(--sc-line); box-shadow: none; transform: none; }
#order-standard_cart.sc-domain-setup .domain-selection-options .option-selected,
#order-standard_cart.sc-domain-setup .domain-selection-options .option:has(input[name="domainoption"]:checked) { border-color: var(--sc-line); background: var(--sc-card); box-shadow: none; }
#order-standard_cart.sc-domain-setup .domain-selection-options .option > label { display: flex; align-items: center; gap: 12px; min-height: 28px; margin: 0; color: var(--sc-ink); font-size: 14px; font-weight: 600; line-height: 1.6; cursor: pointer; }
#order-standard_cart.sc-domain-setup .domain-selection-options .option > label > div { flex-shrink: 0; margin: 0 !important; }
#order-standard_cart.sc-domain-setup .domain-selection-options .domain-input-group { margin: 18px 0 0; padding: 18px 0 0; border-top: 1px solid var(--sc-line); }
#order-standard_cart.sc-domain-setup .domain-selection-options .domain-input-group .form-control,
#order-standard_cart.sc-domain-setup .domain-selection-options .domain-input-group .input-group-text { height: 46px; border-color: var(--sc-line); border-radius: 7px; color: var(--sc-ink); background-color: var(--sc-card); font-size: 14px; }
#order-standard_cart.sc-domain-setup .domain-selection-options .domain-input-group .input-group-text { border-radius: 7px 0 0 7px; background: var(--sc-soft); color: var(--sc-muted); }
#order-standard_cart.sc-domain-setup .domain-selection-options .domain-input-group .input-group-addon + .form-control { border-radius: 0 7px 7px 0; }
#order-standard_cart.sc-domain-setup .domain-selection-options .domain-input-group .form-control:focus { border-color: var(--sc-blue); box-shadow: 0 0 0 3px rgba(37, 99, 235, .14); }
#order-standard_cart.sc-domain-setup .domain-selection-options .domain-input-group button.btn { height: 46px; border-radius: 7px; background: var(--sc-blue); border-color: var(--sc-blue); color: #fff; font-size: 14px; font-weight: 600; letter-spacing: 0; text-transform: none; box-shadow: none; }
#order-standard_cart.sc-domain-setup .domain-selection-options .domain-input-group button.btn:hover { background: #1d4ed8; border-color: #1d4ed8; box-shadow: none; }
#order-standard_cart.sc-domain-setup .domain-selection-options .domain-input-group .domains-row > [class*="col-"]:nth-child(2) { flex-basis: 120px; }
#order-standard_cart.sc-domain-setup .domain-selection-options .domain-checker-advanced .domains-row { flex-wrap: wrap; }
#order-standard_cart.sc-domain-setup .domain-checker-advanced textarea { width: 100%; min-height: 96px; padding: 12px; border: 1px solid var(--sc-line); border-radius: 7px; background: var(--sc-card); color: var(--sc-ink); font: inherit; }
#order-standard_cart.sc-domain-setup .domain-lookup-primary-results,
#order-standard_cart.sc-domain-setup .suggested-domains { border-color: var(--sc-line); border-radius: 10px; box-shadow: none; }
#order-standard_cart.sc-domain-setup .suggested-domains .card-header { background: var(--sc-soft); color: var(--sc-ink); font-size: 14px; }
#order-standard_cart.sc-domain-setup .ph-domain-continue .btn { border-radius: 7px; font-size: 14px; box-shadow: none; }
@media (min-width: 1200px) {
  #order-standard_cart.sc-domain-setup > .row > .cart-sidebar { margin-top: 0; }
}
@media (max-width: 767.98px) {
  #order-standard_cart.sc-domain-setup .domain-selection-options .option { padding: 16px; }
  #order-standard_cart.sc-domain-setup .domain-selection-options .domain-input-group .domains-row > [class*="col-"]:nth-child(2) { flex-basis: auto; }
}
@media (prefers-reduced-motion: reduce) {
  #order-standard_cart.sc-domain-setup .domain-selection-options .option { transition: none; }
}

/* STABLE CART 5.19: 20px extra side margin around the whole order form on big screens (container width unchanged) */
@media (min-width: 1200px) { #order-standard_cart { margin-inline: 0; } }

/* STABLE CART 5.20: order steps (configure, domains, view cart, checkout), built on a fixed grid.
   - content column + fixed-width order summary (it was a 1/3 column: 525px at 1920) that stays in view while scrolling
   - checkout is a single form: a readable 1040px column instead of 1500px+ of stretched fields
   - 13px minimum for secondary text, tabular numbers for money */
#order-standard_cart:has(.ph-conf-page) { --sc-sum-w: clamp(340px, 26vw, 400px); --sc-form-max: 1040px; }
@media (min-width: 992px) {
  #order-standard_cart .ph-conf-page .cart-body > .row:has(> .secondary-cart-sidebar) { display: grid; grid-template-columns: minmax(0, 1fr) var(--sc-sum-w); gap: 32px; margin: 0; align-items: start; }
  #order-standard_cart .ph-conf-page .cart-body > .row > .secondary-cart-body,
  #order-standard_cart .ph-conf-page .cart-body > .row > .secondary-cart-sidebar { flex: none; width: auto; max-width: none; padding: 0; }
  #order-standard_cart .ph-conf-page .cart-body > .row > .secondary-cart-sidebar { position: sticky; top: 112px; }
}
#order-standard_cart:has(#frmCheckout) .cart-body { max-width: var(--sc-form-max); margin-inline: auto; }
#order-standard_cart .view-cart-items small, #order-standard_cart .view-cart-items .item-group, #order-standard_cart .view-cart-items .cycle { font-size: 13px; line-height: 1.5; }
#order-standard_cart .view-cart-items .item-price span, #order-standard_cart .order-summary .amount, #order-standard_cart .order-summary .total-due-today { font-variant-numeric: tabular-nums; }
#order-standard_cart .order-summary .recurring-totals { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
#order-standard_cart .order-summary .recurring-totals::before, #order-standard_cart .order-summary .recurring-totals::after { display: none; }
#order-standard_cart .order-summary .recurring-totals > span { float: none !important; }
#order-standard_cart .order-summary .recurring-totals .recurring-charges { text-align: right; white-space: nowrap; }
/* checkout: the EPP-field rule (.prepend-icon max-width 520px, see "Domain transfer EPP field") also capped company / street / country / VAT fields at 520px, leaving half of each row empty */
#order-standard_cart #frmCheckout .form-group.prepend-icon { max-width: none; }
/* dark mode: inner blocks of the order summary and card headings kept a page-coloured background, leaving darker patches inside the cards */
:root[data-bs-theme="dark"] #order-standard_cart .order-summary .summary-container,
:root[data-bs-theme="dark"] #order-standard_cart .order-summary .bordered-totals,
:root[data-bs-theme="dark"] #order-standard_cart .ph-conf-card .sub-heading,
:root[data-bs-theme="dark"] #order-standard_cart .ph-conf-card .sub-heading span,
:root[data-bs-theme="dark"] #order-standard_cart .order-summary .summary-totals { background: transparent; }
:root[data-bs-theme="dark"] #order-standard_cart .order-summary .summary-container,
:root[data-bs-theme="dark"] #order-standard_cart .ph-conf-card .sub-heading span.primary-bg-color,
:root[data-bs-theme="dark"] #order-standard_cart .sub-heading span.primary-bg-color { background: transparent !important; }

/* Order-flow polish: shared typography, controls and restrained brand glow. */
#order-standard_cart {
  --order-ink: #172033;
  --order-muted: #526174;
  --order-line: #e2e8f0;
  --order-surface: #fff;
  --order-accent: #2563eb;
  position: relative;
  isolation: isolate;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 15px;
  line-height: 1.6;
  color: var(--order-ink);
}
#order-standard_cart::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0 0 auto;
  height: 620px;
  max-height: 100%;
  pointer-events: none;
  background: radial-gradient(ellipse at 8% 8%, rgba(79, 70, 229, .065), transparent 55%), radial-gradient(ellipse at 95% 35%, rgba(37, 99, 235, .045), transparent 55%);
  animation: sc-order-glow-in 4s ease-out both;
}
@keyframes sc-order-glow-in { from { opacity: 0; } to { opacity: 1; } }
#order-standard_cart .header-lined h2 { font-size: clamp(26px, 2.1vw, 34px); line-height: 1.25; font-weight: 650; letter-spacing: -.035em; color: var(--order-ink); }
#order-standard_cart .sub-heading { border-color: var(--order-line); }
#order-standard_cart .sub-heading span { font-size: 18px; font-weight: 600; letter-spacing: -.02em; color: var(--order-ink); }
#order-standard_cart :is(.form-group > label:not(.field-icon), .control-label) { font-size: 14px; line-height: 1.5; font-weight: 500; }
#order-standard_cart .sc-field-label {
  display: block; position: static; width: auto; height: auto;
  margin: 0 0 8px; padding: 0; color: var(--order-ink); text-align: left;
}
#order-standard_cart .prepend-icon:has(> .sc-field-label) > input.form-control { padding-left: 14px; }
#order-standard_cart .form-control:not(textarea) { min-height: 46px; font-size: 16px; }
#order-standard_cart :is(input.form-control, select.form-control, textarea.form-control) { border-color: var(--order-line); border-radius: 7px; background-color: var(--order-surface); color: var(--order-ink); box-shadow: none; }
#order-standard_cart .form-control::placeholder { color: var(--order-muted); opacity: 1; }
#order-standard_cart .form-control:focus { border-color: var(--order-accent); box-shadow: 0 0 0 3px rgba(37, 99, 235, .12); }
#order-standard_cart .btn,
#order-standard_cart #btnCheckAvailability { border-radius: 7px !important; font-family: inherit; font-size: 14px; font-weight: 600; letter-spacing: 0; text-transform: none; }
#order-standard_cart :is(.btn-primary, .btn-default, .btn-info, .btn-success) { min-height: 44px; }
#order-standard_cart :is(.btn-primary, .btn-success) { box-shadow: none; }
#order-standard_cart :is(.btn-primary, .btn-success):hover { transform: none; box-shadow: none; }
#order-standard_cart :is(a, button, summary, select):focus-visible { outline: 2px solid var(--order-accent); outline-offset: 3px; }
#order-standard_cart :is(.text-muted, .help-block) { color: var(--order-muted) !important; }
#order-standard_cart :is(.help-block, .small, small) { font-size: 13px; line-height: 1.5; }
#order-standard_cart :is(.order-summary, .view-cart-items, .view-cart-tabs) { border-radius: 10px; border-color: var(--order-line); box-shadow: 0 2px 8px rgba(15, 23, 42, .03); }
#order-standard_cart .order-summary .summary-container { font-size: 14px; line-height: 1.6; }
#order-standard_cart .order-summary :is(.total-due-today, .amt, .price) { font-variant-numeric: tabular-nums; letter-spacing: -.025em; }
#order-standard_cart .sc-plan-ticks li { font-size: 14px; }
#order-standard_cart .sc-plan-ticks li span { border-bottom: 0; }
#order-standard_cart .sc-plan-note { font-size: 13px; }
#order-standard_cart .sc-specs-col li { font-size: 14px; }
:root[data-bs-theme="dark"] #order-standard_cart { --order-ink: #f1f5f9; --order-muted: #a8b6c8; --order-line: #334155; --order-surface: #182234; --order-accent: #60a5fa; }
:root[data-bs-theme="dark"] #order-standard_cart::before { opacity: .6; }
@media (max-width: 575.98px) {
  #order-standard_cart .sub-heading span { font-size: 17px; }
  #order-standard_cart .sc-field-label { margin-bottom: 6px; }
}
@media (prefers-reduced-motion: reduce) {
  #order-standard_cart::before { animation: none; }
}

/* STABLE CART 5.21: order form background fixes.
   - the decorative glow (#order-standard_cart::before) was clipped to the form box, so it showed hard left/right/bottom edges (a tinted band behind the page title); it now spans the full page width and fades out vertically
   - .view-cart-items sat inside the items card with its own border + shadow (a box inside a box): flattened */
#order-standard_cart::before {
  left: 0; right: 0; width: auto; transform: none;
  top: -160px; bottom: auto; height: 760px; max-height: none;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 24%, rgba(0, 0, 0, .55) 62%, transparent 100%);
  mask-image: linear-gradient(to bottom, transparent 0%, #000 24%, rgba(0, 0, 0, .55) 62%, transparent 100%);
}

#order-standard_cart .view-cart-items { border: 0; border-radius: 0; box-shadow: none; background: transparent; }

/* STABLE CART 5.22: typography. Two later blocks ("sc-store-modern" and the order-form block) had set the system UI font on #order-standard_cart, so the plan cards, prices, buttons and form text rendered in San Francisco / Segoe next to the Euclid Circular A used by the rest of the site. One family everywhere, and form controls inherit it (browsers give buttons / inputs their own font by default). */
#order-standard_cart,
#order-standard_cart.sc-store-modern { font-family: var(--sc-font, "Euclid Circular A", "Figtree", system-ui, sans-serif); }
#order-standard_cart :is(input, select, textarea, button, .btn, .form-control, .custom-select) { font-family: inherit; }
#order-standard_cart :is(h1, h2, h3, h4, h5, h6, .sub-heading span) { font-family: inherit; font-weight: 600; }
#order-standard_cart .header-lined h2 { letter-spacing: -.025em; }
#order-standard_cart :is(.btn, .btn-order-now, #btnCheckAvailability) { font-weight: 600; }

/* STABLE CART 5.23: view cart design pass. Item rows on a real grid (product | price | remove) shared by the header row so the columns line up; clearer hierarchy (title, group tag, domain, options); round remove button; trust line under the summary. */
@media (min-width: 768px) {
  #order-standard_cart .view-cart-items-header > .row,
  #order-standard_cart .view-cart-items .item > .row:not(:has(.item-qty)) { display: grid; grid-template-columns: minmax(0, 1fr) 150px 44px; gap: 0 12px; margin: 0; align-items: start; }
  #order-standard_cart .view-cart-items-header > .row > *,
  #order-standard_cart .view-cart-items .item > .row:not(:has(.item-qty)) > * { flex: none; width: auto; max-width: none; padding: 0; }
  #order-standard_cart .view-cart-items-header > .row > :nth-child(2) { grid-column: 2; }
}
#order-standard_cart .view-cart-items-header { padding: 0 0 12px; border-bottom: 1px solid var(--sc-line); font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--sc-muted); }
#order-standard_cart .view-cart-items .item { padding: 24px 0; border-bottom: 1px solid var(--sc-line); background: transparent; }
#order-standard_cart .view-cart-items .item:last-child { border-bottom: 0; }
#order-standard_cart .view-cart-items .item-title { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 10px; font-size: 18px; font-weight: 600; letter-spacing: -.01em; line-height: 1.3; color: var(--sc-ink); }
#order-standard_cart .view-cart-items .item-title .btn-link { display: inline-flex; align-items: center; gap: 6px; min-height: 28px; padding: 2px 10px; border-radius: 999px; background: #eff6ff; font-size: 13px; font-weight: 600; text-decoration: none; }
#order-standard_cart .view-cart-items .item-title .btn-link:hover { background: #dbeafe; }
#order-standard_cart .view-cart-items .item-group { display: inline-block; margin: 10px 0 0; padding: 3px 10px; border-radius: 6px; background: #f1f5f9; font-size: 12px; font-weight: 600; letter-spacing: .02em; color: #475569; }
#order-standard_cart .view-cart-items .item-domain { display: flex; align-items: center; gap: 8px; margin: 10px 0 0; font-size: 15px; font-weight: 600; color: var(--sc-blue); word-break: break-all; }
#order-standard_cart .view-cart-items .item-domain::before { content: ""; flex: none; width: 16px; height: 16px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c3 3.2 3 14.8 0 18M12 3c-3 3.2-3 14.8 0 18'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c3 3.2 3 14.8 0 18M12 3c-3 3.2-3 14.8 0 18'/%3E%3C/svg%3E") center / contain no-repeat; }
#order-standard_cart .view-cart-items .item small { display: block; margin-top: 8px; font-size: 13px; line-height: 1.7; color: var(--sc-muted); }
#order-standard_cart .view-cart-items .item-price { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; text-align: right; font-size: 13px; line-height: 1.5; color: var(--sc-muted); }
#order-standard_cart .view-cart-items .item-price > span:first-child { font-size: 19px; font-weight: 700; letter-spacing: -.01em; color: var(--sc-ink); font-variant-numeric: tabular-nums; }
#order-standard_cart .view-cart-items .item-price .cycle { font-size: 13px; color: var(--sc-muted); }
#order-standard_cart .view-cart-items .btn-remove-from-cart { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; border-radius: 50%; transition: background-color .2s ease; }
#order-standard_cart .view-cart-items .btn-remove-from-cart:hover, #order-standard_cart .view-cart-items .btn-remove-from-cart:focus-visible { background: #fee2e2; }
#order-standard_cart .view-cart-items .item-title .btn-remove-from-cart { width: auto; height: 28px; padding: 2px 10px; border-radius: 999px; }
#order-standard_cart .sc-summary-trust { display: grid; gap: 8px; margin: 20px 0 0; padding: 18px 0 0; border-top: 1px solid var(--sc-line); }
#order-standard_cart .sc-summary-trust li { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--sc-muted); }
#order-standard_cart .sc-summary-trust svg { flex: none; color: #16a34a; }
:root[data-bs-theme="dark"] #order-standard_cart .view-cart-items .item-title .btn-link { background: rgba(59, 130, 246, .16); }
:root[data-bs-theme="dark"] #order-standard_cart .view-cart-items .item-group { background: rgba(255, 255, 255, .08); color: #cbd5e1; }
:root[data-bs-theme="dark"] #order-standard_cart .view-cart-items .btn-remove-from-cart:hover { background: rgba(239, 68, 68, .18); }
:root[data-bs-theme="dark"] #order-standard_cart .view-cart-items-header { color: #94a3b8; }
@media (max-width: 767.98px) { #order-standard_cart .view-cart-items .item-price { align-items: flex-start; margin-top: 14px; text-align: left; } }
#order-standard_cart .view-cart-items .item-group { display: block; width: fit-content; max-width: 100%; }
/* quieter destructive action: Empty Cart is a text button under a divider, not a pink block */
#order-standard_cart .view-cart-items ~ .empty-cart, #order-standard_cart .empty-cart { margin-top: 8px; padding-top: 16px; border-top: 1px solid var(--sc-line); }
#order-standard_cart #btnEmptyCart { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 12px; margin-left: -12px; border-radius: 8px; background: transparent; color: #b91c1c; font-size: 14px; font-weight: 600; }
#order-standard_cart #btnEmptyCart:hover, #order-standard_cart #btnEmptyCart:focus-visible { background: #fef2f2; text-decoration: none; }
:root[data-bs-theme="dark"] #order-standard_cart #btnEmptyCart { color: #fca5a5; }
:root[data-bs-theme="dark"] #order-standard_cart #btnEmptyCart:hover { background: rgba(239, 68, 68, .16); }
:root[data-bs-theme="dark"] #order-standard_cart .view-cart-items .item-domain { color: #60a5fa; }

/* STABLE CART 5.24: Register Domain page, same flat minimal language as the store: lede, one white search card with a full-width search bar and an inline captcha (the glow panel with a card inside a card is gone). */
#order-standard_cart .cart-body > .header-lined + p, #order-standard_cart .cart-body > p:first-of-type { margin: 0 0 20px; font-size: 16px; line-height: 1.6; color: var(--sc-muted); }
#order-standard_cart .domain-checker-container { margin: 0 0 28px; padding: 0; border: 0; background: transparent; box-shadow: none; }
#order-standard_cart .domain-checker-container .domain-checker-bg { padding: 28px 32px 24px; border: 1px solid var(--sc-line); border-radius: 16px; background: #fff; box-shadow: 0 1px 2px rgba(15, 23, 42, .04); }
#order-standard_cart .domain-checker-container .domain-checker-bg::before, #order-standard_cart .domain-checker-container .domain-checker-bg::after { display: none; }
#order-standard_cart .domain-checker-container .domain-checker-bg form > .row { margin: 0; }
#order-standard_cart .domain-checker-container .domain-checker-bg form > .row > [class*="col-"] { flex: 0 0 100%; max-width: 100%; margin: 0; padding: 0; }
#order-standard_cart .domain-checker-container .input-group-lg > .form-control, #order-standard_cart .domain-checker-container #inputDomain { height: 56px; font-size: 16px; }
#order-standard_cart .domain-checker-container [class*="captcha"], #order-standard_cart .domain-checker-container #default-captcha-domainchecker { margin: 18px 0 0; padding: 0; border: 0; background: transparent; box-shadow: none; max-width: none; }
#order-standard_cart .domain-checker-container .captchaimage img, #order-standard_cart .domain-checker-container img#inputCaptchaImage { height: 44px; border-radius: 8px; }
#order-standard_cart .domain-checker-container #inputCaptcha { height: 44px; max-width: 180px; }
#order-standard_cart .domain-pricing .tld-row { transition: background-color .15s ease; }
#order-standard_cart .domain-pricing .tld-row:hover { background: #f8fafc; }
:root[data-bs-theme="dark"] #order-standard_cart .domain-checker-container .domain-checker-bg { background: rgba(255, 255, 255, .04); border-color: #334155; box-shadow: none; }
:root[data-bs-theme="dark"] #order-standard_cart .domain-pricing .tld-row:hover { background: rgba(255, 255, 255, .04); }
@media (max-width: 575.98px) { #order-standard_cart .domain-checker-container .domain-checker-bg { padding: 18px 16px; } }

/* STABLE CART 5.25: featured TLD cards like the reference layout: white cards in an even grid, logo centred over a hairline, price in ink on white (the stock coloured price bar had white text on yellow/cyan, ~1.9:1). Set the TLDs in tblconfiguration.SpotlightTLDs (Admin > Domain Pricing > Spotlight TLDs); only TLDs that have a logo in assets/img/tld_logos appear here. */
#order-standard_cart .featured-tlds-container { margin: 0 0 32px; }
#order-standard_cart .featured-tlds-container > .row { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; margin: 0; }
#order-standard_cart .featured-tlds-container > .row > [class*="col-"] { flex: none; width: auto; max-width: none; margin: 0; padding: 0; }
#order-standard_cart .featured-tlds-container > .row > [class*="col-"]:empty { display: none; }
#order-standard_cart .featured-tld { display: flex; flex-direction: column; height: 100%; margin: 0; border: 1px solid var(--sc-line); border-radius: 14px; background: #fff; box-shadow: 0 1px 2px rgba(15, 23, 42, .04); overflow: hidden; transition: transform .2s ease, box-shadow .2s ease; }
#order-standard_cart .featured-tld:hover { transform: translateY(-2px); box-shadow: 0 14px 28px -18px rgba(37, 38, 94, .35); }
#order-standard_cart .featured-tld .img-container { display: flex; align-items: center; justify-content: center; flex: 1; min-height: 120px; padding: 24px 20px 20px; }
#order-standard_cart .featured-tld .img-container img { display: block; width: auto; max-width: 78%; max-height: 72px; }
#order-standard_cart .featured-tld .price { padding: 14px 16px; border-top: 1px solid var(--sc-line); background: transparent !important; color: var(--sc-ink) !important; font-size: 16px; font-weight: 700; text-align: center; font-variant-numeric: tabular-nums; }
:root[data-bs-theme="dark"] #order-standard_cart .featured-tld { background: rgba(255, 255, 255, .04); border-color: #334155; box-shadow: none; }
:root[data-bs-theme="dark"] #order-standard_cart .featured-tld .img-container img { background: #fff; padding: 8px 14px; border-radius: 10px; box-sizing: content-box; }
:root[data-bs-theme="dark"] #order-standard_cart .featured-tld .price { color: #f1f5f9 !important; border-top-color: #334155; }
@media (prefers-reduced-motion: reduce) { #order-standard_cart .featured-tld { transition: none; } #order-standard_cart .featured-tld:hover { transform: none; } }
:root[data-bs-theme="dark"] #order-standard_cart .domain-checker-container [class*="captcha"],
:root[data-bs-theme="dark"] #order-standard_cart .domain-checker-container #default-captcha-domainchecker,
:root[data-bs-theme="dark"] #order-standard_cart .domain-checker-container .input-group-box { background: transparent !important; box-shadow: none !important; }
:root[data-bs-theme="dark"] #order-standard_cart .domain-checker-container #inputDomain { background: #0f172a; border-radius: 10px; }

/* Soft glow with transparent edges; no viewport overflow or body clipping. */
#order-standard_cart::before {
  background: radial-gradient(ellipse at 30% 35%, rgba(79,70,229,.045), transparent 65%), radial-gradient(ellipse at 70% 40%, rgba(37,99,235,.025), transparent 65%);
  -webkit-mask-image: radial-gradient(ellipse at center, #000 15%, transparent 70%);
  mask-image: radial-gradient(ellipse at center, #000 15%, transparent 70%);
}
#order-standard_cart.sc-domain-register .cart-body > p:first-of-type { color: var(--order-muted); font-size: 15px; max-width: 65ch; }
#order-standard_cart.sc-domain-register .domain-checker-container .domain-checker-bg { padding: 24px; border-radius: 10px; background: var(--order-surface); box-shadow: none; }
#order-standard_cart.sc-domain-register .domain-checker-container .input-group-box { padding: 5px; border: 1px solid var(--order-line); border-radius: 8px; background: var(--order-surface); box-shadow: none; }
#order-standard_cart.sc-domain-register .domain-checker-container .input-group-box:focus-within { border-color: var(--order-accent); box-shadow: 0 0 0 3px rgba(37,99,235,.08); }
#order-standard_cart.sc-domain-register .domain-checker-container #inputDomain { height: 46px; padding: 0 14px; background: transparent; border-radius: 7px !important; }
#order-standard_cart.sc-domain-register #btnCheckAvailability { height: 46px; min-width: 110px; padding: 0 22px; font-size: 14px; box-shadow: none; }
#order-standard_cart.sc-domain-register #btnCheckAvailability:hover { transform: none; box-shadow: none; }
#order-standard_cart.sc-domain-register .domain-checker-container .default-captcha { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 12px 20px; margin: 16px 0 0; }
#order-standard_cart.sc-domain-register .default-captcha > label { margin: 0; color: var(--order-muted); font-size: 13px; font-weight: 500; }
#order-standard_cart.sc-domain-register .default-captcha > div { display: flex; align-items: center; gap: 12px; margin: 0; }
#order-standard_cart.sc-domain-register .domain-checker-container #inputCaptcha { width: 112px; min-width: 0; margin: 0; border: 1px solid var(--order-line); border-radius: 7px; background: var(--order-surface); }
#order-standard_cart.sc-domain-register .featured-tlds-container > .row { gap: 16px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); }
#order-standard_cart.sc-domain-register .featured-tld { flex-direction: row; align-items: center; padding: 18px 20px; border-radius: 10px; background: var(--order-surface); box-shadow: none; }
#order-standard_cart.sc-domain-register .featured-tld:hover { transform: none; box-shadow: none; }
#order-standard_cart.sc-domain-register .featured-tld .img-container { height: 52px; min-height: 0; padding: 0; justify-content: flex-start; }
#order-standard_cart.sc-domain-register .featured-tld .img-container img { max-width: 110px; max-height: 44px; object-fit: contain; }
#order-standard_cart.sc-domain-register .featured-tld .price { border: 0; padding: 0 0 0 16px; font-size: 15px; font-weight: 600; color: var(--order-ink) !important; }
#order-standard_cart.sc-domain-register .tld-filters { display: flex; flex-wrap: wrap; gap: 8px; }
#order-standard_cart.sc-domain-register .tld-filters a { display: inline-flex; align-items: center; min-height: 40px; margin: 0; padding: 8px 14px; border-radius: 7px; font-size: 13px; font-weight: 500; }
#order-standard_cart.sc-domain-register .domain-pricing .tld-row { font-size: 14px; }
@media (max-width: 575.98px) {
  #order-standard_cart.sc-domain-register .domain-checker-container .domain-checker-bg { padding: 16px; }
  #order-standard_cart.sc-domain-register .default-captcha > div { flex-wrap: wrap; }
}

/* Domain registration: compact hierarchy and quiet secondary actions. */
#order-standard_cart.sc-domain-register .cart-body > .header-lined { padding-bottom: 0; margin-bottom: 12px; border: 0; }
#order-standard_cart.sc-domain-register .cart-body > .header-lined h2 { margin-bottom: 0; font-size: 30px; }
#order-standard_cart.sc-domain-register .cart-body > p:first-of-type { margin-bottom: 24px; }
#order-standard_cart.sc-domain-register > .row > .cart-sidebar { margin-top: 0; }
#order-standard_cart.sc-domain-register .domain-checker-container .domain-checker-bg { border: 1px solid var(--order-line); border-radius: 10px; }
#order-standard_cart.sc-domain-register .domain-checker-container .input-group-box { min-height: 56px; }
#order-standard_cart.sc-domain-register .domain-checker-container .default-captcha { padding-top: 16px; border-top: 1px solid var(--order-line); }
#order-standard_cart.sc-domain-register .featured-tld { height: auto; min-height: 92px; padding: 18px 20px; }
#order-standard_cart.sc-domain-register .featured-tld .img-container { flex: 1 1 auto; height: 52px; min-height: 0; }
#order-standard_cart.sc-domain-register .featured-tlds-container { margin-bottom: 28px; }
#order-standard_cart.sc-domain-register .domain-pricing h4 { font-size: 18px; margin-bottom: 12px; letter-spacing: -.02em; }
#order-standard_cart.sc-domain-register .tld-filters { margin-bottom: 20px; }
#order-standard_cart.sc-domain-register .tld-filters a.badge { min-height: 44px; background: transparent; border: 1px solid var(--order-line); color: var(--order-muted); }
#order-standard_cart.sc-domain-register .tld-filters a.badge:hover { background: var(--sc-soft); color: var(--order-ink); }
#order-standard_cart.sc-domain-register .tld-filters a.badge.badge-success { background: #eff6ff; border-color: #bfdbfe; color: #1d4ed8; }
#order-standard_cart.sc-domain-register .domain-pricing .tt-domain-list-wrap { border-radius: 10px; box-shadow: none; }
#order-standard_cart.sc-domain-register .domain-pricing .tld-pricing-header { background: var(--sc-soft); color: var(--order-muted); font-size: 12px; letter-spacing: .035em; }
#order-standard_cart.sc-domain-register .sc-extension-name { font-size: 18px; font-weight: 600; letter-spacing: -.02em; color: var(--order-ink); }
#order-standard_cart.sc-domain-register .tt-domain-price-cycle { font-variant-numeric: tabular-nums; color: var(--order-ink); font-size: 14px; }
#order-standard_cart.sc-domain-register .tt-domain-price-cycle small { color: var(--order-muted); font-size: 12px; }
#order-standard_cart.sc-domain-register .cart-sidebar .list-group-item:not(.active) { border-color: transparent; }
#order-standard_cart.sc-domain-register .cart-sidebar .list-group-item i { width: 18px; font-size: 14px; text-align: center; }
:root[data-bs-theme="dark"] #order-standard_cart.sc-domain-register .tld-filters a.badge.badge-success { background: #1e3050; border-color: #375580; color: #bfdbfe; }
@media (max-width: 575.98px) {
  #order-standard_cart.sc-domain-register .cart-body > .header-lined h2 { font-size: 26px; }
  #order-standard_cart.sc-domain-register .default-captcha > label { flex-basis: 100%; }
}

/* STABLE CART 5.26: Register Domain bug fixes found in review.
   1) active category chip (.badge-success) was light blue text on a light blue fill (~1.2:1): solid brand blue, white text
   2) the old .default-captcha card kept a 16px-radius border that showed as a stray rounded line above the captcha
   3) the "choose a category" row is a Bootstrap .row (-15px margins) and stuck out of the pricing card on both sides */
#order-standard_cart .tld-filters a.badge { min-height: 40px; display: inline-flex; align-items: center; }
#order-standard_cart .tld-filters a.badge.badge-success { background: var(--sc-blue, #2563eb) !important; border-color: var(--sc-blue, #2563eb) !important; color: #fff !important; }
#order-standard_cart .tld-filters a.badge:not(.badge-success):hover { border-color: #93c5fd; color: var(--sc-ink); }
#order-standard_cart .domain-checker-container .default-captcha { border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
#order-standard_cart .tld-row.no-tlds { margin: 0; padding: 28px 16px; text-align: center; color: var(--sc-muted); }
#order-standard_cart .tt-domain-list-wrap { overflow: hidden; }
:root[data-bs-theme="dark"] #order-standard_cart .tld-filters a.badge.badge-success { background: #3b82f6 !important; border-color: #3b82f6 !important; color: #0b1220 !important; }

/* STABLE CART 5.27: domain search bar, one outline with concentric radii (outer 14 = padding 5 + inner 9); the focus state was a blue border PLUS a 3px halo around a differently rounded box (8px outer / 7px inner), which read as a doubled line. */
#order-standard_cart .domain-checker-container .tt-domain-search-box { display: flex; align-items: stretch; width: 100%; padding: 5px; border: 1px solid #cbd5e1; border-radius: 14px; background: #fff; box-shadow: none; transition: border-color .15s ease, box-shadow .15s ease; }
#order-standard_cart .domain-checker-container .tt-domain-search-box:focus-within { border-color: var(--sc-blue, #2563eb); box-shadow: 0 0 0 3px rgba(37, 99, 235, .16); }
#order-standard_cart .domain-checker-container .tt-domain-search-box #inputDomain { flex: 1 1 auto; min-width: 0; height: 48px; padding: 0 18px; border: 0 !important; border-radius: 9px !important; background: transparent; box-shadow: none !important; outline: none !important; }
#order-standard_cart .domain-checker-container .tt-domain-search-box .input-group-append { display: flex; margin: 0; }
#order-standard_cart .domain-checker-container .tt-domain-search-box #btnCheckAvailability { height: 48px; padding: 0 28px; border-radius: 9px !important; }
:root[data-bs-theme="dark"] #order-standard_cart .domain-checker-container .tt-domain-search-box { border-color: #475569; background: #0f172a; }
:root[data-bs-theme="dark"] #order-standard_cart .domain-checker-container .tt-domain-search-box:focus-within { border-color: #60a5fa; box-shadow: 0 0 0 3px rgba(96, 165, 250, .22); }
:root[data-bs-theme="dark"] #order-standard_cart .domain-checker-container .tt-domain-search-box #inputDomain { background: transparent; }
:root[data-bs-theme="dark"] #order-standard_cart .domain-checker-container .tt-domain-search-box #inputDomain { background: transparent !important; }

/* STABLE CART 5.28: Register Domain results. Spotlight TLD cards carry the TLD logo (WHMCS core assets/img/tld_logos); text for TLDs without a logo sits in the same plate. Suggested rows: Contact Support button no longer turns blue-on-blue on hover. */
#order-standard_cart .spotlight-tld .sc-spot-logo { display: flex; align-items: center; justify-content: center; width: 132px; height: 48px; margin: 0 auto 10px; padding: 6px 12px; border: 1px solid var(--sc-line); border-radius: 10px; background: #fff; overflow: hidden; }
#order-standard_cart .spotlight-tld .sc-spot-logo img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; }
#order-standard_cart .spotlight-tld .sc-spot-logo.sc-tld-crop img { max-width: none; max-height: none; width: 88px; clip-path: inset(0 3% 29% 0); margin-bottom: -12px; }
#order-standard_cart .spotlight-tld .sc-spot-logo.sc-tld-crop img[src$="/net.png"] { width: 58px; margin-bottom: -8px; clip-path: inset(0 0 30% 0); }
#order-standard_cart .spotlight-tld .sc-spot-text strong { font-size: 20px; font-weight: 800; line-height: 1; color: #25265e; }
#order-standard_cart .suggested-domains .list-group-item:hover .btn.domain-contact-support, #order-standard_cart .suggested-domains .btn.domain-contact-support:hover, #order-standard_cart .suggested-domains .btn.domain-contact-support:focus-visible { background: #eff6ff !important; border-color: var(--sc-blue) !important; color: var(--sc-blue) !important; box-shadow: none !important; }
#order-standard_cart .suggested-domains .btn.domain-contact-support { background: #fff; border: 1px solid var(--sc-blue); color: var(--sc-blue); }
#order-standard_cart .suggested-domains .list-group-item:hover { background: #f8fbff; }
:root[data-bs-theme="dark"] #order-standard_cart .suggested-domains .btn.domain-contact-support { background: transparent; border-color: #60a5fa; color: #93c5fd; }
:root[data-bs-theme="dark"] #order-standard_cart .suggested-domains .list-group-item:hover .btn.domain-contact-support { background: rgba(59, 130, 246, .16) !important; color: #bfdbfe !important; }
:root[data-bs-theme="dark"] #order-standard_cart .suggested-domains .list-group-item:hover { background: rgba(255, 255, 255, .04); }

/* ===== STABLE CART 5.29: Domains Configuration (configuredomains.tpl) from a reference layout. Real WHMCS data only (domain, period, hosting, addons, nameservers); the reference's order subtotal is not available on this step, so the bar shows the domain count. ===== */
#order-standard_cart .sc-steps { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 0 0 22px; padding: 0; list-style: none; font-size: 13px; font-weight: 500; color: #94a3b8; }
#order-standard_cart .sc-steps li { display: inline-flex; align-items: center; gap: 8px; padding: 5px 12px 5px 6px; border-radius: 999px; }
#order-standard_cart .sc-steps li + li::before { content: ""; width: 20px; height: 1px; margin-right: 8px; background: var(--sc-line); }
#order-standard_cart .sc-steps li + li { padding-left: 0; }
#order-standard_cart .sc-step-dot { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border: 1px solid #cbd5e1; border-radius: 50%; font-size: 11px; font-weight: 700; }
#order-standard_cart .sc-steps .is-done { color: #15803d; } #order-standard_cart .sc-steps .is-done .sc-step-dot { background: #dcfce7; border-color: #86efac; }
#order-standard_cart .sc-steps .is-current { background: #eef2ff; border: 1px solid #c7d2fe; color: #3730a3; font-weight: 600; } #order-standard_cart .sc-steps .is-current .sc-step-dot { background: #4338ca; border-color: #4338ca; color: #fff; }
#order-standard_cart .sc-steps li.is-current { padding-left: 6px; } #order-standard_cart .sc-steps li.is-current::before { display: none; }
#order-standard_cart .sc-conf-title { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
#order-standard_cart .sc-conf-count { padding: 6px 14px; border: 1px solid var(--sc-line); border-radius: 10px; background: #f8fafc; font-size: 13px; color: #64748b; } #order-standard_cart .sc-conf-count strong { color: var(--sc-ink); }
/* domain card header */
#order-standard_cart .ph-conf-domain { padding: 0 !important; overflow: hidden; }
#order-standard_cart .sc-dom-head { display: flex; align-items: center; gap: 16px; padding: 22px 28px; border-bottom: 1px solid var(--sc-line); background: #fbfcff; flex-wrap: wrap; }
#order-standard_cart .sc-dom-ico { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 12px; background: #eef2ff; color: #4338ca; }
#order-standard_cart .sc-dom-name { flex: 1 1 220px; min-width: 0; }
#order-standard_cart .sc-dom-label, #order-standard_cart .sc-dom-meta dt { display: block; font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #64748b; }
#order-standard_cart .sc-dom-name h3 { margin: 2px 0 0; font-size: 26px; font-weight: 600; letter-spacing: -.02em; line-height: 1.2; color: var(--sc-ink); word-break: break-all; }
#order-standard_cart .sc-dom-meta { display: flex; gap: 28px; margin: 0; }
#order-standard_cart .sc-dom-meta dd { margin: 4px 0 0; font-size: 16px; font-weight: 600; color: var(--sc-ink); }
#order-standard_cart .sc-pill { display: inline-flex; align-items: center; padding: 3px 10px; border: 1px solid; border-radius: 8px; font-size: 13px; font-weight: 600; text-decoration: none; }
#order-standard_cart .sc-pill.is-ok { border-color: #a7f3d0; background: #ecfdf5; color: #047857; } #order-standard_cart .sc-pill.is-bad { border-color: #fecaca; background: #fef2f2; color: #b91c1c; }
#order-standard_cart .ph-conf-domain > .row, #order-standard_cart .ph-conf-domain > .sc-addons-label, #order-standard_cart .ph-conf-domain > .addon-products, #order-standard_cart .ph-conf-domain > .form-group { margin-left: 28px; margin-right: 28px; }
#order-standard_cart .ph-conf-domain > .row:empty { display: none; }
#order-standard_cart .sc-addons-label { margin: 22px 28px 14px; font-size: 13px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #475569; }
#order-standard_cart .ph-conf-domain > .addon-products { margin-bottom: 8px; }
#order-standard_cart .ph-conf-domain { padding-bottom: 20px !important; }
/* nameservers card spacing */
#order-standard_cart .ph-conf-card:not(.ph-conf-domain) { padding: 24px 28px; }
/* action bar */
#order-standard_cart .sc-conf-bar { position: sticky; bottom: 0; z-index: 20; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin: 24px -4px 0; padding: 14px 20px; border: 1px solid var(--sc-line); border-radius: 16px; background: rgba(255, 255, 255, .94); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); box-shadow: 0 -6px 24px -12px rgba(15, 23, 42, .18); }
#order-standard_cart .sc-conf-bar-info { display: flex; flex-direction: column; line-height: 1.3; } #order-standard_cart .sc-conf-bar-info span { font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #64748b; } #order-standard_cart .sc-conf-bar-info strong { font-size: 18px; color: var(--sc-ink); }
#order-standard_cart .sc-conf-bar-actions { display: flex; align-items: center; gap: 12px; }
#order-standard_cart .sc-btn-back { display: inline-flex; align-items: center; min-height: 48px; padding: 0 22px; border: 1px solid var(--sc-line); border-radius: 10px; background: #f8fafc; color: var(--sc-ink); font-weight: 600; text-decoration: none; }
#order-standard_cart .sc-btn-back:hover { border-color: #93c5fd; color: var(--sc-blue); }
:root[data-bs-theme="dark"] #order-standard_cart .sc-dom-head { background: rgba(255, 255, 255, .03); border-color: #334155; }
:root[data-bs-theme="dark"] #order-standard_cart .sc-dom-ico { background: rgba(99, 102, 241, .18); color: #c7d2fe; }
:root[data-bs-theme="dark"] #order-standard_cart .sc-dom-name h3, :root[data-bs-theme="dark"] #order-standard_cart .sc-dom-meta dd, :root[data-bs-theme="dark"] #order-standard_cart .sc-conf-bar-info strong, :root[data-bs-theme="dark"] #order-standard_cart .sc-conf-count strong { color: #f1f5f9; }
:root[data-bs-theme="dark"] #order-standard_cart .sc-conf-bar { background: rgba(15, 23, 42, .92); border-color: #334155; }
:root[data-bs-theme="dark"] #order-standard_cart .sc-btn-back, :root[data-bs-theme="dark"] #order-standard_cart .sc-conf-count { background: rgba(255, 255, 255, .06); border-color: #334155; color: #e2e8f0; }
:root[data-bs-theme="dark"] #order-standard_cart .sc-steps .is-current { background: rgba(99, 102, 241, .18); border-color: rgba(129, 140, 248, .4); color: #c7d2fe; }
:root[data-bs-theme="dark"] #order-standard_cart .sc-pill.is-ok { background: rgba(16, 185, 129, .12); border-color: rgba(16, 185, 129, .4); color: #6ee7b7; }
:root[data-bs-theme="dark"] #order-standard_cart .sc-pill.is-bad { background: rgba(239, 68, 68, .12); border-color: rgba(239, 68, 68, .4); color: #fca5a5; }
:root[data-bs-theme="dark"] #order-standard_cart .sc-addons-label { color: #94a3b8; }
@media (max-width: 767.98px) { #order-standard_cart .sc-dom-head { padding: 18px; } #order-standard_cart .sc-dom-meta { width: 100%; gap: 24px; } #order-standard_cart .sc-dom-name h3 { font-size: 22px; } #order-standard_cart .ph-conf-domain > .row, #order-standard_cart .ph-conf-domain > .addon-products { margin-left: 16px; margin-right: 16px; } #order-standard_cart .sc-addons-label { margin-left: 16px; margin-right: 16px; } #order-standard_cart .sc-conf-bar-actions { width: 100%; } #order-standard_cart .sc-conf-bar-actions .btn { flex: 1; justify-content: center; } }

/* Stable UI System 9.0 — order-flow aliases and responsive safeguards. */
#order-standard_cart {
  --order-ink: var(--ui-text, #172033);
  --order-muted: var(--ui-text-muted, #64748b);
  --order-line: var(--ui-border, #e2e8f0);
  --order-surface: var(--ui-surface, #fff);
  --order-accent: var(--ui-primary, #2563eb);
  color: var(--ui-text-secondary, #475569);
}
#order-standard_cart :is(.card, .panel, .order-summary, .view-cart-items, .view-cart-tabs, .tt-domain-list-wrap) {
  border-color: var(--order-line);
  border-radius: var(--ui-radius-card, 12px);
  background: var(--order-surface);
  box-shadow: var(--ui-shadow-card, 0 1px 2px rgba(15,23,42,.04));
}
#order-standard_cart :is(.form-control, .custom-select, select.form-control) {
  min-height: var(--ui-control-height, 46px);
  border-color: var(--ui-border-strong, #cbd5e1);
  border-radius: var(--ui-radius-control, 8px);
}
#order-standard_cart .btn { min-height: 44px; border-radius: var(--ui-radius-control, 8px) !important; }
#order-standard_cart .btn-sm, #order-standard_cart .btn-xs { min-height: 40px; }
#order-standard_cart .btn-lg { min-height: 50px; }
#order-standard_cart .btn-remove-from-cart { color: var(--ui-danger, #dc2626); border-radius: var(--ui-radius-control, 8px) !important; }
#order-standard_cart .btn-remove-from-cart:hover { background: var(--ui-danger-soft, #fef2f2); color: var(--ui-danger-hover, #b91c1c); }
#order-standard_cart .view-cart-items-header, #order-standard_cart .tld-pricing-header { color: var(--order-muted); }
#order-standard_cart :is(.domain-pricing, .view-cart-items, .summary-container, .table-responsive) { max-width: 100%; }
#order-standard_cart .domain-pricing { overflow-x: auto; -webkit-overflow-scrolling: touch; }
#order-standard_cart .domain-pricing > .tld-row,
#order-standard_cart .domain-pricing > .tld-pricing-header { min-width: 620px; }
@media (max-width: 767.98px) {
  #order-standard_cart .cart-body { min-width: 0; }
  #order-standard_cart :is(.card-body, .panel-body, .summary-container) { padding-inline: 16px; }
}

/* STABLE CART 5.30: Choose a domain: result messages. The stock .headline (22px bold red, centred) turned error sentences into a billboard; messages are now a compact notice (icon, 15px text, left aligned, tinted), the success line keeps its size. */
#order-standard_cart #searchDomainInfo .domain-checker-unavailable, #order-standard_cart #searchDomainInfo .domain-checker-invalid, #order-standard_cart .domain-lookup-primary-results .domain-checker-unavailable.headline { position: relative; margin: 0 0 14px; padding: 14px 16px 14px 52px; border: 1px solid #fecaca; border-radius: 12px; background: #fef2f2; color: #991b1b; font-size: 15px; font-weight: 500; line-height: 1.55; text-align: left; letter-spacing: 0; }
#order-standard_cart #searchDomainInfo .domain-checker-unavailable::before, #order-standard_cart #searchDomainInfo .domain-checker-invalid::before { content: ""; position: absolute; left: 16px; top: 14px; width: 24px; height: 24px; background: #dc2626; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v6M12 16.5h.01'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v6M12 16.5h.01'/%3E%3C/svg%3E") center / contain no-repeat; }
#order-standard_cart #searchDomainInfo .domain-checker-unavailable:empty, #order-standard_cart #searchDomainInfo .domain-checker-invalid:empty { display: none; }
#order-standard_cart #searchDomainInfo .domain-checker-available.headline, #order-standard_cart #searchDomainInfo .domain-checker-available { font-size: 18px; font-weight: 600; text-align: left; }
#order-standard_cart #searchDomainInfo .domain-price { text-align: left; }
#order-standard_cart #btnDomainContinue[disabled], #order-standard_cart #btnDomainContinue.disabled { opacity: .55; cursor: not-allowed; }
:root[data-bs-theme="dark"] #order-standard_cart #searchDomainInfo .domain-checker-unavailable, :root[data-bs-theme="dark"] #order-standard_cart #searchDomainInfo .domain-checker-invalid { background: rgba(239, 68, 68, .1); border-color: rgba(239, 68, 68, .35); color: #fecaca; }
:root[data-bs-theme="dark"] #order-standard_cart #searchDomainInfo .domain-checker-unavailable::before, :root[data-bs-theme="dark"] #order-standard_cart #searchDomainInfo .domain-checker-invalid::before { background: #f87171; }

/* STABLE CART 5.31: exact-match result card, centred like the reference: round check, domain + "is available.", price line, Continue underneath */
#order-standard_cart #searchDomainInfo { padding: 28px 24px; text-align: center; border: 1px solid var(--sc-line); border-radius: 16px; background: #fff; box-shadow: 0 1px 3px rgba(15, 23, 42, .04); }
#order-standard_cart #searchDomainInfo .domain-lookup-primary-results { display: flex; flex-direction: column; align-items: center; gap: 6px; }
#order-standard_cart #searchDomainInfo .domain-checker-available.headline, #order-standard_cart #searchDomainInfo .domain-checker-available { display: inline-flex; align-items: center; justify-content: center; gap: 14px; flex-wrap: wrap; margin: 0; font-size: 22px; font-weight: 600; text-align: center; color: #15803d; }
#order-standard_cart #searchDomainInfo .domain-checker-available.headline::before { content: ""; flex: none; width: 48px; height: 48px; margin: 0; border-radius: 50%; background: #dcfce7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316a34a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 24px no-repeat; font-size: 0; }
#order-standard_cart #searchDomainInfo .domain-price { margin: 4px 0 0; text-align: center; font-size: 16px; color: #475569; }
#order-standard_cart #searchDomainInfo .domain-price .price { font-size: 20px; font-weight: 700; color: var(--sc-ink); }
#order-standard_cart #searchDomainInfo .domain-checker-unavailable, #order-standard_cart #searchDomainInfo .domain-checker-invalid { width: 100%; max-width: 720px; text-align: left; }
#order-standard_cart .ph-domain-continue { margin-top: 18px; text-align: center; }
:root[data-bs-theme="dark"] #order-standard_cart #searchDomainInfo { background: rgba(255, 255, 255, .04); border-color: #334155; }
:root[data-bs-theme="dark"] #order-standard_cart #searchDomainInfo .domain-checker-available { color: #86efac; }
:root[data-bs-theme="dark"] #order-standard_cart #searchDomainInfo .domain-price { color: #cbd5e1; }
:root[data-bs-theme="dark"] #order-standard_cart #searchDomainInfo .domain-price .price { color: #f1f5f9; }

/* STABLE CART 5.32: spotlight TLD cards on "Choose a domain": same structure in every state (logo plate, price row, button row) so cards line up even when one is unavailable or still loading; logo plates like the Register Domain page; result card without dead space. */
#order-standard_cart .spotlight-tlds-container { align-items: stretch; }
#order-standard_cart .spotlight-tld { justify-content: flex-start; gap: 10px; min-height: 0; padding: 18px 14px 16px; }
#order-standard_cart .spotlight-tld .domain-lookup-result { flex: 1; justify-content: flex-start; gap: 10px; min-height: 92px; }
#order-standard_cart .spotlight-tld .domain-lookup-result > .btn.unavailable:not(.w-hidden), #order-standard_cart .spotlight-tld .domain-lookup-result > .btn.invalid:not(.w-hidden) { margin-top: 38px; }
#order-standard_cart .spotlight-tld .sc-spot-logo { display: flex; align-items: center; justify-content: center; width: 132px; height: 48px; margin: 0 auto; padding: 6px 12px; border: 1px solid var(--sc-line); border-radius: 10px; background: #fff; overflow: hidden; }
#order-standard_cart .spotlight-tld .sc-spot-logo img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; }
#order-standard_cart .spotlight-tld .sc-spot-logo.sc-tld-crop img { max-width: none; max-height: none; width: 88px; clip-path: inset(0 3% 29% 0); margin-bottom: -12px; }
#order-standard_cart .spotlight-tld .sc-spot-logo.sc-tld-crop img[src$="/net.png"] { width: 58px; margin-bottom: -8px; clip-path: inset(0 0 30% 0); }
#order-standard_cart .spotlight-tld .sc-spot-text strong { font-size: 20px; font-weight: 800; line-height: 1; color: #25265e; }
#order-standard_cart #searchDomainInfo { padding: 22px 24px; }
#order-standard_cart #searchDomainInfo .domain-lookup-primary-results > *:empty, #order-standard_cart #searchDomainInfo .domain-price:has(.price:empty) { display: none; }

/* ===== STABLE CART 5.33: "Most Popular" TLD cards + "Suggested Domains" list, from a reference layout ===== */
#order-standard_cart .sc-sec-title, #order-standard_cart .suggested-domains > .panel-heading { margin: 8px 0 14px; padding: 0; border: 0; background: transparent; font-size: 26px; font-weight: 500; letter-spacing: -.01em; line-height: 1.2; text-transform: none; color: var(--sc-ink); }
#order-standard_cart .spotlight-tlds { margin-bottom: 36px; }
#order-standard_cart .spotlight-tlds-container { grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 16px; }
#order-standard_cart .spotlight-tld { padding: 22px 16px 16px; border-radius: 14px; }
#order-standard_cart .spotlight-tld .sc-spot-logo { width: 100%; max-width: 150px; height: 56px; border: 0; padding: 0; background: transparent; }
#order-standard_cart .spotlight-tld .sc-spot-text strong { font-size: 34px; letter-spacing: -.02em; }
#order-standard_cart .spotlight-tld span.available.price { display: block; width: 100%; padding: 10px 14px; border: 1px solid var(--sc-line); border-radius: 8px; background: #fff; font-size: 14px; font-weight: 500; color: var(--sc-ink); text-align: left; }
#order-standard_cart .spotlight-tld .btn:not(.domain-contact-support) { width: 100%; min-height: 46px; border: 0; border-radius: 8px !important; background: #dbe7ff; color: #1e3a8a; font-size: 14px; font-weight: 600; }
#order-standard_cart .spotlight-tld .btn.btn-add-to-cart:hover, #order-standard_cart .spotlight-tld .btn.btn-add-to-cart:focus-visible { background: var(--sc-blue); color: #fff; }
#order-standard_cart .spotlight-tld .btn.unavailable, #order-standard_cart .spotlight-tld .btn.invalid { background: #f1f5f9; color: #64748b; }
/* suggested domains: title + note on the page, list in one bordered card */
#order-standard_cart .suggested-domains { display: flex; flex-direction: column; margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; overflow: visible; }
#order-standard_cart .suggested-domains > .panel-heading { order: 0; margin-top: 4px; }
#order-standard_cart .suggested-domains > .domain-suggestions-warning { order: 1; margin: 0 0 18px; padding: 0; text-align: left !important; font-size: 14px; color: #475569; }
#order-standard_cart .suggested-domains > .domain-suggestions-warning p { margin: 0; }
#order-standard_cart .suggested-domains > #domainSuggestions, #order-standard_cart .suggested-domains > .domain-lookup-loader, #order-standard_cart .suggested-domains > .domain-lookup-message { order: 2; }
#order-standard_cart .suggested-domains > .more-suggestions { order: 3; }
#order-standard_cart .suggested-domains > #domainSuggestions { border: 1px solid var(--sc-line); border-radius: 14px; background: #fff; overflow: hidden; }
#order-standard_cart .domain-suggestion { display: flex; align-items: center; gap: 16px; min-height: 76px; padding: 14px 22px; border: 0; border-bottom: 1px solid var(--sc-line); background: #fff; }
#order-standard_cart .domain-suggestion:last-child { border-bottom: 0; }
#order-standard_cart .domain-suggestion .domain { font-size: 22px; font-weight: 400; color: #64748b; }
#order-standard_cart .domain-suggestion .extension { font-size: 22px; font-weight: 700; color: var(--sc-ink); }
#order-standard_cart .domain-suggestion .actions { margin-left: auto; display: flex; align-items: center; gap: 14px; }
#order-standard_cart .domain-suggestion .actions .price { min-width: 190px; padding: 11px 16px; border: 1px solid var(--sc-line); border-radius: 8px; background: #fff; font-size: 14px; font-weight: 500; color: var(--sc-ink); }
#order-standard_cart .domain-suggestion .actions .btn-add-to-cart { min-height: 46px; min-width: 170px; border: 0; border-radius: 8px !important; background: #dbe7ff; color: #1e3a8a; font-weight: 600; }
#order-standard_cart .domain-suggestion .actions .btn-add-to-cart:hover { background: var(--sc-blue); color: #fff; }
#order-standard_cart .suggested-domains .domain-suggestion:hover { background: #f8fbff; }
:root[data-bs-theme="dark"] #order-standard_cart .sc-sec-title, :root[data-bs-theme="dark"] #order-standard_cart .suggested-domains > .panel-heading { color: #f1f5f9; background: transparent; }
:root[data-bs-theme="dark"] #order-standard_cart .spotlight-tld span.available.price, :root[data-bs-theme="dark"] #order-standard_cart .domain-suggestion .actions .price { background: rgba(255, 255, 255, .04); border-color: #334155; color: #e2e8f0; }
:root[data-bs-theme="dark"] #order-standard_cart .spotlight-tld .btn:not(.domain-contact-support), :root[data-bs-theme="dark"] #order-standard_cart .domain-suggestion .actions .btn-add-to-cart { background: rgba(59, 130, 246, .22); color: #bfdbfe; }
:root[data-bs-theme="dark"] #order-standard_cart .suggested-domains > #domainSuggestions, :root[data-bs-theme="dark"] #order-standard_cart .domain-suggestion { background: rgba(255, 255, 255, .03); border-color: #334155; }
:root[data-bs-theme="dark"] #order-standard_cart .domain-suggestion .domain { color: #94a3b8; } :root[data-bs-theme="dark"] #order-standard_cart .domain-suggestion .extension { color: #f1f5f9; }
:root[data-bs-theme="dark"] #order-standard_cart .suggested-domains > .domain-suggestions-warning { color: #94a3b8; }
@media (max-width: 767.98px) { #order-standard_cart .domain-suggestion { flex-wrap: wrap; } #order-standard_cart .domain-suggestion .actions { width: 100%; margin-left: 0; flex-wrap: wrap; } #order-standard_cart .domain-suggestion .actions .price { flex: 1; min-width: 0; } #order-standard_cart .domain-suggestion .domain, #order-standard_cart .domain-suggestion .extension { font-size: 18px; } }
#order-standard_cart .domain-suggestion .domain { flex: 0 1 auto; min-width: 0; margin-right: -16px; overflow-wrap: anywhere; }
#order-standard_cart .domain-suggestion .extension { flex: none; }
#order-standard_cart .domain-suggestion .promo { flex: none; }
#order-standard_cart .domain-suggestion .actions { flex: none; }
#order-standard_cart .domain-suggestion .actions .price { order: -1; min-width: 150px; text-align: left; }
#order-standard_cart .domain-suggestion .actions .domain-contact-support { order: 1; min-height: 46px; border-radius: 8px !important; }
#order-standard_cart .domain-suggestion .actions .btn-add-to-cart { order: 2; min-width: 140px; }
@media (min-width: 768px) and (max-width: 1199.98px) { #order-standard_cart .domain-suggestion .domain, #order-standard_cart .domain-suggestion .extension { font-size: 18px; } #order-standard_cart .domain-suggestion .actions { gap: 10px; } #order-standard_cart .domain-suggestion .actions .price { min-width: 120px; } }
#order-standard_cart .domain-suggestion .actions { flex-direction: row !important; float: none !important; }
#order-standard_cart .domain-suggestion .actions .price { float: none !important; }
#order-standard_cart .suggested-domains > .panel-heading.card-header, #order-standard_cart .suggested-domains > .panel-heading { font-size: 26px !important; font-weight: 500 !important; letter-spacing: -.01em !important; padding: 0 !important; background: transparent !important; border: 0 !important; color: var(--sc-ink); }

/* STABLE CART 5.34: error result = one box (the message), not a card around a box */
#order-standard_cart #searchDomainInfo.is-error { padding: 0; border: 0; background: transparent; box-shadow: none; }
#order-standard_cart #searchDomainInfo.is-error .domain-lookup-primary-results { align-items: stretch; }
#order-standard_cart #searchDomainInfo.is-error .domain-checker-unavailable, #order-standard_cart #searchDomainInfo.is-error .domain-checker-invalid { max-width: none; margin: 0; }
#order-standard_cart #searchDomainInfo.is-error p:not(.domain-checker-unavailable):not(.domain-checker-invalid) { margin: 6px 2px 0; font-size: 14px; color: #475569; text-align: left; }
#order-standard_cart #searchDomainInfo.is-error .domain-checker-unavailable { color: #991b1b; }
:root[data-bs-theme="dark"] #order-standard_cart #searchDomainInfo.is-error .domain-checker-unavailable { color: #fecaca; }
:root[data-bs-theme="dark"] #order-standard_cart #searchDomainInfo.is-error { background: transparent; border: 0; }

/* ===== STABLE CART 5.35: Transfer a domain (domaintransfer.tpl) ===== */
#frmDomainTransfer .panel { border: 1px solid var(--sc-line); border-radius: 16px; background: #fff !important; box-shadow: 0 1px 3px rgba(15, 23, 42, .04); overflow: hidden; }
#frmDomainTransfer .panel-heading { padding: 22px 28px 18px; border: 0; border-bottom: 1px solid var(--sc-line); background: #fbfcff; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
#frmDomainTransfer .panel-title { display: flex; align-items: center; gap: 14px; margin: 0 !important; font-size: 20px !important; font-weight: 600; letter-spacing: -.01em; color: var(--sc-ink); }
.sc-xfer-ico { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 12px; background: #eef2ff; color: #4338ca; }
.sc-xfer-steps { display: flex; gap: 8px 18px; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; font-size: 13px; font-weight: 500; color: #64748b; }
.sc-xfer-steps li { display: inline-flex; align-items: center; gap: 8px; }
.sc-xfer-steps span { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border: 1px solid #cbd5e1; border-radius: 50%; font-size: 11px; font-weight: 700; color: #475569; }
#frmDomainTransfer .sc-xfer-body { padding: 26px 28px 8px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 24px; }
#frmDomainTransfer .sc-xfer-body > .form-group { margin-bottom: 20px; }
#frmDomainTransfer .sc-xfer-body > #transferUnavailable, #frmDomainTransfer .sc-xfer-body > .captcha-container, #frmDomainTransfer .sc-xfer-body > .text-center { grid-column: 1 / -1; }
#frmDomainTransfer label { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; font-size: 14px; font-weight: 600; color: var(--sc-ink); }
#frmDomainTransfer .form-control { min-height: 52px; border-radius: 12px; font-size: 16px; }
#frmDomainTransfer label .fa-question-circle, #frmDomainTransfer label a { color: var(--sc-blue); font-weight: 600; font-size: 13px; }
#frmDomainTransfer .captcha-container { margin: 0 0 20px; }
#frmDomainTransfer .default-captcha { display: grid; grid-template-columns: 1fr; gap: 10px; max-width: none; margin: 0; padding: 16px 18px; border: 1px solid var(--sc-line); border-radius: 12px; background: #f8fafc; text-align: left; }
#frmDomainTransfer .default-captcha p { margin: 0; font-size: 14px; color: #475569; }
#frmDomainTransfer .default-captcha > div { display: flex; align-items: center; gap: 12px; }
#frmDomainTransfer .default-captcha img { height: 48px; width: auto; border-radius: 8px; }
#frmDomainTransfer .default-captcha #inputCaptcha { width: 180px; max-width: 100%; height: 48px; letter-spacing: .18em; text-transform: uppercase; font-weight: 600; }
#frmDomainTransfer .panel-footer { display: flex; align-items: center; justify-content: flex-end; padding: 18px 28px 24px; border: 0; background: transparent; }
#frmDomainTransfer .btn-transfer { min-height: 50px; min-width: 200px; padding: 0 28px; border-radius: 10px; font-size: 15px; font-weight: 600; }
.cart-body > .text-muted.small { margin-top: 14px; font-size: 13px; color: #64748b !important; }
:root[data-bs-theme="dark"] #frmDomainTransfer .panel { background: rgba(255, 255, 255, .04) !important; border-color: #334155; box-shadow: none; }
:root[data-bs-theme="dark"] #frmDomainTransfer .panel-heading { background: rgba(255, 255, 255, .03); border-color: #334155; }
:root[data-bs-theme="dark"] #frmDomainTransfer .panel-title, :root[data-bs-theme="dark"] #frmDomainTransfer label { color: #f1f5f9; }
:root[data-bs-theme="dark"] .sc-xfer-ico { background: rgba(99, 102, 241, .18); color: #c7d2fe; }
:root[data-bs-theme="dark"] .sc-xfer-steps { color: #94a3b8; } :root[data-bs-theme="dark"] .sc-xfer-steps span { border-color: #475569; color: #cbd5e1; }
:root[data-bs-theme="dark"] #frmDomainTransfer .default-captcha { background: rgba(255, 255, 255, .04); border-color: #334155; } :root[data-bs-theme="dark"] #frmDomainTransfer .default-captcha p { color: #cbd5e1; }
@media (max-width: 767.98px) { #frmDomainTransfer .sc-xfer-body { grid-template-columns: minmax(0, 1fr); padding: 20px 18px 4px; } #frmDomainTransfer .panel-heading { padding: 18px; } #frmDomainTransfer .panel-footer { padding: 14px 18px 20px; } #frmDomainTransfer .btn-transfer { width: 100%; } #frmDomainTransfer .default-captcha > div { flex-wrap: wrap; } }

/* STABLE CART 5.36: items list is not a second box inside the cart card (flat, no shadow/radius/background) */
#order-standard_cart form.tt-view-cart .view-cart-items { background: transparent !important; box-shadow: none !important; border-radius: 0 !important; border: 0 !important; }
#order-standard_cart form.tt-view-cart .view-cart-items .item:last-child { padding-bottom: 12px; }

/* STABLE CART 5.37: strip arrows centred on the cards (not on cards + dots), sit just outside the card edges, hidden unless there is more to scroll to */
.sc-strip-btn { top: calc(var(--sc-strip-h, 100%) / 2); transform: translateY(-50%); width: 40px; height: 40px; }
.sc-strip-btn.is-prev { left: -20px; } .sc-strip-btn.is-next { right: -20px; }
.sc-strip-btn[disabled] { visibility: hidden; }
.sc-strip:not(.has-overflow) .sc-strip-btn, .sc-strip:not(.has-overflow) .sc-dots { display: none !important; }
@media (max-width: 1279px) { .sc-strip-btn.is-prev { left: -8px; } .sc-strip-btn.is-next { right: -8px; } }

/* STABLE CART 5.38: sidebar typography + minimal borders (all cart pages): one hairline around each panel, no row dividers, 15px/500 rows, quiet 12px caps heading */
#order-standard_cart#order-standard_cart .cart-sidebar .card-sidebar, #order-standard_cart#order-standard_cart .cart-sidebar .panel { border: 1px solid var(--sc-line); border-radius: 14px; box-shadow: none; background: var(--sc-card, #fff); overflow: hidden; }
#order-standard_cart#order-standard_cart .cart-sidebar .card-header { padding: 16px 18px 8px; border: 0; background: transparent; }
#order-standard_cart#order-standard_cart .cart-sidebar .panel-title, #order-standard_cart#order-standard_cart .cart-sidebar .card-title { font-family: inherit; font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--sc-muted); }
#order-standard_cart#order-standard_cart .cart-sidebar .panel-title i, #order-standard_cart#order-standard_cart .cart-sidebar .card-title i { color: var(--sc-muted); font-size: 14px; }
#order-standard_cart#order-standard_cart .cart-sidebar .list-group { padding: 0 8px 10px; }
#order-standard_cart#order-standard_cart .cart-sidebar .list-group-item, #order-standard_cart#order-standard_cart .cart-sidebar a.list-group-item { display: flex; align-items: center; gap: 10px; min-height: 42px; margin: 2px 0; padding: 9px 12px; border: 0 !important; border-radius: 10px; background: transparent; font-family: inherit; font-size: 15px; font-weight: 500; line-height: 1.35; letter-spacing: 0; color: var(--sc-ink, #1f2547); }
#order-standard_cart#order-standard_cart .cart-sidebar a.list-group-item:hover { background: var(--sc-tint, #f3f5fb); color: var(--sc-ink, #1f2547); }
#order-standard_cart#order-standard_cart .cart-sidebar .list-group-item.active, #order-standard_cart#order-standard_cart .cart-sidebar .list-group-item.active:hover { border: 0 !important; background: #eef2ff !important; color: var(--sc-blue, #2563eb) !important; font-weight: 600; }
#order-standard_cart#order-standard_cart .cart-sidebar .list-group-item i { width: 18px; flex: none; font-size: 15px; text-align: center; color: var(--sc-muted); }
#order-standard_cart#order-standard_cart .cart-sidebar .list-group-item.active i { color: inherit; }
#order-standard_cart#order-standard_cart .cart-sidebar .card-body { padding: 4px 18px 18px; }
:root[data-bs-theme="dark"] #order-standard_cart#order-standard_cart .cart-sidebar .card-sidebar, :root[data-bs-theme="dark"] #order-standard_cart#order-standard_cart .cart-sidebar .panel { border-color: #243049; background: #111827; }
:root[data-bs-theme="dark"] #order-standard_cart#order-standard_cart .cart-sidebar .list-group-item { color: #e2e8f0; background: transparent; }
:root[data-bs-theme="dark"] #order-standard_cart#order-standard_cart .cart-sidebar a.list-group-item:hover { background: #1e293b; color: #fff; }
:root[data-bs-theme="dark"] #order-standard_cart#order-standard_cart .cart-sidebar .list-group-item.active, :root[data-bs-theme="dark"] #order-standard_cart#order-standard_cart .cart-sidebar .list-group-item.active:hover { background: rgba(59, 130, 246, .18) !important; color: #93c5fd !important; }

/* STABLE CART 5.39: checkout social sign-up sits as a quick-start row above the form: note, two equal buttons side by side, then an "or" divider */
#order-standard_cart .sc-social-note { margin: 0 0 14px; font-size: 14px; color: var(--sc-muted); text-align: left; }
#order-standard_cart .sc-social-block .social-signin-btns { flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 12px; margin: 0; }
#order-standard_cart .sc-social-block .social-signin-btns > * { flex: 1 1 240px; width: auto; min-width: 0; }
#order-standard_cart .sc-social-block .social-signin-btns > div { align-items: center; justify-content: center; min-height: 48px; padding: 0; border: 1px solid var(--sc-line); border-radius: 10px; background: #fff; }
#order-standard_cart .sc-social-block .providerLinkingFeedback:empty { display: none; }
#order-standard_cart .sc-social-or { display: flex; align-items: center; gap: 14px; margin: 22px 0 6px; font-size: 13px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--sc-muted); }
#order-standard_cart .sc-social-or::before, #order-standard_cart .sc-social-or::after { content: ""; flex: 1; height: 1px; background: var(--sc-line); }
:root[data-bs-theme="dark"] #order-standard_cart .sc-social-block .social-signin-btns > div { background: #111827; border-color: #243049; }
/* existing-customer panel: Login button spacing before the "or" divider */
#order-standard_cart #containerExistingUserSignin .sc-social-or { margin-top: 24px; }
#order-standard_cart #containerExistingUserSignin .sc-social-block { margin-bottom: 8px; }

/* STABLE CART 5.40: order progress steps: every step is the same pill (transparent border unless current), connectors between ALL steps (the one before the current step was hidden), connector turns blue once the step before it is done */
#order-standard_cart .sc-steps { gap: 0; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; font-size: 14px; }
#order-standard_cart .sc-steps::-webkit-scrollbar { display: none; }
#order-standard_cart .sc-steps li, #order-standard_cart .sc-steps li + li, #order-standard_cart .sc-steps li.is-current { flex: none; gap: 8px; padding: 6px 14px 6px 8px; border: 1px solid transparent; white-space: nowrap; }
#order-standard_cart .sc-steps li + li::before, #order-standard_cart .sc-steps li.is-current::before { content: ""; display: block; flex: none; width: 36px; height: 2px; margin: 0 8px 0 -6px; border-radius: 2px; background: var(--sc-line); position: absolute; }
#order-standard_cart .sc-steps li { position: relative; }
#order-standard_cart .sc-steps li + li { margin-left: 44px; }
#order-standard_cart .sc-steps li + li::before { left: -44px; margin: 0; top: 50%; transform: translateY(-50%); }
#order-standard_cart .sc-steps li.is-done + li::before { background: #86efac; }
#order-standard_cart .sc-steps li.is-current { background: #eef2ff; border-color: #c7d2fe; }
#order-standard_cart .sc-step-dot { width: 22px; height: 22px; }