.-ycwt-maher_quality_banner{
	--mqb-gold:#ffc400;
	--mqb-bg:#0b0b0a;
	position:relative;
	overflow:hidden;
	padding:25px 0;
	border-top:1px solid rgb(255 255 255 / 3%);
	border-bottom:1px solid rgb(255 255 255 / 5%);
	background:
		radial-gradient(circle at 70% 0,rgb(255 196 0 / 3%),transparent 34%),
		var(--mqb-bg);
}

.-ycwt-maher_quality_banner *{
	box-sizing:border-box;
}

.-ycwt-maher_quality_banner .mqb-wrap{
	min-height:62px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:36px;
}

.-ycwt-maher_quality_banner .mqb-copy{
	min-width:0;
	text-align:right;
}

.-ycwt-maher_quality_banner .mqb-title{
	margin:0;
	color:#fff;
	font-size:clamp(19px,1.65vw,26px);
	font-weight:900;
	line-height:1.35;
}

.-ycwt-maher_quality_banner .mqb-description{
	margin:4px 0 0;
	color:rgb(255 255 255 / 58%);
	font-size:12px;
	font-weight:500;
	line-height:1.7;
}

.-ycwt-maher_quality_banner .mqb-button{
	flex:0 0 auto;
	min-width:145px;
	min-height:39px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:0 21px;
	border:1px solid var(--mqb-gold);
	border-radius:8px;
	color:#11100d;
	background:var(--mqb-gold);
	box-shadow:0 9px 24px rgb(255 196 0 / 12%);
	font-size:12px;
	font-weight:900;
	line-height:1;
	text-decoration:none;
	transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease;
}

.-ycwt-maher_quality_banner .mqb-button:hover{
	color:#11100d;
	background:#ffd028;
	box-shadow:0 12px 28px rgb(255 196 0 / 20%);
	transform:translateY(-2px);
}

@media (max-width:1180px){
	.-ycwt-maher_quality_banner{
		padding-block:25px!important;
	}
}

/* Tablet Responsive */
@media (max-width:1024px){
	.-ycwt-maher_quality_banner{
		overflow-wrap:anywhere;
	}

	.-ycwt-maher_quality_banner .container,
	.-ycwt-maher_quality_banner .container.largerContainer{
		padding-inline:24px;
	}

	.-ycwt-maher_quality_banner .mqb-wrap{
		direction:inherit;
		display:grid;
		grid-template-columns:minmax(0,2fr) minmax(0,1fr);
		min-height:0;
		gap:24px;
	}

	.-ycwt-maher_quality_banner .mqb-copy{
		text-align:start;
	}

	.-ycwt-maher_quality_banner .mqb-description{
		font-size:14px;
	}

	.-ycwt-maher_quality_banner .mqb-button{
		min-width:44px;
		min-height:44px;
		max-width:100%;
		padding:12px 16px;
		font-size:13px;
		line-height:1.5;
		white-space:normal;
		text-align:center;
	}

	.-ycwt-maher_quality_banner .mqb-button:focus-visible{
		outline:3px solid var(--mqb-gold);
		outline-offset:3px;
	}

	.-ycwt-maher_quality_banner .mqb-button:active{
		background:#e5ad00;
		box-shadow:none;
		transform:scale(.98);
	}
}

/* Mobile App Experience */
@media (max-width:680px){
	.-ycwt-maher_quality_banner{
		padding-block:21px!important;
	}

	.-ycwt-maher_quality_banner .container,
	.-ycwt-maher_quality_banner .container.largerContainer{
		padding-inline:16px;
	}

	.-ycwt-maher_quality_banner .mqb-wrap{
		grid-template-columns:minmax(0,1fr);
		align-items:stretch;
		gap:15px;
	}

	.-ycwt-maher_quality_banner .mqb-title{
		font-size:20px;
	}

	.-ycwt-maher_quality_banner .mqb-button{
		width:100%;
	}
}

/* Small Mobile Adjustments */
@media (max-width:360px){
	.-ycwt-maher_quality_banner .container,
	.-ycwt-maher_quality_banner .container.largerContainer{
		padding-inline:12px;
	}
}

@media (max-width:1024px) and (prefers-reduced-motion:reduce){
	.-ycwt-maher_quality_banner .mqb-button{
		transition:none;
		transform:none;
	}
}
