.cart-main-wrapper{ width: 100%; height: auto; border-radius: var(--bs-border-radius);  }
.cart-main-wrapper .top-side{ margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid var(--color-main-border);  width: 100%; display: flex; justify-content: space-between; align-items: end;  }
.cart-main-wrapper .top-side .text-side{ display: flex; align-items: center; justify-content: start; }
.cart-main-wrapper .top-side .text-side .title-div{ margin-right: 5px; font-weight: 600; font-size: var(--base-font-size-16); }
.cart-main-wrapper .top-side .text-side span{ color: var(--color-main-81); font-size: var(--base-font-size-16); }

.delivery-type-container{ margin-bottom: 15px; }
.delivery-type-container .cart-title-wrapper{ display: flex; align-items: center; margin-bottom: 10px; }
.delivery-type-container .cart-title-wrapper img{ width: 40px; margin-right: 10px; }
.delivery-type-container .cart-title-wrapper h4{ margin: 0; font-size: var(--base-font-size-22); font-weight: bold; }
.delivery-type-container .delivery-types-content{ display: grid; grid-template-rows: repeat(var(--bs-rows, 1), 1fr); grid-template-columns: repeat(var(--bs-columns, 12), 1fr); gap: 10px; }
.delivery-type-container .delivery-types-content .delivery-item{  grid-column: auto / span 4; position: relative }
.delivery-type-container .delivery-types-content .delivery-item-inner{ min-height: 128px; transition: all .3s ease; padding: 10px; border-radius: 10px; border: 2px solid var(--color-main-border); display: flex; justify-content: center; align-items: center; flex-direction: column; }
.delivery-type-container .delivery-types-content .delivery-item:hover .delivery-item-inner,
.delivery-type-container .delivery-types-content .delivery-item:focus .delivery-item-inner,
.delivery-type-container .delivery-types-content .delivery-item:active .delivery-item-inner,
.delivery-type-container .delivery-types-content .delivery-item.active .delivery-item-inner{ border-color: var(--tblr-black); }
.delivery-type-container .delivery-item-inner img{ width: 44px; filter: saturate(0) }
.delivery-type-container .delivery-item:hover .delivery-item-inner img,
.delivery-type-container .delivery-item:focus .delivery-item-inner img,
.delivery-type-container .delivery-item:active .delivery-item-inner img,
.delivery-type-container .delivery-item.active .delivery-item-inner img{ filter: saturate(1) }
.delivery-type-container .delivery-item-inner .title{ font-size: var(--base-font-size-14); font-weight: 600; }
.delivery-type-container .delivery-item-inner .delivery-fee{ text-align: center; font-size: var(--base-font-size-13); font-weight: 400; color: var(--v2-main-red); }
.delivery-type-container .delivery-item-inner .delivery-fee .from-branch{ color: var(--tblr-black); }


.cart-main-wrapper .top-side .act-side{  }
.cart-main-wrapper .top-side .act-side .btn-clear-cart{ border-radius: 20px; padding: 7px 20px; font-size: vaR(--base-font-size-14); transition: all .3s ease; background-color: var(--color-main-border); border-color: var(--color-main-border); color: vaR(--color-second); font-weight: 600; }
.cart-main-wrapper .top-side .act-side .btn-clear-cart:hover,
.cart-main-wrapper .top-side .act-side .btn-clear-cart:active,
.cart-main-wrapper .top-side .act-side .btn-clear-cart.active,
.cart-main-wrapper .top-side .act-side .btn-clear-cart:focus{ background-color: var(--color-red); border-color: var(--color-red); color: var(--color-white); }

.cart-main-wrapper .main-side{ width: 100%;  }
.cart-main-wrapper .main-side .inner-div-wrapper{ width: 100%; display: flex; gap: 15px;  }
.cart-main-wrapper .main-side .content-side{ width: 100%; }
.cart-main-wrapper .main-side .summary-side{ flex: 0 0 380px }

