/* Le-Biko — Quick view window. */

/* ==========================================================================
   Quick view dialog
   ========================================================================== */
.lb-qv {
	width: min(880px, calc(100vw - 32px)); max-height: calc(100dvh - 48px);
	padding: 0; border: 0; border-radius: 4px;
	background: #fff; color: var(--lb-ink);
	overflow: auto;
	opacity: 0; transform: translateY(12px) scale(.98);
	transition: opacity .2s var(--lb-ease), transform .25s var(--lb-ease);
}
.lb-qv.is-open { opacity: 1; transform: none; }
.lb-qv::backdrop { background: rgba(20, 18, 16, .45); }
.lb-qv__close {
	position: absolute; top: 10px; inset-inline-end: 10px; z-index: 2;
	width: 40px; height: 40px; display: grid; place-items: center;
	background: rgba(255, 255, 255, .9); border: 0; border-radius: 50%; cursor: pointer;
}
.lb-qv__loading { padding: 80px 20px; text-align: center; color: var(--lb-muted); }
.lb-qv__grid { display: grid; }
.lb-qv__media { background: var(--lb-tile); aspect-ratio: 1; }
.lb-qv__img { width: 100%; height: 100%; object-fit: cover; }
.lb-qv__info { padding: 22px 20px 24px; }
.lb-qv__title { margin: 0; font-size: 22px; font-weight: 500; line-height: 1.3; padding-inline-end: 36px; }
.lb-qv__title:focus { outline: none; }
.lb-qv__price { margin-bottom: 14px; }
.lb-qv__price .lb-price__incl, .lb-single__price .lb-price__incl { font-size: 22px; }
.lb-qv__price .lb-price__excl, .lb-single__price .lb-price__excl { font-size: 14px; }
.lb-qv__summary { font-size: 14.5px; font-weight: 300; color: var(--lb-ink-soft); margin-bottom: 18px; }
.lb-qv__summary p { margin: 0 0 8px; }
.lb-qv__more { display: inline-block; margin-top: 16px; font-size: 14px; color: var(--lb-ink-soft); text-underline-offset: 3px; }
.lb-qv__more:hover { color: var(--lb-ink); }
@media (min-width: 760px) {
	.lb-qv__grid { grid-template-columns: 1fr 1fr; }
	.lb-qv__media { aspect-ratio: auto; min-height: 100%; }
	.lb-qv__info { padding: 36px 32px; }
}
@media (max-width: 759px) {
	.lb-qv { width: 100vw; max-width: 100vw; max-height: 92dvh; margin: auto 0 0; border-radius: 10px 10px 0 0; transform: translateY(40px); }
	.lb-qv__media { aspect-ratio: 4 / 3; }
}

/* Quick view: the minimum-order strip pinned to the bottom of the window */
.lb-qv .lb-minbar { position: sticky; bottom: 0; z-index: 3; border-top: 1px solid var(--lb-line); box-shadow: 0 -4px 12px rgba(20, 18, 16, .05); }
.lb-qv .lb-minbar__inner { padding-inline: 16px; min-height: 40px; }