/* ============================================================================================== */
/* ===================================== product item manage ==================================== */
/* ============================================================================================== */

.product-items-manage-section .select-btn {
    position: relative;
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: stretch;
    cursor: pointer;
    max-width: 100%;
    /* background-color: rgba(255,255,0,0.5); */
}

.product-items-manage-section .select-btn>.checkmark {
    position: relative;
    min-width: 25px;
    width: 25px;
    height: 25px;
    font-size: 12px;
    line-height: 25px;
    text-align: center;
    border-radius: 10px;
    transition: var(--customize-transition-all-fast);
}

.product-items-manage-section .select-btn.disable>.checkmark:before {}

.product-items-manage-section .select-btn>.checkmark+.text {
    margin-left: 15px;
}

.product-items-manage-section .select-btn>.text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.product-items-manage-section .select-btn>.checkmark>.icon-select {
    opacity: 0;
    transition: var(--customize-transition-all-fast);
}

.product-items-manage-section .select-btn>.checkmark:hover>.icon-select,
.product-items-manage-section .select-btn.selected>.checkmark>.icon-select {
    opacity: 1;
}

/* bg */
.product-items-manage-section .select-btn>.checkmark.bg {
    color: rgba(var(--customize-color-black), 1);
    background-color: rgba(var(--customize-color-black), 0.1);
}

.product-items-manage-section .select-btn>.checkmark.bg:hover {}

.product-items-manage-section .select-btn.selected>.checkmark.bg {
    color: rgba(var(--customize-color-on-primary), 1);
    background-color: rgba(var(--customize-color-primary), 1);
}

/* bg black */
.product-items-manage-section .select-btn>.checkmark.bg.black:hover,
.product-items-manage-section .select-btn.selected>.checkmark.bg.black {
    color: rgba(var(--customize-color-white), 1);
    background-color: rgba(var(--customize-color-black), 1);
}

/* outline */
.product-items-manage-section .select-btn>.checkmark.outline {
    color: rgba(var(--customize-color-black), 1);
    border: 1px solid rgba(var(--customize-color-black), 0.15);
    background-color: rgba(var(--customize-color-black), 0);
}

.product-items-manage-section .select-btn.selected>.checkmark.outline {
    color: rgba(var(--customize-color-primary), 1);
    border: 1px solid rgba(var(--customize-color-primary), 1);
    background-color: rgba(var(--customize-color-primary), 0.1);
}

/* --------------------------------------------------------------- */
/* -------------------------- delete btn ------------------------- */
/* --------------------------------------------------------------- */

.product-items-manage-section .delete-btn {
    position: relative;
    display: block;
    height: 20px;
    line-height: 20px;
    cursor: pointer;
    transition: var(--customize-transition-all-fast);
    /* background-color: rgba(255,255,0,0.5);  */
}

.product-items-manage-section .delete-btn.disable {
    cursor: no-drop !important;
    display: none !important;
    /* background-color: rgba(255,0,0,0.5);  */
}

.product-items-manage-section .delete-btn>.icon {
    width: 20px;
    font-size: 20px;
    text-align: center;
}

.product-items-manage-section .delete-btn>.icon+.text {
    margin-left: 5px;
}

.product-items-manage-section .delete-btn.opacity {
    opacity: 0.3;
}

.product-items-manage-section .delete-btn.opacity:hover {
    opacity: 1;
}

/* --------------------------------------------------------------- */
/* --------------------------- disable --------------------------- */
/* --------------------------------------------------------------- */

/* selec  */
.atc-product-item.action-disable .select-btn.disable {
    cursor: no-drop !important;
}

.atc-product-item.action-disable .select-btn.disable>.checkmark {
    pointer-events: none !important;
    background-color: rgba(var(--customize-color-black), 0.05) !important;
}

/* img */
.atc-product-item.action-disable .img-cover {
    filter: grayscale(100%);
    opacity: 0.5;
}

/* qty */
/* .atc-product-item.action-disable .info-col.this-col-qty {
    pointer-events: none !important;
} */

.atc-product-item.action-disable .quantity-for-cart,
.atc-product-item.action-disable .qty-alert-message {
    opacity: 0.5;
}

.atc-product-item.action-disable .quantity-for-cart {
    cursor: no-drop !important;
}

.atc-product-item.action-disable .quantity-for-cart .field.quantity-field {
    pointer-events: none !important;
}

