#shopping-container.scroll-fixed-box>.sf-box-inside>.sf-box-col.col-fixed,
#shopping-container .sf-box-fixed {
    width: 380px;
}

#shopping-container.scroll-fixed-box>.sf-box-inside>.sf-box-col.col-content {
    width: calc(100% - 380px);
    padding-right: 100px;
}


/* ----- shopping topic ----- */

.shopping-topic-section .topic-step-section {
    position: relative;
    border-bottom: 2px solid rgba(0,0,0,1);
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.shopping-topic-section>.inside .btn-select-section {
    position: relative;
}
.shopping-topic-section>.inside .btn-select-section>.inside>.btn-select-group {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding-top: 20px;
}

.shopping-topic-section>.inside .btn-select-section .btn-select-product.all-product,
.shopping-topic-section>.inside .btn-select-section .btn-delete-product.all-product {
    height: 25px !important;
    line-height: 25px !important;
}
.shopping-topic-section>.inside .btn-select-section .btn-delete-product.all-product {
    margin: 0 0 0 auto  !important;
    transform: scale(1) !important;
    opacity: 1 !important;
}
.shopping-topic-section>.inside .btn-select-section .btn-delete-product.all-product.disable {
    display: none !important;
}

/* installments */
.installments-alert-section {}

/* ----- shopping detail ----- */

.shopping-topic-section+.shopping-detail-section {
    padding-top: 15px;
}
.shopping-detail-section+.shopping-detail-section {
    margin-top: 40px;
}
.shopping-detail-section .title-row+.form-row,
.shopping-detail-section .title-row+.content-row,
.shopping-detail-section .title-row+.btn-row,
.shopping-detail-section .content-row+.btn-row {
    margin-top: 15px;
}
.shopping-detail-section.off {
    display: none !important;
}

.shopping-detail-row {
    position: relative;
}
.shopping-detail-row .title-row.flex>[class*="col-"] {
    position: relative;
}
.shopping-detail-row .title-row.flex>.col-label {
    flex: 1 0 0%;
}
.shopping-detail-row .title-row.flex>.col-detail {}

/* shopping detail for mobile */
.shopping-detail-for-mobile {
    display: none;
}
.shopping-detail-for-mobile .shopping-detail-row{
    margin: 0 !important;
}
.shopping-detail-for-mobile .title-row.d-flex {
    align-items: baseline;
    flex-wrap: nowrap;
}
.shopping-detail-for-mobile .title-row.d-flex>.col-label {
    flex: 1 0 0%;
}
.shopping-detail-for-mobile .title-row.d-flex>.col-label .default-title {
    font-weight: 700;
}
.shopping-detail-for-mobile .title-row.d-flex>.col-detail {

}
.shopping-detail-for-mobile .underline {
    position: relative;
    border-bottom: 1px solid #0c0c0c;
    margin-bottom: 15px;
    padding-top: 15px;
}
.shopping-detail-for-mobile .underline.opacity {
    opacity: 0.1;
}

/* shopping detail for desktop */
.shopping-detail-for-desktop {
    display: block;
}

/* --------------------------------------------------------------- */
/* ------------------------ SHOPPING CART ------------------------ */
/* --------------------------------------------------------------- */

.price-group {
    position: relative;
}

.btn-action-product-group {
    position: relative;
}
.btn-action-product-group .btn-action-product {
    position: relative;
    display: block;
    width: 25px;
    height: 25px;
    font-size: 18px;
    line-height: 25px;
    color: rgba(0,0,0,1);
    background: none !important;
    text-align: center;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    outline:  none !important;
    transform: scale(1);
    transition: opacity 0.2s ease;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -ms-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
}
.btn-action-product-group .btn-action-product:active {
    transform: scale(1.2);
}
.btn-action-product-group.vertical .slot-btn + .slot-btn {
    border-top: 1px solid rgba(0,0,0,0.05);
    margin-top: 3px;
    padding-top: 3px;
}
.btn-action-product-group.horizontal {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.btn-action-product-group.horizontal .slot-btn + .slot-btn {
    border-left: 1px solid rgba(0,0,0,0.05);
    margin-left: 10px;
    padding-left: 10px;
}


/* btn delete product */
.btn-action-product-group .btn-action-product.btn-delete-product {    
    opacity: 0.3;    
}
.btn-action-product-group .btn-action-product.btn-wishlish-product {    
    opacity: 0.4;    
}
.btn-action-product-group .btn-action-product.btn-delete-product:hover,
.btn-action-product-group .btn-action-product.btn-wishlish-product:hover,
.btn-action-product-group .btn-action-product.btn-wishlish-product.active {
    opacity: 1;
}

/* btn select product */
.btn-select-product {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    text-align: center;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    outline:  none !important;
    background: none !important;
    /* cursor: text !important; */
}
.btn-select-product>.checkbox {
    position: relative;
    display: block;
    text-align: center;
    width: 25px;
    height: 25px;
    font-size: 10px;
    line-height: 25px;
    color: rgba(0,0,0,0);
    background-color: rgba(242,242,242,1);
    text-align: center;
    border-radius: 5px !important;
    /* cursor: pointer !important; */
    transition: color 0.2s ease;
    -webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    -ms-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
}
.btn-select-product>.checkbox:before {
    position: relative;
    display: block;
    padding-top: 1px;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    content: "\f633";
}
.btn-select-product:hover>.checkbox {
    color: rgba(0,0,0,0.5);
}
.btn-select-product.active>.checkbox {
    background-color: rgba(0,0,0,1);
    color: rgba(255,255,255,1);
}
.btn-select-product>.checkbox+.text {
    padding-left: 15px;
}
.btn-select-product input.select-order-item,
.btn-select-product input.select-all-order-item {
    display: none !important;
    opacity: 0 !important;
}

/* ---------- order item ---------- */

#order-item-section {}

.order-item-row,
.order-item-row>.order-item-inside,
.order-item-row>.order-item-inside>[class*="-col"] {
    position: relative;
}
.order-item-row {
    border: 1px solid rgba(0,0,0,0.05);
    border-left: none;
    border-right: none;
    padding: 20px 0;
}
.order-item-row + .order-item-row {
    border-top: none !important;
}
.order-item-row>.order-item-inside {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.order-item-row>.order-item-inside>.quantity-col .this-info-status {
    margin-top: 5px;
    text-align: center;
}

.order-item-row>.order-item-inside>.info-col .product-info>.detail>.product-name {
    min-height: 22px;
    max-height: 44px;
}
.order-item-row>.order-item-inside .label-tag-group .label-tag {
    margin: 0 !important;
}

/* loading */
.order-item-row.loading-cart {}
.order-item-row.loading-cart>.order-item-inside>.info-col {
    flex: 1 0 0 !important;
}

/* in stock */
.order-item-row>.order-item-inside>.action-col {
    width: 40px;
}
.order-item-row.in-stock>.order-item-inside>.info-col {
    width: calc(100% - 440px);
}
.order-item-row.in-stock>.order-item-inside>.quantity-col {
    width: 210px;
    padding: 0 15px;
}
.order-item-row.in-stock>.order-item-inside>.total-col {
    width: 190px;
}
/* .order-item-row.in-stock>.order-item-inside>.info-col .product-info>.detail>.product-name {
    min-height: 22px;
    max-height: 44px;
} */

/* out of stock */
.order-item-row.out-of-stock>.order-item-inside>.info-col {
    width: calc(100% - 80px);
}
.order-item-row.out-of-stock>.order-item-inside>.quantity-col {
    display: none !important;
}
.order-item-row.out-of-stock>.order-item-inside>.total-col {
    width: 40px;
}
/* .order-item-row.out-of-stock>.order-item-inside>.info-col .product-info>.detail>.product-name {
    min-height: 22px;
    max-height: 22px;
} */


/* action */
.order-item-row>.order-item-inside>.action-col .btn-action-select-group {}
.order-item-row>.order-item-inside>.action-col .btn-action-other-group {
    display: none;
}

/* info */
.order-item-row>.order-item-inside>.info-col .product-info {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.order-item-row>.order-item-inside>.info-col .product-info>.cover {
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgba(0,0,0,0.05);
}
.order-item-row>.order-item-inside>.info-col .product-info>.detail {
    position: relative;
    width: calc(100% - 80px);
    padding-left: 15px;
}
.order-item-row>.order-item-inside>.info-col .product-info>.detail>.product-name {
    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
    margin-bottom: 3px;
}
.order-item-row>.order-item-inside>.info-col .product-info>.detail>.product-price,
.order-item-row>.order-item-inside>.info-col .product-info>.detail>.product-option {
    position: relative;
    height: 16px;
}
/* .order-item-row>.order-item-inside>.info-col .product-info>.detail>.product-price .price-group {
    display: flex;
    flex-wrap: nowrap;
}
.order-item-row>.order-item-inside>.info-col .product-info>.detail>.product-price .price-group>.price {
    position: relative;
}
.order-item-row>.order-item-inside>.info-col .product-info>.detail>.product-price .price-group>.price+.price {
    margin-left: 5px;
}
.order-item-row>.order-item-inside>.info-col .product-info>.detail>.product-price .price-group>.price.line-through {
    color:rgba(128,128,128,0.7) !important;
}
.order-item-row>.order-item-inside>.info-col .product-info>.detail>.product-price .price-group>.price.line-through::before {
    position: absolute;
    content: "";
    border-top: 1px solid  rgba(0,0,0,0.2);
    width: 100%;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -1px;
    z-index: 2;
}
.order-item-row>.order-item-inside>.info-col .product-info>.detail>.product-price .price-group>.price.line-through .unit,
.order-item-row>.order-item-inside>.info-col .product-info>.detail>.product-price .price-group>.price.line-through .num {
    z-index: 1;
} */

.order-item-row>.order-item-inside>.info-col .product-info>.detail>.text-detail,
.order-item-row>.order-item-inside .text-min {
    font-size: 11px;
    line-height: 16px;
    font-weight: 500;
}
.order-item-row>.order-item-inside>.info-col .product-info>.detail>.text-detail .text-table-wrapper>.tw-label .colon {
    margin: 0 3px;
}
.order-item-row>.order-item-inside>.info-col .product-info>.detail>.text-detail .price-group .unit.symbol {
    font-size: 106%;
}
.order-item-row>.order-item-inside>.info-col .btn-action-product-group {
    display: none !important;
}


/* total */
.order-item-row>.order-item-inside>.total-col {
    display: flex;
    flex-wrap: nowrap;
}
.order-item-row>.order-item-inside>.total-col>.text-quantity {
    display: none;
    text-align: left;
    padding-right: 10px;
}
.order-item-row>.order-item-inside>.total-col>.text-total {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 1 0 0%;
    text-align: right;  
    flex-wrap: wrap;  
}
.order-item-row>.order-item-inside>.total-col>.text-total .price-group {
    justify-content: flex-end;
}
.order-item-row>.order-item-inside>.total-col>.btn-action-product-group {
    margin-left: 20px !important;
    display: flex;
    align-items: center;
}
.order-item-row>.order-item-inside>.total-col>.text-total .label-tag-group {
    width: 100% !important;
    justify-content: right !important;
}

/* alert */
.order-item-row.alert-quantity input[data-quantity] {
    color: rgba(212,22,48,1) !important;
}
.order-item-row.alert-quantity .quantity-field.input-quantity {
    background-color: rgba(199,31,54,0.1) !important;
}

/* ---------- custom ---------- */

.order-item-row>.order-item-inside-custom {
    padding-left: 40px;
}
.order-item-row .info-customize {
    background-color: rgba(0, 104, 215, 0.05) !important;
    color: rgba(0, 104, 215, 1) !important;
    padding: 10px 15px;
    border-radius: 5px;
    font-size: 11px;
    line-height: 16px;
    font-weight: 500;
}
.order-item-row .info-customize ul {
    margin: 0;
    padding-left: 15px;
}

/* .order-item-row>.order-item-inside>.info-col .product-info>.cover canvas {
    width: 100%;
} */

/* ---------- PROMO CODE ---------- */

#promo-code-section {
    position: relative;
}
#promo-code-section>.inside .shopping-detail-row {
    margin-top: 20px;
}
#promo-code-section .shopping-detail-for-desktop .shopping-detail-row{
    margin: 0 !important;
}
.promo-code-btn-row {
    position: relative;
}
.promo-code-btn-row .btn-promo-code {
    width: 100% !important;
    margin: 0 !important;
    padding-left: 20px;
    padding-right: 20px;
}
.promo-code-btn-row .btn-promo-code-select {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}
.promo-code-btn-row .btn-promo-code-select .col-left {
    flex: 1 0 0% !important;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.promo-code-btn-row .btn-promo-code-select .col-right {
    padding-left: 15px !important;
}

.promo-code-coupon {
    position: relative;
    width: 100%;
}

/* --- card coupon --- */

.card-select-section {
    position: relative;
}
.card-coupon-group {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
}
.card-coupon-group .card-coupon-item + .card-coupon-item {
    margin-top: 10px;
}
.card-coupon-item {
    position: relative;
    width: 100%;
}
.card-coupon-item>.inside {
    position: relative;
    display: flex;    
    border-radius: 5px;
}
.card-coupon-item>.inside::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 1px solid rgba(0,0,0,1);
    border-radius: 5px;
    width: 100%;
    z-index: 1;
}

/* coupon used */ 
.card-coupon-item.used-format>.inside {
    flex-wrap: nowrap;
    line-height: 50px;
    height: 50px;
    overflow: hidden !important;
}
.card-coupon-item.used-format>.inside>.col-left,
.card-coupon-item.used-format>.inside>.col-right {
    position: relative;
    cursor: pointer;
    z-index: 2;
}
.card-coupon-item.used-format>.inside>.col-left {
    flex: 1 0 0%;
    text-align: left;
    padding: 0 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.card-coupon-item.used-format>.inside>.col-right {
    width: 50px;
    border-left: 1px dashed rgba(0,0,0,1);
    font-size: 12px;
    text-align: center;
    padding: 0;
}
.card-coupon-item.used-format>.inside>.col-right::before,
.card-coupon-item.used-format>.inside>.col-right::after {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    background-color: rgba(255,255,255,1);
    border-radius: 100%;
    border: 1px solid rgba(0,0,0,1);
}
.card-coupon-item.used-format>.inside>.col-right::before {
    left: -7.5px;
    top: -7.5px;
}
.card-coupon-item.used-format>.inside>.col-right::after {
    left: -7.5px;
    bottom: -7.5px;
}

/* coupon detail */
.card-coupon-item.detail-format>.inside {
    flex-wrap: wrap;
    overflow: hidden !important;
    padding: 0 !important;
    width: 100% !important;
}
.card-coupon-item.detail-format>.inside>.info-coupon,
.card-coupon-item.detail-format>.inside>.action-coupon {
    position: relative;
    width: 100%;
    z-index: 2;
}
.card-coupon-item.detail-format>.inside>.info-coupon {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding: 15px;
}
.card-coupon-item.detail-format>.inside>.info-coupon>.col-img {
    width: 70px;
    height: 70px;
    /* background-color: rgba(0,0,0,0.1); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px;
    overflow: hidden;
}
.card-coupon-item.detail-format>.inside>.info-coupon>.col-detail {
    width: calc(100% - 70px);
    padding-left: 15px;
}
.card-coupon-item.detail-format>.inside>.info-coupon .discount,
.card-coupon-item.detail-format>.inside>.info-coupon .description {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.card-coupon-item.detail-format>.inside>.info-coupon .discount {
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    margin-top: 10px;
}
.card-coupon-item.detail-format>.inside>.info-coupon .description {
    font-size: 12px;
    line-height: 20px;
}
.card-coupon-item.detail-format>.inside>.info-coupon .text-min {
    font-size: 11px;
    font-weight: 400;
    line-height: 18px;
}
.card-coupon-item.detail-format>.inside>.action-coupon {
    display: flex;
    height: 50px;
    line-height: 25px;
    border-top: 1px dashed rgba(0,0,0,1);
    background-color: rgba(0,0,0,0.02);
    padding: 14px 15px 16px 15px;
}
.card-coupon-item.detail-format>.inside>.action-coupon::before,
.card-coupon-item.detail-format>.inside>.action-coupon::after {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    background-color: rgba(255,255,255,1);
    border-radius: 100%;
    border: 1px solid rgba(0,0,0,1);
}
.card-coupon-item.detail-format>.inside>.action-coupon::before {
    left: -7.5px;
    top: -7.5px;
}
.card-coupon-item.detail-format>.inside>.action-coupon::after {
    right: -7.5px;
    top: -7.5px;
}
.card-coupon-item.detail-format>.inside>.action-coupon>.col-action {
    display: flex;
    flex-wrap: nowrap;
    flex: 1 0 0%;
    padding-right: 10px;
}
.card-coupon-item.detail-format>.inside>.action-coupon>.col-condition {
    
}

/* select */
.card-coupon-item.detail-format.card-select-item>.inside::before,
.card-coupon-item.detail-format.card-select-item>.inside>.action-coupon,
.card-coupon-item.detail-format.card-select-item>.inside>.action-coupon::before,
.card-coupon-item.detail-format.card-select-item>.inside>.action-coupon::after {
    border-color: rgba(0,0,0,0.1);
}
.card-coupon-item.detail-format.card-select-item>.inside.active::before,
.card-coupon-item.detail-format.card-select-item>.inside.active>.action-coupon,
.card-coupon-item.detail-format.card-select-item>.inside.active>.action-coupon::before,
.card-coupon-item.detail-format.card-select-item>.inside.active>.action-coupon::after {
    border-color: rgba(0,0,0,1);
}

/* ----- promo code search section ----- */

#promo-code-search-section {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width:calc( 100% + 40px );
    height: 70px;
    margin-left: -20px;
    margin-right: -20px;    
}
#promo-code-search-section>.inside {
    position: relative; 
    padding: 0 !important;  
    width: 500px !important;  
}
#promo-code-search-section .promo-code-form {
    position: relative;    
}
#promo-code-search-section .promo-code-form,
#promo-code-search-section .promo-code-form .field-group {
    padding: 0 !important;
}
#promo-code-search-section .promo-code-form .field.input-field {
    background: none !important;   
    border-radius: 0 !important; 
    z-index: 1;
}
#promo-code-search-section .promo-code-form input#promo-code-keyword {
    position: relative;
    width: 100%;
    padding-left: 20px !important;
    padding-right: 50px !important;    
}
#promo-code-search-section .promo-code-form .btn-submit-search {
    position: absolute;
    top:50%;
    right: 20px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: none !important;
    outline: none !important;
    background: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: -15px 0 0 0 !important;    
    font-size: 20px;    
    text-align: center;
    opacity:0.2;
    z-index: 2;
    transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
}
#promo-code-search-section .promo-code-form .btn-submit-search:hover,
#promo-code-search-section .promo-code-form .field.input-field.focus ~ .btn-submit-search {
    opacity: 1;    
}

