/*
 * YOORshop Control / Cartx — order flow visual refresh V33
 * Scope: products, configureproductdomain, configureproduct, viewcart/checkout only.
 * No WHMCS, gateway, pricing, cart or form logic is changed.
 */

:root {
    --ys33-navy: #061b35;
    --ys33-blue: #0b579f;
    --ys33-blue-2: #1479c9;
    --ys33-sky: #eaf4fc;
    --ys33-yellow: #ffc400;
    --ys33-yellow-hover: #ffd536;
    --ys33-text: #20364d;
    --ys33-muted: #65778a;
    --ys33-line: #d9e4ee;
    --ys33-bg: #f3f6fa;
    --ys33-card: #ffffff;
    --ys33-shadow: 0 10px 28px rgba(6, 27, 53, .08);
    --ys33-radius: 14px;
}

/* Shared page frame — only the four ordering stages. */
body.products #main-content,
body.configureproductdomain #main-content,
body.configureproduct #main-content,
body.viewcart #main-content,
body.checkout #main-content {
    padding-top: 14px !important;
    background: var(--ys33-bg) !important;
}
body.products #internal-content,
body.configureproductdomain #internal-content,
body.configureproduct #internal-content,
body.viewcart #internal-content,
body.checkout #internal-content {
    min-width: 0 !important;
}
body.products #order-standard_cart,
body.configureproductdomain #order-standard_cart,
body.configureproduct #order-standard_cart,
body.viewcart #order-standard_cart,
body.checkout #order-standard_cart,
body.configureproduct #order-cartx,
body.viewcart #order-cartx,
body.checkout #order-cartx {
    color: var(--ys33-text) !important;
}

/* Reusable controls. */
body.products .wgs_custom-btn,
body.configureproductdomain .wgs_custom-btn,
body.configureproduct #btnCompleteProductConfig,
body.viewcart #btnCompleteOrder,
body.checkout #btnCompleteOrder,
body.viewcart #continueShopping,
body.checkout #continueShopping {
    min-height: 44px !important;
    border: 1px solid #e2ad00 !important;
    border-radius: 9px !important;
    background: var(--ys33-yellow) !important;
    color: #092746 !important;
    box-shadow: none !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    transition: background-color .16s ease, transform .16s ease, box-shadow .16s ease !important;
}
body.products .wgs_custom-btn:hover,
body.configureproductdomain .wgs_custom-btn:hover,
body.configureproduct #btnCompleteProductConfig:hover,
body.viewcart #btnCompleteOrder:hover,
body.checkout #btnCompleteOrder:hover,
body.viewcart #continueShopping:hover,
body.checkout #continueShopping:hover {
    background: var(--ys33-yellow-hover) !important;
    color: #092746 !important;
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(255, 196, 0, .22) !important;
}

/* --------------------------------------------------------------------------
   1. Product catalogue / plan selection
   -------------------------------------------------------------------------- */
