/**
 * About Us page – mirrors sanatanabodh.com/about-us-1 (Wix Studio).
 *
 * Wix Studio sizes everything as a fraction of the viewport width
 * ("scaling factor"): 100vw on desktop, min(100vw, 700px) below 1024px.
 * --u is 1/1000 of that, so `calc(var(--u) * 11.0672)` reproduces
 * Wix's `0.0110672 * scaling-factor` exactly. Horizontal positions are the
 * same percentages Wix uses, so the layout matches at every width.
 */

.sba {
	--sf: 100vw;
	--u: calc(var(--sf) / 1000);

	--sba-bg: #fffdf7;
	--sba-tint: #f3efe0;
	--sba-brown: #4a2c2a;
	--sba-muted: #7d6a68;
	--sba-sand: #e5d9c1;
	--sba-saffron: #d97706;
	--sba-kicker: #d9762b;
	--sba-ink: #2b2420;
	--sba-gold: #fde68a;

	--sba-display: "Playfair Display", serif;
	--sba-serif: "Libre Caslon Text", serif;
	--sba-mf-text: "Wix Madefor Text", sans-serif;
	--sba-mf-display: "Wix Madefor Display", sans-serif;

	--sba-radius: calc(var(--u) * 6.3241);
	--sba-shadow: 0 2px 8px 0 rgba(0, 0, 0, .25);

	background: var(--sba-bg);
	color: var(--sba-brown);
	font-family: var(--sba-serif);
	line-height: 1.3;
	overflow-x: clip;
}

/* Reset theme defaults inside the page. */
.sba :where(h1, h2, h3, h4, h5, h6, p, ul, figure, blockquote) { margin: 0; }
.sba :where(h1, h2, h3, h4, h5, h6) {
	font-family: var(--sba-display);
	font-weight: 400;
	color: var(--sba-brown);
}
.sba :where(img) { display: block; max-width: none; }

/* Content never wider than 1920px (Wix max container width). */
.sba > section {
	padding-left: max(0px, calc((100% - 1920px) / 2));
	padding-right: max(0px, calc((100% - 1920px) / 2));
}

/* Shared pieces */
.sba-h {
	font-size: calc(var(--u) * 25.2964);
	line-height: 1.1;
	letter-spacing: 0;
}
.sba-copy {
	font-family: var(--sba-serif);
	font-size: calc(var(--u) * 11.0672);
	line-height: 1.3;
	color: var(--sba-muted);
}
.sba-copy--ls { letter-spacing: .01em; }

.sba-media { position: relative; overflow: hidden; }
.sba-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.sba-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	font-family: var(--sba-serif);
	font-size: calc(var(--u) * 9.4862);
	line-height: 1.2;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
