.simple-content {
    margin: 0px 5px;
}
.simple-content fieldset {
    text-align: left;
}

.simple-content fieldset h3 {
    margin: 0;
}
.simple-content .name {
    float: none !important;
}
.simple-content .button, #simplecheckout_login .button {
    margin: 0px !important;
}
.simple-content .buttons {
    margin: 0px 0px 15px 0px;
    border: none;
}
.simple-content .form-control {
    width: 100%;
}
#simplecheckout_login .buttons {
    margin: 0;
    border: none;
    background: inherit !important;
    padding: 0px !important;
}
.simplecheckout {
    width:100%;
}
.simplecheckout:after {
    content:"";
    display:block;
    clear:both;
}
.simplecheckout-button-block:after {
    content:"";
    display:block;
    clear:both;
}
.simplecheckout-three-column {
    float:left;
    margin-right:2%;
    min-width: 200px;
    max-width: 500px;
    width:32%;
}
.simplecheckout-three-column + .simplecheckout-three-column + .simplecheckout-three-column {
    margin-right:0px;
    float: right;
}
@media only screen and (max-width:768px) {
    .simplecheckout-three-column {
        display:block;
        float: none;
        min-width: auto !important;
        max-width: 1900px !important;
        width: 100%;
    }
}
.simplecheckout-left-column {
    float:left;
    margin-right:10px;
    min-width: 280px;
    max-width: 900px;
    width:52%;
}
.simplecheckout-right-column {
    float:right;
    min-width: 280px;
    max-width: 900px;
    width:46%;
}
@media only screen and (max-width:1024px) {
    .simplecheckout-left-column {
        display:block;
        float: none;
        min-width: auto !important;
        max-width: 1900px !important;
        width: 100% !important;
    }
    .simplecheckout-right-column {
        display:block;
        float: none;
        min-width: auto !important;
        max-width: 1900px !important;
        width: 100% !important;
    }
}
@media only screen and (max-width:1200px) {
    .simplecheckout label.col-sm-2 {
        padding-left: 5px;
        padding-right: 5px;
    }
}
@media only screen and (max-width:768px) {
    .simplecheckout label.col-sm-2 {
        padding-left: 15px;
        padding-right: 15px;
    }
}
.simplecheckout-block {
    clear: both;
    margin-bottom: 20px;
}
.simplecheckout-block-content {
    padding: 10px;
}
@media only screen and (min-width:1200px) {
    .simplecheckout-block-content>fieldset:nth-of-type(2),
    .simplecheckout-block-content>fieldset:nth-last-of-type(2) {
        width: 49%;
        margin-right: 1%;
        float: left;
        text-align: left;
    }
}
.simplecheckout-block-content:after {
    content:"";
    display:block;
    clear:both;
}
.simpleregister {
    margin-bottom: 5px;
}
.simpleregister-block-content {
    margin-bottom: 10px;
    padding: 10px;
}
@media only screen and (min-width:1200px) {
    .simpleregister-block-content>fieldset:nth-of-type(2),
    .simpleregister-block-content>fieldset:nth-last-of-type(2) {
        width: 49%;
        margin-right: 1%;
        float: left;
        text-align: left;
    }
}
.simpleregister-block-content:after {
    content:"";
    display:block;
    clear:both;
}
@media only screen and (max-width:600px) {
    .simpleregister-block-content .simplecheckout-customer {
        width: 100%;
    }
}
.simpleregister-button-block {
    overflow: auto;
    margin-bottom: 20px;
    padding: 6px;

    background: none repeat scroll 0 0 #FFFFFF;
    text-align:right;
}
.simpleregister-button-right {
    float: right;
    text-align: right;
}
.simpleregister-button-left {
    float: left;
    text-align: left;
}
.simplecheckout-methods-table {
    width: 100%;
}
.simplecheckout-methods-table td.code {
    width: 1px;
}
.simplecheckout-methods-table td.title {
    padding: 5px;
}
.simplecheckout-methods-table td.title label {
    display: block !important;
}
.simplecheckout-methods-table td.quote {
    width: 15%;
    text-align: right;
}
.simplecheckout-methods-description {
    padding: 5px;
    margin: 5px 0px;
}
.simplecheckout-required {
    color: #FF0000;
    font-weight: bold;
}
.simplecheckout-button-block {
    clear: both;
    margin-bottom: 20px;
    padding: 6px;
    background: none repeat scroll 0 0 #FFFFFF;
    text-align:right;
}
.simplecheckout-button-right {
    float: right;
    text-align: right;
}
.simplecheckout-button-left {
    float: left;
    text-align: left;
}
.simplecheckout-button {
    display: inline-block;
    padding: 6px 12px 6px 12px;
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
    -webkit-box-shadow: 0px 2px 2px #DDDDDD;
    -moz-box-shadow: 0px 2px 2px #DDDDDD;
    box-shadow: 0px 2px 2px #DDDDDD;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 12px;
    cursor: pointer;
    -khtml-border-radius: 7px 7px 7px 7px;
}
.simplecheckout-button-left .button {
    margin: 0;
}
@media only screen and (max-width:780px) {
    .simplecheckout-button-left {
        display: none;
    }
}
#simplecheckout_customer .simplecheckout-block-content {
    text-align: center;
}
.simplecheckout-login {
    display: inline-block;
}
.simplecheckout-login-left {
    width:50%;
    text-align: left;
}
.simplecheckout-login-right {
    width:50%;
    text-align:left;
}
.simplecheckout-login-right .button {
    float: left;
    margin: 0;
}
.simplecheckout-login-right input {
    max-width: 160px !important;
    text-align:left;
}
#simplecheckout_cart .form-control {
    display: inline-block !important;
    min-width: 50px;
}
.simplecheckout-cart {
    margin: 0px !important;
    width: 100%;
    border-collapse: collapse;
    border-top: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
}
.simplecheckout-cart-total {
    padding: 7px 3px;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    text-align: right;
}
.simplecheckout-cart-total:after {
    content:"";
    display:block;
    clear:both;
}
.simplecheckout-cart-total .buttons {
    background: inherit !important;
    padding: 0px !important;
}
.simplecheckout-cart-total input {
    margin-right: 0px !important;
    max-width: 100px;
}
.simplecheckout-cart-total span.inputs {
    margin: 0 3px 0 0 !important;
    display: inline-block !important;
}
.simplecheckout-cart-total span.inputs input[type=text]{
    margin: 0px;
}
.simplecheckout-cart-total-value {
    display: inline-block;
    margin: 0px 3px;
    min-width: 60px;
}
.simplecheckout-cart-total-remove {
    display: inline-block;
    width: 18px;
    text-align: center;
}
.simplecheckout-cart-total-remove img {
    vertical-align: -2px;
    cursor: pointer;
}
.simplecheckout-cart col.image {
    width: 5%;
}
.simplecheckout-cart col.name {

}
.simplecheckout-cart col.model {
    width: 10%;
}
.simplecheckout-cart col.quantity {

}
.simplecheckout-cart col.price {
    width: 10%;
}
.simplecheckout-cart col.total {
    width: 10%;
}
.simplecheckout-cart col.remove {
    width: 7px;
}
.simplecheckout-cart th {
    padding: 8px;
    border-bottom: 1px solid #DDDDDD;
    background-color: #F8F8F8;
    color: #4D4D4D;
    font-weight: bold;
}
.simplecheckout-cart th.image {
    width: 1px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    position: static !important;
}
.simplecheckout-cart th.name {
    text-align: center;
}
.simplecheckout-cart .name {
    font-size: inherit !important;
}
.simplecheckout-cart th.model {
    text-align: center;
}
.simplecheckout-cart th.quantity {
    text-align: center;
}
.simplecheckout-cart .price {
    text-align: right;
    display: table-cell !important;
    font: inherit !important;
    font-weight: bold !important;
}
.simplecheckout-cart .total {
    text-align: right;
    display: table-cell !important;
    font: inherit !important;
    font-weight: bold !important;
}
.simplecheckout-cart .quantity {
    display: table-cell !important;
    float: none !important;
    position: static !important;
}
.simplecheckout-cart th.remove {
    width: 7px;
    text-align: center;
}
.simplecheckout-cart td {
    padding: 7px;
    border-bottom: 1px solid #DDDDDD;
    vertical-align: top;
}
.simplecheckout-cart td.image {
    text-align: center;
    display: table-cell;
    vertical-align: middle !important;
    position: static !important;
}
.simplecheckout-cart td.name {
    text-align: center;
}
.simplecheckout-cart td.name div.image {
    display: none;
}
.simplecheckout-cart td.model {
    text-align: center;
}
.simplecheckout-cart td.quantity {
    min-width:70px;
    vertical-align:top;
    text-align: center;
    white-space: nowrap;
}
.simplecheckout-cart td.quantity input {
    float: none !important;
}
.simplecheckout-cart  td.quantity .input-group {
    margin: auto !important;
}
.simplecheckout-cart  td.quantity .quantity button {
    margin: 0 !important;
}
.simplecheckout-cart td.quantity img {
    display:inline-block;
    border: 0px;
    cursor:pointer;
}
.simplecheckout-cart td.price {
    text-align: right;
    white-space: nowrap;
    display: table-cell !important;
    font: inherit !important;
}
.simplecheckout-cart td.total {
    text-align: right;
    white-space: nowrap;
    display: table-cell !important;
}
.simplecheckout-cart td.remove {
    padding-right: 3px;
    padding-left: 3px;
    width: 7px;
    vertical-align: top;
    text-align: center;
}
.simplecheckout-cart td.remove img {
    max-width: 30px !important;
    cursor: pointer;
}
.simplecheckout-cart td.product-warning {
    color: #FF0000;
    font-weight: bold;
}
.simplecheckout-cart td.right {
    vertical-align: middle;
    text-align: right;
}
.simplecheckout-three-column .simplecheckout-cart col.image,
.simplecheckout-three-column .simplecheckout-cart th.image,
.simplecheckout-three-column .simplecheckout-cart td.image,
.simplecheckout-three-column .simplecheckout-cart col.price,
.simplecheckout-three-column .simplecheckout-cart th.price,
.simplecheckout-three-column .simplecheckout-cart td.price,
.simplecheckout-three-column .simplecheckout-cart col.model,
.simplecheckout-three-column .simplecheckout-cart th.model,
.simplecheckout-three-column .simplecheckout-cart td.model {
    display: none;
}
.simplecheckout-three-column .simplecheckout-cart td.name .image {
    display: block;
}
.simplecheckout-scroll{
    overflow-y:scroll;
    max-height:300px;
}
.simplecheckout-error-text {
    display: block;
    margin-top: 3px;
    color: #FF0000;
}
.simplecheckout-warning-text {
    margin: 5px 0;
    font-weight: bold;
}
.simplecheckout-warning-block {
    clear: both;
    margin-bottom: 15px;
    padding: 10px 10px 10px 33px;
    border: 1px solid #F8ACAC;
    border-radius: 5px 5px 5px 5px;
    color: #555555;
    text-align: left;
}
.simpleregister-warning-block {
    margin-bottom: 15px;
    padding: 10px 10px 10px 33px;
    border: 1px solid #F8ACAC;
    border-radius: 5px 5px 5px 5px;
    color: #555555;
    text-align: left;
}
.simplecheckout-proceed-payment {
    display: none;
    margin-bottom: 10px;
    padding: 10px;
    text-align: center;
    font-weight: bold;
}
#simple_payment_address_block {
    margin-top: 15px;
}
.simplecheckout-customer-same-address {
    text-align: left;
    margin: 15px 0px;
}
#simplecheckout_login {
    margin: auto;
    text-align: center;
}
#simplecheckout_payment_form {
    padding: 5px;
}
#simplecheckout_payment_form .checkout-content {
    display: block;
}
#simplecheckout_payment_form div.buttons {
    display: none;
}
#simplecheckout_login .simplecheckout-block-content {
    padding: 5px !important;
}
#simple_login_layer {
    position:absolute;
    top:0;
    left:0;
    z-index:99990;
    display:none;
    width:100%;
    background-color:#000000;
}
#simple_login {
    position:fixed;
    z-index:99991;
    display: none;
    padding:5px;
    width:300px;
    height:250px;
    border:1px solid #FFD9FF;
    -webkit-border-radius:7px 7px 7px 7px;
    -moz-border-radius:7px 7px 7px 7px;
    border-radius:7px 7px 7px 7px;
    background:none repeat scroll 0 0 #FFFFFF;
    -khtml-border-radius:7px 7px 7px 7px;
}
#simple_login:after {
    content:"";
    display:block;
    clear:both;
}
#simple_login_header {
    padding: 0px 0px;
    text-align: right;
}
#simple_login_header img {
    margin: 0 0 0 auto;
}
.you-will-be-registered {
    font-weight: bold;
    margin-bottom: 10px;
}
.simplecheckout label, .simpleregister label {
    display: inline-block !important;
    margin: 0;
}
#simple_summary {
    display: none;
}
#simplecheckout_step_menu {
    margin-bottom: 10px;
}
.simple-step {
    display: inline-block;
    padding: 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    background-color: #D9D9D9;
    color: #000000;
    font-size: 13px;
    -khtml-border-radius: 5px 5px 5px 5px;
    cursor: pointer;
    margin-bottom: 5px;
}
.simple-step-current {
    display: inline-block;
    padding: 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    background-color: #38B0E3;
    color: #FFFFFF;
    font-size: 13px;
    -khtml-border-radius: 5px 5px 5px 5px;
}
.simple-step-delimiter {
    display: inline-block;
    vertical-align: middle;
    line-height: 13px;
    margin: 0px 5px;
}
.simple-step-completed {
    display: inline-block;
    padding: 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    background-color: #38B0E3;
    color: #FFFFFF;
    font-size: 13px;
    -khtml-border-radius: 5px 5px 5px 5px;
}
.simple-step-completed a {
    color: #FFFFFF !important;
    text-decoration: none !important;
    font-size: 13px !important;
}
.simplecheckout-summary-info {
    margin-top: 15px !important;
}
.simplecheckout-summary-info th.name {
    text-align: left;
}
.simplecheckout-summary-info td {
    text-align: left;
}
.simplecheckout-cart-buttons .buttons {
    border: none !important;
    padding: 0 !important;
}
#simple_login .simplecheckout-block-content {
    border: none !important;
}
#temp_flat_container {
    text-align: center;
    margin: 10px 0px 20px 0px;
}
#simplecheckout_comment .simplecheckout-block-content {
    border: 0 !important;
    padding: 0 !important;
}
#simplecheckout_comment textarea {
    width: 100% !important;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 100px;
}
.simple-content input[type=text],
.simple-content input[type=password],
.simple-content input[type=email],
.simple-content input[type=tel],
.simple-content input[type=phone],
.simple-content input[type=date],
.simple-content input[type=time],
.simple-content select,
.simple-content textarea {
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px !important;
}
.checkout-heading:after {
    content:"";
    display:block;
    clear:both;
}
.simple-content .checkout-heading {
    background-color: #f5f5f5;
    border-color: #ddd;
    color: #333;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 10px 15px;
}
.checkout-heading span {
    display: inline-block !important;
    float: left;
}
.checkout-heading-button {
    float: right !important;
    display: inline-block !important;
}
.simplecheckout-select-address {
    text-align: left;
    margin-bottom: 10px;
}
.simple-captcha-container {
    margin-top: 5px;
}
.simplecheckout-tooltip {
    display: none;
}
#easyTooltip {
    padding:5px;
    border:1px solid #ccc;
    background:#fde910;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 0px 2px 2px #DDDDDD;
    -moz-box-shadow: 0px 2px 2px #DDDDDD;
    box-shadow: 0px 2px 2px #DDDDDD;
    opacity:1 !important;
}
#easyTooltip:before {
    content:'';
    position:absolute;
    left:10px;
    top:-8px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #fde910;
}
.simplecheckout-cart i {
    cursor: pointer;
}