body.products #order-standard_cart.productlist {
    width: 100% !important;
    max-width: 1420px !important;
    margin: 0 auto !important;
    padding: 0 24px 34px !important;
}
body.products .order-cart {
    display: flex !important;
    align-items: center !important;
    min-height: 58px !important;
    margin: 0 0 12px !important;
    padding: 12px 18px !important;
    border: 1px solid var(--ys33-line) !important;
    border-radius: var(--ys33-radius) !important;
    background: var(--ys33-card) !important;
    box-shadow: var(--ys33-shadow) !important;
}
body.products .order-cart .pull-left { float: none !important; }
body.products .order-cart .order {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 !important;
    color: var(--ys33-text) !important;
    font-size: 21px !important;
    font-weight: 850 !important;
    text-transform: none !important;
}
body.products .order-cart .order span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    margin: 0 !important;
    border-radius: 10px !important;
    background: var(--ys33-sky) !important;
}
body.products .order-cart .order img {
    width: 24px !important;
    height: 24px !important;
    object-fit: contain !important;
}
body.products .host-nav {
    display: block !important;
    width: 100% !important;
    margin: 0 0 20px !important;
    padding: 14px !important;
    border: 1px solid var(--ys33-line) !important;
    border-radius: var(--ys33-radius) !important;
    background: #eef4f8 !important;
    box-shadow: 0 7px 20px rgba(6,27,53,.05) !important;
}
body.products .host-nav > ul {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
}
body.products .host-nav li {
    float: none !important;
    margin: 0 !important;
}
body.products .host-nav .drop-nav {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 40px !important;
    padding: 9px 13px !important;
    border: 1px solid transparent !important;
    border-radius: 9px !important;
    background: var(--ys33-blue) !important;
    color: #fff !important;
    font-size: 13px !important;
    line-height: 1.15 !important;
    text-transform: none !important;
}
body.products .host-nav li.active > .drop-nav,
body.products .host-nav .drop-nav:hover,
body.products .host-nav .drop-nav:focus {
    border-color: var(--ys33-yellow) !important;
    background: var(--ys33-navy) !important;
    color: #fff !important;
}
body.products .host-nav .drop-nav.domain { background: #355b73 !important; }
body.products .choose-pack {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}
body.products .pack-hed h2 {
    margin: 0 0 14px !important;
    color: var(--ys33-text) !important;
    font-size: 27px !important;
    line-height: 1.2 !important;
    font-weight: 850 !important;
    text-transform: none !important;
}
body.products .pak-row,
body.products .pak-row .tab_container,
body.products .pak-row .tab_content {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}
body.products .domains-post .slick-track {
    display: flex !important;
    align-items: stretch !important;
}
body.products .domains-post .slick-slide {
    height: auto !important;
    padding: 8px 6px 18px !important;
}
body.products .domains-post .slick-slide > div,
body.products .domains-post .slide,
body.products .generic_content {
    height: 100% !important;
}
body.products .generic_content {
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    padding: 0 0 18px !important;
    border: 1px solid var(--ys33-line) !important;
    border-radius: 13px !important;
    background: var(--ys33-card) !important;
    box-shadow: var(--ys33-shadow) !important;
}
body.products .generic_head_price { flex: 0 0 auto !important; }
body.products .generic_content .head,
body.products .generic_content .head.basic,
body.products .generic_content .head.dard,
body.products .generic_content .head.ultim {
    min-height: 54px !important;
    padding: 13px 10px !important;
    background: linear-gradient(135deg, var(--ys33-blue), var(--ys33-blue-2)) !important;
    color: #fff !important;
    font-size: 22px !important;
    line-height: 1.25 !important;
    font-weight: 750 !important;
}
body.products .generic_content .price {
    padding: 13px 8px 5px !important;
    color: var(--ys33-text) !important;
    font-size: 31px !important;
    line-height: 1.05 !important;
}
body.products .generic_content .carx-product-price-duration {
    margin-top: 5px !important;
    color: var(--ys33-muted) !important;
    font-size: 14px !important;
    font-weight: 650 !important;
}
body.products .generic_feature_list {
    flex: 1 1 auto !important;
    padding: 8px 13px 0 !important;
}
body.products .generic_feature_list ul { margin: 0 !important; padding: 0 !important; }
body.products .generic_feature_list li {
    margin: 0 !important;
    padding: 8px 4px !important;
    border-top: 0 !important;
    border-bottom: 1px solid #edf1f5 !important;
    color: var(--ys33-muted) !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
}
body.products .generic_price_btn {
    flex: 0 0 auto !important;
    margin: 14px 0 0 !important;
}
body.products .generic_price_btn a {
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 112px !important;
    padding: 10px 18px !important;
}
body.products .slick-dots { margin-top: 8px !important; }
body.products .slick-dots li button:before { color: #8796a6 !important; opacity: .55 !important; }
body.products .slick-dots li.slick-active button:before { color: var(--ys33-blue) !important; opacity: 1 !important; }

/* --------------------------------------------------------------------------
   2. Domain choice for a product
   -------------------------------------------------------------------------- */
body.configureproductdomain .cart-head-bar {
    width: calc(100% - 48px) !important;
    margin: 0 24px 14px !important;
    padding: 13px 18px !important;
    border: 1px solid var(--ys33-line) !important;
    border-radius: var(--ys33-radius) !important;
    background: var(--ys33-card) !important;
    box-shadow: var(--ys33-shadow) !important;
}
body.configureproductdomain .cart-head-bar h1 {
    margin: 0 !important;
    color: var(--ys33-text) !important;
    font-size: 24px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
}
body.configureproductdomain .cart-head-bar h1 i { color: var(--ys33-blue) !important; }
body.configureproductdomain #order-standard_cart {
    width: 100% !important;
    padding: 0 24px 34px !important;
}
body.configureproductdomain .sm-gutter.config-domain-flex {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(205px, 1fr)) !important;
    gap: 14px !important;
    width: 100% !important;
    margin: 0 0 16px !important;
    padding: 14px !important;
    border: 1px solid var(--ys33-line) !important;
    border-radius: var(--ys33-radius) !important;
    background: #eef4f8 !important;
}
body.configureproductdomain .config-domain-flex > .custpm_box {
    float: none !important;
    width: auto !important;
    padding: 0 !important;
}
body.configureproductdomain .card-info-box,
body.configureproductdomain .card-info-box.tran-no {
    height: 100% !important;
    overflow: hidden !important;
    border-radius: 12px !important;
    background: transparent !important;
}
body.configureproductdomain .card-info-box .content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 154px !important;
    padding: 20px 14px !important;
    border: 1px solid var(--ys33-line) !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: var(--ys33-text) !important;
    box-shadow: 0 7px 18px rgba(6,27,53,.06) !important;
    cursor: pointer !important;
}
body.configureproductdomain .card-info-box .content:hover,
body.configureproductdomain .card-info-box .content:active,
body.configureproductdomain .card-info-box .content.active {
    border-color: var(--ys33-blue) !important;
    background: linear-gradient(145deg, #0b579f, #104777) !important;
    box-shadow: inset 0 -4px 0 var(--ys33-yellow), 0 10px 22px rgba(6,27,53,.12) !important;
}
body.configureproductdomain .card-info-box .icone {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 58px !important;
    min-height: 58px !important;
    border-radius: 14px !important;
    background: var(--ys33-sky) !important;
}
body.configureproductdomain .card-info-box .content.active .icone,
body.configureproductdomain .card-info-box .content:hover .icone {
    border: 0 !important;
    background: rgba(255,255,255,.14) !important;
}
body.configureproductdomain .card-info-box .icone img {
    position: static !important;
    width: 28px !important;
    height: 28px !important;
    margin: 0 !important;
    object-fit: contain !important;
}
body.configureproductdomain .card-info-box .text {
    margin-top: 12px !important;
    color: var(--ys33-text) !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
}
body.configureproductdomain .card-info-box .content.active .text,
body.configureproductdomain .card-info-box .content:hover .text { color: #fff !important; }
body.configureproductdomain .regi-domain {
    min-height: 0 !important;
    margin: 0 !important;
    padding: 28px 24px 32px !important;
    border: 1px solid var(--ys33-line) !important;
    border-radius: var(--ys33-radius) !important;
    background: linear-gradient(rgba(237,247,255,.94), rgba(245,249,252,.96)), url(../images/domain-bg.jpg) center/cover no-repeat !important;
    box-shadow: var(--ys33-shadow) !important;
}
body.configureproductdomain .domain-selection-options {
    width: 100% !important;
    max-width: 930px !important;
    margin: 0 auto !important;
}
body.configureproductdomain .titel-page {
    margin: 0 0 16px !important;
    color: var(--ys33-text) !important;
    font-size: 23px !important;
    line-height: 1.25 !important;
    text-transform: none !important;
}
body.configureproductdomain #adv-search {
    display: flex !important;
    align-items: stretch !important;
    width: 100% !important;
    padding: 12px !important;
    border: 1px solid #cad7e4 !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: 0 8px 22px rgba(6,27,53,.08) !important;
}
body.configureproductdomain #adv-search > .input-group.form-box {
    display: flex !important;
    width: 100% !important;
}
body.configureproductdomain #adv-search .form-control {
    height: 48px !important;
    margin: 0 !important;
    border: 1px solid #d4dee8 !important;
    border-radius: 8px 0 0 8px !important;
    background: #fff !important;
    box-shadow: none !important;
}
body.configureproductdomain #adv-search .input-group-btn.search-panel {
    float: none !important;
    width: 150px !important;
}
body.configureproductdomain #adv-search .input-group-btn.search-panel .form-control {
    border-radius: 0 !important;
}
body.configureproductdomain #frmProductDomain span.input-group-btn.adv {
    float: none !important;
    width: auto !important;
}
body.configureproductdomain #adv-search span.input-group-btn.adv .btn {
    width: auto !important;
    min-width: 145px !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    border-radius: 0 8px 8px 0 !important;
}
body.configureproductdomain #DomainSearchResults {
    margin-top: 18px !important;
    padding: 18px !important;
    border-radius: 12px !important;
    background: #fff !important;
}