.sba-btn--order {
	width: calc(var(--u) * 108.07);
	height: calc(var(--u) * 31.09);
	background: var(--sba-saffron);
	color: var(--sba-bg);
	letter-spacing: .05em;
	border-radius: var(--sba-radius);
}
.sba-btn--order:hover,
.sba-btn--order:focus-visible { background: #b45f04; color: var(--sba-bg); }
.sba-btn--outline {
	width: calc(var(--u) * 156.18);
	height: calc(var(--u) * 32.57);
	border: 1px solid var(--sba-saffron);
	background: var(--sba-bg);
	color: var(--sba-brown);
	letter-spacing: .1em;
	line-height: 1.3;
}
.sba-btn--outline:hover,
.sba-btn--outline:focus-visible { background: var(--sba-saffron); color: var(--sba-bg); }

/* ---------- Hero ---------- */
.sba-hero {
	background: var(--sba-tint);
	text-align: center;
	padding-top: calc(var(--u) * 42.4704);
	padding-bottom: calc(var(--u) * 62.4803);
}
.sba-hero__lang {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: .38%;
	font-family: var(--sba-serif);
	font-size: calc(var(--u) * 10.9375);
	line-height: 1.3;
	font-weight: 700;
	letter-spacing: .05em;
	margin-bottom: calc(var(--u) * 5.83);
}
.sba-hero__lang a { color: var(--sba-brown); text-decoration: underline; text-underline-offset: auto; text-decoration-thickness: auto; }
.sba-hero__lang a:first-child { justify-self: end; }
.sba-hero__lang a:last-child { justify-self: start; }
.sba-hero__lang a:hover { color: var(--sba-saffron); }
.sba-hero__title {
	width: 41.94%;
	margin: 0 auto calc(var(--u) * 18.3399);
	font-family: var(--sba-display);
	font-size: calc(var(--u) * 37.9447);
	line-height: 1;
}
.sba-hero__tagline {
	width: 29.12%;
	margin: 0 auto;
	font-family: var(--sba-serif);
	font-size: calc(var(--u) * 11.0672);
	line-height: 1.3;
	letter-spacing: .2em;
	text-transform: uppercase;
}

/* ---------- हमारी जड़ें ---------- */
.sba-roots {
	display: grid;
	grid-template-columns: 46.94% 9.385% 35.49% 1.86% 1fr;
	grid-template-rows: auto auto 1fr;
	align-items: start;
}
.sba-roots__media {
	grid-column: 1;
	grid-row: 1 / 4;
	aspect-ratio: 634 / 490;
	margin: calc(var(--u) * 34.7628) 0 calc(var(--u) * 32.8755);
}
.sba-roots__title {
	grid-column: 3 / 5;
	grid-row: 1;
	margin: calc(var(--u) * 34.7628) 0 calc(var(--u) * 18.7846);
}
.sba-roots__text {
	grid-column: 3;
	grid-row: 2;
	margin-bottom: calc(var(--u) * 32.0257);
}

/* ---------- हमारी दृष्टि ---------- */
.sba-vision {
	display: grid;
	grid-template-columns: 6.0029% 34% 7.1103% 50% 1fr;
	grid-template-rows: auto auto 1fr;
	align-items: start;
}
.sba-vision__title {
	grid-column: 2;
	grid-row: 1;
	max-width: 88.24%;
	font-size: calc(var(--u) * 25.2964);
	margin: calc(var(--u) * 63.2016) 0 calc(var(--u) * 23.5771);
}
.sba-vision__text {
	grid-column: 2;
	grid-row: 2;
	margin-bottom: calc(var(--u) * 46.4526);
}
.sba-vision__media {
	grid-column: 4;
	grid-row: 1 / 4;
	aspect-ratio: 676 / 427;
	margin: calc(var(--u) * 80.4545) 0 calc(var(--u) * 46.4526);
}

/* ---------- हमारा ध्येय ---------- */
.sba-mission {
	display: grid;
	grid-template-columns: 6.0029% 34% 7.1893% 50% 1fr;
	grid-template-rows: auto auto auto 1fr;
	align-items: start;
}
.sba-mission__title {
	grid-column: 2;
	grid-row: 1;
	max-width: 88.24%;
	margin: calc(var(--u) * 63.004) 0 calc(var(--u) * 23.5079);
}
.sba-mission__text {
	grid-column: 2;
	grid-row: 2;
	margin-bottom: calc(var(--u) * 15.6521);
}
.sba-mission__list {
	grid-column: 2;
	grid-row: 3;
	list-style: disc;
	margin: 0 0 calc(var(--u) * 117.0554) .5em;
	padding: 0 0 0 1.3em;
}
.sba-mission__list li { margin: 0; padding: 0; }
.sba-mission__list li::marker { color: var(--sba-muted); }
.sba-mission__media {
	grid-column: 4;
	grid-row: 1 / 5;
	aspect-ratio: 676 / 427;
	margin: calc(var(--u) * 63.004) 0 calc(var(--u) * 77.1442);
}

/* ---------- हमारी मूल संस्था ---------- */
.sba-parent {
	background: var(--sba-tint);
	display: grid;
	grid-template-columns: 6.3241% 41.78% 3.7934% 41.78% 1fr;
	grid-template-rows: auto auto auto 1fr;
	align-items: start;
}
.sba-parent__media {
	grid-column: 2;
	grid-row: 1 / 5;
	aspect-ratio: 564 / 529;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .05);
	margin: calc(var(--u) * 64.5357) 0 calc(var(--u) * 62.1145);
}
.sba-parent__kicker {
	grid-column: 4;
	grid-row: 1;
	margin: calc(var(--u) * 62.9941) 0 calc(var(--u) * 12.5594);
	font-family: var(--sba-serif);
	font-size: calc(var(--u) * 11.0672);
	line-height: 1.2;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--sba-kicker);
}
.sba-parent__title {
	grid-column: 4;
	grid-row: 2;
	margin-bottom: calc(var(--u) * 25.1581);
}
.sba-parent__text {
	grid-column: 4;
	grid-row: 3;
	margin-bottom: calc(var(--u) * 80.4643);
	font-family: var(--sba-serif);
	font-size: calc(var(--u) * 11.0672);
	line-height: 1.6;
	color: var(--sba-ink);
}