.simple-content .table-responsive{
    margin-bottom: 0 !important;
    border: none !important;
}

@media only screen and (max-width:640px) {
    .simplecheckout-cart col.image,
    .simplecheckout-cart th.image,
    .simplecheckout-cart td.image,
    .simplecheckout-cart col.model,
    .simplecheckout-cart th.model,
    .simplecheckout-cart td.model,
    .simplecheckout-cart col.price,
    .simplecheckout-cart th.price,
    .simplecheckout-cart td.price {
        display: none !important;
    }
    .simplecheckout-cart td.name div.image {
        display: block;
    }
    
}
@media only screen and (max-width:1000px) {
    .simplecheckout-cart col.model,.simplecheckout-cart th.model,.simplecheckout-cart td.model {
        display: none;
    }
}
@media only screen and (max-width:600px) {
    #total_shipping span:first-child {
        max-width: 300px;
        display: inline-block;
    }
}
@media only screen and (max-width:420px) {
    #total_shipping span:first-child {
        max-width: 200px;
        display: inline-block;
    }
}
.row-customer_register .radio {
    display: inline-block !important;
    margin-right: 10px;
}
.simplecheckout-vertical-menu .checkout-heading {
    cursor: pointer;
    margin-bottom: 3px;
}
.simplecheckout-steps-wrapper {
    padding: 10px;
}
#agreement_checkbox {
    float: left;
    margin-right: 20px;
}
#agreement_checkbox .checkbox {
    margin: 0;
}
.simplecheckout-summary-totals .simplecheckout-cart-total {
    border: 0;
}

