/* Peptides Calculator — header-aligned width; height follows #calculator content */

body.page-id-1620,
body.page-slug-peptides-calculator,
body.peptides-calculator {
	background: var(--wp--preset--color--body-background, #fdf6f2);
	overflow-x: clip;
}

/*
 * Header splash dots (.wp-block-header::before / top-splash.svg) sit in the header
 * stacking context. Mobile sets body .wp-block-header { z-index: 100 !important },
 * which would paint the splash over the calculator — override that here.
 */
body.peptides-calculator .wp-block-header,
body.peptides-calculator.page .wp-block-header,
body.page-slug-peptides-calculator .wp-block-header {
	z-index: auto !important;
}

body.peptides-calculator .wp-block-header::before,
body.peptides-calculator.page .wp-block-header::before,
body.page-slug-peptides-calculator .wp-block-header::before {
	z-index: -1 !important;
	pointer-events: none !important;
}

/* Keep logo / nav / icons above the splash and usable on mobile */
body.peptides-calculator .wp-block-header > .wp-block-group,
body.peptides-calculator .wp-block-header .wp-block-group:not(.wp-top-float-splash),
body.peptides-calculator .wp-block-header .wp-block-header-right,
body.peptides-calculator .wp-block-header .wp-block-site-logo-wrapper {
	position: relative;
	z-index: 120;
}

.sophia-peptides-calculator-main,
.sophia-peptides-calculator-main > .wp-block-post-content,
.sophia-peptides-calculator-main .entry-content,
.sophia-peptides-calculator-main .alignfull {
	max-width: none !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Calculator card above the decorative splash dots (desktop + mobile) */
body.peptides-calculator .sophia-peptides-calculator-main,
body.page-slug-peptides-calculator .sophia-peptides-calculator-main {
	position: relative;
	z-index: 5;
	isolation: isolate;
	background: var(--wp--preset--color--body-background, #fdf6f2);
}

.sophia-peptides-calculator-host {
	box-sizing: border-box;
	position: relative;
	z-index: 5;
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0 var(--wp--preset--spacing--42, min(2.625rem, 6.5vw));
	background: var(--wp--preset--color--body-background, #fdf6f2);
	line-height: 0;
	overflow: hidden;
}

.sophia-peptides-calculator-frame {
	display: block;
	position: relative;
	z-index: 5;
	width: 100%;
	min-height: 1200px;
	border: 0;
	background: var(--wp--preset--color--body-background, #fdf6f2);
	vertical-align: top;
	overflow: hidden !important;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.sophia-peptides-calculator-frame::-webkit-scrollbar {
	display: none;
	width: 0;
	height: 0;
}

@media screen and (max-width: 74.9375em) {
	body.peptides-calculator .wp-block-header,
	body.peptides-calculator.page .wp-block-header,
	body.page-slug-peptides-calculator .wp-block-header {
		z-index: auto !important;
	}

	body.peptides-calculator .wp-block-header::before,
	body.peptides-calculator.page .wp-block-header::before,
	body.page-slug-peptides-calculator .wp-block-header::before {
		z-index: -1 !important;
		pointer-events: none !important;
	}

	body.peptides-calculator .sophia-peptides-calculator-main,
	body.peptides-calculator .sophia-peptides-calculator-host,
	body.peptides-calculator .sophia-peptides-calculator-frame {
		position: relative;
		z-index: 5;
	}

	.sophia-peptides-calculator-host {
		padding-left: clamp(0.75rem, 3vw, 1.25rem);
		padding-right: clamp(0.75rem, 3vw, 1.25rem);
	}
}