.e2d-qb-sheet{ position: fixed; inset: 0; z-index: 10050; display: none; }
.e2d-qb-sheet.is-open{ display: block; }

.e2d-qb-overlay{
	position: absolute; inset: 0;
	background: rgba(46,65,20,.34);
	opacity: 0; transition: opacity .26s ease;
}
.e2d-qb-sheet.is-open .e2d-qb-overlay{ opacity: 1; }

.e2d-qb-close{
	position: absolute;
	top: -74px; right: 10px;
	z-index: 3;
	width: 64px; height: 64px;
	display: inline-flex; align-items: center; justify-content: center;
	border: 0; background: transparent; cursor: pointer; padding: 0;
}
.e2d-qb-close svg{
	width: 38px; height: 38px; display: block;
	filter: drop-shadow(0 0 3px #FFFDF9)
	        drop-shadow(0 1px 3px rgba(46,65,20,.45));
}

.e2d-qb-panel{
	position: absolute; left: 0; right: 0; bottom: 0;
	max-height: 88vh;
	display: flex; flex-direction: column;
	background: #FFFDF9;
	border-radius: 18px 22px 0 0;
	box-shadow: 0 -8px 40px rgba(61,86,27,.26);
	transform: translateY(100%);
	transition: transform .3s cubic-bezier(.22,.8,.28,1);
}
.e2d-qb-sheet.is-open .e2d-qb-panel{ transform: translateY(0); }

.e2d-qb-body{
	position: relative;
	flex: 1 1 auto;
	overflow: hidden;
}

.e2d-qb-loading{
	position: absolute; inset: 0; z-index: 1;
	display: flex; align-items: center; justify-content: center;
	font-size: 14px; color: #3D561B;
	pointer-events: none;
}

.e2d-qb-frame{
	width: 100%;
	height: 82vh;
	border: 0;
	display: block;
	background: #FFFDF9;
}

html.e2d-qb-locked, body.e2d-qb-locked{ overflow: hidden !important; }

html.e2d-qb-locked #e2d-sticky-buy,
html.e2d-qb-locked #e2d-bottombar{ display: none !important; }
html.e2d-qb-locked form.klaviyo-form,
html.e2d-qb-locked .klaviyo-form,
html.e2d-qb-locked [class*="kl-private-reset-css"]{ display: none !important; }

@media (min-width: 768px){
	.e2d-qb-panel{
		left: 0; right: 0; margin-inline: auto;
		top: 50%; bottom: auto;
		width: min(1120px, 96vw);
		max-height: 97vh;
		border-radius: 20px 24px 22px 18px;
		box-shadow: 0 14px 44px rgba(61,86,27,.26);
		opacity: 0;
		transform: translateY(-46%) scale(.985);
		transition: transform .28s cubic-bezier(.22,.8,.28,1), opacity .22s ease;
	}
	.e2d-qb-sheet.is-open .e2d-qb-panel{ transform: translateY(-50%) scale(1); opacity: 1; }
	.e2d-qb-frame{ height: 92vh; }
	.e2d-qb-close{ top: 6px; right: -74px; }
}

@media (min-width: 768px) and (max-width: 1319px){
	.e2d-qb-close{ top: 6px; right: 6px; }
}

.e2d-ql-btn{
	position: absolute;
	left: 8px;
	bottom: 8px;
	z-index: 4;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	height: 28px;
	padding: 0 10px 0 8px;
	border: 1px solid #3D561B;
	border-radius: 999px;
	background: #F6F1E8;
	color: #3D561B;
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	white-space: nowrap;
	box-shadow: 0 1px 4px rgba(31, 39, 25, .14);
	cursor: pointer;
	opacity: 0;
	pointer-events: none;
	transform: translateY(4px);
	transition: opacity .14s ease, transform .14s ease;
}
.e2d-ql-btn svg{
	width: 16px;
	height: 16px;
	display: block;
	stroke: #FF6A00;
	stroke-width: 2.1;
}
@media (hover: hover){
	.brxe-vmstfg:hover .e2d-ql-btn,
	.e2d-sei-bundle__item:hover .e2d-ql-btn,
	.f-rv-more-item:hover .e2d-ql-btn{
		opacity: 1;
		pointer-events: auto;
		transform: none;
	}
}
.e2d-ql-btn.is-on,
.e2d-ql-btn:focus-visible{
	opacity: 1;
	pointer-events: auto;
	transform: none;
}

.f-rv-more-thumb > .e2d-ql-btn{
	left: 50%;
	top: 50%;
	bottom: auto;
	z-index: 15;
	transform: translate(-50%, calc(-50% + 4px));
}
@media (hover: hover){
	.f-rv-more-item:hover .f-rv-more-thumb > .e2d-ql-btn{ transform: translate(-50%, -50%); }
}
.f-rv-more-thumb > .e2d-ql-btn.is-on,
.f-rv-more-thumb > .e2d-ql-btn:focus-visible{ transform: translate(-50%, -50%); }