/**
 * WHMCS Base Order Form Stylesheet
 *
 * This stylesheet defines the css rules used by the base order form.
 *
 * @project   WHMCS
 * @cssdoc    version 1.0-pre
 * @package   WHMCS
 * @author    WHMCS Limited <development@whmcs.com>
 * @copyright Copyright (c) WHMCS Limited 2005-2020
 * @license   http://www.whmcs.com/license/
 * @link      http://www.whmcs.com/
 */

#order-standard_cart {
    margin: 0;
    padding: 0 0 40px 0;
    font-size: 14px;
}

#order-standard_cart .cart-sidebar {
    float: left;
    width: 25%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
#order-standard_cart .cart-body {
    float: right;
    width: 75%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

#order-standard_cart .secondary-cart-body {
    float: left;
    width: 65%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

#order-standard_cart .secondary-cart-sidebar {
    float: right;
    width: 35%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

@media only screen and (max-width: 1199px) {
    #order-standard_cart .cart-sidebar {
        display: none;
    }
    #order-standard_cart .cart-body {
        width: 100%;
        float: none;
    }

    #order-standard_cart .secondary-cart-body {
        width: 69%;
    }
    #order-standard_cart .secondary-cart-sidebar {
        width: 31%;
    }
}

@media only screen and (max-width: 991px) {
    #order-standard_cart .secondary-cart-body {
        width: 100%;
        float: none;
    }
    #order-standard_cart .secondary-cart-sidebar {
        margin: 0 auto;
        width: 300px;
        float: none;
    }
}

@media only screen and (max-width: 575px) {
    #order-standard_cart .secondary-cart-sidebar {
        width: 100%;
    }
}

#order-standard_cart .field-container {
    margin: 0 0 30px 0;
}

#order-standard_cart label,
#order-standard_cart p.domain-renewal-desc,
.service-renewals .div-renewal-period-label {
    margin-right: 10px;
    font-weight: 300;
    font-size: 13px;
    color: #666;
}
#order-standard_cart label .iradio_square-blue {
    margin-right: 2px;
}

#order-standard_cart .info-text-sm {
    font-size: 0.85em;
    text-align: center;
}

/**
 * Responsive Categories
 */

#order-standard_cart .cart-sidebar h3,
#order-standard_cart .sidebar-collapsed h3 {
    margin: 0;
    font-size: 16px;
}

#order-standard_cart .cart-sidebar .list-group-item {
    margin: 0;
    padding: 8px 15px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}
#order-standard_cart .cart-sidebar .list-group-item:first-child {
    border-radius: 0;
}
#order-standard_cart .cart-sidebar .list-group-item:last-child {
    border-bottom: 0;
}

#order-standard_cart .sidebar-collapsed {
    margin-top: 20px;
    padding: 4px;
    border-radius: 4px;
}
@media only screen and (min-width: 1200px) {
    #order-standard_cart .sidebar-collapsed {
        display: none;
    }
}
#order-standard_cart .sidebar-collapsed::after {
    display: block;
    clear: both;
    content: "";
}

/*
 * Section Dividers
 */

#order-standard_cart .sub-heading {
    height: 0;
    border-top: 1px solid #DDD;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px;
}

#order-standard_cart .sub-heading-borderless {
    height: 0;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px;
}

#order-standard_cart .sub-heading span,
#order-standard_cart .sub-heading-borderless span {
    display: inline-block;
    position: relative;
    padding: 0 17px;
    top: -11px;
    font-size: 16px;
    color: #058;
}

#order-standard_cart .domain-checker-advanced textarea {
    width: 100%;
    height: 120px;
    resize: none;
}

#order-standard_cart .domain-checker-advanced .multiselect {
    font-size: 12px;
    padding: 0 3px;
    margin: 5px;
    border: 0;
    background-color: inherit;
    color: #111827;
}

#order-standard_cart .domain-checker-advanced .multiselect-container label {
    padding: 0 0 0 5px;
}

#order-standard_cart .domain-checker-advanced .multiselect-item.filter {
    width: 80%;
}

#order-standard_cart .domain-checker-advanced label {
    font-size: 12px;
    font-weight: normal;
    margin: 5px 5px;
    color: #333;
}

#order-standard_cart .domain-checker-advanced .multiselect-container li.active a {
    background-color: unset;
}

#order-standard_cart .domain-checker-advanced input[type="checkbox"] {
    margin-right: 5px;
    background: white;
}

/**
 * Products
 */

#order-standard_cart .products {
    margin: 10px 0;
}

#order-standard_cart .products .product {
    padding: 1px 0 10px 0;
    margin: 0 0 20px 0;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #ddd;
}

#order-standard_cart .products .product header {
    position: relative;
    padding: 10px 20px;
    margin: 0 1px;
    background: #f8f8f8;
    border-radius: 3px 3px 0 0;
}

#order-standard_cart .products .product header span {
    margin: 0;
    color: #333;
    font-size: 1.2em;
}

#order-standard_cart .products .product header .qty {
    float: right;
    font-size: 0.8em;
    font-style: italic;
    color: #888;
}

#order-standard_cart .products .product div.product-desc {
    float: left;
    width: 60%;
    padding: 8px 14px;
    font-size: 0.8em;
}

#order-standard_cart .products .product div.product-desc-full-width {
    width: auto;
}

#order-standard_cart .products .product select {
    width: 100%;
    text-overflow: ellipsis;
}

#order-standard_cart .products .product span.feature-value {
    font-weight: bold;
}

#order-standard_cart .products .product div.product-pricing {
    margin-bottom: 10px;
}
#order-standard_cart .products .product div.product-pricing span.price {
    font-size: 1.4em;
}

#order-standard_cart .products .product footer {
    float: right;
    margin: 20px 0;
    width: 40%;
    font-size: 0.8em;
    text-align: center;
}

/*
 * Addon Panels
 */

#order-standard_cart .panel-addon {
    font-size: 0.8em;
    text-align: center;
}
#order-standard_cart .panel-addon:hover {
    cursor: pointer;
}
#order-standard_cart .panel-addon .panel-body {
    border-radius: 4px;
}
#order-standard_cart .panel-addon .panel-body label {
    font-size: 1em;
    font-weight: bold;
    color: #333;
}
#order-standard_cart .panel-addon .panel-price {
    padding: 4px;
    background-color: #e8e8e8;
}
#order-standard_cart .panel-addon .panel-add {
    display: block;
    padding: 4px;
    background-color: #5cb85c;
    color: #fff;
    border-radius: 0 0 4px 4px;
}
#order-standard_cart .panel-addon-selected {
    border-color: #bbb;
}
#order-standard_cart .panel-addon-selected .panel-add {
    background-color: #5cb85c;
    color: #fff;
}

/**
 * Domain registration
 */

#order-standard_cart .domain-selection-options {
    margin: 15px 0;
}
#order-standard_cart .domains-row {
    margin-right: -2px;
    margin-left: -2px;
}
@media (max-width: 767px) {
    #order-standard_cart .domains-row {
        padding-bottom: 5px;
    }
}
#order-standard_cart .domains-row .col-sm-3,
#order-standard_cart .domains-row .col-sm-9,
#order-standard_cart .domains-row .col-xs-2,
#order-standard_cart .domains-row .col-xs-3,
#order-standard_cart .domains-row .col-xs-5,
#order-standard_cart .domains-row .col-xs-7,
#order-standard_cart .domains-row .col-xs-9 {
    padding-right: 2px;
    padding-left: 2px;
}

#order-standard_cart .domain-selection-options .option {
    margin-bottom: 2px;
    padding: 6px 20px;
    border-radius: 6px;
    background-color: #f8f8f8;
}
#order-standard_cart .domain-selection-options .option:hover {
    cursor: pointer;
}
#order-standard_cart .domain-selection-options .option .iradio_square-blue {
    margin-right: 10px;
}
#order-standard_cart .domain-suggestions .icheckbox_square-green {
    margin-right: 10px;
}
#order-standard_cart .domain-selection-options .option-selected label {
    font-weight: bold;
}
#order-standard_cart .domain-selection-options .option-selected {
    background-color: #efefef;
}
#order-standard_cart .domain-input-group {
    display: none;
    margin: 10px 0;
}
#order-standard_cart .domain-loading-spinner {
    display: none;
    padding: 30px;
    text-align: center;
}

#order-standard_cart .domain-lookup-primary-loader,
#order-standard_cart .domain-lookup-primary-results {
    margin: 20px 0;
    text-align: center;
}
#order-standard_cart .domain-checker-result-headline {
    margin: 20px;
    text-align: center;
}
#order-standard_cart .domain-checker-result-headline,
#order-standard_cart .domain-lookup-primary-results .headline {
    font-size: 1.6em;
    word-wrap: break-word;
}
#order-standard_cart .domain-checker-available {
    color: #367C36;
}
#order-standard_cart .domain-checker-unavailable,
#order-standard_cart .domain-checker-invalid {
    color: #CD322D;
}
#order-standard_cart .transfer-eligible,
#order-standard_cart .transfer-not-eligible {
    margin: 30px 0 15px;
    padding: 20px;
}
#order-standard_cart .transfer-eligible {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
#order-standard_cart .transfer-not-eligible {
    color: #666;
    background-color: #f6f6f6;
}

#order-standard_cart .domain-suggestions {
    margin-bottom: 20px;
    font-size: 0.8em;
}

#order-standard_cart .domain-add-domain {
    margin: 25px 0;
}

/**
 * Product Configuration
 */

#order-standard_cart .product-info {
    margin: 0 0 20px 0;
    padding: 6px 15px;
    font-size: 0.85em;
    background-color: #f8f8f8;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
}
#order-standard_cart .product-info .product-title {
    margin: 0;
    font-size: 1.6em;
}

#order-standard_cart .order-summary {
    margin: 0 0 20px 0;
    padding: 0;
    background-color: #666;
    border-bottom: 3px solid #666;
    border-radius: 4px;
}

#order-standard_cart .order-summary h2 {
    margin: 0;
    padding: 10px;
    color: #fff;
    text-align: center;
    font-size: 1.4em;
    font-weight: normal;
}

#order-standard_cart .summary-container {
    margin: 0;
    padding: 10px;
    min-height: 100px;
    border-radius: 3px;
    background-color: #f8f8f8;
    font-size: 0.8em;
}