/* =========================================================
   WM SIMPLE CHECKOUT — PREMIUM MINIMAL UI
   Consolidated overrides
   ========================================================= */

.simplecheckout {
    --wm-checkout-blue: #1687e8;
    --wm-checkout-blue-dark: #0878d5;
    --wm-checkout-text: #111827;
    --wm-checkout-muted: #697386;
    --wm-checkout-border: #e7ebf0;
    --wm-checkout-soft: #f7f9fb;
    --wm-checkout-danger: #e11d48;
    --wm-checkout-radius: 16px;
    --wm-checkout-shadow: 0 12px 34px rgba(17, 24, 39, .055);

    width: 100%;
}

/* ---------------------------------------------------------
   1. Columns
   --------------------------------------------------------- */

.simplecheckout-left-column,
.simplecheckout-right-column {
    box-sizing: border-box;
}

@media (min-width: 1025px) {
    .simplecheckout-left-column {
        padding-right: 18px !important;
    }

    .simplecheckout-right-column {
        position: sticky;
        top: 120px;
        align-self: flex-start;
        padding-left: 18px !important;
    }
}

@media (max-width: 1024px) {
    .simplecheckout-left-column,
    .simplecheckout-right-column {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .simplecheckout-right-column {
        position: static;
        margin-top: 20px;
    }
}

/* ---------------------------------------------------------
   2. Checkout cards
   --------------------------------------------------------- */

.simplecheckout-block {
    clear: both;
    margin: 0 0 22px !important;
    padding: 0 !important;

    background: #fff !important;
    border: 1px solid var(--wm-checkout-border) !important;
    border-radius: var(--wm-checkout-radius) !important;

    box-shadow: var(--wm-checkout-shadow);
    overflow: hidden;
}

.simplecheckout-block-content {
    padding: 18px !important;
}

#simplecheckout_comment .simplecheckout-block-content {
    padding: 18px !important;
}