/* ============================================================================================== */
/* ====================================== product item cart ===================================== */
/* ============================================================================================== */

.product-items-cart-section,
.product-items-cart-head,
.product-items-cart-body,
.product-items-cart-footer {
    position: relative;
}

.product-items-cart-head {
    height: 50px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding: 0 30px;
}

.product-items-cart-head .head-row {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
}

.product-items-cart-head .head-row>.head-col {}

.product-items-cart-head .head-row>.head-col.this-col-left {
    flex: 1 0 0;
}

/* --------------------------------------------------------------- */
/* --------------------------- shop item ------------------------- */
/* --------------------------------------------------------------- */

.atc-shop-items,
.atc-shop-items div {
    position: relative;
}

.atc-shop-items {
    display: flex;
    flex-direction: column;
}

.atc-shop-item,
.atc-shop-item-head,
.atc-shop-item-body {
    width: 100%;
}

.atc-shop-items>.atc-shop-item+.atc-shop-item {
    margin-top: 20px;
}

.atc-shop-item {
    border-radius: 20px;
    /* border: 1px solid rgba(var(--customize-color-black),1); */
    /* background-color: rgba(var(--customize-color-white), 0.5);
    background-color: rgba(var(--customize-color-black), 0.05); */
    overflow: hidden;
}

.atc-shop-item.selected {
    /* border-color: rgba(var(--customize-color-primary-dark),1);
    background-color: rgba(var(--customize-color-primary-dark),1); */
}