/* --------------------------------------------------------------------------
   3. Product configuration
   -------------------------------------------------------------------------- */
body.configureproduct #order-cartx > .body-page,
body.configureproduct .body-page {
    padding: 0 24px 34px !important;
    background: transparent !important;
}
body.configureproduct .sap-row,
body.viewcart .sap-row,
body.checkout .sap-row {
    display: grid !important;
    grid-template-columns: minmax(220px, .65fr) minmax(0, 1.65fr) !important;
    align-items: center !important;
    gap: 20px !important;
    width: 100% !important;
    margin: 0 0 18px !important;
    padding: 15px 20px !important;
    border: 1px solid var(--ys33-line) !important;
    border-radius: var(--ys33-radius) !important;
    background: #fff !important;
    box-shadow: var(--ys33-shadow) !important;
}
body.configureproduct .sap-row > [class*="col-"],
body.viewcart .sap-row > [class*="col-"],
body.checkout .sap-row > [class*="col-"] {
    float: none !important;
    width: auto !important;
    padding: 0 !important;
}
body.configureproduct .pur-titel,
body.viewcart .pur-titel,
body.checkout .pur-titel {
    margin: 0 !important;
    color: var(--ys33-text) !important;
    font-size: 25px !important;
    line-height: 1.2 !important;
    font-weight: 850 !important;
}
body.configureproduct .pur-titel i,
body.viewcart .pur-titel i,
body.checkout .pur-titel i { color: var(--ys33-blue) !important; }
body.configureproduct .step,
body.viewcart .step,
body.checkout .step {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}
body.configureproduct .step .step-item,
body.viewcart .step .step-item,
body.checkout .step .step-item {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
}
body.configureproduct .step .step-item a,
body.viewcart .step .step-item a,
body.checkout .step .step-item a {
    color: var(--ys33-text) !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
}
body.configureproduct .stp-cot,
body.viewcart .stp-cot,
body.checkout .stp-cot {
    background: #58c65e !important;
    color: #092746 !important;
    box-shadow: 0 0 0 4px #edf8ee !important;
}
body.configureproduct #frmConfigureProduct {
    display: grid !important;
    grid-template-columns: minmax(0, 1.9fr) minmax(300px, .8fr) !important;
    gap: 22px !important;
    width: 100% !important;
}
body.configureproduct #frmConfigureProduct > .col-md-8,
body.configureproduct #frmConfigureProduct > .col-md-4 {
    float: none !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
}
body.configureproduct .term-box {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 20px !important;
    border: 1px solid var(--ys33-line) !important;
    border-radius: var(--ys33-radius) !important;
    background: #fff !important;
    box-shadow: var(--ys33-shadow) !important;
}
body.configureproduct .select-lanth {
    margin: 0 0 22px !important;
    padding: 0 0 20px !important;
    border-bottom: 1px solid #e7edf3 !important;
}
body.configureproduct .select-lanth:last-child { border-bottom: 0 !important; }
body.configureproduct .select-lanth h3,
body.configureproduct .web-rank > h3 {
    margin: 0 0 14px !important;
    color: var(--ys33-text) !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
    font-weight: 850 !important;
}
body.configureproduct .term-list,
body.configureproduct .second-term-list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}
body.configureproduct .term-list li,
body.configureproduct .second-term-list li,
body.configureproduct .second-term-list li:nth-child(1),
body.configureproduct .second-term-list li:nth-child(2),
body.configureproduct .second-term-list li:nth-child(3) {
    display: flex !important;
    flex: 1 1 165px !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-height: 104px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 14px 10px !important;
    border: 1px solid #cdddea !important;
    border-radius: 11px !important;
    background: #f4f8fc !important;
    color: var(--ys33-text) !important;
    cursor: pointer !important;
}
body.configureproduct .term-list li:hover,
body.configureproduct .term-list li.active,
body.configureproduct .second-term-list li:hover,
body.configureproduct .second-term-list li.active {
    border-color: var(--ys33-blue) !important;
    background: linear-gradient(145deg, #0b579f, #0e477a) !important;
    color: #fff !important;
    box-shadow: inset 0 -4px 0 var(--ys33-yellow) !important;
}
body.configureproduct .term-list strong { font-size: 17px !important; }
body.configureproduct .term-list span { margin: 5px 0 2px !important; font-size: 20px !important; font-weight: 850 !important; }
body.configureproduct .term-list small { color: inherit !important; opacity: .9 !important; }
body.configureproduct .urable-form {
    display: flow-root !important;
    margin-top: 0 !important;
}
body.configureproduct .product-configurable-options { margin-top: 0 !important; }
body.configureproduct .select-lanth .inputBox,
body.configureproduct .select-lanth .checkbox {
    min-height: 62px !important;
    margin-bottom: 12px !important;
    padding: 12px !important;
    border: 1px solid var(--ys33-line) !important;
    border-radius: 10px !important;
    background: #f8fafc !important;
}
body.configureproduct .rank-item {
    margin-bottom: 12px !important;
    padding: 16px !important;
    border: 1px solid var(--ys33-line) !important;
    border-radius: 11px !important;
    background: #fff !important;
    box-shadow: none !important;
}
body.configureproduct #scrollingCartSummary {
    position: sticky !important;
    top: 16px !important;
}
body.configureproduct .order-summary,
body.configureproduct #order-standard_cart .order-summary {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 18px !important;
    border: 1px solid var(--ys33-line) !important;
    border-radius: var(--ys33-radius) !important;
    background: #fff !important;
    box-shadow: var(--ys33-shadow) !important;
}
body.configureproduct .titel-ord {
    margin: 0 0 14px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #dfe7ef !important;
    color: var(--ys33-text) !important;
    font-size: 16px !important;
}
body.configureproduct .stap-btn { margin-top: 14px !important; text-align: center !important; }
body.configureproduct #btnCompleteProductConfig {
    width: 100% !important;
    padding: 11px 18px !important;
}