/* ---------- सनातन श्रृंखला (WooCommerce) ---------- */
.sba-series {
	text-align: center;
	padding-top: calc(var(--u) * 40.71);
	padding-bottom: calc(var(--u) * 39.23);
}
.sba-series__title {
	width: 65.5%;
	margin: 0 auto calc(var(--u) * 18.5);
	text-transform: capitalize;
}
.sba-series__intro {
	width: 43.67%;
	margin: 0 auto calc(var(--u) * 24.43);
	font-family: var(--sba-serif);
	font-size: calc(var(--u) * 12.5);
	line-height: 1.3;
	letter-spacing: .01em;
	color: var(--sba-brown);
}
.sba-series__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	column-gap: 2.919%; /* 2.554% of the section */
	row-gap: calc(var(--u) * 30);
	align-items: start;
	margin: 0 6.29% 0 6.2176%;
}
.sba-book {
	display: flex;
	flex-direction: column;
	align-items: center;
	box-sizing: border-box;
	border: 1px solid var(--sba-saffron);
	border-radius: var(--sba-radius);
	background: var(--sba-bg);
	padding: calc(var(--u) * 19.245) 0 calc(var(--u) * 21.5);
}
.sba-book__media {
	display: block;
	width: 76.15%;
	aspect-ratio: 281 / 375;
	overflow: hidden;
	box-shadow: var(--sba-shadow);
}
.sba-book__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.sba-book__title {
	width: 90%;
	margin-top: calc(var(--u) * 9.62);
	font-family: var(--sba-display);
	font-size: calc(var(--u) * 14.2292);
	line-height: 1.2;
	letter-spacing: .02em;
	color: var(--sba-brown);
}
.sba-book__text {
	width: 67.1%;
	margin-top: calc(var(--u) * 9.62);
	font-family: var(--sba-serif);
	font-size: calc(var(--u) * 11.0672);
	line-height: 1.3;
	color: var(--sba-brown);
}
.sba-book .sba-btn--order { margin-top: calc(var(--u) * 20.7); }
.sba-series__more { margin-top: calc(var(--u) * 42.19); }
.sba-series__notice {
	margin: 0 6.25%;
	padding: 24px;
	border: 1px dashed var(--sba-saffron);
	font-family: var(--sba-serif);
	font-size: 15px;
}

