:root {
			--bg: #0a0b0f;
			--fg: #f4f6fb;
			--mu: #8b93a7;
			--sf: #161922;
			--ac: #3b82f6;
			--af: #f8fbff;
			--bd: #2a3042;
			--sale: #f43f5e;
		}

		* {
			box-sizing: border-box;
			margin: 0;
			padding: 0
		}

		html,
		body {
			overflow-x: hidden
		}

		img,
		svg {
			max-width: 100%;
			display: block
		}

		img {
			height: auto;
			object-fit: contain;
			background: transparent
		}

		button,
		input,
		select {
			font: inherit;
			color: inherit
		}

		a {
			color: inherit;
			text-decoration: none
		}

		a:hover:not(.cta-main):not(.cta-more):not(.cta):not(.sticky-buy) {
			color: var(--ac)
		}

		body {
			background: var(--bg);
			color: var(--fg);
			line-height: 1.5
		}

		[contenteditable=true] {
			cursor: text;
			outline: none;
			border-radius: 6px
		}

		[contenteditable=true]:hover {
			box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--ac) 50%, transparent)
		}

		[contenteditable=true]:focus {
			box-shadow: inset 0 0 0 2px var(--ac);
			background: color-mix(in oklab, var(--sf) 70%, var(--ac) 8%)
		}

		.ph {
			background: color-mix(in oklab, var(--sf) 70%, var(--bd));
			min-height: 120px
		}

		.sticky-buy {
			position: fixed;
			left: 0;
			right: 0;
			bottom: 0;
			z-index: 30;
			display: none;
			padding: 12px 16px 16px;
			background: var(--fg);
			color: var(--bg);
			text-align: center;
			font-weight: 800
		}

		.g-pill {
			display: inline-flex;
			align-items: center;
			gap: 6px;
			padding: 6px 12px;
			border-radius: 999px;
			background: color-mix(in oklab, var(--sf) 80%, var(--bd));
			border: 1px solid var(--bd);
			font-size: 12px;
			font-weight: 600;
			margin: 0 0 12px
		}

		.g-pill::before {
			content: "✓";
			font-weight: 800
		}

		.hi {
			color: var(--ac);
			font-weight: 800
		}

		h1 {
			font-weight: 800;
			letter-spacing: -.035em
		}

		.price {
			display: flex;
			flex-wrap: wrap;
			gap: 10px 12px;
			align-items: baseline
		}

		.price .old,
		.price s {
			color: var(--mu);
			text-decoration: line-through;
			font-weight: 500
		}

		.price .new,
		.price b {
			font-weight: 800;
			font-size: clamp(2.05rem, 4.4vw, 2.9rem);
			letter-spacing: -.04em;
			line-height: 1;
			color: var(--fg)
		}

		.save-chip {
			display: inline-flex;
			align-items: center;
			padding: 5px 10px;
			border-radius: 999px;
			background: color-mix(in oklab, #22c55e 18%, var(--sf));
			color: #15803d;
			font-size: 12px;
			font-weight: 700
		}

		.trust-checks {
			display: flex;
			flex-wrap: wrap;
			gap: 8px 16px;
			margin: 6px 0 0;
			font-size: 13px;
			color: var(--mu)
		}

		.trust-checks span {
			display: inline-flex;
			align-items: center;
			gap: 6px
		}

		.trust-checks span::before {
			content: "✓";
			color: #4ade80;
			font-weight: 800
		}

		.order-form {
			position: relative;
			overflow: hidden;
			display: grid;
			gap: 12px;
			padding: 20px 18px 18px;
			border-radius: 18px;
			background: var(--sf);
			border: 2px solid color-mix(in oklab, var(--ac) 58%, var(--bd));
			box-shadow:
				0 0 0 6px color-mix(in oklab, var(--ac) 12%, transparent),
				0 22px 48px color-mix(in oklab, var(--ac) 22%, transparent);
		}

		.order-form>* {
			min-width: 0
		}

		.order-form .order-head,
		.order-form label,
		.order-form .packs,
		.order-form button,
		.order-form .trust-mini,
		.order-form .after-cta {
			grid-column: 1 / -1
		}

		.order-form::before {
			content: "";
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			height: 5px;
			background: linear-gradient(90deg, var(--ac), var(--sale));
		}

		.order-head {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			align-items: center;
			gap: 8px 14px;
			margin: 6px 0 4px;
			padding: 4px 0 12px;
			border-bottom: 1px solid var(--bd)
		}

		.order-head span {
			font-size: 11px;
			letter-spacing: .12em;
			text-transform: uppercase;
			color: var(--mu);
			font-weight: 700;
			max-width: 60%
		}

		.order-head b {
			font-size: clamp(1.2rem, 4.2vw, 1.55rem);
			font-weight: 800;
			letter-spacing: -.04em;
			color: var(--ac);
			line-height: 1;
			white-space: nowrap
		}

		.offer-bar {
			display: flex;
			flex-wrap: wrap;
			gap: 8px;
			margin: 0 0 10px
		}

		.offer-bar span {
			display: inline-flex;
			padding: 6px 10px;
			border: 1px solid var(--bd);
			border-radius: 999px;
			font-size: 12px;
			font-weight: 600
		}

		.after-cta {
			margin: 4px 0 0;
			font-size: 12px;
			line-height: 1.45;
			color: var(--mu);
			text-align: center
		}

		.promo-bar {
			display: flex;
			flex-wrap: wrap;
			gap: 8px 14px;
			align-items: center;
			justify-content: center;
			padding: 8px 16px;
			background: var(--fg);
			color: var(--bg);
			font-size: 13px;
			font-weight: 700
		}

		.promo-bar b {
			font-weight: 800
		}

		.hdr-contact {
			display: inline-flex;
			gap: 10px;
			align-items: center;
			font-size: 12px;
			font-weight: 700;
			margin-right: 10px
		}

		.hdr-contact a {
			white-space: nowrap
		}

		.top-r {
			display: flex;
			align-items: center;
			gap: 8px;
			flex-shrink: 0
		}

		.order-form label {
			display: grid;
			gap: 6px;
			font-weight: 600;
			font-size: 13px
		}

		.order-form input,
		.order-form select {
			width: 100%;
			margin: 0;
			padding: 12px 12px;
			border-radius: 10px;
			border: 1px solid var(--bd);
			background: var(--bg);
			color: var(--fg);
		}

		.order-form input[aria-invalid="true"] {
			border-color: var(--sale);
			box-shadow: 0 0 0 3px color-mix(in oklab, var(--sale) 28%, transparent);
		}

		.phone-err {
			display: block;
			margin-top: 6px;
			font-size: 12px;
			font-weight: 700;
			color: var(--sale);
			line-height: 1.4
		}

		.phone-err[hidden] {
			display: none
		}

		.order-form button[type=submit],
		.sticky-buy {
			font-weight: 800;
			letter-spacing: -.01em;
			font-size: 1.08rem;
			min-height: 52px;
			width: 100%;
			margin-top: 4px;
			padding: 16px;
			border: 0;
			border-radius: 14px;
			background: var(--ac);
			color: var(--af);
			box-shadow: 0 12px 28px color-mix(in oklab, var(--ac) 38%, transparent);
		}

		.ti {
			width: 40px;
			height: 40px;
			border-radius: 12px;
			display: grid;
			place-items: center;
			margin-bottom: 10px
		}

		.ti svg {
			width: 20px;
			height: 20px;
			margin: 0
		}

		.t0 {
			background: color-mix(in oklab, #3b82f6 22%, transparent);
			color: #60a5fa
		}

		.t1 {
			background: color-mix(in oklab, #22c55e 22%, transparent);
			color: #4ade80
		}

		.t2 {
			background: color-mix(in oklab, #eab308 22%, transparent);
			color: #facc15
		}

		.t3 {
			background: color-mix(in oklab, #a855f7 22%, transparent);
			color: #c084fc
		}

		.trust-card svg {
			width: 20px;
			height: 20px;
			margin: 0;
			color: inherit
		}

		.thumbs button.is-on,
		.rail button.is-on {
			box-shadow: 0 0 0 2px var(--ac);
			border-color: var(--ac)
		}

		.post-check {
			margin: 8px 0 0;
			font-size: 12px;
			color: var(--mu)
		}

		.trust-mini {
			display: flex;
			flex-wrap: wrap;
			gap: 8px 14px;
			margin-top: 12px;
			padding-top: 12px;
			border-top: 1px dashed var(--bd);
			font-size: 12px;
			color: var(--mu)
		}

		.trust-mini span {
			transition: color .2s ease;
			font-weight: 600
		}

		.trust-mini span:hover {
			color: var(--ac)
		}

		.trust-mini span::before {
			content: "✓";
			display: inline;
			color: #22c55e;
			font-weight: 800;
			margin-right: 6px
		}

		.trust-strip {
			display: grid;
			grid-template-columns: repeat(4, 1fr);
			gap: 10px;
			padding: 16px 20px 28px;
			max-width: 1180px;
			margin: 0 auto
		}

		.trust-card {
			background: var(--sf);
			border: 1px solid var(--bd);
			padding: 16px 14px;
			border-radius: 16px;
			transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease
		}

		.trust-card b {
			display: block;
			font-size: 14px;
			margin: 0 0 4px;
			line-height: 1.25
		}

		.trust-card span {
			font-size: 12px;
			color: var(--mu)
		}

		.trust-card:hover {
			transform: translateY(-4px);
			border-color: color-mix(in oklab, var(--ac) 45%, var(--bd));
			box-shadow: 0 16px 36px color-mix(in oklab, var(--ac) 22%, transparent)
		}

		.rev-foot {
			display: flex;
			align-items: center;
			gap: 12px;
			margin-top: 12px
		}

		.rev-foot b {
			display: block;
			font-size: 14px;
			line-height: 1.2
		}

		.rev-foot span {
			display: block;
			font-size: 12px;
			color: var(--mu);
			margin-top: 2px;
			white-space: nowrap
		}

		.rev-ava {
			width: 34px;
			height: 34px;
			border-radius: 99px;
			display: grid;
			place-items: center;
			font-size: 10px;
			font-weight: 700;
			letter-spacing: .04em;
			flex-shrink: 0;
			border: 1.5px solid transparent
		}

		.rev-ava.c0 {
			background: color-mix(in oklab, #3b82f6 18%, var(--sf));
			color: #4d8ef0;
			border-color: color-mix(in oklab, #3b82f6 45%, transparent)
		}

		.rev-ava.c1 {
			background: color-mix(in oklab, #8b5cf6 18%, var(--sf));
			color: #9b7ef0;
			border-color: color-mix(in oklab, #8b5cf6 45%, transparent)
		}

		.rev-ava.c2 {
			background: color-mix(in oklab, #22c55e 18%, var(--sf));
			color: #3db86a;
			border-color: color-mix(in oklab, #22c55e 45%, transparent)
		}

		.rev-ava.c3 {
			background: color-mix(in oklab, #f43f5e 18%, var(--sf));
			color: #e05670;
			border-color: color-mix(in oklab, #f43f5e 45%, transparent)
		}

		.rev-ava.c4 {
			background: color-mix(in oklab, #f59e0b 18%, var(--sf));
			color: #d49a20;
			border-color: color-mix(in oklab, #f59e0b 45%, transparent)
		}

		.rev-msg {
			display: block
		}

		article.rev.rev-bubble {
			display: flex;
			gap: 10px;
			align-items: flex-end;
			background: transparent;
			border: 0;
			padding: 6px 0;
			box-shadow: none
		}

		article.rev.rev-bubble .rev-msg {
			background: var(--sf);
			border: 1px solid var(--bd);
			border-radius: 16px 16px 16px 4px;
			padding: 10px 12px;
			max-width: 90%
		}

		article.rev.rev-bubble .rev-msg b {
			display: block;
			font-size: 13px;
			margin-bottom: 2px
		}

		article.rev.rev-bubble .rev-msg span {
			display: block;
			margin-top: 6px;
			font-size: 11px;
			color: var(--mu)
		}

		article.rev.rev-bubble:nth-child(even) {
			flex-direction: row-reverse
		}

		article.rev.rev-bubble:nth-child(even) .rev-msg {
			border-radius: 16px 16px 4px 16px
		}

		article.rev.rev-quote {
			background: transparent;
			border: 0;
			border-left: 3px solid var(--ac);
			border-radius: 0;
			padding: 6px 0 8px 16px;
			box-shadow: none
		}

		article.rev.rev-quote p {
			font-size: 1.12rem;
			line-height: 1.45;
			font-weight: 500;
			margin: 0
		}

		article.rev.rev-quote cite {
			display: block;
			margin-top: 10px;
			color: var(--mu);
			font-style: normal;
			font-size: 13px
		}

		article.rev.rev-step {
			display: grid;
			grid-template-columns: 3.2rem 1fr;
			gap: 12px;
			background: transparent;
			border: 0;
			border-bottom: 1px solid var(--bd);
			border-radius: 0;
			padding: 16px 0;
			box-shadow: none
		}

		article.rev.rev-step .rev-n {
			font-size: 1.55rem;
			font-weight: 800;
			letter-spacing: -.06em;
			color: var(--ac);
			line-height: 1
		}

		article.rev.rev-row {
			display: grid;
			gap: 6px;
			padding: 12px 14px;
			border-radius: 10px
		}

		article.rev.rev-row p {
			margin: 0;
			font-size: .95rem
		}

		article.rev.rev-row b {
			font-size: 12px;
			color: var(--mu);
			font-weight: 600
		}

		article.rev.rev-split {
			display: grid;
			grid-template-columns: 1fr 1.2fr;
			gap: 0;
			padding: 0;
			overflow: hidden;
			border-radius: 14px
		}

		article.rev.rev-split .rev-was {
			padding: 14px;
			background: color-mix(in oklab, var(--sf) 70%, var(--bd));
			color: var(--mu);
			font-size: 13px;
			line-height: 1.45
		}

		article.rev.rev-split .rev-now {
			padding: 14px
		}

		article.rev.rev-split .rev-now b {
			display: block;
			margin-top: 8px;
			font-size: 12px;
			color: var(--mu)
		}

		article.rev.rev-letter {
			background: transparent;
			border: 0;
			border-top: 1px solid var(--bd);
			border-radius: 0;
			padding: 22px 2px;
			box-shadow: none
		}

		article.rev.rev-letter .rev-date {
			display: block;
			font-size: 11px;
			letter-spacing: .14em;
			text-transform: uppercase;
			color: var(--mu);
			margin-bottom: 8px
		}

		article.rev.rev-letter p {
			font-size: 1.05rem;
			line-height: 1.65;
			margin: 0
		}

		article.rev.rev-letter b {
			display: block;
			margin-top: 12px;
			font-weight: 600
		}

		article.rev.rev-shot {
			display: grid;
			grid-template-columns: 72px 1fr;
			gap: 12px;
			align-items: start;
			padding: 12px
		}

		article.rev.rev-shot img {
			width: 72px;
			height: 72px;
			object-fit: contain;
			border-radius: 10px;
			background: var(--sf)
		}

		article.rev.rev-tik {
			display: grid;
			grid-template-columns: 36px 1fr auto;
			gap: 10px;
			align-items: start;
			background: transparent;
			border: 0;
			border-bottom: 1px solid var(--bd);
			border-radius: 0;
			padding: 12px 0;
			box-shadow: none
		}

		article.rev.rev-tik .rev-like {
			font-size: 11px;
			color: var(--mu);
			text-align: center;
			line-height: 1.2
		}

		article.rev.rev-card {
			display: flex;
			flex-direction: column;
			height: auto;
			align-self: start
		}

		article.rev.rev-card p {
			margin: 0;
			line-height: 1.5
		}

		.tpl-classic .revs {
			display: grid;
			grid-template-columns: repeat(3, minmax(0, 1fr));
			gap: 14px;
			align-items: start
		}

		.tpl-cinema .revs {
			display: grid;
			grid-template-columns: 1fr;
			gap: 22px;
			max-width: 640px
		}

		.tpl-reel .revs {
			display: grid;
			grid-template-columns: 1fr;
			gap: 10px
		}

		.tpl-chem .revs {
			display: grid;
			grid-template-columns: 1fr;
			gap: 0
		}

		.tpl-serum .revs {
			display: grid;
			grid-template-columns: 1fr;
			gap: 10px
		}

		.tpl-hook .revs,
		.tpl-ugc .revs,
		.tpl-demo .revs,
		.tpl-care .revs {
			display: grid;
			gap: 6px;
			grid-template-columns: 1fr
		}

		.tpl-offer .revs,
		.tpl-kit .revs {
			display: grid;
			gap: 8px
		}

		.tpl-compare .revs {
			display: grid;
			gap: 10px
		}

		@media(max-width:800px) {
			.tpl-classic .revs {
				grid-template-columns: 1fr
			}

			article.rev.rev-split {
				grid-template-columns: 1fr
			}

			article.rev.rev-shot {
				grid-template-columns: 56px 1fr
			}
		}

		.stars {
			color: var(--sale);
			letter-spacing: 1px
		}

		.rate-line {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			gap: 8px;
			margin: 4px 0 12px;
			font-size: 13px;
			color: var(--mu);
			line-height: 1.3
		}

		.rate-line .stars {
			color: var(--sale);
			letter-spacing: 1px;
			font-size: 12px
		}

		.swipe-dots {
			display: none;
			gap: 6px;
			justify-content: center;
			margin: 10px 0 0
		}

		.swipe-dots i {
			width: 6px;
			height: 6px;
			border-radius: 99px;
			background: var(--bd);
			display: block
		}

		.swipe-dots i.is-on {
			background: var(--ac);
			width: 16px
		}

		@media(max-width:800px) {
			.trust-strip {
				grid-template-columns: 1fr 1fr;
				padding: 12px 16px 8px
			}

			.swipe-dots {
				display: flex
			}

			.sticky-buy {
				display: block
			}
		}

		.tpl-split .trust-strip,
		.tpl-onescreen .trust-strip,
		.tpl-editorial .trust-strip {
			grid-template-columns: 1fr 1fr;
			padding: 16px 0
		}

		.hit-stack {
			position: absolute;
			top: 12px;
			left: 12px;
			z-index: 6;
			display: grid;
			gap: 6px;
			pointer-events: none
		}

		.hit-off {
			display: inline-flex;
			padding: 5px 9px;
			background: var(--sale);
			color: #fff;
			font-size: 11px;
			font-weight: 700;
			letter-spacing: .04em;
			box-shadow: 0 8px 18px color-mix(in oklab, var(--sale) 40%, transparent)
		}

		.hit-hot {
			display: inline-flex;
			align-items: center;
			padding: 5px 9px;
			background: color-mix(in oklab, var(--bg) 70%, transparent);
			border: 1px solid var(--bd);
			color: var(--fg);
			font-size: 11px;
			font-weight: 600
		}

		.hero-cta {
			display: flex;
			flex-wrap: wrap;
			gap: 10px;
			margin: 16px 0 12px
		}

		.cta-main {
			flex: 1 1 200px;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			gap: 8px;
			padding: 16px 24px;
			background: var(--ac);
			color: var(--af);
			font-weight: 800;
			font-size: 1.05rem;
			letter-spacing: -.01em;
			text-decoration: none;
			border-radius: 14px;
			min-width: 0;
			box-shadow: 0 10px 28px color-mix(in oklab, var(--ac) 38%, transparent)
		}

		.cta-more {
			flex: 0 1 160px;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			padding: 16px 20px;
			border: 1px solid var(--bd);
			border-radius: 14px;
			background: var(--sf);
			color: var(--fg);
			font-weight: 600
		}

		.order-form button[type=submit],
		.cta,
		.sticky-buy,
		.cta-main,
		.cta-more {
			transition: transform .2s ease, box-shadow .2s ease, filter .2s ease, border-color .2s ease
		}

		.order-form button[type=submit]:hover,
		.cta:hover,
		.sticky-buy:hover,
		.cta-main:hover,
		.sr-btn:hover {
			transform: translateY(-2px);
			box-shadow: 0 14px 32px color-mix(in oklab, var(--ac) 42%, transparent);
			filter: brightness(1.06);
			color: var(--af) !important
		}

		.cta-more:hover {
			border-color: var(--ac);
			transform: translateY(-2px)
		}

		.order-form input,
		.order-form select {
			transition: border-color .2s ease, box-shadow .2s ease
		}

		.order-form input:hover,
		.order-form select:hover {
			border-color: color-mix(in oklab, var(--ac) 55%, var(--bd))
		}

		.order-form input:focus,
		.order-form select:focus {
			border-color: var(--ac);
			box-shadow: 0 0 0 3px color-mix(in oklab, var(--ac) 28%, transparent)
		}

		.thumbs button,
		.rail button {
			transition: transform .2s ease, outline .2s ease, border-color .2s ease, box-shadow .2s ease
		}

		.thumbs button:hover,
		.rail button:hover {
			transform: translateY(-3px);
			box-shadow: 0 8px 18px color-mix(in oklab, var(--ac) 28%, transparent)
		}

		.thumbs button.is-on,
		.rail button.is-on,
		.thumbs button:hover {
			outline: 2px solid var(--ac);
			outline-offset: 2px
		}

		.hero-photo img,
		.feat img,
		.main img,
		.vis img,
		.gallery img,
		.card img,
		.look img,
		.ch img,
		.obj img {
			transition: transform .5s cubic-bezier(.4, 0, .2, 1), filter .35s ease;
		}

		.stock-meter {
			position: relative;
			display: grid;
			grid-template-columns: auto 1fr auto;
			gap: 8px 10px;
			align-items: center;
			padding: 12px 14px 16px;
			border: 1px solid var(--bd);
			border-radius: 16px;
			background: var(--sf);
			font-size: 13px;
			margin: 12px 0
		}

		.stock-meter span:nth-child(2) {
			color: var(--mu)
		}

		.stock-meter b {
			color: var(--sale);
			font-size: 13px
		}

		.stock-meter i {
			grid-column: 1/-1;
			height: 6px;
			border-radius: 99px;
			background: linear-gradient(90deg, var(--sale), var(--ac));
			display: block
		}

		.pulse-dot {
			width: 8px;
			height: 8px;
			border-radius: 99px;
			background: #ef4444;
			box-shadow: 0 0 0 0 rgba(239, 68, 68, .6);
			animation: pulse 1.6s infinite
		}

		@keyframes pulse {
			0% {
				box-shadow: 0 0 0 0 rgba(239, 68, 68, .55)
			}

			70% {
				box-shadow: 0 0 0 8px rgba(239, 68, 68, 0)
			}

			100% {
				box-shadow: 0 0 0 0 rgba(239, 68, 68, 0)
			}
		}

		.offer-bar {
			display: flex;
			flex-wrap: wrap;
			gap: 8px;
			margin: 0 0 12px
		}

		.offer-bar span {
			padding: 5px 10px;
			border-radius: 999px;
			border: 1px solid var(--bd);
			font-size: 12px;
			font-weight: 600
		}

		.legal {
			display: flex;
			flex-wrap: wrap;
			gap: 12px 16px;
			font-size: 12px;
			color: var(--mu)
		}

		.site-foot {
			display: block;
			border-top: 1px solid var(--bd);
			padding: 36px 20px 88px;
			background: color-mix(in oklab, var(--sf) 62%, var(--bg));
			letter-spacing: normal
		}

		.site-foot .foot-in {
			max-width: 1100px;
			margin: 0 auto;
			display: grid;
			grid-template-columns: 1.35fr 1fr 1fr 1fr;
			gap: 28px 32px
		}

		.foot-brand {
			display: grid;
			gap: 10px;
			align-content: start
		}

		.foot-brand-row {
			display: flex;
			align-items: center;
			gap: 10px
		}

		.foot-mark {
			width: 36px;
			height: 36px;
			border-radius: 10px;
			background: var(--ac);
			color: var(--af);
			display: grid;
			place-items: center;
			font-weight: 800;
			font-size: 15px;
			flex-shrink: 0
		}

		.foot-brand b {
			font-size: 1.05rem
		}

		.foot-brand p {
			color: var(--mu);
			font-size: 13px;
			line-height: 1.5;
			max-width: 38ch;
			margin: 0
		}

		.foot-col {
			display: grid;
			gap: 8px;
			align-content: start
		}

		.foot-col b {
			font-size: 13px;
			margin-bottom: 2px
		}

		.foot-col a,
		.foot-col span {
			color: var(--mu);
			font-size: 13px;
			line-height: 1.45
		}

		.foot-col a:hover {
			color: var(--fg)
		}

		@media(max-width:800px) {
			.site-foot {
				padding: 28px 16px 88px
			}

			.site-foot .foot-in {
				grid-template-columns: 1fr 1fr;
				gap: 22px 18px
			}

			.foot-brand {
				grid-column: 1/-1
			}
		}

		.faqs {
			display: grid;
			gap: 8px
		}

		.faq {
			border: 1px solid var(--bd);
			border-radius: 12px;
			padding: 12px 14px;
			background: var(--sf)
		}

		.faq summary {
			cursor: pointer;
			font-weight: 600;
			list-style: none
		}

		.faq summary::-webkit-details-marker {
			display: none
		}

		.faq summary::before {
			content: "▸";
			display: inline-block;
			margin-right: 8px;
			color: var(--ac);
			transition: transform .2s ease
		}

		.faq[open] summary::before {
			transform: rotate(90deg)
		}

		.faq-a {
			margin-top: 8px;
			color: var(--mu);
			font-size: 14px;
			line-height: 1.55
		}

		.thanks {
			padding: 20px;
			background: var(--sf);
			border: 1px solid var(--bd);
			border-radius: 16px
		}

		.live-toast {
			position: fixed;
			left: 16px;
			bottom: 72px;
			z-index: 40;
			background: var(--fg);
			color: var(--bg);
			padding: 10px 14px;
			border-radius: 12px;
			font-size: 13px;
			box-shadow: 0 12px 28px rgba(0, 0, 0, .2);
			pointer-events: none
		}

		.lb {
			position: fixed;
			inset: 0;
			z-index: 80;
			background: rgba(0, 0, 0, .78);
			place-items: center;
			padding: 24px;
			display: none !important;
			pointer-events: none !important
		}

		.lb.is-open {
			display: grid !important;
			pointer-events: auto !important
		}

		.lb[hidden] {
			display: none !important;
			pointer-events: none !important
		}

		.lb img {
			max-width: min(920px, 92vw);
			max-height: 88vh;
			object-fit: contain;
			cursor: zoom-out
		}

		.lb button {
			position: absolute;
			top: 16px;
			right: 16px;
			background: transparent;
			border: 0;
			color: #fff;
			font-size: 14px;
			cursor: pointer
		}

		img[data-pi],
		[data-hero-img],
		.gcell img,
		.gallery img,
		.hero-photo img,
		.chem-slider img,
		.chem-card img,
		.chem-rev-pics img,
		.chem-op img,
		.hook-pic img,
		.ugc-pic img,
		.care-pic img,
		.cmp-pic img,
		.kit-cell img {
			cursor: zoom-in
		}

		.read-bar {
			position: fixed;
			top: 0;
			left: 0;
			height: 3px;
			width: 100%;
			background: var(--ac);
			transform-origin: 0 50%;
			transform: scaleX(0);
			z-index: 60;
			pointer-events: none
		}

		.gallery,
		.gcell {
			min-width: 0
		}

		.gcell img {
			width: 100%;
			height: auto
		}

		.stars {
			color: var(--sale);
			letter-spacing: 1px
		}

		.cta-main,
		.cta-more,
		.sticky-buy,
		.sr-btn,
		button,
		a,
		summary,
		label,
		[data-pack] {
			pointer-events: auto !important;
			cursor: pointer
		}

		a.cta-main,
		a.sr-btn,
		.sticky-buy,
		.order-form button {
			cursor: pointer
		}

		[contenteditable=true] a,
		[contenteditable=true] button {
			pointer-events: auto !important
		}

		body {
			color: var(--fg)
		}

		body {
			font-family: Manrope, sans-serif
		}

		.wrap {
			max-width: 1120px;
			margin: 0 auto;
			padding: 0 20px
		}

		header {
			position: sticky;
			top: 0;
			z-index: 20;
			background: color-mix(in oklab, var(--bg) 88%, transparent);
			backdrop-filter: blur(10px);
			border-bottom: 1px solid var(--bd)
		}

		header .wrap {
			display: flex;
			justify-content: space-between;
			align-items: center;
			height: 64px;
			gap: 12px
		}

		.brand {
			letter-spacing: .18em;
			text-transform: uppercase;
			font-size: 12px
		}

		.hero {
			display: grid;
			grid-template-columns: 1.05fr .95fr;
			gap: 40px;
			align-items: start;
			padding: 36px 0 20px
		}

		.hero>* {
			min-width: 0
		}

		h1 {
			font-size: clamp(1.9rem, 3.8vw, 3.05rem);
			line-height: 1.08;
			font-weight: 800;
			margin: 0 0 12px
		}

		.lead {
			color: var(--mu);
			line-height: 1.6;
			max-width: 52ch;
			margin: 0 0 18px
		}

		.price {
			margin: 8px 0 4px
		}

		.thumbs {
			display: flex;
			gap: 8px;
			margin-top: 12px
		}

		.thumbs button {
			padding: 0;
			border: 1px solid var(--bd);
			background: transparent;
			border-radius: 10px;
			overflow: hidden;
			width: 64px;
			height: 64px
		}

		.thumbs img {
			width: 100%;
			height: 100%;
			object-fit: contain
		}

		.hero-photo img,
		.hero-photo .ph {
			width: 100%;
			height: auto;
			max-height: min(64vh, 560px);
			object-fit: contain;
			border-radius: 20px;
			background: color-mix(in oklab, var(--sf) 80%, #fff)
		}

		.sec {
			padding: 36px 0
		}

		.sec h2 {
			font-size: clamp(1.5rem, 2.6vw, 2rem);
			font-weight: 800;
			margin: 0 0 18px;
			letter-spacing: -.03em
		}

		.why-grid {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			gap: 14px
		}

		.why-grid article {
			background: var(--sf);
			border: 1px solid var(--bd);
			border-radius: 18px;
			padding: 20px 18px
		}

		.why-grid h3 {
			margin: 0 0 8px;
			font-size: 1.05rem;
			font-weight: 800
		}

		.why-grid p {
			margin: 0;
			color: var(--mu);
			line-height: 1.55;
			font-size: 14px
		}

		.use,
		.kit,
		.order {
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 32px;
			align-items: center
		}

		.use img,
		.kit img,
		.order img,
		.use .ph,
		.kit .ph,
		.order .ph {
			width: 100%;
			height: auto;
			max-height: 420px;
			object-fit: contain;
			border-radius: 18px
		}

		.use p,
		.kit p {
			color: var(--mu);
			line-height: 1.6
		}

		.kit ul {
			margin: 12px 0 18px;
			padding: 0;
			list-style: none;
			display: grid;
			gap: 8px
		}

		.kit li {
			padding: 0 0 0 22px;
			position: relative
		}

		.kit li::before {
			content: "✓";
			position: absolute;
			left: 0;
			color: #4ade80;
			font-weight: 800
		}

		.data table {
			width: 100%;
			border-collapse: collapse;
			font-size: 15px
		}

		.data td {
			padding: 12px 8px;
			border-bottom: 1px solid var(--bd)
		}

		.data td:first-child {
			color: var(--mu);
			width: 42%
		}

		.data td:last-child {
			font-weight: 700
		}

		.model {
			color: var(--mu);
			margin: 0 0 16px
		}

		.revs {
			display: grid;
			grid-template-columns: repeat(3, minmax(0, 1fr));
			gap: 14px;
			align-items: start
		}

		.rev {
			background: var(--sf);
			border: 1px solid var(--bd);
			border-radius: 16px;
			padding: 18px;
			align-self: start
		}

		.rev-h {
			display: flex;
			justify-content: space-between;
			font-size: 13px;
			color: var(--mu)
		}

		.stars {
			color: var(--ac);
			margin: 8px 0;
			letter-spacing: 2px
		}

		.faq {
			border-top: 1px solid var(--bd)
		}

		.faq button {
			width: 100%;
			text-align: left;
			background: none;
			border: 0;
			color: var(--fg);
			padding: 16px 0;
			font-weight: 700
		}

		.faq-a {
			display: none;
			color: var(--mu);
			padding: 8px 0 16px;
			line-height: 1.55
		}

		.faq[open] .faq-a,
		.faq.open .faq-a {
			display: block
		}

		.order-form {
			display: grid;
			gap: 12px;
			background: var(--sf);
			border: 1px solid var(--bd);
			padding: 22px;
			border-radius: 20px
		}

		.order-form input,
		.order-form select {
			width: 100%;
			margin-top: 6px;
			padding: 12px 12px;
			border-radius: 10px;
			border: 1px solid var(--bd);
			background: var(--bg);
			color: var(--fg)
		}

		.order-form button {
			margin-top: 8px;
			padding: 16px;
			border: 0;
			border-radius: 14px;
			background: var(--ac);
			color: var(--af);
			font-weight: 800
		}

		footer {
			border-top: 1px solid var(--bd);
			padding: 28px 0 48px;
			color: var(--mu);
			font-size: 13px
		}

		.legal {
			display: flex;
			gap: 16px;
			flex-wrap: wrap;
			margin-top: 10px
		}

		.tpl-classic .trust-strip {
			padding-left: 0;
			padding-right: 0;
			max-width: none
		}

		@media(max-width:800px) {
			.wrap {
				padding: 0 16px
			}

			header .wrap {
				height: 52px
			}

			.brand {
				max-width: 58%;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap
			}

			.hero,
			.use,
			.kit,
			.order,
			.why-grid,
			.revs {
				grid-template-columns: 1fr;
				gap: 14px
			}

			.hero {
				padding: 16px 0 20px
			}

			h1 {
				font-size: clamp(1.7rem, 7vw, 2.2rem);
				margin: 0 0 10px
			}

			.lead {
				max-width: none;
				font-size: .95rem
			}

			.hero-cta {
				flex-direction: column
			}

			.cta-main,
			.cta-more {
				width: 100%;
				flex: none
			}

			.thumbs {
				overflow-x: auto;
				max-width: 100%;
				-webkit-overflow-scrolling: touch
			}

			.thumbs button {
				width: 56px;
				height: 56px;
				flex-shrink: 0
			}
		}


		body,
		button,
		input,
		select,
		.order-form,
		.lead,
		p,
		label {
			font-family: "Nunito", sans-serif !important
		}

		h1,
		h2,
		h3,
		.price .new,
		.order-head b {
			font-family: "Nunito", sans-serif !important
		}


		@media (prefers-reduced-motion: no-preference) {
			.is-motion h1 {
				animation: look-rise .7s cubic-bezier(.22, 1, .36, 1) both
			}

			.is-motion .lead,
			.is-motion .dek,
			.is-motion .col>p {
				animation: look-rise .7s .08s cubic-bezier(.22, 1, .36, 1) both
			}

			.is-motion img {
				transition: transform .9s cubic-bezier(.22, 1, .36, 1), opacity .2s ease
			}

			.is-motion img.is-swap {
				opacity: .35
			}

			.is-motion .hero-photo:hover img,
			.is-motion .vis:hover img,
			.is-motion .look .a:hover img,
			.is-motion .main:hover img {
				transform: scale(1.035)
			}

			.is-motion .faq-a {
				display: block;
				max-height: 0;
				overflow: hidden;
				opacity: 0;
				transition: max-height .35s ease, opacity .25s ease, padding .25s ease
			}

			.is-motion .faq[open] .faq-a,
			.is-motion .faq.open .faq-a,
			.is-motion .chem-faq[open] .faq-a,
			.is-motion details[open] .faq-a {
				max-height: none;
				opacity: 1;
				padding-top: 8px;
				overflow: visible
			}

			.is-motion .pack,
			.is-motion .order-form button,
			.is-motion .cta,
			.is-motion .card button {
				transition: transform .15s ease, background .15s ease, color .15s ease, border-color .15s ease
			}

			.is-motion .pack:active,
			.is-motion .order-form button:active,
			.is-motion .cta:active {
				transform: scale(.98)
			}

			.is-motion .rev,
			.is-motion .card,
			.is-motion .pack {
				transition: transform .25s ease, border-color .25s ease
			}

			.is-motion .rev:hover,
			.is-motion .card:hover {
				transform: translateY(-3px)
			}

			.is-motion .sticky-buy {
				transition: transform .2s ease
			}

			.is-motion .js-reveal {
				opacity: 1;
				transform: none
			}

			.is-motion .js-reveal.is-in {
				opacity: 1;
				transform: none
			}

			.is-motion .thumbs button,
			.is-motion .rail button {
				transition: border-color .2s ease, transform .2s ease
			}

			.is-motion .thumbs button.is-on,
			.is-motion .rail button.is-on {
				transform: scale(.94)
			}

			.is-motion .read-bar {
				transition: transform .08s linear
			}

			.is-motion .order-form input:focus,
			.is-motion .order-form select:focus {
				outline: 2px solid var(--ac);
				outline-offset: 2px
			}
		}

		@keyframes look-rise {
			from {
				opacity: 0;
				transform: translateY(14px)
			}

			to {
				opacity: 1;
				transform: none
			}
		}


		.is-rhythm .feat:first-of-type h2,
		.is-rhythm .ben>div:first-child h3 {
			font-size: clamp(1.7rem, 3vw, 2.3rem)
		}

		.is-rhythm .ben {
			gap: 28px
		}

		.is-rhythm .ben>div:first-child {
			padding-bottom: 18px;
			border-bottom: 1px solid var(--bd)
		}

		.is-rhythm .ben>div:not(:first-child) {
			display: grid;
			grid-template-columns: 2.4rem 1fr;
			gap: 10px;
			align-items: start
		}

		.is-rhythm .ben>div:nth-child(2)::before {
			content: "02";
			color: var(--mu);
			font-size: 12px;
			letter-spacing: .12em;
			padding-top: 4px
		}

		.is-rhythm .ben>div:nth-child(3)::before {
			content: "03";
			color: var(--mu);
			font-size: 12px;
			letter-spacing: .12em;
			padding-top: 4px
		}

		.is-rhythm .list li:first-child {
			font-size: 1.12rem;
			margin-bottom: 12px
		}

		.is-rhythm.tpl-classic .feat:nth-of-type(1) {
			padding-top: 64px
		}

		.is-rhythm.tpl-classic .feat:nth-of-type(2) img {
			height: min(42vh, 360px)
		}

		.is-rhythm.tpl-proof .revs {
			grid-template-columns: 1fr
		}

		@media(max-width:800px) {
			.is-rhythm .revs {
				grid-template-columns: 1fr
			}

			.is-rhythm .ben>div:not(:first-child) {
				grid-template-columns: 1fr
			}

			.is-rhythm .ben>div:not(:first-child)::before {
				display: none
			}
		}


		.is-photo-s {
			--photo-h-max: 280px
		}

		.is-photo-m {
			--photo-h-max: 520px
		}

		.is-photo-l {
			--photo-h-max: 860px
		}

		.hero-photo img,
		.hero-photo .ph,
		.feat img,
		.feat .ph,
		.stage img,
		.stage .ph,
		.ch img,
		.ch .ph,
		.vis img,
		.vis .ph,
		.main img,
		.main .ph,
		.photo img,
		.photo .ph,
		.cover img,
		.cover .ph,
		.bleed img,
		.bleed .ph,
		.obj img,
		.obj .ph,
		.pic img,
		.pic .ph,
		.desc img,
		.after img,
		.story img,
		.ba img,
		.hook-pic img,
		.step img,
		.offer-hero img,
		.cmp-pic img,
		.ugc-pic img,
		.care-pic img,
		.kit-hero img,
		.kit-cell img,
		.sr-photo img,
		.sr-ba img,
		.sr-how img,
		.sr-zones img,
		.chem-slider img,
		.chem-card img,
		.chem-spec img,
		.chem-op img,
		.chem-rev-pics img,
		[data-hero-img] {
			width: 100%;
			height: auto !important;
			min-height: 0 !important;
			max-height: var(--photo-h-max) !important;
			object-fit: contain !important;
			object-position: center;
			background: transparent !important;
		}

		.gallery {
			display: grid !important;
			grid-template-columns: 1fr 1fr !important;
			grid-auto-rows: auto !important;
			grid-template-rows: none !important;
			align-items: start !important;
			gap: 12px !important;
		}

		.gallery>img,
		.gallery>.ph {
			display: none !important;
		}

		.gcell {
			margin: 0 !important;
			min-width: 0 !important;
			max-width: 100% !important;
			overflow: hidden !important;
			grid-column: auto !important;
			grid-row: auto !important;
		}

		.gcell img,
		.gcell .ph {
			width: 100% !important;
			height: auto !important;
			max-height: var(--photo-h-max) !important;
			min-height: 0 !important;
			object-fit: contain !important;
			background: transparent !important;
			position: relative !important;
			inset: auto !important;
		}

		.stage img,
		.photo img {
			position: relative !important;
			inset: auto !important
		}

		.stage,
		.photo {
			min-height: 0 !important;
			height: auto !important;
			background: transparent
		}

		.thumbs img,
		.thumbs .ph,
		.rail img,
		.rail .ph,
		.lb img,
		.rev-ava {
			width: 56px !important;
			height: 56px !important;
			min-height: 0 !important;
			max-height: 56px !important;
			object-fit: contain !important;
			background: transparent !important
		}

		.lb img {
			width: auto !important;
			height: auto !important;
			max-width: min(1100px, 92vw) !important;
			max-height: 88vh !important;
			object-fit: contain !important;
			background: transparent !important
		}

		@media(min-width:801px) {
			.is-photo-s {
				--photo-h-max: 380px
			}

			.is-photo-m {
				--photo-h-max: 620px
			}

			.is-photo-l {
				--photo-h-max: 920px
			}
		}


		.is-cta-sharp .cta,
		.is-cta-sharp .cta-main,
		.is-cta-sharp .cta-more,
		.is-cta-sharp .sticky-buy,
		.is-cta-sharp .order-form button,
		.is-cta-sharp .pack,
		.is-cta-sharp .sr-btn,
		.is-cta-sharp .chem-cta {
			border-radius: 4px !important
		}

		.is-cta-soft .cta,
		.is-cta-soft .cta-main,
		.is-cta-soft .cta-more,
		.is-cta-soft .sticky-buy,
		.is-cta-soft .order-form button,
		.is-cta-soft .pack,
		.is-cta-soft .sr-btn,
		.is-cta-soft .chem-cta {
			border-radius: 14px !important
		}

		.is-cta-pill .cta,
		.is-cta-pill .cta-main,
		.is-cta-pill .cta-more,
		.is-cta-pill .sticky-buy,
		.is-cta-pill .order-form button,
		.is-cta-pill .pack,
		.is-cta-pill .sr-btn,
		.is-cta-pill .chem-cta {
			border-radius: 999px !important
		}

		.is-den-compact .sec,
		.is-den-compact .feat,
		.is-den-compact .block,
		.is-den-compact .sr-sec,
		.is-den-compact .chem-sec {
			padding-top: 16px;
			padding-bottom: 16px
		}

		.is-den-compact h1 {
			font-size: clamp(1.25rem, 5.2vw, 1.75rem) !important
		}

		.is-den-compact .order-form {
			padding: 12px 14px 14px
		}

		.is-den-compact .price .new,
		.is-den-compact .price b {
			font-size: clamp(1.6rem, 4vw, 2.1rem) !important
		}

		.is-den-airy .sec,
		.is-den-airy .feat,
		.is-den-airy .block,
		.is-den-airy .sr-sec,
		.is-den-airy .chem-sec {
			padding-top: 44px;
			padding-bottom: 44px
		}

		.is-den-airy h1 {
			letter-spacing: -.04em
		}

		.is-sh-flat .order-form,
		.is-sh-flat .rev,
		.is-sh-flat .faq,
		.is-sh-flat .pack,
		.is-sh-flat .cta-main {
			box-shadow: none !important
		}

		.is-sh-light .rev,
		.is-sh-light .faq,
		.is-sh-light .kit-cell {
			box-shadow: 0 8px 24px color-mix(in oklab, var(--fg) 8%, transparent)
		}

		.is-sh-vitrine .order-form {
			box-shadow: 0 0 0 6px color-mix(in oklab, var(--ac) 12%, transparent), 0 22px 48px color-mix(in oklab, var(--ac) 22%, transparent) !important
		}

		.is-sh-vitrine .rev,
		.is-sh-vitrine .faq {
			box-shadow: 0 16px 40px color-mix(in oklab, var(--fg) 12%, transparent)
		}

		.is-pcorn-sharp .hero-photo img,
		.hero-photo .ph,
		.feat img,
		.feat .ph,
		.stage img,
		.stage .ph,
		.ch img,
		.ch .ph,
		.vis img,
		.vis .ph,
		.main img,
		.main .ph,
		.photo img,
		.photo .ph,
		.cover img,
		.cover .ph,
		.bleed img,
		.bleed .ph,
		.obj img,
		.obj .ph,
		.pic img,
		.pic .ph,
		.desc img,
		.after img,
		.story img,
		.ba img,
		.hook-pic img,
		.step img,
		.offer-hero img,
		.cmp-pic img,
		.ugc-pic img,
		.care-pic img,
		.kit-hero img,
		.kit-cell img,
		.sr-photo img,
		.sr-ba img,
		.sr-how img,
		.sr-zones img,
		.chem-slider img,
		.chem-card img,
		.chem-spec img,
		.chem-op img,
		.chem-rev-pics img,
		[data-hero-img],
		.is-pcorn-sharp .gcell img,
		.is-pcorn-sharp .thumbs img,
		.is-pcorn-sharp .rail img,
		.is-pcorn-sharp .chem-thumbs img {
			border-radius: 0 !important
		}

		.is-pcorn-soft .hero-photo img,
		.hero-photo .ph,
		.feat img,
		.feat .ph,
		.stage img,
		.stage .ph,
		.ch img,
		.ch .ph,
		.vis img,
		.vis .ph,
		.main img,
		.main .ph,
		.photo img,
		.photo .ph,
		.cover img,
		.cover .ph,
		.bleed img,
		.bleed .ph,
		.obj img,
		.obj .ph,
		.pic img,
		.pic .ph,
		.desc img,
		.after img,
		.story img,
		.ba img,
		.hook-pic img,
		.step img,
		.offer-hero img,
		.cmp-pic img,
		.ugc-pic img,
		.care-pic img,
		.kit-hero img,
		.kit-cell img,
		.sr-photo img,
		.sr-ba img,
		.sr-how img,
		.sr-zones img,
		.chem-slider img,
		.chem-card img,
		.chem-spec img,
		.chem-op img,
		.chem-rev-pics img,
		[data-hero-img],
		.is-pcorn-soft .gcell img {
			border-radius: 12px !important
		}

		.is-pcorn-round .hero-photo img,
		.hero-photo .ph,
		.feat img,
		.feat .ph,
		.stage img,
		.stage .ph,
		.ch img,
		.ch .ph,
		.vis img,
		.vis .ph,
		.main img,
		.main .ph,
		.photo img,
		.photo .ph,
		.cover img,
		.cover .ph,
		.bleed img,
		.bleed .ph,
		.obj img,
		.obj .ph,
		.pic img,
		.pic .ph,
		.desc img,
		.after img,
		.story img,
		.ba img,
		.hook-pic img,
		.step img,
		.offer-hero img,
		.cmp-pic img,
		.ugc-pic img,
		.care-pic img,
		.kit-hero img,
		.kit-cell img,
		.sr-photo img,
		.sr-ba img,
		.sr-how img,
		.sr-zones img,
		.chem-slider img,
		.chem-card img,
		.chem-spec img,
		.chem-op img,
		.chem-rev-pics img,
		[data-hero-img],
		.is-pcorn-round .gcell img {
			border-radius: 16px !important
		}

		.is-pcorn-round .thumbs img,
		.is-pcorn-round .rail img,
		.is-pcorn-round .shots img,
		.is-pcorn-round .kit-cell img {
			border-radius: 999px !important
		}

		body.no-sticky .sticky-buy,
		body.no-sticky .chem-stick {
			display: none !important
		}

		body.no-toast .live-toast {
			display: none !important
		}

		body.is-tint-sale .cta-main,
		body.is-tint-sale .cta,
		body.is-tint-sale .order-form button[type=submit],
		body.is-tint-sale .sticky-buy,
		body.is-tint-sale .sr-btn,
		body.is-tint-sale .chem-cta,
		body.is-tint-sale .chem-stick a {
			background: var(--sale) !important;
			color: #fff !important;
			box-shadow: 0 10px 28px color-mix(in oklab, var(--sale) 38%, transparent) !important
		}

		body.is-tint-ink .cta-main,
		body.is-tint-ink .cta,
		body.is-tint-ink .order-form button[type=submit],
		body.is-tint-ink .sticky-buy,
		body.is-tint-ink .sr-btn,
		body.is-tint-ink .chem-cta,
		body.is-tint-ink .chem-stick a {
			background: #111 !important;
			color: #fff !important;
			box-shadow: 0 10px 28px rgba(0, 0, 0, .28) !important
		}

		body.is-tint-green .cta-main,
		body.is-tint-green .cta,
		body.is-tint-green .order-form button[type=submit],
		body.is-tint-green .sticky-buy,
		body.is-tint-green .sr-btn,
		body.is-tint-green .chem-cta,
		body.is-tint-green .chem-stick a {
			background: #22c55e !important;
			color: #fff !important;
			box-shadow: 0 10px 28px color-mix(in oklab, #22c55e 42%, transparent) !important
		}

		body.is-tint-sale .cta-main:hover,
		body.is-tint-sale .order-form button[type=submit]:hover,
		body.is-tint-sale .sticky-buy:hover,
		body.is-tint-sale .chem-cta:hover,
		body.is-tint-ink .cta-main:hover,
		body.is-tint-ink .order-form button[type=submit]:hover,
		body.is-tint-ink .sticky-buy:hover,
		body.is-tint-ink .chem-cta:hover,
		body.is-tint-green .cta-main:hover,
		body.is-tint-green .order-form button[type=submit]:hover,
		body.is-tint-green .sticky-buy:hover,
		body.is-tint-green .chem-cta:hover {
			color: #fff !important;
			filter: brightness(1.06)
		}

		.vat-chip {
			display: inline-flex;
			flex-direction: column;
			align-items: center;
			gap: 2px;
			margin: 10px 0 6px;
			padding: 8px 16px;
			border-radius: 10px;
			background: #ef4d2e;
			color: #fff;
			font-weight: 800;
			font-size: 12px;
			line-height: 1.25;
			text-align: center;
			letter-spacing: .01em
		}

		.vat-chip span {
			font-weight: 700
		}

		body.no-vat .vat-chip {
			display: none !important
		}

		body.no-faq #faq,
		body.no-faq .sec-faq {
			display: none !important
		}

		body.no-how .sec-how {
			display: none !important
		}

		body.no-kit .sec-kit {
			display: none !important
		}

		.stock-pulse {
			margin: 14px 0 4px;
			text-align: center;
			font-size: 15px;
			font-weight: 700;
			line-height: 1.45
		}

		.stock-pulse b {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			min-width: 1.6em;
			padding: 0 6px;
			margin: 0 4px;
			border: 2px solid var(--fg);
			border-radius: 6px;
			font-size: 16px;
			line-height: 1.4
		}

		.stock-pulse small {
			display: block;
			margin-top: 2px;
			font-size: 12px;
			font-weight: 500;
			color: var(--mu)
		}

		.stock-quiet {
			margin: 10px 0 0;
			font-size: 13px;
			color: var(--mu)
		}

		body.is-stock-quiet .stock-meter,
		body.is-stock-quiet .stock-pulse {
			display: none !important
		}

		body.is-stock-pulse .stock-meter,
		body.is-stock-pulse .stock-quiet {
			display: none !important
		}

		body.is-stock-meter .stock-pulse,
		body.is-stock-meter .stock-quiet {
			display: none !important
		}