/* ----- promo code coupon section ----- */

#promo-code-coupon-section {
    position: relative;
}
#promo-code-coupon-section .card-coupon-section + .card-coupon-section {
    border-top: 1px solid rgba(0,0,0,1);
    padding-top: 40px;
    margin-top: 40px;
}
#promo-code-coupon-section .title-row + .promo-code-coupon {
    margin-top: 20px;
}

.promo-code-coupon.coupon-all .card-coupon-group {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-right: -10px;
}
.promo-code-coupon.coupon-all .card-coupon-item {
    width: 50%;
    padding: 0 10px !important;
    margin: 0 0 20px 0 !important;
}

/* alert promo code */

.coupon-wait-remove-group,
.coupon-wait-remove-group>.coupon-wait-remove {
    position: relative;
}
.coupon-wait-remove-group>.coupon-wait-remove+.coupon-wait-remove {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(0,0,0,0.05);
}

/* ---------- RECEIVING TYPE ---------- */

#receiving-type-section {
   position: relative;
}
#receiving-type-form {}
#receiving-type-form.card-select-section .card-select-group {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    width: calc(100% + 15px);
    margin: 0 -7.5px;
}
#receiving-type-form.card-select-section .card-select-item {
    width: 50%;
    padding: 0 7.5px !important;
    margin: 0 0 15px 0 !important;
}