#order-standard_cart .order-summary .product-name {
    display: block;
    font-weight: bold;
    font-size: 1.2em;
}
#order-standard_cart .order-summary .product-group {
    margin: 0 0 5px 0;
    display: block;
    font-style: italic;
}
#order-standard_cart .order-summary .summary-totals {
    margin: 5px 0;
    padding: 5px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
#order-standard_cart .order-summary .total-due-today span {
    display: block;
    text-align: right;
}
#order-standard_cart .order-summary .total-due-today .amt {
    font-size: 2.3em;
}

#order-standard_cart .order-summary .loader {
    position: relative;
    top: 10px;
    height: 0;
    padding-right: 10px;
    text-align: right;
    color: #efefef;
}

/**
 * View Cart
 */

#order-standard_cart .panel-taxes {
    font-size: 0.8em;
}

#order-standard_cart .row-upgrade-credit {
    margin-top: 5px;
}
#order-standard_cart .row-upgrade-credit .item-price {
    font-size: 0.9em;
}

/**
 * Checkout
 */

#order-standard_cart #btnAlreadyRegistered,
#order-standard_cart #btnNewUserSignup {
    margin: 0 0 0 10px;
}

#order-standard_cart .checkout-error-feedback {
    margin: 15px 0;
}

#order-standard_cart .apply-credit-container {
    margin: 15px 0;
    padding: 15px;
    background-color: #eee;
}
#order-standard_cart .apply-credit-container span {
    font-weight: bold;
}
#order-standard_cart .apply-credit-container .radio {
    padding-left: 20px;
    padding-right: 20px;
}
#order-standard_cart .apply-credit-container .iradio_square-blue {
    margin-right: 6px;
}

#order-standard_cart .cc-input-container {
    padding: 15px 15px 10px 15px;
    background-color: #f3f3f3;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
}
#order-standard_cart .cc-input-container .form-group {
    margin-top: 10px;
    margin-bottom: 10px;
}
#order-standard_cart .cc-input-container .radio-inline {
    padding-left: 0;
    margin-bottom: 10px;
}
#order-standard_cart .cc-input-container .paymethod-info {
    cursor: pointer;
    padding-right: 10px;
    margin-bottom: 5px;
}
#order-standard_cart .cc-input-container ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#order-standard_cart .cc-input-container ul li {
    padding: 2px 0;
}
#order-standard_cart .cc-input-container i {
    padding: 0 6px;
    width: 28px;
    text-align: center;
}
#order-standard_cart .cc-input-container .existing-cc-grid {
    display: inline-grid;
    grid-template-columns: repeat(3, auto) minmax(10em, 30em) auto;
    font-weight: 300;
    color: #666;
    font-size: 13px;
}
#order-standard_cart .checkout-security-msg {
    margin: 20px 0;
    padding-left: 75px;
    font-size: 0.8em;
}
#order-standard_cart .checkout-security-msg i {
    float: left;
    margin-left: -48px;
    font-size: 2.8em;
}

/**
 * Form fields
 */

#order-standard_cart .prepend-icon {
  top: 0;
  left: 0;
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 100%;
  font-weight: normal;
}
#order-standard_cart .field,
#order-standard_cart .form-control {
  position: relative;
  vertical-align: top;
  border: 1px solid #DDD;
  display: -moz-inline-stack;
  display: inline-block;
  color: #626262;
  outline: none;
  background-color: #fff;
  border-radius: 3px;
}

#order-standard_cart .input-group-lg > .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px 0 0 6px;
}
#order-standard_cart .form-control-qty {
    width: 70px;
    text-align: center;
}
#order-standard_cart .form-control-static-inline {
    display: inline-block;
}
#order-standard_cart .form-control:focus {
  border-color: #ddd;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
#order-standard_cart textarea.field {
    height: auto;
}
#order-standard_cart .prepend-icon .field {
    -webkit-appearance: none;
    padding-left: 36px;
}
#order-standard_cart .prepend-icon .field-icon i {
    position: relative;
  font-size: 14px;
}
#order-standard_cart .prepend-icon .field-icon {
  top: 0;
  z-index: 4;
  width: 42px;
  height: 36px;
  color: inherit;
  line-height: 36px;
  position: absolute;
  text-align: center;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  pointer-events: none;
}
#order-standard_cart .field-icon i {
    color: #bbb;
}
#order-standard_cart .field[disabled],
#order-standard_cart .field[readonly],
#order-standard_cart .form-control[disabled],
#order-standard_cart .form-control[readonly] {
  background-color: #f8f8f8;
  opacity: 1;
}

#order-standard_cart .field-help-text {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #888;
    font-size: 12px;
}

/**
 * View Cart
 */

#order-standard_cart .view-cart-items-header {
    margin: 0;
    padding: 8px 15px;
    background-color: #058;
    color: #fff;
    font-size: 0.9em;
    border-radius: 4px 4px 0 0;
}
#order-standard_cart .view-cart-items {
    margin: 0 0 20px 0;
    border-bottom: 2px solid #058;
}
#order-standard_cart .view-cart-items .item {
    margin: 0;
    padding: 10px;
    background-color: #fff;
    border-left: 0;
    border-right: 0;
    font-size: 0.8em;
}
#order-standard_cart .view-cart-items .item:nth-child(even) {
    background-color: #eee;
}
#order-standard_cart .view-cart-items .item span:not(.caret):not(.renewal-price) {
    display: block;
}
#order-standard_cart .view-cart-items .item-title {
    font-size: 1.6em;
}
#order-standard_cart .view-cart-items .item-group {
    font-size: 1.2em;
}
#order-standard_cart .view-cart-items .item-domain {
    color: #056;
}
#order-standard_cart .view-cart-items .item-price {
    text-align: right;
}
#order-standard_cart .view-cart-items .item-price span {
    font-size: 1.6em;
}
#order-standard_cart .view-cart-items .item-price .cycle {
    font-size: 0.9em;
}
#order-standard_cart .view-cart-items .item-qty {
    text-align: center;
}
#order-standard_cart .view-cart-items .item-qty input {
    margin-bottom: 5px;
    padding: 4px;
    height: auto;
}
#order-standard_cart .view-cart-items .item-qty button {
    font-size: 0.8em;
}

#order-standard_cart .btn-remove-from-cart {
    color: #444;
}
#order-standard_cart .btn-remove-from-cart:hover {
    color: #cc0000;
    text-decoration: none;
}

#order-standard_cart .empty-cart {
    text-align: right;
    margin: -20px 20px 0 0;
    line-height: 1em;
}
#order-standard_cart .empty-cart .btn {
    margin: 0;
    padding: 4px 10px;
    background-color: #058;
    border: 0;
    color: #fff;
    border-radius: 0 0 4px 4px;
}

#order-standard_cart .btn-checkout {
    padding: 15px 34px;
}

#order-standard_cart .order-summary .subtotal {
    margin: 0;
    padding: 0 0 5px 0;
    font-size: 1.2em;
    border-bottom: 1px solid #ddd;
}
#order-standard_cart .order-summary .bordered-totals {
    margin: 0 0 5px 0;
    padding: 5px 0;
    border-bottom: 1px solid #ddd;
}
#order-standard_cart .order-summary .recurring-totals {
    margin: 5px 0 0 0;
    padding: 0;
}
#order-standard_cart .order-summary .total-due-today-padded {
    margin: 20px 0;
}

#order-standard_cart .order-summary .recurring-charges {
    font-size: 0.9em;
    color: #777;
    font-style: italic;
    text-align: right;
}

#order-standard_cart .order-summary .btn-continue-shopping {
    color: #222;
    font-size: 0.9em;
}

#order-standard_cart .view-cart-tabs .promo .form-group {
    margin-bottom: 5px;
}

#order-standard_cart .view-cart-tabs {
    margin: 0 0 20px 0;
}
#order-standard_cart .view-cart-tabs .nav-tabs {
    padding-left: 20px;
    font-size: 0.8em;
}
#order-standard_cart .view-cart-tabs .nav-tabs a[aria-selected="true"],
#order-standard_cart .view-cart-tabs .nav-tabs a[aria-expanded="true"] {
    border-color: #dee2e6 #dee2e6 #f8f8f8;
    background-color: #f8f8f8;
}
#order-standard_cart .view-cart-tabs .tab-content {
    background-color: #f8f8f8;
    padding: 15px;
}

#order-standard_cart .view-cart-promotion-code {
    margin: 0 0 5px 0;
    padding: 10px 20px;
    background-color: #fff;
    border: 1px dashed #ccc;
    text-align: center;
}

#order-standard_cart .view-cart-gateway-checkout {
    margin: 0 0 20px 0;
    padding: 15px;
    background-color: #e8e8e8;
    border-radius: 4px;
    text-align: center;
}

#order-standard_cart .view-cart-empty {
    padding: 30px 15px;
    text-align: center;
}

#order-standard_cart .express-checkout-buttons .separator {
    margin-left: 70px;
    padding: 5px;
    text-align: center;
    font-weight: bold;
}

/**
 * Completion Page
 */

#order-standard_cart .order-confirmation {
    text-align: center;
}
#order-standard_cart .order-confirmation span {
    font-size: 1.4em;
}
#order-standard_cart .order-confirmation-addon-output {
    margin: 15px 0;
    text-align: center;
}

/**
 * Error Page
 */

.error-heading {
    margin: 30px 0;
    font-size: 1.4em;
    text-align: center;
}

/**
 * Remove Item Modal
 */

#order-standard_cart .modal-title i {
    display: block;
    padding-top: 25px;
}
#order-standard_cart .modal-header,
#order-standard_cart .modal-body,
#order-standard_cart .modal-footer {
    text-align: center !important;
    border: 0;
}
#order-standard_cart .modal-remove-item .modal-footer {
    padding-bottom: 45px;
}

/**
 * Domain Lookup
 */

/**
 * -------------------------
 * @section Domain Checker
 * -------------------------
 */

div.domainresults div:not(.btn-group) {
    margin: 0;
    padding: 10px 25px;
    background-color: #ddd;
    color: #666;
    font-size: 1.0em;
    border-radius: 6px 6px 0 0;
}

div.domainresults div:not(.btn-group) span {
    padding-left: 20px;
    font-size: 14px;
    color: #888;
}

div.domainresults table tr td {
    padding: 5px 30px;
    line-height: 40px;
}