.simplecheckout-block > table,
.simplecheckout-block > form {
    margin-bottom: 0 !important;
}

/* Real Simple Checkout heading + fallback heading classes */
.simple-content .checkout-heading,
.simplecheckout .checkout-heading,
.simplecheckout-block .checkout-heading,
.simplecheckout-block .simplecheckout-block-heading,
.simplecheckout-block > .simplecheckout-block-heading,
.simplecheckout-block .simplecheckout-block-title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    min-height: 48px;

    margin: 0 !important;
    padding: 14px 16px !important;

    background: #fff !important;

    border: 0 !important;
    border-bottom: 1px solid var(--wm-checkout-border) !important;
    border-radius: 0 !important;

    color: var(--wm-checkout-text) !important;

    font-size: 14px !important;
    font-weight: 750 !important;
    line-height: 1.3 !important;

    box-shadow: none !important;
}

.simplecheckout .checkout-heading span,
.simplecheckout .checkout-heading-button {
    float: none !important;
}

/* ---------------------------------------------------------
   3. Form fields
   --------------------------------------------------------- */

.simplecheckout input[type="text"],
.simplecheckout input[type="email"],
.simplecheckout input[type="tel"],
.simplecheckout input[type="phone"],
.simplecheckout input[type="password"],
.simplecheckout input[type="number"],
.simplecheckout input[type="date"],
.simplecheckout input[type="time"],
.simplecheckout select,
.simplecheckout textarea {
    width: 100%;
    min-height: 48px;

    margin: 0 !important;
    padding: 11px 14px !important;

    box-sizing: border-box;

    background: #fff !important;

    border: 1px solid var(--wm-checkout-border) !important;
    border-radius: 11px !important;

    color: var(--wm-checkout-text) !important;
    font-size: 14px !important;

    box-shadow: none !important;

    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        background .18s ease;
}