/* ---------- What Makes Our Books Different ---------- */
.sba-why {
	text-align: center;
	padding-top: calc(var(--u) * 31.83);
	padding-bottom: calc(var(--u) * 48.11);
}
.sba-why__title {
	width: 60.7%;
	margin: 0 auto calc(var(--u) * 40.71);
}
.sba-why__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	column-gap: 3.593%; /* 3.146% of the section */
	align-items: start;
	margin: 0 6.2176%;
}
.sba-why__card {
	display: flex;
	flex-direction: column;
	align-items: center;
	box-sizing: border-box;
	border: 1px solid var(--sba-saffron);
	border-radius: var(--sba-radius);
	background: var(--sba-bg);
	box-shadow: var(--sba-shadow);
	padding: calc(var(--u) * 25.17) 0;
}
.sba-why__card img {
	width: calc(var(--u) * 50.33);
	height: calc(var(--u) * 50.33);
	object-fit: cover;
	border-radius: var(--sba-radius);
}
.sba-why__card h5 {
	width: 85%;
	margin-top: calc(var(--u) * 19.25);
	font-size: calc(var(--u) * 18.9723);
	line-height: 1.2;
}
.sba-why__card p {
	width: 81.15%;
	margin-top: calc(var(--u) * 12.58);
	font-family: var(--sba-serif);
	font-size: calc(var(--u) * 12.5);
	line-height: 1.3;
	color: var(--sba-muted);
}

/* ---------- Stats ---------- */
.sba-stats {
	display: grid;
	grid-template-columns: 2.887% repeat(3, minmax(0, 1fr)) 2.887%;
	background: var(--sba-tint);
	border-top: 1px solid var(--sba-sand);
	border-bottom: 1px solid var(--sba-sand);
	padding-top: calc(var(--u) * 62.84 - 1px);
	padding-bottom: calc(var(--u) * 63.66 - 1px);
	text-align: center;
}
.sba-stats__item { position: relative; }
.sba-stats__item:nth-child(1) { grid-column: 2; }
.sba-stats__item:nth-child(2) { grid-column: 3; }
.sba-stats__item:nth-child(3) { grid-column: 4; }
.sba-stats__item + .sba-stats__item::before {
	content: "";
	position: absolute;
	left: 0;
	top: calc(var(--u) * 2.96);
	width: 1px;
	height: calc(var(--u) * 37.75);
	background: var(--sba-sand);
}
.sba-stats h6 {
	font-family: var(--sba-mf-display);
	font-size: calc(var(--u) * 18.75);
	line-height: 1.2;
	letter-spacing: .05em;
}
.sba-stats p {
	margin-top: calc(var(--u) * 28.87);
	font-family: var(--sba-mf-text);
	font-size: calc(var(--u) * 10.9375);
	line-height: 1.3;
	color: var(--sba-brown);
}

/* ---------- What our readers say ---------- */
.sba-reviews {
	background: var(--sba-tint);
	text-align: center;
	padding-top: calc(var(--u) * 46.63);
	padding-bottom: calc(var(--u) * 62.92);
}
.sba-reviews__title {
	width: 78%;
	margin: 0 auto calc(var(--u) * 34.79);
}
.sba-reviews__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	column-gap: 3.612%; /* 3.183% of the section */
	align-items: start;
	margin: 0 5.69% 0 6.2176%;
}
.sba-review {
	box-sizing: border-box;
	background: var(--sba-bg);
	box-shadow: var(--sba-shadow);
	padding: calc(var(--u) * 25.17) 9.24% calc(var(--u) * 25.9);
}
.sba-review__stars {
	font-family: var(--sba-mf-text);
	font-size: calc(var(--u) * 10.9375);
	line-height: 1.3;
	color: var(--sba-gold);
	letter-spacing: 0;
}
.sba-review blockquote { margin-top: calc(var(--u) * 12.58); }
.sba-review blockquote p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: calc(var(--u) * 9.4862);
	line-height: 1.6;
	color: var(--sba-muted);
}
.sba-review figcaption span { display: block; }
.sba-review__name {
	margin-top: calc(var(--u) * 25.9);
	font-family: var(--sba-mf-display);
	font-size: calc(var(--u) * 18.75);
	line-height: 1.2;
	color: var(--sba-brown);
}
.sba-review__role {
	margin-top: calc(var(--u) * 5.92);
	font-family: var(--sba-mf-text);
	font-size: calc(var(--u) * 10.9375);
	line-height: 1.3;
	color: var(--sba-sand);
}