#receiving-type-section .note-section {
    position: relative;
}
#receiving-type-section .note-section>.note {
    display: block;
    margin-top: 10px;
}
#receiving-type-section .note-section>.note.off {
    display: none;
}

/* ---------- SHIPPING ADDRESS ---------- */

.wait-load-ajax-shipping-address {
    display: none !important;
}
.address-section.disable {
    display: none; /* ห้ามใส่ important เนื่องจากมีการใช้ slideDown() */
}

/* ---------- TAX INVOICE ---------- */

#tax-invoice-section {}

#tax-invoice-section .shopping-detail-row {
    border-radius: 5px;
    padding: 0 25px;
}
.tax-invoice-header,
.tax-invoice-body {
    position: relative;
}
.tax-invoice-header {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    line-height: 25px;
    padding: 25px 0;
}
.tax-invoice-header>.col-left {
    flex: 1 0 0%;
}
.tax-invoice-body {
    border-top: 2px solid rgba(255,255,255,1);
}
.tax-invoice-body .address-section.this-info-address {
    padding: 25px 0;
}
.tax-invoice-body.disable {
    display: none;
}



/* ---------- PAYMENT METHOD ---------- */

.logo-payment-group,
.logo-payment-group>.logo-payment {
    position: relative;
}
.logo-payment-group {
    display: flex;
    flex-wrap: nowrap;
}
.logo-payment-group>.logo-payment {
    height: 25px;
}
.logo-payment-group>.logo-payment+.logo-payment {
    margin-left: 5px;
}

