:root {
	--pine: #18482f;
	--pine-deep: #092b1c;
	--honey-light: #f2d794;
	--porcelain: #f3e9d3;
	--honey: #efb84e;
	--honey-deep: #c58b24;
	--ink: #23291e;
	--muted: #5e6a5c;
	--radius: 14px;
}

*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
	margin: 0;
	background: #e9e8df;
	color: var(--ink);
	font-family: 'Noto Sans Armenian', sans-serif;
	font-size: 17px;
	line-height: 1.55;
	-webkit-font-smoothing: antialiased;
}

img { display: block; max-width: 100%; height: auto; }

.wrap {
	max-width: 480px;
	margin: 0 auto;
	background: #fff;
	overflow: hidden;
	box-shadow: 0 0 40px rgba(0, 0, 0, .08);
}

/* ---------- hero ---------- */
.hero {
	background: var(--pine);
	color: #fff;
	padding: 18px 20px 26px;
	text-align: center;
}
.hero__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 18px;
}
.hero__logos { width: 104px; }
.hero__natural {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 0;
	font-size: 11px;
	font-weight: 800;
	text-align: right;
}
.hero__natural svg { width: 20px; flex: none; }
.hero__title {
	margin: 0;
	font-size: clamp(19px, 6vw, 25px);
	font-weight: 900;
	line-height: 1.25;
}
.hero__title span { display: block; color: var(--honey-light); font-size: clamp(15px, 4.6vw, 21px); white-space: nowrap; }

.visual { position: relative; }
.visual__tag {
	position: absolute;
	top: 0;
	right: 0;
	padding: 8px 18px 8px 26px;
	background: var(--honey);
	color: #fff;
	font-size: 22px;
	font-weight: 900;
	clip-path: polygon(14px 0, 100% 0, 100% 100%, 0 100%);
}
.visual__label {
	position: absolute;
	left: 0;
	bottom: 26px;
	margin: 0;
	padding: 4px 0 4px 18px;
	border-left: 10px solid var(--pine);
	color: var(--pine);
	font-size: 22px;
	font-weight: 900;
	line-height: 1.3;
}

.promo {
	background: var(--honey);
	color: #fff;
	text-align: center;
	font-size: 22px;
	font-weight: 900;
	padding: 10px 12px;
}
.promo b { margin-left: 10px; white-space: nowrap; }

