/* ==========================================================================
   Ayurvedic Official — Theme stylesheet
   Organic & creative palette, fully responsive, fluid type, soft motion.
   ========================================================================== */

:root {
	--ayv-primary:   #4a7c2a;   /* leaf green */
	--ayv-primary-2: #7aae4d;
	--ayv-secondary: #213b14;   /* deep forest */
	--ayv-secondary-2: #1f2c14;
	--ayv-accent:    #ef7c1f;   /* turmeric gold */
	--ayv-accent-2:  #e8c168;
	--ayv-surface:   #fbf7eb;   /* sandalwood / ivory */
	--ayv-cream:     #f1ead7;
	--ayv-paper:     #fffdf7;
	--ayv-ink:       #1f2317;
	--ayv-muted:     #6b7a5a;
	--ayv-line:      rgba(33, 59, 20,0.12);

	--ayv-rgba-primary:   91,138,58;
	--ayv-rgba-secondary: 45,63,31;
	--ayv-rgba-accent:    200,155,60;

	--ayv-radius-sm: 10px;
	--ayv-radius-md: 18px;
	--ayv-radius-lg: 28px;
	--ayv-radius-pill: 999px;

	--ayv-shadow-sm: 0 4px 14px rgba(33, 59, 20,0.06);
	--ayv-shadow-md: 0 18px 38px rgba(33, 59, 20,0.10);
	--ayv-shadow-lg: 0 32px 60px rgba(33, 59, 20,0.18);

	--ayv-ff-display: "DM Serif Display", "Marcellus", Georgia, serif;
	--ayv-ff-body:    "Inter", "Urbanist", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--ayv-ff-script:  "Caveat", cursive;

	--ayv-section-y: clamp(56px, 8vw, 110px);
}

/* ----- Reset & base ----- */
.ayv-body, body.ayv-body {
	background: var(--ayv-paper);
	color: var(--ayv-ink);
	font-family: var(--ayv-ff-body);
	font-size: 16px;
	line-height: 1.65;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}
.ayv-body * { box-sizing: border-box; }
.ayv-body img { max-width: 100%; height: auto; display: block; }
.ayv-body a { color: var(--ayv-primary); text-decoration: none; transition: color .25s ease; }
.ayv-body a:hover { color: var(--ayv-accent); }
.ayv-body h1,.ayv-body h2,.ayv-body h3,.ayv-body h4,.ayv-body h5 {
	font-family: var(--ayv-ff-display);
	color: var(--ayv-secondary);
	line-height: 1.15;
	margin: 0 0 .6em;
	font-weight: 400;
}
.ayv-body p { margin: 0 0 1em; }
.ayv-body .ayv-container { width: 100%; max-width: 1240px; margin-inline: auto; padding-inline: 22px; }