.domain-checker-container {
    margin: 20px 0;
    padding: 0;
    background-color: #ffce44;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffb201), to(#ffd960));
    background: -webkit-linear-gradient(top, #ffd960, #ffb201);
    background: -moz-linear-gradient(top, #ffd960, #ffb201);
    background: -ms-linear-gradient(top, #ffd960, #ffb201);
    background: -o-linear-gradient(top, #ffd960, #ffb201);
}

.domain-checker-bg {
    margin: 0;
    padding: 80px 0;
    background-repeat: no-repeat;
    background-position: 110% -5px;
    background-image:url('../img/globe.png');
}

@media (max-width: 992px) {
    .domain-checker-bg {
        padding: 40px 0;
    }
}

.domain-checker-container .input-group-box {
    margin: 0 auto;
    padding: 10px;
    width: 100%;
    background-color: #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

.domain-bulk-options-box {
    position: absolute;
    top: 18px;
    right: 134px;
    z-index:100;
}

@media (max-width: 767px) {
    .domain-checker-container .input-group-box .input-group-btn {
        display: block;
        width: 100%;
    }
    .domain-checker-container .input-group-box .input-group-btn .btn {
        width: 100%;
        border-radius: 6px;
    }
    .domain-checker-container .input-group-box .form-control {
        border-radius: 6px !important;
        margin-bottom: 5px;
        float: none;
    }
}

.domain-checker-container.domain-checker-advanced textarea {
    width: 592px;
    height: 120px;
    resize: none;
}

.domain-checker-container.domain-checker-advanced #btnCheckAvailability {
    position: absolute;
    right: 20px;
    top: 74px;
}

.domain-checker-container.domain-checker-advanced .multiselect {
    font-size: 12px;
    padding: 0 3px;
    margin: 5px;
    border: 0;
}

.domain-checker-container.domain-checker-advanced .multiselect-item.filter {
    width: 80%;
}
.domain-checker-container.domain-checker-advanced .multiselect-container label {
    padding: 0 0 0 5px;
}

.domain-check-availability {
    width: 100px;
    height: 46px;
}

.domain-step-options {
    min-height: 300px;
}

.domain-checker-result-headline {
    margin: 20px;
    font-size: 1.6em;
    text-align: center;
}
.domain-checker-available {
    color: #5cb85c;
}
.domain-checker-unavailable,
.domain-checker-invalid {
    color: #d9534f;
}

div.domainresults div.domain-checkout-area {
    display: none;
    float: right;
    padding: 8px 40px 0;
}

.domain-disclaimer-area {
    margin: 0 0 25px 0;
    font-size: 12px;
}

.domain-bulk-domain-well {
    width: 60%;
}

.domain-tld-pricing-table-responsive {
    border: 0;
    margin-bottom: 0;
}

a.domain-tld-pricing-category {
    display: block;
    text-align: center;
}

.domain-pricing .tld-row {
    padding-top: 3px;
    padding-bottom: 3px;
    border-bottom: 1px solid #f5f5f5;
}
.domain-pricing .tld-row.highlighted {
    background: #f3f9fd;
}

.domain-pricing .tld-pricing-header .col-xs-2,
.domain-pricing .tld-pricing-header .col-sm-2 {
    height: 56px;
}
.domain-pricing .tld-pricing-header .tld-column {
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 4px 4px 0 0;
}
.domain-pricing .tld-pricing-header .col-xs-2,
.domain-pricing .tld-pricing-header .col-sm-2,
.domain-pricing .tld-pricing-header .col-xs-4,
.domain-pricing .tld-pricing-header .col-sm-4 {
    padding-top: 4px;
    padding-bottom: 4px;
    border-bottom: 6px solid #97b5d2;
    background-color: #efefef;
    border-radius: 4px 4px 0 0;
}
.domain-pricing .no-bg {
    background-color: transparent !important;
}
.domain-pricing .tld-pricing-header div:nth-child(odd) {
    border-color: #336699;
    background-color: #f5f5f5;
}
.domain-pricing .two-row-center {
    line-height: 28px;
    margin-top: 6px;
    margin-bottom: 6px;
    border-right: 2px solid #c7d7e6;
}

.domain-pricing .tld-row.no-tlds {
    display: none;
}

.domain-searching {
    color: #ccc;
}

.spotlight-tlds {
    margin: 15px 0;
    padding: 7px 14px;
    background-color: #f8f8f8;
}
.spotlight-tlds-container {
    margin-left: -7px;
    margin-right: -7px;
}
.spotlight-tld-container {
    float: left;
    padding: 7px 7px;
}
.spotlight-tld-container-1 {
    width: 100%;
}
.spotlight-tld-container-2 {
    width: 50%;
}
.spotlight-tld-container-3 {
    width: 33.3%;
}
.spotlight-tld-container-4 {
    width: 25%;
}
.spotlight-tld-container-5 {
    width: 20%;
}
.spotlight-tld-container-6 {
    width: 16.6%;
}
.spotlight-tld-container-7 {
    width: 14.28%;
}
.spotlight-tld-container-8 {
    width: 12.5%;
}

@media screen and (max-width: 991px) {
    .spotlight-tld-container-5,
    .spotlight-tld-container-6 {
        width: 33.3%;
    }
    .spotlight-tld-container-7,
    .spotlight-tld-container-8 {
        width: 25%;
    }
}
@media screen and (max-width: 580px) {
    .spotlight-tld-container-3,
    .spotlight-tld-container-4,
    .spotlight-tld-container-5,
    .spotlight-tld-container-6,
    .spotlight-tld-container-7,
    .spotlight-tld-container-8 {
        width: 50%;
    }
}

.spotlight-tld {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 15px 0;
    height: 112px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-align: center;
    font-weight: bold;
    color: #555;
}
.spotlight-tld span {
    display: block;
    padding: 5px 0;
    font-weight: normal;
}
.spotlight-tld .btn:not(.domain-contact-support) {
    padding: 2px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    background-color: #555;
    border-color: #333;
    color: #fff;
    width: 85%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.spotlight-tld .btn.domain-contact-support {
    padding: 2px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    color: #fff;
    min-width: 85%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.spotlight-tld .btn span {
    padding: 0;
}
.spotlight-tld .unavailable,
.spotlight-tld .invalid {
    margin: 32px 0;
    background-color: #eee;
    border-color: #ddd;
    color: #bbb;
}
.spotlight-tld .domain-contact-support {
    margin: 19px 0;
}
.spotlight-tld .domain-lookup-spotlight-loader {
    line-height: 47px;
    font-size: 1.4em;
}
.spotlight-tld .results {
    display: none;
}
.spotlight-tld-new {
    width: 60px;
    position: absolute;
    letter-spacing: 1px;
    padding: 3px;
    font-size: x-small;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    top: 3px;
    right: -18px;
    background-color: #1A8454;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.spotlight-tld-sale {
    width: 60px;
    position: absolute;
    letter-spacing: 0;
    padding: 3px;
    font-size: x-small;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    top: 3px;
    right: -18px;
    background-color: #8E7106;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.spotlight-tld-hot {
    width: 60px;
    position: absolute;
    letter-spacing: 0;
    padding: 3px;
    font-size: x-small;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    top: 3px;
    right: -18px;
    background-color: #E71408;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.suggested-domains .panel-heading,
.suggested-domains .card-header {
    border-bottom: 2px solid #62cb31;
}

#DomainSearchResults .primary-domain-header{
    padding: 0.75rem 1.25rem;
    border-bottom: 2px solid #62cb31;
}

.suggested-domains .domain-lookup-suggestions-message,
.suggested-domains .domain-lookup-suggestions-loader {
    padding: 30px 20px;
    background-color: #f8f8f8;
    font-size: 0.9em;
    text-align: center;
    opacity: 0.7;
}
.suggested-domains .list-group-item {
    border-left: 0;
    border-right: 0;
    word-wrap: break-word;
}
.suggested-domains .extension {
    font-weight: bold;
}
.suggested-domains .promo.hot {
    padding: 2px 8px;
    background-color: #E71408;
    color: #fff;
    text-transform: uppercase;
}
.suggested-domains .promo.sale {
    padding: 2px 8px;
    background-color: #8E7106;
    color: #fff;
    text-transform: uppercase;
}
.suggested-domains .promo.new {
    padding: 2px 8px;
    background-color: #1A8454;
    color: #fff;
    text-transform: uppercase;
}
.suggested-domains .actions {
    float: right;
}
.suggested-domains .price {
    padding: 0 20px;
    font-size: 1.2em;
}
.suggested-domains .btn:not(.domain-contact-support) {
    padding: 2px 10px;
    font-size: 11px;
    line-height: 1.4;
    border-radius: 3px;
    background-color: #555;
    border-color: #333;
    color: #fff;
}
.suggested-domains .btn.domain-contact-support {
    padding: 2px 10px;
    font-size: 11px;
    line-height: 1.4;
    border-radius: 3px;
    color: #fff;
}

@media (max-width: 767px) {
    .suggested-domains .list-group-item {
        text-align: center;
    }
    .suggested-domains .actions {
        float: none;
    }
    .suggested-domains .price {
        float: none;
        display: block;
        padding: 3px 0;
    }
    .suggested-domains .list-group-item .btn {
        float: none;
        width: 100%;
    }
}

.domain-promo-box {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 20px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    color: #333;
    border-radius: 4px;
}
.domain-promo-box h3 {
    margin: 0;
    font-weight: 400;
}
.domain-promo-box i {
    float: right;
}
.domain-promo-box p {
    margin: 0 0 10px 0;
    font-size: 0.85em;
}
.domain-promo-box .small {
    margin: 10px 0 0 0;
    color: #999;
}

.btn-transfer {
    min-width: 100px;
}

.slim-alert {
    margin: 0 0 5px 0;
    padding: 5px;
    text-align: center;
}

.domain-suggestions-warning {
    padding: 10px 0;
    font-size: 0.7em;
}

/**
 * Domain Renewals
 */

.form-control.domain-renewals-filter,
.form-control.service-renewals-filter {
    background: url(../../../../assets/img/search.png) #fff no-repeat 8px 5px !important;
    padding: 7px 10px 7px 45px !important;
    height: auto !important;
    width: 200px !important;
    font-size: 13px !important;
    border-radius: 2px !important;
}
.service-renewals-quick-filter {
    margin-bottom: 5px;
    width: 100%;
}
.form-control.service-renewals-filter {
    width: 100% !important;
}
@media (min-width: 768px) {
    .form-control.service-renewals-filter,
    .service-renewals-quick-filter {
        width: 270px !important;
        float: right !important;
    }
}

.domain-renewals,
.service-renewals {
    margin: 10px 0;
    border-top: 1px solid #ccc;
}
.domain-renewals,
.service-renewals,
.addon-renewals .service-renewal {
    background-color: #f8f8f8;
}
.domain-renewals .domain-renewal,
.service-renewals .service-renewal {
    margin: 0;
    padding: 15px;
    border-bottom: 1px solid #ccc;
}
.domain-renewals .domain-renewal:nth-child(even),
.service-renewals .service-renewal:nth-child(even),
.addon-renewals .service-renewal:nth-child(even) {
    background-color: #f4f4f4;
}
.domain-renewals .domain-renewal h3,
.service-renewals .service-renewal h3{
    margin: 0;
}
.domain-renewals .domain-renewal .label,
.service-renewals .service-renewal .label {
    border-radius: 3px;
}
.service-renewals .div-renewal-ineligible {
    font-weight: bold;
    color: #666;
}
.service-renewals .div-renewal-ineligible i {
    margin-right: 4px;
}
.addon-renewals {
    margin-top: 15px;
}
.addon-renewals > div {
    border: 1px solid #ccc;
}
.addon-renewals div > .service-renewal:last-child {
    border-bottom: 0;
}
.order-summary i.fa-trash {
    opacity: 0.5;
}
.order-summary i.fa-trash:hover {
    opacity: 1;
}

/**
 * -------------------------
 * Order Configure Product Addon Promo Containers
 * -------------------------
 */

#order-standard_cart .addon-promo-container {
    margin: 20px 0;
    padding: 20px;
    border: 1px solid #eee;
    font-size: 0.9em;
}
#order-standard_cart .addon-promo-container h3 {
    margin: 0 0 10px 0;
}
#order-standard_cart .addon-promo-container .logo {
    float: right;
    margin: 0 0 10px 20px;
    text-align: right;
    line-height: 100px;
}
#order-standard_cart .addon-promo-container img {
    max-width: 120px;
}
#order-standard_cart .addon-promo-container .description {
    margin: 10px 0;
}
#order-standard_cart .addon-promo-container label {
    margin-top: 3px;
    width: 98%;
}
#order-standard_cart .addon-promo-container a {
    text-decoration: underline;
}

