body:has(#colorbox:not([style*="display: none"]):has(div[data-testid='popupAdvancedOrder'])) {
    overflow: hidden !important;
}

#cboxOverlay{
	opacity:0.45 !important;
}
#colorbox:has(div[data-testid='popupAdvancedOrder']){
	position:fixed !important;
	top:0 !important;
	right:0;
	left:auto !important;
	width:30% !important;
	height:100vh!important;
	min-width:430px;
	#cboxWrapper{
		width:100% !important;
		height:100vh !important;
		#cboxMiddleLeft{
			height:100vh !important;
		}
		#cboxContent{
			width:100% !important;
			border-radius:0 !important;
			border-top-left-radius: var(--basic-border-radius) !important;
			border-bottom-left-radius: var(--basic-border-radius) !important;
			border:none !important;
			margin-top:0 !important;
			height:100vh !important;
			#cboxLoadedContent{
				width:100% !important;
				height:100vh !important;
				padding:0 !important;
				.colorbox-html-content{
					padding:0 !important;
					.advanced-order{
						.h1:not(.advanced-order-suggestion){
							margin:0 !important;
							padding:2rem;
							background-color:var(--master-color-primary);
							border-top-left-radius:var(--basic-border-radius);
							text-align:left;
							color:var(--master-color-white);
							font-size:14px;
							font-weight:600;
							&::before{
								content: '✓' !important;
						    font-family: 'Font Awesome 5 Free';
						    font-weight: 700;
						    font-size: 130%;
						    padding-right: 10px;
							}
						}
						.ao-product{
							padding:2rem;
							padding-bottom:0;
							.ao-image{
								flex-basis:30%;
								min-width:30%;
								img{
									border-radius:var(--basic-border-radius);
								}
							}
							.ao-name{
								flex-basis:70%;
								min-width:70%;
								padding-left:2rem;
								a{
									font-size:14px;
									font-weight:500;
									.main-link-variant{
										font-size:10px;
										margin-top:0.5rem;
									}
								}
								.ao-availability{
									font-size: 12px;
    							margin-top: 0.5rem;
								}
							}
							.ao-price{
								flex-basis:50%;
								min-width:50%;
								text-align:left;
								font-size:18px;
								color:var(--master-color-black);
								margin-top:1rem;
							}
							.ao-quantity{
								flex-basis: 50%;
								min-width: 50%;
								.quantity {
									border: none;
									padding-right: 50px;
									input{
										width: 60px;
										font-size: 18px;
										font-weight: bold;
										color: var(--master-color_black);
									}
									.decrease, .increase {
										border: none !important;
										border-radius: 5px;
										background-color: var(--master-grey-ultralight) !important;
										height:36px;
										width:36px;
										&:hover{
											background-color: var(--master-grey-light) !important;
										}
										&::before{
											font-size: 22px !important;
											line-height: 30px !important;
											color: var(--master-color-black);
										}
										&.decrease:before{
											content: "−";
										}
										&.increase:before{
											content: "+";
										}
									}
									.decrease {
										left: 0;
										top: 0;
										right: auto;
									}
								}
							}
						}
						.advancedOrder__buttons{
							flex-direction:row;
							padding-left:2rem;
							padding-right:2rem;
							justify-content: space-between;
							.btn{
								padding: 8px 20px;
							}
						}
						.advanced-order-suggestion{
							margin:2rem;
							padding:0;
							padding-top:2rem;
							text-align: left;
    					font-size: 12px;
						}
						#products{
							flex-wrap:wrap;
							.product{
								width:50%;
                                border: unset !important;
								.flag{
									font-size:8px !important;
								}
								.p-in-in{
									span[data-micro="name"]{
										font-size:12px !important;
										font-weight:500;
										-webkit-line-clamp: none;
								        -webkit-box-orient: unset;
									}
									.ratings-wrapper{
										display:none;
									}
								}
								.p-bottom .price strong{
									font-size:14px !important;
								}
							}
						}
					}
				}
			}
			#cboxClose{
				background-color:transparent !important;
				color:#ffffff !important;
				margin-top: 1rem;
    		margin-right: 0.8rem;
			}
		}
	}
	@media screen and (max-width: 767px) {
		top: auto !important;
		right: auto !important;
		left:2% !important;
		width:96% !important;
		min-width: unset !important;
		height:60vh !important;
		bottom:0 !important;
        padding-bottom:20rem;
		#cboxWrapper{
			border-top-left-radius:var(--basic-border-radius);
			border-top-right-radius:var(--basic-border-radius);
			#cboxContent{
				border-radius: unset !important;
				border-top-right-radius:var(--basic-border-radius) !important;
				border-bottom-left-radius: 0 !important;
				.h1:not(.advanced-order-suggestion){
					margin:0 !important;
					padding:2rem;
					background-color:var(--master-color-primary);
					border-top-left-radius:var(--basic-border-radius);
					text-align:left;
					color:var(--master-color-white);
					font-size:14px;
					font-weight:bold;
					&::before{
						content: '✓' !important;
				    font-family: 'Font Awesome 5 Free';
				    font-weight: 700;
				    font-size: 130%;
				    padding-right: 10px;
					}
				}
				#cboxLoadedContent{
					.colorbox-html-content{
						.advanced-order{
							.ao-product{
								margin-bottom:0;
								align-items: flex-start;
								.ao-name{
									text-align:left;
									a{
										font-size:12px;
										font-weight:500;
									}
									.ao-availability{
										font-weight:500;
										text-align:left;
									}
								}
								.ao-price{
									margin-top:unset !important;
								}
							}
							.advancedOrder__buttons{
								flex-direction: column;
								margin-top:5rem;
								.btn{
									width:100%;
									max-width:100%;
								}
							}
							#products{
								padding-bottom: 22rem;
							}
						}
					}
				}
			}
		}	
	}
}