.simplecheckout textarea {
    min-height: 110px;
    resize: vertical;
}

.simplecheckout input[type="text"]:focus,
.simplecheckout input[type="email"]:focus,
.simplecheckout input[type="tel"]:focus,
.simplecheckout input[type="phone"]:focus,
.simplecheckout input[type="password"]:focus,
.simplecheckout input[type="number"]:focus,
.simplecheckout input[type="date"]:focus,
.simplecheckout input[type="time"]:focus,
.simplecheckout select:focus,
.simplecheckout textarea:focus {
    outline: none !important;

    border-color: #9bcaf4 !important;

    box-shadow:
        0 0 0 3px rgba(22, 135, 232, .075) !important;
}

.simplecheckout input::placeholder,
.simplecheckout textarea::placeholder {
    color: #a0a7b2 !important;
    opacity: 1;
}

/* Compact fields inside cart: coupon / voucher / quantity */
#simplecheckout_cart input[type="text"],
#simplecheckout_cart input[type="number"] {
    min-height: 38px;
}

/* ---------------------------------------------------------
   4. Labels and form spacing
   --------------------------------------------------------- */

.simplecheckout label,
.simplecheckout .control-label {
    color: #475569 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

.simplecheckout .form-group {
    margin-bottom: 14px !important;
}

.simplecheckout .form-group:last-child {
    margin-bottom: 0 !important;
}

.simplecheckout-required {
    color: #ef4444 !important;
}

/* ---------------------------------------------------------
   5. Radios / checkboxes
   --------------------------------------------------------- */

.simplecheckout input[type="radio"],
.simplecheckout input[type="checkbox"] {
    accent-color: var(--wm-checkout-blue);
}

.simplecheckout label:has(input[type="radio"]),
.simplecheckout label:has(input[type="checkbox"]) {
    cursor: pointer;
}

.simplecheckout-left-column input[type="radio"] {
    margin-right: 6px;
}

/* ---------------------------------------------------------
   6. Right cart card
   --------------------------------------------------------- */

#simplecheckout_cart {
    background: #fff !important;

    border: 1px solid var(--wm-checkout-border) !important;
    border-radius: var(--wm-checkout-radius) !important;

    box-shadow: var(--wm-checkout-shadow);

    overflow: hidden;
}

#simplecheckout_cart .table-responsive {
    margin: 0 !important;
    border: 0 !important;
}

#simplecheckout_cart table,
#simplecheckout_cart .simplecheckout-cart {
    width: 100%;
    margin: 0 !important;

    border: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;

    background: #fff !important;
}

