.delivery-section { border-top: 2px solid #ccc; margin-bottom: 40px; padding: 20px 0; font-size: 0; }
.delivery-header { font-size: 18px; font-weight: bold; padding-bottom: 10px; margin-bottom: 20px;}

.product-box { width: 70%; display: inline-block; font-size: 16px; vertical-align: top; }
.product-item { border-bottom: 1px solid #eee; padding: 20px 0; }
.product-item:last-child{border-bottom: 0;}
.product-title { font-weight: bold; }
.product-subtitle { color: gray; font-size: 14px; margin: 5px 0; }
.product-price { font-weight: bold; font-size: 16px; margin-top: 10px; }
.option-btn { margin-top: 10px; background: #2bb3a5; padding: 8px 15px; border: none; cursor: pointer; font-size: 14px; color: #fff; font-weight: 600;}

.delivery-summary { display: inline-block; width: 30%; font-size: 16px; vertical-align: top; }
.summary-box { background: #f9f9f9; padding: 15px; border: 1px solid #ddd; }
.summary-line { display: flex; justify-content: space-between; margin: 5px 0; }
.title { text-align: left; }
.value { text-align: right; font-weight: bold; }
.order-button { background: #000; color: #fff; padding: 20px; border: none; margin-top: 10px; cursor: pointer; font-weight: bold; width: 100%; box-sizing: border-box; }
.order-note { font-size: 12px; color: #555; margin-top: 8px; text-align: center; }

.btn_fold{ background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTEuMjgxLjY0IDYuNSA1LjQxMiAxLjcxOS42NDEuMjUgMi4xMDkgNi41IDguMzZsNi4yNS02LjI1TDExLjI4MS42NDFaIiBmaWxsPSIjMUExQTFBIi8+PC9zdmc+) 50% no-repeat; font-size: 0; height: 25px; width: 25px; border: 0;}
.btn_fold.off{ background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTEuMjgxLjY0IDYuNSA1LjQxMiAxLjcxOS42NDEuMjUgMi4xMDkgNi41IDguMzZsNi4yNS02LjI1TDExLjI4MS42NDFaIiBmaWxsPSIjMUExQTFBIi8+PC9zdmc+) 50% no-repeat;}

.checkbox-style .guide-modal-btn{cursor: pointer; display: inline-block; margin-left: 10px;}
.checkbox-style .guide-modal-btn i{margin-right: 5px;}
.delivery-cart-top .checkbox-style {width: 55%; display: inline-block; vertical-align: middle;text-align: left;}
.delivery-cart-top .delete-selection-lnk {width: calc(14% - 10px); display: inline-block; vertical-align: middle; text-align: right;}
.delivery-cart-top .delete-selection-lnk a{ display: inline-block;  background: #fff; padding: 10px 20px; border-radius: 5px; color: #000; border: 1px solid #000;}
.delivery-cart-top .btn_fold_box {width: 31%; display: inline-block; vertical-align: middle; text-align: right;}
.product-box .product-item{position: relative;}
.product-box .product-item .remove{position: absolute; right: 20px; top: 10px;}
.product-box .product-item .remove button{ width: 32px; height: 32px; background: transparent; border: 0px solid #ccc; cursor: pointer; font-weight: bold; color: #999;transform: scaleY(0.7);}
.product-box .product-item .checkbox-style{width: 40px; display: inline-block; vertical-align: top;}
.product-box .product-item .product-list-box{width: calc(100% - 54px); display: inline-block;}
.product-box .product-item .product-list-box .product-image{width: 120px; height: 120px; display: inline-block; border:1px solid #ddd; position: relative;}
.product-box .product-item .product-list-box .product-image img{max-width: 100%; position: absolute;top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.product-box .product-item .product-list-box .product-info{width: calc( 100% - 164px); margin-left: 30px; display: inline-block;vertical-align: top;}
.form-modal-con .option + .option{margin-top: 30px;}
.form-modal-con .option select { padding: 15px; width: 100%; border: 1px solid #ddd;}
.form-modal-con .order-quantity-bg{ background: #fff;border: 1px solid #ddd; padding: 15px; position: relative; }
.form-modal-con .order-quantity-bg + .order-quantity-bg{ margin-top: 20px;}
.form-modal-con .order-quantity-bg .qty input { width: 50px; height: 30px; text-align: center; vertical-align: middle;}
.form-modal-con .order-quantity-bg .qty input::-webkit-outer-spin-button,
.form-modal-con .order-quantity-bg .qty input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
.form-modal-con .order-quantity-bg .purchase-name{width: calc(100%  - 126px - 10px); display: inline-block;}
.form-modal-con .order-quantity-list{width: 126px; display: inline-block; vertical-align: top; position: absolute; right: 10px; top: 50%; transform: translateY(-50%);}
.form-modal-con .order-quantity-list .item-quantity{ width: 30px;  height: 30px;  background: #000; color: #fff;  border: 0; vertical-align: middle;}
.delivery-section.active .product-bottom{display: none;}
.delivery-section.active .btn_fold{transform: rotate(180deg);}
.form-modal-con .add-order-quantity .order-quantity-bg{background: #f7f7f7; border: 1px solid #f7f7f7;}
.form-modal-con .add-order-quantity .order-quantity-list{right: 35px;}
.form-modal-con .add-order-quantity .remove{position: absolute; right: 10px; top: 50%; transform: translateY(-50%);}
.form-modal-con .add-order-quantity .remove button { width: 32px; height: 32px; background: transparent; border: 0px solid #ccc; cursor: pointer; font-weight: bold; color: #999; transform: scaleY(0.7);} 
@media screen and (max-width: 992px) {
    .product-box{width: 100%;}
    .delivery-summary {width: 100%;}
    .product-box .product-item .product-list-box .product-info{width:100%; margin-left: 0; margin-top: 10px;}
    .delivery-cart-top .checkbox-style {width: 55%; }
    .delivery-cart-top .delete-selection-lnk {width: calc(31% - 15px); }
    .delivery-cart-top .btn_fold_box {width: 50px;}
    .delivery-section{margin-bottom: 20px;}
}