/* =========================================================
   Tablet & mobile (Wix breakpoint: below 1024px)
   ========================================================= */
@media (max-width: 1023px) {
	.sba { --sf: min(100vw, 700px); --sba-radius: calc(var(--u) * 20.5128); }

	.sba-btn { font-size: calc(var(--u) * 30.7692); }
	.sba-btn--order { width: calc(var(--u) * 351.28); height: calc(var(--u) * 102.56); }
	.sba-btn--outline { width: calc(var(--u) * 507.69); height: calc(var(--u) * 105.13); }

	.sba-h { font-size: calc(var(--u) * 66.6667); }
	.sba-copy { font-size: calc(var(--u) * 35.8974); }

	/* Single column, 87.69% wide, centred – like Wix */
	.sba-roots,
	.sba-vision,
	.sba-mission,
	.sba-parent {
		grid-template-columns: 6.1538% 87.6923% 1fr;
		grid-template-rows: none;
	}
	.sba-roots > *,
	.sba-vision > *,
	.sba-mission > *,
	.sba-parent > * { grid-column: 2; grid-row: auto; max-width: none; }

	/* Hero */
	.sba-hero { padding-top: calc(var(--u) * 215.5333); padding-bottom: calc(var(--u) * 138); }
	.sba-hero__lang { font-size: calc(var(--u) * 35.8974); margin-bottom: calc(var(--u) * 30.7666); column-gap: 1.03%; }
	.sba-hero__title { width: 87.69%; font-size: calc(var(--u) * 71.7949); margin-bottom: calc(var(--u) * 30.8); }
	.sba-hero__tagline { width: 87.69%; font-size: calc(var(--u) * 35.8974); }

	/* हमारी जड़ें */
	.sba-roots__media { order: 1; aspect-ratio: 342 / 264; margin: calc(var(--u) * 112.3717) 0 0; }
	.sba-roots__title { order: 2; font-size: calc(var(--u) * 61.5385); margin: calc(var(--u) * 102.5641) 0 0; }
	.sba-roots__text { order: 3; margin: calc(var(--u) * 30.7692) 0 calc(var(--u) * 112.3717); }

	/* हमारी दृष्टि */
	.sba-vision__media { order: 1; justify-self: start; width: 100%; margin: calc(var(--u) * 85.0334) 0 calc(var(--u) * 59.2333) calc(-0.82 / 87.69 * 100%); }
	.sba-vision__title { order: 2; margin: 0 0 calc(var(--u) * 30.8); }
	.sba-vision__text { order: 3; margin-bottom: calc(var(--u) * 165.2); }

	/* हमारा ध्येय */
	.sba-mission__media { order: 1; justify-self: start; width: 100%; margin: calc(var(--u) * 71.9333) 0 calc(var(--u) * 59.6) calc(0.8225 / 87.69 * 100%); }
	.sba-mission__title { order: 2; margin: 0 0 calc(var(--u) * 30.8); }
	.sba-mission__text { order: 3; margin-bottom: calc(var(--u) * 30.7666); }
	.sba-mission__list { order: 4; margin-bottom: calc(var(--u) * 64.9334); }

	/* हमारी मूल संस्था */
	.sba-parent__kicker { order: 1; font-size: calc(var(--u) * 41.0256); margin: calc(var(--u) * 97.3) 0 calc(var(--u) * 30.8); }
	.sba-parent__title { order: 2; margin-bottom: calc(var(--u) * 30.8); }
	.sba-parent__text { order: 3; font-size: calc(var(--u) * 35.8974); margin-bottom: calc(var(--u) * 82.2); }
	.sba-parent__media { order: 4; aspect-ratio: 342 / 300; margin: 0 0 calc(var(--u) * 144.1667); }

	/* सनातन श्रृंखला */
	.sba-series { padding-top: calc(var(--u) * 133.33); padding-bottom: calc(var(--u) * 133.33); }
	.sba-series__title { width: 87.69%; font-size: calc(var(--u) * 61.5385); margin-bottom: calc(var(--u) * 30.77); }
	.sba-series__intro { width: 87.69%; font-size: calc(var(--u) * 41.0256); margin-bottom: calc(var(--u) * 102.56); }
	.sba-series__grid { grid-template-columns: minmax(0, 1fr); row-gap: calc(var(--u) * 61.54); margin: 0 6.1538%; }
	.sba-book { padding: calc(var(--u) * 61.54) 0; }
	.sba-book__media { width: 86.47%; aspect-ratio: 294 / 300; }
	.sba-book__title { margin-top: calc(var(--u) * 102.56); font-size: calc(var(--u) * 41.0256); }
	.sba-book__text { width: 85.96%; margin-top: calc(var(--u) * 30.77); font-size: calc(var(--u) * 35.8974); }
	.sba-book .sba-btn--order { margin-top: calc(var(--u) * 82.05); }
	.sba-series__more { margin-top: calc(var(--u) * 82.05); }

	/* Why */
	.sba-why { padding-top: calc(var(--u) * 102.56); padding-bottom: calc(var(--u) * 102.56); }
	.sba-why__title { width: 87.69%; font-size: calc(var(--u) * 61.5385); margin-bottom: calc(var(--u) * 102.56); }
	.sba-why__grid { grid-template-columns: minmax(0, 1fr); row-gap: calc(var(--u) * 64.1); margin: 0 6.1538%; }
	.sba-why__card { padding: calc(var(--u) * 61.54) 0; }
	.sba-why__card img { width: calc(var(--u) * 164.1); height: calc(var(--u) * 164.1); }
	.sba-why__card h5 { margin-top: calc(var(--u) * 61.54); font-size: calc(var(--u) * 51.282); }
	.sba-why__card p { width: 85.96%; margin-top: calc(var(--u) * 30.77); font-size: calc(var(--u) * 41.0256); }

	/* Stats */
	.sba-stats { grid-template-columns: 6.1538% 87.6923% 1fr; padding-top: calc(var(--u) * 171.8 - 1px); padding-bottom: calc(var(--u) * 138.5 - 1px); }
	.sba-stats__item:nth-child(n) { grid-column: 2; }
	.sba-stats__item + .sba-stats__item { margin-top: calc(var(--u) * 102.56); }
	.sba-stats__item + .sba-stats__item::before { display: none; }
	.sba-stats h6 { font-size: calc(var(--u) * 51.282); }
	.sba-stats p { margin-top: calc(var(--u) * 30.77); font-size: calc(var(--u) * 35.8974); }

	/* Reviews */
	.sba-reviews { padding-top: calc(var(--u) * 148.72); padding-bottom: calc(var(--u) * 151.28); }
	.sba-reviews__title { width: 87.69%; font-size: calc(var(--u) * 61.5385); margin-bottom: calc(var(--u) * 105.13); }
	.sba-reviews__grid { grid-template-columns: minmax(0, 1fr); row-gap: calc(var(--u) * 61.54); margin: 0 6.1538%; }
	.sba-review { padding: calc(var(--u) * 61.54) 7.02%; }
	.sba-review__stars { font-size: calc(var(--u) * 35.8974); }
	.sba-review blockquote { margin-top: calc(var(--u) * 30.77); }
	.sba-review blockquote p { font-size: calc(var(--u) * 30.7692); }
	.sba-review__name { margin-top: calc(var(--u) * 102.56); font-size: calc(var(--u) * 51.282); }
	.sba-review__role { margin-top: calc(var(--u) * 30.77); font-size: calc(var(--u) * 35.8974); }
}