#order-standard_cart .mc-promos {
    margin: 20px auto 30px;
    max-width: 575px;
}

#order-standard_cart .mc-promo {
    margin: 0 0 10px 0;
    background-color: #fff;
    border: 1px dashed #ccc;
    border-bottom: 4px solid #9abb3a;
}
#order-standard_cart .mc-promo .cta {
    float: right;
    padding: 3px 10px;
    text-align: center;
}
#order-standard_cart .mc-promo .headline {
    padding-top: 8px;
    font-size: 1.3em;
}
#order-standard_cart .mc-promo .tagline {
    font-size: 1.2em;
    font-weight: 300;
}
#order-standard_cart .mc-promo .header {
    border-bottom: 0;
    height: 70px;
    overflow: hidden;
    cursor: pointer;
}
#order-standard_cart .mc-promo .icon {
    float: left;
    margin: 10px;
    width: 64px;
    height: 50px;
    line-height: 50px;
    text-align: center;
}
#order-standard_cart .mc-promo .icon img {
    max-width: 100%;
    max-height: 100%;
}
#order-standard_cart .mc-promo .body {
    padding: 10px 15px;
    border-top: 10px solid #eaeaea;
    background-color: #f8f8f8;
    font-size: 0.85em;
    display: none;
}
#order-standard_cart .mc-promo .body i {
    color: #99bc3a;
    padding-right: 3px;
}
.mc-promo em {
    font-weight: bold;
    font-style: normal;
}
#order-standard_cart .mc-promo .body ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#order-standard_cart .mc-promo .body li {
    width: 50%;
}
#order-standard_cart .mc-promo .body li.left {
    float: left;
}
#order-standard_cart .mc-promo .body li.right {
    float: right;
}
#order-standard_cart .mc-promo .price {
    padding: 4px 0;
    font-size: 1.15em;
    color: #83a032;
}
#order-standard_cart .mc-promo .btn-add {
    padding: 0;
    background-color: #99bb3a;
    color: #fff;
    font-size: 1em;
}
#order-standard_cart .mc-promo .arrow {
    display: inline-block;
    padding: 2px 8px;
    background-color: #84b436;
}
#order-standard_cart .mc-promo .text{
    display: inline-block;
    padding: 2px 8px;
    font-size: 0.9em;
}
#order-standard_cart .mc-promo .expander {
    float: left;
    width: 28px;
    font-size: 1.5em;
    color: #99bc3a;
    text-align: right;
    line-height: 60px;
    transition: all 2s linear;
}

#order-standard_cart .mc-promo.weebly {
    border-color: #7b7b7b;
}
#order-standard_cart .mc-promo.weebly .btn-add {
    background-color: #7b7b7b;
}
#order-standard_cart .mc-promo.weebly .arrow {
    background-color: #666;
}
#order-standard_cart .mc-promo.weebly .expander,
#order-standard_cart .mc-promo.weebly .price {
    color: #7b7b7b;
}

#order-standard_cart .mc-promo.spamexperts {
    border-color: #56a2da;
}
#order-standard_cart .mc-promo.spamexperts .btn-add {
    background-color: #56a2da;
}
#order-standard_cart .mc-promo.spamexperts .arrow {
    background-color: #4e98d0;
}
#order-standard_cart .mc-promo.spamexperts .expander,
#order-standard_cart .mc-promo.spamexperts .price {
    color: #56a2da;
}

#order-standard_cart .mc-promo.sitelock {
    border-color: #f29f44;
}
#order-standard_cart .mc-promo.sitelock .btn-add {
    background-color: #f29f44;
}
#order-standard_cart .mc-promo.sitelock .arrow {
    background-color: #f08f3d;
}
#order-standard_cart .mc-promo.sitelock .expander,
#order-standard_cart .mc-promo.sitelock .price {
    color: #f29f44;
}

#order-standard_cart .mc-promo.sitelockvpn {
    border-color: #555;
}
#order-standard_cart .mc-promo.sitelockvpn .btn-add {
    background-color: #555;
}
#order-standard_cart .mc-promo.sitelockvpn .arrow {
    background-color: #333;
}
#order-standard_cart .mc-promo.sitelockvpn .expander,
#order-standard_cart .mc-promo.sitelockvpn .price {
    color: #555;
}

#order-standard_cart .mc-promo.nordvpn {
    border-color: #4687FF;
}
#order-standard_cart .mc-promo.nordvpn .btn-add {
    background-color: #4687FF;
}
#order-standard_cart .mc-promo.nordvpn .arrow {
    background-color: #4687FF;
}
#order-standard_cart .mc-promo.nordvpn .expander,
#order-standard_cart .mc-promo.nordvpn .price {
    color: #4687FF;
}

#order-standard_cart .mc-promo.marketgoo {
    border-color: #3090e0;
}
#order-standard_cart .mc-promo.marketgoo .btn-add {
    background-color: #3090e0;
}
#order-standard_cart .mc-promo.marketgoo .arrow {
    background-color: #3090e0;
}
#order-standard_cart .mc-promo.marketgoo .expander,
#order-standard_cart .mc-promo.marketgoo .price {
    color: #3090e0;
}

#order-standard_cart .mc-promo.threesixtymonitoring {
    border-color: #ce3b56;
}
#order-standard_cart .mc-promo.threesixtymonitoring .btn-add,
#order-standard_cart .mc-promo.threesixtymonitoring .arrow {
    background-color: #ce3b56;
}
#order-standard_cart .mc-promo.threesixtymonitoring .expander,
#order-standard_cart .mc-promo.threesixtymonitoring .price,
#order-standard_cart .mc-promo.threesixtymonitoring .fa-check {
    color: #ce3b56;
}

#order-standard_cart .mc-promo.xovinow {
    border-color: #10069F;
}
#order-standard_cart .mc-promo.xovinow .btn-add,
#order-standard_cart .mc-promo.xovinow .arrow {
    background-color: #10069F;
}
#order-standard_cart .mc-promo.xovinow .expander,
#order-standard_cart .mc-promo.xovinow .fa-check,
#order-standard_cart .mc-promo.xovinow .price {
    color: #10069F;
}

#order-standard_cart .mc-promo .rotate{
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
#order-standard_cart .mc-promo .rotate.down{
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
}

/**
 * -------------------------
 * Domain Checker Captchas
 * -------------------------
 */

#order-standard_cart .default-captcha {
    margin: 0 auto 6px auto;
    padding: 10px;
    max-width: 340px;
    background-color: #F9F9F9;
    border: 1px solid #d3d3d3;
    color: #888;
    border-radius: 3px;
    box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08);
    -moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08);
    text-align: center;
    font-size: 0.9em;
}
#order-standard_cart .default-captcha-register-margin {
    margin: 18px auto -25px auto;
}

#order-standard_cart .captcha-container p {
    margin-bottom: 5px;
}
#order-standard_cart .captcha-container img {
    margin-top: 3px;
}
#order-standard_cart .captcha-container .form-control {
    height: inherit;
    max-width: 90px;
    text-align: center;
}

#order-standard_cart .captcha-container #google-recaptcha {
    width: 304px;
    height: 100px;
    margin-top: 15px;
    margin-bottom: -50px;
}
#order-standard_cart .captcha-container #google-recaptcha.recaptcha-transfer {
    margin-bottom: -20px;
}

#order-standard_cart .idn-language-selector {
    font-size: 14px;
}

#order-standard_cart .account-select-container {
    margin: 0;
    border-right: 1px solid #eee;
}
#order-standard_cart .account-select-container div {
    padding: 0;
}
#order-standard_cart .account-select-container div.account {
    background: #f6f6f6;
    border: 1px solid #eee;
    border-right: 0;
    padding: 10px;
}
#order-standard_cart .account-select-container div.account:not(.border-bottom) {
    border-bottom: 0;
}
#order-standard_cart .account-select-container div.account.active {
    background: #fff;
}
#order-standard_cart .recaptcha-container {
    display: inline-block;
}