/* ---------- ORDER SUMMARY ---------- */

#order-summary-section {}
#order-summary-section .order-summary-btn-section .btn-row {
    margin-top: 0 !important;
}

/* loading summary */
.order-summary-detail-section .loading-summary {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255,255,255,0.9);
    opacity: 0;
    z-index: 10;
    transition: opacity 0.2s ease;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -ms-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
}
.order-summary-detail-section .loading-summary.on {
    opacity: 1;
}
.order-summary-detail-section .title-row,
.order-summary-detail-section .order-summary-detail-group {
    z-index: 1;
}

.order-summary-detail-section,
.order-summary-btn-section {
    position: relative;
}
.order-summary-detail-group,
.order-summary-detail-row,
.order-summary-detail-row>.detail-row,
.order-summary-detail-row>.detail-row>[class*="col-"] {
    position: relative;
}
.order-summary-detail-row>.detail-row {
    display: flex;
    flex-wrap: nowrap;
}
.order-summary-detail-row>.detail-row>.col-left {
    flex: 1 0 0%;
}
.order-summary-detail-row>.detail-row>.col-right {}

.order-summary-detail-group .underline {
    position: relative;
    border-top: 1px solid #0c0c0c;
    margin-bottom: 10px;
    margin-top: 10px;
    opacity: 1;
}
.order-summary-detail-group .underline.opacity {
    opacity: 0.1;
}
.order-summary-btn-section .info-summary-on-mobile {
    display: none;
}


.btn-open-note-detail-popup {
    position: relative;
    width: 15px !important;
    height: 15px !important;
    line-height: 15px !important;
    font-size: 13px !important;
    cursor: pointer !important;
}

/* amount payment */
.order-summary-detail-row.amount-payment>.detail-row {
    padding-top: 5px;
}
.order-summary-detail-row.amount-payment>.detail-row+.detail-row {
    padding-top: 0;
}
.order-summary-detail-row.amount-payment>.detail-row.summary-final {
    line-height: 30px !important;
    align-items: baseline;
}
.order-summary-detail-row.amount-payment .text-label {
    font-size: 20px;
    line-height: 25px;
    font-weight: 600;
}
.order-summary-detail-row.amount-payment .price-group .price {
    font-size: 25px !important;
    line-height: 30px !important;
}
.order-summary-detail-row.amount-payment .price-group .unit.symbol {
    font-size: 100% !important;
}

/* btn */
.order-summary-btn-section {
    padding-top: 30px;

}

/* hiden */
.order-summary-detail-row.hiden,
.order-summary-detail-row>.detail-row.hiden {
    display: none !important;
}

/* ---------- INSTALLMENTS ---------- */

#installment-system-section {
    margin: 0 !important;
}
#installment-system-section>.inside {
    padding-top: 40px;
}

#info-installment-calculate-section.mobile {
    display: none !important;
}
#info-installment-calculate-section {
    position: relative;
    margin: 0 !important;
}
#info-installment-calculate-section>.inside {
    position: relative;
}
#info-installment-calculate-section>.inside>.shopping-detail-row {
    position: relative;
    padding-top: 40px;
}
#info-installment-calculate-section>.inside>.shopping-detail-row>.inside-container {
    position: relative;
    background-color: rgba(0,123,255,0.1) !important;
    padding: 25px 30px;
    border-radius: 5px;
}
.info-installment-calculate-row,
.info-installment-calculate-row>.detail-row {
    position: relative;
}
.info-installment-calculate-row>.detail-row {
    display: flex;
    flex-wrap: nowrap;
}
.info-installment-calculate-row>.detail-row>.col-left {
    flex: 1 0 0%;
}
.info-installment-calculate-row>.underline {
    position: relative;
    border-top: 1px solid rgba(0,123,255,1);
    margin-bottom: 10px;
    margin-top: 10px;
    opacity: 1;
}