.cart-elem-list .head-info-bar{ border-bottom: 1px solid var(--v2-border-color); display: block; border-top-right-radius: var(--bs-border-radius); border-top-left-radius: var(--bs-border-radius);  }
.cart-elem-list .product-item-wrapper .col-auto,
.cart-elem-list .head-info-bar .col-auto{ flex: 0 0 90px; padding: 15px 10px; text-align: center; display: inline-flex; justify-content: center; align-items: center;}
.cart-elem-list .product-item-wrapper .col-auto:last-child,
.cart-elem-list .head-info-bar .col-auto:last-child{ display: inline-flex; justify-content: end; }
.cart-elem-list .product-item-wrapper .col-auto.long-col,
.cart-elem-list .head-info-bar .col-auto.long-col{ flex: 0 0 165px; display: inline-flex; justify-content: center; }
.cart-elem-list .product-item-wrapper .col-auto:first-child,
.cart-elem-list .head-info-bar .col-auto:first-child{ justify-content: start; flex: 0 0 calc(100% - 345px); text-align: left; }
.cart-elem-list .head-info-bar .col-auto span{ font-weight: 600; }
.cart-elem-list .head-info-bar .col-auto>span+span{ margin-left: 35px; }
.cart-elem-list .col-auto.price-side{ flex-direction: column; flex: 0 0 125px; }
.cart-elem-list .col-auto.buttons-side{ flex: 0 0 55px; }
.cart-elem-list .col-auto.price-side span{ display: block; white-space: nowrap; }
.cart-elem-list .col-auto.price-side span.discount{ text-decoration: line-through; color: var(--color-main-6e); }
.cart-elem-list .product-item-wrapper{ width: 100%; height: auto; position: relative; display: block; }
.cart-elem-list .product-item-wrapper:nth-child(even){ background-color: var(--color-bg-f2) }
.cart-elem-list .product-item-wrapper.item-has-no-stock{ padding-top: 15px; background-color: #ffebeb; border: 2px dashed #ff2a3e;}
.cart-elem-list .product-item-wrapper.item-has-no-stock .inner-div{ border-top: 0!important; }
.cart-elem-list .product-item-wrapper.item-has-no-stock .no-stock-warn{ position: absolute; top: 0; left: 0; background-color: var(--color-red); color: var(--color-white); font-weight: 600; padding: 2px 7px; font-size: var(--base-font-size-12); border-radius: 0 0 var(--bs-border-radius) 0; }
.cart-elem-list .product-item-wrapper .img-div .img-big,
.cart-elem-list .product-item-wrapper:not(.placeholder-item) .img-div{ background-color: var(--color-white); position: relative; background-size: contain; background-position: center center; background-repeat: no-repeat; width: 45px; height: 45px; border-radius: var(--bs-border-radius); border: 1px solid var(--color-main-border); }
.cart-elem-list .product-item-wrapper .img-div .img-big{ margin-bottom: .5rem; width: 100%; min-width: 250px; height: 180px;}
.cart-elem-list .product-item-wrapper .col-auto:first-child{ display: inline-flex; align-items: center;}
.cart-elem-list .product-item-wrapper .text-side{padding-left: 10px; width: calc(100% - 45px) }
.cart-elem-list .product-item-wrapper .text-side a{ color: var(--color-second) }
.cart-elem-list .product-item-wrapper .pr-title{ font-size: var(--base-font-size-14); overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; font-weight: 600; }
.cart-elem-list .product-item-wrapper .pr-title .pr-code{ font-weight: normal}
.cart-elem-list .product-item-wrapper .pr-title .pr-code span{ color: var(--color-main-81) }
.cart-elem-list .product-item-wrapper .input-group{ max-width: 146px; text-align: right;}
.cart-elem-list .product-item-wrapper .input-group .form-control{ padding: 5px; height: 30px; width: 40px; max-width: 40px; text-align: center }
.cart-elem-list .product-item-wrapper .input-group .btn{ transition: all .3s ease; height: 30px; width: 36px; background-color: var(--color-main-border); border-color: var(--color-main-border); color: var(--color-second) }
.cart-elem-list .product-item-wrapper .btn-delete-el{ transition: all .3s ease; background-color: transparent; color: var(--color-main-81); border-color: var(--color-main-81) }
.cart-elem-list .product-item-wrapper .input-group .btn:hover,
.cart-elem-list .product-item-wrapper .input-group .btn:active,
.cart-elem-list .product-item-wrapper .input-group .btn.active,
.cart-elem-list .product-item-wrapper .input-group .btn:focus{ background-color: var(--color-second); border-color: var(--color-second); color: var(--color-white)}
.cart-elem-list .product-item-wrapper .btn-delete-el:hover,
.cart-elem-list .product-item-wrapper .btn-delete-el:active,
.cart-elem-list .product-item-wrapper .btn-delete-el.active,
.cart-elem-list .product-item-wrapper .btn-delete-el:focus{ background-color: var(--color-red); border-color: var(--color-red); color: var(--color-white)}
.cart-elem-list .product-item-wrapper .buttons-side .price-el{ display: none; }
.cart-elem-list .product-item-wrapper+.product-item-wrapper .inner-div{ border-top: 1px solid var(--color-main-border);  }
.cart-elem-list{ border-radius: var(--bs-border-radius); border: 1px solid var(--v2-shadow); box-shadow: var(--v2-shadow); }
.cart-main-wrapper .main-side .summary-side .inner-wrap{ box-shadow: var(--v2-shadow); padding: 3px 15px; width: 100%; border-radius: 10px; min-height: 200px; border: 1px solid var(--v2-border-color); }
.cart-main-wrapper .summary-side .cart-title{ display: flex; justify-content: space-between; padding: 12px 0; font-size: vaR(--base-font-size-16); position: relative; font-weight: 600; color: var(--color-second); border-bottom: 1px solid var(--color-main-border); }
.cart-main-wrapper .summary-side .cart-title:after{ position: absolute; content: ""; bottom: 0; left: 0; width: 45px; border-bottom: 2px solid var(--v2-main-color); }


.cart-main-wrapper .product-item-wrapper .new-item-inner{ padding: 10px 25px; }
.cart-main-wrapper .product-item-wrapper .new-item-inner .top-side-el{ display: flex; align-items: center;}
.cart-main-wrapper .product-item-wrapper .new-item-inner .top-side-el .img-div{ width: 160px; height: 160px; border: 0; }
.cart-main-wrapper .product-item-wrapper .new-item-inner .top-side-el .pr-title{ font-size: var(--base-font-size-16); font-weight: 400; }
.cart-main-wrapper .product-item-wrapper .new-item-inner .top-side-el .price{ font-size: var(--base-font-size-24); font-weight: 600; color: var(--tblr-black); }
.cart-main-wrapper .product-item-wrapper .new-item-inner .top-side-el .has-discount .price{ color: var(--v2-main-green) }
.cart-main-wrapper .product-item-wrapper .new-item-inner .top-side-el .discount{ font-weight: 400; text-decoration: line-through; margin-left: 5px; }
.cart-main-wrapper .product-item-wrapper .new-item-inner .top-side-el .detail-list ul{ padding-left: 5px;}
.cart-main-wrapper .product-item-wrapper .new-item-inner .top-side-el .detail-list ul li{ font-size: var(--base-font-size-13); list-style: none; }
.cart-main-wrapper .product-item-wrapper .new-item-inner .bottom-side-el{ padding-bottom: 10px; display: flex; justify-content: end; align-items: center; border-bottom: 1px solid #ebebeb; }
.cart-main-wrapper .product-item-wrapper .new-item-inner .bottom-side-el .remove-el{ flex: 0 0 auto; }
.cart-main-wrapper .product-item-wrapper .new-item-inner .bottom-side-el .long-col{ flex: 0 0 144px; }
.cart-main-wrapper .product-item-wrapper .new-item-inner .bottom-side-el .remove-el a{ color: var(--tblr-black); text-decoration: underline!important;}
.cart-main-wrapper .product-item-wrapper .new-item-inner .bottom-side-el .input-group{ box-shadow: var(--v2-shadow); border: 1px solid var(--v2-border-color); border-radius: 18px; }
.cart-main-wrapper .product-item-wrapper .new-item-inner .bottom-side-el .input-group .btn{ background-color: transparent; border-color: transparent;}
.cart-main-wrapper .product-item-wrapper .new-item-inner .bottom-side-el .input-group .btn:hover,
.cart-main-wrapper .product-item-wrapper .new-item-inner .bottom-side-el .input-group .btn:focus,
.cart-main-wrapper .product-item-wrapper .new-item-inner .bottom-side-el .input-group .btn:active,
.cart-main-wrapper .product-item-wrapper .new-item-inner .bottom-side-el .input-group .btn.active{ color: var(--tblr-black); }
.cart-main-wrapper .product-item-wrapper .new-item-inner .bottom-side-el .input-group .form-control{ border: 0; min-width: 50px }

.cart-main-wrapper .product-item-wrapper .new-item-inner.item-type-group .top-side-el .img-div.gallery-type{ margin-bottom: 10px; padding:0; height: 215px; width: 320px; display: flex; gap: 10px; align-items: stretch; max-width: 100%;}
.cart-main-wrapper .product-item-wrapper .new-item-inner.item-type-group .top-side-el .img-div.gallery-type .pr-main-img{background-repeat: no-repeat; background-origin: content-box; padding: 15px 5px; border-radius: 8px; height: 215px; width: calc(100% - 46px); background-size: contain; background-position: center; border: 1px solid #ededed; }
.cart-main-wrapper .product-item-wrapper .new-item-inner.item-type-group .top-side-el .img-div.gallery-type .pr-thumbs { width: 46px; display: flex; flex-direction: column; gap: 10px; }
.cart-main-wrapper .product-item-wrapper .new-item-inner.item-type-group .top-side-el .img-div.gallery-type .pr-thumbs .thumb {background-repeat: no-repeat; background-origin: content-box; padding: 7px; width: 46px; height: 46px; background-size: cover; background-position: center; border: 1px solid #ededed; border-radius: 4px; cursor: pointer; transition: transform .12s ease, box-shadow .12s ease;}


.cart-main-wrapper .summary-side .row-cart{ margin-top: 15px; display: flex; justify-content: space-between; }
.cart-main-wrapper .summary-side .row-cart span{ font-size: var(--base-font-size-14); color: var(--color-second); font-weight: 600; }
.cart-main-wrapper .summary-side .row-cart span span{ font-size: var(--base-font-size-14); color: var(--color-main-81); font-weight: 400; }
.cart-main-wrapper .summary-side .row-cart span.row-value{ padding-left: 5px; text-align: right; font-weight: 400;  }
.cart-main-wrapper .summary-side .row-cart.discount-row span.row-value{ color: var(--v2-main-color)}
.cart-main-wrapper .summary-side .cart-main{ padding-bottom: 10px; border-top: 1px solid var(--color-main-border); margin-bottom: 10px; }
.cart-main-wrapper .summary-side .cart-main.detail-list{ display: none;}
.cart-main-wrapper .summary-side .cart-main.detail-list .row-cart{ display: none;}
.cart-main-wrapper .summary-side .cart-main.detail-list.show-el{ display: block;}
.cart-main-wrapper .summary-side .cart-main.detail-list.show-el .row-cart.show-el{ display: flex;}
.cart-main-wrapper .summary-side .btn-complete-cart{ border-radius: 20px; min-width: 100%; padding: 10px 25px 8px; transition: all .3s ease; font-size: vaR(--base-font-size-14); font-weight: 600; border-color: var(--v2-main-color); background-color: var(--v2-main-color); color: var(--color-white); margin: 10px auto; }
.cart-main-wrapper .summary-side .btn-complete-cart:hover,
.cart-main-wrapper .summary-side .btn-complete-cart:active,
.cart-main-wrapper .summary-side .btn-complete-cart.active,
.cart-main-wrapper .summary-side .btn-complete-cart:focus{ background-color: var(--v2-main-dark-color); border-color: var(--v2-main-dark-color) }
.cart-main-wrapper .summary-side .sum-wrap{ margin-top: 15px; border-top: 1px solid #f3f3f3; border-bottom: 1px solid var(--v2-border-color); padding-bottom: 15px }


.cart-main-wrapper .checkout-inner{ padding: 0 15px 15px; }
.cart-main-wrapper .checkout-title{ display: flex; justify-content: space-between; padding: 12px 0; font-size: vaR(--base-font-size-16); position: relative; font-weight: 600; color: var(--color-second); border-bottom: 1px solid var(--color-main-border); }
.cart-main-wrapper .checkout-title:after{ position: absolute; content: ""; bottom: 0; left: 0; width: 45px; border-bottom: 2px solid var(--v2-main-color); }
.cart-main-wrapper .cargo-settings-wrapper,
.payment-type .eft-options,
.cart-main-wrapper .addresses-list{ /*max-height: 500px; overflow-y: auto*/; padding-top: 10px; display: grid; grid-template-rows: repeat(var(--bs-rows, 1), 1fr); grid-template-columns: repeat(var(--bs-columns, 12), 1fr); gap: 10px; align-items: stretch; }
.cart-main-wrapper .address-item{ grid-column: auto / span 4; }
.cart-main-wrapper .no-cargo-found,
.cart-main-wrapper .no-address-found{ grid-column: auto / span 12 }
.cart-main-wrapper .address-item.status-pending{ cursor: not-allowed }
.cart-main-wrapper .address-item.status-pending *:not(.pending-info){ opacity: 0.8; }
.cart-main-wrapper .address-item.status-pending .pending-info{ opacity: 1; color: var(--color-white); border-radius: var(--bs-border-radius); margin-left: 5px; font-size: var(--base-font-size-12); text-transform: uppercase; padding: 2px 6px; background-color: var(--bs-danger) }
.cart-main-wrapper .address-item-inner .address-text .placeholder{ margin-bottom: 10px; min-height: 18px; }
.cart-main-wrapper .address-item .address-item-inner{ transition: all .3s ease; position: relative; border: 1px solid var(--color-main-border); border-radius: var(--bs-border-radius); padding: 15px; height: 100%; }
.cart-main-wrapper .address-item .address-item-inner:hover{ background: var(--color-bg-f2); box-shadow: var(--box-shadow-global)  }
.cart-main-wrapper .address-item-inner .address-title{ color: var(--color-second); font-weight: 600; display: block; margin-bottom: 5px;}
.cart-main-wrapper .address-item-inner .address-text{ color: var(--color-main-6e); width: 100%; }
.cart-main-wrapper .address-item-inner .address-text span{ min-height: 42px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.cart-main-wrapper .address-item-inner .address-text span+span{ -webkit-line-clamp: 1; min-height: auto; }
.payment-type .eft-option.active .eft-option-inner:after,
.cargo-settings-wrapper .cargo-item.active .cargo-item-inner:after,
.cart-main-wrapper .address-item.active .address-item-inner:after{ font-size: 12px; font-weight: normal; border: 4px solid var(--color-white); display: flex; justify-content: center; align-items: center; content: "\ea5e"; font-family: var(--font-family-tabler); position: absolute; top: -8px; left: -5px; border-radius: 50%; width: 26px; height: 26px; background-color: var(--v2-main-color); color: var(--color-white); }
.cargo-settings-wrapper .cargo-item.active .cargo-item-inner,
.cart-main-wrapper .address-item.active .address-item-inner{ border-color: var(--v2-main-color); }
.cart-main-wrapper .address-item.add-new .address-item-inner{ border-color: var(--v2-main-color); background-color: rgba(from var(--v2-main-color) r g b / 0.2) }
.address-form{ /*display: none;*/ width: 100% }
.address-form label{ font-weight: 600;  }
.address-form label .info-span{ font-weight: normal; font-size: var(--base-font-size-12)  }
.address-form .form-control,
.address-form .form-select{ font-size: var(--base-font-size-14) }
.cart-main-wrapper .cargo-settings-wrapper{}
.cargo-settings-wrapper .cargo-item{ grid-column: auto / span 3;}
.cargo-settings-wrapper .delivery-persons-wrapper{ grid-column: auto / span 12; margin-top: 15px; }
.cargo-settings-wrapper .delivery-persons-wrapper label{ font-weight: 600; color: var(--v2-main-color);}
.cargo-settings-wrapper .delivery-persons-wrapper p{ margin-bottom: 5px; }
.cargo-settings-wrapper .delivery-persons-wrapper .order-note-wrapper{ padding-top: 5px; margin-top: 0; margin-bottom: 15px; }
.cargo-settings-wrapper .cargo-item .cargo-item-inner{ text-align: center; transition: all .3s ease; position: relative; flex-direction: column; border-radius: var(--bs-border-radius); border: 1px solid var(--color-main-border); display: flex; justify-content: center; align-items: center; min-height: 100px; font-size: var(--base-font-size-16); font-weight: 600; }
.cargo-settings-wrapper .cargo-item .cargo-item-inner i{ font-size: 24px; }
.cargo-settings-wrapper .cargo-item .cargo-item-inner img{ margin-bottom: 10px; position: relative; width: auto; height: auto; max-height: 36px;  }
.cargo-settings-wrapper .cargo-item .cargo-item-inner:hover{ background: var(--color-bg-f2); box-shadow: var(--box-shadow-global)  }
.order-note-wrapper{ padding-top: 10px; }
.payment-type{ padding-top: 10px; }
.payment-type .accordion-item{ margin-bottom: 10px; border: 1px solid var(--color-main-border)!important; border-radius: var(--bs-border-radius); }
.payment-type .accordion-item .accordion-button,
.payment-type .accordion-item .accordion-header{ border-radius: var(--bs-border-radius)}
.payment-type .accordion-item .accordion-button{ background-color: transparent;}
.payment-type .accordion-item .accordion-button i{ font-size: 20px; margin-right: 10px;}
.payment-type .accordion-item .accordion-button span{ margin-left: 15px; color: var(--color-main-6e); font-weight: normal; font-size: var(--base-font-size-13) }
.payment-type .accordion-item .accordion-button:focus{ box-shadow: none; border: 0; background-color: transparent; }
.payment-type .accordion-item .accordion-button:not(.collapsed) { color: var(--v2-main-color); box-shadow: none; border: 0; background-color: transparent;  }
.payment-type .accordion-item .accordion-button:not(.collapsed)::after{background-image: var(--bs-accordion-btn-icon)}
.payment-type .accordion-item .accordion-body{ border-top: 1px solid var(--color-main-border)}
.payment-type .accordion-item .accordion-button{  }
.payment-type .accordion-item .accordion-button:before{ content: ''; width: 20px; height: 20px; margin-right: 10px;  border-radius: 50%; border: 1px solid var(--color-main-border);  }
.payment-type .accordion-item .accordion-button:not(.collapsed):before{ font-size: 17px; padding-right: 1px; content: '\f704'; font-family: var(--font-family-tabler); color: var(--v2-main-color) }
.payment-type .accordion-item.active{ border-color: var(--v2-main-color)!important; /*background-color: var(--color-bg-f2)*/}
.payment-type .eft-options{ padding-top: 0; margin-bottom: 15px }
.payment-type .eft-option{ grid-column: auto / span 3; }
.payment-type .eft-option .eft-option-inner{ min-height: 80px; position: relative; display: flex; justify-content: center; align-items: center; border-radius: var(--bs-border-radius); border: 1px solid var(--color-main-border); background-color: var(--color-white); }
.payment-type .eft-option .eft-option-inner img{ max-width: 100px; }
.payment-type .eft-option .eft-option-inner a{ z-index: 1; }
.payment-type .eft-option .eft-option-inner .form-select{ position: relative; z-index: 2; background-position: right 3px center; max-width: 45px; margin-left: 10px; font-size: var(--base-font-size-12); padding: 5px; }
/*.payment-type .eft-option .eft-option-inner:before{ background-color: var(--color-white); display: inline-flex; justify-content: center; align-items: center; padding-top: 1px; content: ''; width: 20px; height: 20px; margin-right: 10px;  border-radius: 50%; border: 1px solid var(--color-main-border);  }*/
/*.payment-type .eft-option.active .eft-option-inner:before{ font-size: 17px; content: '\f704'; font-family: var(--font-family-tabler); color: var(--v2-main-color)  }*/
.payment-type .eft-option:hover .eft-option-inner{ background: var(--color-bg-f2); box-shadow: var(--box-shadow-global) }
.payment-type .eft-option.active .eft-option-inner{ border-color: var(--v2-main-color)}

.agreements-div{}
.agreements-div .agreement-item{ margin-top: 20px;}
.agreements-div .agreement-item .agreement-title{ font-weight: 600; margin-bottom: 10px;}
.agreements-div .agreement-item .agreement-content{ border-radius: var(--bs-border-radius); max-height: 120px; overflow-y: auto; padding: 15px; background-color: var(--color-bg-f2);}
.agreements-div .agreement-item .agreement-content p{ margin-bottom: 0; font-size: var(--base-font-size-13); color: var(--color-main-6e); }
.agreements-div .agreement-item .agreement-content p+p{ margin-top: 10px; }
.agreements-div .agreement-item .agreement-content h3{ font-size: var(--base-font-size-16); color: var(--color-main-6e)}

.cart-agreement{ padding-bottom: 10px; border-bottom: 1px dashed var(--color-main-border); margin-bottom: 10px; }
.cart-agreement label.form-check-label{ font-size: var(--base-font-size-12); color: var(--color-main-6e); cursor: pointer }

.order-completed-prompt{ width: 100%; display: block; }
.order-completed-prompt .title-wrapper{ text-align: center; margin-bottom: 15px; display: flex; flex-direction: column; color: var(--color-main-blue); font-size: var(--base-font-size-22); align-items: center; justify-content: center; }
.order-completed-prompt .title-wrapper i{ font-size: 40px; }
.order-completed-prompt .description-wrapper{ text-align: center; color: var(--color-main-81); margin-bottom: 20px; }
.order-completed-prompt .button-wrapper{ text-align: center; margin-bottom: 20px; }
.order-completed-prompt .button-wrapper a{ transition: all .3s ease; color: var(--v2-main-color); background-color: rgba(from var(--v2-main-color) r g b / 0.2); border-color: var(--v2-main-color); /*font-weight: 600; border-width: 2px;*/ font-size: var(--base-font-size-14);  }
.order-completed-prompt .button-wrapper a:hover,
.order-completed-prompt .button-wrapper a:focus,
.order-completed-prompt .button-wrapper a:active,
.order-completed-prompt .button-wrapper a.active{ color: var(--color-white); background-color: var(--v2-main-color); }
.bank-info-wrapper .card-header{ display: flex; align-items: center; }
.bank-info-wrapper .card-header i{ font-size: 24px; margin-right: 15px; color: var(--color-main-blue) }
.bank-info-wrapper .card-header span{ font-weight: 600; color: var(--color-main-blue) }
.bank-info-wrapper .card-body .table tr td,
.bank-info-wrapper .card-body .table tr td{ vertical-align: middle; }
.bank-info-wrapper .card-body .table tr td.copy-item{ cursor: pointer; }
.bank-info-wrapper .card-body .table tr img { height: 40px; position: relative }
.bank-info-wrapper .card-body .table tr i { color: var(--v2-main-color) }
.bank-info-wrapper .card-body .hide-this{ position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; width: 1px; height: 1px; overflow: hidden; }

.cart-elem-list.summary-list .product-item-wrapper .col-auto,
.cart-elem-list.summary-list .head-info-bar .col-auto{ flex: 0 0 120px; }
.cart-elem-list.summary-list .product-item-wrapper .col-auto:first-child,
.cart-elem-list.summary-list .head-info-bar .col-auto:first-child{ flex: 0 0 calc(100% - 480px); }
.cart-elem-list.summary-list .product-item-wrapper .col-auto .stock-code{ color: var(--v2-main-color); }
.cart-elem-list.summary-list .product-item-wrapper .col-auto span{  }
.order-sum-info{ display: flex; justify-content: space-between; align-items: center; padding: 15px 10px; border-bottom: 1px solid var(--color-main-border); }
.order-sum-info .order-no-text{ font-weight: 600; font-size: var(--base-font-size-16); }
.order-sum-info .order-no{ font-weight: 600; color: var(--v2-main-color); font-size: var(--base-font-size-16); }
.order-sum-info .order-date{ font-weight: 600; color: var(--color-main-blue); background-color: rgba(from var(--color-main-blue) r g b / 0.1); border-radius: 10px; font-size: var(--base-font-size-13); padding: 3px 10px; }
.detail-div{ padding-top: 10px; display: grid; grid-template-rows: repeat(var(--bs-rows, 1), 1fr); grid-template-columns: repeat(var(--bs-columns, 12), 1fr); gap: 10px; }
.detail-div .detail-item{ grid-column: auto / span 4; }
.detail-div .detail-item.detail-span-6{ grid-column: auto / span 6; }

.card-header,
.card{ border-color: var(--color-main-border); border: 0; }
.detail-item .address-div span{ display: block; }
.detail-item .card-header div{ font-weight: 600; }
.detail-item .card-body{ min-height: 156px; }
.detail-item .detail-row{ padding: 5px 0; display: flex; justify-content: space-between; align-items: center; }
.detail-item .detail-row span+span{ font-weight: 600; }

.detail-item .card,.cart-elem-list.summary-list, .bank-info-wrapper .card{ box-shadow:  var(--box-shadow-global); }
.show-on-720{ display: table }
.hide-on-720{ display: none }
.cart-elem-list.summary-list .product-item-wrapper .col-auto .info-span{ display: none; }
.cart-main-wrapper .checkout-title{align-items: end;}
.cart-main-wrapper .checkout-title .input-group{ max-width: 210px; }
.cart-main-wrapper .checkout-title .input-group input{ font-size: var(--base-font-size-14);  }
.cart-main-wrapper .checkout-title .btn-primary{}
.cart-main-wrapper .checkout-title .wrap-it{ display: flex; flex: 1; justify-content: end; align-items: center;  }
.cart-main-wrapper .checkout-title .wrap-it .btn{ display: inline-flex; height: 38px; align-items: center; margin-right: 5px; border-radius: var(--bs-border-radius);  }
.cart-main-wrapper .address-item.show-other-address-container{ grid-column: auto / span 2}
.cart-main-wrapper .address-item.show-other-address-container .address-item-inner{ display: flex; justify-content: center; flex-direction: column; text-align: center; align-items: center; font-weight: 600; font-size: var(--base-font-size-14);  }
.cart-main-wrapper .address-item.show-other-address-container .address-item-inner i{ font-size: 30px; }

/* Media Queries */
@media screen and (min-width: 990px) {
    .new-address-modal .modal-dialog{ max-width: 700px; }
}

@media screen and (max-width: 1200px) {
    .payment-type .eft-option{ grid-column: auto / span 4; }
    .card-div .card-div-item.card-wrapper,
    .card-div .card-div-item{ flex: 0 0 100%; }
    .card-div .card-div-item.full-width{ margin-top: 15px; }
}

@media screen and (max-width: 990px) {
    .cart-main-wrapper .main-side .inner-div-wrapper{ flex-direction: column; }
    .cart-main-wrapper .main-side .summary-side{ flex: 0 0 100%;}
    .cart-elem-list.summary-list .product-item-wrapper .col-auto{ flex: 0 0 50%; padding: 5px 15px; }
    .cart-elem-list.summary-list .product-item-wrapper .col-auto.stock-col-span,
    .cart-elem-list.summary-list .product-item-wrapper .col-auto.qty-col-span{ justify-content: start; }
    .cart-elem-list.summary-list .product-item-wrapper .col-auto.price-col-span,
    .cart-elem-list.summary-list .product-item-wrapper .col-auto.sum-col-span{ justify-content: end; }
    .cart-elem-list.summary-list .product-item-wrapper .col-auto .info-span{ margin-right: 7px; display: inline-block; font-weight: 600; color: var(--color-main-blue) }
    .cart-elem-list.summary-list .product-item-wrapper .col-auto:first-child{ flex: 0 0 100% }
    .cart-elem-list.summary-list .head-info-bar{ display: none}
    .cart-elem-list.summary-list .product-item-wrapper .inner-div{ flex-wrap: wrap; padding: 10px 0; }
    .cc-cvc{ margin-top: 15px; }
    .cart-main-wrapper .address-item.show-other-address-container{ grid-column: auto / span 4}
}

@media screen and (max-width: 720px) {
    .cart-elem-list .product-item-wrapper .inner-div{ flex-wrap: wrap}
    .cart-elem-list .product-item-wrapper .col-auto.long-col,
    .cart-elem-list .head-info-bar .col-auto.long-col,
    .cart-elem-list .product-item-wrapper .col-auto{ flex: 0 0 33.33334%; }
    .cart-elem-list .product-item-wrapper .col-auto:first-child{ flex: 0 0 100%;}
    .cart-elem-list .head-info-bar{ display: none;}
    .cart-main-wrapper .address-item.show-other-address-container,
    .cart-main-wrapper .address-item{ grid-column: auto / span 6; }
    .cargo-settings-wrapper .cargo-item{ grid-column: auto / span 4; }
    .show-on-720{ display: none }
    .hide-on-720{ display: table }
    .detail-div .detail-item{ grid-column: auto / span 12 }
}

@media screen and (max-width: 577px) {
    .cargo-settings-wrapper .cargo-item{ grid-column: auto / span 6; }
    .payment-type .eft-option{ grid-column: auto / span 6; }
    .cargo-settings-wrapper .cargo-item .cargo-item-inner{ font-size: var(--base-font-size-14) }
    .cart-elem-list.summary-list .product-item-wrapper .col-auto{ flex: 0 0 100%; padding: 5px 15px; }
    .cart-elem-list.summary-list .product-item-wrapper .col-auto.stock-col-span,
    .cart-elem-list.summary-list .product-item-wrapper .col-auto.qty-col-span,
    .cart-elem-list.summary-list .product-item-wrapper .col-auto.price-col-span,
    .cart-elem-list.summary-list .product-item-wrapper .col-auto.sum-col-span{ justify-content: start; }
    .order-sum-info{ flex-direction: column; }
    .jp-card-container{ width: 290px!important; }
    .jp-card{ max-width: 290px!important; min-width: 260px!important; }
    .cart-main-wrapper .checkout-title{ flex-direction: column; justify-content: left; align-items: start;}
    .cart-main-wrapper .checkout-title .input-group{ margin: 7px 0 5px;}
}

@media screen and (max-width: 480px) {
    .cart-main-wrapper .top-side{ align-items: start; flex-direction: column; justify-content: start; }
    .cart-main-wrapper .top-side .act-side{ margin-top: 10px;}
    .cart-elem-list .product-item-wrapper .col-auto.long-col,
    .cart-elem-list .product-item-wrapper .col-auto.price-side{ flex: 0 0 calc(50% - 28px)}
    .cart-elem-list .product-item-wrapper .col-auto.buttons-side{flex: 0 0 34px}
    .cart-elem-list .col-auto.price-side span { font-weight: 600; color: var(--v2-main-color) }
    .cart-main-wrapper .address-item.show-other-address-container,
    .cart-main-wrapper .address-item{ grid-column: auto / span 12;}
    .cargo-settings-wrapper .cargo-item{ grid-column: auto / span 12; }
    .payment-type .eft-option{ grid-column: auto / span 12; }
}