@media (max-width: 991px) {
    #order-standard_cart .captcha-container #google-recaptcha {
        padding-left: 2.5%;
        margin-bottom: -25px;
    }
}
@media (max-width: 736px) {
    #order-standard_cart .captcha-container #google-recaptcha {
        margin-bottom: -35px;
        transform: scale(0.935);
        transform-origin: 0 0;
        -webkit-transform: scale(0.935);
        -webkit-transform-origin: 0 0;
    }
}
@media (max-width: 384px) {
    #order-standard_cart .captcha-container #google-recaptcha {
        margin-bottom: -30px;
        transform: scale(0.96);
        transform-origin: 0 0;
    }
}
@media (max-width: 360px) {
    #order-standard_cart .captcha-container #google-recaptcha {
        margin-bottom: -35px;
        transform: scale(0.89);
        transform-origin: 0 0;
    }
}
@media (max-width: 320px) {
    #order-standard_cart .captcha-container #google-recaptcha {
        padding-left: 13.5%;
        margin-bottom: -45px;
        transform: scale(0.83);
        transform-origin: 0 0;
        -webkit-transform: scale(0.785);
        -webkit-transform-origin: 0 0;
    }
}

.w-hidden {
    display: none;
}

#order-standard_cart .font-size-36 {
    font-size: 36px;
}

#order-standard_cart .font-size-30 {
    font-size: 30px;
}

#order-standard_cart .font-size-24 {
    font-size: 24px;
}

#order-standard_cart .font-size-22 {
    font-size: 22px;
}

#order-standard_cart .font-size-18 {
    font-size: 18px;
}

#order-standard_cart .font-size-14 {
    font-size: 14px;
}

#order-standard_cart .font-size-12 {
    font-size: 12px;
}

/* Hopela order experience refresh - Codex 2026-09-05 */
#order-standard_cart.hopela-order-surface {
    --hopela-green: #5f8f36;
    --hopela-green-strong: #477426;
    --hopela-lime: #a4cf64;
    --hopela-ink: #172033;
    --hopela-muted: #667085;
    --hopela-line: #e7ecdf;
    --hopela-surface: #ffffff;
    --hopela-soft: #f6f9f2;
    --hopela-warm: #ff8a1f;
    --hopela-cyan: #1aa6b7;
    --hopela-shadow: 0 18px 42px rgba(23, 32, 51, 0.12);
    color: var(--hopela-ink);
}

#order-standard_cart.hopela-order-surface > .row {
    align-items: flex-start;
}

#order-standard_cart .hopela-order-hero {
    position: relative;
    overflow: hidden;
    margin: 0 0 22px;
    padding: 28px 30px;
    border: 1px solid rgba(95, 143, 54, 0.16);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(246, 249, 242, 0.96), rgba(255, 255, 255, 0.94) 48%, rgba(255, 248, 235, 0.86)),
        radial-gradient(circle at 92% 18%, rgba(255, 138, 31, 0.18), transparent 34%);
    box-shadow: 0 14px 34px rgba(23, 32, 51, 0.08);
}

#order-standard_cart .hopela-order-hero::after {
    content: "";
    position: absolute;
    inset: auto -40px -52px auto;
    width: 190px;
    height: 190px;
    border: 1px solid rgba(95, 143, 54, 0.2);
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(164, 207, 100, 0.24), rgba(26, 166, 183, 0.12));
    pointer-events: none;
}

#order-standard_cart .hopela-order-hero__kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    color: var(--hopela-green-strong);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

#order-standard_cart .hopela-order-hero__kicker::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--hopela-warm);
    box-shadow: 0 0 0 6px rgba(255, 138, 31, 0.14);
}

#order-standard_cart .hopela-order-hero h1 {
    position: relative;
    z-index: 1;
    margin: 0;
    color: var(--hopela-ink);
    font-size: 34px;
    line-height: 1.12;
    font-weight: 900;
    letter-spacing: 0;
}

#order-standard_cart .hopela-order-hero p {
    position: relative;
    z-index: 1;
    max-width: 720px;
    margin: 10px 0 0;
    color: var(--hopela-muted);
    font-size: 15px;
    line-height: 1.7;
}

#order-standard_cart .hopela-service-finder {
    position: relative;
    overflow: hidden;
    margin-bottom: 22px;
    border: 1px solid rgba(95, 143, 54, 0.18);
    border-radius: 8px;
    background: linear-gradient(180deg, #ffffff, #f8fbf4);
    box-shadow: var(--hopela-shadow);
}

#order-standard_cart .hopela-service-finder__head {
    position: relative;
    padding: 18px 18px 16px;
    color: #fff;
    background: linear-gradient(135deg, #4f7f2d, #75a94b 72%, #ff8a1f);
}

#order-standard_cart .hopela-service-finder__head::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.18), transparent 46%);
    pointer-events: none;
}

#order-standard_cart .hopela-service-finder__eyebrow {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 800;
    opacity: 0.92;
}

#order-standard_cart .hopela-service-finder__head strong {
    position: relative;
    z-index: 1;
    display: block;
    font-size: 19px;
    line-height: 1.2;
}

#order-standard_cart .hopela-service-finder__badge,
#order-standard_cart .hopela-service-link__badge {
    display: inline-flex;
    min-width: 22px;
    justify-content: center;
    padding: 2px 7px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.2);
    color: inherit;
    font-size: 11px;
    font-weight: 800;
}

#order-standard_cart .hopela-service-finder__body,
#order-standard_cart .hopela-service-finder__footer {
    padding: 14px 16px 0;
}

#order-standard_cart .hopela-service-search,
#order-standard_cart .hopela-product-search {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    margin: 14px 16px 12px;
    padding: 0 13px;
    border: 1px solid rgba(95, 143, 54, 0.24);
    border-radius: 8px;
    background: #fff;
    color: var(--hopela-green-strong);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

#order-standard_cart .hopela-service-search input,
#order-standard_cart .hopela-product-search input {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    color: var(--hopela-ink);
    background: transparent;
    font-size: 13px;
}

#order-standard_cart .hopela-service-filters {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    padding: 0 16px 14px;
}

#order-standard_cart .hopela-service-filters button {
    min-height: 34px;
    border: 1px solid rgba(95, 143, 54, 0.18);
    border-radius: 8px;
    background: #fff;
    color: var(--hopela-muted);
    font-size: 12px;
    font-weight: 800;
    transition: transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
}

#order-standard_cart .hopela-service-filters button:hover,
#order-standard_cart .hopela-service-filters button.is-active {
    transform: translateY(-1px);
    border-color: rgba(95, 143, 54, 0.38);
    background: linear-gradient(135deg, #5f8f36, #75a94b);
    color: #fff;
}

#order-standard_cart .hopela-service-accordion {
    padding: 0 12px 14px;
}

#order-standard_cart .hopela-service-group {
    margin: 8px 0;
    border: 1px solid rgba(95, 143, 54, 0.14);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.76);
}

#order-standard_cart .hopela-service-group summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px;
    color: var(--hopela-ink);
    cursor: pointer;
    list-style: none;
    font-size: 13px;
    font-weight: 900;
}

#order-standard_cart .hopela-service-group summary::-webkit-details-marker {
    display: none;
}

#order-standard_cart .hopela-service-group summary span {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
}

#order-standard_cart .hopela-service-group summary i {
    color: var(--hopela-green);
}

#order-standard_cart .hopela-service-group summary em {
    flex: 0 0 auto;
    min-width: 25px;
    padding: 2px 7px;
    border-radius: 999px;
    background: rgba(95, 143, 54, 0.12);
    color: var(--hopela-green-strong);
    text-align: center;
    font-style: normal;
    font-size: 11px;
}

#order-standard_cart .hopela-service-group__list {
    padding: 0 8px 9px;
}

#order-standard_cart .hopela-service-link {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    min-height: 42px;
    margin: 6px 0;
    padding: 8px 9px;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #263247;
    background: #fff;
    text-decoration: none;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

#order-standard_cart .hopela-service-link:hover,
#order-standard_cart .hopela-service-link.active {
    transform: translateX(3px);
    border-color: rgba(255, 138, 31, 0.36);
    color: var(--hopela-ink);
    background: linear-gradient(135deg, #fff, #fff8eb);
    box-shadow: 0 10px 24px rgba(23, 32, 51, 0.08);
    text-decoration: none;
}

#order-standard_cart .hopela-service-link.active .hopela-service-link__icon {
    color: #fff;
    background: linear-gradient(135deg, var(--hopela-warm), #cf5200);
}

#order-standard_cart .hopela-service-link__icon {
    display: inline-flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: var(--hopela-green-strong);
    background: rgba(95, 143, 54, 0.1);
}

#order-standard_cart .hopela-service-link__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 700;
}

#order-standard_cart .hopela-service-empty {
    margin: 0 16px 16px;
    padding: 12px;
    border-radius: 8px;
    color: #8a5a00;
    background: #fff3d7;
    text-align: center;
    font-size: 13px;
}

#order-standard_cart .hopela-products-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin: 0 0 18px;
    padding: 12px;
    border: 1px solid rgba(95, 143, 54, 0.14);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 10px 26px rgba(23, 32, 51, 0.06);
}

#order-standard_cart .hopela-products-toolbar .hopela-product-search {
    flex: 1 1 auto;
    margin: 0;
}

#order-standard_cart .hopela-products-toolbar [data-product-count] {
    flex: 0 0 auto;
    padding: 9px 12px;
    border-radius: 8px;
    color: var(--hopela-green-strong);
    background: rgba(95, 143, 54, 0.1);
    font-size: 12px;
    font-weight: 900;
}

#order-standard_cart .products .hopela-product-card {
    position: relative;
    display: flex;
    min-height: 100%;
    flex-direction: column;
    overflow: hidden;
    padding: 0;
    border: 1px solid rgba(95, 143, 54, 0.14);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 12px 32px rgba(23, 32, 51, 0.08);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

#order-standard_cart .products .hopela-product-card::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 4px;
    background: linear-gradient(90deg, var(--hopela-green), var(--hopela-lime), var(--hopela-warm));
}

#order-standard_cart .products .hopela-product-card:hover {
    transform: translateY(-4px);
    border-color: rgba(255, 138, 31, 0.32);
    box-shadow: 0 20px 48px rgba(23, 32, 51, 0.14);
}