.card-select-section.outline .card-select-group.installment-period-group {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 10px);
    margin: -5px !important;
}
.card-select-section.outline .card-select-group.installment-period-group .card-select-item {
    width: calc(50% - 10px) !important;
    flex: 1 0 0% !important;
}
.card-select-section.outline .card-select-group.installment-period-group .card-select-item,
.card-select-section.outline .card-select-group.installment-period-group .card-select-item+.card-select-item {
    margin: 5px !important;
}


/* ---------- SHOPPING CONPLETE ---------- */

/* status */
.order-complete-status-row {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.order-complete-status {
    position: relative;
    display: inline-block;
    border-radius: 50px;
    padding: 10px 20px;
}

/* info */
.order-complete-info-row,
.order-complete-info-row .order-complete-info,
.order-complete-info-row .order-complete-info > [class*="text-"] {
    position: relative;
}
.order-complete-info-row {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    margin-top: 30px;
}
.order-complete-info-row .order-complete-info {
    text-align: center;
}
.order-complete-info-row .order-complete-info + .order-complete-info {
    border-left: 1px dotted rgba(0,0,0,0.3);
    padding-left: 30px;
    margin-left: 30px;
}
.order-complete-info-row .order-complete-info .text-label {
    font-size: 11px;
    line-height: 15px;
    font-weight: 500;
    opacity: 0.5;
}
.order-complete-info-row .order-complete-info .text-info {}
         
/* --------------------------------------------------------------- */
/* ------------------- PROMO CODE DETAIL POPUP ------------------- */
/* --------------------------------------------------------------- */

.promo-code-detail-popup .modal-body .text-table-group {

}
.promo-code-detail-popup .modal-body .text-table-group+.text-table-group,
.promo-code-detail-popup .modal-body .text-table-wrapper+.text-table-wrapper {
    margin-top: 20px;
}
.promo-code-detail-popup .modal-body .text-table-wrapper+.text-table-wrapper {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid rgba(0,0,0,0.05);
}
.promo-code-detail-popup .modal-body .condition-content-expand-group {
    position: relative;
}
.promo-code-detail-popup .modal-body .condition-content-expand-group+.condition-content-expand-group {
    margin-top: 20px;
}
.promo-code-detail-popup .modal-body .condition-content-expand-group>.condition-content-btn {
    position: relative;
    font-weight: 600 !important;
    cursor: pointer;
    display: inline-block;
}
.promo-code-detail-popup .modal-body .condition-content-expand-group>.condition-content-btn>.icon {
    margin-left: 7px;
    font-size: 10px;    
}
.promo-code-detail-popup .modal-body .condition-content-expand-group>.condition-content-more {
    position: relative;
}

/* --------------------------------------------------------------- */
/* ---------------------- ORDER DETAIL POPUP --------------------- */
/* --------------------------------------------------------------- */

.order-detail-popup .modal-dialog,
.promo-code-detail-popup .modal-dialog {
    max-width: calc(100% - 40px);
    width: 600px;    
}
.order-detail-popup .modal-content,
.promo-code-detail-popup .modal-content {
    border-radius: 10px;
    border: none !important;
    overflow: hidden !important;
}
.order-detail-popup .modal-header,
.promo-code-detail-popup .modal-header {
    padding: 20px 60px 20px 30px;
}
.order-detail-popup .modal-body,
.promo-code-detail-popup .modal-body {
    padding: 40px 30px;
}
.order-detail-popup .container,
.promo-code-detail-popup .container {
    width:100% !important;
    max-width:100% !important;
    padding:0 !important;
}

/* header */
.order-detail-popup .modal-header .title,
.promo-code-detail-popup .modal-header .title {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
}

/* ----- info detail ----- */

.info-detail-group,
.info-detail-row {
    position: relative;
}
.info-detail-group .underline {
    position: relative;
    border-top: 1px solid #0c0c0c;
    margin-bottom: 10px;
    margin-top: 10px;
}
.info-detail-group .underline.opacity {
    opacity: 0.1;
}

.info-detail-row {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    line-height: 25px;
}
/* .info-detail-row>.info-detail-col.img-product {
    width: 60px;
    height: 60px;
    border-radius: 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgba(0,0,0,0.1);
    overflow: hidden !important;
} */
.info-detail-row>.info-detail-col.text-left {
    flex: 1 0 0 !important;
}
.info-detail-row>.info-detail-col.text-left+.info-detail-col.text-right {
    padding-left: 15px;
}

/* product detail */
.info-product-detail-row,
.info-product-detail-row>.product-cover-col,
.info-product-detail-row>.product-detail-col {
    position: relative;
}
.info-product-detail-row {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    /* line-height: 20px; */
}
.info-product-detail-row>.product-cover-col {
    width: 50px;
    height: 50px;
    border-radius: 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgba(0,0,0,0.1);
    overflow: hidden !important;
}
.info-product-detail-row>.product-detail-col {
    width: calc(100% - 50px);
    padding-left: 10px;
}
.info-product-detail-row>.product-detail-col .detail-row {
    display: flex;
    flex-wrap: nowrap;
    align-items: baseline;
}
.info-product-detail-row>.product-detail-col .detail-row>.detail-col.left {
    flex:  1 0 0 !important;
    text-align: left;
}
.info-product-detail-row>.product-detail-col .detail-row>.detail-col.right {
    text-align: right;    
    padding-left: 10px;
}
.info-product-detail-row .product-name {
    font-weight: 600;
    line-height: 22px;
    max-height: 44px;
}

/* total */
.info-detail-row.info-total {
    font-size: 16px;
}

/* xxl */
@media (min-width: 1400px) {

.order-summary-btn-section .left-btn {
    width: 150px !important;
    flex: none !important;
    padding:0 !important;
}

}

@media (min-width: 1400px) and (max-width: 1600px) {

/* --------------------------------------------------------------- */
/* ------------------------ SHOPPING CART ------------------------ */
/* --------------------------------------------------------------- */

/* ----- order item ----- */

.order-item-row.in-stock>.order-item-inside>.info-col {
    width: calc(100% - 430px);
}
.order-item-row.in-stock>.order-item-inside>.quantity-col {
    width: 200px;
}
.order-item-row.in-stock>.order-item-inside>.total-col {
    width: 190px;
}

}

/* xl */
@media (min-width: 1200px) and (max-width: 1399.98px) {

#shopping-container.scroll-fixed-box>.sf-box-inside>.sf-box-col.col-fixed,
#shopping-container .sf-box-fixed {
    width: 330px;
}
#shopping-container.scroll-fixed-box>.sf-box-inside>.sf-box-col.col-content {
    width: calc(100% - 330px);
    padding-right: 50px;
}

