.mgcod-buy-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:var(--mgcod-buybtn-width,100%);padding:var(--mgcod-buybtn-py,14px) var(--mgcod-buybtn-px,20px);margin-top:var(--mgcod-buybtn-margin-top,10px);border:var(--mgcod-buybtn-border-w,0px) solid var(--mgcod-buybtn-border-c,#000);border-radius:var(--mgcod-buybtn-radius,30px);font-size:var(--mgcod-buybtn-size,16px);font-weight:var(--mgcod-buybtn-weight,700);cursor:pointer;color:var(--mgcod-text-color,#fff);background:linear-gradient(90deg,var(--mgcod-c1,#3B5BDB),var(--mgcod-c2,#F76707));font-family:var(--mgcod-font);transition:background .2s ease,color .2s ease;outline:none;box-shadow:none;box-sizing:border-box;margin-left:var(--mgcod-buybtn-ml,0);margin-right:var(--mgcod-buybtn-mr,0);}
		.mgcod-buy-btn:hover,.mgcod-buy-btn:focus{color:var(--mgcod-text-hover,#fff);background:linear-gradient(90deg,var(--mgcod-c1-hover,#3B5BDB),var(--mgcod-c2-hover,#F76707));outline:none;box-shadow:none;}
		.mgcod-buy-btn svg{flex-shrink:0}

		.mgcod-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:99998;display:none;}
		.mgcod-overlay.active{display:block;}

		.mgcod-modal-wrap{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:24px 16px;box-sizing:border-box;}
		.mgcod-modal-wrap.active{display:flex;}
		.mgcod-modal{width:var(--mgcod-modal-width,460px);max-width:100%;max-height:var(--mgcod-modal-maxheight,88vh);background:#fff;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.25);opacity:0;transform:translateY(20px) scale(.98);transition:opacity .25s ease,transform .25s ease;font-family:var(--mgcod-font);display:flex;flex-direction:column;overflow:hidden;position:relative;}
		.mgcod-modal-wrap.active .mgcod-modal{opacity:1;transform:translateY(0) scale(1);}

		.mgcod-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #eee;background:#fff;flex-shrink:0;}
		.mgcod-modal-header h3{margin:0;font-size:var(--mgcod-title-size,16px);font-weight:var(--mgcod-title-weight,700);color:var(--mgcod-title-color,#111);}
		.mgcod-close{background:transparent !important;border:none !important;font-size:24px;cursor:pointer;line-height:1;color:#666;outline:none !important;box-shadow:none !important;padding:4px;border-radius:0 !important;-webkit-appearance:none;appearance:none;}
		.mgcod-close:hover,.mgcod-close:focus,.mgcod-close:active{background:transparent !important;border:none !important;outline:none !important;box-shadow:none !important;color:#333;}
		.mgcod-body{padding:20px 22px 26px;font-size:var(--mgcod-body-size,13px);font-weight:var(--mgcod-body-weight,400);color:var(--mgcod-body-color,#333);overflow-y:auto;flex:1;}

		.mgcod-product-row{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #eee;}
		.mgcod-product-row img{width:56px;height:56px;object-fit:cover;border-radius:8px;border:1px solid #eee;display:block;}
		.mgcod-pimg-wrap{position:relative;flex-shrink:0;}
		.mgcod-qty-badge{position:absolute;top:-6px;left:-6px;background:#777;color:#fff;font-size:11px;font-weight:700;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #fff;}
		.mgcod-product-row .mgcod-pname{font-weight:700;color:var(--mgcod-title-color,#111);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.35;}
		.mgcod-product-row .mgcod-pprice{font-weight:700;color:var(--mgcod-title-color,#111);text-align:right;white-space:nowrap;}
		.mgcod-product-row .mgcod-pprice del{display:block;font-weight:400;font-size:12px;color:#999;text-decoration:line-through;}

		.mgcod-cart-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #eee;}
		.mgcod-cart-item img{width:44px;height:44px;object-fit:cover;border-radius:6px;border:1px solid #eee;flex-shrink:0;}
		.mgcod-cart-item .mgcod-ci-qty{width:20px;height:20px;border-radius:50%;background:#999;color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
		.mgcod-cart-item .mgcod-ci-name{flex:1;font-weight:600;font-size:13px;color:var(--mgcod-title-color,#111);}
		.mgcod-cart-item .mgcod-ci-price{font-weight:700;font-size:13px;white-space:nowrap;}
		.mgcod-pack-discount{display:flex;align-items:center;gap:4px;color:var(--mgcod-discount-color,#c0392b);font-size:12px;font-weight:600;margin-top:4px;}
		.mgcod-pack-discount svg{flex-shrink:0;width:13px;height:13px;}

		.mgcod-tier{display:flex;align-items:center;gap:10px;border:1.5px solid #e5e5e5;border-radius:8px;padding:10px 12px;margin-bottom:10px;cursor:pointer;position:relative;}
		.mgcod-tier.selected{border-color:var(--mgcod-tier-selected-border,#e08a1e);background:var(--mgcod-tier-selected-bg,#fffaf0);}
		.mgcod-tier:hover{border-color:var(--mgcod-tier-selected-border,#e08a1e);background:var(--mgcod-tier-selected-bg,#fffaf0);}
		.mgcod-tier img{width:34px;height:34px;object-fit:cover;border-radius:5px;}
		.mgcod-tier .mgcod-tier-info{flex:1;}
		.mgcod-tier .mgcod-tier-price del{color:#999;font-size:12px;margin-right:5px;}
		.mgcod-tier .mgcod-tier-price ins{color:#111;font-weight:700;text-decoration:none;}
		.mgcod-badge{position:absolute;top:-9px;right:10px;background:var(--mgcod-tier-badge-bg,#e08a1e);color:var(--mgcod-tier-badge-text,#fff);font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;}
		.mgcod-radio{width:16px;height:16px;flex-shrink:0;}

		/* Order summary box */
		.mgcod-summary{background:#f7f7f7;border-radius:10px;padding:4px 16px;margin:16px 0;}
		.mgcod-summary-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;font-weight:600;}
		.mgcod-summary-row + .mgcod-summary-row{border-top:1px solid #ececec;}
		.mgcod-summary-row.mgcod-total-row{font-weight:800;font-size:1.1em;}
		.mgcod-summary-row.mgcod-discount-row{color:var(--mgcod-discount-color,#c0392b);}
		.mgcod-summary-row.mgcod-discount-row .mgcod-discount-icon{display:inline-flex;vertical-align:middle;margin-right:4px;}

		.mgcod-section-title{text-transform:uppercase;letter-spacing:.5px;margin:18px 0 10px;font-size:var(--mgcod-label-size,11px);font-weight:var(--mgcod-label-weight,700);color:var(--mgcod-label-color,#888);}

		/* Icon-prefixed field style */
		.mgcod-field-row{display:flex;gap:10px;}
		.mgcod-field-row .mgcod-field{flex:1;min-width:0;}
		.mgcod-field{margin-bottom:12px;}
		.mgcod-field-label{display:block;margin-bottom:6px;font-size:var(--mgcod-label-size,12px);font-weight:var(--mgcod-label-weight,700);color:var(--mgcod-label-color,#111);}
		.mgcod-field-label .req{color:#c0392b;margin-left:2px;}
		.mgcod-field-icon{display:flex;align-items:stretch;border:1px solid #ddd;border-radius:10px;overflow:hidden;}
		.mgcod-field-icon .mgcod-icon-box{display:flex;align-items:center;justify-content:center;width:44px;flex-shrink:0;background:#f2f2f2;color:#555;}
		.mgcod-field-icon select,
		.mgcod-field-icon input{flex:1;border:none;padding:12px 14px;font-size:14px;box-sizing:border-box;font-family:var(--mgcod-font);outline:none;box-shadow:none !important;background:#fff;}
		.mgcod-field-icon input:hover,.mgcod-field-icon input:focus{outline:none;box-shadow:none !important;}
		.mgcod-field-icon:focus-within{border-color:#999;}

		.mgcod-giftwrap{display:flex;align-items:center;gap:8px;border:1.5px dashed #e08a1e;background:#fffbea;border-radius:8px;padding:10px 12px;font-weight:600;margin:14px 0;cursor:pointer;}

		.mgcod-submit{width:var(--mgcod-submit-width,100%);padding:var(--mgcod-submit-py,16px) var(--mgcod-submit-px,20px);border-radius:var(--mgcod-submit-radius,8px);cursor:pointer;margin-top:var(--mgcod-submit-margin-top,12px);font-size:var(--mgcod-submit-size,15px);font-weight:var(--mgcod-submit-weight,700);
			background:var(--mgcod-submit-bg,#111);color:var(--mgcod-submit-text,#fff);border:var(--mgcod-submit-border-w,2px) solid var(--mgcod-submit-border,#111);
			display:flex;align-items:center;justify-content:center;gap:10px;box-sizing:border-box;
			margin-left:var(--mgcod-submit-ml,0);margin-right:var(--mgcod-submit-mr,0);
			transition:background .2s ease,color .2s ease,border-color .2s ease;outline:none;box-shadow:none;}
		.mgcod-submit:hover,.mgcod-submit:focus{
			background:var(--mgcod-submit-hover-bg,#333);color:var(--mgcod-submit-hover-text,#fff);border-color:var(--mgcod-submit-hover-border,#333);
			outline:none;box-shadow:none;}
		.mgcod-submit:disabled{opacity:.6;cursor:not-allowed;}
		.mgcod-error{color:#c0392b;font-size:12px;margin-top:6px;display:none;}

		.mgcod-modal button:hover,.mgcod-modal button:focus,
		.mgcod-modal input:hover,.mgcod-modal input:focus,
		.mgcod-modal label:hover{outline:none !important;box-shadow:none !important;}

		body.mgcod-lock{overflow:hidden;}

		/* Exit-intent discount popup — a small card floating on top of the order form, not replacing it */
		.mgcod-exit-overlay{position:absolute;inset:0;background:rgba(0,0,0,.55);border-radius:16px;z-index:5;display:none;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;}
		.mgcod-exit-overlay.active{display:flex;}
		.mgcod-exit-card{width:100%;max-width:320px;max-height:100%;overflow-y:auto;background:var(--mgcod-exit-bg,#ffffff);border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.3);padding:26px 22px;box-sizing:border-box;text-align:center;font-family:var(--mgcod-font);}
		.mgcod-exit-title{font-size:var(--mgcod-exit-title-size,22px);font-weight:800;color:var(--mgcod-exit-title-color,#111);margin:0 0 10px;}
		.mgcod-exit-msg{font-size:var(--mgcod-exit-body-size,14px);color:var(--mgcod-exit-body-color,#333);margin:0 0 6px;line-height:1.4;}
		.mgcod-exit-msg strong{font-weight:800;}
		.mgcod-exit-badge{width:110px;height:110px;margin:16px auto;display:flex;align-items:center;justify-content:center;position:relative;}
		.mgcod-exit-badge svg{width:100%;height:100%;position:absolute;top:0;left:0;}
		.mgcod-exit-badge span{position:relative;color:var(--mgcod-exit-badge-text,#fff);font-weight:800;font-size:17px;text-align:center;line-height:1.2;}
		.mgcod-exit-accept{width:100%;padding:14px;border:none;border-radius:30px;font-size:14px;font-weight:800;cursor:pointer;margin-top:8px;color:var(--mgcod-exit-accept-text,#fff);background:linear-gradient(90deg,var(--mgcod-exit-accept-c1,#e02424),var(--mgcod-exit-accept-c2,#F76707));}
		.mgcod-exit-decline{width:100%;padding:12px;border:2px solid #ddd;border-radius:30px;font-size:13px;font-weight:700;cursor:pointer;margin-top:10px;background:var(--mgcod-exit-decline-bg,#fff);color:var(--mgcod-exit-decline-text,#111);}

		@media (max-width:480px){
			.mgcod-modal-wrap{padding:0;align-items:flex-end;}
			.mgcod-modal{width:100%;max-height:92vh;border-radius:16px 16px 0 0;}
		}