/* head */
.atc-shop-item-head {
    /* height: 65px; */
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding: 0 20px;
    /* border-bottom: 3px solid rgba(var(--customize-color-gray-light),1); */
    height: 0 !important;
    pointer-events: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

.atc-shop-item-head .head-row {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
}

.atc-shop-item-head .head-row>.head-col {}

.atc-shop-item-head .head-row>.head-col.this-col-left {
    flex: 1 0 0;
    min-width: 0;
    padding-right: 10px;
}

.atc-shop-item-head .head-row>.head-col.this-col-right {
    flex: 0 0 auto;
}

/* body */
.atc-shop-item-body {
    /* padding: 20px;
    border-radius: 20px;
    background-color: rgba(var(--customize-color-gray-light),1); */
}

/* --------------------------------------------------------------- */
/* --------------------------- product item ---------------------- */
/* --------------------------------------------------------------- */

.atc-product-items,
.atc-product-items div {
    position: relative;
}

.atc-product-items,
.atc-product-items>.atc-product-item {
    width: 100%;
}

.atc-product-items>.atc-product-item {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.atc-product-items>.atc-product-item+.atc-product-item {
    border-top: 3px solid rgba(var(--customize-color-gray-light), 1);
}

.atc-product-items>.atc-product-item,
.atc-product-items>.atc-product-item>.atc-product-item-col {
    /* border-radius: 20px; */
    overflow: hidden;
}

.atc-product-items>.atc-product-item:first-child {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.atc-product-items>.atc-product-item:last-child {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.atc-product-items>.atc-product-item {
    /* background-color: rgba(var(--customize-color-black), 0.05); */
    transition: var(--customize-transition-all-fast);
}

.atc-product-items>.atc-product-item.selected {
    /* background-color: rgba(var(--customize-color-primary), 0.1); */
}

.atc-product-items>.atc-product-item>.atc-product-item-col {
    position: relative;
    display: flex;
    flex-direction: column;
}

.atc-product-items>.atc-product-item>.atc-product-item-col.this-col-index {
    width: 60px;
    padding: 20px 0 20px 20px;
    display: none !important;
}

.atc-product-items>.atc-product-item>.atc-product-item-col.this-col-info {
    /* width: calc(100% - 60px); */
    width: 100%;
    background-color: rgba(var(--customize-color-white), 1);
    padding: 30px;
}

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

.atc-product-items .info-row {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
}

.atc-product-items .info-row,
.atc-product-items .info-row>.info-col {
    height: 100%;
}

.atc-product-items .info-row>.info-col {}

/* checkmark */
.atc-product-items .info-row>.info-col.this-col-checkmark {
    width: 40px;
}

/* info */
.atc-product-items .info-row>.info-col.this-col-info {
    width: calc(100% - 515px);
    /* flex: 1 0 0; */
}

.atc-product-info-row {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
}

.atc-product-info-row>.atc-product-info-col {}

.atc-product-info-row>.atc-product-info-col.this-col-img {}

.atc-product-info-row>.atc-product-info-col.this-col-img,
.atc-product-info-row>.atc-product-info-col.this-col-img .img-cover {
    width: 80px;
}

.atc-product-info-row>.atc-product-info-col.this-col-img .img-cover {
    position: relative;
    display: block;
    height: 80px;
    border-radius: 10px;
    border: 1px solid rgba(var(--customize-color-black), 0.08);
    background-color: rgba(var(--customize-bg-color-img), 1);
    background-position: center;
    background-size: cover;
    background-repeat: none;
    overflow: hidden;
    z-index: 1;
}

.atc-product-info-row>.atc-product-info-col.this-col-img .index {
    position: absolute;
    z-index: 2;
}

.atc-product-info-row>.atc-product-info-col.this-col-info {
    width: calc(100% - 80px);
    padding-left: 15px;
}

.atc-product-info-row>.atc-product-info-col.this-col-info .product-name {
    line-height: var(--customize-default-line-height);
    max-height: calc(var(--customize-default-line-height) * 2);
    /* height: calc(var(--customize-default-line-height) * 2); */
}

.atc-product-info-row>.atc-product-info-col.this-col-info .delete-btn {
    display: none !important;
    position: absolute;
    top: 0;
    right: 0;
}

/* qty */
.atc-product-items .info-row>.info-col.this-col-qty {
    width: 450px;
    padding: 0 20px;
    /* background-color: rgba(255,0,0,0.05); */
}

.atc-product-qty-row {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
}

.atc-product-qty-row>.atc-product-qty-col {}

.atc-product-qty-row>.atc-product-qty-col.this-col-price {
    text-align: center;
    width: 100px;
}

.atc-product-qty-row>.atc-product-qty-col.this-col-price-total {
    text-align: right;
    width: 130px;
}

.atc-product-qty-row>.atc-product-qty-col.this-col-qty {
    width: calc(100% - 130px);
    padding: 0 10px;
}

.atc-product-qty-row>.atc-product-qty-col.this-col-qty .qty-alert-message {
    margin-top: 5px;
    text-align: left;
}

.atc-product-qty-row>.atc-product-qty-col.this-col-price-total .info-total.is-default {
    display: block;
}

.atc-product-qty-row>.atc-product-qty-col.this-col-price-total .info-total.is-detail {
    display: none;
}

.atc-product-qty-row>.atc-product-qty-col.this-col-price-total .info-total.is-detail .text-row+.text-row {
    border-top: 1px dashed rgba(var(--customize-color-black), 0.1);
    margin-top: 5px;
    padding-top: 5px;
}

/* action */
.atc-product-items .info-row>.info-col.this-col-action {
    width: 25px;
}

/* --------------------------------------------------------------- */
/* ---------------------------- info more ------------------------ */
/* --------------------------------------------------------------- */

.atc-product-items .info-more-row {
    padding-left: 35px;
}

.atc-product-items .info-more-row>.more {
    /* background-color: rgba(var(--customize-color-black), 0.05);
    border-radius: 10px;
    padding: 20px; */
    margin-top: 10px;
    padding-top: 10px;
}

.atc-product-items .info-row+.info-more-row>.more {
    border-top: 1px dashed rgba(var(--customize-color-black), 0.1);
}

/* ============================================================================================== */
/* ============================================ summary ========================================= */
/* ============================================================================================== */

.shopping-summary-section,
.shopping-summary-section div {
    position: relative;
}

.shopping-summary-section.shopping-summary-card {
    background-color: rgba(var(--customize-color-white), 1);
    box-shadow: 0 20px 30px rgba(var(--customize-color-black), 0.13);
    border-radius: var(--customize-card-border-radius);
    border: 1px solid rgba(var(--customize-color-black), 0.1);
    overflow: hidden;
}

.shopping-summary-section .text-hl {
    font-size: var(--customize-h3-font-size);
    line-height: var(--customize-h3-line-height);
    font-weight: 600;
}

.shopping-summary-section .shopping-summary-head {
    /* border-bottom-width: 1px;
    border-bottom-style: solid; */
    padding: 25px 30px 0 30px;
}

.shopping-summary-section .shopping-summary-footer {
    /* border-top-width: 1px;
    border-top-style: solid; */
    padding: 0 30px 30px 30px;
}

.shopping-summary-section .shopping-summary-footer .text-row+.button-row {
    margin-top: 20px;
}

.shopping-summary-section .shopping-summary-footer .text-row.opacity {
    opacity: 0.5;
}

.shopping-summary-section .shopping-summary-footer .button.disable {
    cursor: no-drop !important;
    opacity: 0.3;
}

.shopping-summary-section .shopping-summary-body {}

.shopping-summary-section .shopping-summary-body>.shopping-summary-body-container {
    position: relative;
    z-index: 1;
}

.shopping-summary-section .shopping-summary-body>.shopping-summary-body-loading {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(var(--customize-color-white), 0.8);
    /* background-color: rgba(25, 46, 31, 0.85); */
    /* -webkit-backdrop-filter: saturate(100%) blur(50px);
    backdrop-filter: saturate(100%) blur(50px); */
    opacity: 0;
    transition: all 0.3s ease;
    z-index: 2;
}

.shopping-summary-section .shopping-summary-body>.shopping-summary-body-loading.show {
    opacity: 1;
}

.shopping-summary-section .shopping-summary-body .info-sum-group {
    position: relative;
    padding: 25px 30px;
}

.shopping-summary-section .shopping-summary-body .info-sum-shop-group+.info-sum-group {
    padding-top: 0 !important;
}

.shopping-summary-section .shopping-summary-body .info-sum-shop-group {
    position: relative;
    padding: 25px 30px;
    /* border-width: 1px;
    border-style: solid;
    border-radius: 10px; */
    /* background-color: rgba(var(--customize-color-black-dark),0.5); */
}

.shopping-summary-section .shopping-summary-body .info-sum-shop-group>.shop-item {
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    background-color: rgba(var(--customize-color-black-dark), 0.3);
}

.shopping-summary-section .shopping-summary-body .info-sum-shop-group>.shop-item:hover {
    background-color: rgba(var(--customize-color-black-dark), 0.5);
}

.shopping-summary-section .shopping-summary-body .info-sum-shop-group>.shop-item+.shop-item {
    margin-top: 5px;
}

.shopping-summary-section .shopping-summary-body .info-sum-shop-group>.shop-item>.shop-item-col.this-col-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 65px;
    height: 65px;
    font-size: 30px;
    line-height: 30px;
    background-color: rgba(var(--customize-color-black-dark), 0.5);
    border-radius: 10px;
    overflow: hidden;
}

.shopping-summary-section .shopping-summary-body .info-sum-shop-group>.shop-item>.shop-item-col.this-col-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(100% - 65px);
    padding: 10px 15px;
}

.shopping-summary-section .shopping-summary-body .info-sum-shop-group>.shop-item>.shop-item-col.this-col-info .shop-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.shopping-summary-section .shopping-summary-body .info-sum-shop-group>.shop-item>.shop-item-col.this-col-info .shop-detail {
    opacity: 0.6;
}

/* ============================================================================================== */
/* ============================================ cart popup ====================================== */
/* ============================================================================================== */

#cart-popup {}

#cart-popup.cart-loading .product-items-manage-section,
#cart-popup.cart-loading .product-items-cart-section,
#cart-popup.cart-not-found .product-items-manage-section,
#cart-popup.cart-not-found .product-items-cart-section {
    min-height: 100%;
}

#cart-popup.cart-loading .product-items-manage-section,
#cart-popup.cart-not-found .cart-type-item.cart-not-found .product-items-manage-section {
    display: flex;
    align-items: center;
    justify-content: center;
}