#order-standard_cart .products .hopela-product-card header {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 88px;
    padding: 20px 20px 13px;
    margin: 0;
    background:
        linear-gradient(135deg, rgba(246, 249, 242, 0.92), rgba(255, 255, 255, 0.88)),
        radial-gradient(circle at 90% 15%, rgba(26, 166, 183, 0.14), transparent 34%);
    border-radius: 0;
}

#order-standard_cart .products .hopela-product-card header span:not(.qty):not(.hopela-product-card__pill) {
    color: var(--hopela-ink);
    font-size: 19px;
    line-height: 1.28;
    font-weight: 900;
}

#order-standard_cart .products .hopela-product-card__pill {
    align-self: flex-start;
    padding: 4px 9px;
    border-radius: 999px;
    color: var(--hopela-green-strong);
    background: rgba(95, 143, 54, 0.12);
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

#order-standard_cart .products .hopela-product-card header .qty {
    position: absolute;
    top: 18px;
    right: 18px;
    color: var(--hopela-muted);
}

#order-standard_cart .products .hopela-product-card div.product-desc {
    float: none;
    width: 100%;
    flex: 1 1 auto;
    padding: 18px 20px 6px;
    color: var(--hopela-muted);
    font-size: 13px;
    line-height: 1.6;
}

#order-standard_cart .products .hopela-product-card div.product-desc p {
    margin-bottom: 12px;
}

#order-standard_cart .products .hopela-product-card div.product-desc ul {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

#order-standard_cart .products .hopela-product-card div.product-desc li {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
}

#order-standard_cart .products .hopela-product-card div.product-desc li::before {
    content: "\f00c";
    display: inline-flex;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    background: var(--hopela-green);
    font-family: "Font Awesome 5 Free";
    font-size: 10px;
    font-weight: 900;
}

#order-standard_cart .products .hopela-product-card footer {
    float: none;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: auto 0 0;
    padding: 16px 20px 20px;
    border-top: 1px solid rgba(95, 143, 54, 0.12);
    background: linear-gradient(180deg, #fff, #f9fbf6);
    font-size: 13px;
    text-align: left;
}

#order-standard_cart .products .hopela-product-card div.product-pricing {
    margin: 0;
    color: var(--hopela-muted);
}

#order-standard_cart .products .hopela-product-card div.product-pricing span.price {
    display: block;
    color: var(--hopela-ink);
    font-size: 25px;
    line-height: 1;
    font-weight: 900;
}

#order-standard_cart .products .hopela-product-card .btn-order-now,
#order-standard_cart #btnCompleteProductConfig {
    position: relative;
    overflow: hidden;
    min-height: 44px;
    border: 0;
    border-radius: 8px;
    background: linear-gradient(135deg, #ff8a1f, #d45700);
    color: #fff;
    box-shadow: 0 12px 26px rgba(212, 87, 0, 0.22);
    font-weight: 900;
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

#order-standard_cart .products .hopela-product-card .btn-order-now::after,
#order-standard_cart #btnCompleteProductConfig::after {
    content: "";
    position: absolute;
    inset: 0;
    transform: translateX(-120%);
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.36), transparent);
    transition: transform .45s ease;
}

#order-standard_cart .products .hopela-product-card .btn-order-now:hover,
#order-standard_cart #btnCompleteProductConfig:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 34px rgba(212, 87, 0, 0.28);
    filter: saturate(1.06);
}

#order-standard_cart .products .hopela-product-card .btn-order-now:hover::after,
#order-standard_cart #btnCompleteProductConfig:hover::after {
    transform: translateX(120%);
}

/* Compact "Commander" button on offer cards (was oversized) */
#order-standard_cart .products .hopela-product-card .btn-order-now {
    min-height: 0;
    padding: 9px 15px;
    font-size: 12.5px;
    line-height: 1.1;
    letter-spacing: .2px;
    box-shadow: 0 8px 18px rgba(212, 87, 0, 0.2);
    white-space: nowrap;
}

#order-standard_cart .products .hopela-product-card .btn-order-now i {
    margin-right: 5px;
}

#order-standard_cart .hopela-config-intro {
    margin: 0 0 14px;
    color: var(--hopela-muted);
    font-size: 15px;
}

#order-standard_cart .hopela-config-product {
    position: relative;
    min-height: 132px;
    margin: 0 0 22px;
    padding: 22px 22px 22px 82px;
    border: 1px solid rgba(95, 143, 54, 0.16);
    border-radius: 8px;
    background: linear-gradient(135deg, #fff, #f7fbf1);
    box-shadow: 0 14px 32px rgba(23, 32, 51, 0.08);
}

#order-standard_cart .hopela-config-product__icon,
#order-standard_cart .hopela-summary-product__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 8px;
    color: #fff;
    background: linear-gradient(135deg, var(--hopela-green), var(--hopela-cyan));
    box-shadow: 0 12px 22px rgba(95, 143, 54, 0.22);
}

#order-standard_cart .hopela-config-product__icon {
    position: absolute;
    top: 22px;
    left: 22px;
}

#order-standard_cart .product-info .product-title {
    color: var(--hopela-ink);
    font-size: 24px;
    line-height: 1.18;
    font-weight: 900;
}

#order-standard_cart .hopela-config-section {
    padding: 18px;
    border: 1px solid rgba(95, 143, 54, 0.14);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 10px 26px rgba(23, 32, 51, 0.06);
}

#order-standard_cart .sub-heading {
    height: auto;
    margin: 25px 0 14px;
    border: 0;
    text-align: left;
}

#order-standard_cart .sub-heading span,
#order-standard_cart .sub-heading-borderless span {
    top: auto;
    padding: 0;
    color: var(--hopela-green-strong);
    font-size: 15px;
    font-weight: 900;
}

#order-standard_cart .field,
#order-standard_cart .form-control,
#order-standard_cart .custom-select {
    min-height: 42px;
    border-color: rgba(95, 143, 54, 0.22);
    border-radius: 8px;
    color: var(--hopela-ink);
    background-color: #fff;
    transition: border-color .18s ease, box-shadow .18s ease;
}

#order-standard_cart .field:focus,
#order-standard_cart .form-control:focus,
#order-standard_cart .custom-select:focus {
    border-color: var(--hopela-green);
    box-shadow: 0 0 0 3px rgba(95, 143, 54, 0.14);
}

#order-standard_cart .hopela-order-summary-card {
    position: static;
    overflow: hidden;
    border: 1px solid rgba(23, 32, 51, 0.08);
    border-radius: 8px;
    background: #fff;
    box-shadow: var(--hopela-shadow);
}

#order-standard_cart .hopela-order-summary-card h2 {
    padding: 15px 18px;
    background: linear-gradient(135deg, #172033, #31415e);
    color: #fff;
    font-size: 18px;
    font-weight: 900;
}

#order-standard_cart .hopela-order-summary-card .summary-container {
    padding: 16px;
    background: #fff;
    font-size: 13px;
}

#order-standard_cart .hopela-summary-product {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 11px;
    align-items: center;
    margin-bottom: 14px;
}

#order-standard_cart .hopela-summary-product .product-name,
#order-standard_cart .hopela-summary-product .product-group {
    grid-column: 2;
}

#order-standard_cart .hopela-summary-product__icon {
    grid-row: 1 / span 2;
}

#order-standard_cart .order-summary .summary-totals {
    margin: 12px 0;
    padding: 12px 0;
    border-color: rgba(95, 143, 54, 0.16);
}

#order-standard_cart .order-summary .total-due-today {
    padding: 12px;
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(95, 143, 54, 0.1), rgba(255, 138, 31, 0.12));
}

#order-standard_cart .order-summary .total-due-today .amt {
    color: var(--hopela-ink);
    font-size: 31px;
    font-weight: 900;
}

#order-standard_cart .alert.info-text-sm {
    margin-top: 22px;
    border: 1px solid rgba(255, 138, 31, 0.24);
    border-radius: 8px;
    background: #fff5df;
    color: #7a4b00;
}

@keyframes hopelaFadeUp {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

#order-standard_cart .hopela-order-hero,
#order-standard_cart .hopela-service-finder,
#order-standard_cart .hopela-products-toolbar,
#order-standard_cart .hopela-product-card,
#order-standard_cart .hopela-config-product,
#order-standard_cart .hopela-config-section,
#order-standard_cart .hopela-order-summary-card {
    animation: hopelaFadeUp .36s ease both;
}

@media only screen and (max-width: 1199px) {
    #order-standard_cart .hopela-service-finder {
        position: relative;
        top: auto;
    }
}

@media only screen and (max-width: 767px) {
    #order-standard_cart .hopela-order-hero {
        padding: 22px 20px;
    }

    #order-standard_cart .hopela-order-hero h1 {
        font-size: 28px;
    }

    #order-standard_cart .hopela-products-toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    #order-standard_cart .products .hopela-product-card footer {
        align-items: stretch;
        flex-direction: column;
    }

    #order-standard_cart .products .hopela-product-card .btn-order-now {
        width: 100%;
    }

    #order-standard_cart .hopela-config-product {
        padding: 18px;
    }

    #order-standard_cart .hopela-config-product__icon {
        position: static;
        margin-bottom: 12px;
    }
}

@media (prefers-reduced-motion: reduce) {
    #order-standard_cart .hopela-order-hero,
    #order-standard_cart .hopela-service-finder,
    #order-standard_cart .hopela-products-toolbar,
    #order-standard_cart .hopela-product-card,
    #order-standard_cart .hopela-config-product,
    #order-standard_cart .hopela-config-section,
    #order-standard_cart .hopela-order-summary-card {
        animation: none;
    }

    #order-standard_cart .hopela-service-filters button,
    #order-standard_cart .hopela-service-link,
    #order-standard_cart .products .hopela-product-card,
    #order-standard_cart .products .hopela-product-card .btn-order-now,
    #order-standard_cart #btnCompleteProductConfig {
        transition: none;
    }
}

/* Hopela order design v2 */
#order-standard_cart [hidden] {
    display: none !important;
}

#order-standard_cart .hopela-service-finder {
    background:
        linear-gradient(180deg, #ffffff 0%, #fbfdf8 100%),
        radial-gradient(circle at 20% 0, rgba(255, 138, 31, 0.16), transparent 34%);
}

#order-standard_cart .hopela-service-accordion {
    display: grid;
    gap: 10px;
}

