.cart .cart-body {}
.cart .cart-body .cart-list {}
.cart .cart-body .cart-list .cart-list-item { position:relative; display: table; width: 100%; overflow:hidden; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #e6e5e5; clear:both; }
.cart .cart-body .cart-list .cart-list-item .thumb { display: table-cell; float: left; pointer-events: none;}
.cart .cart-body .cart-list .cart-list-item .thumb > a { display: block; width:100px; overflow:hidden; border-radius: 12px; }
.cart .cart-body .cart-list .cart-list-item .thumb > a > img { display:block; width:100% !important; }
.cart .cart-body .cart-list .cart-list-item .cart-list-item-info-wrap { display: table-cell; width:100%; padding-left: 10px; padding-top: 0px; vertical-align: top; }
.cart .cart-body .cart-list .cart-list-item .cart-list-item-info { display: table-cell; width:100%; vertical-align: top; }
.cart .cart-body .cart-list .cart-list-item .cart-list-item-info .brand { font-size:12px; color:#686868; margin-bottom:3px; }
.cart .cart-body .cart-list .cart-list-item .cart-list-item-info .name { font-weight:bold; margin-bottom:3px; }
.cart .cart-body .cart-list .cart-list-item .cart-list-item-info .cart-list-item-color { color:#686868; font-size: 12px; margin-left: 15px; }
.cart .cart-body .cart-list .cart-list-item .cart-list-item-info .cart-list-item-size { color:#686868; font-size: 12px; }
.cart .cart-body .cart-list .cart-list-item .cart-list-item-price {display: table-cell; width: 100px; min-width: 100px; max-width: 100px; font-weight: bold; padding: 0 10px; text-align: center; clear: both; vertical-align: middle; white-space: nowrap;}
.cart .cart-body .cart-list .cart-list-item .cart-list-item-price .cart-list-item-summ { display: inline-block; text-align: center; line-height: 1.1}
.cart .cart-body .cart-list .cart-list-item .cart-list-item-price .cart-list-item-summ em { display: block; font-size: 12px; font-weight: normal; color: #686868; margin-top: 2px; font-style: normal; }
.cart .cart-body .cart-list .cart-list-item .cart-list-item-quantity { display: table-cell; padding:4px; vertical-align: middle; text-align: center; }
.cart .cart-body .cart-list .cart-list-item .cart-list-item-quantity .button { position: relative; display: inline-block; background-color: inherit; width: 28px; height: 28px; line-height: 27px; font-size: 16px; text-align: center; color: #4a44f2; border: 2px solid #eeeeee; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; z-index: 1; }
.cart .cart-body .cart-list .cart-list-item .cart-list-item-quantity .button.disabled { pointer-events: none; opacity: 0.5; border-color: #ccc; color: #aaa; cursor: not-allowed; }
.cart .cart-body .cart-list .cart-list-item .cart-list-item-quantity .button:hover { color: #fff; border-color: transparent; background-color: #4a44f2; }
.cart .cart-body .cart-list .cart-list-item .cart-list-item-quantity .input { background:none; width:45px; font-size: 16px; line-height: 38px; color:#4d4d4d; text-align: center; }
.cart .cart-body .cart-list .cart-list-item .cart-list-item-actions { display: table-cell; width: 40px; padding:4px; vertical-align: middle; }
.cart .cart-body .cart-list .cart-list-item .cart-list-item-actions .button { font-size:16px; height:28px; line-height:26px; width:28px; text-align:center; padding:0; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; -ms-border-radius:100px; -o-border-radius:100px; box-shadow:0 0 3px rgba(0,0,0,.3); -webkit-box-shadow:0 0 3px rgba(0,0,0,.3); -moz-box-shadow:0 0 3px rgba(0,0,0,.3); -o-box-shadow:0 0 3px rgba(0,0,0,.3); -ms-box-shadow:0 0 3px rgba(0,0,0,.3); overflow:hidden; float:left; }
.cart .cart-footer { margin-top:30px; padding:20px; clear:both; }
.cart .cart-footer .cart-delivery { font-weight:bold; }
.cart .cart-footer .cart-delivery em { font-size:12px; font-weight:normal; color:#686868; }
.cart .cart-footer .cart-overal-price { font-size: 24px; font-weight:bold; }
.cart .cart-footer .cart-overal-price em { font-size:12px; font-weight:normal; color:#686868; }
.cart .cart-footer .cart-discount-price { font-weight:bold; }
.cart .cart-footer .cart-discount-price em { font-size:12px; font-weight:normal; color:#686868; }

.checkout-cart .cart-body .cart-list .cart-list-item .thumb { width:80px; }
.checkout-cart .cart-body .cart-list .cart-list-item .cart-list-item-info { width:171px; }

.cart-list .cart-list-item-summ .old-price { text-decoration:line-through; }
.cart-list .cart-list-item-summ .featured-price { font-size:110%; }

/*--------------------------------------------
			DLG GLOBAL STYLES  
---------------------------------------------*/
.fixed { position:fixed; top: 0; left: 0; width: 100%; height: 100%; }
.dlgBox-wrapper { position: fixed; top: 0; left: 0; bottom: 0; right: 0; overflow-x: hidden; overflow-y: auto; background:rgba(0,0,0,.7); }
.dlgBox { position:absolute; box-shadow:0 0 3px rgba(0, 0, 0, 0.5); padding:0 20px 20px; border-width:1px; border-color:#d7d7d7; border-style:solid; background:#fff; width:300px; }
.dlgBox-underlayer { position:fixed; top:0; right:0; bottom:0; left:0; display:block; background:rgba(0,0,0,.7); }
.dlgBox-wrapper.cart .dlgBox { width: 860px; }
.dlgBox-wrapper.big .dlgBox { width: 860px; }
.dlgBox .dlgBox-bar { margin-top:40px; margin-bottom: 25px; padding-right: 5.4rem;}
.dlgBox.moveable .dlgBox-bar { cursor:move; }
.dlgBox .dlgBox-controlsHolder { display: block; margin:30px 0; text-align: center; }
.dlgBox .title { color:#393e46; overflow:hidden; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-transform: uppercase; font-size:36px; font-weight: 800; }
.dlgBox .hide-wrap { position: fixed; width:258px; z-index:115; }
.dlgBox .hide { 
    width: 42px;
    height: 39px;
    background: url(/public/design/images/cancel-product-modal.png) no-repeat!important;
    margin-left: -42px;
    position: absolute;
    opacity: 1;
    top: 0px;
    right: -80px!important;
    cursor: pointer;
} 
.dlgBox .content { margin:0; padding-top:20px; height:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.dlgBox textarea { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:100%; }
.dlgBox.no-title .dlgBox-bar { height:0; border:none; }
.dlgBox.no-title .hide { top:10px; }

.dlgBox .dlgBox-controlsHolder { display: flex; justify-content: center; gap: 30px; margin-top: 30px; flex-wrap: wrap;}
.dlgBox .dlgBox-controlsHolder .button,
.dlgBox .dlgBox-controlsHolder .btn-default {float: none;margin: 0;padding: 14px 50px;font-size: 16px;border: 0 none;cursor: pointer;border-radius: 8px;transition: all 0.3s ease;min-width: 220px;text-align: center;display: flex;align-items: center;justify-content: center;height: 50px;}
.dlgBox .dlgBox-controlsHolder .btn-default:hover {opacity: 0.9;}

@media (max-width: 600px) {
	.dlgBox .dlgBox-controlsHolder {
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
	}

	.dlgBox .dlgBox-controlsHolder .button,
	.dlgBox .dlgBox-controlsHolder .btn-default {
		width: 100%;
		padding: 16px 20px;
		min-width: auto;
		font-size: 16px;
	}
}


.dlgBox-wrapper.loading .dlgBox .title, .dlgBox-wrapper.loading .dlgBox .hide { display:none; }
.dlgBox-wrapper.loading .dlgBox .dlgBox-inner .content { height:100%; min-width:400px; min-height:100px; background:url("/public/images/design/loading64_anthracite.gif") no-repeat 50% 50% transparent !important; box-shadow:none; border:1px solid transparent; }

.dlgBox-scroller { position:fixed; top:2px; right:2px; bottom:2px; width:12px; z-index:10001; overflow:hidden; }
.dlgBox-scroller .dlgBox-scroll { position:absolute; top:2px; right:2px; width:10px; background:rgba(255,255,255,.4); border-radius:6px; }
.dlgBox-scroller .dlgBox-scroll:hover { background:rgba(255,255,255,.6); }

.dlgBox.invisible { visibility:hidden; }
.dlgBox.invisible object, .dlgBox.invisible embed, .dlgBox.invisible video { visibility:hidden !important; }

.dlgBox-wrapper.file-list { padding:12px; }
.dlgBox-wrapper.file-list .dlgBox-bar { height:30px; }
.dlgBox-wrapper.file-list .title { height:1em; padding-top:0; }
.dlgBox-wrapper.file-list .dlgBox-inner { overflow:hidden; }
.dlgBox-wrapper.file-list .dlgBox-inner .content { position:relative; margin:0; height:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

.dlgBox-wrapper.small .dlgBox-inner { width:256px; }
.dlgBox-wrapper.small .dlgBox-inner .quick-checkout-body .input { width:165px; }

@media (max-width: 480px) {
	.dlgBox-wrapper.cart .dlgBox { width: 355px; }
	.cart .cart-body .cart-list .cart-list-item .thumb > a { width: 60px; }
}   

.dlgBox-wrapper.dlgBox-toast {
    background: transparent;
	pointer-events: none;
}

.dlgBox-wrapper.dlgBox-toast .dlgBox {
    background-color: #4CAF50;
    color: #fff;
    border-radius: 8px;
    padding: 0;
    font-size: 16px;
    font-weight: 600;
    opacity: 0;
    transform: translateY(-10px);
    pointer-events: auto;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
    transition: all 0.4s ease;
    overflow: hidden;
    line-height: 1.5em;
	pointer-events: auto;
}

.dlgBox-wrapper.dlgBox-toast .dlgBox-inner .content {
    margin: 0;
    padding: 15px 0;
    height: 100%;
    box-sizing: border-box;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dlgBox-wrapper.dlgBox-toast.show .dlgBox {
    opacity: 1;
    transform: translateY(0);
}

.dlgBox-wrapper.dlgBox-toast.hide .dlgBox {
    opacity: 0;
    transform: translateY(-15px);
}

body:has(.dlgBox-wrapper.dlgBox-toast) {
    overflow: auto !important;
}