#simplecheckout_cart table > thead > tr > th,
#simplecheckout_cart .simplecheckout-cart > thead > tr > th {
    padding: 13px 10px !important;

    background: #fafbfc !important;

    border: 0 !important;
    border-bottom: 1px solid var(--wm-checkout-border) !important;

    color: #667085 !important;

    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    text-transform: uppercase;
    letter-spacing: .025em;
}

#simplecheckout_cart table > tbody > tr > td,
#simplecheckout_cart .simplecheckout-cart > tbody > tr > td {
    padding: 15px 10px !important;

    vertical-align: middle !important;

    border: 0 !important;
    border-bottom: 1px solid #edf0f3 !important;

    color: var(--wm-checkout-text);
}

#simplecheckout_cart table > tbody > tr:last-child > td,
#simplecheckout_cart .simplecheckout-cart > tbody > tr:last-child > td {
    border-bottom: 0 !important;
}

/* Product image */
#simplecheckout_cart td.image img,
#simplecheckout_cart td.name .image img {
    max-width: 64px;
    height: auto;
    border-radius: 10px;
}

/* Product title */
#simplecheckout_cart a {
    color: #1f2937 !important;
    font-weight: 650;
    text-decoration: none !important;
}

#simplecheckout_cart a:hover {
    color: var(--wm-checkout-blue) !important;
}

#simplecheckout_cart td.name {
    line-height: 1.45;
}

#simplecheckout_cart td.model {
    color: #697386;
}

#simplecheckout_cart td.price,
#simplecheckout_cart td.total {
    font-weight: 700 !important;
}

/* ---------------------------------------------------------
   7. Quantity controls
   --------------------------------------------------------- */

/* Ячейка количества */
#simplecheckout_cart td.quantity {
    min-width: 155px !important;
    vertical-align: middle !important;
    text-align: center !important;
    white-space: nowrap !important;
}


/* Общий контейнер:
   [ − ][ количество ][ + ][ × ]
*/
#simplecheckout_cart td.quantity .input-group.btn-block,
#simplecheckout_cart td.quantity .input-group {
    display: inline-flex !important;
    align-items: stretch !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;

    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 auto !important;
    padding: 0 !important;

    background: #fff !important;

    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;

    overflow: hidden !important;

    box-shadow: none !important;
}


/* Обёртки кнопок */
#simplecheckout_cart td.quantity .input-group-btn {
    display: inline-flex !important;
    align-items: stretch !important;
    flex: 0 0 auto !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    position: static !important;
}


/* =========================================================
   КНОПКИ MINUS / PLUS
   ========================================================= */

#simplecheckout_cart td.quantity
button[data-onclick*="decreaseProductQuantity"],

#simplecheckout_cart td.quantity
button[data-onclick*="increaseProductQuantity"],

#simplecheckout_cart td.quantity
[data-onclick*="decreaseProductQuantity"],

#simplecheckout_cart td.quantity
[data-onclick*="increaseProductQuantity"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 36px !important;

    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;

    height: 38px !important;
    min-height: 38px !important;

    margin: 0 !important;
    padding: 0 !important;

    position: relative !important;

    background: #f8fafc !important;

    border: 0 !important;
    border-radius: 0 !important;

    color: #334155 !important;

    font-size: 0 !important;
    line-height: 1 !important;

    text-decoration: none !important;
    text-shadow: none !important;

    box-shadow: none !important;

    cursor: pointer !important;

    visibility: visible !important;
    opacity: 1 !important;

    transition:
        background .15s ease,
        color .15s ease;
}


/* Убираем FontAwesome только у +/-.
   Символы ниже рисуем сами. */
#simplecheckout_cart td.quantity
[data-onclick*="decreaseProductQuantity"] i,

#simplecheckout_cart td.quantity
[data-onclick*="increaseProductQuantity"] i {
    display: none !important;
}


/* Минус */
#simplecheckout_cart td.quantity
[data-onclick*="decreaseProductQuantity"]::before {
    content: "−" !important;

    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: currentColor !important;

    font-family: Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
}


/* Плюс */
#simplecheckout_cart td.quantity
[data-onclick*="increaseProductQuantity"]::before {
    content: "+" !important;

    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: currentColor !important;

    font-family: Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
}


#simplecheckout_cart td.quantity
[data-onclick*="decreaseProductQuantity"]:hover,

#simplecheckout_cart td.quantity
[data-onclick*="increaseProductQuantity"]:hover {
    background: #eef3f8 !important;
    color: var(--wm-checkout-blue) !important;
}


/* =========================================================
   ПОЛЕ КОЛИЧЕСТВА
   ========================================================= */