.price {
	display: flex;
	align-items: center;
	justify-content: space-around;
	gap: 12px;
	background: var(--pine);
	color: #fff;
	padding: 10px 16px 12px;
	font-weight: 900;
}
.price s {
	font-size: 26px;
	opacity: .55;
	text-decoration-thickness: 2px;
	text-decoration-color: var(--honey);
}
.price strong { font-size: 36px; color: #fff; }
.price--light { background: none; color: var(--ink); padding: 4px 0 12px; justify-content: center; gap: 24px; }
.price--light s { color: var(--muted); opacity: .8; }
.price--light strong { color: var(--honey); }

/* ---------- timer + CTA ---------- */
.cta { padding: 30px 28px 34px; text-align: center; }
.cta__label {
	margin: 0 0 12px;
	color: #263725;
	font-weight: 700;
	font-size: 15px;
}
.timer {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: 8px;
}
.timer > div { display: flex; flex-direction: column; align-items: center; }
.timer span {
	min-width: 72px;
	padding: 8px 6px;
	border-radius: 10px;
	background: #182a1d;
	background: linear-gradient(180deg, #25412b, #0d2116);
	color: #fff;
	font-size: 38px;
	font-weight: 800;
	line-height: 1.1;
	font-variant-numeric: tabular-nums;
	box-shadow: inset 0 -2px 0 rgba(255, 255, 255, .06);
}
.timer small { margin-top: 4px; font-size: 11px; color: var(--muted); text-transform: uppercase; }
.timer i { font-style: normal; font-size: 34px; font-weight: 800; line-height: 1.5; color: #263725; }

.btn {
	display: block;
	width: 100%;
	margin: 26px 0 0;
	padding: 18px 12px;
	border: 0;
	border-radius: 12px;
	background: var(--honey);
	color: #fff;
	font: inherit;
	font-size: 20px;
	font-weight: 900;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	box-shadow: 0 6px 0 var(--honey-deep), 0 12px 24px rgba(202, 142, 32, .29);
	transition: transform .15s, box-shadow .15s;
	animation: pulse 2.4s ease-in-out infinite;
}
.btn:hover { transform: translateY(-2px); }
.btn:active { transform: translateY(4px); box-shadow: 0 2px 0 var(--honey-deep); }
.btn:focus-visible { outline: 3px solid var(--pine); outline-offset: 3px; }
.btn[disabled] { opacity: .7; cursor: wait; animation: none; }

@keyframes pulse {
	0%, 100% { scale: 1; }
	50% { scale: 1.03; }
}

/* ---------- sections ---------- */
.title {
	margin: 0 0 20px;
	color: var(--pine);
	font-size: 34px;
	font-weight: 900;
	line-height: 1.2;
	text-align: center;
}
.title--honey-light { color: var(--honey-light); margin-bottom: 6px; }
.title--left { text-align: left; font-size: 28px; }
.title--dark { color: #263725; font-size: 28px; }

.about { padding: 28px 24px 10px; }
.about p { margin: 0 0 18px; font-weight: 500; }
.checks { list-style: none; margin: 0 0 22px; padding: 0; }
.checks li {
	position: relative;
	margin: 0 0 12px;
	padding-left: 40px;
	font-weight: 700;
}
.checks li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 28px;
	height: 28px;
	background: #6d8e2d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12 4 4 8-8' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 18px no-repeat;
	clip-path: polygon(50% 0, 64% 10%, 82% 8%, 88% 26%, 100% 38%, 94% 55%, 100% 72%, 84% 82%, 80% 98%, 62% 94%, 50% 100%, 36% 92%, 18% 96%, 14% 78%, 0 66%, 8% 50%, 0 32%, 16% 22%, 20% 4%, 38% 8%);
}
.about__product { width: 82%; margin: 10px auto 0; }

.ingredients {
	background: var(--pine);
	padding: 34px 18px 30px;
	text-align: center;
}
.ingredients__lead { margin: 0 0 24px; color: #fff; font-weight: 800; font-size: 16px; }
.grid {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}
.grid li {
	display: flex;
	flex-direction: column;
	border-radius: var(--radius);
	overflow: hidden;
	background: var(--porcelain);
	box-shadow: 0 6px 18px rgba(0, 0, 0, .18);
	transition: transform .2s;
}
.grid li:hover { transform: translateY(-3px); }
.grid img { aspect-ratio: 520 / 322; object-fit: cover; width: 100%; }
.grid span {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 12px 6px;
	color: var(--ink);
	font-size: 11.5px;
	font-weight: 800;
	line-height: 1.3;
}

.usage { padding: 34px 24px 0; }
.usage .title { margin-bottom: 14px; padding-bottom: 16px; border-bottom: 3px solid var(--ink); }
.usage__text { margin: 0 0 8px; font-weight: 800; font-size: 15px; }
.usage img { margin: 0 -24px; max-width: calc(100% + 48px); width: calc(100% + 48px); }

.steps { padding: 34px 24px 16px; background: #f5f5ec; }
.steps ol { list-style: none; margin: 0; padding: 0; }
.steps li {
	display: flex;
	align-items: center;
	gap: 18px;
	padding: 16px 0;
	color: var(--pine);
}
.steps li + li { border-top: 1px dashed #d2d8c7; }
.steps svg { width: 58px; height: 58px; flex: none; fill: currentColor; }
.steps h3 { margin: 0 0 2px; font-size: 20px; font-weight: 900; }
.steps p { margin: 0; color: #263725; font-size: 13.5px; font-weight: 700; line-height: 1.4; }

/* ---------- order ---------- */
.order {
	padding: 30px 18px 40px;
	background: var(--pine) linear-gradient(180deg, var(--pine), var(--pine-deep));
	scroll-margin-top: 10px;
}
.order__card {
	position: relative;
	padding: 22px 22px 18px;
	border-radius: 20px;
	background: #fff;
	text-align: center;
	box-shadow: 0 18px 40px rgba(0, 0, 0, .25);
	overflow: hidden;
}
.visual__tag--static { border-top-right-radius: 20px; }
.order__product { width: 62%; margin: 6px auto 4px; }
.order__title { margin: 0 0 4px; color: var(--pine); font-size: 19px; font-weight: 900; line-height: 1.3; }
.order .timer span { min-width: 64px; font-size: 32px; }

.main-order-form { margin-top: 22px; text-align: left; }
.main-order-form label {
	display: block;
	margin: 14px 0 6px;
	color: #263725;
	font-size: 14px;
	font-weight: 800;
}
.main-order-form input {
	width: 100%;
	padding: 16px 18px;
	border: 2px solid #d2d9cc;
	border-radius: 12px;
	background: #fafbf5;
	color: var(--ink);
	font: inherit;
	font-size: 18px;
	outline: none;
	transition: border-color .15s, background .15s;
}
.main-order-form input:focus { border-color: var(--pine); background: #fff; }
.main-order-form input:user-invalid { border-color: var(--honey); }
.main-order-form .btn { margin-top: 24px; }
.order__note { margin: 14px 0 0; text-align: center; font-size: 12.5px; color: var(--muted); font-weight: 500; }

/* ---------- sticky mobile bar ---------- */
.sticky-cta {
	position: fixed;
	left: 50%;
	bottom: 0;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	max-width: 480px;
	padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
	background: rgba(13, 48, 27, .97);
	color: #fff;
	text-decoration: none;
	font-weight: 900;
	transform: translate(-50%, 110%);
	transition: transform .3s;
	box-shadow: 0 -6px 20px rgba(0, 0, 0, .15);
}
.sticky-cta.is-visible { transform: translate(-50%, 0); }
.sticky-cta s { opacity: .6; text-decoration-color: var(--honey); }
.sticky-cta strong { font-size: 22px; }
.sticky-cta em {
	font-style: normal;
	padding: 10px 22px;
	border-radius: 10px;
	background: var(--honey);
}

@media (max-width: 380px) {
	.title { font-size: 28px; }
	.timer span { min-width: 60px; font-size: 32px; }
	.promo { font-size: 18px; }
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	.btn { animation: none; }
}

/* ---------- Refreshed main banner (site max-width remains 480px) ---------- */
.hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 15px 21px 22px;
    background:
        radial-gradient(ellipse at 15% 33%, rgba(70, 121, 43, .26), transparent 55%),
        radial-gradient(ellipse at 94% 61%, rgba(60, 117, 45, .36), transparent 50%),
        linear-gradient(165deg, #0a2a19 0%, #185335 48%, #071f14 100%);
    color: #fff;
    text-align: center;
}
.hero::before {
    content: '';
    position: absolute;
    inset: 0 0 auto;
    height: 65%;
    z-index: -1;
    opacity: .16;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='104' viewBox='0 0 120 104'%3E%3Cpath d='M30 2 58 18v32L30 66 2 50V18ZM90 2l28 16v32L90 66 62 50V18ZM60 54l28 16v32l-28 16-28-16V70Z' fill='none' stroke='%23d6b765' stroke-width='1.1'/%3E%3C/svg%3E");
    background-size: 125px auto;
    mask-image: linear-gradient(to bottom, #000, transparent);
}
.hero__top {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding-bottom: 11px;
    margin-bottom: 18px;
    border-bottom: 1px solid rgba(244, 217, 146, .22);
}
.hero__logo { width: 57px; height: 57px; object-fit: contain; filter: drop-shadow(0 2px 8px rgba(247, 207, 101, .13)); }
.hero__natural { gap: 7px; font-size: 11px; font-weight: 700; line-height: 1.5; letter-spacing: .01em; color: #f2dba8; }
.hero__natural svg { width: 21px; height: 21px; stroke: #f0c567; }
.hero__intro { position: relative; z-index: 2; }
.hero__eyebrow { display: flex; align-items: center; justify-content: center; gap: 11px; margin: 0 0 8px; font-size: 11px; font-weight: 800; letter-spacing: .09em; color: #f4d17d; }
.hero__eyebrow span { width: 18px; height: 1px; background: rgba(239, 213, 140, .55); }
.hero__title { margin: 0; font-size: clamp(23px, 6.2vw, 31px); letter-spacing: -.035em; font-weight: 900; line-height: 1.32; }
.hero__title span { display: block; margin-top: 2px; color: #f5d786; font-size: clamp(16px, 4.4vw, 21px); letter-spacing: -.02em; line-height: 1.5; white-space: normal; }
.hero__subline { margin: 8px 0 0; font-size: 12px; font-weight: 500; color: #d9e5d3; }
.hero__stage { position: relative; height: 378px; display: flex; align-items: center; justify-content: center; margin-top: 2px; }
.hero__halo { position: absolute; z-index: 0; width: 305px; height: 305px; top: 24px; left: 50%; transform: translateX(-50%); border-radius: 50%; background: radial-gradient(circle at 45% 45%, rgba(249, 225, 154, .30) 0%, rgba(222, 183, 84, .13) 38%, rgba(206, 167, 89, 0) 70%); filter: blur(5px); }
.hero__ring { position: absolute; z-index: 0; top: 49%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; border: 1px solid rgba(247, 219, 144, .19); }
.hero__ring--outer { width: 344px; height: 344px; }
.hero__ring--inner { width: 270px; height: 270px; border-color: rgba(247, 219, 144, .10); }
.hero__product { position: relative; z-index: 1; flex: none; width: auto; height: 369px; max-width: 95%; object-fit: contain; transform: translateX(-7px); filter: drop-shadow(0 15px 16px rgba(4, 15, 8, .37)); }
.hero__discount { position: absolute; z-index: 3; right: 0; top: 36px; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 103px; height: 103px; background: linear-gradient(155deg, #ffeba4 0%, #edb94e 100%); border: 4px solid #f7d77c; box-shadow: 0 8px 30px rgba(0, 0, 0, .23), 0 0 0 1px rgba(83, 49, 0, .17) inset; border-radius: 50%; color: #173720; transform: rotate(10deg); }
.hero__discount small { font-size: 10px; font-weight: 900; line-height: 1.3; }
.hero__discount strong { font-family: inherit; font-size: 29px; line-height: 1.1; letter-spacing: -.06em; font-weight: 900; }
.hero__deal { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 1px 1fr; align-items: center; padding: 14px 16px 15px; border: 1px solid rgba(253, 235, 182, .75); border-radius: 17px; background: linear-gradient(135deg, #fffaf0, #f2e4c4); color: #24452a; box-shadow: 0 10px 30px rgba(31, 36, 14, .16); }
.hero__deal-old, .hero__deal-new { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.hero__deal-old span, .hero__deal-new span { font-size: 11px; font-weight: 800; color: #65745a; }
.hero__deal-old s { margin-top: 7px; font-size: 23px; font-weight: 800; color: #78816e; text-decoration-color: #aa7431; text-decoration-thickness: 2px; }
.hero__deal-divider { width: 1px; height: 56px; background: #d9c89f; }
.hero__deal-new strong { margin-top: -2px; font-size: 48px; line-height: 1.12; letter-spacing: -.06em; font-weight: 900; color: #155c2e; }
.hero__deal-new small { font-size: 22px; letter-spacing: 0; }
.hero__deal-note { display: flex; align-items: center; justify-content: center; gap: 7px; margin: 12px 0 0; color: #e7ce8b; font-size: 11px; font-weight: 800; }
.hero__deal-note svg { width: 15px; height: 15px; }

/* Updated lightweight SVG icons for benefits and ordering steps */
.checks li::before {
    width: 29px;
    height: 29px;
    top: 1px;
    border: 1px solid #c6d8ad;
    border-radius: 50%;
    clip-path: none;
    background: #eef3e2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12 4.5 4.5L19 7' fill='none' stroke='%232f6a33' stroke-width='2.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 17px no-repeat;
    box-shadow: 0 2px 5px rgba(30, 81, 36, .08);
}
.steps__icon { display: grid; place-items: center; flex: 0 0 58px; width: 58px; height: 58px; border: 1px solid #d1d7ba; border-radius: 15px; color: #2e6935; background: linear-gradient(145deg, #fff, #eef4e5); box-shadow: 0 3px 10px rgba(23, 73, 34, .08); }
.steps__icon svg { width: 29px; height: 29px; flex: none; fill: none; }

@media (max-width: 380px) {
    .hero { padding: 13px 16px 19px; }
    .hero__top { margin-bottom: 15px; }
    .hero__logo { width: 51px; height: 51px; }
    .hero__natural { font-size: 9px; }
    .hero__title { font-size: 23px; }
    .hero__title span { font-size: 15px; }
    .hero__stage { height: 320px; }
    .hero__product { height: 317px; }
    .hero__ring--outer { width: 275px; height: 275px; }
    .hero__ring--inner { width: 225px; height: 225px; }
    .hero__halo { width: 260px; height: 260px; }
    .hero__discount { width: 83px; height: 83px; top: 32px; right: 1px; border-width: 3px; }
    .hero__discount strong { font-size: 24px; }
    .hero__discount small { font-size: 8px; }
    .hero__deal { padding: 12px 7px; }
    .hero__deal-old s { font-size: 20px; }
    .hero__deal-new strong { font-size: 42px; }
    .hero__deal-new small { font-size: 19px; }
}

/* ----- Product-specific additions while retaining stopi_ar's styling ----- */
.hero__top .hero__logo { flex: 0 0 57px; }
.hero__natural { text-transform: uppercase; }
.hero__title { font-size: clamp(24px, 6.6vw, 31px); }
.hero__title span { font-size: clamp(16px, 4.5vw, 20px); }
.hero__stage { height: 356px; margin: 8px 0 0; }
.hero__product { height: 344px; transform: translateX(-5px); filter: drop-shadow(0 20px 16px rgba(4, 15, 8, .36)); }
.hero__discount { right: 5px; top: 26px; }
.hero__deal { padding: 12px 8px 14px; }
.hero__deal-old s { font-size: 20px; white-space: nowrap; }
.hero__deal-new strong { font-size: 34px; letter-spacing: -.055em; white-space: nowrap; }
.hero__deal-new small { font-size: 21px; }
.hero__deal-note { font-size: 11px; }
.section-eyebrow { margin: 0 0 10px; text-align: center; font-size: 11px; letter-spacing: .13em; font-weight: 900; color: #8b723e; }
.section-eyebrow--honey-light { color: #f3d38d; }
.about { padding-bottom: 22px; }
.about .title { margin-bottom: 20px; }
.about .subheading { margin: 24px 0 15px; color: var(--pine); font-size: 19px; line-height: 1.35; }
.about__photo { margin-top: 14px; overflow: hidden; border-radius: 17px; background: #f4f2e9; }
.about__photo img { display: block; width: 100%; aspect-ratio: 1.16; object-fit: cover; }
.about .checks { margin-bottom: 25px; }
.about .checks li { line-height: 1.55; }
.feature { padding: 34px 24px 38px; background: #fff; }
.feature--tinted { background: #f5f5ec; }
.feature .title { font-size: 27px; margin-bottom: 22px; }
.feature__visual { border-radius: 18px; overflow: hidden; background: #e9eadb; box-shadow: 0 9px 30px rgba(32, 71, 40, .11); }
.feature__visual img { width: 100%; object-fit: cover; aspect-ratio: 1.14; }
.feature__copy { margin: 22px 0 15px; }
.feature__copy p { margin: 0 0 14px; font-size: 15px; line-height: 1.75; font-weight: 500; }
.feature__copy p:last-child { margin-bottom: 0; }
.text-link { display: flex; align-items: center; justify-content: center; gap: 12px; padding: 14px 14px; margin-top: 22px; border: 1px solid #c4ceab; border-radius: 12px; color: #275b34; background: #f1f5e8; font-size: 11px; font-weight: 900; text-align: center; text-decoration: none; letter-spacing: .01em; }
.text-link span { font-size: 17px; }
.ingredients { padding: 38px 20px 35px; }
.ingredients__lead { font-size: 14px; line-height: 1.65; font-weight: 600; margin-bottom: 25px; }
.ingredient-grid { gap: 13px; }
.ingredient-grid li { min-height: 139px; align-items: center; justify-content: center; padding: 19px 10px; border: 1px solid rgba(214, 187, 128, .68); background: linear-gradient(145deg, #faf1da 0%, #e7d8af 100%); }
.ingredient-grid .ingredient__icon { display: grid; place-items: center; width: 50px; height: 50px; margin-bottom: 13px; border-radius: 50%; border: 1px solid #d2b474; background: rgba(255,255,255,.6); color: var(--pine); font-size: 27px; font-weight: 800; }
.ingredient-grid span { padding: 0; font-size: 12px; font-weight: 900; color: #294d2f; }
.usage { padding: 35px 24px 0; }
.usage .title { font-size: 26px; }
.usage__text { margin-bottom: 22px; font-size: 14px; line-height: 1.7; font-weight: 600; }
.usage .usage__image { margin: 0 -24px; }
.usage .usage__image img { margin: 0; width: 100%; max-width: 100%; height: auto; aspect-ratio: 1.25; object-fit: cover; }
.reviews { padding: 38px 22px 40px; background: #f7f7f0; }
.reviews .title { margin-bottom: 3px; }
.reviews__stars { text-align: center; color: #c79427; letter-spacing: 5px; font-size: 22px; }
.reviews__sub { text-align: center; color: #737e6c; font-size: 11px; margin: 3px 0 22px; }
.reviews__list { display: grid; gap: 14px; }
.review { padding: 20px; background: #fff; border: 1px solid #e2e7d7; border-radius: 18px; box-shadow: 0 7px 20px rgba(32, 65, 29, .065); }
.review__rating { color: #d49c2b; letter-spacing: 4px; font-size: 17px; margin: 0 0 10px; }
.review__name { display: flex; align-items: center; gap: 11px; }
.review__avatar { width: 35px; height: 35px; display: grid; place-items: center; color: #326c37; background: #e9f0df; border-radius: 50%; font-weight: 900; font-size: 15px; }
.review h3 { margin: 0; color: #245432; font-size: 16px; }
.review p { margin: 12px 0 0; font-size: 14px; line-height: 1.7; }
.gallery { margin-top: 32px; }
.gallery__title { text-align: center; font-size: 12px; font-weight: 900; color: var(--pine); margin: 0 0 14px; }
.gallery__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
.gallery__grid img { width: 100%; aspect-ratio: .8; object-fit: cover; border-radius: 8px; }
.faq { padding: 37px 24px 39px; background: #fff; }
.faq .title { font-size: 28px; margin-bottom: 23px; }
.faq__item { border: 1px solid #e0e7d7; border-radius: 12px; overflow: hidden; margin-bottom: 12px; background: #fcfcf6; }
.faq__item summary { position: relative; display: flex; align-items: center; justify-content: space-between; cursor: pointer; padding: 18px 13px 18px 17px; color: #244b2c; list-style: none; font-size: 14px; font-weight: 800; line-height: 1.5; gap: 16px; }
.faq__item summary::-webkit-details-marker { display: none; }
.faq__item summary span { flex: 0 0 23px; height: 23px; display: grid; place-items: center; border-radius: 50%; background: #eaf1df; color: #255c32; }
.faq__item summary span::after { content: '+'; font-size: 20px; line-height: 1; }
.faq__item[open] summary span::after { content: '−'; }
.faq__item[open] { background: #fff; border-color: #adc59b; }
.faq__item p { padding: 0 17px 17px; margin: 0; font-size: 14px; line-height: 1.72; color: #414a3a; }
.order__product { width: 50%; max-width: 253px; object-fit: contain; margin: 0 auto 4px; }
.order__subtitle { margin: 3px 0 7px; color: #687b60; font-size: 12px; font-weight: 700; }
.order .price.price--light { gap: 15px; }
.order .price s { font-size: 23px; }
.order .price strong { font-size: 32px; white-space: nowrap; }
.order .timer { gap: 5px; }
.order .timer span { min-width: 62px; }
.order .timer i { font-size: 29px; }
.order .btn { font-size: 18px; }
.site-footer { display: flex; flex-direction: column; align-items: center; padding: 30px 22px 34px; background: #0c2b1b; color: #fff; text-align: center; }
.site-footer img { width: 40px; margin-bottom: 12px; }
.site-footer strong { font-size: 17px; }
.site-footer p { margin: 8px 0 17px; color: #d7e7c9; font-size: 12px; }
.site-footer a { font-size: 11px; color: #f4d186; text-decoration: none; font-weight: 900; }
.sticky-cta { gap: 8px; }
.sticky-cta span { display: flex; flex-direction: column; align-items: start; line-height: 1.3; }
.sticky-cta s { font-size: 12px; }
.sticky-cta strong { font-size: 23px; }
.sticky-cta em { padding: 11px 16px; }
@media (max-width: 380px) {
 .hero__stage { height: 298px; }
 .hero__product { height: 296px; }
 .hero__discount { top: 20px; }
 .hero__deal-old s { font-size: 16px; }
 .hero__deal-new strong { font-size: 29px; }
 .hero__deal-new small { font-size: 18px; }
 .feature .title { font-size: 24px; }
 .ingredient-grid li { min-height: 128px; }
 .order .price s { font-size: 19px; }
 .order .price strong { font-size: 27px; }
 .order .timer span { min-width: 56px; font-size: 30px; }
 .sticky-cta strong { font-size: 20px; }
}

/* ==== Bee-Recipe product palette: leaf green, deep pine, warm honey and ivory ==== */
:root {
  --pine: #18482f;
  --pine-deep: #092b1c;
  --honey: #efb84e;
  --honey-deep: #bf801f;
  --honey-light: #f2d794;
  --porcelain: #f3e9d3;
  --ink: #23291e;
  --muted: #5e6a5c;
}
body { background: #e7e9dc; }
.wrap { background: #fffefa; }
.hero {
  background:
    radial-gradient(ellipse at 10% 35%, rgba(116, 149, 46, .20) 0%, transparent 52%),
    radial-gradient(ellipse at 92% 63%, rgba(98, 127, 37, .31) 0%, transparent 54%),
    linear-gradient(153deg, #0b291a 0%, #194e2e 47%, #071d14 100%);
}
.hero__natural, .hero__eyebrow, .hero__deal-note { color: #f4db9c; }
.hero__stage::after {
  content: '';
  position: absolute;
  width: 78%; height: 70%; top: 11%; left: 11%;
  border-radius: 50%; z-index: 0;
  background: radial-gradient(circle, rgba(225, 191, 94, .12) 0%, transparent 68%);
  pointer-events: none;
}
.hero__discount {
  color: #203619;
  background: linear-gradient(145deg, #fff1bc, #edb648 95%);
  border-color: #f6d985;
}
.hero__deal { background: linear-gradient(115deg, #fffaf0, #f4e8c7); border-color: #e5d09a; }
.hero__deal-new strong { color: #195b32; }
.btn, .promo, .visual__tag, .sticky-cta em { color: #21341f; }
.btn { box-shadow: 0 6px 0 var(--honey-deep), 0 12px 24px rgba(170, 116, 28, .22); }
.btn:hover { background: #f6c666; }
.btn:focus-visible { outline-color: #214f2d; }
.promo { background: #efb84e; }
.price--light strong { color: #246235; }
.price s, .sticky-cta s { text-decoration-color: #a96e38; }
.cta { background: #fffefa; }
.timer span { background: linear-gradient(180deg, #2c4530, #12281a); }
.ingredient-grid li { background: linear-gradient(155deg, #fff9ed, #ebdfc1); }
.ingredient-grid .ingredient__icon { color: #255934; }
.feature--tinted { background: #f5f6ee; }
.reviews { background: #f7f6ed; }
.review, .faq__item[open] { background: #fffefa; }
.faq__item { background: #f9faf5; }
.text-link { background: #edf3e5; border-color: #c4d0b0; }
.order { background: linear-gradient(160deg, #16472a, #092c1a 70%, #061c12); }
.order__card { background: #fffefa; }
.main-order-form input { background: #fafbf5; }
.steps { background: #f6f6ef; }
.sticky-cta { background: rgba(9, 43, 28, .98); }
.site-footer { background: #0b2c1d; }

/* === Cardio RITM packaging palette: dark olive glass, espresso cap, ivory label, hawthorn berries === */
:root {
 --pine: #313a25;
 --pine-deep: #1e261a;
 --honey: #e6ba78;
 --honey-deep: #bd8b4e;
 --honey-light: #f2d4a1;
 --porcelain: #f4e7d2;
 --ink: #302719;
 --muted: #776e5c;
}
body { background: #e5dfd5; }
.wrap { background: #fffdf8; }
.hero {
 background: radial-gradient(ellipse at 11% 29%, rgba(158, 116, 76, .27) 0%, transparent 56%),
  radial-gradient(ellipse at 92% 65%, rgba(109, 126, 72, .31) 0%, transparent 58%),
  linear-gradient(155deg, #241e17 0%, #39432b 45%, #1d2218 100%);
}
.hero::before { opacity: .13; }
.hero__top { border-color: rgba(230, 186, 120, .3); }
.hero__natural, .hero__eyebrow, .hero__deal-note, .site-footer a { color: #efd2a6; }
.hero__natural svg { stroke: #e1b16e; }
.hero__title span { color: #ecca95; }
.hero__subline { color: #eee6d7; }
.hero__halo { background: radial-gradient(circle at 50% 48%, rgba(239, 213, 165, .38) 0%, rgba(222, 194, 134, .12) 40%, transparent 70%); }
.hero__ring { border-color: rgba(243, 207, 150, .18); }
.hero__product { transform: translateX(0); height: 333px; filter: drop-shadow(0 18px 20px rgba(13, 13, 8, .48)); }
.hero__discount { background: linear-gradient(145deg, #b65345 0%, #792e31 100%); border-color: #e4ad82; color: #fff8ed; box-shadow: 0 7px 30px rgba(10,8,6,.4); }
.hero__deal { background: linear-gradient(120deg, #fff9ef, #f1e0c4); border-color: #d9b583; color: #392a1d; }
.hero__deal-old span,.hero__deal-new span { color: #776750; }
.hero__deal-old s { color: #7c776b; text-decoration-color: #a34843; }
.hero__deal-new strong { color: #38492e; }
.hero__deal-divider { background: #d9bd99; }

.btn { background: linear-gradient(145deg, #ff9e00, #ff9d00); color: #34251a; box-shadow: 0 6px 0 #d87b11, 0 12px 24px rgba(154, 91, 28, 0.23); }
.btn:hover { background: #ff9e00; }
.btn:focus-visible { outline-color: #53603e; }
.promo { background: #914539; color: #fff7ea; }
.promo b { color: #ffdfab; }
.cta { background: #fffdf8; }
.cta__label,.timer i { color: #443c2c; }
.timer span { background: linear-gradient(180deg, #554532, #292820); }
.timer small { color: #786c59; }
.title { color: #38452e; }
.title--dark { color: #3b3528; }
.section-eyebrow { color: #a56c49; }
.section-eyebrow--gold { color: #ecd0a0; }
.ingredients { background: radial-gradient(ellipse at 8% 8%, rgba(180,124,65,.14), transparent 40%), linear-gradient(180deg,#323b28,#21291e); }
.ingredients__lead { color: #f1e4d3; }
.title--gold { color: #efc991; }
.ingredient-grid li { background: linear-gradient(150deg, #fff5e5, #e8d5b6); border-color: #d7b987; }
.ingredient-grid .ingredient__icon { color: #7a4930; background: rgba(255,255,255,.52); border-color: #d5b887; }
.ingredient-grid span { color: #463929; }
.checks li::before { background: #f2ecdc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12 4.5 4.5L19 7' fill='none' stroke='%23526637' stroke-width='2.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/17px no-repeat; border-color: #e3d0ad; }
.about .subheading { color: #35432a; }
.about__photo,.feature__visual { background: #e9e1d3; }
.feature--tinted { background: #f7f2e8; }
.text-link { background: #f1ecdf; color: #43532d; border-color: #d5c4a2; }
.text-link:hover { background: #eae0cc; }
.usage { background: #fffdf8; }
.usage .title { border-bottom-color: #77664d; }
.reviews { background: #f5f0e7; }
.reviews__stars,.review__rating { color: #bc8656; }
.reviews__sub { color: #827660; }
.review { background: #fffefa; border-color: #e7d8c4; box-shadow: 0 7px 20px rgba(64,43,24,.055); }
.review__avatar { background: #ede5cf; color: #7a543b; }
.review h3,.gallery__title { color: #47552f; }
.faq { background: #fffefa; }
.faq__item { background: #faf6ee; border-color: #e8dbc7; }
.faq__item[open] { background: #fffdf9; border-color: #c9b48f; }
.faq__item summary { color: #4c452d; }
.faq__item summary span { background: #efe7d9; color: #735235; }
.faq__item p { color: #514737; }
.steps { background: #f4eee2; }
.steps li { color: #444b2d; }
.steps li + li { border-color: #e0d1b8; }
.steps p { color: #5c5549; }
.steps__icon { color: #755035; border-color: #dfccaa; background: linear-gradient(145deg,#fffaf0,#eae0cb); }
.order { background: radial-gradient(circle at 15% 0%,rgba(145,92,59,.2),transparent 45%),linear-gradient(155deg,#39422a,#22291e 70%,#241f19); }
.order__card { background: #fffbf4; }
.order__title { color: #3d492d; }
.order__subtitle { color: #756955; }
.price--light strong { color: #485c32; }
.main-order-form label { color: #544533; }
.main-order-form input { background: #fffdfa; border-color: #dfd0b8; }
.main-order-form input:focus { border-color: #8e9866; }
.main-order-form input:user-invalid { border-color: #a54f45; }
.site-footer { background: #24271c; }
.site-footer p { color: #e0d7c4; }
.sticky-cta { background: rgba(36,37,27,.98); }
.sticky-cta em { background: #e3900a; color: #2d261b; }
.sticky-cta s { text-decoration-color: #cf887d; }
@media(max-width:380px) { .hero__product { height: 286px; } }