/* --------------------------------------------------------------- */
/* ------------------------ SHOPPING CART ------------------------ */
/* --------------------------------------------------------------- */

/* ----- order item ----- */

.order-item-row.in-stock>.order-item-inside>.info-col {
    width: calc(100% - 420px);
}
.order-item-row.in-stock>.order-item-inside>.quantity-col {
    width: 200px;
}
.order-item-row.in-stock>.order-item-inside>.total-col {
    width: 180px;
}

/* ----- order summary ----- */

.order-summary-btn-section .left-btn {
    width: 130px !important;
    flex: none !important;
    padding:0 !important;
}

.order-summary-detail-group .order-summary-detail-row.total-price,
.order-summary-detail-group .order-summary-detail-row.discount,
.order-summary-detail-group .order-summary-detail-row.amount-payment {
    font-size: 13px;
}
.order-summary-detail-row.amount-payment .text-label {
    font-size: 15px;
}
.order-summary-detail-row.amount-payment .price-group .price {
    font-size: 20px !important;
}

}

/* lg */
@media (min-width: 992px) and (max-width: 1199.98px) {

#shopping-container.scroll-fixed-box>.sf-box-inside>.sf-box-col.col-fixed,
#shopping-container .sf-box-fixed {
    width: 330px;
}
#shopping-container.scroll-fixed-box>.sf-box-inside>.sf-box-col.col-content {
    width: calc(100% - 330px);
    padding-right: 50px;
}

/* --------------------------------------------------------------- */
/* ------------------------ SHOPPING CART ------------------------ */
/* --------------------------------------------------------------- */

/* ----- order item ----- */

.order-item-row>.order-item-inside {
    flex-wrap: wrap;
    padding: 0 0 0 40px !important;
    align-items: flex-start;
}
.order-item-row>.order-item-inside>.info-col {
    width: 100% !important;
    flex: none !important;
}
.order-item-row>.order-item-inside>.action-col {
    position: absolute;
    top:0 !important;
    left: 0 !important;
}
.order-item-row.in-stock>.order-item-inside>.quantity-col {
    /* width: 350px;
    padding-left: 95px !important; */
    width: 300px;
    padding-left: 0 !important;
}
.order-item-row>.order-item-inside>.quantity-col .this-info-status {
    text-align: left;
}

.shopping-topic-section>.inside .btn-select-section {
    width: calc(100% + 40px);
    margin: 0 -20px;
}
.shopping-topic-section>.inside .btn-select-section,
.shopping-topic-section>.inside .btn-select-section>.inside,
.shopping-topic-section>.inside .btn-select-section>.inside>.btn-select-group {
    height: 50px !important;
}
.shopping-topic-section>.inside .btn-select-section>.inside>.btn-select-group {
    padding: 0 20px !important;
}

/* info */
.order-item-row.in-stock>.order-item-inside>.info-col,
.order-item-row.out-of-stock>.order-item-inside>.info-col {
    padding-right: 35px !important;
    padding-bottom: 10px !important;
}
.order-item-row>.order-item-inside>.info-col .product-info {
    align-items: flex-start;
}
.order-item-row>.order-item-inside>.info-col .btn-action-product-group {
    position: absolute;
    top:0 !important;
    right: 0 !important;
    display: block !important;
    z-index: 10;
}

/* total */
.order-item-row.in-stock>.order-item-inside>.total-col {
    width: calc(100% - 300px);
}
.order-item-row>.order-item-inside>.total-col>.btn-action-product-group {
    display: none !important;
}

/* ----- order summary ----- */

.order-summary-btn-section .left-btn {
    width: 130px !important;
    flex: none !important;
    padding:0 !important;
}

.order-summary-detail-group .order-summary-detail-row.total-price,
.order-summary-detail-group .order-summary-detail-row.discount,
.order-summary-detail-group .order-summary-detail-row.amount-payment {
    font-size: 13px;
}
.order-summary-detail-row.amount-payment .text-label {
    font-size: 15px;
}
.order-summary-detail-row.amount-payment .price-group .price {
    font-size: 20px !important;
}

}

/* md */
@media (min-width: 768px) and (max-width: 991.98px) {

#shopping-container.scroll-fixed-box>.sf-box-inside {
    flex-wrap: wrap !important;
    height:auto !important;
}
#shopping-container.scroll-fixed-box>.sf-box-inside>.sf-box-col.col-fixed,
#shopping-container .sf-box-fixed,
#shopping-container.scroll-fixed-box>.sf-box-inside>.sf-box-col.col-content {
    width: 100% !important;
}
#shopping-container.scroll-fixed-box>.sf-box-inside>.sf-box-col.col-content {
    flex: none !important;
    padding-right: 0;
}

/* --------------------------------------------------------------- */
/* ------------------------ SHOPPING CART ------------------------ */
/* --------------------------------------------------------------- */


/* ----- order item ----- */

.order-item-row>.order-item-inside {
    flex-wrap: wrap;
    padding: 0 0 0 40px !important;
    align-items: flex-start;
}
.order-item-row>.order-item-inside>.info-col {
    width: 100% !important;
    flex: none !important;
}
.order-item-row>.order-item-inside>.action-col {
    position: absolute;
    top:0 !important;
    left: 0 !important;
}
.order-item-row.in-stock>.order-item-inside>.quantity-col {
    width: 400px;
    padding-left: 95px !important;
}

.shopping-topic-section>.inside .btn-select-section {
    width: calc(100% + 40px);
    margin: 0 -20px;
}
.shopping-topic-section>.inside .btn-select-section,
.shopping-topic-section>.inside .btn-select-section>.inside,
.shopping-topic-section>.inside .btn-select-section>.inside>.btn-select-group {
    height: 50px !important;
}
.shopping-topic-section>.inside .btn-select-section>.inside>.btn-select-group {
    padding: 0 20px !important;
}