#cart-popup .modal-footer-row,
#cart-popup .modal-footer-row>.modal-footer-col {
    position: relative;
}

#cart-popup .modal-footer-row {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
}

#cart-popup .modal-footer-row>.modal-footer-col.this-col-total {
    flex: 1 0 0;
}

#cart-popup .modal-footer-row>.modal-footer-col.this-col-total .title {
    line-height: 20px;
}

#cart-popup .modal-footer-row>.modal-footer-col.this-col-total .total {
    font-size: 20px;
    line-height: 25px;
    font-weight: 700;
}

#cart-popup .modal-footer-row>.modal-footer-col.this-col-action {
    width: 150px;
}

#cart-popup .modal-footer-row>.modal-footer-col.this-col-action .button {
    width: 100%;
    max-width: 100%;
    min-width: auto;
}

#cart-popup .cart-popup-menu-section .modal-title-col.this-col-right {
    padding-right: 50px !important;
}

#cart-popup .cart-type-items {
    width: 100%;
}

#cart-popup .cart-type-items,
#cart-popup .cart-type-items>.cart-type-item {
    height: 100%;
}

#cart-popup .cart-type-items>.cart-type-item {
    display: none;
    opacity: 0;
    pointer-events: none;
}

#cart-popup .cart-type-items>.cart-type-item.active {
    display: block;
    opacity: 1;
    pointer-events: auto;
    background: none !important;
}

