.woo-aacvp-overlay,
#woo-aacvp-modal,
#woo-aacvp-form {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.55);
	align-items: center;
	justify-content: center;
	display: none;
	padding: 1.5rem 1rem;
	box-sizing: border-box;
	font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	color:#000;
}

#woo-aacvp-wrapper, #woo-aacvp-from-wrapper {
	position:relative; 
	width:100%;
	max-width:640px;
	height:auto;
	min-height:100px;
	overflow-x:hidden; 
	overflow-y:visible; 
	margin:0 auto; 
}

#woo-aacvp-wrapper-close, #woo-aacvp-form-wrapper-close {
	cursor:pointer; 
	position:absolute; 
	right: 0; 
	top: 0; 
	width:30px;
	height:30px; 
	background-color:#000; 
	color:#fff;
	font-size:15px; 
	border-radius:50%; 
	display:flex;
	align-items:center;
	justify-content: center; 
	padding:5px 0; 
}

#woo-aacvp-content, #woo-aacvp-form-content {
	background-color:#fff;
	border-radius:8px; 
	margin-top:15px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding:18px 18px 16px; 
	max-height:calc(100vh - 80px);
	overflow:hidden; 
	box-shadow:0 15px 40px rgba(0,0,0,0.18);
}

#woo-aacvp-wrapper-cancel, #woo-aacvp-form-wrapper-cancel {
	cursor:pointer; 
}

#woo-aacvp-content-title, #woo-aacvp-form-content-title {
	font-size:1.35rem; 
	text-transform:none; 
	margin:0 0 6px;
	text-align:center; 
	font-weight:600;
}

#woo-aacvp-product-name, #woo-aacvp-form-product-name {
	text-align:center; 
	margin: 0 0 10px; 
	font-size:0.95rem;
	opacity:0.85;
}

#woo-aacvp-variation-wrapper, #woo-aacvp-form-variation-wrapper {
	max-height:calc(100vh - 380px);
	overflow-y: auto; 
	scrollbar-color:#212121;
}

#woo-aacvp-variation-wrapper::-webkit-scrollbar, #woo-aacvp-form-variation-wrapper::-webkit-scrollbar {
	width:6px;
}

#woo-aacvp-variation-wrapper::-webkit-scrollbar-track, #woo-aacvp-form-variation-wrapper::-webkit-scrollbar-track {
	background: #fff;
	border-radius:3px; 
}

#woo-aacvp-variation-wrapper::-webkit-scrollbar-thumb, #woo-aacvp-form-variation-wrapper::-webkit-scrollbar-thumb {
	background:#000;
	border-radius: 3px; 
	border:none; 
}

#woo-aacvp-variation-wrapper::-webkit-scrollbar-thumb:hover, #woo-aacvp-form-variation-wrapper::-webkit-scrollbar-thumb:hover{
	background:#000000;
}

.woo-aacvp-variation{
	display:grid;
	align-items:center;
	justify-content:space-between; 
	border-bottom:1px solid #000;
	padding: 15px;  
	text-decoration:none; 
	color:#000; 
	border:1px solid #000; 
	border-radius:4px;
	margin:5px 10px 10px 10px;
	grid-template-columns:1fr 6fr;
	grid-template-rows: repeat(2, auto);
	background:#fff;
}

.woo-aacvp-radio{
	grid-row: span 2; 
}

.woo-aacvp-variation-price{
	padding:0.5rem; 
	border-top:1px solid #000;
}

.woo-aacvp-variation-image{
	display:none; 
	height:auto;
	border-radius:8px;
	object-fit:contain;
}

.woo-aacvp-variation-attr{
	margin-bottom:0.5rem;
	padding: 0 0.5rem; 
	text-transform: none;
}

.woo-aacvp-variation-attr-label{
	text-transform: none;
	margin-right: 0.5rem; 
	margin-bottom:0.25rem; 
	display:flex;
	align-items:center; 
}

.woo-aacvp-variation-attr-label select{
	margin-left:5px;
	width:100%; 
}

.woo-aacvp-variation-attr-label:last-child{
	margin-bottom:0;
}

.woo-aacvp-error{
	margin: 0 15px 5px 10px; 
	background-color: #fff;
	color: #000; 
	border: 1px solid #000; 
	text-align: center; 
	display:none; 
}

/* Hide WooCommerce's default inline "View cart" link inside the popup
   so the experience stays clean and on-brand. */
#woo-aacvp-modal .added_to_cart,
#woo-aacvp-form .added_to_cart{
	display:none !important;
}

#woo-aacvp-buttons,
#woo-aacvp-form-buttons {
	width:100%;
	margin-top:16px;
	display:grid; 
	align-items:center; 
	justify-content:center; 
	grid-column-gap: 8px; 
	grid-row-gap: 8px; 
	grid-template-columns:1fr; 
}

.woo-aacvp-btn{
	text-align:center; 
	width:100%;
	background:#000 !important;
	color:#fff !important;
	border-radius:999px;
	border:1px solid #000;
	padding:0.75rem 1.5rem;
	box-shadow:none;
}

input.woo-aacvp-radio,
input.woo-aacvp-radio:focus,
input.woo-aacvp-radio:hover{
	outline:none!important;
	box-shadow:none!important;
	cursor:pointer; 
}

.error-border{
	border:1px solid #000; 
	box-shadow: 0 0 0 1px #000;
}

.pointer-disabled{
	pointer-events: none; 
}

@media screen and (min-width:768px){
	.woo-aacvp-overlay{
		padding:2.5rem 1.5rem;
	}
	.woo-aacvp-variation-image{
		display:block; 
	}
	.woo-aacvp-variation{
		grid-template-columns: 1fr 3fr 6fr 3fr; 
		grid-template-rows: repeat(1, 1fr);
	}
	.woo-aacvp-variation-price{
		border-top:none;
	}
	.woo-aacvp-variation-attr{
		padding: 0 1.5rem; 
	}
	#woo-aacvp-buttons,
	#woo-aacvp-form-buttons {
		grid-template-columns: 1fr 1fr; 
		grid-template-rows: repeat(1, 1fr);
		grid-column-gap: 16px; 
		grid-row-gap: 16px;
	}
}

@media screen and (max-width:480px){
	#woo-aacvp-wrapper,
	#woo-aacvp-from-wrapper {
		max-width: 100%;
	}

	#woo-aacvp-content,
	#woo-aacvp-form-content {
		max-height: calc(100vh - 40px);
		padding: 16px 14px 14px;
	}

	.woo-aacvp-variation{
		margin: 4px 4px 8px;
		padding: 12px;
	}

	#woo-aacvp-buttons,
	#woo-aacvp-form-buttons {
		margin-top: 14px;
	}
}