/* info */
.order-item-row.in-stock>.order-item-inside>.info-col,
.order-item-row.out-of-stock>.order-item-inside>.info-col {
    padding-right: 35px !important;
    padding-bottom: 10px !important;
}
.order-item-row>.order-item-inside>.info-col .product-info {
    align-items: flex-start;
}
.order-item-row>.order-item-inside>.info-col .btn-action-product-group {
    position: absolute;
    top:0 !important;
    right: 0 !important;
    display: block !important;
    z-index: 10;
}

/* quantity */
.order-item-row>.order-item-inside>.quantity-col .this-info-status {
    text-align: left;
}

/* total */
.order-item-row.in-stock>.order-item-inside>.total-col {
    width: calc(100% - 400px);
}
.order-item-row>.order-item-inside>.total-col>.btn-action-product-group {
    display: none !important;
}

/* --------- promo code -------- */

#promo-code-section {
    margin-top: 40px !important;
}

}

/* sm - xs */
@media (max-width: 767.98px) {

#shopping-container.scroll-fixed-box>.sf-box-inside {
    flex-wrap: wrap !important;
    height:auto !important;
}
#shopping-container.scroll-fixed-box>.sf-box-inside>.sf-box-col.col-fixed,
#shopping-container .sf-box-fixed,
#shopping-container.scroll-fixed-box>.sf-box-inside>.sf-box-col.col-content {
    width: 100% !important;
}
#shopping-container.scroll-fixed-box>.sf-box-inside>.sf-box-col.col-content {
    flex: none !important;
    padding-right: 0;
}

/* --------- order complete -------- */

.order-complete-info-row {
    display: block !important;
}
.order-complete-info-row .order-complete-info + .order-complete-info {
    border-left: none !important;
    border-top: 1px dotted rgba(0,0,0,0.3);
    padding: 10px 0 0 0 !important;
    margin: 10px 0 0 0 !important;
}

#receiving-type-form.card-select-section .card-select-item {
    width: 100%;
    margin: 0 !important;
}
#receiving-type-form.card-select-section .card-select-item+.card-select-item {
    margin-top: 10px !important;
}
#receiving-type-section .note-section>.note {
    margin-top: 20px;
}

/* --------- promo code -------- */

.promo-code-coupon.coupon-all .card-coupon-item {
    width: 100% !important;
    margin: 0 0 15px 0 !important;
}

}

/* sm */
@media (min-width: 576px) and (max-width: 767.98px) {

/* --------------------------------------------------------------- */
/* ------------------------ SHOPPING CART ------------------------ */
/* --------------------------------------------------------------- */

#order-item-section {
    padding-top: 5px !important;
}

/* ---------- order item ---------- */

.order-item-row>.order-item-inside {
    flex-wrap: wrap;
    padding: 0 0 0 40px !important;
}
.order-item-row>.order-item-inside>.info-col {
    width: 100% !important;
    flex: none !important;
}
.order-item-row>.order-item-inside>.action-col {
    position: absolute;
    top:0 !important;
    left: 0 !important;
}
.order-item-row.in-stock>.order-item-inside>.quantity-col {
    width: 300px;
    padding-left: 0 !important;
}

.shopping-topic-section>.inside .btn-select-section {
    width: calc(100% + 40px);
    margin: 0 -20px;
}
.shopping-topic-section>.inside .btn-select-section,
.shopping-topic-section>.inside .btn-select-section>.inside,
.shopping-topic-section>.inside .btn-select-section>.inside>.btn-select-group {
    height: 50px !important;
}
.shopping-topic-section>.inside .btn-select-section>.inside>.btn-select-group {
    padding: 0 20px !important;
}

/* info */
.order-item-row.in-stock>.order-item-inside>.info-col,
.order-item-row.out-of-stock>.order-item-inside>.info-col {
    padding-right: 35px !important;
    padding-bottom: 10px !important;
}
.order-item-row>.order-item-inside>.info-col .btn-action-product-group {
    position: absolute;
    top:0 !important;
    right: 0 !important;
    display: block !important;
    z-index: 10;
}
.order-item-row>.order-item-inside>.info-col .product-info {
    align-items: flex-start;
}

/* quantity */
.order-item-row>.order-item-inside>.quantity-col .this-info-status {
    text-align: left;
}

/* total */
.order-item-row.in-stock>.order-item-inside>.total-col {
    width: calc(100% - 300px);
}
.order-item-row>.order-item-inside>.total-col>.btn-action-product-group {
    display: none !important;
}

/* ---------- installment system ---------- */

/* --------- order summary -------- */

/* #order-summary-section {
    padding-top: 30px !important;
}  */
#promo-code-section {
    margin-top: 40px !important;
}
/* #promo-code-section>.inside .shopping-detail-row {
    margin-top: 0;
} */


}

/* xs */
@media (max-width: 575.98px) {

#shopping-cart-page #footer-section,
#order-confirm-page #footer-section {
    padding-bottom: 120px !important;    
}

#shopping-section {
    padding-bottom: 0 !important;
}
.shopping-topic-section .topic-step-section {
    width: calc(100% + 40px);
    margin: 0 -20px !important;
    padding: 0 20px 30px 20px;
    border: none !important;
    /* border-bottom: 5px solid rgba(242,242,242,1) !important; */
    text-align: center;
}
#order-confirm-page .shopping-topic-section .topic-step-section {
    border-bottom: 5px solid rgba(242,242,242,1) !important;
}
.shopping-topic-section .btn-select-section {
    border-top: 5px solid rgba(242,242,242,1) !important;
    padding: 15px 0 !important;
}
.shopping-topic-section .installments-alert-section+.btn-select-section {
    border-top: 0 !important;
}
.shopping-topic-section .installments-alert-section {
    width: calc(100% + 40px);
    margin-left: -20px !important;
    margin-right: -20px !important;
}
.shopping-topic-section .installments-alert-section .card-dialog-wrapper {
    border-radius: 0 !important;
}
.shopping-topic-section .installments-alert-section .card-dialog {
    padding: 20px !important;
}


/* ----- order summary ----- */

.order-summary-btn-section {
    position: fixed !important;
    width: 100% !important;
    height: 130px;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;   
    margin: 0 !important;
    padding: 20px !important;
    background-color: rgba(255,255,255,1);
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
    z-index: 100;
}
.order-summary-btn-section .left-btn {
    width: 130px !important;
    flex: none !important;
    padding:0 !important;
}
.order-summary-btn-section .info-summary-on-mobile {
    display: block;
}
.order-summary-btn-section .content-row+.btn-row {
    margin-top: 0 !important;
}