/* =========================================================
   Entrance animations – same effects, timings and easing as the
   Wix page (FadeIn / FloatIn 60px / RevealIn), played once when
   15% of the element is visible (assets/js/about.js).
   ========================================================= */
.sba-js .sba [data-sba-anim] { visibility: hidden; }
.sba-js .sba [data-sba-anim].is-in {
	visibility: visible;
	animation-duration: var(--sba-t, 1000ms);
	animation-delay: var(--sba-d, 0ms);
	animation-timing-function: cubic-bezier(.445, .05, .55, .95);
	animation-fill-mode: backwards;
}
.sba-js .sba [data-sba-anim="fade"].is-in { animation-name: sba-fade-in; }
.sba-js .sba [data-sba-anim="float"].is-in { animation-name: sba-float-in; }
.sba-js .sba [data-sba-anim^="reveal"].is-in { animation-timing-function: cubic-bezier(.645, .045, .355, 1); }
.sba-js .sba [data-sba-anim="reveal-left"].is-in { animation-name: sba-reveal-left; }
.sba-js .sba [data-sba-anim="reveal-right"].is-in { animation-name: sba-reveal-right; }

@keyframes sba-fade-in {
	from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes sba-float-in {
	from { opacity: 0; transform: translate(0, 60px); }
	to { opacity: 1; transform: translate(0, 0); }
}
@keyframes sba-reveal-left {
	from { clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); }
	to { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }
}
@keyframes sba-reveal-right {
	from { clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%); }
	to { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }
}