#cart-popup .cart-type-items>.cart-type-item[data-type="buy"] {
    /* background-color: rgba(255, 0, 0, 0.1); */
}

#cart-popup .cart-type-items>.cart-type-item[data-type="quotation"] {
    /* background-color: rgba(0, 0, 255, 0.1); */
}


#cart-popup[data-info="buy"] .modal-header .menu-drag-slide-btn:hover,
#cart-popup[data-info="buy"] .modal-header .menu-drag-slide-btn.active {
    color: rgba(var(--customize-color-primary), 1) !important;
}

#cart-popup[data-info="buy"] .modal-header .menu-drag-slide-btn:before {
    background-color: rgba(var(--customize-color-primary), 1) !important;
}

#cart-popup[data-info="quotation"] .modal-header .menu-drag-slide-btn:hover,
#cart-popup[data-info="quotation"] .modal-header .menu-drag-slide-btn.active {
    color: rgba(var(--customize-color-secondary), 1) !important;
}

#cart-popup[data-info="quotation"] .modal-header .menu-drag-slide-btn:before {
    background-color: rgba(var(--customize-color-secondary), 1) !important;
}

/* disable */

#cart-popup .modal-footer.disable {
    display: none;
    pointer-events: none;
}

/* #cart-popup .modal-footer.disable.disable-cart-buy:not(.disable-cart-quotation),
#cart-popup .modal-footer.disable.disable-cart-quotation:not(.disable-cart-buy) {
    display: flex;
} */

/* ไม่มีทั้ง disable-cart-buy และ disable-cart-quotation */
/* #cart-popup .modal-footer.disable:not(.disable-cart-buy):not(.disable-cart-quotation), */

/* มีทั้ง disable-cart-buy และ disable-cart-quotation */
/* #cart-popup .modal-footer.disable.disable-cart-buy.disable-cart-quotation {
    display: none;
    pointer-events: none;
} */

#cart-popup[data-info="buy"] .modal-footer.disable.disable-cart-quotation,
#cart-popup[data-info="quotation"] .modal-footer.disable.disable-cart-buy {
    display: flex;
    pointer-events: auto;
}

#cart-popup[data-info="buy"] .modal-footer.disable.disable-cart-buy,
#cart-popup[data-info="quotation"] .modal-footer.disable.disable-cart-quotation,
#cart-popup .modal-footer.disable.disable-cart-buy .cart-type-item[data-type="buy"],
#cart-popup .modal-footer.disable.disable-cart-quotation .cart-type-item[data-type="quotation"],
#cart-popup .modal-footer.disable.disable-cart-buy.disable-cart-quotation {
    display: none;
    pointer-events: none;
}


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

#cart-popup .atc-product-items .info-row,
#cart-popup .atc-product-items .info-row>.info-col {
    height: auto;
}

#cart-popup .atc-product-items .info-row {
    flex-wrap: wrap;
    align-items: flex-start;
}

#cart-popup .atc-product-items .info-row>.info-col {
    padding: 0 !important;
}

#cart-popup .atc-product-items .info-row>.info-col.this-col-info {
    width: calc(100% - 40px);
    flex: none;
}

#cart-popup .atc-product-items .info-row>.info-col.this-col-qty {
    width: 100%;
    margin-top: 15px !important;
    padding-left: 40px !important;
}

#cart-popup .atc-product-items .info-row>.info-col.this-col-action {
    display: none;
}

/* qty */
#cart-popup .atc-product-qty-row {
    flex-wrap: wrap;
    align-items: flex-start;
}