/* ----- Buttons (shared) ----- */
.ayv-btn {
	display: inline-flex; align-items: center; gap: 10px;
	padding: 14px 28px;
	border-radius: var(--ayv-radius-pill);
	font-weight: 600; font-size: 15px; letter-spacing: .02em;
	border: 0; cursor: pointer;
	text-decoration: none;
	transition: transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .3s ease, background .3s ease, color .3s ease;
	position: relative; overflow: hidden; isolation: isolate;
}
.ayv-btn--primary {
	background: linear-gradient(135deg, var(--ayv-primary) 0%, var(--ayv-primary-2) 100%);
	color: #fff;
	box-shadow: 0 14px 30px rgba(var(--ayv-rgba-primary),0.25);
}
.ayv-btn--primary:hover { transform: translateY(-3px); box-shadow: 0 22px 42px rgba(var(--ayv-rgba-primary),0.35); color: #fff; }
.ayv-btn--gold {
	background: linear-gradient(135deg, var(--ayv-accent) 0%, var(--ayv-accent-2) 100%);
	color: var(--ayv-secondary);
	box-shadow: 0 14px 28px rgba(var(--ayv-rgba-accent),0.30);
}
.ayv-btn--gold:hover { transform: translateY(-3px); box-shadow: 0 22px 42px rgba(var(--ayv-rgba-accent),0.45); color: var(--ayv-secondary); }
.ayv-btn--ghost {
	background: transparent; color: var(--ayv-secondary);
	border: 2px solid rgba(var(--ayv-rgba-secondary),0.18);
}
.ayv-btn--ghost:hover { background: var(--ayv-secondary); color: #fff; border-color: var(--ayv-secondary); transform: translateY(-3px); }
.ayv-btn i { font-size: 14px; }

/* ----- Section title (two-color creative heading + shape divider) ----- */
/* Highlight accent — driven by CSS vars so EACH section can carry its own
   colour scheme + sticker style (overrides below). Default = coral/orange. */
:root {
	--ayv-hi: #f5515f; --ayv-hi-2: #ff8a3d; --ayv-hi-rgb: 245, 81, 95;
	--ayv-sticker-radius: 999px; --ayv-sticker-rotate: -1.4deg; --ayv-sticker-icon: "\f005";
}

.ayv-sec-head {
	text-align: center;
	max-width: 660px;
	margin: 0 auto clamp(30px, 4vw, 52px);
	position: relative;
}
/* Soft attractive glow behind the heading block (follows the section colour) */
.ayv-sec-head::before {
	content: ""; position: absolute; left: 50%; top: -6px; transform: translateX(-50%);
	width: min(380px, 82%); height: 130px; z-index: -1; pointer-events: none;
	background: radial-gradient(ellipse at center, rgba(var(--ayv-hi-rgb), .14), transparent 72%);
	filter: blur(2px);
}
/* Section-name sticker — hidden on the public site, shown ONLY in customize
   mode (so admins can tell sections apart while editing). */
.ayv-sec-head .eyebrow {
	display: none; align-items: center; gap: 8px;
	font-family: var(--ayv-ff-body); font-weight: 800;
	font-size: 11.5px; letter-spacing: 1.4px; text-transform: uppercase; line-height: 1;
	color: #fff;
	background: linear-gradient(135deg, var(--ayv-hi-2), var(--ayv-hi));
	padding: 8px 16px; border-radius: var(--ayv-sticker-radius);
	box-shadow: 0 10px 22px rgba(var(--ayv-hi-rgb), .32), inset 0 1px 0 rgba(255, 255, 255, .35);
	margin-bottom: 14px;
	transform: rotate(var(--ayv-sticker-rotate));
	transition: transform .25s ease;
}
body.hm-edit .ayv-sec-head .eyebrow,
body.pc-has-topbar .ayv-sec-head .eyebrow { display: inline-flex; }
.ayv-sec-head .eyebrow:hover { transform: rotate(0deg) scale(1.03); }
.ayv-sec-head .eyebrow::before {
	content: var(--ayv-sticker-icon); font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 10px;
	opacity: .9;
}
.ayv-sec-head .eyebrow::after { content: none; }

/* Highlighted heading — bold, 3D-depth gradient text in each section's colour,
   flanked by ayurvedic leaf ornaments on both sides. */
.ayv-sec-head h2 {
	display: inline-flex; align-items: center; justify-content: center; gap: 14px; flex-wrap: wrap;
	font-size: clamp(24px, 3.4vw, 38px); font-weight: 800;
	margin: 0 0 14px;
	letter-spacing: -0.015em; line-height: 1.16;
	/* Small, compact black→golden leaf card (top-right & bottom-left elongated) */
	font-size: clamp(20px, 2.8vw, 31px);
	padding: clamp(5px, .6vw, 7px) clamp(12px, 1.5vw, 17px);
	gap: 10px;
	border-radius: 5px 20px 5px 20px;
	border: 1.5px solid rgba(212, 175, 90, .6);
	background:
		linear-gradient(115deg, transparent 38%, rgba(255, 220, 150, .18) 50%, transparent 62%),
		linear-gradient(135deg, #0e0b04 0%, #2e2208 48%, #6b4f12 100%);
	background-size: 220% 100%, 100% 100%;
	background-repeat: no-repeat;
	box-shadow: 0 8px 22px rgba(0, 0, 0, .30);
	animation: ayvHeadSheen 6.5s linear infinite, ayvHeadGlow 5s ease-in-out infinite;
}
.ayv-sec-head h2 .ink { color: #fff; -webkit-text-fill-color: #fff; }
@keyframes ayvHeadSheen {
	0%   { background-position: -140% 0, 0 0; }
	60%, 100% { background-position: 240% 0, 0 0; }
}
@keyframes ayvHeadGlow {
	0%, 100% { box-shadow: 0 8px 20px rgba(0, 0, 0, .28), 0 0 14px rgba(212, 175, 90, .22); border-color: rgba(212, 175, 90, .50); }
	50%      { box-shadow: 0 12px 28px rgba(0, 0, 0, .34), 0 0 24px rgba(212, 175, 90, .55); border-color: rgba(212, 175, 90, .90); }
}
@media (prefers-reduced-motion: reduce) {
	.ayv-sec-head h2 { animation: none; }
}
.ayv-sec-head h2::before, .ayv-sec-head h2::after {
	content: "\f06c"; font-family: "Font Awesome 6 Free"; font-weight: 900;
	font-size: .42em; color: #e8c168; opacity: .9;
	-webkit-text-fill-color: #e8c168;
	filter: drop-shadow(0 2px 5px rgba(0, 0, 0, .35));
}
.ayv-sec-head h2::after { transform: scaleX(-1); }
/* Clean white heading on the dark gold card; gold comes from the card, the
   leaf ornaments and the glow — professional white + Ayurvedic-gold combo. */
.ayv-sec-head h2 { color: #fff; }
.ayv-sec-head h2 .ink   { color: #fff; -webkit-text-fill-color: #fff; font-weight: 800; }
.ayv-sec-head h2 .leaf  {
	font-style: normal; font-weight: 800;
	color: #fff; -webkit-text-fill-color: #fff;
	background: none;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .35);
}

/* ── Per-section colour schemes + sticker designs ───────────────────────── */
/* Product Showcase — coral / sunset (rounded pill, star) */
.ayv-pshow { --ayv-hi: #f5515f; --ayv-hi-2: #ff8a3d; --ayv-hi-rgb: 245, 81, 95;
	--ayv-sticker-radius: 999px; --ayv-sticker-rotate: -1.4deg; --ayv-sticker-icon: "\f005"; }
/* Product Grid — teal / mint (rounded-rect tag, check) */
.ayv-pcoll--grid { --ayv-hi: #0d9488; --ayv-hi-2: #2dd4bf; --ayv-hi-rgb: 13, 148, 136;
	--ayv-sticker-radius: 9px; --ayv-sticker-rotate: 0deg; --ayv-sticker-icon: "\f00c"; }
/* Product Slider — violet / indigo (pill tilted other way, bolt) */
.ayv-pcoll--slider { --ayv-hi: #7c5cff; --ayv-hi-2: #a78bfa; --ayv-hi-rgb: 124, 92, 255;
	--ayv-sticker-radius: 999px; --ayv-sticker-rotate: 1.6deg; --ayv-sticker-icon: "\f0e7"; }
/* Reels Strip — amber / gold (square tag, clapperboard) */
.ayv-reels-showcase { --ayv-hi: #ea8a00; --ayv-hi-2: #fbbf24; --ayv-hi-rgb: 234, 138, 0;
	--ayv-sticker-radius: 6px; --ayv-sticker-rotate: -2deg; --ayv-sticker-icon: "\f008"; }
/* Photo / Video Gallery — rose / magenta (pill, image) */
.hm-sec--gallery { --ayv-hi: #e23b8a; --ayv-hi-2: #ff6fae; --ayv-hi-rgb: 226, 59, 138;
	--ayv-sticker-radius: 999px; --ayv-sticker-rotate: -1.6deg; --ayv-sticker-icon: "\f03e"; }
/* Products (core "best-selling" block) — fresh green / leaf (rounded-rect, leaf) */
.ayv-products { --ayv-hi: #2f8f4e; --ayv-hi-2: #7ac74f; --ayv-hi-rgb: 47, 143, 78;
	--ayv-sticker-radius: 10px; --ayv-sticker-rotate: 1.2deg; --ayv-sticker-icon: "\f06c"; }
.ayv-sec-head .shape {
	display: block; height: 18px; width: 140px; margin: 4px auto 12px;
}
.ayv-sec-head p {
	color: var(--ayv-muted); font-size: 14.5px; max-width: 560px; margin: 0 auto; line-height: 1.6;
}

/* Unique shapes per-section: simple variations */
.ayv-shape-leaf,
.ayv-shape-wave,
.ayv-shape-petals,
.ayv-shape-mortar,
.ayv-shape-mandala,
.ayv-shape-twigs,
.ayv-shape-lotus { display: inline-block; }

/* ==========================================================================
   1. TOP BAR
   ========================================================================== */
.ayv-topbar {
	background: linear-gradient(90deg, var(--ayv-secondary), var(--ayv-secondary-2));
	color: #f1e6cb;
	font-size: 13px;
	padding: 9px 0;
	border-bottom: 1px solid rgba(255,255,255,.04);
	position: relative; overflow: hidden;
}
.ayv-topbar::before {
	content: ""; position: absolute; inset: 0;
	background-image: radial-gradient(circle at 8% 50%, rgba(var(--ayv-rgba-accent),.18), transparent 36%),
		radial-gradient(circle at 96% 50%, rgba(var(--ayv-rgba-primary),.20), transparent 36%);
	pointer-events: none;
}
.ayv-topbar__inner {
	display: flex; align-items: center; justify-content: space-between; gap: 14px;
	flex-wrap: wrap;
	position: relative;
}
.ayv-topbar__left, .ayv-topbar__right {
	display: flex; align-items: center; gap: 18px; flex-wrap: wrap;
}
.ayv-topbar a {
	color: #f1e6cb; display: inline-flex; align-items: center; gap: 7px;
}
.ayv-topbar a:hover { color: var(--ayv-accent-2); }
.ayv-topbar i { color: var(--ayv-accent-2); }
.ayv-topbar .ayv-divider {
	width: 1px; height: 14px; background: rgba(255,255,255,.18);
}
.ayv-topbar .ayv-social a {
	width: 26px; height: 26px; border-radius: 50%;
	border: 1px solid rgba(255,255,255,.16);
	justify-content: center;
	transition: all .25s ease;
}
.ayv-topbar .ayv-social a:hover { background: var(--ayv-accent); color: var(--ayv-secondary); border-color: var(--ayv-accent); transform: translateY(-2px); }
@media (max-width: 768px) {
	.ayv-topbar { font-size: 12.5px; padding: 8px 0; }
	.ayv-topbar__right { display: none; }
	.ayv-topbar__left { gap: 12px; justify-content: center; width: 100%; }
}

/* ==========================================================================
   2. NAV BAR
   ========================================================================== */
.ayv-nav-wrap {
	position: sticky; top: 0; z-index: 950;
	background: rgba(255,253,247,.92);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	border-bottom: 1px solid var(--ayv-line);
	transition: padding .25s ease, background .25s ease, box-shadow .25s ease;
}
.ayv-nav-wrap.is-scrolled {
	background: rgba(255,253,247,.98);
	box-shadow: 0 6px 24px rgba(33, 59, 20,.08);
}
.ayv-nav {
	display: flex; align-items: center; justify-content: space-between;
	gap: 18px;
	padding: 14px 0;
}
.ayv-logo { display: flex; align-items: center; gap: 12px; }
.ayv-logo img { height: 50px; width: auto; }
.ayv-logo .ayv-mark {
	width: 50px; height: 50px; border-radius: 50%;
	background: linear-gradient(135deg, var(--ayv-primary), var(--ayv-accent));
	display: grid; place-items: center; color: #fff; font-weight: 700; font-size: 22px;
	font-family: var(--ayv-ff-display);
	box-shadow: 0 8px 20px rgba(var(--ayv-rgba-primary),0.28);
}
.ayv-logo .ayv-brand-text {
	font-family: var(--ayv-ff-display);
	font-size: 22px;
	line-height: 1; color: var(--ayv-secondary);
}
.ayv-logo .ayv-brand-text small {
	display: block; font-family: var(--ayv-ff-body);
	font-size: 11px; letter-spacing: 3px; text-transform: uppercase;
	color: var(--ayv-accent); margin-top: 4px;
}

.ayv-menu {
	display: flex; align-items: center; gap: 4px; list-style: none; margin: 0; padding: 0;
}
.ayv-menu > li > a {
	display: inline-flex; align-items: center; gap: 6px;
	padding: 10px 16px; font-weight: 600; font-size: 14.5px;
	color: var(--ayv-secondary);
	border-radius: var(--ayv-radius-pill);
	position: relative; transition: color .25s, background .25s;
}
.ayv-menu > li > a::after {
	content: ""; position: absolute; left: 50%; bottom: 3px;
	width: 0; height: 2px; background: var(--ayv-accent); transform: translateX(-50%);
	transition: width .25s ease;
}
.ayv-menu > li > a:hover,
.ayv-menu > li.is-active > a { color: var(--ayv-primary); }
.ayv-menu > li > a:hover::after,
.ayv-menu > li.is-active > a::after { width: 22px; }

.ayv-nav-actions { display: flex; align-items: center; gap: 8px; }
.ayv-icon-btn {
	width: 44px; height: 44px; border-radius: 50%;
	display: inline-grid; place-items: center;
	background: var(--ayv-cream); color: var(--ayv-secondary);
	border: 1px solid var(--ayv-line);
	transition: all .25s ease;
}
.ayv-icon-btn:hover {
	background: var(--ayv-primary); color: #fff; transform: translateY(-2px);
	box-shadow: 0 10px 22px rgba(var(--ayv-rgba-primary),.28); border-color: transparent;
}
.ayv-nav-cta {
	padding: 11px 22px;
	font-size: 13.5px;
}

/* Mobile toggle */
.ayv-burger { display: none; width: 44px; height: 44px; border-radius: 50%; background: var(--ayv-cream); border: 1px solid var(--ayv-line); cursor: pointer; align-items: center; justify-content: center; }
.ayv-burger span { display: block; width: 18px; height: 2px; background: var(--ayv-secondary); position: relative; transition: .3s; }
.ayv-burger span::before, .ayv-burger span::after { content: ""; position: absolute; left: 0; width: 18px; height: 2px; background: var(--ayv-secondary); transition: .3s; }
.ayv-burger span::before { top: -6px; }
.ayv-burger span::after { top: 6px; }
.ayv-burger.is-open span { background: transparent; }
.ayv-burger.is-open span::before { top: 0; transform: rotate(45deg); }
.ayv-burger.is-open span::after  { top: 0; transform: rotate(-45deg); }

@media (max-width: 1024px) {
	.ayv-menu { display: none; }
	.ayv-burger { display: inline-flex; }
	.ayv-nav-cta { display: none; }
	.ayv-logo .ayv-brand-text { font-size: 18px; }
	.ayv-logo .ayv-brand-text small { font-size: 10px; letter-spacing: 2px; }
}

/* Mobile drawer */
.ayv-drawer {
	position: fixed; top: 0; right: -100%; width: min(86vw, 360px); height: 100vh;
	background: var(--ayv-paper); z-index: 1000; padding: 26px 22px;
	transition: right .35s cubic-bezier(.2,.7,.2,1);
	overflow-y: auto;
	box-shadow: -20px 0 50px rgba(33, 59, 20,.18);
}
.ayv-drawer.is-open { right: 0; }
.ayv-drawer__head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 22px; }
.ayv-drawer__head .ayv-icon-btn { width: 38px; height: 38px; }
.ayv-drawer__menu { list-style: none; margin: 0; padding: 0; }
.ayv-drawer__menu li a {
	display: block; padding: 14px 4px; font-size: 17px;
	color: var(--ayv-secondary); font-weight: 600;
	border-bottom: 1px dashed var(--ayv-line);
	font-family: var(--ayv-ff-display);
}
.ayv-drawer__menu li a:hover { color: var(--ayv-primary); padding-left: 10px; }
.ayv-drawer__cta { margin-top: 22px; display: flex; flex-direction: column; gap: 10px; }
.ayv-drawer__contact { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--ayv-line); font-size: 14px; }
.ayv-drawer__contact div { margin-bottom: 8px; display: flex; align-items: center; gap: 10px; color: var(--ayv-muted); }
.ayv-drawer__contact i { color: var(--ayv-accent); }
.ayv-overlay {
	position: fixed; inset: 0; background: rgba(20,28,12,.55); z-index: 999;
	opacity: 0; visibility: hidden; transition: opacity .3s ease;
}
.ayv-overlay.is-open { opacity: 1; visibility: visible; }

/* ==========================================================================
   3. HERO
   ========================================================================== */
.ayv-hero {
	position: relative; overflow: hidden;
	background: linear-gradient(135deg, var(--ayv-surface) 0%, var(--ayv-cream) 100%);
	padding: clamp(60px, 9vw, 130px) 0 clamp(70px, 10vw, 150px);
}
/* Decorative background elements for hero */
.ayv-hero::before, .ayv-hero::after {
	content: ""; position: absolute;
	border-radius: 50%;
	animation: ayvHerolBob 8s ease-in-out infinite;
	opacity: 0.08;
}
.ayv-hero::before {
	width: 320px; height: 320px;
	background: radial-gradient(circle, var(--ayv-primary) 0%, transparent 70%);
	top: -80px; left: -120px;
	animation-delay: 0s;
}
.ayv-hero::after {
	width: 380px; height: 380px;
	background: radial-gradient(circle, var(--ayv-accent) 0%, transparent 70%);
	bottom: -140px; right: -100px;
	animation-delay: 2s;
}
@keyframes ayvHerolBob {
	0%, 100% { transform: translateY(0px); }
	50% { transform: translateY(20px); }
}
.ayv-hero__video, .ayv-hero__video-fallback {
	position: absolute; inset: 0; width: 100%; height: 100%;
	object-fit: cover;
	z-index: 0; opacity: .35;
}
.ayv-hero__veil {
	position: absolute; inset: 0; z-index: 1;
	background:
		radial-gradient(ellipse at 20% 20%, rgba(var(--ayv-rgba-accent),.18), transparent 50%),
		radial-gradient(ellipse at 80% 80%, rgba(var(--ayv-rgba-primary),.20), transparent 55%),
		linear-gradient(180deg, rgba(255,253,247,.78), rgba(241,234,215,.88));
}
.ayv-hero__inner { position: relative; z-index: 3; display: grid; grid-template-columns: 1.05fr 1fr; gap: clamp(30px, 5vw, 64px); align-items: center; }
.ayv-hero__copy .ayv-eyebrow {
	display: inline-flex; align-items: center; gap: 12px;
	padding: 8px 18px;
	background: rgba(255,255,255,.65);
	backdrop-filter: blur(8px);
	border-radius: var(--ayv-radius-pill);
	color: var(--ayv-secondary);
	font-size: 13px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase;
	border: 1px solid rgba(var(--ayv-rgba-accent),.45);
	margin-bottom: 22px;
}
.ayv-hero__copy .ayv-eyebrow i { color: var(--ayv-accent); }
/* ===== Professional Hero Headline ===== */
.ayv-hero__copy { position: relative; }
.ayv-hero__copy h1 {
	font-family: var(--ayv-ff-display);
	font-size: clamp(44px, 6.4vw, 78px);
	font-weight: 400; line-height: 1.06;
	margin: 0 0 28px;
	color: var(--ayv-secondary);
	letter-spacing: -0.015em;
	position: relative;
	z-index: 5;
}
/* Clean 3D headline — no box, black & yellow extruded text with a light
   outline. First line stays on a single line; accent word drops below. */
.ayv-hero__copy h1.ayv-hero__title {
	background: none;
	color: #15140f;
	-webkit-text-fill-color: #15140f;
	font-weight: 700;
	white-space: nowrap;
	font-size: clamp(30px, 5vw, 60px);
	/* light outline for clarity + layered black extrude for 3D depth */
	text-shadow:
		-1px -1px 0 rgba(255,255,255,.9),
		 1px -1px 0 rgba(255,255,255,.9),
		-1px  1px 0 rgba(255,255,255,.55),
		 1px  1px 0 #000,
		 2px  2px 0 #0a0a0a,
		 3px  3px 0 #141414,
		 4px  5px 10px rgba(0,0,0,.35);
}
/* Accent word — bright yellow, same 3D extrude in deeper gold tones */
.ayv-hero__copy h1 .word-leaf {
	background: none;
	color: #f5c518;
	-webkit-text-fill-color: #f5c518;
	position: relative; display: inline-block;
	font-style: italic; font-weight: 700; letter-spacing: 0;
	white-space: normal;
	margin-top: 0.3em;   /* space between the first and second line */
	padding-bottom: 0.18em;
	text-shadow:
		-1px -1px 0 rgba(0,0,0,.55),
		 1px -1px 0 rgba(0,0,0,.55),
		 1px  1px 0 #b8901a,
		 2px  2px 0 #8f6f14,
		 3px  3px 0 #6e560f,
		 4px  5px 10px rgba(0,0,0,.35);
}
/* Animated gradient underline beneath the accent line */
.ayv-hero__copy h1 .word-leaf::after {
	content: ""; position: absolute; left: 0; right: 0; bottom: 0;
	height: 5px; border-radius: 999px;
	background: linear-gradient(90deg, #15140f, #f5c518, #ffae00, #f5c518, #15140f);
	background-size: 220% auto;
	animation: ayvLineFlow 3.5s linear infinite;
	box-shadow: 0 2px 8px rgba(245,197,24,.45);
}
@keyframes ayvLineFlow { to { background-position: 220% center; } }
/* Customizer fallback — flat readable text while inline-editing */
body.pc-has-topbar .ayv-hero__copy h1.ayv-hero__title:focus,
body.pc-has-topbar .ayv-hero__copy h1.ayv-hero__title:focus .word-leaf {
	-webkit-text-fill-color: var(--ayv-secondary); color: var(--ayv-secondary);
	background-image: none; text-shadow: none; animation: none;
}
/* Customizer fallback — show plain text when editing */
body.pc-has-topbar .ayv-hero__copy h1.ayv-hero__title:focus,
body.pc-has-topbar .ayv-hero__copy h1.ayv-hero__title:focus .word-leaf {
	-webkit-text-fill-color: var(--ayv-secondary); color: var(--ayv-secondary);
	background: none; animation: none; filter: none;
}

/* ===== Decorative Shape Cards — elongated leaf corners, animated rounding ===== */
.ayv-hero__cards {
	position: absolute;
	inset: -10% -8%;
	z-index: 0;
	overflow: hidden;
	pointer-events: none;
}
.ayv-card-shape {
	position: absolute;
	opacity: 0.55;
	/* TL TR BR BL — petal: top-left & bottom-right fully rounded (tip),
	   top-right & bottom-left kept small → leaf/petal silhouette */
	border-radius: 50% 8px 50% 8px;
	box-shadow: 0 10px 30px rgba(33, 59, 20,.12);
	animation: ayvCardFloat 9s ease-in-out infinite, ayvCardMorph 7s ease-in-out infinite;
}
/* Gentle float */
@keyframes ayvCardFloat {
	0%, 100% { transform: translateY(0) rotate(var(--rot, 0deg)); }
	50% { transform: translateY(-16px) rotate(var(--rot, 0deg)); }
}
/* Animated border rounding — the petal tip swaps to the opposite diagonal */
@keyframes ayvCardMorph {
	0%, 100% { border-radius: 50% 8px 50% 8px; }
	50% { border-radius: 8px 50% 8px 50%; }
}

/* Soft tints — golden, green, orange, white */
.card-golden { background: linear-gradient(135deg, #f4cd6a, #e8b04a); }
.card-green { background: linear-gradient(135deg, #8fb866, #6f9b45); }
.card-green-light { background: linear-gradient(135deg, #a9c97f, #8fb866); }
.card-orange { background: linear-gradient(135deg, #f0a872, #e2884a); }
.card-white { background: #ffffff; box-shadow: 0 8px 28px rgba(33, 59, 20,.12); }

/* Sizes & positions — spread to edges so they frame (not cover) the text */
.card-circle    { width: 150px; height: 150px; top: -50px;   left: -70px;  animation-delay: 0s; }
.card-square    { width: 96px;  height: 96px;  top: 30px;    right: -30px; --rot: 12deg; animation-delay: 1.4s; }
.card-hexagon   { width: 64px;  height: 64px;  top: 60%;     left: -34px;  --rot: -8deg; animation-delay: 0.7s; }
.card-circle-sm { width: 54px;  height: 54px;  bottom: 40px; right: 18%;   animation-delay: 2.1s; }
.card-rect      { width: 120px; height: 74px;  bottom: -30px; left: 16%;   --rot: -6deg; animation-delay: 1s; }
.card-diamond   { width: 70px;  height: 70px;  bottom: 24%;  right: -38px; --rot: 18deg; animation-delay: 1.7s; }

/* Professional glowing light dot */
.card-dot {
	width: 16px; height: 16px;
	top: 24px; left: 32%;
	border-radius: 50% !important;
	background: radial-gradient(circle at 35% 35%, #fff, var(--ayv-accent) 65%);
	box-shadow: 0 0 0 6px rgba(239, 124, 31,.14), 0 0 18px 4px rgba(239, 124, 31,.45);
	opacity: 0.9;
	animation: ayvDotPulse 3.2s ease-in-out infinite !important;
}
@keyframes ayvDotPulse {
	0%, 100% { transform: scale(1); box-shadow: 0 0 0 6px rgba(239, 124, 31,.14), 0 0 18px 4px rgba(239, 124, 31,.45); }
	50% { transform: scale(1.25); box-shadow: 0 0 0 10px rgba(239, 124, 31,.06), 0 0 26px 8px rgba(239, 124, 31,.6); }
}

@media (max-width: 980px) {
	.ayv-hero__cards { display: none; }
}
.ayv-hero__copy .ayv-lead {
	font-size: 18px; color: var(--ayv-secondary); max-width: 540px; margin: 0 0 32px;
	text-shadow: 0 2px 8px rgba(0,0,0,.15);
	font-weight: 500; line-height: 1.6;
}
.ayv-hero__cta { display: flex; gap: 14px; flex-wrap: wrap; }
.ayv-hero__stats {
	display: flex; gap: 28px; margin-top: 40px; flex-wrap: wrap;
	padding-top: 28px; border-top: 1px dashed rgba(var(--ayv-rgba-secondary),.18);
}
.ayv-hero__stat .num { font-family: var(--ayv-ff-display); font-size: 32px; color: var(--ayv-secondary); display: block; }
.ayv-hero__stat .label { font-size: 13px; color: var(--ayv-muted); letter-spacing: .12em; text-transform: uppercase; }

/* Hero — creative video frame */
.ayv-hero__visual {
	position: relative;
	width: 100%;
	max-width: 580px;
	margin-inline: auto;
	padding: 30px 26px 30px 30px;
}

/* Decorative organic blob behind the frame */
.ayv-hero__visual::before {
	content: ""; position: absolute; inset: -10px 0 -10px -10px; z-index: 0;
	background: linear-gradient(135deg, rgba(var(--ayv-rgba-primary),.16), rgba(var(--ayv-rgba-accent),.16));
	border-radius: 56% 44% 50% 50% / 48% 52% 48% 52%;
	animation: ayv-blob 14s ease-in-out infinite;
	filter: blur(2px);
}
.ayv-hero__visual::after {
	content: ""; position: absolute; right: -22px; bottom: -22px;
	width: 70%; height: 70%; z-index: 0;
	background: linear-gradient(135deg, rgba(var(--ayv-rgba-accent),.22), transparent 70%);
	border-radius: 44% 56% 52% 48% / 52% 48% 52% 48%;
	animation: ayv-blob 18s ease-in-out infinite -4s reverse;
}

/* The actual video frame — soft leafy radius, 16:9 */
.ayv-hero__video-frame {
	position: relative; z-index: 2;
	border-radius: 26px;
	overflow: hidden;
	aspect-ratio: 16 / 10;
	background: #000;
	box-shadow:
		0 30px 60px rgba(var(--ayv-rgba-secondary),.22),
		0 0 0 8px #fff,
		0 0 0 10px rgba(var(--ayv-rgba-primary),.18);
	transform: rotate(-1.2deg);
	transition: transform .5s ease, box-shadow .5s ease;
}
.ayv-hero__visual:hover .ayv-hero__video-frame {
	transform: rotate(0deg) translateY(-4px);
	box-shadow:
		0 40px 72px rgba(var(--ayv-rgba-secondary),.28),
		0 0 0 8px #fff,
		0 0 0 10px rgba(var(--ayv-rgba-accent),.40);
}
.ayv-hero__video-frame iframe,
.ayv-hero__video-frame video {
	position: absolute; inset: 0; width: 100%; height: 100%;
	border: 0; display: block;
}

/* Dashed orbit ring behind the frame for a creative organic touch */
.ayv-hero__orbit {
	position: absolute; z-index: 1; pointer-events: none;
	inset: -18px -18px -18px -18px;
	border-radius: 36px;
	border: 1.5px dashed rgba(var(--ayv-rgba-accent),.55);
	transform: rotate(-1.2deg);
	animation: ayv-pulse-orbit 6s ease-in-out infinite;
}

/* "Watch our story" ribbon tag pinned to the top-left of the frame */
.ayv-hero__ribbon {
	position: absolute; z-index: 4;
	top: 10px; left: -10px;
	display: inline-flex; align-items: center; gap: 8px;
	background: var(--ayv-accent);
	color: var(--ayv-secondary);
	padding: 8px 16px 8px 14px;
	font-size: 12.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
	border-radius: 4px 14px 14px 4px;
	box-shadow: 0 12px 24px rgba(var(--ayv-rgba-accent),.35);
	font-family: var(--ayv-ff-body);
}
.ayv-hero__ribbon i { font-size: 11px; }
.ayv-hero__ribbon::before {
	content: ""; position: absolute; left: 0; bottom: -8px;
	border: 5px solid transparent;
	border-top-color: rgba(0,0,0,.35);
	border-right-color: rgba(0,0,0,.35);
}

/* Floating badge cards (kept) */
.ayv-hero__badge {
	position: absolute; z-index: 5;
	background: #fff;
	box-shadow: var(--ayv-shadow-md);
	border-radius: 18px;
	padding: 12px 16px;
	display: flex; align-items: center; gap: 12px;
	font-family: var(--ayv-ff-body);
	color: var(--ayv-secondary);
	min-width: 160px;
	animation: ayv-float 5s ease-in-out infinite;
}
.ayv-hero__badge .icon {
	width: 42px; height: 42px; border-radius: 12px;
	display: grid; place-items: center;
	background: linear-gradient(135deg, var(--ayv-primary), var(--ayv-accent));
	color: #fff; font-size: 18px; flex-shrink: 0;
}
.ayv-hero__badge .num { font-family: var(--ayv-ff-display); font-size: 18px; color: var(--ayv-secondary); display: block; line-height: 1.1; }
.ayv-hero__badge .label { font-size: 11.5px; color: var(--ayv-muted); letter-spacing: .04em; }
.ayv-hero__badge.top    { top: -26px; right: -38px; animation-delay: -1s; }
.ayv-hero__badge.bottom { bottom: -26px; left: -36px; animation-delay: -3s; }

/* Hero decorative leaves */
.ayv-leaf-deco { position: absolute; pointer-events: none; opacity: .55; z-index: 2; }
.ayv-leaf-deco.l1 { top: 6%;  left: 4%;  width: 90px; animation: ayv-float 7s ease-in-out infinite; }
.ayv-leaf-deco.l2 { bottom: 8%; left: 8%; width: 70px; animation: ayv-float 6s ease-in-out infinite -2s; }
.ayv-leaf-deco.l3 { top: 12%; right: 8%; width: 80px; animation: ayv-float 8s ease-in-out infinite -3s; }

@keyframes ayv-blob {
	0%, 100% { border-radius: 56% 44% 50% 50% / 48% 52% 48% 52%; transform: translate(0,0) rotate(0); }
	33%      { border-radius: 44% 56% 60% 40% / 52% 48% 60% 40%; transform: translate(6px,-8px) rotate(2deg); }
	66%      { border-radius: 60% 40% 44% 56% / 40% 60% 48% 52%; transform: translate(-4px,6px) rotate(-1.5deg); }
}
@keyframes ayv-pulse-orbit {
	0%, 100% { opacity: .55; transform: rotate(-1.2deg) scale(1); }
	50%      { opacity: .85; transform: rotate(-1.2deg) scale(1.02); }
}

@media (max-width: 900px) {
	/* Stack as a single column and reorder so the video sits right after the
	   "Pure Ayurveda for timeless wellness" headline. display:contents lets the
	   copy's children take part in the same flex flow as the video. */
	.ayv-hero__inner { display: flex; flex-direction: column; text-align: center; }
	.ayv-hero__copy { display: contents; }
	.ayv-hero__copy .ayv-eyebrow { order: 1; margin-inline: auto; }
	.ayv-hero__copy h1 { order: 2; }
	.ayv-hero__visual { order: 3; }
	.ayv-hero__copy .ayv-lead { order: 4; }
	.ayv-hero__cta { order: 5; justify-content: center; }
	.ayv-hero__stats { order: 6; justify-content: center; }
	/* buyers marquee sits BELOW the Shop Now / Our Services buttons on mobile */
	.ayv-hero__copy .ayv-buyfeed { order: 6; margin-inline: auto; width: 100%; }
	.ayv-hero__visual { max-width: 460px; margin-top: 24px; margin-inline: auto; padding: 24px 18px; }
	.ayv-hero__video-frame { aspect-ratio: 16 / 11; }
	.ayv-hero__badge { min-width: 140px; padding: 10px 12px; }
	.ayv-hero__badge.top    { top: -18px; right: -14px; }
	.ayv-hero__badge.bottom { bottom: -18px; left: -14px; }
	.ayv-leaf-deco.l3 { display: none; }
}
@media (max-width: 520px) {
	.ayv-hero__badge .label { display: none; }
	.ayv-hero__badge { min-width: auto; padding: 8px 12px; }
	.ayv-hero__ribbon { font-size: 11px; padding: 7px 12px; }
}

@keyframes ayv-spin { from { transform: rotate(0); } to { transform: rotate(360deg); } }
@keyframes ayv-spin-rev { from { transform: rotate(0); } to { transform: rotate(-360deg); } }
@keyframes ayv-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-14px); } }
@keyframes ayv-fade-up { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: translateY(0); } }
@keyframes ayv-pulse { 0%,100% { transform: scale(1); opacity: .8; } 50% { transform: scale(1.2); opacity: .3; } }

/* ==========================================================================
   4. REELS SECTION
   ========================================================================== */
.ayv-reels {
	background: linear-gradient(180deg, var(--ayv-paper), var(--ayv-cream));
	padding: var(--ayv-section-y) 0;
	position: relative; overflow: hidden;
}
.ayv-reels::before, .ayv-reels::after {
	content: ""; position: absolute; width: 280px; height: 280px; border-radius: 50%;
	background: radial-gradient(circle, rgba(var(--ayv-rgba-primary),.12), transparent 70%);
	z-index: 0;
}
.ayv-reels::before { top: 8%; left: -100px; }
.ayv-reels::after  { bottom: 8%; right: -100px; background: radial-gradient(circle, rgba(var(--ayv-rgba-accent),.18), transparent 70%); }
.ayv-reels__inner { position: relative; z-index: 2; }
.ayv-reels__grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 22px;
}
.ayv-reel {
	position: relative; aspect-ratio: 9/16;
	border-radius: var(--ayv-radius-lg);
	overflow: hidden; cursor: pointer;
	background: var(--ayv-secondary);
	box-shadow: var(--ayv-shadow-md);
	transition: transform .35s ease, box-shadow .35s ease;
}
.ayv-reel:hover { transform: translateY(-8px); box-shadow: var(--ayv-shadow-lg); }
.ayv-reel video, .ayv-reel img {
	position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
	transition: transform .9s ease;
}
.ayv-reel:hover img { transform: scale(1.08); }
.ayv-reel__overlay {
	position: absolute; inset: 0;
	background: linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(20,28,12,.85) 100%);
	display: flex; align-items: flex-end; padding: 18px;
	color: #fff;
}
.ayv-reel__overlay h4 { color: #fff; font-size: 16px; margin: 0 0 4px; font-family: var(--ayv-ff-body); font-weight: 600; }
.ayv-reel__overlay .meta { font-size: 12px; opacity: .8; display: flex; gap: 12px; }
.ayv-reel__play {
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
	width: 64px; height: 64px; border-radius: 50%;
	background: rgba(255,255,255,.94); color: var(--ayv-primary);
	display: grid; place-items: center; font-size: 22px;
	box-shadow: 0 16px 32px rgba(0,0,0,.3);
	transition: transform .3s ease, background .3s ease;
}
.ayv-reel__play::after {
	content: ""; position: absolute; inset: -6px; border-radius: 50%;
	border: 2px solid rgba(255,255,255,.6); animation: ayv-pulse 1.8s ease-out infinite;
}
.ayv-reel:hover .ayv-reel__play { transform: translate(-50%, -50%) scale(1.1); background: var(--ayv-accent); color: var(--ayv-secondary); }

/* ==========================================================================
   5. ABOUT US
   ========================================================================== */
.ayv-about {
	padding: var(--ayv-section-y) 0;
	background: var(--ayv-paper);
	position: relative; overflow: hidden;
}
.ayv-about__grid {
	display: grid; grid-template-columns: 1fr 1.05fr; gap: clamp(36px, 6vw, 80px);
	align-items: center;
}
.ayv-about__visual { position: relative; }
.ayv-about__visual .frame {
	position: relative; border-radius: var(--ayv-radius-lg);
	overflow: hidden; aspect-ratio: 4/5;
	box-shadow: var(--ayv-shadow-lg);
}
.ayv-about__visual .frame img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s ease; }
.ayv-about__visual:hover .frame img { transform: scale(1.05); }
.ayv-about__visual .frame::after {
	content: ""; position: absolute; inset: 16px; border: 1px solid rgba(255,255,255,.55);
	border-radius: calc(var(--ayv-radius-lg) - 16px);
	pointer-events: none;
}
.ayv-about__floater {
	position: absolute; bottom: -28px; left: -28px;
	background: #fff; padding: 18px 22px;
	border-radius: var(--ayv-radius-md); box-shadow: var(--ayv-shadow-md);
	display: flex; align-items: center; gap: 14px;
	min-width: 220px;
}
.ayv-about__floater .icon {
	width: 50px; height: 50px; border-radius: 50%;
	background: linear-gradient(135deg, var(--ayv-primary), var(--ayv-accent));
	display: grid; place-items: center; color: #fff; font-size: 22px;
}
.ayv-about__floater strong { font-family: var(--ayv-ff-display); display: block; font-size: 22px; color: var(--ayv-secondary); line-height: 1; }
.ayv-about__floater span { font-size: 12.5px; color: var(--ayv-muted); }
.ayv-about__leaf {
	position: absolute; right: -30px; top: -30px; width: 130px;
	opacity: .8; animation: ayv-float 7s ease-in-out infinite;
}

.ayv-about__copy h2 { font-size: clamp(28px, 4vw, 44px); }
.ayv-about__copy h2 .ink { color: var(--ayv-secondary); }
.ayv-about__copy h2 .leaf {
	color: var(--ayv-primary); font-style: italic;
	background: linear-gradient(135deg, var(--ayv-primary), var(--ayv-accent));
	-webkit-background-clip: text; background-clip: text;
	-webkit-text-fill-color: transparent;
}
.ayv-about__copy .shape { display: block; margin: 12px 0 18px; }
.ayv-about__copy p { color: var(--ayv-muted); font-size: 16px; }
.ayv-about__chips { display: flex; flex-wrap: wrap; gap: 18px; margin: 28px 0; }
.ayv-about__chip {
	display: flex; align-items: center; gap: 12px; padding: 10px 16px;
	background: var(--ayv-cream); border-radius: var(--ayv-radius-pill);
	font-size: 14px; font-weight: 600; color: var(--ayv-secondary);
	border: 1px solid var(--ayv-line);
}
.ayv-about__chip i { color: var(--ayv-primary); font-size: 16px; }

@media (max-width: 900px) {
	.ayv-about__grid { grid-template-columns: 1fr; }
	.ayv-about__visual { max-width: 480px; margin: 0 auto; }
}

/* ==========================================================================
   6. PRODUCTS SECTION
   ========================================================================== */
.ayv-products {
	padding: var(--ayv-section-y) 0;
	background: linear-gradient(180deg, var(--ayv-paper), var(--ayv-surface));
	position: relative;
}
.ayv-products::before {
	content: ""; position: absolute; left: 0; right: 0; top: 0; height: 100%;
	background-image:
		radial-gradient(circle at 90% 10%, rgba(var(--ayv-rgba-primary),.06), transparent 40%),
		radial-gradient(circle at 10% 90%, rgba(var(--ayv-rgba-accent),.08), transparent 40%);
	pointer-events: none;
}
.ayv-products__grid {
	display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 30px;
	position: relative; z-index: 2;
}
.ayv-product {
	position: relative; background: #fff;
	border-radius: var(--ayv-radius-lg);
	overflow: hidden;
	box-shadow: 0 8px 20px rgba(var(--ayv-rgba-secondary),.08);
	border: 1px solid var(--ayv-line);
	transition: transform .3s cubic-bezier(.23,1,.32,1), box-shadow .3s cubic-bezier(.23,1,.32,1), border-color .3s ease;
	display: flex; flex-direction: column;
	isolation: isolate;
}
.ayv-product::before {
	content: ""; position: absolute; inset: 0; z-index: 0;
	background: radial-gradient(circle at 50% 0%, rgba(var(--ayv-rgba-primary),.12), transparent 70%);
	opacity: 0; transition: opacity .4s ease;
}
.ayv-product:hover {
	transform: translateY(-8px);
	box-shadow: 0 20px 40px rgba(var(--ayv-rgba-secondary),.15), 0 0 1px rgba(var(--ayv-rgba-primary),.15);
	border-color: rgba(var(--ayv-rgba-primary),.30);
}
.ayv-product:hover::before { opacity: 1; }
.ayv-product__image {
	position: relative; aspect-ratio: 1/1;
	background: linear-gradient(135deg, var(--ayv-cream) 0%, rgba(255,255,255,.5) 100%);
	display: grid; place-items: center;
	padding: 30px;
	overflow: hidden;
}
.ayv-product__image img { max-width: 100%; max-height: 100%; object-fit: contain; transition: transform .5s cubic-bezier(.23,1,.32,1); }
.ayv-product:hover .ayv-product__image img { transform: scale(1.06) rotate(-2deg); }
.ayv-product__image::after {
	content: ""; position: absolute; inset: 14% 14% auto auto; width: 48px; height: 48px; border-radius: 50%;
	border: 2px solid rgba(var(--ayv-rgba-accent),.25); opacity: 0; transition: opacity .35s ease, transform .7s cubic-bezier(.23,1,.32,1);
}
.ayv-product:hover .ayv-product__image::after { opacity: 1; transform: rotate(180deg) scale(.8); }
.ayv-product__badge {
	position: absolute; top: 16px; left: 16px;
	background: var(--ayv-accent); color: var(--ayv-secondary);
	font-size: 10.5px; font-weight: 700; letter-spacing: .1em;
	padding: 6px 14px; border-radius: var(--ayv-radius-pill); text-transform: uppercase;
	z-index: 2;
	box-shadow: 0 4px 12px rgba(var(--ayv-rgba-accent),.25);
}
.ayv-product__quick {
	position: absolute; top: 16px; right: 16px;
	display: flex; flex-direction: column; gap: 10px; z-index: 2;
	opacity: 0; transform: translateX(16px); transition: opacity .3s ease, transform .3s ease;
}
.ayv-product:hover .ayv-product__quick { opacity: 1; transform: translateX(0); }
.ayv-product__quick a {
	width: 40px; height: 40px; border-radius: 50%;
	display: grid; place-items: center;
	background: #fff; color: var(--ayv-secondary);
	box-shadow: 0 4px 14px rgba(0,0,0,.12);
	transition: all .2s cubic-bezier(.23,1,.32,1);
	backdrop-filter: blur(.5px);
}
.ayv-product__quick a:hover { background: var(--ayv-primary); color: #fff; transform: scale(1.08); }
.ayv-product__body {
	padding: 24px 26px; position: relative; z-index: 1; flex: 1; display: flex; flex-direction: column;
}
/* "100% Ayurvedic" seal — straddles the image/card boundary at the bottom-right
   of the product image (half over the image, half over the card body). It lives
   inside __body and is pulled up by -50% so it sits exactly on the seam; the
   white ring sells the "peel-and-stick" sticker look. */
.ayv-product__ayur {
	position: absolute; top: 0; right: 18px; z-index: 3;
	transform: translateY(-50%) rotate(-2deg);
	display: inline-flex; align-items: center; gap: 6px; white-space: nowrap;
	padding: 7px 13px; border-radius: var(--ayv-radius-pill);
	font-size: 10.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase;
	color: #fff;
	background: linear-gradient(135deg, var(--ayv-primary) 0%, #4a7530 55%, var(--ayv-secondary) 100%);
	border: 2px solid #fff;
	box-shadow: 0 8px 18px rgba(var(--ayv-rgba-primary),.40), 0 2px 4px rgba(0,0,0,.12);
	transition: transform .35s cubic-bezier(.23,1,.32,1), box-shadow .35s ease;
	pointer-events: none;
}
.ayv-product__ayur i { font-size: 11px; color: var(--ayv-accent-2); }
.ayv-product:hover .ayv-product__ayur {
	transform: translateY(-50%) rotate(0deg) scale(1.05);
	box-shadow: 0 12px 26px rgba(var(--ayv-rgba-primary),.50), 0 3px 6px rgba(0,0,0,.14);
}
@media (max-width: 480px) {
	.ayv-product__ayur { right: 12px; padding: 6px 11px; font-size: 9.5px; }
}
.ayv-product__cat {
	font-size: 10.5px; letter-spacing: .15em; text-transform: uppercase;
	color: var(--ayv-primary); font-weight: 700; opacity: .85; margin-bottom: 6px;
}
.ayv-product__title {
	font-family: var(--ayv-ff-display);
	font-size: 18px; font-weight: 700; margin: 0 0 10px;
	color: var(--ayv-secondary); line-height: 1.28;
}
.ayv-product__title a { color: inherit; text-decoration: none; }
.ayv-product__title a:hover { color: var(--ayv-primary); }
.ayv-product__stars { color: var(--ayv-accent); font-size: 12px; margin-bottom: 14px; letter-spacing: 1.5px; font-weight: 500; }
.ayv-product__price-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: auto; padding-top: 16px; border-top: 1px solid var(--ayv-line); }
.ayv-product__price { font-size: 21px; font-weight: 700; color: var(--ayv-secondary); font-family: var(--ayv-ff-display); }
.ayv-product__price .strike { font-size: 13px; color: var(--ayv-muted); text-decoration: line-through; margin-right: 10px; font-weight: 500; opacity: .8; }
.ayv-product__cart {
	width: 44px; height: 44px; border-radius: 50%;
	background: linear-gradient(135deg, var(--ayv-primary), var(--ayv-primary-2)); color: #fff !important;
	display: inline-grid; place-items: center; font-size: 15px;
	box-shadow: 0 8px 20px rgba(var(--ayv-rgba-primary),.28);
	transition: all .2s cubic-bezier(.23,1,.32,1);
	border: none; cursor: pointer;
}
.ayv-product__cart:hover { transform: scale(1.06) translateY(-2px); color: #fff; box-shadow: 0 12px 28px rgba(var(--ayv-rgba-primary),.35); }

/* ==========================================================================
   7. SERVICES SECTION
   ========================================================================== */
.ayv-services {
	padding: var(--ayv-section-y) 0;
	background: var(--ayv-secondary);
	color: #f3ead0;
	position: relative; overflow: hidden;
}
.ayv-services::before, .ayv-services::after {
	content: ""; position: absolute; z-index: 0; pointer-events: none;
}
.ayv-services::before {
	top: -100px; left: -100px; width: 320px; height: 320px; border-radius: 50%;
	background: radial-gradient(circle, rgba(var(--ayv-rgba-accent),.18), transparent 70%);
}
.ayv-services::after {
	bottom: -120px; right: -80px; width: 380px; height: 380px; border-radius: 50%;
	background: radial-gradient(circle, rgba(var(--ayv-rgba-primary),.30), transparent 70%);
}
.ayv-services .ayv-sec-head h2 .ink { color: #fff; }
.ayv-services .ayv-sec-head h2 .leaf {
	background: linear-gradient(135deg, var(--ayv-accent), var(--ayv-accent-2));
	-webkit-background-clip: text; background-clip: text;
	-webkit-text-fill-color: transparent;
}
.ayv-services .ayv-sec-head p { color: rgba(255,255,255,.7); }
.ayv-services .ayv-sec-head .eyebrow { color: var(--ayv-accent-2); }

.ayv-services__grid {
	display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 26px; position: relative; z-index: 2;
}
.ayv-service {
	position: relative;
	background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
	border: 1px solid rgba(var(--ayv-rgba-accent),.22);
	border-radius: var(--ayv-radius-lg);
	padding: 32px 26px;
	backdrop-filter: blur(8px);
	transition: transform .4s cubic-bezier(.2,.7,.2,1), border-color .4s ease, background .4s ease;
	overflow: hidden; isolation: isolate;
}
.ayv-service::before {
	content: ""; position: absolute; inset: -50% -50% auto auto; width: 200%; height: 200%;
	background: radial-gradient(circle at 50% 50%, rgba(var(--ayv-rgba-accent),.20), transparent 35%);
	transform: translate(50%, -50%) scale(.4); transition: transform .8s ease;
	z-index: -1;
}
.ayv-service:hover { transform: translateY(-10px); border-color: rgba(var(--ayv-rgba-accent),.55); }
.ayv-service:hover::before { transform: translate(20%, -30%) scale(1); }
.ayv-service__icon {
	width: 72px; height: 72px; border-radius: 22px;
	display: grid; place-items: center; font-size: 30px;
	background: linear-gradient(135deg, var(--ayv-primary), var(--ayv-primary-2));
	color: #fff;
	box-shadow: 0 16px 30px rgba(var(--ayv-rgba-primary),.30);
	margin-bottom: 22px; position: relative;
	transition: transform .4s ease;
}
.ayv-service:hover .ayv-service__icon { transform: rotate(-6deg) scale(1.08); }
.ayv-service__icon::after {
	content: ""; position: absolute; inset: -6px; border-radius: 26px;
	border: 1.5px dashed rgba(var(--ayv-rgba-accent),.45);
	animation: ayv-spin 18s linear infinite;
}
.ayv-service h3 { color: #fff; font-size: 22px; margin: 0 0 10px; }
.ayv-service p { color: rgba(255,255,255,.72); font-size: 14.5px; margin: 0 0 18px; }
.ayv-service__link {
	display: inline-flex; align-items: center; gap: 8px;
	color: var(--ayv-accent-2); font-weight: 600; font-size: 14px;
	transition: gap .3s ease;
}
.ayv-service__link:hover { gap: 14px; color: #fff; }
.ayv-service__num {
	position: absolute; right: 22px; top: 22px;
	font-family: var(--ayv-ff-display); font-size: 44px;
	color: rgba(255,255,255,.06); line-height: 1;
}

/* ==========================================================================
   8. CTA SECTION
   ========================================================================== */
.ayv-cta {
	padding: var(--ayv-section-y) 0;
	background: var(--ayv-paper);
	position: relative;
}
.ayv-cta__inner {
	position: relative; overflow: hidden;
	background: linear-gradient(135deg, var(--ayv-primary), var(--ayv-secondary));
	border-radius: var(--ayv-radius-lg);
	padding: clamp(40px, 6vw, 80px) clamp(28px, 5vw, 70px);
	display: grid; grid-template-columns: 1.4fr 1fr; gap: 30px; align-items: center;
	color: #fff;
	box-shadow: var(--ayv-shadow-lg);
}
.ayv-cta__inner::before {
	content: ""; position: absolute; right: -120px; top: -120px;
	width: 380px; height: 380px; border-radius: 50%;
	background: radial-gradient(circle, rgba(var(--ayv-rgba-accent),.45), transparent 70%);
	pointer-events: none;
}
.ayv-cta__inner::after {
	content: ""; position: absolute; left: -80px; bottom: -100px;
	width: 280px; height: 280px; border-radius: 50%;
	background: radial-gradient(circle, rgba(var(--ayv-rgba-accent),.20), transparent 70%);
	pointer-events: none;
}
.ayv-cta__copy { position: relative; z-index: 2; }
.ayv-cta__copy .eyebrow {
	font-family: var(--ayv-ff-script); color: var(--ayv-accent-2);
	font-size: 22px; line-height: 1; margin-bottom: 12px;
}
.ayv-cta__copy h2 {
	color: #fff; font-size: clamp(28px, 4.5vw, 48px); margin: 0 0 18px;
}
.ayv-cta__copy h2 .leaf {
	background: linear-gradient(135deg, var(--ayv-accent-2), #fff);
	-webkit-background-clip: text; background-clip: text;
	-webkit-text-fill-color: transparent;
	font-style: italic;
}
.ayv-cta__copy p { color: rgba(255,255,255,.85); margin: 0 0 26px; max-width: 580px; }
.ayv-cta__actions { display: flex; gap: 14px; flex-wrap: wrap; }
.ayv-cta__visual {
	position: relative; z-index: 2; text-align: center;
}
.ayv-cta__visual .ring {
	width: clamp(180px, 22vw, 260px); aspect-ratio: 1; border-radius: 50%;
	margin-inline: auto;
	border: 2px dashed rgba(255,255,255,.32);
	display: grid; place-items: center;
	animation: ayv-spin 32s linear infinite;
	background: radial-gradient(circle at 50% 30%, rgba(var(--ayv-rgba-accent),.4), transparent 60%);
}
.ayv-cta__visual .ring i { font-size: 80px; color: #fff; animation: ayv-float 4s ease-in-out infinite; }

@media (max-width: 760px) {
	.ayv-cta__inner { grid-template-columns: 1fr; text-align: center; }
	.ayv-cta__actions { justify-content: center; }
}

/* ==========================================================================
   9. CONTACT SECTION
   ========================================================================== */
.ayv-contact {
	padding: var(--ayv-section-y) 0;
	background:
		radial-gradient(900px 420px at 12% 0%, rgba(45, 212, 191, .22), transparent 60%),
		radial-gradient(820px 460px at 88% 18%, rgba(142, 68, 173, .20), transparent 62%),
		radial-gradient(760px 520px at 50% 110%, rgba(245, 158, 11, .20), transparent 60%),
		linear-gradient(180deg, #eef7f3, #f6f0ff 55%, #fff7ec);
	position: relative; overflow: hidden;
}
.ayv-contact::before {
	content: ""; position: absolute; top: 8%; left: -120px; width: 300px; height: 300px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(37, 211, 102, .22), transparent 70%);
	pointer-events: none;
}
.ayv-contact::after {
	content: ""; position: absolute; bottom: -100px; right: -120px; width: 320px; height: 320px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(124, 92, 255, .20), transparent 70%);
	pointer-events: none;
}
.ayv-contact__grid {
	display: grid; grid-template-columns: 1fr 1.1fr; gap: clamp(20px, 4vw, 40px);
	align-items: stretch;
	position: relative; z-index: 2;
}
.ayv-contact__card {
	background: #fff; border-radius: 22px;
	padding: clamp(24px, 3vw, 36px); box-shadow: 0 18px 50px -22px rgba(30, 50, 40, .35);
	border: 1px solid rgba(45, 95, 70, .1);
	display: flex; flex-direction: column;
}
.ayv-contact__card h3 { font-size: clamp(19px, 2.4vw, 23px); margin: 0 0 6px; font-weight: 800; color: var(--ayv-secondary); }
.ayv-contact__sub { font-size: 14px; color: var(--ayv-muted); line-height: 1.55; margin: 0 0 22px; }

.ayv-contact__info { display: flex; flex-direction: column; gap: 12px; }
/* Each contact channel = a clean, tappable row card */
.ayv-contact__row {
	display: flex; align-items: center; gap: 14px;
	padding: 13px 15px; border-radius: 15px;
	background: #fbfcfb; border: 1px solid rgba(45, 95, 70, .1);
	text-decoration: none; color: inherit;
	transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
}
.ayv-contact__row:not(.is-static) { cursor: pointer; }
.ayv-contact__row:not(.is-static):hover {
	transform: translateY(-2px); background: #fff;
	border-color: var(--ayv-clr, var(--ayv-primary));
	box-shadow: 0 12px 26px -14px var(--ayv-clr-sh, rgba(45,95,70,.5));
}
.ayv-contact__ic {
	flex-shrink: 0; width: 46px; height: 46px; border-radius: 13px;
	display: grid; place-items: center; color: #fff; font-size: 17px;
	background: linear-gradient(135deg, var(--ayv-clr, var(--ayv-primary)), var(--ayv-clr2, var(--ayv-accent)));
	box-shadow: 0 8px 18px -6px var(--ayv-clr-sh, rgba(45,95,70,.5));
}
.ayv-contact__text { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
.ayv-contact__label { color: var(--ayv-muted); font-size: 11.5px; letter-spacing: .07em; text-transform: uppercase; font-weight: 700; }
.ayv-contact__value { color: var(--ayv-secondary); font-weight: 700; font-size: 14.5px; line-height: 1.4; word-break: break-word; }
.ayv-contact__chev {
	flex-shrink: 0; color: var(--ayv-clr, var(--ayv-primary)); font-size: 12px; opacity: .55;
	transition: transform .2s ease, opacity .2s ease;
}
.ayv-contact__row:hover .ayv-contact__chev { opacity: 1; transform: translateX(3px); }
/* Per-channel accent colours */
.ayv-contact__row--call  { --ayv-clr: #2f8f4e; --ayv-clr2: #6cc36f; --ayv-clr-sh: rgba(47,143,78,.45); }
.ayv-contact__row--email { --ayv-clr: #2563eb; --ayv-clr2: #38bdf8; --ayv-clr-sh: rgba(37,99,235,.4); }
.ayv-contact__row--wa    { --ayv-clr: #128c7e; --ayv-clr2: #25d366; --ayv-clr-sh: rgba(37,211,102,.45); }
.ayv-contact__row--addr  { --ayv-clr: #b45309; --ayv-clr2: #f59e0b; --ayv-clr-sh: rgba(180,83,9,.4); }

/* Prominent professional action buttons */
.ayv-contact__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 22px; }
.ayv-contact__btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 9px;
	padding: 14px 18px; border-radius: 13px; font-weight: 800; font-size: 14.5px;
	text-decoration: none; color: #fff !important; transition: transform .2s ease, box-shadow .2s ease; white-space: nowrap;
}
.ayv-contact__btn:hover, .ayv-contact__btn:focus, .ayv-contact__btn:visited { color: #fff !important; }
.ayv-contact__btn i { font-size: 16px; color: #fff !important; }
.ayv-contact__btn--call { background: linear-gradient(135deg, #2f8f4e, #1f7a3e); box-shadow: 0 12px 26px -10px rgba(47,143,78,.6); }
.ayv-contact__btn--wa   { background: linear-gradient(135deg, #25d366, #128c7e); box-shadow: 0 12px 26px -10px rgba(37,211,102,.6); }
.ayv-contact__btn:hover { transform: translateY(-2px); box-shadow: 0 16px 32px -10px rgba(0,0,0,.3); }
.ayv-contact__btn:active { transform: translateY(0); }

.ayv-contact__hours {
	margin-top: 18px; padding-top: 18px; border-top: 1px dashed rgba(45, 95, 70, .18);
	font-size: 13px; color: var(--ayv-muted); display: flex; align-items: center; gap: 8px;
}
.ayv-contact__hours i { color: var(--ayv-primary); }

.ayv-form { background: #fff; border-radius: 22px; padding: clamp(24px, 3vw, 36px); box-shadow: 0 18px 50px -22px rgba(30, 50, 40, .35); border: 1px solid rgba(45, 95, 70, .1); display: flex; flex-direction: column; }
.ayv-form h3 { font-size: clamp(19px, 2.4vw, 23px); margin: 0 0 20px; font-weight: 800; color: var(--ayv-secondary); }
.ayv-field { margin-bottom: 16px; position: relative; }
.ayv-field label {
	display: block; font-size: 12.5px; font-weight: 600; letter-spacing: .08em;
	text-transform: uppercase; color: var(--ayv-muted); margin-bottom: 6px;
}
.ayv-input, .ayv-textarea {
	width: 100%; padding: 13px 16px; font-size: 15px;
	border: 1.5px solid var(--ayv-line); border-radius: 14px;
	background: var(--ayv-paper); color: var(--ayv-secondary);
	font-family: inherit; transition: border-color .25s ease, box-shadow .25s ease;
	outline: none;
}
.ayv-input:focus, .ayv-textarea:focus {
	border-color: var(--ayv-primary);
	box-shadow: 0 0 0 4px rgba(var(--ayv-rgba-primary),.12);
}
.ayv-textarea { min-height: 130px; resize: vertical; }
.ayv-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
@media (max-width: 600px) { .ayv-form__row { grid-template-columns: 1fr; } }

/* Contact section — responsive */
@media (max-width: 900px) {
	.ayv-contact__grid { grid-template-columns: 1fr; }
}
@media (max-width: 420px) {
	.ayv-contact__actions { grid-template-columns: 1fr; }
	.ayv-contact__ic { width: 42px; height: 42px; font-size: 15px; border-radius: 12px; }
	.ayv-contact__row { padding: 11px 12px; gap: 12px; }
	.ayv-contact__value { font-size: 13.5px; }
}

/* ==========================================================================
   10. FOOTER
   ========================================================================== */
.ayv-footer {
	background: var(--ayv-secondary-2);
	color: #d6cdb1;
	padding-top: 70px;
	position: relative; overflow: hidden;
}
.ayv-footer::before {
	content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px;
	background: linear-gradient(90deg, var(--ayv-primary), var(--ayv-accent), var(--ayv-primary));
}
.ayv-footer::after {
	content: ""; position: absolute; right: -120px; top: 20%;
	width: 320px; height: 320px; border-radius: 50%;
	background: radial-gradient(circle, rgba(var(--ayv-rgba-accent),.12), transparent 70%);
	pointer-events: none;
}

.ayv-footer__bar {
	background: var(--ayv-primary);
	margin: 0 0 50px;
	padding: 26px 0;
	border-radius: 0;
}
.ayv-footer__bar .ayv-container {
	display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 22px; align-items: center;
}
.ayv-footer__bar-item { display: flex; align-items: center; gap: 14px; color: #fff; }
.ayv-footer__bar-item .icon {
	width: 50px; height: 50px; border-radius: 50%;
	background: rgba(255,255,255,.12); display: grid; place-items: center; font-size: 18px;
}
.ayv-footer__bar-item .label { font-size: 12.5px; letter-spacing: .12em; text-transform: uppercase; opacity: .8; }
.ayv-footer__bar-item strong { font-family: var(--ayv-ff-display); font-size: 18px; display: block; color: #fff; }
.ayv-footer__bar-item strong a { color: #fff; }
.ayv-footer__bar-item.center { justify-content: center; }
.ayv-footer__bar-item.right { justify-content: flex-end; }
.ayv-footer__bar-item.center img { max-width: 180px; height: auto; }

.ayv-footer__main {
	display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
	gap: 38px; padding-bottom: 50px;
	position: relative; z-index: 2;
}
.ayv-footer__col h4 {
	color: #fff; font-size: 17px; margin: 0 0 22px;
	font-family: var(--ayv-ff-display);
	position: relative; padding-bottom: 14px;
}
.ayv-footer__col h4::after {
	content: ""; position: absolute; left: 0; bottom: 0;
	width: 36px; height: 2px; background: var(--ayv-accent);
}
.ayv-footer__about p { color: rgba(255,255,255,.65); font-size: 14px; margin: 0 0 22px; }
.ayv-footer__social { display: flex; gap: 10px; }
.ayv-footer__social a {
	width: 38px; height: 38px; border-radius: 50%;
	background: rgba(255,255,255,.08); color: #fff;
	display: grid; place-items: center; transition: all .25s ease;
}
.ayv-footer__social a:hover { background: var(--ayv-accent); color: var(--ayv-secondary); transform: translateY(-3px); }

.ayv-footer__col ul { list-style: none; padding: 0; margin: 0; }
.ayv-footer__col ul li { margin-bottom: 12px; }
.ayv-footer__col ul li a { color: rgba(255,255,255,.7); font-size: 14.5px; display: inline-flex; align-items: center; gap: 8px; transition: all .25s ease; }
.ayv-footer__col ul li a::before { content: "❋"; color: var(--ayv-accent); font-size: 11px; }
.ayv-footer__col ul li a:hover { color: var(--ayv-accent-2); padding-left: 6px; }

.ayv-footer__news input {
	width: 100%; padding: 13px 18px; border-radius: var(--ayv-radius-pill);
	background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12);
	color: #fff; font-size: 14px; outline: none;
}
.ayv-footer__news input::placeholder { color: rgba(255,255,255,.5); }
.ayv-footer__news button {
	margin-top: 12px; width: 100%; padding: 13px 22px;
	border: 0; border-radius: var(--ayv-radius-pill);
	background: linear-gradient(135deg, var(--ayv-accent), var(--ayv-accent-2));
	color: var(--ayv-secondary); font-weight: 700; cursor: pointer; font-size: 14px;
	transition: transform .25s ease, box-shadow .25s ease;
}
.ayv-footer__news button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(var(--ayv-rgba-accent),.40); }

.ayv-footer__bottom {
	padding: 22px 0;
	border-top: 1px solid rgba(255,255,255,.07);
	font-size: 13.5px;
	color: rgba(255,255,255,.55);
	text-align: center;
}
.ayv-footer__bottom a { color: var(--ayv-accent-2); }

@media (max-width: 1024px) {
	.ayv-footer__bar .ayv-container { grid-template-columns: 1fr; gap: 16px; }
	.ayv-footer__bar-item { justify-content: center !important; }
	.ayv-footer__main { grid-template-columns: 1fr 1fr; gap: 30px; }
}
@media (max-width: 540px) {
	.ayv-footer__main { grid-template-columns: 1fr; }
}

/* ==========================================================================
   PAGE BANNER (inner pages)
   ========================================================================== */
.ayv-banner {
	position: relative; overflow: hidden;
	background: linear-gradient(135deg, var(--ayv-secondary), var(--ayv-primary));
	color: #fff; padding: clamp(70px, 9vw, 130px) 0;
	text-align: center;
}
.ayv-banner::before, .ayv-banner::after {
	content: ""; position: absolute; border-radius: 50%; pointer-events: none;
}
.ayv-banner::before {
	width: 260px; height: 260px; top: -80px; left: -60px;
	background: radial-gradient(circle, rgba(var(--ayv-rgba-accent),.30), transparent 70%);
}
.ayv-banner::after {
	width: 320px; height: 320px; bottom: -120px; right: -80px;
	background: radial-gradient(circle, rgba(var(--ayv-rgba-accent),.22), transparent 70%);
}
.ayv-banner h1 { color: #fff; font-size: clamp(34px, 5vw, 60px); margin: 0 0 14px; }
.ayv-banner h1 .leaf {
	background: linear-gradient(135deg, var(--ayv-accent-2), #fff);
	-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
	font-style: italic;
}
.ayv-banner .crumbs {
	display: inline-flex; gap: 10px; font-size: 14px;
	color: rgba(255,255,255,.8); align-items: center;
}
.ayv-banner .crumbs a { color: rgba(255,255,255,.85); }
.ayv-banner .crumbs a:hover { color: var(--ayv-accent-2); }
.ayv-banner .crumbs i { font-size: 8px; color: var(--ayv-accent-2); }

/* ==========================================================================
   Scroll reveal
   ========================================================================== */
[data-ayv-reveal] {
	opacity: 0; transform: translateY(28px);
	transition: opacity .8s ease, transform .8s ease;
}
[data-ayv-reveal].is-shown { opacity: 1; transform: translateY(0); }
/* In customize/builder mode the scroll-reveal must never hide content, or
   headings you haven't scrolled to are invisible and look "uneditable". */
body.pc-has-topbar [data-ayv-reveal],
body.hm-edit [data-ayv-reveal] {
	opacity: 1 !important;
	transform: none !important;
	transition: none !important;
}

/* Make inline click-to-edit obvious on the fixed sections (Hero, About,
   Services, CTA, Contact). They have no pencil button — you edit by clicking
   the text directly — so highlight editable text on hover in customize mode. */
body.pc-has-topbar .pc-editable {
	outline: 1.5px dashed rgba(74, 124, 42, .8) !important;
	outline-offset: 3px !important;
	border-radius: 4px;
}
body.pc-has-topbar .pc-editable:hover {
	background: rgba(201, 169, 97, .14) !important;
	box-shadow: 0 0 0 4px rgba(201, 169, 97, .14) !important;
	cursor: text !important;
}
body.pc-has-topbar .pc-editable:focus {
	outline: 2px solid var(--ayv-primary) !important;
	background: rgba(255, 255, 255, .9) !important;
}

/* ==========================================================================
   Utilities
   ========================================================================== */
.ayv-only-print { display: none; }
.ayv-text-center { text-align: center; }

/* Customizer outline so admin can edit (matches host customizer convention) */
body.page-customize [data-customize-id] { outline: 1px dashed rgba(var(--ayv-rgba-primary),.35); outline-offset: 4px; }
body.page-customize [data-customize-id]:hover { outline-color: var(--ayv-accent); }

/* ==========================================================================
   HOME MEDIA SECTIONS (placeable reels / gallery blocks)
   ========================================================================== */
.hm-sec { padding: var(--ayv-section-y) 0; position: relative; }
.hm-sec--gallery { background: linear-gradient(180deg, var(--ayv-cream), var(--ayv-surface)); }
.hm-sec--reels   { background: linear-gradient(180deg, var(--ayv-paper), var(--ayv-cream)); }
.hm-sec--single  { background: linear-gradient(180deg, var(--ayv-surface), var(--ayv-cream)); }
.hm-sec + .hm-sec { padding-top: clamp(20px, 4vw, 48px); }

/* ---- Single Media — one full-width photo/video in a decorative frame ---- */
.ayv-single {
	position: relative;
	max-width: 1040px;
	margin: 0 auto;
	padding: clamp(14px, 2.4vw, 26px);
	border-radius: calc(var(--ayv-radius-lg) + 10px);
	background:
		radial-gradient(120% 140% at 0% 0%, rgba(var(--ayv-rgba-primary),.14), transparent 55%),
		radial-gradient(120% 140% at 100% 100%, rgba(var(--ayv-rgba-accent),.16), transparent 55%),
		var(--ayv-paper);
	border: 1px solid rgba(var(--ayv-rgba-accent),.30);
	box-shadow: 0 26px 60px -28px rgba(var(--ayv-rgba-secondary),.40), inset 0 0 0 1px rgba(255,255,255,.5);
}
.ayv-single::before {
	content: ""; position: absolute; inset: 10px; border-radius: var(--ayv-radius-lg);
	border: 1.5px dashed rgba(var(--ayv-rgba-primary),.28); pointer-events: none; z-index: 1;
}
.ayv-single__frame {
	position: relative; z-index: 2; overflow: hidden;
	border-radius: var(--ayv-radius-lg);
	background: #000;
	box-shadow: 0 16px 40px -20px rgba(0,0,0,.55);
}
.ayv-single__media {
	display: block; width: 100%; height: auto;
	max-height: min(74vh, 680px);
	object-fit: cover;
	aspect-ratio: 16 / 9;
	background: var(--ayv-cream);
}
.ayv-single.is-video .ayv-single__media { aspect-ratio: 16 / 9; object-fit: contain; background: #000; }
.ayv-single__media-wrap {
	position: relative; margin: 0; cursor: zoom-in; display: block;
}
.ayv-single__media-wrap img { transition: transform .6s cubic-bezier(.23,1,.32,1); }
.ayv-single__media-wrap:hover img { transform: scale(1.04); }
.ayv-single__zoom {
	position: absolute; right: 16px; bottom: 16px; z-index: 3;
	width: 44px; height: 44px; border-radius: 50%;
	display: grid; place-items: center; color: #fff; font-size: 15px;
	background: rgba(var(--ayv-rgba-primary),.85);
	box-shadow: 0 6px 16px rgba(0,0,0,.3); backdrop-filter: blur(2px);
	opacity: 0; transform: translateY(6px); transition: opacity .3s ease, transform .3s ease;
}
.ayv-single__media-wrap:hover .ayv-single__zoom { opacity: 1; transform: translateY(0); }
.ayv-single__badge {
	position: absolute; top: 16px; left: 16px; z-index: 3;
	display: inline-flex; align-items: center; gap: 7px;
	padding: 7px 14px; border-radius: var(--ayv-radius-pill);
	font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
	color: var(--ayv-secondary); background: var(--ayv-accent);
	box-shadow: 0 6px 16px rgba(var(--ayv-rgba-accent),.4);
}
.ayv-single__cap {
	position: relative; z-index: 2; text-align: center;
	margin-top: 16px; font-family: var(--ayv-ff-display);
	font-size: clamp(15px, 1.8vw, 19px); color: var(--ayv-secondary);
}
.ayv-single__deco {
	position: absolute; z-index: 1; font-size: 26px; color: rgba(var(--ayv-rgba-primary),.45);
	pointer-events: none;
}
.ayv-single__deco--tl { top: -10px; left: 18px; transform: rotate(-18deg); }
.ayv-single__deco--br { bottom: -10px; right: 18px; transform: rotate(160deg); }
@media (max-width: 640px) {
	.ayv-single { padding: 12px; }
	.ayv-single__media { aspect-ratio: 4 / 3; max-height: 58vh; }
	.ayv-single__deco { display: none; }
}

/* Empty-state placeholder */
.ayv-hm-empty {
	max-width: 560px; margin: 0 auto; text-align: center;
	padding: 46px 30px; border-radius: var(--ayv-radius-lg);
	background: var(--ayv-paper);
	border: 1.5px dashed var(--ayv-line);
	display: flex; flex-direction: column; align-items: center; gap: 8px;
}
.ayv-hm-empty__icon {
	width: 64px; height: 64px; border-radius: 50%;
	display: grid; place-items: center; font-size: 26px;
	color: var(--ayv-primary);
	background: rgba(var(--ayv-rgba-primary),.12);
	margin-bottom: 6px;
}
.ayv-hm-empty strong { font-family: var(--ayv-ff-display); font-size: 20px; color: var(--ayv-secondary); }
.ayv-hm-empty span { font-size: 13.5px; color: var(--ayv-muted); }

/* ---- Gallery grid (uniform tiles) ---- */
.ayv-hmg-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 18px;
}
.ayv-hmg-item {
	position: relative; margin: 0; overflow: hidden; cursor: pointer;
	aspect-ratio: 1 / 1;               /* all media same size */
	border-radius: var(--ayv-radius-md);
	background: var(--ayv-secondary);
	box-shadow: var(--ayv-shadow-sm);
	transition: transform .4s ease, box-shadow .4s ease;
}
.ayv-hmg-item img, .ayv-hmg-item video {
	position: absolute; inset: 0; width: 100%; height: 100%;
	object-fit: cover; display: block;
	transition: transform .9s ease;
}
.ayv-hmg-item:hover { transform: translateY(-6px); box-shadow: var(--ayv-shadow-lg); }
.ayv-hmg-item:hover img, .ayv-hmg-item:hover video { transform: scale(1.08); }
.ayv-hmg-item:focus-visible { outline: 3px solid var(--ayv-accent); outline-offset: 3px; }
.ayv-hmg-item__glow {
	position: absolute; inset: 0; z-index: 1; pointer-events: none;
	background: linear-gradient(180deg, rgba(20,28,12,0) 45%, rgba(20,28,12,.8) 100%);
	opacity: .85; transition: opacity .4s ease;
}
.ayv-hmg-item:hover .ayv-hmg-item__glow { opacity: 1; }
.ayv-hmg-item__play {
	position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
	z-index: 2; width: 56px; height: 56px; border-radius: 50%;
	background: rgba(255,255,255,.92); color: var(--ayv-primary);
	display: grid; place-items: center; font-size: 17px;
	box-shadow: 0 14px 30px rgba(0,0,0,.3);
	transition: transform .3s ease, background .3s ease, color .3s ease;
}
.ayv-hmg-item:hover .ayv-hmg-item__play { transform: translate(-50%,-50%) scale(1.12); background: var(--ayv-accent); color: var(--ayv-secondary); }
.ayv-hmg-item figcaption {
	position: absolute; left: 0; right: 0; bottom: 0; z-index: 2;
	padding: 14px 14px 13px; color: #fff;
	transform: translateY(6px); opacity: 0;
	transition: transform .4s ease, opacity .4s ease;
}
.ayv-hmg-item:hover figcaption { transform: translateY(0); opacity: 1; }
.ayv-hmg-item__title { font-family: var(--ayv-ff-display); font-size: 16px; line-height: 1.2; }
@media (max-width: 900px) { .ayv-hmg-grid { grid-template-columns: repeat(3, 1fr); gap: 14px; } }
@media (max-width: 560px) {
	.ayv-hmg-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
	.ayv-hmg-item figcaption { opacity: 1; transform: none; }
}

/* ---- Reels strip (vertical cards) ---- */
.ayv-hmr-strip {
	display: flex; gap: 18px; overflow-x: auto; padding: 6px 2px 18px;
	scroll-snap-type: x mandatory;
}
.ayv-hmr-strip::-webkit-scrollbar { height: 6px; }
.ayv-hmr-strip::-webkit-scrollbar-thumb { background: rgba(var(--ayv-rgba-primary),.35); border-radius: 6px; }
.ayv-hmr-card {
	position: relative; flex: 0 0 auto; width: 220px; aspect-ratio: 9/16;
	scroll-snap-align: start;
	border-radius: var(--ayv-radius-lg); overflow: hidden; cursor: pointer;
	background: var(--ayv-secondary); box-shadow: var(--ayv-shadow-md);
	transition: transform .35s ease, box-shadow .35s ease;
}
.ayv-hmr-card:hover { transform: translateY(-8px); box-shadow: var(--ayv-shadow-lg); }
.ayv-hmr-card:focus-visible { outline: 3px solid var(--ayv-accent); outline-offset: 3px; }
.ayv-hmr-card img, .ayv-hmr-card video {
	position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
	transition: transform .9s ease;
}
.ayv-hmr-card:hover img { transform: scale(1.07); }
.ayv-hmr-card::after {
	content: ""; position: absolute; inset: 0;
	background: linear-gradient(180deg, rgba(0,0,0,0) 55%, rgba(20,28,12,.82) 100%);
}
.ayv-hmr-card__play {
	position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
	z-index: 2; width: 60px; height: 60px; border-radius: 50%;
	background: rgba(255,255,255,.94); color: var(--ayv-primary);
	display: grid; place-items: center; font-size: 20px;
	box-shadow: 0 16px 32px rgba(0,0,0,.3);
	transition: transform .3s ease, background .3s ease, color .3s ease;
}
.ayv-hmr-card:hover .ayv-hmr-card__play { transform: translate(-50%,-50%) scale(1.1); background: var(--ayv-accent); color: var(--ayv-secondary); }
.ayv-hmr-card__title {
	position: absolute; left: 14px; right: 14px; bottom: 14px; z-index: 2;
	color: #fff; font-weight: 600; font-size: 14.5px; line-height: 1.25;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
@media (max-width: 560px) { .ayv-hmr-card { width: 170px; } }

/* ---- Gallery carousel lightbox ---- */
.ayv-hm-light {
	position: fixed; inset: 0; z-index: 1200; display: none;
	align-items: center; justify-content: center; padding: 4vw;
	background: rgba(15,20,9,.94);
}
.ayv-hm-light.is-open { display: flex; }
.ayv-hm-light__stage {
	max-width: min(94vw, 1100px); max-height: 84vh;
	display: flex; align-items: center; justify-content: center;
}
.ayv-hm-light__stage img, .ayv-hm-light__stage video {
	max-width: 100%; max-height: 84vh;
	border-radius: var(--ayv-radius-md);
	box-shadow: 0 30px 70px rgba(0,0,0,.5); background: #000;
}
.ayv-hm-light__caption {
	position: absolute; bottom: 26px; left: 0; right: 0; text-align: center;
	color: #fff; font-family: var(--ayv-ff-display); font-size: 18px;
	padding: 0 20px; text-shadow: 0 2px 10px rgba(0,0,0,.6);
}
.ayv-hm-light__btn {
	position: absolute; z-index: 2; border: 0; cursor: pointer;
	background: rgba(255,255,255,.12); color: #fff;
	display: inline-flex; align-items: center; justify-content: center;
	border-radius: 50%; backdrop-filter: blur(6px);
	transition: background .25s ease, transform .25s ease;
}
.ayv-hm-light__close { top: 22px; right: 22px; width: 48px; height: 48px; font-size: 19px; }
.ayv-hm-light__nav { top: 50%; transform: translateY(-50%); width: 52px; height: 52px; font-size: 18px; }
.ayv-hm-light__prev { left: 22px; } .ayv-hm-light__next { right: 22px; }
.ayv-hm-light__btn:hover { background: var(--ayv-accent); color: var(--ayv-secondary); }
.ayv-hm-light__nav:hover { transform: translateY(-50%) scale(1.08); }
@media (max-width: 640px) {
	.ayv-hm-light__nav { width: 42px; height: 42px; }
	.ayv-hm-light__prev { left: 10px; } .ayv-hm-light__next { right: 10px; }
}

/* ---- Reels full-screen vertical player ---- */
.ayv-hm-reels {
	position: fixed; inset: 0; z-index: 1250; display: none;
	background: #0a0f06;
}
.ayv-hm-reels.is-open { display: block; }
.ayv-hm-reels__top {
	position: fixed; top: 0; left: 0; right: 0; height: 60px; z-index: 5;
	display: flex; align-items: center; justify-content: space-between; padding: 0 16px;
	background: linear-gradient(180deg, rgba(0,0,0,.7), rgba(0,0,0,0));
}
.ayv-hm-reels__close {
	width: 42px; height: 42px; border: 0; border-radius: 50%;
	background: rgba(255,255,255,.16); color: #fff; font-size: 18px; cursor: pointer;
	display: grid; place-items: center; transition: background .2s ease;
}
.ayv-hm-reels__close:hover { background: rgba(255,255,255,.28); }
.ayv-hm-reels__heading { color: #fff; font-weight: 600; font-size: 15px; }
.ayv-hm-reels__spacer { width: 42px; }
.ayv-hm-reels__viewport {
	height: 100%; overflow-y: auto; scroll-snap-type: y mandatory;
	scrollbar-width: none;
}
.ayv-hm-reels__viewport::-webkit-scrollbar { display: none; }
.ayv-hm-rslide {
	height: 100%; scroll-snap-align: start; position: relative;
	display: flex; align-items: center; justify-content: center; padding: 14px 0;
}
.ayv-hm-rslide__frame {
	width: min(100vw, 430px); height: min(100%, 100svh);
	position: relative; background: #000; border-radius: 26px; overflow: hidden;
	box-shadow: 0 24px 72px rgba(0,0,0,.6);
}
.ayv-hm-rslide__frame video { width: 100%; height: 100%; object-fit: cover; background: #000; }
.ayv-hm-rslide__cap {
	position: absolute; left: 16px; right: 16px; bottom: 18px; z-index: 2;
	color: #fff; font-size: 16px; font-weight: 600; text-shadow: 0 2px 10px rgba(0,0,0,.6);
}
.ayv-hm-rslide__tap {
	position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
	z-index: 3; width: 70px; height: 70px; border-radius: 50%;
	background: rgba(255,255,255,.9); color: var(--ayv-primary);
	display: none; place-items: center; font-size: 24px; pointer-events: none;
}
.ayv-hm-rslide.is-paused .ayv-hm-rslide__tap { display: grid; }

/* ==========================================================================
   IN-PAGE BUILDER (customize mode only)
   ========================================================================== */
.hm-fab {
	position: fixed; right: 22px; bottom: 22px; z-index: 100050;
	display: inline-flex; align-items: center; gap: 10px;
	padding: 14px 22px; border: 0; border-radius: var(--ayv-radius-pill);
	font-family: var(--ayv-ff-body); font-size: 14px; font-weight: 700; cursor: pointer;
	color: #fff; background: linear-gradient(135deg, var(--ayv-primary), var(--ayv-primary-2));
	box-shadow: 0 16px 40px rgba(var(--ayv-rgba-primary),.45);
	transition: transform .25s ease, box-shadow .25s ease;
}
.hm-fab:hover { transform: translateY(-3px); box-shadow: 0 22px 50px rgba(var(--ayv-rgba-primary),.55); }
.hm-fab i { font-size: 15px; }

/* Per-section editing toolbar (injected by builder JS) */
.hm-section-tools {
	position: absolute; top: 12px; left: 14px; z-index: 40;
	display: flex; gap: 6px; flex-wrap: wrap;
}
.hm-tool-btn {
	width: 36px; height: 36px; border: 0; border-radius: 10px; cursor: pointer;
	background: rgba(15,23,42,.9); color: #fff; font-size: 14px;
	display: inline-flex; align-items: center; justify-content: center;
	box-shadow: 0 6px 16px rgba(0,0,0,.25); transition: background .2s ease, transform .2s ease;
}
.hm-tool-btn:hover { background: #0f172a; transform: translateY(-1px); }
.hm-tool-btn.is-add { background: var(--ayv-primary); }
.hm-tool-btn.is-del { background: #dc2626; }
.hm-tool-tag {
	display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 12px;
	border-radius: 10px; background: var(--ayv-primary); color: #fff; font-size: 12.5px; font-weight: 700;
	box-shadow: 0 6px 16px rgba(0,0,0,.25);
}
.hm-section-outline { position: relative; outline: 2px dashed rgba(var(--ayv-rgba-primary),.6); outline-offset: -2px; }

/* Builder item delete chips */
.hm-item-del {
	position: absolute; top: 8px; right: 8px; z-index: 30;
	width: 28px; height: 28px; border: 0; border-radius: 50%; cursor: pointer;
	background: rgba(220,38,38,.95); color: #fff; font-size: 12px;
	display: none; align-items: center; justify-content: center;
	box-shadow: 0 4px 12px rgba(0,0,0,.3);
}
body.hm-edit .hm-item-del { display: inline-flex; }
body.hm-edit .ayv-hmg-item, body.hm-edit .ayv-hmr-card { cursor: default; }

/* Builder modal */
.hm-modal-overlay {
	position: fixed; inset: 0; z-index: 100060; display: none;
	align-items: center; justify-content: center; padding: 16px;
	background: rgba(15,23,42,.62); backdrop-filter: blur(2px);
}
.hm-modal-overlay.is-open { display: flex; }
.hm-modal {
	background: #fff; color: #0f172a; border-radius: 18px; width: 100%; max-width: 480px;
	padding: 22px; box-shadow: 0 24px 60px rgba(0,0,0,.4); font-family: var(--ayv-ff-body);
}
.hm-modal h3 { margin: 0 0 4px; font-size: 18px; font-weight: 800; display: flex; align-items: center; gap: 9px; }
.hm-modal p.hm-sub { margin: 0 0 14px; color: #64748b; font-size: 13px; }
.hm-modal label { display: block; font-size: 11px; font-weight: 800; color: #475569; text-transform: uppercase; letter-spacing: .6px; margin: 14px 0 6px; }
.hm-modal input[type=text], .hm-modal select {
	width: 100%; padding: 11px 13px; border: 1.5px solid #e2e8f0; border-radius: 10px;
	font-size: 14px; box-sizing: border-box; font-family: inherit; color: #0f172a; background: #fff;
}
.hm-modal input:focus, .hm-modal select:focus { outline: 0; border-color: var(--ayv-primary); box-shadow: 0 0 0 3px rgba(var(--ayv-rgba-primary),.18); }
.hm-type-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.hm-type-card {
	border: 1.5px solid #e2e8f0; border-radius: 12px; padding: 16px; text-align: center;
	cursor: pointer; transition: .18s ease; display: flex; flex-direction: column; align-items: center; gap: 7px;
}
.hm-type-card i { font-size: 22px; color: #94a3b8; }
.hm-type-card span { font-weight: 700; font-size: 13px; color: #475569; }
.hm-type-card.is-active { border-color: var(--ayv-primary); background: rgba(var(--ayv-rgba-primary),.07); }
.hm-type-card.is-active i, .hm-type-card.is-active span { color: var(--ayv-primary); }
.hm-modal-actions { display: flex; justify-content: flex-end; gap: 12px; margin-top: 20px; }
.hm-modal-actions button { padding: 11px 22px; border-radius: var(--ayv-radius-pill); border: 0; font-weight: 800; font-size: 13px;
	cursor: pointer; font-family: inherit; transition: all .2s ease; display: inline-flex; align-items: center; gap: 6px; }
.hm-btn-cancel { background: rgba(33, 59, 20,.08); color: var(--ayv-secondary); border: 1.5px solid rgba(33, 59, 20,.15); }
.hm-btn-cancel:hover { background: rgba(33, 59, 20,.14); border-color: rgba(33, 59, 20,.25); }
.hm-btn-save { background: linear-gradient(135deg, var(--ayv-primary), var(--ayv-primary-2)); color: #fff; box-shadow: 0 4px 14px -3px rgba(74, 124, 42,.4); }
.hm-btn-save:hover { transform: translateY(-1px); box-shadow: 0 6px 18px -2px rgba(74, 124, 42,.5); }
.hm-btn-save:disabled { opacity: .5; cursor: default; transform: none; }
.hm-upload-progress { height: 6px; border-radius: 6px; background: #e2e8f0; overflow: hidden; margin-top: 12px; display: none; }
.hm-upload-progress.is-on { display: block; }
.hm-upload-progress > span { display: block; height: 100%; width: 0; background: var(--ayv-primary); transition: width .2s ease; }
.hm-toast {
	position: fixed; top: 74px; right: 16px; z-index: 100090;
	background: #111827; color: #fff; padding: 12px 16px; border-radius: 12px;
	font-family: var(--ayv-ff-body); font-size: 13px; font-weight: 600;
	box-shadow: 0 16px 34px rgba(0,0,0,.28); opacity: 0; transform: translateY(-10px);
	transition: opacity .2s ease, transform .2s ease;
}
.hm-toast.is-on { opacity: 1; transform: translateY(0); }
.hm-toast.is-err { background: #991b1b; }

/* ==========================================================================
   REELS SHOWCASE — ayurvedic-themed reel strip (admin reels by category).
   Cards open the immersive reels.php feed. Reuses .reel-strip-* class names
   so the shared strip controller in main.js works unchanged.
   ========================================================================== */
.ayv-reels-showcase { padding: var(--ayv-section-y) 0; background: linear-gradient(180deg, var(--ayv-paper) 0%, var(--ayv-cream) 100%); position: relative; overflow: hidden; }
.ayv-reels-showcase .ayv-sec-head { margin-bottom: 28px; }

.reel-strip-shell { position: relative; z-index: 1; }
.reel-strip-shell::before, .reel-strip-shell::after { content: ''; position: absolute; top: 0; bottom: 18px; width: 48px; z-index: 2; pointer-events: none; transition: opacity .25s ease; }
.reel-strip-shell::before { left: 0; background: linear-gradient(to right, var(--ayv-cream), rgba(241, 234, 215, 0)); }
.reel-strip-shell::after  { right: 0; background: linear-gradient(to left, var(--ayv-cream), rgba(241, 234, 215, 0)); }
.reel-strip-shell.at-start::before, .reel-strip-shell.at-end::after { opacity: 0; }

.reel-strip-nav { position: absolute; top: calc(50% - 9px); transform: translateY(-50%); z-index: 3; width: 46px; height: 46px; border-radius: 50%; border: 1px solid var(--ayv-line); background: var(--ayv-paper); color: var(--ayv-secondary); display: none; align-items: center; justify-content: center; cursor: pointer; box-shadow: var(--ayv-shadow-sm); transition: transform .2s ease, background .2s ease, color .2s ease, opacity .2s ease; }
.reel-strip-nav:hover { background: var(--ayv-primary); color: #fff; transform: translateY(-50%) scale(1.06); }
.reel-strip-nav-prev { left: -6px; } .reel-strip-nav-next { right: -6px; }
.reel-strip-shell.at-start .reel-strip-nav-prev, .reel-strip-shell.at-end .reel-strip-nav-next { opacity: 0; pointer-events: none; }
@media (hover: hover) and (pointer: fine) { .reel-strip-nav { display: inline-flex; } }

.reel-strip-preview { display: flex; gap: 18px; overflow-x: auto; scroll-behavior: smooth; scroll-snap-type: x mandatory; padding: 8px 4px 16px; align-items: stretch; scrollbar-width: none; -ms-overflow-style: none; }
.reel-strip-preview::-webkit-scrollbar { display: none; }
@media (hover: hover) and (pointer: fine) { .reel-strip-preview { cursor: grab; } }
.reel-strip-preview.is-dragging { scroll-snap-type: none; scroll-behavior: auto; cursor: grabbing; user-select: none; }

.reel-strip-card-link { text-decoration: none; color: inherit; display: flex; align-items: stretch; flex: 0 0 clamp(170px, 22vw, 230px); min-width: clamp(170px, 22vw, 230px); }
.reel-strip-card { position: relative; width: 100%; aspect-ratio: 9 / 16; scroll-snap-align: start; border-radius: var(--ayv-radius-lg); overflow: hidden; background: var(--ayv-secondary); box-shadow: var(--ayv-shadow-md); transition: transform .3s ease, box-shadow .3s ease; cursor: pointer; }
.reel-strip-card::after { content: ''; position: absolute; inset: 0; border-radius: var(--ayv-radius-lg); border: 1px solid rgba(255, 255, 255, .14); pointer-events: none; z-index: 3; }
.reel-strip-card-link:hover .reel-strip-card, .reel-strip-card-link:focus-visible .reel-strip-card { transform: translateY(-8px); box-shadow: var(--ayv-shadow-lg); }
.reel-strip-thumb { position: absolute; inset: 0; background: linear-gradient(135deg, var(--ayv-secondary) 0%, var(--ayv-secondary-2) 100%); background-size: cover; background-position: center; background-repeat: no-repeat; overflow: hidden; }
.reel-strip-thumb video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.reel-strip-scrim { position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(20,28,12,.15) 0%, rgba(20,28,12,0) 35%, rgba(20,28,12,0) 50%, rgba(20,28,12,.9) 100%); }
.reel-strip-badge { position: absolute; top: 10px; left: 10px; z-index: 2; display: inline-flex; align-items: center; gap: 5px; padding: 4px 10px 4px 9px; border-radius: var(--ayv-radius-pill); background: rgba(var(--ayv-rgba-accent), .95); color: var(--ayv-secondary); font-size: 10px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.reel-strip-badge i { font-size: 8px; }
.reel-strip-likes { position: absolute; top: 10px; right: 10px; z-index: 2; display: inline-flex; align-items: center; gap: 4px; padding: 4px 9px; border-radius: var(--ayv-radius-pill); background: rgba(255, 253, 247, .92); color: var(--ayv-secondary); font-size: 11px; font-weight: 700; }
.reel-strip-likes i { color: #e3517a; }
.reel-strip-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; width: 58px; height: 58px; border-radius: 50%; display: grid; place-items: center; padding-left: 3px; color: var(--ayv-primary); background: rgba(255, 255, 255, .94); box-shadow: 0 14px 30px rgba(0, 0, 0, .3); transition: transform .3s ease, background .3s ease, color .3s ease; }
.reel-strip-card-link:hover .reel-strip-play { transform: translate(-50%, -50%) scale(1.12); background: var(--ayv-accent); color: var(--ayv-secondary); }
.reel-strip-meta { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: 14px; color: #fff; display: flex; flex-direction: column; gap: 3px; }
.reel-strip-meta strong { font-family: var(--ayv-ff-display); font-size: 15px; font-weight: 400; line-height: 1.25; text-shadow: 0 1px 6px rgba(0,0,0,.55); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.reel-strip-meta span { font-size: 11.5px; opacity: .92; line-height: 1.35; text-shadow: 0 1px 6px rgba(0,0,0,.55); display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
@media (max-width: 560px) { .reel-strip-card-link { flex-basis: 64vw; min-width: 64vw; } }

/* Home Reels Strip section — slightly smaller reel cards for a tidier look. */
.ayv-reels-showcase .reel-strip-card-link {
	flex: 0 0 clamp(140px, 16vw, 185px);
	min-width: clamp(140px, 16vw, 185px);
}
.ayv-reels-showcase .reel-strip-preview { gap: 14px; }
.ayv-reels-showcase .reel-strip-play { width: 48px; height: 48px; }
.ayv-reels-showcase .reel-strip-meta strong { font-size: 13.5px; }
@media (max-width: 560px) {
	.ayv-reels-showcase .reel-strip-card-link { flex-basis: 52vw; min-width: 52vw; }
}
@media (prefers-reduced-motion: reduce) { .reel-strip-preview { scroll-behavior: auto; } }

/* ============================================================
   Product Showcase  (.ayv-pshow) — ONE pro card: product + video,
   reviews slide, reels strip, share corner. Brand palette: leaf
   green + turmeric gold + deep forest over warm ivory.
   ============================================================ */
.ayv-pshow { position: relative; padding: 64px 0; background:
	radial-gradient(1200px 460px at 92% -10%, rgba(var(--ayv-rgba-accent),.16), transparent 60%),
	radial-gradient(1000px 460px at 2% 110%, rgba(74, 124, 42,.16), transparent 60%),
	linear-gradient(180deg, var(--ayv-paper), var(--ayv-surface) 60%, var(--ayv-cream)); overflow: hidden; }

/* ---- the card ---- */
.ayv-pshow__card { position: relative; margin-top: 18px; padding: clamp(8px, 1vw, 14px) clamp(4px, 0.4vw, 6px); overflow: hidden;
	border-radius: clamp(20px, 2.4vw, 28px); border: 1px solid rgba(33, 59, 20,.10);
	background:
		radial-gradient(720px 300px at 100% -5%, rgba(var(--ayv-rgba-accent),.14), transparent 60%),
		radial-gradient(680px 320px at -5% 105%, rgba(74, 124, 42,.14), transparent 60%),
		linear-gradient(160deg, #ffffff 0%, #fbfbf2 50%, #f4f3e4 100%);
	box-shadow: 0 34px 80px -38px rgba(33, 59, 20,.5), 0 2px 0 rgba(255,255,255,.7) inset; }
/* colorful top accent bar */
.ayv-pshow__card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 5px; z-index: 3;
	background: linear-gradient(90deg, var(--ayv-primary), var(--ayv-accent) 45%, var(--ayv-accent-2) 60%, var(--ayv-primary-2)); }
/* decorative animated shapes */
.ayv-pshow__orb { position: absolute; border-radius: 50%; filter: blur(2px); pointer-events: none; z-index: 0; opacity: .55; }
.ayv-pshow__orb--1 { width: 160px; height: 160px; top: -48px; right: 12%; background: radial-gradient(circle at 30% 30%, rgba(var(--ayv-rgba-accent),.6), transparent 70%); animation: ayvOrbA 9s ease-in-out infinite; }
.ayv-pshow__orb--2 { width: 210px; height: 210px; bottom: -72px; left: -44px; background: radial-gradient(circle at 30% 30%, rgba(74, 124, 42,.42), transparent 70%); animation: ayvOrbB 11s ease-in-out infinite; }
@keyframes ayvOrbA { 0%,100% { transform: translate(0,0) scale(1); } 50% { transform: translate(-14px,12px) scale(1.08); } }
@keyframes ayvOrbB { 0%,100% { transform: translate(0,0) scale(1); } 50% { transform: translate(16px,-12px) scale(1.1); } }
.ayv-pshow__leaf { position: absolute; width: 60px; height: 60px; top: 16px; left: 18px; color: rgba(74, 124, 42,.13); z-index: 0; pointer-events: none; animation: ayvLeafSway 6s ease-in-out infinite; transform-origin: top center; }
@keyframes ayvLeafSway { 0%,100% { transform: rotate(-6deg); } 50% { transform: rotate(8deg); } }

/* ---- LAYOUT GRID ---- */
/* desktop: compact product card with reviews directly beneath it (left) |
   explainer video then reels strip (right). The product image is square to
   match the product detail page card, and the columns are sized + centred so
   the card never towers over the video/reels. */
.ayv-pshow__grid { position: relative; z-index: 1; display: grid; gap: clamp(18px, 2.4vw, 30px);
	justify-content: center; align-items: start;
	grid-template-columns: minmax(290px, 340px) minmax(0, 560px);
	grid-template-rows: auto auto auto;
	grid-template-areas: "product video" "product reels" "reviews reels"; }
.ayv-pshow__product { grid-area: product; align-self: start; }
.ayv-pshow__video   { grid-area: video; align-self: start; }
.ayv-pshow__reviews { grid-area: reviews; align-self: start; margin: 0; }
.ayv-pshow__reels   { grid-area: reels; }
.ayv-pshow__rail    { grid-area: reels; }
/* explainer video a logical 16:9 (never stretched tall) */
.ayv-pshow__video .ayv-pshow__frame { height: auto; aspect-ratio: 16/9; min-height: 0; }
/* no reviews → product (left) | video then reels (right) */
.ayv-pshow__grid--noreviews { grid-template-rows: auto auto; grid-template-areas: "product video" "product reels"; }
.ayv-pshow__grid--noreviews .ayv-pshow__video { align-self: start; }
.ayv-pshow__grid--noreviews .ayv-pshow__frame { height: auto; aspect-ratio: 16/9; min-height: 0; }

/* ====================================================================
   PRODUCT CARD — production-grade e-commerce card
   Sizes to its own content (never force-stretched by taller neighbours).
   ==================================================================== */
.ayv-pshow__product { display: flex; flex-direction: column; align-self: start;
	background: #ffffff; border: 1px solid #e8ddcb; border-radius: 18px;
	box-shadow: 0 10px 30px -8px rgba(33, 59, 20,.16), 0 2px 6px -2px rgba(33, 59, 20,.08);
	overflow: hidden; transition: transform .3s ease, box-shadow .3s ease; }
.ayv-pshow__product:hover { transform: translateY(-3px); box-shadow: 0 18px 44px -10px rgba(33, 59, 20,.22), 0 3px 8px -2px rgba(33, 59, 20,.1); }

/* image */
.ayv-pshow__media { position: relative; aspect-ratio: 1/1; background: var(--ayv-surface); overflow: visible; }
.ayv-pshow__media-clip { position: absolute; inset: 0; overflow: hidden; }
.ayv-pshow__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.ayv-pshow__product:hover .ayv-pshow__media img { transform: scale(1.04); }
.ayv-pshow__save { position: absolute; top: 11px; left: 11px; z-index: 2; display: inline-flex; align-items: center;
	background: linear-gradient(135deg, #e0584a, #c83f3f); color: #fff; font-weight: 900; font-size: 11px; letter-spacing: .02em;
	padding: 5px 11px; border-radius: var(--ayv-radius-pill); box-shadow: 0 6px 16px rgba(200,60,60,.45); }
.ayv-pshow__cat { position: absolute; top: 11px; right: 11px; z-index: 2; display: inline-flex; align-items: center; gap: 5px;
	max-width: 52%; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
	background: rgba(255,255,255,.97); color: var(--ayv-secondary); font-weight: 700; font-size: 10.5px; letter-spacing: .02em;
	padding: 5px 11px; border-radius: var(--ayv-radius-pill); box-shadow: 0 6px 16px rgba(0,0,0,.12); backdrop-filter: blur(8px); }
.ayv-pshow__cat i { color: var(--ayv-accent); font-size: 9px; flex: 0 0 auto; }

/* body */
.ayv-pshow__body { padding: 12px 16px 14px; display: flex; flex-direction: column; gap: 5px; flex: 1; }
.ayv-pshow__name { font-size: clamp(17px, 1.9vw, 22px); line-height: 1.25; margin: 0; color: var(--ayv-secondary);
	font-family: var(--ayv-ff-display); font-weight: 600;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ayv-pshow__rating { display: flex; align-items: center; gap: 7px; flex-wrap: nowrap; }
.ayv-pshow__stars, .ayv-pshow__rev-stars { color: var(--ayv-accent); font-size: 14px; letter-spacing: 1.5px; line-height: 1; white-space: nowrap; }
.ayv-pshow__rcount { font-size: 12px; color: #8a9278; font-weight: 600; white-space: nowrap; line-height: 1; }
/* concise blurb — 2 lines max, keeps the card clean */
.ayv-pshow__short { font-size: 13px; line-height: 1.5; color: #5a604f; margin: 0; font-weight: 500;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
/* extra long copy / benefits / chips stay out of the card — selected product
   details are managed from the dashboard, not shown in bulk here */
.ayv-pshow__long, .ayv-pshow__more, .ayv-pshow__benefits { display: none; }

/* benefits — beautiful checkmarks; come in one-by-one, hold, leave one-by-one */
.ayv-pshow__bens { --benH: 26px; margin: 2px 0; display: flex; flex-direction: column; }
.ayv-pshow__ben { min-height: var(--benH); display: flex; align-items: center; gap: 8px; font-size: 12.5px;
	font-weight: 600; color: #44513c; line-height: 1.2;
	opacity: 0; transform: translateX(-14px); transition: opacity .4s ease, transform .4s cubic-bezier(.23,1,.32,1); }
.ayv-pshow__ben.is-hidden { display: none; }
.ayv-pshow__ben.is-in { opacity: 1; transform: translateX(0); }
.ayv-pshow__ben i { flex: 0 0 auto; font-size: 14px; color: #1faa52;
	filter: drop-shadow(0 2px 3px rgba(31,170,82,.35)); }
/* no-JS / reduced-motion fallback: just show them */
.ayv-pshow__bens.no-anim .ayv-pshow__ben { opacity: 1; transform: none; }

/* price + actions, pinned to the bottom with a divider */
.ayv-pshow__buy { margin-top: 8px; padding-top: 10px; display: flex; flex-direction: column; gap: 8px; width: 100%;
	border-top: 1px solid #efe9da; }
.ayv-pshow__price { display: flex; align-items: baseline; gap: 9px; }
.ayv-pshow__now { font-size: 26px; font-weight: 900; color: var(--ayv-secondary); letter-spacing: -.5px; line-height: 1; }
.ayv-pshow__was { display: inline; font-size: 15px; color: #a7ae92; text-decoration: line-through; font-weight: 600; }

/* two CTAs — WhatsApp (green) + Buy (gold), equal width */
.ayv-pshow__buttons { display: flex; gap: 10px; width: 100%; }
.ayv-pshow__btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 10px 14px; border: none;
	border-radius: 10px; font-family: inherit; font-weight: 700; font-size: 12px; letter-spacing: .1px; line-height: 1;
	text-decoration: none; cursor: pointer; transition: transform .25s ease, box-shadow .25s ease, filter .25s ease; flex: 1; }
.ayv-pshow__btn i { font-size: 14px; }
.ayv-pshow__btn-wa--icon { flex: 0 0 44px; width: 44px; padding: 10px 0; }
.ayv-pshow__btn-wa--icon i { font-size: 16px; }
.ayv-pshow__btn-wa, .ayv-pshow__btn-wa strong, .ayv-pshow__btn-wa i,
.ayv-pshow__btn-buy, .ayv-pshow__btn-buy strong, .ayv-pshow__btn-buy i { color: #fff; }
.ayv-pshow__btn-wa  { background: linear-gradient(120deg, #34e07a, #1faa52, #34e07a); background-size: 200% 100%;
	box-shadow: 0 6px 16px -6px rgba(37,211,102,.5); animation: ayvBtnFlow 4s ease infinite; }
.ayv-pshow__btn-wa:hover  { transform: translateY(-2px); box-shadow: 0 10px 22px -6px rgba(37,211,102,.6); }
.ayv-pshow__btn-buy { position: relative; overflow: hidden;
	background: linear-gradient(120deg, #46a86a, #2f6b46, #46a86a); background-size: 200% 100%;
	box-shadow: 0 6px 16px -6px rgba(47,107,70,.5);
	animation: ayvBtnFlow 4s ease infinite, ayvBuyPulse 2.2s ease-in-out infinite; }
.ayv-pshow__btn-buy > * { position: relative; z-index: 1; }
.ayv-pshow__btn-buy i { animation: ayvBuyCart 2.2s ease-in-out infinite; }
/* shine sweep */
.ayv-pshow__btn-buy::before { content: ''; position: absolute; top: 0; left: -60%; width: 45%; height: 100%; z-index: 0;
	background: linear-gradient(100deg, transparent, rgba(255,255,255,.55), transparent);
	transform: skewX(-20deg); animation: ayvBuyShine 2.8s ease-in-out infinite; }
.ayv-pshow__btn-buy:hover { transform: translateY(-2px); box-shadow: 0 12px 26px -6px rgba(47,107,70,.7); }
@keyframes ayvBtnFlow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
@keyframes ayvBuyPulse { 0%,100% { box-shadow: 0 6px 16px -6px rgba(47,107,70,.5); } 50% { box-shadow: 0 8px 24px -4px rgba(47,107,70,.85); } }
@keyframes ayvBuyShine { 0% { left: -60%; } 55%,100% { left: 130%; } }
@keyframes ayvBuyCart { 0%,70%,100% { transform: translateX(0); } 80% { transform: translateX(3px); } 90% { transform: translateX(-2px); } }
.ayv-pshow__btn:active { transform: translateY(0); filter: brightness(.97); }

/* animated stock/COD swap — alternates below the buttons */
.ayv-pshow__swap { height: 30px; margin-top: 4px; overflow: hidden; border-radius: 8px; }
.ayv-pshow__swap-item { height: 30px; flex-basis: 30px; }
@keyframes ayvSwap { 0%, 45% { transform: translateY(0); } 50%, 95% { transform: translateY(-30px); } 100% { transform: translateY(0); } }
.ayv-pshow__swap-track { display: flex; flex-direction: column; animation: ayvSwap 5s cubic-bezier(.7,0,.3,1) infinite; }
.ayv-pshow__swap-item { height: 34px; flex: 0 0 34px; display: flex; align-items: center; justify-content: center; gap: 7px;
	font-size: 12px; font-weight: 800; letter-spacing: .2px; }
.ayv-pshow__swap-item i { font-size: 13px; }
.ayv-pshow__swap-item.is-ok  { color: #1faa52; background: rgba(31,170,82,.10); }
.ayv-pshow__swap-item.is-out { color: #c0392b; background: rgba(192,57,43,.10); }
.ayv-pshow__swap-item.is-cod { color: #2f6b46; background: rgba(47,107,70,.10); }
@keyframes ayvSwap { 0%, 45% { transform: translateY(0); } 50%, 95% { transform: translateY(-34px); } 100% { transform: translateY(0); } }

/* ---- explainer video — professional frame (16:9) ---- */
.ayv-pshow__video { position: relative; display: flex; }
.ayv-pshow__videowrap { position: relative; width: 100%; display: flex; flex-direction: column; }
.ayv-pshow__frame { position: relative; width: 100%; aspect-ratio: 16/9; border-radius: 18px; overflow: hidden;
	background: linear-gradient(160deg, #16210d, #0d1407); padding: 9px; border: 1px solid rgba(33, 59, 20,.14);
	box-shadow: 0 26px 56px -28px rgba(33, 59, 20,.65); }
.ayv-pshow__frame::before { content: ''; position: absolute; inset: 0; border-radius: 18px; padding: 1.6px; z-index: 4; pointer-events: none;
	background: linear-gradient(150deg, var(--ayv-accent-2), var(--ayv-primary-2) 45%, rgba(255,255,255,.18) 100%);
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor; mask-composite: exclude; }
.ayv-pshow__frame iframe, .ayv-pshow__frame video { position: absolute; inset: 9px; width: calc(100% - 18px); height: calc(100% - 18px); border: 0; object-fit: cover; border-radius: 11px; background: #0d1407; }
.ayv-pshow__frame--empty { display: grid; place-items: center; background: linear-gradient(135deg, #1d2913, #213b14); }
.ayv-pshow__frame--empty span { color: #cfe0b6; font-size: 13px; display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; padding: 20px; }
.ayv-pshow__frame--empty i { font-size: 30px; color: var(--ayv-accent-2); }
.ayv-pshow__vtag { position: absolute; left: 18px; bottom: 18px; z-index: 5; display: inline-flex; align-items: center; gap: 7px;
	background: rgba(13,20,7,.62); color: #fff; backdrop-filter: blur(6px); font-size: 11px; font-weight: 600; padding: 6px 11px; border-radius: var(--ayv-radius-pill); }
.ayv-pshow__vtag i { color: var(--ayv-accent-2); }
.ayv-pshow__vchip { position: absolute; top: 18px; left: 18px; z-index: 5; display: inline-flex; align-items: center; gap: 6px;
	background: linear-gradient(135deg, var(--ayv-accent), var(--ayv-accent-2)); color: var(--ayv-secondary); font-size: 10.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em;
	padding: 5px 10px; border-radius: var(--ayv-radius-pill); box-shadow: var(--ayv-shadow-sm); }
.ayv-pshow__vchip i { animation: ayvPulse 2.2s ease-in-out infinite; }
@keyframes ayvPulse { 0%,100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.25); opacity: .65; } }

/* ---- shared-section deep-link arrival (#ayv-hm-<id>) ---- */
/* keep anchored sections clear of any sticky chrome on native jumps */
.hm-sec { scroll-margin-top: 90px; }
/* pulse the showcase card when a visitor arrives via a shared link */
.ayv-pshow.is-share-arrive .ayv-pshow__card {
	animation: ayvShareArrive 1.1s ease-in-out 3;
}
@keyframes ayvShareArrive {
	0%, 100% { box-shadow: 0 0 0 0 rgba(0,0,0,0); }
	50% { box-shadow: 0 0 0 6px color-mix(in srgb, var(--ayv-accent) 45%, transparent), 0 18px 50px color-mix(in srgb, var(--ayv-accent) 30%, transparent); }
}
/* fallback ring for browsers without color-mix */
@supports not (color: color-mix(in srgb, red 50%, blue)) {
	.ayv-pshow.is-share-arrive .ayv-pshow__card { outline: 3px solid var(--ayv-accent); outline-offset: 4px; transition: outline-color .4s; }
}

/* ---- animated share corner ---- */
/* card wrapper lets the share button overflow the corner while the card itself
   keeps overflow:hidden (so the decorative orbs stay clipped). */
.ayv-pshow__cardwrap { position: relative; }
/* share button sits ~40% outside the card's top-right corner */
.ayv-pshow__share { position: absolute; top: -16px; right: -16px; z-index: 7; }
.ayv-pshow__share-btn { width: 44px; height: 44px; border-radius: 50%; border: none; cursor: pointer; color: #fff;
	background: linear-gradient(135deg, var(--ayv-accent), var(--ayv-accent-2));
	box-shadow: 0 0 0 5px var(--ayv-surface), var(--ayv-shadow-md);
	display: grid; place-items: center; font-size: 16px; animation: ayvShareFloat 3.2s ease-in-out infinite; transition: transform .3s ease; }
.ayv-pshow__share-btn:hover { transform: scale(1.08) rotate(8deg); }
.ayv-pshow.is-open .ayv-pshow__share-btn, .ayv-pshow__share.is-open .ayv-pshow__share-btn { transform: rotate(135deg); animation: none; }
.ayv-pshow__share-ic { display: grid; place-items: center; }
@keyframes ayvShareFloat { 0%,100% { transform: translateY(0); box-shadow: 0 0 0 5px var(--ayv-surface), var(--ayv-shadow-md); } 50% { transform: translateY(-5px); box-shadow: 0 0 0 5px var(--ayv-surface), var(--ayv-shadow-lg); } }
/* on the narrow mobile layout, keep the pop-out inside the viewport (no clipping) */
@media (max-width: 860px) { .ayv-pshow__share { top: -14px; right: -4px; } }
.ayv-pshow__share-menu { position: absolute; top: 50px; right: 3px; display: flex; flex-direction: column; gap: 8px;
	opacity: 0; visibility: hidden; transform: translateY(-8px) scale(.9); transform-origin: top right; transition: all .28s cubic-bezier(.34,1.56,.64,1); }
.ayv-pshow__share.is-open .ayv-pshow__share-menu { opacity: 1; visibility: visible; transform: translateY(0) scale(1); }
.ayv-pshow__share-link { width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; color: #fff;
	border: none; cursor: pointer; font-size: 14px; box-shadow: var(--ayv-shadow-sm); background: var(--ayv-secondary); transition: transform .2s ease; }
.ayv-pshow__share-link:hover { transform: scale(1.12); color: #fff; }
.ayv-pshow__share-link.is-wa { background: #25d366; } .ayv-pshow__share-link.is-fb { background: #1877f2; }
.ayv-pshow__share-link.is-tw { background: #111; } .ayv-pshow__share-link.is-tg { background: #29a9eb; }
.ayv-pshow__share-link.is-cp { background: var(--ayv-primary); }

/* ---- reviews slide (under video on desktop, full width on mobile) ---- */
.ayv-pshow__reviews { position: relative; z-index: 1; min-height: 104px; display: flex; flex-direction: column; justify-content: center;
	gap: 8px; padding: 12px; border-radius: 16px; overflow: hidden;
	background: linear-gradient(150deg, rgba(74, 124, 42,.12), rgba(var(--ayv-rgba-accent),.12));
	border: 1px solid rgba(33, 59, 20,.10); }
.ayv-pshow__reviews-tag { display: inline-flex; align-items: center; gap: 6px; font-size: 10.5px; font-weight: 800;
	text-transform: uppercase; letter-spacing: .05em; color: var(--ayv-primary);
	background: none; border: 0; padding: 0; cursor: pointer; font-family: inherit; }
.ayv-pshow__reviews-tag:hover { text-decoration: underline; }
.ayv-pshow__reviews-tag i { color: var(--ayv-accent); }
/* "View all reviews" is now a button that opens the reviews modal */
button.ayv-pshow__reviews-all { background: none; border: 0; padding: 0; cursor: pointer; font-family: inherit; }

/* ---- all-reviews modal (compact, mobile-first) ---- */
.ayv-rmodal__scroll { padding: 0 0 8px; }
.ayv-rmodal__head { padding: 18px 18px 12px; border-bottom: 1px solid rgba(33, 59, 20,.08);
	background: linear-gradient(180deg, rgba(74, 124, 42,.06), transparent); border-radius: 22px 22px 0 0; }
.ayv-rmodal__ttl { font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em;
	color: var(--ayv-primary); margin-bottom: 12px; display: flex; align-items: center; gap: 7px; }
.ayv-rmodal__ttl i { color: var(--ayv-accent); }
.ayv-rmodal__summary { display: flex; gap: 18px; align-items: center; }
.ayv-rmodal__avgbox { display: flex; flex-direction: column; align-items: center; gap: 2px; min-width: 96px;
	background: #fff; border: 1px solid rgba(74, 124, 42,.18); border-radius: 16px; padding: 12px 10px;
	box-shadow: 0 6px 16px rgba(33, 59, 20,.08); }
.ayv-rmodal__avg { font-size: 30px; font-weight: 900; color: var(--ayv-secondary); line-height: 1; }
.ayv-rmodal__avgstars { font-size: 11px; color: var(--ayv-accent); }
.ayv-rmodal__count { font-size: 10px; color: var(--ayv-muted, #6b7261); font-weight: 600; text-align: center; }
.ayv-rmodal__bars { flex: 1; display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.ayv-rmodal__bar { display: flex; align-items: center; gap: 8px; }
.ayv-rmodal__bar-lb { font-size: 10.5px; font-weight: 800; color: var(--ayv-secondary); width: 26px; white-space: nowrap; }
.ayv-rmodal__bar-lb i { font-size: 8px; color: var(--ayv-accent); }
.ayv-rmodal__bar-track { flex: 1; height: 7px; border-radius: 99px; background: rgba(33, 59, 20,.1); overflow: hidden; }
.ayv-rmodal__bar-fill { display: block; height: 100%; border-radius: 99px;
	background: linear-gradient(90deg, var(--ayv-accent), var(--ayv-primary)); }
.ayv-rmodal__bar-pc { font-size: 10px; font-weight: 800; color: var(--ayv-muted, #6b7261); width: 32px; text-align: right; }
.ayv-rmodal__prod { display: flex; align-items: center; gap: 10px; margin-top: 12px;
	background: #fff; border: 1px solid rgba(74, 124, 42,.15); border-radius: 12px; padding: 8px 10px; }
.ayv-rmodal__prod img { width: 34px; height: 34px; border-radius: 9px; object-fit: cover; flex: none; }
.ayv-rmodal__prod span { font-size: 12px; font-weight: 700; color: var(--ayv-secondary);
	overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.ayv-rmodal__list { padding: 12px 14px 14px; display: flex; flex-direction: column; gap: 12px; }
.ayv-rmodal__rev { display: flex; flex-direction: column; gap: 9px; background: #fff;
	border: 1px solid rgba(33, 59, 20,.09); border-radius: 16px; padding: 13px 13px 12px; box-shadow: 0 3px 10px rgba(33, 59, 20,.05); }
.ayv-rmodal__rev-head { display: flex; align-items: center; gap: 10px; }
.ayv-rmodal__rev-who { min-width: 0; }
.ayv-rmodal__rev-top { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.ayv-rmodal__rev-top strong { font-size: 13.5px; color: var(--ayv-secondary); }
.ayv-rmodal__verified { display: inline-flex; align-items: center; gap: 4px; font-size: 9px; font-weight: 800;
	text-transform: uppercase; letter-spacing: .04em; color: #fff; background: var(--ayv-primary);
	border-radius: 99px; padding: 2.5px 8px; }
.ayv-rmodal__rev-who .ayv-pshow__rev-stars { display: block; margin-top: 2px; }
.ayv-rmodal__rev-msg { margin: 0; font-size: 13px; line-height: 1.6; color: var(--ayv-ink, #37402c); overflow-wrap: anywhere; }
/* large, aligned review photo — full card width, tap to open the lightbox */
.ayv-rmodal__rev-photo { display: block; width: 100%; border: 0; padding: 0; background: none;
	cursor: zoom-in; border-radius: 12px; overflow: hidden; position: relative; }
.ayv-rmodal__rev-photo img { display: block; width: 100%; max-height: 210px; object-fit: cover;
	border-radius: 12px; transition: transform .3s ease; }
.ayv-rmodal__rev-photo:hover img { transform: scale(1.03); }
.ayv-rmodal__rev-zoom { position: absolute; right: 8px; bottom: 8px; display: inline-flex; align-items: center; gap: 5px;
	background: rgba(10,14,8,.6); color: #fff; font-size: 10.5px; font-weight: 700; border-radius: 8px; padding: 4px 9px; backdrop-filter: blur(3px); }

/* ---- full-screen review-photo lightbox ---- */
.ayv-pshow__rev-image { cursor: zoom-in; }
.ayv-rlight { position: fixed; inset: 0; z-index: 10080; background: rgba(10,14,8,.93);
	-webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
	display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity .25s ease; }
.ayv-rlight.is-open { opacity: 1; }
.ayv-rlight[hidden] { display: none; }
.ayv-rlight__bar { position: absolute; top: 0; left: 0; right: 0; display: flex; justify-content: space-between;
	align-items: center; padding: 14px 16px; z-index: 3; }
.ayv-rlight__counter { color: #fff; font-size: 12.5px; font-weight: 800; letter-spacing: .04em;
	background: rgba(255,255,255,.14); padding: 5px 13px; border-radius: 99px; }
.ayv-rlight__close { width: 40px; height: 40px; border-radius: 50%; border: 0; background: rgba(255,255,255,.16);
	color: #fff; font-size: 16px; cursor: pointer; display: grid; place-items: center; transition: background .2s; }
.ayv-rlight__nav { position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 44px;
	border-radius: 50%; border: 0; background: rgba(255,255,255,.16); color: #fff; font-size: 16px;
	cursor: pointer; z-index: 3; display: grid; place-items: center; transition: background .2s; }
.ayv-rlight__nav--prev { left: 14px; }
.ayv-rlight__nav--next { right: 14px; }
.ayv-rlight__nav:hover, .ayv-rlight__close:hover { background: rgba(255,255,255,.32); }
.ayv-rlight__fig { margin: 0; width: min(540px, 92vw); display: flex; flex-direction: column; padding: 64px 0 18px; max-height: 100vh; }
.ayv-rlight__img { width: 100%; max-height: 54vh; object-fit: contain; border-radius: 18px 18px 0 0; background: #10140c; }
.ayv-rlight__cap { background: #fff; border-radius: 0 0 18px 18px; padding: 14px 18px 16px; max-height: 26vh; overflow: auto; }
.ayv-rlight__stars { display: block; color: var(--ayv-accent); font-size: 13px; margin-bottom: 4px; letter-spacing: 1px; }
.ayv-rlight__name { display: block; font-size: 14px; color: var(--ayv-secondary); margin-bottom: 4px; }
.ayv-rlight__text { margin: 0; font-size: 13px; line-height: 1.65; color: var(--ayv-ink, #37402c); overflow-wrap: anywhere; }
@media (max-width: 560px) {
	.ayv-rlight__nav { width: 38px; height: 38px; font-size: 14px; }
	.ayv-rlight__nav--prev { left: 8px; }
	.ayv-rlight__nav--next { right: 8px; }
	.ayv-rlight__fig { width: 94vw; padding: 58px 0 12px; }
	.ayv-rlight__img { max-height: 48vh; }
	.ayv-rlight__cap { padding: 12px 14px 14px; }
}
@media (max-width: 560px) {
	.ayv-rmodal__summary { gap: 12px; }
	.ayv-rmodal__avgbox { min-width: 84px; padding: 10px 8px; }
	.ayv-rmodal__avg { font-size: 26px; }
	.ayv-rmodal__head { padding: 16px 14px 10px; }
	.ayv-rmodal__list { padding: 10px 10px 12px; }
	.ayv-rmodal__rev { padding: 10px; }
	.ayv-rmodal__rev-img { width: 44px; height: 44px; }
}
.ayv-pshow__revrow { position: relative; overflow: hidden;
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
	        mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent); }
.ayv-pshow__track { display: flex; gap: 12px; width: max-content; user-select: none;
	transition: transform .6s cubic-bezier(.4, 0, .2, 1); will-change: transform; }
.ayv-pshow__rev { flex: 0 0 auto; width: 280px; display: flex; align-items: center; gap: 10px; margin: 0; background: rgba(255,255,255,.96); border: 1px solid rgba(33, 59, 20,.08);
	border-radius: 12px; box-shadow: 0 8px 20px -16px rgba(33, 59, 20,.5); padding: 10px 11px;
	cursor: pointer; transition: transform .2s ease, box-shadow .2s ease; }
.ayv-pshow__rev:hover { transform: translateY(-2px); box-shadow: 0 12px 26px -14px rgba(33, 59, 20,.55); }
.ayv-pshow__rev-image { flex: 0 0 56px; width: 56px; height: 56px; border-radius: 8px; background-size: cover; background-position: center; background-color: #eef0e6; }
/* image zooms large then small while the review is shown, before scrolling on */
.ayv-pshow__rev-image { animation: ayvRevImgZoom 3s ease-in-out infinite; }
@keyframes ayvRevImgZoom { 0% { transform: scale(1); } 30% { transform: scale(1.22); } 60%, 100% { transform: scale(1); } }
.ayv-pshow__reviews:hover .ayv-pshow__rev-image { animation-play-state: paused; }
/* carousel progress bar */
.ayv-pshow__rev-progress { margin-top: 8px; height: 4px; border-radius: 4px; background: rgba(33, 59, 20,.12); overflow: hidden; }
.ayv-pshow__rev-progress span { display: block; height: 100%; width: 100%; border-radius: 4px; transform-origin: left;
	background: linear-gradient(90deg, var(--ayv-primary), var(--ayv-accent)); animation: ayvRevProgress 3s linear infinite; }
@keyframes ayvRevProgress { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.ayv-pshow__reviews:hover .ayv-pshow__rev-progress span { animation-play-state: paused; }
.ayv-pshow__rev-top { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; }
.ayv-pshow__avatar { width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; font-weight: 800; color: #fff;
	background: linear-gradient(135deg, var(--ayv-primary), var(--ayv-primary-2)); font-size: 11px; flex: 0 0 auto; }
.ayv-pshow__rev-top strong { display: block; font-size: 12px; color: var(--ayv-secondary); }
.ayv-pshow__rev-stars { font-size: 9px; }
.ayv-pshow__rev blockquote { margin: 0; font-size: 11px; line-height: 1.4; color: #555c48;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* ---- reels strip ---- */
.ayv-pshow__reels { position: relative; z-index: 1; margin-top: 4px; padding-top: 18px; border-top: 1px dashed rgba(33, 59, 20,.18); }
.ayv-pshow__reels-head { margin-bottom: 12px; text-align: center; }
.ayv-pshow__reels-eyebrow { display: inline-flex; align-items: center; gap: 8px; font-weight: 800; font-size: 12px;
	color: var(--ayv-primary); text-transform: uppercase; letter-spacing: .06em; }
.ayv-pshow__reels-eyebrow i { color: var(--ayv-accent); }

/* compact reel cards (desktop: many across) */
.ayv-pshow-reels-compact .reel-strip-preview { gap: 12px; padding: 4px 2px 10px; }
.ayv-pshow-reels-compact .reel-strip-shell::before, .ayv-pshow-reels-compact .reel-strip-shell::after { bottom: 10px; width: 34px;
	background: linear-gradient(to right, #f7f6ea, rgba(247,246,234,0)); }
.ayv-pshow-reels-compact .reel-strip-shell::after { background: linear-gradient(to left, #f7f6ea, rgba(247,246,234,0)); }
.ayv-pshow-reels-compact .reel-strip-card-link { flex: 0 0 clamp(118px, 13vw, 150px); min-width: clamp(118px, 13vw, 150px); }
.ayv-pshow-reels-compact .reel-strip-card { border-radius: 14px; }
.ayv-pshow-reels-compact .reel-strip-nav { width: 36px; height: 36px; }
.ayv-pshow-reels-compact .reel-strip-play { width: 42px; height: 42px; }
.ayv-pshow-reels-compact .reel-strip-badge { top: 7px; left: 7px; padding: 3px 7px 3px 6px; font-size: 8.5px; }
.ayv-pshow-reels-compact .reel-strip-likes { top: 7px; right: 7px; padding: 3px 7px; font-size: 9.5px; }
.ayv-pshow-reels-compact .reel-strip-meta { padding: 9px; }
.ayv-pshow-reels-compact .reel-strip-meta strong { font-size: 12px; }
.ayv-pshow-reels-compact .reel-strip-meta span { font-size: 10px; }

/* ============================================================
   AI-DESIGN UPGRADES — ribbon, seal, trust chips, dual CTA,
   assurance line, feature band, expert CTA, section headers.
   ============================================================ */
/* 30% OFF — corner badge flush to the top-left, matching the card radius */
.ayv-pshow__save { top: 0; left: 0; border-radius: 18px 0 12px 0; padding: 6px 13px 7px 14px;
	font-size: 12px; box-shadow: 4px 4px 12px -4px rgba(200,60,60,.5); }
.ayv-pshow__save::after { display: none; }

/* 100% Ayurvedic seal */
/* compact 100% Ayurvedic seal */
.ayv-pshow__seal { position: absolute; right: 10px; bottom: 0; transform: translateY(40%); z-index: 4; width: 48px; height: 48px; border-radius: 50%;
	display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1; text-align: center;
	background: rgba(255,255,255,.97); box-shadow: 0 5px 14px rgba(33, 59, 20,.2); border: 1.5px solid rgba(74, 124, 42,.35); }
.ayv-pshow__seal i { font-size: 10px; margin-bottom: 1px; color: var(--ayv-primary); }
.ayv-pshow__seal b { font-size: 10px; font-weight: 900; color: var(--ayv-secondary); }
.ayv-pshow__seal span { font-size: 6.5px; font-weight: 700; letter-spacing: .01em; color: var(--ayv-primary); }
@media (max-width: 640px) { .ayv-pshow__seal { width: 42px; height: 42px; right: 8px; } }

/* verified tick next to the name */
.ayv-pshow__verified { color: var(--ayv-accent); font-size: .72em; vertical-align: middle; }

/* trust chips */
.ayv-pshow__chips { display: flex; flex-wrap: nowrap; gap: 4px; min-width: 0; }
.ayv-pshow__chip { display: inline-flex; align-items: center; gap: 4px; font-size: 9.5px; font-weight: 700; white-space: nowrap;
	color: #4a5440; background: #f3f5ec; border: 1px solid #e4e9d8; padding: 3px 7px; border-radius: 6px; }
.ayv-pshow__chip i { font-size: 9.5px; color: var(--ayv-primary); }
.ayv-pshow__chip.is-ok i { color: #1faa52; }
.ayv-pshow__chip.is-out { color: #c0392b; } .ayv-pshow__chip.is-out i { color: #c0392b; }

/* price row — now + struck old on one line; SAVE sticker floats in the corner above */
.ayv-pshow__price { position: relative; width: 100%; display: flex; align-items: baseline; gap: 9px; flex-wrap: nowrap; margin-top: 30px; }
.ayv-pshow__was { font-weight: 600; }
.ayv-pshow__save-amt { position: absolute; right: -6px; top: -30px; transform-origin: bottom left;
	display: inline-flex; align-items: center; gap: 3px; font-size: 11px; font-weight: 900; letter-spacing: .02em; color: #fff;
	background: linear-gradient(135deg, #34d17a, #1faa52); padding: 5px 10px; border-radius: 8px; white-space: nowrap; z-index: 3;
	box-shadow: 0 6px 14px -4px rgba(31,170,82,.6); animation: ayvSavePop 3s ease-in-out infinite; }
.ayv-pshow__save-amt i { font-size: 11px; }
/* pointer tail toward the price corner (bottom-left) */
.ayv-pshow__save-amt::after { content: ''; position: absolute; left: -4px; bottom: 5px; width: 9px; height: 9px;
	background: #1faa52; transform: rotate(45deg); border-radius: 2px; }
/* pops out diagonally (~30°) from the price's top-right corner toward the upper corner */
@keyframes ayvSavePop {
	0%, 10%   { opacity: 0; transform: rotate(-30deg) scale(.3); }
	24%, 76%  { opacity: 1; transform: rotate(-30deg) scale(1); }
	90%, 100% { opacity: 0; transform: rotate(-30deg) scale(.3); }
}

/* dual two-line CTAs */
.ayv-pshow__btn { padding: 10px 12px; }
.ayv-pshow__btn-txt { display: flex; flex-direction: column; align-items: flex-start; line-height: 1.12; }
.ayv-pshow__btn-txt strong { font-size: 14px; font-weight: 800; }
.ayv-pshow__btn-txt small { font-size: 9.5px; font-weight: 600; opacity: .92; }
.ayv-pshow__btn-buy { background: linear-gradient(135deg, #f0922f, #e0721f); box-shadow: 0 8px 20px -6px rgba(224,114,31,.55); }
.ayv-pshow__btn-buy:hover { box-shadow: 0 12px 26px -6px rgba(224,114,31,.7); }

/* assurance line */
.ayv-pshow__assure { display: flex; align-items: center; justify-content: center; gap: 7px; margin-top: 2px;
	font-size: 11.5px; font-weight: 700; color: var(--ayv-primary); background: rgba(74, 124, 42,.08);
	border: 1px solid rgba(74, 124, 42,.16); padding: 8px 12px; border-radius: 10px; }
.ayv-pshow__assure i { color: var(--ayv-accent); }

/* right rail = reels strip + features + expert CTA (occupies the reels grid area) */
.ayv-pshow__rail { grid-area: reels; display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.ayv-pshow__rail .ayv-pshow__reels { margin: 0; padding: 0; border-top: 0; }

/* section headers with "View all" */
.ayv-pshow__reels-head { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; margin: 10px 0 0; text-align: left; }
.ayv-pshow__reels-eyebrow { display: flex; align-items: center; gap: 9px; font-weight: 800; font-size: 14px;
	letter-spacing: .02em; white-space: nowrap; min-width: 0; padding-bottom: 0; }
/* beautiful gradient icon badge */
.ayv-pshow__reels-ic { width: 30px; height: 30px; border-radius: 9px; flex: 0 0 auto; display: grid; place-items: center;
	color: #fff; font-size: 14px; background: linear-gradient(135deg, var(--ayv-accent), var(--ayv-accent-2));
	box-shadow: 0 6px 14px -5px rgba(239, 124, 31,.7); animation: ayvReelsIc 3s ease-in-out infinite; }
@keyframes ayvReelsIc { 0%,100% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-2px) rotate(-6deg); } }
/* animated gradient/shimmer headline */
.ayv-pshow__reels-ttl { background: linear-gradient(90deg, var(--ayv-secondary), var(--ayv-primary), var(--ayv-accent-2), var(--ayv-secondary));
	background-size: 250% 100%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
	color: var(--ayv-secondary); animation: ayvReelsTtl 4s linear infinite; }
@keyframes ayvReelsTtl { 0% { background-position: 0% 50%; } 100% { background-position: 250% 50%; } }
/* animated underline below the headline */
/* underline sits under the title text only (starts after the icon) */
.ayv-pshow__reels-ttl { position: relative; display: inline-block; padding-bottom: 7px; }
.ayv-pshow__reels-ttl::after { content: ''; position: absolute; left: 0; bottom: 0; height: 3px; border-radius: 3px; width: 100%;
	-webkit-text-fill-color: initial;
	background: linear-gradient(90deg, var(--ayv-accent), var(--ayv-accent-2), transparent); background-size: 200% 100%;
	animation: ayvReelsLine 2.6s ease-in-out infinite; transform-origin: left; }
@keyframes ayvReelsLine { 0% { background-position: 0% 50%; transform: scaleX(.4); } 50% { background-position: 100% 50%; transform: scaleX(1); } 100% { background-position: 0% 50%; transform: scaleX(.4); } }
.ayv-pshow__reels-eyebrow i { color: var(--ayv-accent); }
.ayv-pshow__reels-all, .ayv-pshow__reviews-all { display: inline-flex; align-items: center; gap: 4px; font-size: 12.5px;
	font-weight: 800; color: var(--ayv-accent-2); text-decoration: none; white-space: nowrap; }
.ayv-pshow__reels-all:hover, .ayv-pshow__reviews-all:hover { color: var(--ayv-primary); }

/* feature band */
.ayv-pshow__feats { display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); gap: 8px;
	background: #fff; border: 1px solid #ece6d7; border-radius: 16px; padding: 16px 10px; box-shadow: 0 10px 24px -16px rgba(33, 59, 20,.5); }
.ayv-pshow__feat { display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center;
	font-size: 12px; font-weight: 700; color: var(--ayv-secondary); line-height: 1.25; }
.ayv-pshow__feat-ic { width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; font-size: 18px;
	color: var(--ayv-primary); background: rgba(74, 124, 42,.12); }

/* expert CTA — soft, light professional card */
.ayv-pshow__expert { display: flex; align-items: center; gap: 12px; padding: 15px 18px; border-radius: 16px;
	text-decoration: none; color: #1f4a30; background: #eef5e9; border: 1px solid #d8e8cc;
	box-shadow: 0 8px 20px -14px rgba(47,107,70,.45); transition: transform .25s ease, box-shadow .25s ease, background .25s ease; }
.ayv-pshow__expert:hover { transform: translateY(-2px); color: #1f4a30; background: #e6f1de; box-shadow: 0 12px 26px -14px rgba(47,107,70,.6); }
.ayv-pshow__expert-ic { width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; font-size: 22px;
	background: #25d366; color: #fff; flex: 0 0 auto; }
.ayv-pshow__expert-txt { display: flex; flex-direction: column; line-height: 1.2; flex: 1; min-width: 0; }
.ayv-pshow__expert-txt strong { font-size: 16px; font-weight: 800; color: #1f4a30; }
.ayv-pshow__expert-txt small { font-size: 12px; color: #5a7a62; }
.ayv-pshow__expert-arrow { font-size: 14px; color: #2f6b46; opacity: .8; flex: 0 0 auto; }

/* reviews header */
.ayv-pshow__reviews-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }

/* ---- centered in-page reel player (not full screen) ---- */
.ayv-rs-modal { position: fixed; inset: 0; z-index: 1000; display: none; align-items: center; justify-content: center; gap: 18px;
	padding: 24px; background: rgba(13,20,7,.72); backdrop-filter: blur(6px); }
.ayv-rs-modal.is-open { display: flex; animation: ayvRsFade .25s ease; }
@keyframes ayvRsFade { from { opacity: 0; } to { opacity: 1; } }
.ayv-rs-modal__stage { display: flex; flex-direction: column; align-items: center; gap: 12px;
	width: min(96vw, 760px); animation: ayvRsPop .3s cubic-bezier(.23,1,.32,1); }
@keyframes ayvRsPop { from { transform: scale(.92); opacity: 0; } to { transform: scale(1); opacity: 1; } }

/* coverflow deck: active reel centered, prev/next peeking at the sides */
.ayv-rs-deck { position: relative; width: 100%; height: min(78vh, 620px); }
.ayv-rs-track { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }
/* every card is centered via the same anchor; roles differ only by transform */
.ayv-rs-card { position: absolute; left: 50%; top: 50%; height: 100%; width: auto; aspect-ratio: 9/16; max-width: 74%; max-height: 100%;
	border-radius: 18px; overflow: hidden;
	background: #000; box-shadow: 0 30px 70px -20px rgba(0,0,0,.7);
	transform: translate(-50%, -50%);
	transition: transform .5s cubic-bezier(.23,1,.32,1), opacity .5s ease, filter .5s ease; }
.ayv-rs-card video, .ayv-rs-card iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; object-fit: cover; background: #000; }
.ayv-rs-card__poster { position: absolute; inset: 0; background-size: cover; background-position: center; }
/* center: full video, a little larger, on top — capped so there is room for side peeks */
.ayv-rs-card.is-center { z-index: 3; max-width: 100%; aspect-ratio: 3/4; transform: translate(-50%, -50%) translate(0, 7%) scale(1) rotate(0); opacity: 1; }
/* prev/next sit BEHIND the center, only slightly higher so their tops peek above the center's top-left / top-right */
.ayv-rs-card.is-left   { z-index: 1; transform: translate(-50%, -50%) translate(-30%, -10%) scale(.62) rotate(-7deg); opacity: .85; filter: brightness(.82); }
.ayv-rs-card.is-right  { z-index: 1; transform: translate(-50%, -50%) translate(30%, -10%) scale(.62) rotate(7deg); opacity: .85; filter: brightness(.82); }
.ayv-rs-card.is-center.is-fromright { animation: ayvRsFromRight .55s cubic-bezier(.23,1,.32,1); }
.ayv-rs-card.is-center.is-fromleft  { animation: ayvRsFromLeft  .55s cubic-bezier(.23,1,.32,1); }
.ayv-rs-card.is-center.is-pop       { animation: ayvRsCardPop   .5s cubic-bezier(.23,1,.32,1); }
/* new active rises forward from the corner it came from */
@keyframes ayvRsFromRight { from { transform: translate(-50%, -50%) translate(30%, -10%) scale(.62) rotate(7deg); opacity: .5; } to { transform: translate(-50%, -50%) translate(0, 7%) scale(1) rotate(0); opacity: 1; } }
@keyframes ayvRsFromLeft  { from { transform: translate(-50%, -50%) translate(-30%, -10%) scale(.62) rotate(-7deg); opacity: .5; } to { transform: translate(-50%, -50%) translate(0, 7%) scale(1) rotate(0); opacity: 1; } }
@keyframes ayvRsCardPop   { from { transform: translate(-50%, -50%) translate(0, 7%) scale(.85); opacity: 0; } to { transform: translate(-50%, -50%) translate(0, 7%) scale(1); opacity: 1; } }
/* glassmorphism product card over the bottom of the reel */
.ayv-rs-modal__prod { position: absolute; left: 50%; bottom: 4%; z-index: 5; width: min(56vw, 300px); transform: translateX(-50%);
	display: flex; align-items: center; gap: 10px;
	padding: 8px; border-radius: 14px; background: rgba(255,255,255,.16); border: 1px solid rgba(255,255,255,.28);
	backdrop-filter: blur(14px) saturate(140%); -webkit-backdrop-filter: blur(14px) saturate(140%);
	box-shadow: 0 8px 24px rgba(0,0,0,.35); animation: ayvRsProdIn .5s cubic-bezier(.23,1,.32,1) both; }
@keyframes ayvRsProdIn { from { opacity: 0; transform: translateX(-50%) translateY(26px) scale(.96); } to { opacity: 1; transform: translateX(-50%) translateY(0) scale(1); } }
@media (max-width: 560px) { .ayv-rs-modal__prod { width: 70vw; } }
.ayv-rs-modal__prod img.ayv-rs-prod__img { width: 46px; height: 46px; border-radius: 10px; object-fit: cover; flex: 0 0 auto; background: #fff; }
.ayv-rs-prod__info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.ayv-rs-prod__title { font-size: 12.5px; font-weight: 800; color: #fff; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
	text-shadow: 0 1px 3px rgba(0,0,0,.4); }
.ayv-rs-prod__price { display: flex; align-items: baseline; gap: 7px; }
.ayv-rs-prod__now { font-size: 15px; font-weight: 900; color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,.4); }
.ayv-rs-prod__was { font-size: 11px; color: rgba(255,255,255,.75); text-decoration: line-through; }
.ayv-rs-prod__btn { position: relative; overflow: hidden; flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px;
	padding: 10px 16px; border-radius: 11px; font-size: 12.5px; font-weight: 800; color: #fff; text-decoration: none; white-space: nowrap;
	background: linear-gradient(120deg, #f5a623, #46a86a, #1faa52, #f5a623); background-size: 280% 100%;
	box-shadow: 0 6px 16px -5px rgba(31,170,82,.7);
	animation: ayvBtnFlow 4s ease infinite, ayvRsBtnPulse 2.2s ease-in-out infinite; }
.ayv-rs-prod__btn > * { position: relative; z-index: 1; }
.ayv-rs-prod__btn i { animation: ayvBuyCart 2.2s ease-in-out infinite; }
.ayv-rs-prod__btn::before { content: ''; position: absolute; top: 0; left: -60%; width: 45%; height: 100%; z-index: 0;
	background: linear-gradient(100deg, transparent, rgba(255,255,255,.6), transparent); transform: skewX(-20deg);
	animation: ayvBuyShine 2.8s ease-in-out infinite; }
.ayv-rs-prod__btn:hover { transform: translateY(-2px); color: #fff; box-shadow: 0 10px 22px -5px rgba(31,170,82,.85); }
@keyframes ayvRsBtnPulse { 0%,100% { box-shadow: 0 6px 16px -5px rgba(31,170,82,.7); } 50% { box-shadow: 0 8px 24px -3px rgba(245,166,35,.85); } }
.ayv-rs-modal__meta { text-align: center; color: #fff; max-width: 100%; }
.ayv-rs-modal__meta strong { display: block; font-size: 15px; font-weight: 800; }
.ayv-rs-modal__meta span { display: block; font-size: 12.5px; opacity: .8; margin-top: 2px; }
.ayv-rs-modal__close { position: absolute; top: 18px; right: 18px; z-index: 20; width: 42px; height: 42px; border-radius: 50%; border: 0; cursor: pointer;
	background: rgba(255,255,255,.14); color: #fff; font-size: 17px; display: grid; place-items: center; transition: background .2s ease; }
.ayv-rs-modal__close:hover { background: rgba(255,255,255,.26); }
.ayv-rs-modal__nav { position: relative; z-index: 20; width: 50px; height: 50px; border-radius: 50%; border: 0; cursor: pointer; flex: 0 0 auto;
	background: rgba(255,255,255,.16); color: #fff; font-size: 18px; display: grid; place-items: center; transition: background .2s ease, transform .2s ease; }
.ayv-rs-modal__nav:hover { background: var(--ayv-primary); transform: scale(1.08); }
@media (max-width: 560px) {
	.ayv-rs-modal { gap: 6px; padding: 12px; }
	.ayv-rs-modal__nav { width: 38px; height: 38px; font-size: 14px; }
	.ayv-rs-modal__stage { width: 98vw; }
	/* bigger center + side videos that reach the screen walls on mobile */
	.ayv-rs-card { max-width: 80%; }
	.ayv-rs-card.is-center { max-width: 100%; transform: translate(-50%, -50%) translate(0, 7%) scale(1) rotate(0); }
	.ayv-rs-card.is-left  { transform: translate(-50%, -50%) translate(-24%, -8%) scale(.8) rotate(-6deg); }
	.ayv-rs-card.is-right { transform: translate(-50%, -50%) translate(24%, -8%) scale(.8) rotate(6deg); }
}

/* ============================================================
   MOBILE  (<=860px): full-width video on top, then small product
   card (left) + a HORIZONTAL reels slide (right) — one full reel +
   ~16% peek of the next, with a gradient fade and an animated arrow
   that scrolls left↔right (NOT up/down). Then full-width reviews.
   ============================================================ */
@media (max-width: 860px) {
	.ayv-pshow__grid,
	.ayv-pshow__grid--noreviews { grid-template-columns: 1fr 1fr; grid-template-rows: auto auto auto;
		grid-template-areas: "video video" "product reels" "reviews reviews"; gap: 12px; }
	.ayv-pshow__video   { grid-area: video; align-self: start; width: 100%; }
	.ayv-pshow__product { grid-area: product; height: 100%; }
	.ayv-pshow__reels   { grid-area: reels; align-self: stretch; }
	.ayv-pshow__reviews { grid-area: reviews; min-height: 0; }
	/* tighter media + smaller badges so the narrow card image isn't crowded */
	.ayv-pshow__media { aspect-ratio: 3 / 3; }
	.ayv-pshow__save { top: 0; left: 0; font-size: 10px; padding: 5px 11px 6px 12px; border-radius: 16px 0 11px 0; }
	.ayv-pshow__cat  { top: 8px; right: 8px; font-size: 9.5px; padding: 4px 9px; max-width: 56%; }
	/* let the card body breathe and pin price/buttons to the bottom edge */
	.ayv-pshow__body { padding: 10px 12px 12px; gap: 4px; }
	.ayv-pshow__buy  { margin-top: 6px; padding-top: 8px; gap: 7px; }
	/* full-width 16:9 video on top, even with no reviews */
	.ayv-pshow__frame, .ayv-pshow__grid--noreviews .ayv-pshow__frame { height: auto; aspect-ratio: 16/9; min-height: 0; }
	/* keep the product card small */
	.ayv-pshow__long { display: none; }

	/* rail stacks: header, framed reel slide, feature band, expert CTA */
	.ayv-pshow__rail { gap: 12px; }
	/* reels shell = a framed horizontal slide */
	.ayv-pshow__reels { position: relative; margin: 0; padding: 0; border-top: 0; min-height: 0; overflow: hidden;
		display: flex; flex-direction: column; border-radius: 16px;
		background: linear-gradient(150deg, rgba(74, 124, 42,.12), rgba(var(--ayv-rgba-accent),.12)); }
	.ayv-pshow__reels-head { display: flex; }
	.ayv-pshow__reels-eyebrow { font-size: 12px; }
	.ayv-pshow__feats { padding: 14px 8px; gap: 6px; }
	.ayv-pshow__feat { font-size: 11px; }
	.ayv-pshow__feat-ic { width: 40px; height: 40px; font-size: 16px; }
	.ayv-pshow__expert { padding: 13px 14px; gap: 10px; }
	.ayv-pshow__expert-txt strong { font-size: 14px; }
	.ayv-pshow__expert-txt small { font-size: 11px; }
	.ayv-pshow-reels-compact .reel-strip-shell { position: relative; flex: 1 1 auto; min-height: 0; display: flex; }
	.ayv-pshow-reels-compact .reel-strip-shell::before, .ayv-pshow-reels-compact .reel-strip-shell::after { display: none; }
	.ayv-pshow-reels-compact .reel-strip-preview { flex: 1 1 auto; min-height: 0; width: 100%;
		flex-direction: row; align-items: center; overflow-x: auto; overflow-y: hidden;
		gap: 8px; padding: 7px; scroll-snap-type: x mandatory; }
	.ayv-pshow-reels-compact .reel-strip-card-link { flex: 0 0 84%; min-width: 84%; width: 84%; height: auto; scroll-snap-align: center; }
	.ayv-pshow-reels-compact .reel-strip-card { width: 100%; aspect-ratio: 9/16; }

	/* gradient fade on the right (the peek side) */
	.ayv-pshow__reels::after { content: ''; position: absolute; top: 0; bottom: 0; right: 0; width: 56px; z-index: 3; pointer-events: none;
		background: linear-gradient(to left, rgba(245,244,231,.97), rgba(245,244,231,0)); border-radius: 0 16px 16px 0; }
	/* functional + animated gradient arrow (taps scroll right; hidden at the end) */
	.ayv-pshow-reels-compact .reel-strip-nav-prev { display: none; }
	.ayv-pshow-reels-compact .reel-strip-nav-next { display: inline-flex; right: 8px; left: auto; top: 50%; z-index: 5;
		width: 38px; height: 38px; border: none; color: #fff;
		background: linear-gradient(135deg, var(--ayv-accent), var(--ayv-accent-2));
		box-shadow: 0 10px 22px -6px rgba(33, 59, 20,.55); animation: ayvArrowNudge 1.4s ease-in-out infinite; }
	.ayv-pshow-reels-compact .reel-strip-nav-next:hover { background: linear-gradient(135deg, var(--ayv-accent), var(--ayv-accent-2)); color: #fff; transform: translateY(-50%) scale(1.06); }
	.ayv-pshow-reels-compact .reel-strip-shell.at-end .reel-strip-nav-next { opacity: 0; pointer-events: none; }
	.ayv-pshow-reels-compact .reel-strip-shell.at-end::after { opacity: 0; }

	/* remove the wasted side space — pull the card content to the edges */
	.ayv-pshow { padding: 40px 0; }
	.ayv-pshow .ayv-container { padding-inline: 8px; }
	.ayv-pshow__card { padding: 10px 6px; }
	.ayv-pshow__grid, .ayv-pshow__grid--noreviews { gap: 9px; }

	/* stack the two buttons so BOTH show full-width in the narrow column,
	   slimmer + tighter so they read as refined, not chunky */
	.ayv-pshow__buttons { grid-template-columns: 1fr; gap: 7px; }
	.ayv-pshow__btn { padding: 9px 10px; font-size: 12.5px; border-radius: 10px; gap: 6px; }
	.ayv-pshow__btn i { font-size: 14px; }
	.ayv-pshow__now { font-size: 21px; }
	.ayv-pshow__was { font-size: 13px; }
}
@keyframes ayvArrowNudge { 0%,100% { transform: translateY(-50%) translateX(0); } 50% { transform: translateY(-50%) translateX(4px); } }
@media (max-width: 520px) {
	.ayv-pshow__grid, .ayv-pshow__grid--noreviews { grid-template-columns: .95fr 1.05fr; }
	.ayv-pshow__body { padding: 12px 13px 12px; gap: 7px; }
	.ayv-pshow__name { font-size: 15.5px; line-height: 1.3; }
	.ayv-pshow__now { font-size: 20px; }
	.ayv-pshow__short { -webkit-line-clamp: 2; font-size: 12px; }
	.ayv-pshow__benefits { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
	.ayv-pshow__track, .ayv-pshow__swap-track { animation: none; }
	.ayv-pshow__btn-buy, .ayv-pshow__btn-buy i, .ayv-pshow__btn-buy::before { animation: none; }
	.ayv-pshow__reels-ic, .ayv-pshow__reels-ttl, .ayv-pshow__reels-ttl::after { animation: none; }
	.ayv-pshow__ben { opacity: 1 !important; transform: none !important; transition: none; }
	.ayv-pshow__save-amt { animation: none; opacity: 1; transform: rotate(-30deg) scale(1); }
	.ayv-pshow__share-btn, .ayv-pshow__orb, .ayv-pshow__leaf, .ayv-pshow__vchip i { animation: none; }
}

/* ============================================================
   IN-PAGE BUILDER v2 — Element Gallery + Tabbed Inspector
   (professional, /business-style). Reuses .hm-modal-overlay / .hm-toast.
   ============================================================ */
.hm-eyebrow { display: inline-flex; align-items: center; gap: 7px; font-size: 11px; font-weight: 800;
	text-transform: uppercase; letter-spacing: .08em; color: var(--ayv-primary); margin-bottom: 6px; }
.hm-modal.hm-modal--wide { max-width: 860px; width: 100%; padding: 0; overflow: hidden; display: flex; flex-direction: column; max-height: 90vh; }
.hm-x { width: 38px; height: 38px; border: 0; border-radius: 10px; cursor: pointer; background: #f1f5f9; color: #475569;
	font-size: 15px; display: grid; place-items: center; transition: .18s ease; flex: 0 0 auto; }
.hm-x:hover { background: #e2e8f0; color: #0f172a; }

/* ---- Element Gallery ---- */
.hm-gal { display: flex; flex-direction: column; min-height: 0; }
.hm-gal__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 22px 24px; border-bottom: 1px solid #eef2f6; }
.hm-gal__head h3 { margin: 0; font-size: 20px; font-weight: 800; color: #0f172a; }
.hm-gal__head .hm-sub { margin: 4px 0 0; }
.hm-gal__body { display: grid; grid-template-columns: 200px 1fr; min-height: 0; }
.hm-gal__rail { border-right: 1px solid #eef2f6; padding: 16px; display: flex; flex-direction: column; gap: 6px; background: #fafbfc; }
.hm-gal__cat { display: flex; align-items: center; gap: 10px; padding: 11px 13px; border: 0; border-radius: 10px; cursor: pointer;
	background: transparent; color: #475569; font-weight: 700; font-size: 13.5px; text-align: left; transition: .15s ease; font-family: inherit; }
.hm-gal__cat i { width: 18px; text-align: center; color: #94a3b8; }
.hm-gal__cat:hover { background: #eef2f6; }
.hm-gal__cat.is-active { background: var(--ayv-primary); color: #fff; }
.hm-gal__cat.is-active i { color: #fff; }
.hm-gal__grid { padding: 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; overflow-y: auto; align-content: start; }
@media (max-width: 680px) { .hm-gal__body { grid-template-columns: 1fr; } .hm-gal__rail { flex-direction: row; overflow-x: auto; } .hm-gal__grid { grid-template-columns: 1fr; } }
.hm-el-card { border: 1.5px solid #e7ebf0; border-radius: 14px; padding: 18px; display: flex; flex-direction: column; gap: 10px; transition: .18s ease; background: #fff; }
.hm-el-card:hover { border-color: var(--ayv-primary); box-shadow: 0 14px 30px rgba(33, 59, 20,.10); transform: translateY(-2px); }
.hm-el-card__icon { width: 46px; height: 46px; border-radius: 12px; display: grid; place-items: center; font-size: 20px;
	color: var(--ayv-primary); background: rgba(var(--ayv-rgba-primary),.10); }
.hm-el-card__title { font-weight: 800; font-size: 15.5px; color: #0f172a; }
.hm-el-card__desc { margin: 0; font-size: 12.5px; line-height: 1.5; color: #64748b; flex: 1; }
.hm-el-card__btn { align-self: flex-start; padding: 9px 16px; border: 0; border-radius: 9px; cursor: pointer; font-weight: 800; font-size: 13px;
	background: var(--ayv-primary); color: #fff; display: inline-flex; align-items: center; gap: 7px; font-family: inherit; transition: .18s ease; }
.hm-el-card__btn:hover { filter: brightness(1.06); }
.hm-el-card__btn:disabled { opacity: .65; cursor: default; }

/* ---- Inspector ---- */
.hm-insp { display: flex; flex-direction: column; min-height: 0; }
.hm-insp__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 20px 24px; border-bottom: 1px solid #eef2f6; }
.hm-insp__head h3 { margin: 0; font-size: 19px; font-weight: 800; color: #0f172a; }
.hm-insp__body { display: grid; grid-template-columns: 188px 1fr; min-height: 0; flex: 1; }
.hm-insp__tabs { border-right: 1px solid #eef2f6; padding: 14px; display: flex; flex-direction: column; gap: 4px; background: #fafbfc; overflow-y: auto; }
.hm-insp__tab { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 0; border-radius: 9px; cursor: pointer;
	background: transparent; color: #475569; font-weight: 700; font-size: 13px; text-align: left; font-family: inherit; transition: .15s ease; }
.hm-insp__tab i { width: 16px; text-align: center; color: #94a3b8; }
.hm-insp__tab:hover { background: #eef2f6; }
.hm-insp__tab.is-active { background: rgba(var(--ayv-rgba-primary),.10); color: var(--ayv-primary); }
.hm-insp__tab.is-active i { color: var(--ayv-primary); }
.hm-insp__panels { padding: 22px 24px; overflow-y: auto; min-height: 320px; }
.hm-insp__panel { display: none; }
.hm-insp__panel.is-active { display: block; animation: hmFade .25s ease; }
@keyframes hmFade { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
@media (max-width: 680px) { .hm-insp__body { grid-template-columns: 1fr; } .hm-insp__tabs { flex-direction: row; overflow-x: auto; } .hm-insp__tab span { display: none; } .hm-insp__tab { padding: 10px 14px; } }

.hm-field { margin-bottom: 16px; }
.hm-field label { display: block; font-size: 11px; font-weight: 800; color: #475569; text-transform: uppercase; letter-spacing: .6px; margin: 0 0 7px; }
.hm-field input[type=text], .hm-field select { width: 100%; padding: 11px 13px; border: 1.5px solid #e2e8f0; border-radius: 10px;
	font-size: 14px; box-sizing: border-box; font-family: inherit; color: #0f172a; background: #fff; }
.hm-field input:focus, .hm-field select:focus { outline: 0; border-color: var(--ayv-primary); box-shadow: 0 0 0 3px rgba(var(--ayv-rgba-primary),.16); }
.hm-switch { display: flex !important; align-items: center; gap: 9px; text-transform: none !important; letter-spacing: 0 !important; font-size: 13.5px !important; color: #0f172a !important; cursor: pointer; }
.hm-switch input { width: 18px; height: 18px; accent-color: var(--ayv-primary); }
.hm-empty-note { padding: 18px; border: 1.5px dashed #d8e0e8; border-radius: 12px; color: #94a3b8; font-size: 13px; text-align: center; }

.hm-insp__foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 24px; border-top: 1px solid #eef2f6; background: #fafbfc; }
.hm-insp__foot-r { display: flex; gap: 11px; }
.hm-insp__foot-r .hm-btn-cancel, .hm-insp__foot-r .hm-btn-save { padding: 12px 24px; border-radius: var(--ayv-radius-pill); border: 0; font-weight: 800; font-size: 13px;
	cursor: pointer; font-family: inherit; transition: all .2s ease; display: inline-flex; align-items: center; gap: 6px; }
.hm-insp__foot-r .hm-btn-cancel { background: rgba(33, 59, 20,.08); color: var(--ayv-secondary); border: 1.5px solid rgba(33, 59, 20,.15); }
.hm-insp__foot-r .hm-btn-cancel:hover { background: rgba(33, 59, 20,.14); border-color: rgba(33, 59, 20,.25); }
.hm-insp__foot-r .hm-btn-save { background: linear-gradient(135deg, var(--ayv-primary), var(--ayv-primary-2)); color: #fff; box-shadow: 0 4px 14px -3px rgba(74, 124, 42,.4); }
.hm-insp__foot-r .hm-btn-save:hover { transform: translateY(-1px); box-shadow: 0 6px 18px -2px rgba(74, 124, 42,.5); }
.hm-insp__foot-r .hm-btn-save:disabled { opacity: .5; cursor: default; transform: none; }
.hm-insp__del { background: #fff; color: #dc2626; border: 1.5px solid #fecaca; border-radius: 10px; padding: 9px 14px; font-weight: 700; font-size: 13px; cursor: pointer; display: inline-flex; align-items: center; gap: 7px; font-family: inherit; }
.hm-insp__del:hover { background: #fef2f2; }

/* product picker */
.hm-prod-search { margin-bottom: 14px; }
.hm-prod-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 12px; }
.hm-prod-card { position: relative; border: 1.5px solid #e7ebf0; border-radius: 12px; padding: 10px; cursor: pointer; background: #fff;
	display: flex; flex-direction: column; gap: 6px; text-align: left; font-family: inherit; transition: .15s ease; }
.hm-prod-card:hover { border-color: var(--ayv-primary); }
.hm-prod-card.is-sel { border-color: var(--ayv-primary); box-shadow: 0 0 0 3px rgba(var(--ayv-rgba-primary),.15); }
.hm-prod-card__thumb { aspect-ratio: 1; border-radius: 8px; overflow: hidden; background: #f1f5f9; display: grid; place-items: center; color: #cbd5e1; font-size: 22px; }
.hm-prod-card__thumb img { width: 100%; height: 100%; object-fit: cover; }
.hm-prod-card__name { font-size: 12.5px; font-weight: 700; color: #0f172a; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.hm-prod-card__price { font-size: 12px; font-weight: 800; color: var(--ayv-primary); }
.hm-prod-card__tick { position: absolute; top: 8px; right: 8px; width: 22px; height: 22px; border-radius: 50%; background: var(--ayv-primary); color: #fff;
	display: none; place-items: center; font-size: 11px; }
.hm-prod-card.is-sel .hm-prod-card__tick { display: grid; }

/* repeaters (benefits / reviews) + media rows */
.hm-rep-row { display: flex; align-items: center; gap: 8px; margin-bottom: 9px; }
.hm-rep-row input[type=text], .hm-rep-row select { padding: 9px 11px; border: 1.5px solid #e2e8f0; border-radius: 9px; font-size: 13.5px; font-family: inherit; box-sizing: border-box; background: #fff; color: #0f172a; }
.hm-rep-row .hm-b-text, .hm-rep-row .hm-r-text { flex: 1; }
.hm-rep-row .hm-r-name { width: 120px; flex: 0 0 auto; }
.hm-rep-row .hm-b-icon, .hm-rep-row .hm-r-rating { width: 92px; flex: 0 0 auto; }
.hm-rep-ico { width: 34px; height: 34px; flex: 0 0 auto; border-radius: 8px; display: grid; place-items: center; background: rgba(var(--ayv-rgba-primary),.10); color: var(--ayv-primary); font-size: 13px; }
.hm-rep-del { width: 32px; height: 32px; flex: 0 0 auto; border: 0; border-radius: 8px; cursor: pointer; background: #fef2f2; color: #dc2626; font-size: 12px; }
.hm-rep-del:hover { background: #fee2e2; }
.hm-add-row { margin-top: 6px; padding: 9px 14px; border: 1.5px dashed #cbd5e1; border-radius: 9px; background: #fff; color: #475569; font-weight: 700; font-size: 13px; cursor: pointer; display: inline-flex; align-items: center; gap: 7px; font-family: inherit; }
.hm-add-row:hover { border-color: var(--ayv-primary); color: var(--ayv-primary); }
@media (max-width: 560px) { .hm-rep-review { flex-wrap: wrap; } .hm-rep-row .hm-r-name { width: 100%; } }

.hm-media-row { display: flex; align-items: center; gap: 12px; padding: 8px; border: 1px solid #eef2f6; border-radius: 10px; margin-bottom: 8px; }
.hm-media-row__thumb { width: 48px; height: 48px; border-radius: 8px; overflow: hidden; background: #f1f5f9; display: grid; place-items: center; color: #cbd5e1; flex: 0 0 auto; }
.hm-media-row__thumb img { width: 100%; height: 100%; object-fit: cover; }
.hm-media-row__meta { flex: 1; display: flex; flex-direction: column; }
.hm-media-row__meta strong { font-size: 13.5px; color: #0f172a; }
.hm-media-row__meta span { font-size: 11.5px; color: #94a3b8; text-transform: capitalize; }

/* product grid/slider — draggable order list */
.hm-porder__hint { display: block; font-weight: 500; font-size: 11.5px; color: #94a3b8; margin-top: 3px; }
.hm-porder__hint i { font-size: 10px; }
.hm-porder { display: flex; flex-direction: column; gap: 6px; max-height: 340px; overflow-y: auto; padding: 4px; border: 1.5px solid #e2e8f0; border-radius: 11px; background: #f8fafc; }
.hm-porder__row { display: flex; align-items: center; gap: 10px; padding: 7px 9px; border: 1px solid #eef2f6; border-radius: 9px; background: #fff; cursor: grab; transition: border-color .15s ease, box-shadow .15s ease, opacity .15s ease, transform .12s ease; }
.hm-porder__row:hover { border-color: rgba(var(--ayv-rgba-primary),.4); }
.hm-porder__row.is-drag { opacity: .55; cursor: grabbing; }
.hm-porder__row.is-over { border-color: var(--ayv-primary); box-shadow: 0 0 0 2px rgba(var(--ayv-rgba-primary),.18); transform: translateY(-1px); }
.hm-porder__row.is-off { opacity: .6; background: repeating-linear-gradient(45deg, #fff, #fff 8px, #f8fafc 8px, #f8fafc 16px); }
.hm-porder__grip { color: #cbd5e1; font-size: 13px; flex: 0 0 auto; cursor: grab; }
.hm-porder__rank { width: 22px; flex: 0 0 auto; text-align: center; font-size: 12px; font-weight: 800; color: var(--ayv-primary); }
.hm-porder__thumb { width: 38px; height: 38px; flex: 0 0 auto; border-radius: 8px; overflow: hidden; background: #f1f5f9; display: grid; place-items: center; color: #cbd5e1; }
.hm-porder__thumb img { width: 100%; height: 100%; object-fit: cover; }
.hm-porder__name { flex: 1; min-width: 0; font-size: 13px; font-weight: 600; color: #0f172a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hm-porder__tag { margin-left: 8px; font-style: normal; font-size: 10px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: #b45309; background: #fef3c7; padding: 2px 7px; border-radius: 999px; }
.hm-porder__btns { display: flex; gap: 4px; flex: 0 0 auto; }
.hm-porder__up, .hm-porder__down { width: 28px; height: 28px; border: 1px solid #e2e8f0; border-radius: 7px; background: #fff; color: #475569; cursor: pointer; font-size: 11px; display: grid; place-items: center; transition: all .15s ease; }
.hm-porder__up:hover, .hm-porder__down:hover { border-color: var(--ayv-primary); color: var(--ayv-primary); background: rgba(var(--ayv-rgba-primary),.06); }

/* video tab */
.hm-vid-status { padding: 10px 13px; border-radius: 9px; background: #ecfdf5; color: #047857; font-size: 12.5px; font-weight: 600; margin-bottom: 14px; display: flex; align-items: center; gap: 8px; }
.hm-upbtns { display: flex; gap: 10px; flex-wrap: wrap; }
.hm-pick-vid, .hm-pick-poster, .hm-do-vidupload { padding: 10px 15px; border: 1.5px solid #e2e8f0; border-radius: 9px; background: #fff; color: #334155; font-weight: 700; font-size: 13px; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; font-family: inherit; }
.hm-pick-vid:hover, .hm-pick-poster:hover { border-color: var(--ayv-primary); color: var(--ayv-primary); }
.hm-do-vidupload { background: var(--ayv-primary); color: #fff; border-color: var(--ayv-primary); margin-top: 12px; }
.hm-vid-names { display: flex; flex-direction: column; gap: 4px; margin-top: 10px; }
.hm-vid-names span { font-size: 12.5px; color: #475569; display: inline-flex; align-items: center; gap: 7px; }

.hm-tool-btn.is-edit { background: var(--ayv-primary); }

/* ============================================================
   Product Showcase — side-gutter ayurvedic decor
   (assorted floating icons: leaves, stars, shield, strength, herbs +
   drifting particles). Shows wherever the centred grid leaves side
   space (>=992px). Hidden on the stacked mobile layout (<=860px) so
   that design stays untouched.
   ============================================================ */
.ayv-pshow__decor { display: none; }
@media (min-width: 992px) {
	.ayv-pshow__decor { display: block; position: absolute; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; }
	/* assorted ayurvedic icons */
	.ayv-pshow__ic { position: absolute; font-size: 30px; transform-origin: center;
		filter: drop-shadow(0 6px 12px rgba(33, 59, 20,.14));
		animation: ayvFloatY 9s ease-in-out infinite, ayvFloatSpin 13s ease-in-out infinite; }
	.ayv-pshow__ic--green { color: rgba(74, 124, 42,.46); }
	.ayv-pshow__ic--gold  { color: rgba(var(--ayv-rgba-accent),.58); }
	/* left side — spread from the heading band (top) down to the bottom */
	.ayv-pshow__ic--l1 { left: 4%;   top: 5%;  font-size: 34px; animation-delay: 0s, -2s; }
	.ayv-pshow__ic--l2 { left: 8.5%; top: 17%; font-size: 22px; animation-delay: -3s, -5s; }
	.ayv-pshow__ic--l3 { left: 2.5%; top: 30%; font-size: 34px; animation-delay: -6s, -1s; }
	.ayv-pshow__ic--l4 { left: 7.5%; top: 43%; font-size: 26px; animation-delay: -1.5s, -7s; }
	.ayv-pshow__ic--l5 { left: 3%;   top: 56%; font-size: 32px; animation-delay: -4.5s, -3s; }
	.ayv-pshow__ic--l6 { left: 8%;   top: 69%; font-size: 24px; animation-delay: -8s, -6s; }
	.ayv-pshow__ic--l7 { left: 3.5%; top: 82%; font-size: 28px; animation-delay: -2s, -4s; }
	.ayv-pshow__ic--l8 { left: 8.5%; top: 93%; font-size: 26px; animation-delay: -6.5s, -1.5s; }
	/* right side */
	.ayv-pshow__ic--r1 { right: 4%;   top: 7%;  font-size: 28px; animation-delay: -2.5s, -4s; }
	.ayv-pshow__ic--r2 { right: 8.5%; top: 19%; font-size: 34px; animation-delay: -5.5s, -1.5s; }
	.ayv-pshow__ic--r3 { right: 2.5%; top: 32%; font-size: 24px; animation-delay: -1s, -6.5s; }
	.ayv-pshow__ic--r4 { right: 7.5%; top: 45%; font-size: 30px; animation-delay: -7s, -2s; }
	.ayv-pshow__ic--r5 { right: 3%;   top: 58%; font-size: 26px; animation-delay: -3.5s, -8s; }
	.ayv-pshow__ic--r6 { right: 8%;   top: 71%; font-size: 22px; animation-delay: -6s, -4.5s; }
	.ayv-pshow__ic--r7 { right: 3.5%; top: 84%; font-size: 30px; animation-delay: -2.5s, -7s; }
	.ayv-pshow__ic--r8 { right: 8.5%; top: 94%; font-size: 24px; animation-delay: -5s, -3s; }
	/* drifting glowing particles */
	.ayv-pshow__dust { position: absolute; width: 8px; height: 8px; border-radius: 50%;
		background: radial-gradient(circle at 30% 30%, rgba(var(--ayv-rgba-accent),.9), rgba(var(--ayv-rgba-accent),0) 70%);
		opacity: 0; animation: ayvDust 11s linear infinite; }
	.ayv-pshow__dust--1  { left: 5%;    bottom: -10px; animation-delay: 0s; }
	.ayv-pshow__dust--2  { left: 9%;    bottom: -10px; width: 6px; height: 6px; animation-delay: -2.5s; }
	.ayv-pshow__dust--3  { left: 2.5%;  bottom: -10px; width: 5px; height: 5px; animation-delay: -5s; }
	.ayv-pshow__dust--4  { left: 11%;   bottom: -10px; width: 7px; height: 7px; animation-delay: -8s; }
	.ayv-pshow__dust--5  { left: 6.5%;  bottom: -10px; width: 4px; height: 4px; animation-delay: -10s; }
	.ayv-pshow__dust--6  { left: 4%;    bottom: -10px; width: 6px; height: 6px; animation-delay: -7s; }
	.ayv-pshow__dust--7  { left: 9.5%;  bottom: -10px; width: 5px; height: 5px; animation-delay: -12s; }
	.ayv-pshow__dust--8  { right: 5%;   bottom: -10px; animation-delay: -1.5s; }
	.ayv-pshow__dust--9  { right: 9%;   bottom: -10px; width: 6px; height: 6px; animation-delay: -4s; }
	.ayv-pshow__dust--10 { right: 3%;   bottom: -10px; width: 5px; height: 5px; animation-delay: -6.5s; }
	.ayv-pshow__dust--11 { right: 11%;  bottom: -10px; width: 7px; height: 7px; animation-delay: -9s; }
	.ayv-pshow__dust--12 { right: 6.5%; bottom: -10px; width: 4px; height: 4px; animation-delay: -3s; }
	.ayv-pshow__dust--13 { right: 4%;   bottom: -10px; width: 6px; height: 6px; animation-delay: -11s; }
	.ayv-pshow__dust--14 { right: 9.5%; bottom: -10px; width: 5px; height: 5px; animation-delay: -13s; }
}
@keyframes ayvFloatY { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-22px); } }
@keyframes ayvFloatSpin { 0%,100% { rotate: -12deg; } 50% { rotate: 12deg; } }
@keyframes ayvDust {
	0% { opacity: 0; transform: translateY(0) translateX(0) scale(.6); }
	12% { opacity: 1; }
	80% { opacity: .9; }
	100% { opacity: 0; transform: translateY(-72vh) translateX(18px) scale(1.1); }
}
@media (prefers-reduced-motion: reduce) {
	.ayv-pshow__ic, .ayv-pshow__dust { animation: none; }
	.ayv-pshow__dust { opacity: .6; }
}

/* ============================================================
   Product Showcase — creative headline above the explainer video
   (replaces the old "Product explainer" overlay tag). The accent
   line uses a travelling sheen — it never stretches/resizes.
   Applies on both desktop and mobile.
   ============================================================ */
.ayv-pshow__vhead { display: flex; align-items: center; gap: 10px; margin: 0 0 12px; }
.ayv-pshow__vhead-ic { flex: 0 0 auto; width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center;
	color: #fff; font-size: 12px; background: linear-gradient(135deg, var(--ayv-accent), var(--ayv-accent-2));
	box-shadow: 0 6px 14px -4px rgba(var(--ayv-rgba-accent),.6); animation: ayvPulse 2.2s ease-in-out infinite; }
.ayv-pshow__vhead-txt { font-family: var(--ayv-ff-display); font-weight: 600; font-size: clamp(18px, 2vw, 24px);
	color: var(--ayv-secondary); white-space: nowrap; line-height: 1.05; }
.ayv-pshow__vhead-txt em { font-style: italic;
	background: linear-gradient(100deg, var(--ayv-accent), var(--ayv-primary) 45%, var(--ayv-accent));
	background-size: 200% 100%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
	animation: ayvBtnFlow 4.5s ease infinite; }
.ayv-pshow__vhead-line { flex: 1 1 auto; min-width: 22px; height: 3px; border-radius: 3px; position: relative; overflow: hidden;
	background: linear-gradient(90deg, rgba(var(--ayv-rgba-accent),.55), rgba(var(--ayv-rgba-primary),.22)); }
.ayv-pshow__vhead-line::after { content: ''; position: absolute; top: 0; bottom: 0; left: -45%; width: 45%;
	background: linear-gradient(90deg, transparent, rgba(255,255,255,.95), transparent); animation: ayvLineSheen 2.6s ease-in-out infinite; }
@keyframes ayvLineSheen { 0% { left: -45%; } 60%, 100% { left: 120%; } }
@media (prefers-reduced-motion: reduce) {
	.ayv-pshow__vhead-ic, .ayv-pshow__vhead-txt em { animation: none; }
	.ayv-pshow__vhead-line::after { animation: none; opacity: 0; }
}

/* ============================================================
   Product Showcase — INNER card gutters (the blank space inside the
   card, beside the centred grid). Soft animated gradient sweeping
   left→right (left side) and right→left (right side) + a few icons.
   Only shows when the card is wide enough to actually have gutters.
   ============================================================ */
.ayv-pshow__cdecor { display: none; }
@media (min-width: 1150px) {
	.ayv-pshow__cdecor { display: block; position: absolute; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; border-radius: inherit; }
	.ayv-pshow__cic { position: absolute; font-size: 22px; transform-origin: center;
		animation: ayvFloatY 8s ease-in-out infinite, ayvFloatSpin 12s ease-in-out infinite; }
	.ayv-pshow__cic--green { color: rgba(74, 124, 42,.38); }
	.ayv-pshow__cic--gold  { color: rgba(var(--ayv-rgba-accent),.46); }
	.ayv-pshow__cic--l1 { left: 3%;   top: 16%; font-size: 26px; animation-delay: 0s, -2s; }
	.ayv-pshow__cic--l2 { left: 5.5%; top: 46%; font-size: 20px; animation-delay: -3s, -5s; }
	.ayv-pshow__cic--l3 { left: 2.5%; top: 76%; font-size: 24px; animation-delay: -6s, -1s; }
	.ayv-pshow__cic--r1 { right: 3%;   top: 20%; font-size: 24px; animation-delay: -2s, -4s; }
	.ayv-pshow__cic--r2 { right: 5.5%; top: 50%; font-size: 22px; animation-delay: -5s, -1.5s; }
	.ayv-pshow__cic--r3 { right: 2.5%; top: 80%; font-size: 26px; animation-delay: -1s, -6s; }
}
@media (prefers-reduced-motion: reduce) {
	.ayv-pshow__cic { animation: none; }
}

/* ============================================================
   Hero — "recently purchased" live marquee (replaces the old stats).
   Small colourful cards sliding right→left in a single line.
   ============================================================ */
.ayv-buyfeed { margin-top: 26px; max-width: 540px; }
.ayv-buyfeed__pill { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 12px;
	padding: 6px 13px; border-radius: var(--ayv-radius-pill); font-size: 12px; font-weight: 800; letter-spacing: .02em;
	color: #1faa52; background: rgba(31,170,82,.12); }
.ayv-buyfeed__live { width: 9px; height: 9px; border-radius: 50%; background: #1faa52; position: relative; flex: 0 0 auto;
	box-shadow: 0 0 0 0 rgba(31,170,82,.6); animation: ayvLivePulse 1.8s ease-out infinite; }
@keyframes ayvLivePulse { 0% { box-shadow: 0 0 0 0 rgba(31,170,82,.55); } 70% { box-shadow: 0 0 0 10px rgba(31,170,82,0); } 100% { box-shadow: 0 0 0 0 rgba(31,170,82,0); } }

.ayv-buyfeed__viewport { overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
	mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
.ayv-buyfeed__track { display: flex; gap: 12px; width: max-content; animation: ayvBuyMarquee 32s linear infinite; }
.ayv-buyfeed:hover .ayv-buyfeed__track { animation-play-state: paused; }
@keyframes ayvBuyMarquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }

.ayv-buyfeed__card { flex: 0 0 auto; display: flex; align-items: center; gap: 11px; padding: 9px 14px 9px 9px;
	background: rgba(255,255,255,.92); border: 1px solid rgba(33, 59, 20,.10); border-radius: var(--ayv-radius-pill);
	box-shadow: 0 8px 22px -10px rgba(33, 59, 20,.28); backdrop-filter: blur(6px); position: relative; }
.ayv-buyfeed__card::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; border-radius: 4px 0 0 4px;
	background: linear-gradient(180deg, var(--ayv-primary), var(--ayv-accent)); opacity: .9; }
.ayv-buyfeed__avatar { flex: 0 0 auto; position: relative; width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center;
	color: #fff; font-weight: 800; font-size: 16px; font-family: var(--ayv-ff-display); overflow: visible;
	box-shadow: 0 4px 10px -3px rgba(0,0,0,.3); }
.ayv-buyfeed__avatar img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
.ayv-buyfeed__dot { position: absolute; right: -1px; bottom: -1px; width: 12px; height: 12px; border-radius: 50%;
	background: #1faa52; border: 2px solid #fff; }
.ayv-buyfeed__info { display: flex; flex-direction: column; line-height: 1.25; white-space: nowrap; }
.ayv-buyfeed__name { font-size: 13px; font-weight: 800; color: var(--ayv-secondary); }
.ayv-buyfeed__city { font-weight: 600; color: var(--ayv-muted); font-size: 11.5px; }
.ayv-buyfeed__prod { font-size: 11.5px; color: #5a604f; font-weight: 600; }
.ayv-buyfeed__prod i { color: var(--ayv-accent); font-size: 10px; margin-right: 3px; }
.ayv-buyfeed__prod strong { color: var(--ayv-primary); font-weight: 800; }
.ayv-buyfeed__check { flex: 0 0 auto; color: #1faa52; font-size: 15px; margin-left: 2px; }

@media (max-width: 900px) {
	.ayv-buyfeed { margin-inline: auto; max-width: 100%; }
	.ayv-buyfeed__pill { margin-inline: auto; }
}
@media (prefers-reduced-motion: reduce) { .ayv-buyfeed__track { animation: none; } .ayv-buyfeed__live { animation: none; } }

/* buyers marquee edit bar + per-element edit chips (customize mode) */
.ayv-buyfeed__bar { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; flex-wrap: wrap; }
.ayv-buyfeed__bar .ayv-buyfeed__pill { margin-bottom: 0; }
.ayv-buyfeed__edit { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: var(--ayv-radius-pill);
	border: 1px solid var(--ayv-primary); background: #fff; color: var(--ayv-primary); font-weight: 800; font-size: 12px; cursor: pointer; font-family: inherit; transition: all .2s ease; }
.ayv-buyfeed__edit:hover { background: var(--ayv-primary); color: #fff; }
@media (max-width: 900px) { .ayv-buyfeed__bar { justify-content: center; } }

/* per-element edit chips for Product Showcase (customize mode) */
.hm-eledit { position: absolute; top: 8px; right: 8px; z-index: 30; display: inline-flex; align-items: center; gap: 6px;
	padding: 6px 11px; border: 0; border-radius: var(--ayv-radius-pill); cursor: pointer; font-family: inherit; font-weight: 800; font-size: 11.5px;
	color: #fff; background: linear-gradient(135deg, var(--ayv-primary), var(--ayv-primary-2)); box-shadow: 0 6px 16px -4px rgba(33, 59, 20,.5);
	opacity: .92; transition: transform .18s ease, opacity .18s ease; }
.hm-eledit:hover { opacity: 1; transform: translateY(-1px); }
body:not(.hm-edit) .hm-eledit { display: none; }
.hm-rep-buyer input { flex: 1; min-width: 0; }

/* ==========================================================================
   Product Showcase — tap-to-view full-screen detail modal + 2-button bar
   ========================================================================== */
.ayv-pshow__media { display:block; width:100%; border:0; background:transparent; padding:0; cursor:pointer; position:relative; }
.ayv-pshow__zoom {
	position:absolute; left:50%; bottom:12px; transform:translateX(-50%) translateY(6px);
	display:inline-flex; align-items:center; gap:6px; background:rgba(15,23,42,.82); color:#fff;
	font-size:12px; font-weight:700; padding:7px 12px; border-radius:999px; pointer-events:none;
	opacity:0; transition:opacity .25s ease, transform .25s ease; backdrop-filter:blur(4px);
}
.ayv-pshow__media:hover .ayv-pshow__zoom, .ayv-pshow__media:focus-visible .ayv-pshow__zoom { opacity:1; transform:translateX(-50%) translateY(0); }
.ayv-pshow__name[role="button"] { cursor:pointer; }

.ayv-pmodal { position:fixed; inset:0; z-index:10050; display:flex; align-items:flex-end; justify-content:center; }
.ayv-pmodal[hidden] { display:none; }
.ayv-pmodal__overlay { position:absolute; inset:0; background:rgba(8,15,10,.62); backdrop-filter:blur(3px); opacity:0; transition:opacity .3s ease; }
.ayv-pmodal__dialog {
	position:relative; width:100%; max-width:560px; max-height:94vh; background:var(--ayv-surface,#fbf7eb);
	border-radius:22px 22px 0 0; display:flex; flex-direction:column; overflow:hidden;
	box-shadow:0 -18px 60px rgba(0,0,0,.4); transform:translateY(100%);
	transition:transform .4s cubic-bezier(.22,1,.36,1);
}
.ayv-pmodal.is-open .ayv-pmodal__overlay { opacity:1; }
.ayv-pmodal.is-open .ayv-pmodal__dialog { transform:translateY(0); }
@media (min-width:721px) {
	.ayv-pmodal { align-items:center; }
	.ayv-pmodal__dialog { border-radius:22px; max-height:90vh; transform:translateY(24px) scale(.96); opacity:0; transition:transform .35s cubic-bezier(.22,1,.36,1), opacity .35s ease; }
	.ayv-pmodal.is-open .ayv-pmodal__dialog { transform:none; opacity:1; }
}
.ayv-pmodal__close {
	position:absolute; top:12px; right:12px; z-index:3; width:40px; height:40px; border:0; border-radius:50%;
	background:rgba(255,255,255,.92); color:#0f172a; font-size:17px; cursor:pointer; display:grid; place-items:center;
	box-shadow:0 6px 18px rgba(0,0,0,.2);
}
.ayv-pmodal__scroll { overflow-y:auto; -webkit-overflow-scrolling:touch; flex:1 1 auto; }
.ayv-pmodal__hero { position:relative; background:#fff; }
.ayv-pmodal__hero img { display:block; width:100%; max-height:46vh; object-fit:cover; }
.ayv-pmodal__off { position:absolute; top:14px; left:14px; background:linear-gradient(135deg,#e11d48,#f43f5e); color:#fff; font-weight:800; font-size:13px; padding:6px 12px; border-radius:999px; box-shadow:0 6px 16px rgba(225,29,72,.4); }
.ayv-pmodal__content { padding:18px 20px 24px; }
.ayv-pmodal__cat { display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:700; color:var(--ayv-primary); background:rgba(74, 124, 42,.12); padding:5px 11px; border-radius:999px; }
.ayv-pmodal__name { font-family:var(--ayv-font-display,inherit); font-size:23px; line-height:1.25; margin:10px 0 6px; color:#1f2a1c; }
.ayv-pmodal__rating { display:flex; align-items:center; gap:8px; color:#64748b; font-size:13px; }
.ayv-pmodal__rating .ayv-pshow__stars { color:#f5a524; }
.ayv-pmodal__price { display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; margin:14px 0; }
.ayv-pmodal__now { font-size:27px; font-weight:800; color:var(--ayv-primary); }
.ayv-pmodal__was { font-size:16px; color:#94a3b8; text-decoration:line-through; }
.ayv-pmodal__savetag { font-size:12px; font-weight:800; color:#16a34a; background:rgba(22,163,74,.12); padding:4px 10px; border-radius:999px; }
.ayv-pmodal__chips { display:flex; flex-wrap:wrap; gap:9px; margin-bottom:16px; }
/* Feature chips — colorful sticker designs, each a different shape */
.ayv-pmodal__chip {
	display:inline-flex; align-items:center; gap:6px;
	font-size:12.5px; font-weight:800; letter-spacing:.01em; color:#fff;
	padding:7px 13px; border:1.5px dashed rgba(255,255,255,.6);
	box-shadow:0 6px 14px -7px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.25);
	background:linear-gradient(135deg,#64748b,#94a3b8);
}
.ayv-pmodal__chip i { font-size:12px; }
/* In Stock — green, rounded pill */
.ayv-pmodal__chip.is-ok   { background:linear-gradient(135deg,#15803d,#22c55e); border-radius:999px; }
/* Out of Stock — red, rounded pill */
.ayv-pmodal__chip.is-out  { background:linear-gradient(135deg,#b91c1c,#ef4444); border-radius:999px; }
/* COD — teal, slanted ticket shape */
.ayv-pmodal__chip.is-cod  { background:linear-gradient(135deg,#0e7a6e,#14b8a6); border-radius:4px 14px 4px 14px; }
/* Free Delivery — amber, tag/rounded-rect */
.ayv-pmodal__chip.is-free { background:linear-gradient(135deg,#b45309,#f59e0b); border-radius:14px 4px 14px 4px; }
/* Returns — violet, soft rounded square */
.ayv-pmodal__chip.is-ret  { background:linear-gradient(135deg,#6d28d9,#a855f7); border-radius:10px; }
/* SKU — slate, clean rounded-rect */
.ayv-pmodal__chip.is-sku  { background:linear-gradient(135deg,#334155,#64748b); border-radius:7px; letter-spacing:.04em; }
.ayv-pmodal__short { font-size:15px; line-height:1.6; color:#374151; margin:0 0 16px; }
.ayv-pmodal__bens { margin-bottom:18px; }
.ayv-pmodal__bens h4, .ayv-pmodal__desc h4 {
	display:inline-flex; align-items:center; gap:9px; position:relative;
	font-size:16px; font-weight:900; letter-spacing:.01em; color:#15321f;
	margin:0 0 16px; padding-bottom:10px;
}
.ayv-pmodal__bens h4 i, .ayv-pmodal__desc h4 i {
	display:grid; place-items:center; width:28px; height:28px; border-radius:9px;
	font-size:13px; color:#fff; background:linear-gradient(135deg,#16a34a,#2dd4bf);
	box-shadow:0 5px 12px -5px rgba(22,163,74,.75);
}
/* animated gradient underline that flows + breathes */
.ayv-pmodal__bens h4::after, .ayv-pmodal__desc h4::after {
	content:""; position:absolute; left:0; bottom:0; height:3px; width:100%;
	border-radius:3px; background:linear-gradient(90deg,#16a34a,#2dd4bf,#fbbf24,#16a34a);
	background-size:300% 100%;
	animation:ayvHeadLine 3s linear infinite, ayvHeadLineGrow 2.6s ease-in-out infinite;
	transform-origin:left;
}
@keyframes ayvHeadLine { 0%{background-position:0% 50%;} 100%{background-position:300% 50%;} }
@keyframes ayvHeadLineGrow { 0%,100%{transform:scaleX(.45);} 50%{transform:scaleX(1);} }
@media (prefers-reduced-motion:reduce) {
	.ayv-pmodal__bens h4::after, .ayv-pmodal__desc h4::after { animation:none; transform:scaleX(1); }
}
/* Key benefits — clean single-column list, each row animates in */
.ayv-pmodal__bens { display:flex; flex-direction:column; gap:8px; }
.ayv-pmodal__ben {
	display:flex; align-items:center; gap:12px; width:100%;
	font-size:14px; font-weight:600; color:#27331f; line-height:1.35;
	padding:11px 14px; border-radius:12px;
	background:#fff; border:1px solid rgba(22,163,74,.16);
	border-left:4px solid #16a34a;
	box-shadow:0 4px 14px -10px rgba(22,163,74,.6);
	opacity:0; transform:translateX(-12px);
	animation:ayvBenIn .5s cubic-bezier(.2,.8,.25,1) forwards;
	transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.ayv-pmodal__ben:hover { transform:translateX(3px); box-shadow:0 8px 20px -10px rgba(22,163,74,.55); }
.ayv-pmodal__ben i {
	flex:0 0 auto; display:grid; place-items:center; width:28px; height:28px; margin:0;
	border-radius:9px; font-size:13px; color:#fff;
	background:linear-gradient(135deg,#16a34a,#2dd4bf);
	box-shadow:0 4px 10px -4px rgba(22,163,74,.7);
}
.ayv-pmodal__ben > span { flex:1; }
/* stagger the entrance of each benefit */
.ayv-pmodal__ben:nth-of-type(1){animation-delay:.05s}
.ayv-pmodal__ben:nth-of-type(2){animation-delay:.12s}
.ayv-pmodal__ben:nth-of-type(3){animation-delay:.19s}
.ayv-pmodal__ben:nth-of-type(4){animation-delay:.26s}
.ayv-pmodal__ben:nth-of-type(5){animation-delay:.33s}
.ayv-pmodal__ben:nth-of-type(6){animation-delay:.40s}
.ayv-pmodal__ben:nth-of-type(7){animation-delay:.47s}
.ayv-pmodal__ben:nth-of-type(8){animation-delay:.54s}
@keyframes ayvBenIn { to { opacity:1; transform:translateX(0); } }
@media (prefers-reduced-motion:reduce) { .ayv-pmodal__ben { animation:none; opacity:1; transform:none; } }
.ayv-pmodal__desc div { font-size:16px; line-height:1.75; color:#27331f; font-weight:600; }

.ayv-pmodal__bar {
	flex:0 0 auto; display:flex; align-items:stretch; flex-wrap:nowrap; gap:8px; padding:18px 16px calc(14px + env(safe-area-inset-bottom));
	background:rgba(255,255,255,.94); backdrop-filter:blur(10px); border-top:1px solid rgba(0,0,0,.06);
	box-shadow:0 -8px 24px rgba(0,0,0,.08);
}
/* Order button wrapper carries the little corner COD sticker */
.ayv-pmodal__order { position:relative; flex:1; display:flex; }
.ayv-pmodal__order .ayv-pmodal__act--buy { flex:1; }
.ayv-pmodal__cod-corner {
	position:absolute; top:-11px; right:12px; z-index:3;
	display:inline-flex; align-items:center; gap:5px; overflow:hidden;
	padding:4px 10px; border-radius:9px; white-space:nowrap;
	background:linear-gradient(135deg,#ff5e3a,#ff2d55 55%,#c81e63);
	border:1.5px dashed rgba(255,255,255,.85); color:#fff;
	font-size:10.5px; font-weight:800; letter-spacing:.03em; line-height:1; text-transform:uppercase;
	box-shadow:0 8px 18px -8px rgba(200,30,99,.85), inset 0 1px 0 rgba(255,255,255,.3);
	animation:ayvCodBob 3.4s ease-in-out infinite;
}
.ayv-pmodal__cod-corner i { font-size:11px; }
.ayv-pmodal__cod-corner::after {
	content:""; position:absolute; top:0; left:-130%; width:55%; height:100%;
	background:linear-gradient(100deg,transparent,rgba(255,255,255,.6),transparent);
	transform:skewX(-18deg); animation:ayvPmShine 3.2s ease-in-out infinite;
}
@keyframes ayvCodBob { 0%,100%{transform:translateY(0) rotate(-2deg);} 50%{transform:translateY(-3px) rotate(-2deg);} }
@media (prefers-reduced-motion:reduce) { .ayv-pmodal__cod-corner, .ayv-pmodal__cod-corner::after { animation:none; } }
.ayv-pmodal__bar .ayv-pmodal__act { min-width:0; }
/* Stylish "COD / Free Delivery" stickers — ticket badges with dashed edge + shine */
.ayv-cod-sticker {
	flex:0 1 auto; min-width:0; display:inline-flex; align-items:center; gap:7px;
	padding:8px 11px; border-radius:12px; position:relative; overflow:hidden;
	background:linear-gradient(135deg,#0e7a44,#16a34a 55%,#2fbf6a);
	border:1.5px dashed rgba(255,255,255,.55);
	box-shadow:0 8px 20px -8px rgba(15,122,68,.7), inset 0 1px 0 rgba(255,255,255,.25);
	color:#fff; line-height:1; white-space:nowrap;
}
.ayv-cod-sticker--free { background:linear-gradient(135deg,#b45309,#ea8a00 55%,#fbbf24); box-shadow:0 8px 20px -8px rgba(180,83,9,.7), inset 0 1px 0 rgba(255,255,255,.25); }
.ayv-cod-sticker::after {
	content:""; position:absolute; top:0; left:-130%; width:55%; height:100%;
	background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);
	transform:skewX(-18deg); animation:ayvPmShine 3.2s ease-in-out infinite;
}
.ayv-cod-sticker--free::after { animation-delay:1.2s; }
.ayv-cod-sticker__ic {
	flex:0 0 auto; display:grid; place-items:center; width:26px; height:26px; border-radius:50%;
	background:rgba(255,255,255,.2); font-size:12px;
	animation:ayvBuyCart 2.4s ease-in-out infinite;
}
.ayv-cod-sticker__tx { display:flex; flex-direction:column; gap:2px; min-width:0; }
.ayv-cod-sticker__tx b { font-size:13px; font-weight:900; letter-spacing:.4px; }
.ayv-cod-sticker__tx small { font-size:9px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; opacity:.92; }
@media (prefers-reduced-motion: reduce) {
	.ayv-cod-sticker::after, .ayv-cod-sticker__ic { animation:none; }
}
/* Keep all three on one line on small phones by trimming the order button */
@media (max-width:480px) {
	.ayv-pmodal__bar { gap:6px; padding-left:10px; padding-right:10px; }
	.ayv-cod-sticker { padding:7px 9px; gap:6px; }
	.ayv-cod-sticker__ic { width:22px; height:22px; font-size:11px; }
	.ayv-cod-sticker__tx b { font-size:11.5px; }
	.ayv-cod-sticker__tx small { font-size:8px; }
	.ayv-pmodal__bar .ayv-pmodal__act { flex:1 1 auto; padding:12px 8px; font-size:13px; gap:6px; }
	.ayv-pmodal__bar .ayv-pmodal__act-ic { width:22px; height:22px; font-size:13px; }
}
.ayv-pmodal__act {
	flex:1; display:inline-flex; align-items:center; justify-content:center; gap:9px; padding:15px 12px;
	border-radius:14px; font-size:15px; font-weight:800; text-decoration:none; color:#fff; position:relative;
	overflow:hidden; box-shadow:0 8px 22px rgba(0,0,0,.18); transition:transform .18s ease, box-shadow .18s ease;
}
.ayv-pmodal__act:active { transform:translateY(1px) scale(.99); }
.ayv-pmodal__act-ic { display:grid; place-items:center; width:26px; height:26px; border-radius:50%; background:rgba(255,255,255,.22); font-size:15px; }
.ayv-pmodal__act--wa { background:linear-gradient(135deg,#25d366,#0b8a3d); }
.ayv-pmodal__act--wa:hover { box-shadow:0 12px 28px rgba(15,138,61,.45); transform:translateY(-2px); }
.ayv-pmodal__act--buy {
	background:linear-gradient(135deg,#1f7a3e,#16a34a 55%,#2fbf6a); color:#fff;
	border:1.5px dashed rgba(255,255,255,.55); border-radius:13px;
	box-shadow:0 8px 20px -8px rgba(15,122,68,.7), inset 0 1px 0 rgba(255,255,255,.25);
}
.ayv-pmodal__act, .ayv-pmodal__act .ayv-pmodal__act-tx, .ayv-pmodal__act .ayv-pmodal__act-ic { color:#fff !important; }
.ayv-pmodal__act--buy .ayv-pmodal__act-ic { background:rgba(255,255,255,.22); }
.ayv-pmodal__act--buy:hover { box-shadow:0 12px 26px -8px rgba(15,122,68,.85); transform:translateY(-2px); }
.ayv-pmodal__act::after { content:""; position:absolute; top:0; left:-120%; width:60%; height:100%; background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent); transform:skewX(-18deg); animation:ayvPmShine 3.4s ease-in-out infinite; }
.ayv-pmodal__act--buy::after { animation-delay:1.1s; }
@keyframes ayvPmShine { 0%{left:-120%;} 55%,100%{left:130%;} }
.ayv-pmodal__act--wa .ayv-pmodal__act-ic { animation:ayvPmPulse 1.8s ease-in-out infinite; }
@keyframes ayvPmPulse { 0%,100%{transform:scale(1);} 50%{transform:scale(1.12);} }
body.ayv-pmodal-open { overflow:hidden; }
@media (prefers-reduced-motion:reduce) { .ayv-pmodal__act::after, .ayv-pmodal__act--wa .ayv-pmodal__act-ic { animation:none; } }

/* ==========================================================================
   Hero headline — floating ayurvedic particles, leaves & glow
   ========================================================================== */
.ayv-hero__spark { position: absolute; top: 0; left: 0; right: 0; height: clamp(150px, 26vw, 300px); z-index: 0; pointer-events: none; }
.ayv-hero__copy h1.ayv-hero__title { z-index: 2; }
.ayv-hero__copy .ayv-lead, .ayv-hero__cta, .ayv-hero__buyfeed { position: relative; z-index: 2; }

.ayv-hero__glow {
	position: absolute; top: 4%; left: 4%;
	width: clamp(220px, 34vw, 440px); height: clamp(220px, 34vw, 440px);
	background: radial-gradient(circle, rgba(74, 124, 42,.30), rgba(239, 124, 31,.16) 45%, transparent 72%);
	filter: blur(6px); animation: ayvGlowPulse 7s ease-in-out infinite;
}
@keyframes ayvGlowPulse { 0%,100% { transform: scale(1); opacity: .8; } 50% { transform: scale(1.14); opacity: 1; } }

.ayv-hero__spk { position: absolute; opacity: .55; filter: drop-shadow(0 4px 8px rgba(74, 124, 42,.3)); animation: ayvSpkFloat 7s ease-in-out infinite; }
.ayv-hero__spk--leaf1 { top: 6%;  left: 1%;   font-size: clamp(18px,2.4vw,26px); color: var(--ayv-primary); }
.ayv-hero__spk--spa   { top: 60%; left: -1%;  font-size: clamp(15px,2vw,20px);   color: var(--ayv-accent);  animation-duration: 9s; animation-delay: -2.5s; }
.ayv-hero__spk--seed  { top: 0;   right: 22%; font-size: clamp(16px,2.2vw,22px); color: var(--ayv-primary); animation-duration: 8s; animation-delay: -4s; }
.ayv-hero__spk--star  { top: 58%; right: 28%; font-size: clamp(12px,1.6vw,16px); color: var(--ayv-accent);  animation: ayvSpkTwinkle 3.6s ease-in-out infinite; }
@keyframes ayvSpkFloat   { 0%,100% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-14px) rotate(9deg); } }
@keyframes ayvSpkTwinkle { 0%,100% { opacity: .2; transform: scale(.8); } 50% { opacity: .9; transform: scale(1.25); } }

.ayv-hero__spk-dot { position: absolute; bottom: 8%; width: 8px; height: 8px; border-radius: 50%;
	background: radial-gradient(circle, var(--ayv-accent), rgba(239, 124, 31,0) 70%);
	opacity: 0; animation: ayvSpkRise 7s ease-in infinite; }
.ayv-hero__spk-dot.d1 { left: 8%;  animation-delay: 0s;    }
.ayv-hero__spk-dot.d2 { left: 20%; animation-delay: 1.4s; width: 6px; }
.ayv-hero__spk-dot.d3 { left: 33%; animation-delay: 2.8s; }
.ayv-hero__spk-dot.d4 { left: 46%; animation-delay: 4.2s; width: 5px; }
.ayv-hero__spk-dot.d5 { left: 60%; animation-delay: 3.3s; }
@keyframes ayvSpkRise { 0% { transform: translateY(0) scale(.5); opacity: 0; } 18% { opacity: 1; } 100% { transform: translateY(-150px) scale(1.1); opacity: 0; } }

@media (prefers-reduced-motion: reduce) {
	.ayv-hero__copy h1.ayv-hero__title, .ayv-hero__copy h1 .word-leaf,
	.ayv-hero__glow, .ayv-hero__spk, .ayv-hero__spk-dot { animation: none !important; }
}

/* ==========================================================================
   Hero CTA buttons — colourful yellow/red gradients, unique corners, animated
   ========================================================================== */
.ayv-hero__cta .ayv-btn {
	position: relative; overflow: hidden; border: 0; font-weight: 800; letter-spacing: .2px;
	padding: 15px 28px; display: inline-flex; align-items: center; gap: 10px;
	background-size: 220% auto; transition: transform .2s ease, box-shadow .2s ease;
}
.ayv-hero__cta .ayv-btn i { font-size: 1.05em; }
.ayv-hero__cta .ayv-btn::after {
	content: ""; position: absolute; top: 0; left: -130%; width: 55%; height: 100%;
	background: linear-gradient(100deg, transparent, rgba(255,255,255,.5), transparent);
	transform: skewX(-18deg); animation: ayvHeroBtnShine 3.6s ease-in-out infinite;
}
@keyframes ayvHeroBtnShine { 0% { left: -130%; } 55%, 100% { left: 140%; } }
@keyframes ayvHeroBtnFlow  { to { background-position: 220% center; } }

.ayv-hero__cta .ayv-btn--primary {
	background-image: linear-gradient(120deg, #ffd200, #f7971e, #fc4a1a, #ffd200);
	color: #fff; text-shadow: 0 1px 2px rgba(120,20,0,.35);
	border-radius: 20px 7px 20px 7px;
	box-shadow: 0 10px 26px rgba(252,74,26,.40);
	animation: ayvHeroBtnFlow 6s linear infinite;
}
.ayv-hero__cta .ayv-btn--ghost {
	background-image: linear-gradient(120deg, #fc4a1a, #ff8008, #ffd200, #fc4a1a);
	color: #3a0a00; border: 0;
	border-radius: 7px 20px 7px 20px;
	box-shadow: 0 10px 26px rgba(247,151,30,.40);
	animation: ayvHeroBtnFlow 6s linear infinite reverse;
}
.ayv-hero__cta .ayv-btn:hover { transform: translateY(-3px) scale(1.02); }
.ayv-hero__cta .ayv-btn--primary:hover { box-shadow: 0 16px 38px rgba(252,74,26,.55); }
.ayv-hero__cta .ayv-btn--ghost:hover { box-shadow: 0 16px 38px rgba(247,151,30,.55); }
.ayv-hero__cta .ayv-btn:active { transform: translateY(-1px) scale(.99); }
@media (prefers-reduced-motion: reduce) {
	.ayv-hero__cta .ayv-btn { animation: none; }
	.ayv-hero__cta .ayv-btn::after { display: none; }
}

/* ==========================================================================
   Product Grid & Product Slider — Showcase-style product cards (.ayv-pcard)
   ========================================================================== */
.ayv-pcoll { padding: clamp(48px, 7vw, 90px) 0; position: relative; }

/* ---- The card (mirrors the Product Showcase product card) ---- */
.ayv-pcard {
	display: flex; flex-direction: column;
	background: var(--ayv-paper, #fffdf7);
	border: 1px solid rgba(var(--ayv-rgba-secondary), .10);
	border-radius: 20px; overflow: hidden;
	box-shadow: 0 10px 30px rgba(33, 59, 20, .07);
	transition: transform .25s ease, box-shadow .25s ease;
	height: 100%;
}
.ayv-pcard:hover { transform: translateY(-4px); box-shadow: 0 18px 42px rgba(33, 59, 20, .14); }
.ayv-pcard__media { position: relative; display: block; border: 0; padding: 0; cursor: pointer; background: #f3efe3; width: 100%; }
.ayv-pcard__media-clip { aspect-ratio: 16 / 12; overflow: hidden; }
.ayv-pcard__media-clip img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s ease; }
.ayv-pcard__media:hover .ayv-pcard__media-clip img { transform: scale(1.06); }
.ayv-pcard__off {
	position: absolute; top: 10px; left: 10px; z-index: 2;
	background: linear-gradient(135deg, #e2483d, #b5271d); color: #fff;
	font-size: 11px; font-weight: 800; letter-spacing: .3px;
	padding: 5px 10px; border-radius: 999px; box-shadow: 0 6px 14px rgba(181, 39, 29, .35);
}
.ayv-pcard__seal {
	position: absolute; top: 10px; right: 10px; z-index: 2;
	display: flex; flex-direction: column; align-items: center; line-height: 1;
	background: rgba(255, 255, 255, .92); backdrop-filter: blur(4px);
	border-radius: 12px; padding: 6px 8px; color: var(--ayv-primary, #4a7c2a);
	box-shadow: 0 4px 12px rgba(33, 59, 20, .16);
}
.ayv-pcard__seal i { font-size: 13px; } .ayv-pcard__seal b { font-size: 12px; font-weight: 800; } .ayv-pcard__seal span { font-size: 8px; letter-spacing: .5px; text-transform: uppercase; color: var(--ayv-secondary, #213b14); }
.ayv-pcard__zoom {
	position: absolute; left: 0; right: 0; bottom: 0; z-index: 2;
	background: linear-gradient(0deg, rgba(20, 30, 12, .72), transparent);
	color: #fff; font-size: 11px; font-weight: 600; text-align: center;
	padding: 18px 8px 8px; opacity: 0; transition: opacity .25s ease;
}
.ayv-pcard__media:hover .ayv-pcard__zoom { opacity: 1; }
.ayv-pcard__body { padding: 13px 14px 15px; display: flex; flex-direction: column; gap: 7px; flex: 1; }
.ayv-pcard__cat { font-size: 10.5px; font-weight: 700; letter-spacing: .4px; text-transform: uppercase; color: var(--ayv-accent, #ef7c1f); }
.ayv-pcard__cat i { margin-right: 3px; }
.ayv-pcard__name {
	font-family: var(--ayv-ff-display); font-size: 17px; line-height: 1.25;
	color: var(--ayv-secondary, #213b14); margin: 0; cursor: pointer;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.ayv-pcard__verified { color: var(--ayv-primary, #4a7c2a); font-size: .8em; }
.ayv-pcard__rating { display: flex; align-items: center; gap: 6px; font-size: 12.5px; }
.ayv-pcard__stars { color: #f0a500; letter-spacing: 1px; }
.ayv-pcard__rcount { color: var(--ayv-muted, #6b7a5a); font-weight: 600; }
.ayv-pcard__short {
	font-size: 12.5px; color: var(--ayv-muted, #6b7a5a); margin: 0; line-height: 1.5;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.ayv-pcard__bens { display: flex; flex-direction: column; gap: 4px; margin: 2px 0; }
.ayv-pcard__ben { display: flex; align-items: flex-start; gap: 6px; font-size: 12px; color: var(--ayv-secondary, #213b14); }
.ayv-pcard__ben i { color: var(--ayv-primary, #4a7c2a); font-size: 11px; margin-top: 3px; }
.ayv-pcard__buy { margin-top: auto; display: flex; flex-direction: column; align-items: stretch; gap: 9px; padding-top: 10px; }
.ayv-pcard__price { display: flex; align-items: baseline; gap: 8px; line-height: 1; }
.ayv-pcard__now { font-size: 19px; font-weight: 800; color: var(--ayv-secondary, #213b14); }
.ayv-pcard__was { font-size: 12.5px; color: var(--ayv-muted, #6b7a5a); text-decoration: line-through; }

/* ---- Price-slot swap animation (4s loop):
   the old price is cross-cut → blinks → "blasts" away, and the % OFF chip
   pops into the SAME spot; then it shrinks out and the price returns. ---- */
.ayv-pcard__strike { position: relative; display: inline-flex; align-items: center; margin-left: 14px; }
.ayv-pcard__strike .ayv-pcard__was {
	text-decoration: none; position: relative; display: inline-block;
	animation: ayvWasBlast 7s ease-in-out infinite;
}
.ayv-pcard__strike .ayv-pcard__was::after {
	content: ''; position: absolute; left: -2px; right: -2px; top: 50%; height: 2px;
	background: linear-gradient(90deg, #e2483d, #b5271d); border-radius: 2px;
	transform: rotate(-8deg) scaleX(0); transform-origin: left center;
	animation: ayvWasCut 7s ease-in-out infinite;
}
@keyframes ayvWasCut {
	0%, 10%   { transform: rotate(-8deg) scaleX(0); }
	30%, 100% { transform: rotate(-8deg) scaleX(1); }
}
@keyframes ayvWasBlast {
	0%, 33%   { opacity: 1; transform: scale(1); filter: blur(0); }
	37%       { opacity: .35; }                             /* slow blink */
	41%       { opacity: 1; }
	45%       { opacity: .35; }
	49%       { opacity: 1; transform: scale(1); }
	57%       { opacity: 0; transform: scale(1.5); filter: blur(3px); } /* soft blast */
	94%       { opacity: 0; transform: scale(1.5); filter: blur(3px); }
	100%      { opacity: 1; transform: scale(1); filter: blur(0); }     /* return */
}
/* % OFF — clean coupon-style sticker: white with dashed red border,
   slightly tilted like a stuck-on discount label. */
.ayv-pcard__offtag {
	position: absolute; left: 50%; top: 50%; z-index: 2;
	white-space: nowrap;
	display: inline-flex; align-items: center; gap: 4px;
	background: #fffdf7; color: #c0271d;
	border: 1.5px dashed #e2483d; border-radius: 9px;
	font-size: 10.5px; font-weight: 800; letter-spacing: .4px;
	padding: 4px 9px; line-height: 1;
	box-shadow: 0 4px 12px rgba(181, 39, 29, .22), inset 0 0 0 2px #fffdf7;
	transform: translate(-50%, -50%) rotate(-5deg) scale(0); opacity: 0;
	animation: ayvOffPop 7s ease-in-out infinite;
}
.ayv-pcard__offtag i { font-size: 9px; color: #f0a500; }
@keyframes ayvOffPop {
	0%, 57%   { transform: translate(-50%, -50%) rotate(-5deg) scale(0); opacity: 0; }
	64%       { transform: translate(-50%, -50%) rotate(-5deg) scale(1.12); opacity: 1; }
	69%       { transform: translate(-50%, -50%) rotate(-5deg) scale(1); }
	74%       { transform: translate(-50%, -50%) rotate(3deg) scale(1); }  /* playful wiggle */
	79%       { transform: translate(-50%, -50%) rotate(-5deg) scale(1); }
	91%       { transform: translate(-50%, -50%) rotate(-5deg) scale(1); opacity: 1; }
	97%, 100% { transform: translate(-50%, -50%) rotate(-5deg) scale(0); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
	.ayv-pcard__offtag { display: none; }
	.ayv-pcard__strike .ayv-pcard__was { animation: none; }
	.ayv-pcard__strike .ayv-pcard__was::after { animation: none; transform: rotate(-8deg) scaleX(1); }
}
.ayv-pcard__btn {
	box-sizing: border-box; width: 100%;
	display: flex; align-items: center; justify-content: center; gap: 7px;
	background: linear-gradient(135deg, var(--ayv-accent, #ef7c1f), #a9802b); color: #fff;
	font-size: 13px; padding: 11px 14px; border-radius: 12px; white-space: nowrap;
	box-shadow: 0 6px 14px rgba(239, 124, 31, .26); transition: transform .2s ease, box-shadow .2s ease;
}
.ayv-pcard__btn strong { font-weight: 700; }
/* Force white text — the buttons are <a> tags, and `.ayv-body a` (green) would
   otherwise win on specificity over the rule above. */
.ayv-pcard__btn, .ayv-pcard__btn strong, .ayv-pcard__btn i { color: #fff !important; }
.ayv-pcard__btn:hover { transform: translateY(-2px); box-shadow: 0 10px 20px rgba(239, 124, 31, .4); }
.ayv-pcard__swap { display: flex; flex-wrap: wrap; gap: 6px 12px; margin-top: 8px; font-size: 11px; }
.ayv-pcard__swap-item { display: inline-flex; align-items: center; gap: 4px; color: var(--ayv-muted, #6b7a5a); }
.ayv-pcard__swap-item.is-ok { color: #2e7d32; } .ayv-pcard__swap-item.is-out { color: #c0392b; }

/* ---- Wider section (less side margin) + bigger, perfectly-aligned cards ---- */
.ayv-pcoll--grid .ayv-container,
.ayv-pcoll--slider .ayv-container { max-width: 1480px; padding-inline: 14px; }

/* ---- Grid layout: 4→3→2 columns, 2-up on mobile ---- */
/* Flex (not grid) so a partial row — e.g. 2 products on desktop, or 5 as 4+1 —
   centers instead of clinging to the left. Card width is held to the same
   per-row counts (4 / 3 / 2) via flex-basis, matching the old grid tracks. */
.ayv-pgrid { display: flex; flex-wrap: wrap; justify-content: center; gap: 18px; align-items: stretch; }
.ayv-pgrid > .ayv-pcard { height: auto; flex: 0 1 calc((100% - 3 * 18px) / 4); max-width: calc((100% - 3 * 18px) / 4); }
@media (max-width: 1180px) { .ayv-pgrid > .ayv-pcard { flex-basis: calc((100% - 2 * 18px) / 3); max-width: calc((100% - 2 * 18px) / 3); } }
@media (max-width: 820px)  { .ayv-pgrid { gap: 12px; } .ayv-pgrid > .ayv-pcard { flex-basis: calc((100% - 12px) / 2); max-width: calc((100% - 12px) / 2); } }
@media (max-width: 820px)  { .ayv-pcard__name { font-size: 15px; } .ayv-pcard__now { font-size: 17px; } .ayv-pcard__btn { padding: 10px 12px; font-size: 12.5px; } }

/* ---- Mobile: creative corner badges on the product cards ---- */
@media (max-width: 820px) {
	/* "100% Ayurvedic" seal → round stamp at the bottom-right corner,
	   straddling the image/body edge (half over the photo, half over the card). */
	.ayv-pcard__seal {
		top: auto; right: 8px; bottom: -26px; z-index: 3;
		width: 52px; height: 52px; padding: 0;
		justify-content: center; gap: 1px;
		border-radius: 999px;
		background: rgba(255, 255, 255, .96);
		border: 2px solid var(--ayv-paper, #fffdf7);
		outline: 1px dashed rgba(var(--ayv-rgba-primary, 91, 138, 58), .55);
		outline-offset: -5px;
		box-shadow: 0 6px 16px rgba(33, 59, 20, .28);
	}
	.ayv-pcard__seal i { font-size: 10px; }
	.ayv-pcard__seal b { font-size: 10px; }
	.ayv-pcard__seal span { font-size: 5.5px; letter-spacing: .4px; }
	/* Clear the overlapping half of the seal so it never sits on the text. */
	.ayv-pcard__body { padding-top: 18px; }
	/* Narrow 2-up cards: let the price row wrap so the OFF chip never overflows. */
	.ayv-pcard__price { flex-wrap: wrap; row-gap: 5px; }
	.ayv-pcard__offtag { font-size: 9.5px; padding: 3px 8px; }

	/* % OFF → compact flag glued INTO the top-left corner: flush against both
	   edges (the card's rounded corner shapes its outside), with a slanted
	   trailing edge — covers only a small sliver of the product photo. */
	.ayv-pcard__off {
		top: 0; left: 0;
		padding: 5px 14px 5px 9px;
		font-size: 10px; letter-spacing: .4px;
		border-radius: 0;
		clip-path: polygon(0 0, 100% 0, calc(100% - 8px) 100%, 0 100%);
		box-shadow: 0 5px 12px rgba(181, 39, 29, .35);
	}
}

/* ---- Slider layout: horizontal scroll-snap + nav arrows ---- */
.ayv-pslider { position: relative; }
.ayv-pslider__track {
	display: flex; gap: 18px; overflow-x: auto; scroll-snap-type: x mandatory;
	scroll-behavior: smooth; padding: 6px 2px 16px; -webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}
.ayv-pslider__track::-webkit-scrollbar { display: none; }
.ayv-pslider__cell { flex: 0 0 clamp(230px, 24%, 270px); scroll-snap-align: start; }
@media (max-width: 820px) { .ayv-pslider__cell { flex: 0 0 calc(50% - 7px); } }
@media (max-width: 480px) { .ayv-pslider__cell { flex: 0 0 78%; } }
.ayv-pslider__nav {
	position: absolute; top: 42%; transform: translateY(-50%); z-index: 3;
	width: 44px; height: 44px; border-radius: 50%; border: 0; cursor: pointer;
	background: #fff; color: var(--ayv-secondary, #213b14);
	box-shadow: 0 8px 22px rgba(33, 59, 20, .22); display: grid; place-items: center;
	font-size: 15px; transition: transform .2s ease, background .2s ease;
}
.ayv-pslider__nav:hover { background: var(--ayv-accent, #ef7c1f); color: #fff; transform: translateY(-50%) scale(1.08); }
.ayv-pslider__prev { left: -8px; } .ayv-pslider__next { right: -8px; }
@media (max-width: 600px) { .ayv-pslider__nav { display: none; } }

/* Product card "solution" line (shown after the short description) */
.ayv-pcard__solution {
	display: flex; align-items: flex-start; gap: 6px; margin: 0;
	font-size: 12.5px; line-height: 1.45; font-weight: 600;
	color: var(--ayv-primary, #4a7c2a);
	background: rgba(var(--ayv-rgba-primary, 91,138,58), .08);
	border-left: 3px solid var(--ayv-accent, #ef7c1f);
	border-radius: 8px; padding: 7px 10px;
}
.ayv-pcard__solution i { margin-top: 2px; color: var(--ayv-accent, #ef7c1f); font-size: 12px; }
.ayv-pmodal__solution { font-size: 13.5px; margin: 4px 0 0; }

/* ============================================================ */
/* Kobiraj consultation modal                                   */
/* ============================================================ */
.kobiraj-modal { position: fixed; inset: 0; z-index: 9000; display: none; }
.kobiraj-modal.is-open { display: block; }
.kobiraj-modal__backdrop {
	position: absolute; inset: 0;
	background: rgba(12, 20, 16, .55); backdrop-filter: blur(6px);
	animation: kobFade .25s ease;
}
@keyframes kobFade { from { opacity: 0; } to { opacity: 1; } }
.kobiraj-modal__dialog {
	position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
	width: min(720px, 94vw); max-height: 92vh; overflow-y: auto;
	background: linear-gradient(180deg, #ffffff, #f6fbf7);
	border-radius: 22px; border: 1px solid rgba(45, 145, 90, .18);
	box-shadow: 0 30px 80px rgba(0, 0, 0, .35);
	animation: kobPop .3s cubic-bezier(.2, .9, .25, 1.1);
}
@keyframes kobPop { from { opacity: 0; transform: translate(-50%, -44%) scale(.96); } to { opacity: 1; transform: translate(-50%, -50%) scale(1); } }
.kobiraj-modal__x {
	position: absolute; top: 14px; right: 14px; z-index: 3;
	width: 38px; height: 38px; border-radius: 50%; border: none; cursor: pointer;
	background: rgba(0, 0, 0, .06); color: #334; font-size: 16px; transition: all .2s ease;
}
.kobiraj-modal__x:hover { background: #f5515f; color: #fff; transform: rotate(90deg); }
.kobiraj-modal__head {
	text-align: center; padding: 30px 26px 18px;
	background:
		radial-gradient(600px 200px at 50% -40%, rgba(45, 212, 191, .25), transparent 70%),
		linear-gradient(180deg, #ecfdf5, transparent);
	border-radius: 22px 22px 0 0;
}
.kobiraj-modal__chip {
	display: inline-flex; align-items: center; gap: 7px;
	font-size: 12px; font-weight: 800; letter-spacing: .04em;
	color: #0d9488; background: rgba(13, 148, 136, .12);
	padding: 6px 14px; border-radius: 999px; margin-bottom: 12px;
}
.kobiraj-modal__head h3 { margin: 0 0 6px; font-size: clamp(20px, 3vw, 26px); color: #14352a; font-weight: 800; }
.kobiraj-modal__head p { margin: 0 auto; max-width: 460px; color: #5b6b62; font-size: 14px; line-height: 1.55; }
.kobiraj-modal__body { padding: 18px 26px 26px; }

.kobiraj-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-bottom: 22px; }
@media (max-width: 560px) {
	/* Keep 2 compact cards per row on phones */
	.kobiraj-grid { grid-template-columns: repeat(2, 1fr); gap: 6px; }
	.kobiraj-card { padding: 6px 8px; gap: 6px; border-radius: 10px; border-width: 1.5px; }
	.kobiraj-card__check { width: 16px; height: 16px; border-radius: 5px; font-size: 8px; }
	.kobiraj-card__content { font-size: 11px; line-height: 1.2; }
	.kobiraj-card__thumb { width: 28px; height: 28px; border-radius: 8px; font-size: 11px; }
}

/* Each option: [check] [content] [thumbnail] — compact for single/double line text */
.kobiraj-card {
	position: relative; display: flex; align-items: center; gap: 8px;
	padding: 8px 10px; cursor: pointer;
	background: #fff; border: 1.5px solid #e6efe9; border-radius: 12px;
	transition: all .2s ease; user-select: none;
}
.kobiraj-card:hover { border-color: #2dd4bf; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(13, 148, 136, .14); }
.kobiraj-card input { position: absolute; opacity: 0; pointer-events: none; }
.kobiraj-card__check {
	flex-shrink: 0; width: 20px; height: 20px; border-radius: 6px;
	border: 1.5px solid #cdded5; background: #fff;
	display: grid; place-items: center; color: #fff; font-size: 10px;
	transition: all .2s ease;
}
.kobiraj-card__check i { transform: scale(0); transition: transform .2s cubic-bezier(.2, .9, .25, 1.4); }
.kobiraj-card__content { flex: 1; font-weight: 700; font-size: 12px; color: #233; line-height: 1.3; }
.kobiraj-card__thumb {
	flex-shrink: 0; width: 36px; height: 36px; border-radius: 10px;
	display: grid; place-items: center; color: #fff; font-size: 14px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, .14); transition: transform .2s ease;
}
.kobiraj-card:hover .kobiraj-card__thumb { transform: scale(1.08) rotate(-4deg); }
/* checked state */
.kobiraj-card input:checked ~ .kobiraj-card__check {
	background: linear-gradient(135deg, #16a34a, #2dd4bf); border-color: transparent;
}
.kobiraj-card input:checked ~ .kobiraj-card__check i { transform: scale(1); }
.kobiraj-card:has(input:checked) {
	border-color: #16a34a; background: linear-gradient(180deg, #f0fdf4, #fff);
	box-shadow: 0 8px 20px rgba(22, 163, 74, .18);
}

.kobiraj-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 14px; }
@media (max-width: 560px) { .kobiraj-fields { grid-template-columns: 1fr; } }
.kobiraj-field { margin-bottom: 14px; }
.kobiraj-field label { display: block; font-size: 13px; font-weight: 700; color: #2b463a; margin-bottom: 6px; }
.kobiraj-opt { color: #9aa7a0; font-weight: 600; font-size: 12px; }
.kobiraj-field input, .kobiraj-field textarea {
	width: 100%; box-sizing: border-box; padding: 12px 14px;
	border: 1.5px solid #dde7e1; border-radius: 12px; font-size: 14.5px;
	font-family: inherit; background: #fff; transition: border-color .2s ease, box-shadow .2s ease;
}
.kobiraj-field input:focus, .kobiraj-field textarea:focus {
	outline: none; border-color: #2dd4bf; box-shadow: 0 0 0 3px rgba(45, 212, 191, .18);
}
.kobiraj-field textarea { resize: vertical; }
.kobiraj-send {
	width: 100%; margin-top: 6px; padding: 15px 20px; cursor: pointer;
	border: none; border-radius: 14px; font-size: 16px; font-weight: 800;
	font-family: inherit; color: #fff;
	background: linear-gradient(135deg, #25d366, #128c7e);
	box-shadow: 0 12px 28px rgba(37, 211, 102, .35);
	display: inline-flex; align-items: center; justify-content: center; gap: 10px;
	transition: transform .2s ease, box-shadow .2s ease;
}
.kobiraj-send:hover { transform: translateY(-2px); box-shadow: 0 16px 34px rgba(37, 211, 102, .45); }
.kobiraj-send:active { transform: translateY(0); }
body.kobiraj-open { overflow: hidden; }

/* Kobiraj modal — section label + voice recorder */
.kobiraj-section-label {
	display: flex; align-items: center; gap: 8px;
	font-size: 14.5px; font-weight: 800; color: #14352a;
	margin: 6px 0 12px; padding-top: 6px;
}
.kobiraj-section-label i { color: #16a34a; }
.kobiraj-voice {
	display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 10px;
}
.kobiraj-voice__btn {
	display: inline-flex; align-items: center; gap: 8px; cursor: pointer;
	border: 1.5px solid #2dd4bf; background: #ecfdf5; color: #0d9488;
	font-family: inherit; font-weight: 800; font-size: 13.5px;
	padding: 10px 16px; border-radius: 999px; transition: all .2s ease;
}
.kobiraj-voice__btn:hover { background: #d1fae5; }
.kobiraj-voice__btn.is-rec {
	background: #fee2e2; border-color: #f5515f; color: #dc2626;
	animation: kobPulse 1s ease-in-out infinite;
}
@keyframes kobPulse { 0%,100% { box-shadow: 0 0 0 0 rgba(245,81,95,.4); } 50% { box-shadow: 0 0 0 6px rgba(245,81,95,0); } }
.kobiraj-voice__time { display: inline-flex; align-items: center; gap: 4px; font-weight: 800; font-size: 13px; color: #dc2626; font-variant-numeric: tabular-nums; }
.kobiraj-voice__dot { width: 9px; height: 9px; border-radius: 50%; background: #dc2626; animation: kobBlink 1s steps(2, start) infinite; }
@keyframes kobBlink { 50% { opacity: .25; } }
.kobiraj-voice__play { height: 38px; max-width: 220px; }
.kobiraj-voice__del {
	width: 36px; height: 36px; border-radius: 10px; cursor: pointer;
	border: 1.5px solid #f1d4d4; background: #fff5f5; color: #dc2626; transition: all .2s ease;
}
.kobiraj-voice__del:hover { background: #fee2e2; }
.kobiraj-voice__hint { margin: 8px 0 0; font-size: 12.5px; color: #6b7a72; display: flex; align-items: center; gap: 6px; }
.kobiraj-voice__hint i { color: #ea8a00; }

/* ============================================================ */
/* Scroll-to-next-section animated arrow                        */
/* ============================================================ */
.ayv-scrolldown {
	position: fixed; left: 50%; bottom: 22px; transform: translateX(-50%);
	z-index: 900; width: 50px; height: 50px; border-radius: 50%; cursor: pointer;
	border: 2px solid rgba(255,255,255,.7);
	background: linear-gradient(135deg, var(--ayv-primary, #2f8f4e), var(--ayv-accent, #ef7c1f));
	color: #fff; font-size: 18px; display: grid; place-items: center;
	box-shadow: 0 10px 26px -8px rgba(0,0,0,.45);
	opacity: 1; transition: opacity .35s ease, transform .35s ease, visibility .35s ease;
	animation: ayvArrowBob 1.6s ease-in-out infinite;
}
.ayv-scrolldown i { animation: ayvArrowBlink 1.6s ease-in-out infinite; }
.ayv-scrolldown:hover { filter: brightness(1.08); }
/* hidden while scrolling or at page bottom */
.ayv-scrolldown.is-scrolling, .ayv-scrolldown.is-hidden {
	opacity: 0; visibility: hidden; transform: translateX(-50%) translateY(14px);
	pointer-events: none; animation-play-state: paused;
}
@keyframes ayvArrowBob {
	0%, 100% { transform: translateX(-50%) translateY(0); }
	50%      { transform: translateX(-50%) translateY(-7px); }
}
@keyframes ayvArrowBlink { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }
@media (prefers-reduced-motion: reduce) {
	.ayv-scrolldown, .ayv-scrolldown i { animation: none; }
}
@media (max-width: 600px) {
	.ayv-scrolldown { width: 44px; height: 44px; font-size: 16px; bottom: 16px; }
}

/* ==========================================================================
   Ayurvedic Official — recolor utility classes
   Hex/rgb literals here are swapped by site-theme.css.php for the admin-chosen
   palette (primary / secondary / accent / surface). theme.css already routes
   its own custom properties through the same recolor pipeline, so this file
   only carries optional utility helpers.
   ========================================================================== */

.ayv-bg-primary   { background-color: #4a7c2a !important; color: #fff; }
.ayv-bg-secondary { background-color: #213b14 !important; color: #fff; }
.ayv-bg-accent    { background-color: #ef7c1f !important; color: #213b14; }
.ayv-bg-surface   { background-color: #fbf7eb !important; color: #213b14; }

.ayv-text-primary   { color: #4a7c2a !important; }
.ayv-text-secondary { color: #213b14 !important; }
.ayv-text-accent    { color: #ef7c1f !important; }

.ayv-border-primary { border-color: #4a7c2a !important; }
.ayv-border-accent  { border-color: #ef7c1f !important; }

.ayv-grad-primary   { background: linear-gradient(135deg, rgb(74, 124, 42) 0%, rgb(239, 124, 31) 100%) !important; color: #fff; }
.ayv-grad-secondary { background: linear-gradient(135deg, rgb(33, 59, 20) 0%, rgb(74, 124, 42) 100%) !important; color: #fff; }

.ayv-tint-primary   { background-color: rgba(74, 124, 42, 0.12) !important; }
.ayv-tint-secondary { background-color: rgba(33, 59, 20, 0.10) !important; }
.ayv-tint-accent    { background-color: rgba(239, 124, 31, 0.16) !important; }