#order-standard_cart .hopela-service-group {
    margin: 0;
    overflow: hidden;
    border-color: rgba(23, 32, 51, 0.08);
    background: #fff;
    box-shadow: 0 10px 24px rgba(23, 32, 51, 0.06);
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

#order-standard_cart .hopela-service-group:hover,
#order-standard_cart .hopela-service-group[open] {
    transform: translateY(-1px);
    border-color: rgba(255, 138, 31, 0.3);
    box-shadow: 0 16px 34px rgba(23, 32, 51, 0.1);
}

#order-standard_cart .hopela-service-group summary {
    min-height: 68px;
    padding: 13px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(246, 249, 242, 0.9)),
        radial-gradient(circle at 100% 0, rgba(26, 166, 183, 0.13), transparent 38%);
}

#order-standard_cart .hopela-service-group summary .hopela-service-group__main {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
}

#order-standard_cart .hopela-service-group summary .hopela-service-group__main > i {
    display: inline-flex;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: #fff;
    background: linear-gradient(135deg, var(--hopela-green), var(--hopela-cyan));
    box-shadow: 0 10px 22px rgba(95, 143, 54, 0.22);
}

#order-standard_cart .hopela-service-group summary .hopela-service-group__main > span {
    display: block;
    min-width: 0;
}

#order-standard_cart .hopela-service-group summary strong,
#order-standard_cart .hopela-service-group summary small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#order-standard_cart .hopela-service-group summary strong {
    color: var(--hopela-ink);
    font-size: 14px;
    line-height: 1.15;
}

#order-standard_cart .hopela-service-group summary small {
    margin-top: 3px;
    color: var(--hopela-muted);
    font-size: 11px;
    font-weight: 700;
}

#order-standard_cart .hopela-service-group summary em {
    border-radius: 8px;
    background: #fff4df;
    color: #a55000;
}

#order-standard_cart .hopela-service-group__list {
    max-height: 390px;
    overflow: auto;
    padding: 4px 10px 10px;
}

#order-standard_cart .hopela-service-link {
    animation: hopelaFadeUp .2s ease both;
}

#order-standard_cart .products .hopela-product-card header {
    min-height: 122px;
    padding-right: 106px;
}

#order-standard_cart .products .hopela-product-card__media {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 2;
    display: inline-flex;
    width: 80px;
    height: 80px;
    padding: 10px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.85);
    border-radius: 22px;
    color: var(--hopela-green-strong);
    background:
        linear-gradient(150deg, #ffffff, #f3f7ec),
        radial-gradient(circle at 28% 20%, rgba(255, 138, 31, 0.18), transparent 62%);
    box-shadow: 0 16px 30px rgba(23, 32, 51, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.9);
    font-size: 26px;
    transition: transform .28s cubic-bezier(.2, .7, .3, 1), box-shadow .28s ease;
}

#order-standard_cart .products .hopela-product-card__media::after {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: 22px;
    padding: 1px;
    background: linear-gradient(135deg, rgba(95, 143, 54, 0.55), rgba(255, 138, 31, 0.55));
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    opacity: 0;
    transition: opacity .28s ease;
    pointer-events: none;
}

#order-standard_cart .products .hopela-product-card__media img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 6px 9px rgba(23, 32, 51, 0.18));
    animation: hopelaFloat 4.5s ease-in-out infinite;
}

#order-standard_cart .products .hopela-product-card:hover .hopela-product-card__media {
    transform: translateY(-3px) rotate(-3deg);
    box-shadow: 0 24px 42px rgba(23, 32, 51, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

#order-standard_cart .products .hopela-product-card:hover .hopela-product-card__media::after {
    opacity: 1;
}

/* Real offer image shown alone (no overlaid glyph) */
#order-standard_cart .products .hopela-product-card__media.has-image i {
    display: none;
}

@keyframes hopelaFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-5px); }
}

#order-standard_cart .products .hopela-product-card__title {
    max-width: 100%;
}

#order-standard_cart .hopela-section-title {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    margin-bottom: 15px;
}

#order-standard_cart .hopela-section-title > span {
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: #fff;
    background: linear-gradient(135deg, var(--hopela-green), var(--hopela-warm));
    box-shadow: 0 12px 24px rgba(95, 143, 54, 0.18);
}

#order-standard_cart .hopela-section-title strong,
#order-standard_cart .hopela-section-title small {
    display: block;
}

#order-standard_cart .hopela-section-title strong {
    color: var(--hopela-ink);
    font-size: 18px;
    line-height: 1.2;
    font-weight: 900;
}

#order-standard_cart .hopela-section-title small {
    margin-top: 3px;
    color: var(--hopela-muted);
    font-size: 12px;
    line-height: 1.4;
    font-weight: 700;
}

#order-standard_cart .hopela-billing-panel {
    background:
        linear-gradient(135deg, #ffffff, #fbfdf8),
        radial-gradient(circle at 100% 0, rgba(255, 138, 31, 0.12), transparent 32%);
}

#order-standard_cart .hopela-billing-native {
    margin-bottom: 12px;
}

#order-standard_cart .hopela-billing-native label {
    color: var(--hopela-muted);
    font-size: 12px;
    font-weight: 800;
}

#order-standard_cart .hopela-billing-native select {
    width: 100%;
    max-width: 360px;
    min-height: 46px;
    padding-left: 14px;
    border-color: rgba(95, 143, 54, 0.25);
    background:
        linear-gradient(180deg, #fff, #fbfdf8);
    font-weight: 800;
}

#order-standard_cart .hopela-billing-switch {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(178px, 1fr));
    gap: 10px;
}

#order-standard_cart .hopela-billing-card {
    position: relative;
    min-height: 96px;
    overflow: hidden;
    padding: 13px;
    border: 1px solid rgba(95, 143, 54, 0.16);
    border-radius: 8px;
    background: #fff;
    color: var(--hopela-ink);
    text-align: left;
    box-shadow: 0 10px 24px rgba(23, 32, 51, 0.06);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
    min-width: 0;
}

#order-standard_cart .hopela-billing-card::after {
    content: "";
    position: absolute;
    inset: auto -22px -34px auto;
    width: 86px;
    height: 86px;
    border-radius: 50%;
    background: rgba(26, 166, 183, 0.1);
    transition: transform .2s ease;
}

#order-standard_cart .hopela-billing-card:hover,
#order-standard_cart .hopela-billing-card.is-active {
    transform: translateY(-3px);
    border-color: rgba(255, 138, 31, 0.42);
    background: linear-gradient(135deg, #fff, #fff8ec);
    box-shadow: 0 16px 34px rgba(23, 32, 51, 0.12);
}

#order-standard_cart .hopela-billing-card:hover::after,
#order-standard_cart .hopela-billing-card.is-active::after {
    transform: scale(1.2);
}

#order-standard_cart .hopela-billing-card.is-active {
    outline: 3px solid rgba(255, 138, 31, 0.16);
}

#order-standard_cart .hopela-billing-card span,
#order-standard_cart .hopela-billing-card strong,
#order-standard_cart .hopela-billing-card small,
#order-standard_cart .hopela-billing-card em {
    position: relative;
    z-index: 1;
    display: block;
}

#order-standard_cart .hopela-billing-card span {
    color: var(--hopela-muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

#order-standard_cart .hopela-billing-card strong {
    margin-top: 8px;
    font-size: 16px;
    line-height: 1.18;
    font-weight: 900;
    overflow-wrap: anywhere;
}

#order-standard_cart .hopela-billing-card small,
#order-standard_cart .hopela-billing-card em {
    margin-top: 9px;
    width: max-content;
    max-width: 100%;
    padding: 4px 7px;
    border-radius: 8px;
    background: rgba(95, 143, 54, 0.1);
    color: var(--hopela-green-strong);
    font-size: 11px;
    font-style: normal;
    font-weight: 900;
}

#order-standard_cart .hopela-billing-card em {
    background: linear-gradient(135deg, var(--hopela-warm), #cf5200);
    color: #fff;
}

#order-standard_cart .hopela-extra-info-card {
    margin-top: 24px;
    padding: 18px;
    border: 1px solid rgba(95, 143, 54, 0.14);
    border-radius: 8px;
    background:
        linear-gradient(135deg, #ffffff, #f7fbf1),
        radial-gradient(circle at 0 100%, rgba(26, 166, 183, 0.1), transparent 30%);
    box-shadow: 0 14px 32px rgba(23, 32, 51, 0.08);
    animation: hopelaFadeUp .36s ease both;
}

#order-standard_cart .hopela-extra-fields {
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

#order-standard_cart .hopela-extra-fields .form-group {
    margin-bottom: 0;
}

#order-standard_cart .hopela-extra-fields label {
    color: var(--hopela-ink);
    font-weight: 900;
}

#order-standard_cart .hopela-extra-fields .field-help-text {
    display: block;
    margin-top: 8px;
    color: var(--hopela-muted);
    font-size: 12px;
    line-height: 1.45;
}

@media only screen and (max-width: 991px) {
    #order-standard_cart .hopela-billing-switch {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media only screen and (max-width: 767px) {
    #order-standard_cart .products .hopela-product-card header {
        min-height: 112px;
        padding-right: 86px;
    }

    #order-standard_cart .products .hopela-product-card__media {
        width: 54px;
        height: 54px;
    }
}

@media only screen and (max-width: 520px) {
    #order-standard_cart .hopela-billing-switch {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    #order-standard_cart .hopela-service-group,
    #order-standard_cart .hopela-billing-card,
    #order-standard_cart .hopela-billing-card::after,
    #order-standard_cart .hopela-extra-info-card {
        animation: none;
        transition: none;
    }
}

/* ============================================================
   Hopela - Page de configuration : resume de commande sticky
   qui suit le scroll proprement (sous le header fixe), pendant
   que le catalogue de gauche reste en place. Desktop uniquement.
   ============================================================ */
@media (min-width: 992px) {
    #order-standard_cart.hopela-configure-page #frmConfigureProduct > .row {
        display: flex;
        align-items: flex-start;
    }
    #order-standard_cart.hopela-configure-page #frmConfigureProduct > .row > .secondary-cart-body {
        float: none;
    }
    #order-standard_cart.hopela-configure-page #frmConfigureProduct > .row > .secondary-cart-sidebar {
        float: none;
        position: sticky;
        top: 104px;
        align-self: flex-start;
    }
}