#simplecheckout_cart td.quantity input.form-control,
#simplecheckout_cart td.quantity input[name*="quantity"] {
    display: block !important;
    flex: 0 0 44px !important;

    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;

    height: 38px !important;
    min-height: 38px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #fff !important;

    border-top: 0 !important;
    border-bottom: 0 !important;
    border-left: 1px solid #e2e8f0 !important;
    border-right: 1px solid #e2e8f0 !important;

    border-radius: 0 !important;

    color: #111827 !important;

    text-align: center !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 38px !important;

    box-shadow: none !important;

    outline: none !important;
}


/* У quantity не нужен общий focus-glow формы */
#simplecheckout_cart td.quantity input.form-control:focus,
#simplecheckout_cart td.quantity input[name*="quantity"]:focus {
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-left: 1px solid #e2e8f0 !important;
    border-right: 1px solid #e2e8f0 !important;

    box-shadow: none !important;
    outline: none !important;
}


/* =========================================================
   КНОПКА УДАЛЕНИЯ
   ========================================================= */

#simplecheckout_cart td.quantity
[data-onclick*="removeProduct"],

#simplecheckout_cart td.quantity
[data-onclick*="remove"],

#simplecheckout_cart td.quantity .btn-danger {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 34px !important;

    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;

    height: 38px !important;
    min-height: 38px !important;

    margin: 0 !important;
    padding: 0 !important;

    position: relative !important;

    background: #fff !important;

    border: 0 !important;
    border-left: 1px solid #e2e8f0 !important;
    border-radius: 0 !important;

    color: #ef4444 !important;

    text-decoration: none !important;
    text-shadow: none !important;

    box-shadow: none !important;

    cursor: pointer !important;

    visibility: visible !important;
    opacity: 1 !important;

    transition:
        background .15s ease,
        color .15s ease;
}


/* Иконка удаления остаётся,
   но жёстко центрируется */
#simplecheckout_cart td.quantity
[data-onclick*="removeProduct"] i,

#simplecheckout_cart td.quantity
[data-onclick*="remove"] i,

#simplecheckout_cart td.quantity .btn-danger i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 14px !important;
    height: 14px !important;

    margin: 0 !important;
    padding: 0 !important;

    position: static !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    transform: none !important;

    color: inherit !important;

    font-size: 12px !important;
    line-height: 1 !important;
}


/* Если Simple использует fa-times-circle */
#simplecheckout_cart td.quantity .fa-times,
#simplecheckout_cart td.quantity .fa-times-circle,
#simplecheckout_cart td.quantity .fa-remove {
    color: inherit !important;
}


#simplecheckout_cart td.quantity
[data-onclick*="removeProduct"]:hover,

#simplecheckout_cart td.quantity
[data-onclick*="remove"]:hover,

#simplecheckout_cart td.quantity .btn-danger:hover {
    background: #fff1f2 !important;
    color: #dc2626 !important;
}


/* ---------------------------------------------------------
   Убираем bootstrap-эффекты только внутри quantity
   --------------------------------------------------------- */

#simplecheckout_cart td.quantity .btn {
    background-image: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

#simplecheckout_cart td.quantity .btn:focus,
#simplecheckout_cart td.quantity .btn:active,
#simplecheckout_cart td.quantity .btn.active {
    outline: none !important;
    box-shadow: none !important;
}


/* ---------------------------------------------------------
   Mobile
   --------------------------------------------------------- */

@media (max-width: 767px) {

    #simplecheckout_cart td.quantity {
        min-width: 150px !important;
    }

    #simplecheckout_cart td.quantity .input-group.btn-block,
    #simplecheckout_cart td.quantity .input-group {
        transform: none !important;
        transform-origin: center !important;
    }

    #simplecheckout_cart td.quantity
    [data-onclick*="decreaseProductQuantity"],

    #simplecheckout_cart td.quantity
    [data-onclick*="increaseProductQuantity"] {
        display: inline-flex !important;
    }
}

/* ---------------------------------------------------------
   8. Totals
   --------------------------------------------------------- */

#simplecheckout_cart .simplecheckout-cart-total {
    padding: 11px 12px !important;

    background: #fff !important;

    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
    border-bottom: 1px solid #edf0f3 !important;

    color: #475569;
}

#simplecheckout_cart .simplecheckout-cart-total:last-child {
    border-bottom: 0 !important;
}

#simplecheckout_cart .simplecheckout-cart-total-value {
    min-width: 72px;
    color: var(--wm-checkout-text);
    font-weight: 700;
}

#simplecheckout_cart #total_total,
#simplecheckout_cart [id*="total_total"] {
    font-weight: 800;
}

/* ---------------------------------------------------------
   9. Coupon / voucher
   --------------------------------------------------------- */

#simplecheckout_cart input[name*="coupon"],
#simplecheckout_cart input[name*="voucher"],
#simplecheckout_cart .simplecheckout-cart-total input[type="text"] {
    min-height: 38px !important;
    max-width: 130px;

    padding: 8px 11px !important;

    border: 1px solid var(--wm-checkout-border) !important;
    border-radius: 9px !important;
}

