.afs-showcase,
.afs-showcase * { box-sizing: border-box; }
.afs-showcase ::selection { color: inherit; background: transparent; }

.e-con.afs-book-container {
	--flex-wrap: nowrap;
	flex-wrap: nowrap !important;
	overflow: visible !important;
}

.elementor-widget-a-flash-book.afs-book-fill-widget,
.elementor-widget-a-flash-book.afs-book-fill-widget > .elementor-widget-container,
.elementor-widget-a-flash-book.afs-book-fill-widget .afs-showcase {
	flex: 0 0 auto;
	min-height: 0;
	height: auto;
}

.afs-showcase {
	--afs-book-ink: #142730;
	--afs-book-muted: #718087;
	--afs-book-accent: #a48656;
	width: 100%;
	max-width: none;
	color: var(--afs-book-ink);
}

.afs-showcase-empty { padding: 28px; border: 1px dashed #aebbb7; color: var(--afs-book-muted); text-align: center; }
.afs-book-tabs { display: flex; justify-content: center; gap: 6px; margin: 0 0 16px; overflow-x: auto; }
.afs-book-tabs button {
	flex: 0 0 auto;
	padding: 8px 12px;
	border: 1px solid #d7dddb;
	border-radius: 3px;
	color: var(--afs-book-muted);
	background: #fff;
	font: 600 13px/1.2 inherit;
	cursor: pointer;
}
.afs-book-tabs button:hover,
.afs-book-tabs button:focus-visible { border-color: var(--afs-book-accent); color: var(--afs-book-ink); }
.afs-book-tabs button:focus-visible { outline: 2px solid rgba(164,134,86,.38); outline-offset: 2px; }
.afs-book-tabs button.is-active { border-color: var(--afs-book-ink); color: #fff; background: var(--afs-book-ink); }

.afs-book-inline {
	--afs-book-fill-enabled: 0;
	--afs-book-fill: 100;
	position: relative;
	display: block;
	width: 100%;
	aspect-ratio: 17 / 11;
	margin-inline: auto;
	min-height: 0;
	overflow: hidden;
	border-radius: 0;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	user-select: none;
}
.afs-book-host,
.afs-book-host .stf__parent,
.afs-book-host .stf__wrapper,
.afs-book-host .stf__block,
.afs-book-host .stf__item,
.afs-book-page,
.afs-book-media {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	user-select: none;
}
.afs-book-host { width: 100%; height: 100%; max-width: none; margin: 0; }
.afs-book-host.is-static { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.afs-book-host.is-static.is-single { grid-template-columns: minmax(0, 1fr); }
.afs-book-host.is-static > .afs-book-page { width: 100%; height: 100%; }

.afs-book-media { position: absolute; inset: 0; overflow: hidden; background: #fff; }
.afs-book-media img {
	position: absolute;
	display: block;
	max-width: none;
	pointer-events: none;
	-webkit-touch-callout: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	user-select: none;
}
.afs-book-media.is-full img { inset: 0; width: 100%; height: 100%; object-fit: contain; }
.afs-book-media.is-left img,
.afs-book-media.is-right img { top: 0; width: 200%; height: 100%; object-fit: fill; }
.afs-book-media.is-left img { left: 0; }
.afs-book-media.is-right img { left: -100%; }
.afs-book-page { position: relative; width: 100%; height: 100%; overflow: hidden; background: #fff; }
.afs-book-page.is-blank { background: transparent; }

@media (max-width: 700px) {
	.afs-book-tabs { justify-content: flex-start; }
	.afs-book-inline { aspect-ratio: 8.5 / 11; }
}

@media (min-width: 701px) and (orientation: portrait) {
	.afs-book-inline { aspect-ratio: 8.5 / 11; }
}