/* =========================================================
   Hover & focus interactions
   ========================================================= */
.sba-media img,
.sba-book__media img {
	transition: transform 1.2s cubic-bezier(.215, .61, .355, 1);
	will-change: transform;
}
.sba-media:hover img { transform: scale(1.04); }

.sba-book,
.sba-why__card,
.sba-review {
	transition: transform .45s cubic-bezier(.215, .61, .355, 1), box-shadow .45s ease, border-color .45s ease;
}
.sba-book:hover,
.sba-book:focus-within {
	transform: translateY(-6px);
	box-shadow: 0 14px 30px -12px rgba(74, 44, 42, .28);
}
.sba-book:hover .sba-book__media img,
.sba-book:focus-within .sba-book__media img { transform: scale(1.05); }
.sba-book__title { transition: color .3s ease; }
.sba-book:hover .sba-book__title { color: var(--sba-saffron); }

.sba-why__card:hover {
	transform: translateY(-6px);
	box-shadow: 0 16px 30px -10px rgba(74, 44, 42, .3);
}
.sba-why__card img { transition: transform .6s cubic-bezier(.215, .61, .355, 1); }
.sba-why__card:hover img { transform: scale(1.08); }

.sba-review:hover {
	transform: translateY(-6px);
	box-shadow: 0 16px 30px -10px rgba(0, 0, 0, .25);
}

.sba-btn { transition: background-color .3s ease, color .3s ease, border-color .3s ease, transform .3s ease, box-shadow .3s ease; }
.sba-btn--order:hover,
.sba-btn--order:focus-visible {
	transform: translateY(-2px);
	box-shadow: 0 8px 18px -8px rgba(217, 119, 6, .7);
}
.sba-btn--outline:hover,
.sba-btn--outline:focus-visible { transform: translateY(-2px); }

.sba-hero__lang a { transition: color .3s ease; }

/* Touch screens: no hover lift (avoids "sticky" hover after a tap). */
@media (hover: none) {
	.sba-book:hover, .sba-why__card:hover, .sba-review:hover,
	.sba-btn:hover { transform: none; }
	.sba-media:hover img, .sba-book:hover .sba-book__media img, .sba-why__card:hover img { transform: none; }
}

@media (prefers-reduced-motion: reduce) {
	.sba *, .sba *::before, .sba *::after { transition: none !important; animation: none !important; }
	.sba [data-sba-anim] { visibility: visible !important; }
}