#cart-popup .atc-product-qty-row>.atc-product-qty-col {
    width: 100% !important;
    padding: 0 !important;
}

#cart-popup .atc-product-qty-row>.atc-product-qty-col.this-col-price-total {
    padding-top: 10px !important;
    text-align: left;
}

#cart-popup .atc-product-qty-row>.atc-product-qty-col.this-col-price-total .info-total.is-default {
    display: none;
}

#cart-popup .atc-product-qty-row>.atc-product-qty-col.this-col-price-total .info-total.is-detail {
    display: block;
}

#cart-popup .atc-product-items .info-more-row {
    padding-left: 40px;
}

#cart-popup .atc-product-items .info-more-row>.more {
    margin-top: 5px;
}

/* shiiping */
.product-items-cart-section .shipping-support-items {
    position: relative;
    width: 100%;
    display: flex;
    margin-top: 5px;
}

.product-items-cart-section .shipping-support-item {
    position: relative;
    color: rgba(var(--customize-color-gray), 1);
    transition: all 0.2s ease;
    opacity: 0.8;
}

.product-items-cart-section .shipping-support-item+.shipping-support-item {
    margin-left: 5px;
}

.product-items-cart-section .shipping-support-item:hover {
    color: rgba(var(--customize-color-black), 1);
    opacity: 1;
}

.product-items-cart-section .shipping-support-item>.icon {
    font-size: 18px;
    line-height: 18px;
}

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

