/**
 * Hairchm banner LP — Hoegoa bottle palette + full-width slides.
 * Colors from product: olive #3d4d38, deep #2d3a2a, gold #c9a84c, sage #6b8f60
 */

:root {
	--hairchm-olive: #3d4d38;
	--hairchm-olive-deep: #2d3a2a;
	--hairchm-gold: #c9a84c;
	--hairchm-gold-light: #e8d5a3;
	--hairchm-sage: #6b8f60;
}

html.hairchm-banners-page,
body.hairchm-banners-page {
	background: var(--hairchm-olive) !important;
}

.hairchm-banners.tiktok-blm100 {
	background: var(--hairchm-olive);
	color: #fff;
	padding-bottom: 88px;
}

.hairchm-banners__slide img {
	display: block;
	width: 100%;
	height: auto;
	vertical-align: top;
}

.hairchm-banners .tiktok-blm100__banner {
	background: var(--hairchm-olive);
}

/* Checkout — same olive family as bottle label */
.hairchm-banners .tiktok-blm100__checkout-wrap {
	background: var(--hairchm-olive-deep);
	padding-top: 4px;
}

.hairchm-banners .tiktok-blm100__checkout {
	background: var(--hairchm-olive-deep);
	border: 1px solid hsl(0 0% 100% / 0.12);
	border-radius: 16px;
}

/* Checkout CTA image — wide rectangular, airy spacing */
.hairchm-banners .tiktok-blm100__product-img,
.hairchm-banners__checkout-cta {
	display: block;
	max-width: min(100%, 520px);
	width: 100%;
	height: auto;
	margin: 12px auto 18px;
	padding: 0 12px;
	background: transparent;
	object-fit: contain;
}

.hairchm-banners .store-lp-bundles__heading,
.hairchm-banners .tiktok-blm100__field label {
	color: rgba(255, 255, 255, 0.92);
}

.hairchm-banners .store-lp-bundle.is-active,
.hairchm-banners .store-lp-bundle.bundle-active {
	border-color: var(--hairchm-gold) !important;
	box-shadow: 0 0 0 1px var(--hairchm-gold);
}

.hairchm-banners .store-lp-bundle.is-active .store-lp-bundle__radio,
.hairchm-banners .store-lp-bundle.bundle-active .store-lp-bundle__radio {
	border-color: var(--hairchm-gold);
	background: var(--hairchm-gold);
}

.hairchm-banners .store-lp-bundle.is-active .store-lp-bundle__icon,
.hairchm-banners .store-lp-bundle.bundle-active .store-lp-bundle__icon {
	border-color: hsl(43 45% 54% / 0.35);
	background: hsl(43 45% 54% / 0.15);
	color: var(--hairchm-gold-light);
}

.hairchm-banners .tiktok-blm100__submit.tiktok-blm100__cta,
.hairchm-banners .tiktok-blm100__sticky-cta {
	background: linear-gradient(135deg, var(--hairchm-gold) 0%, #a88a3f 100%) !important;
	color: var(--hairchm-olive-deep) !important;
}

.hairchm-banners .tiktok-blm100__sticky {
	background: var(--hairchm-olive-deep) !important;
	border-top: 1px solid hsl(0 0% 100% / 0.1);
}

.hairchm-banners .store-lp-bundles__summary {
	color: var(--hairchm-gold-light) !important;
}

/* Safe icon sizing */
.hairchm-banners-page button svg,
.hairchm-banners .tiktok-blm100__cta svg {
	width: 18px !important;
	height: 18px !important;
	max-width: 18px !important;
	max-height: 18px !important;
	flex-shrink: 0;
}

.hairchm-banners .store-lp-bundle__icon svg {
	width: 20px !important;
	height: 20px !important;
	max-width: 20px !important;
	max-height: 20px !important;
}

.hairchm-banners .store-lp-bundle__radio svg {
	width: 12px !important;
	height: 12px !important;
	max-width: 12px !important;
	max-height: 12px !important;
}

.hairchm-banners .tiktok-blm100__sticky-name {
	font-size: 13px;
	line-height: 1.3;
}

.hairchm-banners img.emoji {
	display: none !important;
}