/* --------------------------------------------------------------- */
/* ------------------------ SHOPPING CART ------------------------ */
/* --------------------------------------------------------------- */

/* ---------- order item ---------- */

#order-item-section {
    padding: 0 !important;
}
.order-item-row {
    border: none !important;
}
.order-item-row,
.order-item-row + .order-item-row {
    border-top: 5px solid rgba(242,242,242,1) !important;
}
.order-item-row>.order-item-inside {
    flex-wrap: wrap;
    padding: 0 20px 0 60px !important;
}
/* .order-item-row>.order-item-inside>.action-col, */
.order-item-row>.order-item-inside>.info-col,
.order-item-row>.order-item-inside>.quantity-col,
.order-item-row>.order-item-inside>.total-col {
    width: 100% !important;
    flex: none !important;
}
.order-item-row>.order-item-inside>.action-col {
    position: absolute;
    top:0 !important;
    left: 20px !important;
}

.shopping-topic-section>.inside .btn-select-section {
    width: calc(100% + 40px);
    margin: 0 -20px;
}
/* .shopping-topic-section>.inside .btn-select-section,
.shopping-topic-section>.inside .btn-select-section>.inside,
.shopping-topic-section>.inside .btn-select-section>.inside>.btn-select-group {
    height: 55px !important;
} */
.shopping-topic-section>.inside .btn-select-section>.inside>.btn-select-group {
    padding: 0 20px !important;
}


/* info */
.order-item-row.in-stock>.order-item-inside>.info-col,
.order-item-row.out-of-stock>.order-item-inside>.info-col {
    padding-right: 35px !important;
}
.order-item-row>.order-item-inside>.info-col .btn-action-product-group {
    position: absolute;
    top:0 !important;
    right: 0 !important;
    display: block !important;
    z-index: 10;
}
.order-item-row>.order-item-inside>.info-col .product-info {
    align-items: flex-start;
}
.order-item-row>.order-item-inside>.info-col .product-info>.cover {
    width: 75px;
    height: 75px;
}
.order-item-row>.order-item-inside>.info-col .product-info>.detail {
    width: calc(100% - 75px);
    padding-left: 10px;
}
.order-item-row>.order-item-inside>.info-col .product-info>.detail>.product-name {
    font-size: 13px;
    line-height: 20px;
    min-height: 20px;
    max-height: 40px;
}

/* quantity  */
.order-item-row>.order-item-inside>.quantity-col {
    padding: 10px 0 !important;
}
.order-item-row>.order-item-inside>.quantity-col .this-info-status {
    text-align: left;
}

/* total */
.order-item-row>.order-item-inside>.total-col>.btn-action-product-group {
    display: none !important;
}
.order-item-row.out-of-stock>.order-item-inside>.total-col {
    display: none !important;
}
.order-item-row>.order-item-inside>.total-col>.text-quantity {
    display: block !important;
}


/* ----- shopping detail ----- */

#promo-code-section {}
#promo-code-section>.inside .shopping-detail-row {
    margin-top: 10px;
}
.shopping-topic-section+.shopping-detail-section {
    padding: 0;
}
.shopping-detail-section {
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px);
    padding: 20px !important;
}
.shopping-detail-section+.shopping-detail-section,
#promo-code-section,
#order-summary-section{
    border-top: 5px solid rgba(242,242,242,1);
    margin-top: 0;
}
.shopping-detail-section .shopping-detail-row {}

.shopping-detail-for-mobile {
    display: block;
}

.shopping-detail-for-desktop {
    display: none;
}

/* ----- promo code search section ----- */

#promo-code-search-section>.inside {
    width: 100% !important;  
}

/* --------------------------------------------------------------- */
/* ------------------------ ORDER CONFIRM ------------------------ */
/* --------------------------------------------------------------- */

/* ---------- tax invoice ---------- */

#tax-invoice-section {
    padding: 0 !important;
}
#tax-invoice-section .shopping-detail-row {
    border-radius: 0 !important;
    padding: 0 20px;
}

/* ---------- payment method ---------- */

.card-select-section.outline .payment-method-group.card-select-group .card-select-item>.inside {
    flex-wrap: wrap !important;
}
.card-select-section.outline .payment-method-group.card-select-group .card-select-item>.inside>.col-right {
    width: 100% !important;
    padding: 15px 0 0 40px;
}

/* ---------- installment system ---------- */

#installment-system-section {
    margin-left: -20px !important;
    margin-right: -20px !important;
    width: calc(100% + 40px) !important;
    padding: 20px !important;
}
#installment-system-section>.inside {
    padding: 0 !important;
}
#info-installment-calculate-section.desktop {
    display: none !important;
}
#info-installment-calculate-section.mobile {
    display: block !important;
    border: none !important;
    margin-left: -20px !important;
    margin-right: -20px !important;
    width: calc(100% + 40px) !important;
    padding: 0 !important;
}
#info-installment-calculate-section>.inside>.shopping-detail-row {
    padding: 0 !important;
}
#info-installment-calculate-section>.inside>.shopping-detail-row>.inside-container {
    padding: 20px !important;
    border-radius: 0 !important;
}
.card-select-section.outline .card-select-group.installment-period-group {
    display: block;
    width: 100%;
    margin: 0 !important;
}
.card-select-section.outline .card-select-group.installment-period-group .card-select-item {
    width: 100% !important;
    flex: auto !important;
    margin: 0 !important;
}
.card-select-section.outline .card-select-group.installment-period-group .card-select-item+.card-select-item {
    margin: 0 !important;
    margin-top: 10px !important;
}



}

/* xs custom */
@media (max-width: 399.98px) {

.shopping-topic-section .installments-alert-section .item-container {
    display: block !important;    
}
.shopping-topic-section .installments-alert-section .item-container > .item.this-label+.item.this-icon {
    margin: 10px 0 0 0 !important;
}

.card-select-section#installment-system-form .slot-text-row>ul.slot-text-group {
    display: block !important;
}
.card-select-section#installment-system-form .slot-text-row>ul.slot-text-group.min-spacing > li+li {
    padding-left: 0 !important;
}
.card-select-section#installment-system-form .slot-text-row>ul.slot-text-group.min-spacing > li:before,
.card-select-section#installment-system-form .slot-text-row>ul.slot-text-group.min-spacing > li:after {
    display: none !important;
}

}