/* xxl - 1+2 */
@media (min-width:1400px) and (max-width: 1599.98px) {


    /* ============================================================================================== */
    /* ===================================== product item manage ==================================== */
    /* ============================================================================================== */

    .atc-product-items .info-row {
        flex-wrap: wrap;
    }

    .atc-product-items .info-row,
    .atc-product-items .info-row>.info-col {
        height: auto;
    }

    .atc-product-items .info-row>.info-col.this-col-info {
        width: calc(100% - 365px);
        border-right: 1px solid rgba(var(--customize-color-gray), 0.15);
        padding-right: 20px;
    }

    .atc-product-items .info-row>.info-col.this-col-qty {
        width: 300px;
        padding-right: 10px;
    }

    /* qty */
    .atc-product-qty-row {
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .atc-product-qty-row>.atc-product-qty-col {
        width: 100% !important;
        padding: 0 !important;
    }

    .atc-product-qty-row>.atc-product-qty-col.this-col-price-total {
        padding-top: 10px !important;
        text-align: left;
    }

    .atc-product-qty-row>.atc-product-qty-col.this-col-price-total .info-total.is-default {
        display: none;
    }

    .atc-product-qty-row>.atc-product-qty-col.this-col-price-total .info-total.is-detail {
        display: block;
    }

}

/* xxl - 1 */
@media (min-width:1500px) and (max-width: 1599.98px) {}

/* xxl - 2 */
@media (min-width: 1400px) and (max-width: 1499.98px) {}

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

    /* ============================================================================================== */
    /* ===================================== product item manage ==================================== */
    /* ============================================================================================== */

    .atc-product-items>.atc-product-item>.atc-product-item-col.this-col-info {
        padding: 25px 30px;
    }

    /* --------------------------------------------------------------- */
    /* -------------------------- delete btn ------------------------- */
    /* --------------------------------------------------------------- */
    /* 
    .product-items-manage-section .delete-btn>.icon+.text {
        display: none;
    } */

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

    .atc-product-items .info-row,
    .atc-product-items .info-row>.info-col {
        height: auto;
    }

    .atc-product-items .info-row {
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .atc-product-items .info-row>.info-col {
        padding: 0 !important;
    }

    .atc-product-items .info-row>.info-col.this-col-info {
        width: calc(100% - 40px);
        flex: none;
    }

    .atc-product-info-row>.atc-product-info-col.this-col-info .product-name {
        padding-right: 30px;
    }

    .atc-product-info-row>.atc-product-info-col.this-col-info .delete-btn {
        display: block !important;
    }

    .atc-product-items .info-row>.info-col.this-col-qty {
        width: 100%;
        margin-top: 15px !important;
        padding-left: 40px !important;
    }

    .atc-product-items .info-row>.info-col.this-col-action {
        display: none;
    }

    /* qty */
    .atc-product-qty-row {
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .atc-product-qty-row>.atc-product-qty-col {
        width: 100% !important;
        padding: 0 !important;
    }

    .atc-product-qty-row>.atc-product-qty-col.this-col-price-total {
        padding-top: 10px !important;
        text-align: left;
    }

    .atc-product-qty-row>.atc-product-qty-col.this-col-price-total .info-total.is-default {
        display: none;
    }

    .atc-product-qty-row>.atc-product-qty-col.this-col-price-total .info-total.is-detail {
        display: block;
    }

    .atc-product-items .info-more-row {
        padding-left: 0;
    }

    .atc-product-items .info-more-row>.more {
        margin-top: 5px;
    }

}

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

    /* ============================================================================================== */
    /* ===================================== product item manage ==================================== */
    /* ============================================================================================== */

    .atc-product-items>.atc-product-item>.atc-product-item-col.this-col-info {
        padding: 25px 30px;
    }

    /* --------------------------------------------------------------- */
    /* -------------------------- delete btn ------------------------- */
    /* --------------------------------------------------------------- */
    /* 
    .product-items-manage-section .delete-btn>.icon+.text {
        display: none;
    } */

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

    .atc-product-items .info-row,
    .atc-product-items .info-row>.info-col {
        height: auto;
    }

    .atc-product-items .info-row {
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .atc-product-items .info-row>.info-col {
        padding: 0 !important;
    }

    .atc-product-items .info-row>.info-col.this-col-info {
        width: calc(100% - 40px);
        flex: none;
    }

    .atc-product-info-row>.atc-product-info-col.this-col-info .product-name {
        padding-right: 30px;
    }

    .atc-product-info-row>.atc-product-info-col.this-col-info .delete-btn {
        display: block !important;
    }

    .atc-product-items .info-row>.info-col.this-col-qty {
        width: 100%;
        margin-top: 15px !important;
        padding-left: 40px !important;
    }

    .atc-product-items .info-row>.info-col.this-col-action {
        display: none;
    }

    /* qty */
    .atc-product-qty-row {
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .atc-product-qty-row>.atc-product-qty-col {
        width: 100% !important;
        padding: 0 !important;
    }

    .atc-product-qty-row>.atc-product-qty-col.this-col-price-total {
        padding-top: 10px !important;
        text-align: left;
    }

    .atc-product-qty-row>.atc-product-qty-col.this-col-price-total .info-total.is-default {
        display: none;
    }

    .atc-product-qty-row>.atc-product-qty-col.this-col-price-total .info-total.is-detail {
        display: block;
    }

    .atc-product-items .info-more-row {
        padding-left: 0;
    }

    .atc-product-items .info-more-row>.more {
        margin-top: 5px;
    }

}

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

    /* ============================================================================================== */
    /* ===================================== product item manage ==================================== */
    /* ============================================================================================== */

    .atc-product-items>.atc-product-item>.atc-product-item-col.this-col-info {
        padding: 25px 30px;
    }

    /* --------------------------------------------------------------- */
    /* -------------------------- delete btn ------------------------- */
    /* --------------------------------------------------------------- */
    /* 
    .product-items-manage-section .delete-btn>.icon+.text {
        display: none;
    } */

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

    .atc-product-items .info-row,
    .atc-product-items .info-row>.info-col {
        height: auto;
    }

    .atc-product-items .info-row {
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .atc-product-items .info-row>.info-col {
        padding: 0 !important;
    }

    .atc-product-items .info-row>.info-col.this-col-info {
        width: calc(100% - 40px);
        flex: none;
    }

    .atc-product-info-row>.atc-product-info-col.this-col-info .product-name {
        padding-right: 30px;
    }

    .atc-product-info-row>.atc-product-info-col.this-col-info .delete-btn {
        display: block !important;
    }

    .atc-product-items .info-row>.info-col.this-col-qty {
        width: 100%;
        margin-top: 15px !important;
        padding-left: 40px !important;
    }

    .atc-product-items .info-row>.info-col.this-col-action {
        display: none;
    }

    /* qty */
    .atc-product-qty-row {
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .atc-product-qty-row>.atc-product-qty-col {
        width: 100% !important;
        padding: 0 !important;
    }

    .atc-product-qty-row>.atc-product-qty-col.this-col-price-total {
        padding-top: 10px !important;
        text-align: left;
    }

    .atc-product-qty-row>.atc-product-qty-col.this-col-price-total .info-total.is-default {
        display: none;
    }

    .atc-product-qty-row>.atc-product-qty-col.this-col-price-total .info-total.is-detail {
        display: block;
    }

    .atc-product-items .info-more-row {
        padding-left: 0;
    }

    .atc-product-items .info-more-row>.more {
        margin-top: 5px;
    }

    /* ============================================================================================== */
    /* ============================================ summary ========================================= */
    /* ============================================================================================== */

    .shopping-summary-section.shopping-summary-card {
        margin-top: 20px;
    }

}

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

    /* ============================================================================================== */
    /* ===================================== product item manage ==================================== */
    /* ============================================================================================== */

    /* --------------------------------------------------------------- */
    /* -------------------------- delete btn ------------------------- */
    /* --------------------------------------------------------------- */
    /* 
    .product-items-manage-section .delete-btn>.icon+.text {
        display: none;
    } */

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

    .atc-product-items .info-row,
    .atc-product-items .info-row>.info-col {
        height: auto;
    }

    .atc-product-items .info-row {
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .atc-product-items .info-row>.info-col {
        padding: 0 !important;
    }

    .atc-product-items .info-row>.info-col.this-col-info {
        width: calc(100% - 35px);
        flex: none;
    }

    .atc-product-info-row>.atc-product-info-col.this-col-info .product-name {
        padding-right: 30px;
    }

    .atc-product-info-row>.atc-product-info-col.this-col-info .delete-btn {
        display: block !important;
    }

    .atc-product-items .info-row>.info-col.this-col-qty {
        width: 100%;
        margin-top: 15px !important;
    }

    .atc-product-items .info-row>.info-col.this-col-action {
        display: none;
    }

    /* qty */
    .atc-product-qty-row {
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .atc-product-qty-row>.atc-product-qty-col {
        width: 100% !important;
        padding: 0 !important;
    }

    .atc-product-qty-row>.atc-product-qty-col.this-col-price-total {
        padding-top: 10px !important;
        text-align: left;
    }

    .atc-product-qty-row>.atc-product-qty-col.this-col-price-total .info-total.is-default {
        display: none;
    }

    .atc-product-qty-row>.atc-product-qty-col.this-col-price-total .info-total.is-detail {
        display: block;
    }

    .atc-product-items .info-more-row {
        padding-left: 0;
    }

    .atc-product-items .info-more-row>.more {
        margin-top: 5px;
    }

    /* ============================================================================================== */
    /* ============================================ summary ========================================= */
    /* ============================================================================================== */

    .shopping-summary-section.shopping-summary-card {
        margin-top: 20px;
    }

}

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

    /* ============================================================================================== */
    /* ===================================== product item manage ==================================== */
    /* ============================================================================================== */

    .product-items-cart-head {
        padding: 0 20px;
    }

    .atc-product-items>.atc-product-item>.atc-product-item-col.this-col-info {
        padding: 20px 20px;
    }

    .atc-product-items .info-row>.info-col.this-col-checkmark {
        width: 35px;
    }

    .atc-product-info-row>.atc-product-info-col.this-col-img,
    .atc-product-info-row>.atc-product-info-col.this-col-img .img-cover {
        width: 65px;
    }

    .atc-product-info-row>.atc-product-info-col.this-col-img .img-cover {
        height: 65px;
    }

    .atc-product-info-row>.atc-product-info-col.this-col-info {
        width: calc(100% - 65px);
        padding-left: 10px;
    }

}

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

    /* ============================================================================================== */
    /* ===================================== product item manage ==================================== */
    /* ============================================================================================== */

    .product-items-cart-head {
        padding: 0 20px;
    }

    .atc-product-items>.atc-product-item>.atc-product-item-col.this-col-info {
        padding: 20px 20px;
    }

    .atc-product-items .info-row>.info-col.this-col-checkmark {
        width: 35px;
    }

    .atc-product-info-row>.atc-product-info-col.this-col-img,
    .atc-product-info-row>.atc-product-info-col.this-col-img .img-cover {
        width: 65px;
    }

    .atc-product-info-row>.atc-product-info-col.this-col-img .img-cover {
        height: 65px;
    }

    .atc-product-info-row>.atc-product-info-col.this-col-info {
        width: calc(100% - 65px);
        padding-left: 10px;
    }

}

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