/* --------------------------------------------------------------------------
   4. Checkout / review
   -------------------------------------------------------------------------- */
body.viewcart #order-cartx,
body.checkout #order-cartx {
    width: 100% !important;
    padding: 0 22px 34px !important;
}
body.viewcart #order-cartx > .accout-row,
body.checkout #order-cartx > .accout-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1.65fr) minmax(330px, .8fr) !important;
    gap: 22px !important;
    align-items: start !important;
    width: 100% !important;
}
body.viewcart #order-cartx > .accout-row > .message-cont,
body.checkout #order-cartx > .accout-row > .message-cont {
    grid-column: 1 / -1 !important;
}
body.viewcart #order-cartx > .accout-row > #order-standard_cart,
body.checkout #order-cartx > .accout-row > #order-standard_cart {
    min-width: 0 !important;
}
body.viewcart #order-cartx > .accout-row > #order-standard_cart > .col-md-7,
body.checkout #order-cartx > .accout-row > #order-standard_cart > .col-md-7,
body.viewcart #order-cartx > .accout-row > .total-bar,
body.checkout #order-cartx > .accout-row > .total-bar {
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}
body.viewcart .accout-left,
body.checkout .accout-left {
    margin: 0 !important;
    padding: 20px !important;
    border: 1px solid var(--ys33-line) !important;
    border-radius: var(--ys33-radius) !important;
    background: #fff !important;
    box-shadow: var(--ys33-shadow) !important;
}
body.viewcart .pay-row,
body.checkout .pay-row {
    padding-top: 0 !important;
    border-bottom-color: #e2e9f0 !important;
}
body.viewcart .pay-row.padding0,
body.checkout .pay-row.padding0 { padding-top: 0 !important; }
body.viewcart .change-pass.account,
body.checkout .change-pass.account {
    display: flow-root !important;
}
body.viewcart .change-pass.account .col-sm-6,
body.viewcart .change-pass.account .col-sm-12,
body.checkout .change-pass.account .col-sm-6,
body.checkout .change-pass.account .col-sm-12 {
    padding-left: 7px !important;
    padding-right: 7px !important;
}
body.viewcart #order-standard_cart .field,
body.viewcart #order-standard_cart .form-control,
body.checkout #order-standard_cart .field,
body.checkout #order-standard_cart .form-control {
    min-height: 42px !important;
    border: 1px solid #cdd9e4 !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: var(--ys33-text) !important;
    box-shadow: none !important;
}
body.viewcart #order-standard_cart .field:focus,
body.viewcart #order-standard_cart .form-control:focus,
body.checkout #order-standard_cart .field:focus,
body.checkout #order-standard_cart .form-control:focus {
    border-color: var(--ys33-blue-2) !important;
    box-shadow: 0 0 0 3px rgba(20,121,201,.11) !important;
}
body.viewcart .field-icon,
body.checkout .field-icon { color: var(--ys33-blue) !important; }
body.viewcart .Payment-row,
body.checkout .Payment-row {
    margin-top: 18px !important;
    padding: 16px !important;
    border: 1px solid var(--ys33-line) !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
}
body.viewcart .total-bar .accout-right,
body.checkout .total-bar .accout-right {
    position: sticky !important;
    top: 16px !important;
    margin: 0 !important;
    padding: 18px !important;
    border: 1px solid var(--ys33-line) !important;
    border-radius: var(--ys33-radius) !important;
    background: #fff !important;
    box-shadow: var(--ys33-shadow) !important;
}
body.viewcart .cart-colam,
body.checkout .cart-colam {
    margin: 0 0 12px !important;
    padding: 14px !important;
    border: 1px solid var(--ys33-line) !important;
    border-radius: 10px !important;
    background: #f8fafc !important;
}
body.viewcart .crt-regist h4,
body.checkout .crt-regist h4 {
    color: var(--ys33-text) !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
}
body.viewcart .crt-regist span,
body.checkout .crt-regist span {
    color: var(--ys33-muted) !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
}
body.viewcart .year-price,
body.checkout .year-price {
    color: var(--ys33-text) !important;
    font-size: 16px !important;
}
body.viewcart .cart-grid-total,
body.checkout .cart-grid-total {
    margin: 14px 0 !important;
    padding: 14px 0 !important;
    border-color: var(--ys33-navy) !important;
}
body.viewcart .total-clt,
body.checkout .total-clt { font-size: 20px !important; }
body.viewcart .pric-clt,
body.checkout .pric-clt { color: var(--ys33-blue-2) !important; font-size: 24px !important; }
body.viewcart #continueShopping,
body.checkout #continueShopping {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    margin-top: 12px !important;
    padding: 10px 14px !important;
}
body.viewcart #btnCompleteOrder,
body.checkout #btnCompleteOrder {
    min-width: 230px !important;
    padding: 12px 22px !important;
}
body.viewcart #btnCompleteOrder ~ br,
body.checkout #btnCompleteOrder ~ br { display: none !important; }
body.viewcart .checkout-security-msg,
body.checkout .checkout-security-msg {
    margin: 16px 0 0 !important;
    border-radius: 10px !important;
}
body.viewcart .full-sign,
body.checkout .full-sign {
    margin-bottom: 18px !important;
    padding: 18px !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, var(--ys33-navy), var(--ys33-blue)) !important;
}