/* ============================================================
   Titres de section secondaires (.sub-heading) : au lieu du bloc
   vert brut du theme, une pastille de marque douce et coherente.
   ============================================================ */
#order-standard_cart .sub-heading {
    margin: 26px 0 14px;
    border: 0;
}
#order-standard_cart .sub-heading .primary-bg-color {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 15px;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(95, 143, 54, 0.14), rgba(255, 138, 31, 0.14)) !important;
    color: var(--hopela-green-strong) !important;
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .3px;
}

/* ============================================================
   Hopela - "Verifier & commander" (viewcart) + "Passer la
   commande" (checkout) : refonte orientee confiance.
   ============================================================ */

/* Table de revue du panier : en-tete de marque + lignes propres */
#order-standard_cart .view-cart-items-header {
    margin: 0;
    padding: 13px 18px;
    border-radius: 12px 12px 0 0;
    background: linear-gradient(135deg, #172033, #31415e);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .4px;
    text-transform: uppercase;
}
#order-standard_cart .view-cart-items {
    margin: 0 0 22px;
    border: 1px solid rgba(23, 32, 51, 0.10);
    border-top: 0;
    border-radius: 0 0 12px 12px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 14px 30px rgba(23, 32, 51, 0.07);
}
#order-standard_cart .view-cart-items .item {
    padding: 16px 18px;
    border: 0;
    border-bottom: 1px solid rgba(23, 32, 51, 0.07);
    background: #fff;
    font-size: 13px;
}
#order-standard_cart .view-cart-items .item:last-child { border-bottom: 0; }
#order-standard_cart .view-cart-items .item:nth-child(even) { background: #fbfdf9; }
#order-standard_cart .view-cart-items .item-title {
    font-size: 16px;
    font-weight: 900;
    color: var(--hopela-ink);
}
#order-standard_cart .view-cart-items .item-title .btn-link {
    font-size: 12px;
    font-weight: 700;
    color: var(--hopela-green-strong);
}
#order-standard_cart .view-cart-items .item-group {
    font-size: 12.5px;
    font-style: normal;
    font-weight: 700;
    color: var(--hopela-warm);
}
#order-standard_cart .view-cart-items .item-price span { font-size: 18px; font-weight: 900; color: var(--hopela-ink); }
#order-standard_cart .view-cart-items .item-price .cycle { font-size: 12px; font-weight: 600; color: var(--hopela-muted); }

#order-standard_cart .empty-cart { margin: -12px 4px 0 0; }
#order-standard_cart .empty-cart .btn {
    padding: 7px 14px;
    border: 0;
    border-radius: 999px;
    background: rgba(23, 32, 51, 0.06);
    color: var(--hopela-ink);
    font-size: 12px;
    font-weight: 700;
}
#order-standard_cart .empty-cart .btn:hover { background: rgba(207, 40, 40, 0.12); color: #b62222; }

/* Code promo + gateway : cartes douces au lieu du gris/pointille brut */
#order-standard_cart .view-cart-tabs .tab-content {
    border: 1px solid rgba(95, 143, 54, 0.18);
    border-radius: 12px;
    background: linear-gradient(180deg, #ffffff, #f8fbf4);
}
#order-standard_cart .view-cart-promotion-code {
    border: 1px dashed rgba(95, 143, 54, 0.35);
    border-radius: 10px;
    background: #fff;
}
#order-standard_cart .view-cart-gateway-checkout {
    border-radius: 12px;
    background: linear-gradient(180deg, #ffffff, #f4f8ee);
    border: 1px solid rgba(95, 143, 54, 0.16);
}

/* Bouton "Passer la commande" : CTA orange large et rassurant */
#order-standard_cart .btn-checkout {
    display: inline-block;
    width: 100%;
    padding: 14px 24px;
    border: 0;
    border-radius: 10px;
    background: linear-gradient(135deg, #ff8a1f, #d45700);
    color: #fff;
    font-size: 15px;
    font-weight: 900;
    box-shadow: 0 14px 28px rgba(212, 87, 0, 0.26);
    transition: transform .18s ease, box-shadow .18s ease;
}
#order-standard_cart .btn-checkout:hover {
    transform: translateY(-2px);
    box-shadow: 0 20px 38px rgba(212, 87, 0, 0.32);
    color: #fff;
}

/* Badges de confiance dans le resume */
#order-standard_cart .hopela-trust-badges {
    display: grid;
    gap: 10px;
    margin: 16px 0 2px;
    padding: 15px 2px 2px;
    border-top: 1px solid rgba(95, 143, 54, 0.16);
    list-style: none;
}
#order-standard_cart .hopela-trust-badges li {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    font-size: 12.5px;
    font-weight: 700;
    color: var(--hopela-ink);
}
#order-standard_cart .hopela-trust-badges i {
    display: inline-flex;
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: var(--hopela-green-strong);
    background: rgba(95, 143, 54, 0.12);
    font-size: 12px;
}

/* Barre de confiance en haut du checkout */
#order-standard_cart .hopela-checkout-trust {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    margin: 0 0 24px;
    padding: 14px 20px;
    border: 1px solid rgba(95, 143, 54, 0.16);
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(95, 143, 54, 0.08), rgba(255, 138, 31, 0.08));
}
#order-standard_cart .hopela-checkout-trust span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 800;
    color: var(--hopela-ink);
}
#order-standard_cart .hopela-checkout-trust i { color: var(--hopela-green-strong); }

/* Checkout : toggle "deja client / creer un compte" + champs */
#order-standard_cart .already-registered .btn-info,
#order-standard_cart .already-registered .btn-warning {
    border: 0;
    border-radius: 999px;
    padding: 8px 16px;
    font-weight: 800;
}
#order-standard_cart .prepend-icon .field-icon {
    color: var(--hopela-green-strong);
    opacity: .85;
}

@media (max-width: 767px) {
    #order-standard_cart .hopela-checkout-trust { gap: 8px 14px; padding: 12px 14px; }
    #order-standard_cart .hopela-checkout-trust span { font-size: 12px; }
}

/* ============================================================
   v3 (a) FIX icônes FontAwesome sur les pages cart.php :
   FA6 Pro est chargee mais la variable --fa (glyphe) manque ->
   on force la police + le codepoint des icones utilisees.
   ============================================================ */
#order-standard_cart i.fas,
#order-standard_cart i.fa-solid,
#order-standard_cart [data-service-catalog] i,
#order-standard_cart .sidebar-collapsed i {
    font-family: "Font Awesome 6 Pro", "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
}
#order-standard_cart i.fa-gamepad::before { content: "\f11b" !important; }
#order-standard_cart i.fa-server::before { content: "\f233" !important; }
#order-standard_cart i.fa-globe::before { content: "\f0ac" !important; }
#order-standard_cart i.fa-th-large::before { content: "\f009" !important; }
#order-standard_cart i.fa-shopping-bag::before { content: "\f290" !important; }
#order-standard_cart i.fa-shopping-cart::before { content: "\f07a" !important; }
#order-standard_cart i.fa-search::before { content: "\f002" !important; }
#order-standard_cart i.fa-cube::before { content: "\f1b2" !important; }
#order-standard_cart i.fa-layer-group::before { content: "\f5fd" !important; }
#order-standard_cart i.fa-calendar-check::before { content: "\f274" !important; }
#order-standard_cart i.fa-sliders-h::before { content: "\f1de" !important; }
#order-standard_cart i.fa-signature::before { content: "\f5b7" !important; }
#order-standard_cart i.fa-bolt::before { content: "\f0e7" !important; }
#order-standard_cart i.fa-lock::before { content: "\f023" !important; }
#order-standard_cart i.fa-shield-alt::before { content: "\f3ed" !important; }
#order-standard_cart i.fa-headset::before { content: "\f590" !important; }
#order-standard_cart i.fa-question-circle::before { content: "\f059" !important; }
#order-standard_cart i.fa-arrow-circle-right::before { content: "\f0a9" !important; }
#order-standard_cart i.fa-arrow-right::before { content: "\f061" !important; }
#order-standard_cart i.fa-pencil-alt::before { content: "\f303" !important; }
#order-standard_cart i.fa-trash-alt::before { content: "\f2ed" !important; }
#order-standard_cart i.fa-chevron-up::before { content: "\f077" !important; }
#order-standard_cart i.fa-rocket::before { content: "\f135" !important; }
#order-standard_cart i.fa-fire::before { content: "\f06d" !important; }

/* ============================================================
   v3 (b) Cartes d'offres : plus d'ecart ENTRE les cartes, moins
   d'espace DEDANS, icone un peu plus compacte.
   ============================================================ */
#order-standard_cart .products .row-eq-height {
    margin-left: -13px;
    margin-right: -13px;
}
#order-standard_cart .products .row-eq-height > .col-md-6 {
    padding-left: 13px;
    padding-right: 13px;
    margin-bottom: 26px;
}
#order-standard_cart .products .hopela-product-card__media {
    width: 70px;
    height: 70px;
    padding: 8px;
    top: 12px;
    right: 14px;
    border-radius: 18px;
}
#order-standard_cart .products .hopela-product-card__media::after { border-radius: 18px; }
#order-standard_cart .products .hopela-product-card header {
    min-height: 90px;
    padding: 15px 92px 9px 18px;
    gap: 6px;
}
#order-standard_cart .products .hopela-product-card div.product-desc {
    padding: 12px 18px 4px;
}
#order-standard_cart .products .hopela-product-card div.product-desc ul { gap: 6px; }
#order-standard_cart .products .hopela-product-card div.product-desc li { font-size: 12.5px; }
#order-standard_cart .products .hopela-product-card footer { padding: 12px 18px 15px; }

/* v3 (c) Icones de categories : boite verte GARANTIE (sans exiger la
   structure <summary>, qui diffère sur certaines pages cart.php) pour
   ne jamais laisser un glyphe blanc invisible. */
#order-standard_cart .hopela-service-group__main > i {
    display: inline-flex !important;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: #fff !important;
    background: linear-gradient(135deg, #5f8f36, #75a94b) !important;
    box-shadow: 0 10px 22px rgba(95, 143, 54, 0.22);
}
#order-standard_cart .hopela-service-link__icon i { color: #5f8f36 !important; }
#order-standard_cart .hopela-service-finder__eyebrow i,
#order-standard_cart .hopela-service-search > i,
#order-standard_cart .hopela-product-search > i { color: #5f8f36 !important; }