/* Theme wrappers for the Store and Private Drop contexts only. */
.bl-banaslap-store {
	min-width: 0;
}

.bl-banaslap-main--store {
	padding-block-start: 0;
}

.bl-banaslap-store__intro {
	width: min(100%, var(--bl-container-reading));
	margin-inline: auto;
	padding-block: var(--bl-space-7) var(--bl-space-4);
}

.bl-banaslap-store__content {
	min-width: 0;
}

.bl-banaslap-store__content > :where(p, ul, ol, h2, h3, h4, blockquote) {
	width: min(100%, var(--bl-container-reading));
	margin-inline: auto;
}

.bl-banaslap-store__content > :first-child {
	margin-block-start: 0;
}

.bl-banaslap-store__content > :last-child {
	margin-block-end: 0;
}

.bl-banaslap-context-private-drop .bl-banaslap-store__intro {
	padding-block: 0;
}

/*
 * The Store's light appearance uses a single white page canvas. Scope the
 * shell treatment to the public Store context so other light pages keep their
 * configured theme surfaces.
 */
body.banaslap-appearance-light.banaslap-studio-context-store {
	--bl-page-bg: #fff;
	--bl-surface: #fff;
	--bl-surface-elevated: #fff;
	--bl-surface-hover: #f5f5f3;
	--bl-border-subtle: rgba(15, 15, 15, 0.06);
	--bl-shadow-soft: 0 12px 35px rgba(15, 15, 15, 0.04);
	--bl-color-bg: var(--bl-page-bg);
	--bl-color-bg-soft: var(--bl-surface);
	--bl-color-bg-subtle: var(--bl-surface);
	--bl-color-surface: var(--bl-surface);
	--bl-color-surface-raised: var(--bl-surface-elevated);
	--bl-color-surface-hover: var(--bl-surface-hover);
	--bl-color-border: var(--bl-border-subtle);
	background: var(--bl-page-bg);
}

body.banaslap-appearance-light.banaslap-studio-context-store :where(
	.bl-site,
	.bl-site-main,
	.bl-banaslap-main--store,
	.bl-banaslap-store,
	.bl-banaslap-store__content
) {
	background: var(--bl-page-bg);
}

body.banaslap-appearance-light.banaslap-studio-context-store .bl-site-header {
	background: rgba(255, 255, 255, 0.94);
	box-shadow: 0 1px 0 var(--bl-border-subtle);
	-webkit-backdrop-filter: blur(16px) saturate(140%);
	backdrop-filter: blur(16px) saturate(140%);
}

body.banaslap-appearance-light.banaslap-studio-context-store .bl-site-footer {
	background: var(--bl-page-bg);
	box-shadow: 0 -1px 0 var(--bl-border-subtle);
}