/* ---------------------------------------------------------
   10. Cart update button
   --------------------------------------------------------- */

#simplecheckout_cart .simplecheckout-cart-buttons .btn,
#simplecheckout_cart .simplecheckout-cart-total .btn-primary,
#simplecheckout_cart [data-onclick*="update"] {
    min-height: 38px !important;

    padding: 8px 15px !important;

    background: #f8fafc !important;

    border: 1px solid var(--wm-checkout-border) !important;
    border-radius: 9px !important;

    color: #475569 !important;

    font-size: 12px !important;
    font-weight: 700 !important;

    text-shadow: none !important;

    box-shadow: none !important;

    transition:
        background .15s ease,
        border-color .15s ease,
        color .15s ease;
}

#simplecheckout_cart .simplecheckout-cart-buttons .btn:hover,
#simplecheckout_cart .simplecheckout-cart-total .btn-primary:hover,
#simplecheckout_cart [data-onclick*="update"]:hover {
    background: #f1f5f9 !important;
    border-color: #d9e0e8 !important;
    color: #111827 !important;
}

/* ---------------------------------------------------------
   11. Order button moved into right column
   --------------------------------------------------------- */

.simplecheckout-right-column #buttons,
.simplecheckout-right-column .wm-simplecheckout-order-actions {
    display: block !important;
    float: none !important;
    clear: both !important;

    width: 100% !important;

    margin: 18px 0 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;
}

.simplecheckout-right-column #buttons .simplecheckout-button-right,
.simplecheckout-right-column .wm-simplecheckout-order-actions .simplecheckout-button-right {
    display: block !important;
    float: none !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

.simplecheckout-right-column #simplecheckout_button_confirm {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-height: 54px;

    margin: 0 !important;
    padding: 15px 22px !important;

    background: var(--wm-checkout-blue) !important;

    border: 0 !important;
    border-radius: 12px !important;

    color: #fff !important;

    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

    text-align: center !important;
    text-decoration: none !important;
    text-shadow: none !important;

    box-shadow:
        0 10px 24px rgba(22, 135, 232, .14) !important;

    transition:
        background .18s ease,
        transform .18s ease,
        box-shadow .18s ease;
}

.simplecheckout-right-column #simplecheckout_button_confirm:hover {
    background: var(--wm-checkout-blue-dark) !important;
    color: #fff !important;

    transform: translateY(-1px);

    box-shadow:
        0 12px 28px rgba(22, 135, 232, .22) !important;
}

.simplecheckout-right-column #simplecheckout_button_confirm:active {
    transform: translateY(0);
}

/* ---------------------------------------------------------
   12. Nova Poshta / payment cards
   --------------------------------------------------------- */

.simplecheckout .np-checkout-box,
.simplecheckout [class*="nova"],
.simplecheckout [class*="novaposhta"] {
    border-radius: 12px;
}

/* ---------------------------------------------------------
   13. Remove legacy Bootstrap visual effects
   --------------------------------------------------------- */

.simplecheckout .btn {
    text-shadow: none !important;
    background-image: none !important;
}

.simplecheckout .panel,
.simplecheckout .well {
    background-image: none !important;
    box-shadow: none !important;
}

/* ---------------------------------------------------------
   14. Mobile
   --------------------------------------------------------- */

@media (max-width: 767px) {
    .simplecheckout-block,
    #simplecheckout_cart {
        border-radius: 13px !important;
    }

    .simple-content .checkout-heading,
    .simplecheckout .checkout-heading,
    .simplecheckout-block .checkout-heading,
    .simplecheckout-block .simplecheckout-block-heading,
    .simplecheckout-block .simplecheckout-block-title {
        min-height: 46px;
        padding: 13px 15px !important;
    }

    .simplecheckout-block-content,
    #simplecheckout_comment .simplecheckout-block-content {
        padding: 15px !important;
    }

    .simplecheckout input[type="text"],
    .simplecheckout input[type="email"],
    .simplecheckout input[type="tel"],
    .simplecheckout input[type="phone"],
    .simplecheckout input[type="password"],
    .simplecheckout input[type="number"],
    .simplecheckout input[type="date"],
    .simplecheckout input[type="time"],
    .simplecheckout select {
        min-height: 46px;
    }

    .simplecheckout textarea {
        min-height: 95px;
        border: 1px solid var(--wm-checkout-border) !important;
    }

    .simplecheckout-right-column #simplecheckout_button_confirm {
        min-height: 52px;
        font-size: 14px !important;
    }

    /* Keep +/- visible on mobile */
    #simplecheckout_cart td.quantity [data-onclick*="decrease"],
    #simplecheckout_cart td.quantity [data-onclick*="increase"],
    #simplecheckout_cart td.quantity .input-group-btn > .btn {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}
input#button-confirm, input.btn.btn-primary.button {display: none !important;}