/* Responsive */
@media (max-width: 1199px) {
    body.configureproduct #frmConfigureProduct,
    body.viewcart #order-cartx > .accout-row,
    body.checkout #order-cartx > .accout-row {
        grid-template-columns: minmax(0, 1fr) minmax(290px, .7fr) !important;
    }
}
@media (max-width: 991px) {
    body.products #order-standard_cart.productlist,
    body.configureproductdomain #order-standard_cart,
    body.configureproduct #order-cartx > .body-page,
    body.configureproduct .body-page,
    body.viewcart #order-cartx,
    body.checkout #order-cartx {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
    body.configureproduct .sap-row,
    body.viewcart .sap-row,
    body.checkout .sap-row {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }
    body.configureproduct #frmConfigureProduct,
    body.viewcart #order-cartx > .accout-row,
    body.checkout #order-cartx > .accout-row {
        grid-template-columns: 1fr !important;
    }
    body.configureproduct #scrollingCartSummary,
    body.viewcart .total-bar .accout-right,
    body.checkout .total-bar .accout-right {
        position: static !important;
    }
    body.configureproductdomain #adv-search,
    body.configureproductdomain #adv-search > .input-group.form-box {
        display: block !important;
    }
    body.configureproductdomain #adv-search .form-control,
    body.configureproductdomain #adv-search .input-group-btn.search-panel,
    body.configureproductdomain #frmProductDomain span.input-group-btn.adv,
    body.configureproductdomain #adv-search span.input-group-btn.adv .btn {
        float: none !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 0 8px !important;
        border-radius: 8px !important;
    }
}
@media (max-width: 767px) {
    body.products #main-content,
    body.configureproductdomain #main-content,
    body.configureproduct #main-content,
    body.viewcart #main-content,
    body.checkout #main-content {
        padding-top: 8px !important;
    }
    body.products #order-standard_cart.productlist,
    body.configureproductdomain #order-standard_cart,
    body.configureproduct #order-cartx > .body-page,
    body.configureproduct .body-page,
    body.viewcart #order-cartx,
    body.checkout #order-cartx {
        padding-left: 8px !important;
        padding-right: 8px !important;
        padding-bottom: 22px !important;
    }
    body.configureproductdomain .cart-head-bar {
        width: calc(100% - 16px) !important;
        margin: 0 8px 10px !important;
        padding: 11px 13px !important;
    }
    body.configureproductdomain .cart-head-bar h1 { font-size: 20px !important; }
    body.products .host-nav > ul { display: grid !important; grid-template-columns: 1fr !important; }
    body.products .host-nav li,
    body.products .host-nav .drop-nav { width: 100% !important; }
    body.configureproductdomain .sm-gutter.config-domain-flex { grid-template-columns: 1fr !important; }
    body.configureproductdomain .card-info-box .content { min-height: 122px !important; }
    body.configureproductdomain .regi-domain { padding: 20px 12px !important; }
    body.configureproduct .term-box,
    body.viewcart .accout-left,
    body.checkout .accout-left,
    body.viewcart .total-bar .accout-right,
    body.checkout .total-bar .accout-right { padding: 14px !important; }
    body.configureproduct .step,
    body.viewcart .step,
    body.checkout .step { gap: 6px !important; }
    body.configureproduct .step .step-item a,
    body.viewcart .step .step-item a,
    body.checkout .step .step-item a { font-size: 10px !important; }
    body.viewcart .account-colam,
    body.checkout .account-colam { float: none !important; width: 100% !important; margin-bottom: 12px !important; }
    body.viewcart .crt-ntn,
    body.checkout .crt-ntn { width: 100% !important; }
}