.ka-eyebrow{
	display:inline-flex;
	align-items:center;
	gap:8px;
	font-family:var(--ka-font-en);
	font-weight:700;
	font-size:12.5px;
	letter-spacing:.08em;
	text-transform:uppercase;
	color:var(--ka-green-700);
	margin-bottom:14px;
}
.ka-eyebrow::before{
	content:"";
	width:22px;
	height:2px;
	background:var(--ka-amber);
	display:inline-block;
}

.ka-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	height:48px;
	padding:0 28px;
	border-radius:10px;
	font-weight:700;
	font-size:15px;
	white-space:nowrap;
	transition:transform .2s var(--ka-ease), box-shadow .2s var(--ka-ease), background .2s ease;
}
.ka-btn-primary{
	background:linear-gradient(135deg, var(--ka-green-light), var(--ka-green) 65%);
	color:#fff;
	box-shadow:0 10px 26px rgba(56,160,0,.35), 0 2px 6px rgba(56,160,0,.2);
}
.ka-btn-primary:hover{
	background:linear-gradient(135deg, var(--ka-green), var(--ka-green-700) 65%);
	transform:translateY(-3px);
	box-shadow:0 14px 32px rgba(56,160,0,.42), 0 4px 10px rgba(56,160,0,.25);
}
.ka-btn-ghost{
	background:var(--ka-white);
	color:var(--ka-ink);
	border:1.5px solid var(--ka-green-100);
	box-shadow:0 4px 14px rgba(32,36,31,.06);
}
.ka-btn-ghost:hover{
	border-color:var(--ka-green);
	color:var(--ka-green-700);
	background:var(--ka-green-50);
	transform:translateY(-3px);
	box-shadow:0 8px 20px rgba(32,36,31,.1);
}
/* Small arrow micro-interaction — scoped to the hero only, since ka-btn-primary
   and ka-btn-ghost are reused elsewhere (a form submit button, archive/search
   "view all" links) where an arrow wouldn't fit the context. */
.ka-hero-actions .ka-btn::after{
	content:"→";
	margin-left:8px;
	display:inline-block;
	transition:transform .2s ease;
}
.ka-hero-actions .ka-btn:hover::after{ transform:translateX(4px); }
.ka-btn-ghost-light{ background:rgba(255,255,255,.1); color:#fff; border:1.5px solid rgba(255,255,255,.55); backdrop-filter:blur(4px); }
.ka-btn-ghost-light:hover{ background:rgba(255,255,255,.18); border-color:#fff; }
.ka-btn-outline{ background:transparent; color:var(--ka-green-700); border:1.5px solid var(--ka-green); }
.ka-btn-outline:hover{ background:var(--ka-green); color:#fff; }
.ka-btn-amber{ background:var(--ka-amber); color:var(--ka-ink); box-shadow:0 8px 20px rgba(245,166,35,.3); }
.ka-btn-amber:hover{ background:var(--ka-amber-dark); transform:translateY(-2px); }
.ka-btn-load-more{
	gap:8px;
	background:var(--ka-white);
	color:var(--ka-green-700);
	border:1.5px solid var(--ka-green);
	box-shadow:0 4px 14px rgba(32,36,31,.06);
}
.ka-btn-load-more svg{ transition:transform .2s ease; }
.ka-btn-load-more:hover{
	background:var(--ka-green);
	color:#fff;
	transform:translateY(-3px);
	box-shadow:0 10px 24px rgba(56,160,0,.28);
}
.ka-btn-load-more:hover svg{ transform:translateY(2px); }

/* ============ HERO (split layout) ============
   Text and photo never share the same pixels, so legibility never depends on
   what's in the photo — no overlay/scrim/stroke needed, the photo stays 100%
   untouched and the text sits on the page's own plain background. */
.ka-hero{ padding-block:64px; overflow:hidden; }
.ka-hero-grid{
	display:grid;
	grid-template-columns:1fr 1fr;
	align-items:center;
	gap:56px;
}
.ka-hero-copy h1{
	font-size:clamp(32px,4vw,52px);
	font-weight:700;
	margin:14px 0 20px;
	color:var(--ka-ink);
}
.ka-hero-copy h1 span{ color:var(--ka-green-700); }
.ka-hero-sub{
	font-size:17.5px;
	font-weight:700;
	line-height:1.7;
	color:var(--ka-ink);
	max-width:480px;
	margin-bottom:32px;
}
.ka-hero-actions{ display:flex; gap:14px; flex-wrap:wrap; }
.ka-hero-media img{
	border-radius:var(--ka-radius-lg);
	box-shadow:var(--ka-shadow-lg);
	width:100%;
	aspect-ratio:4/3;
	object-fit:cover;
}

@media (max-width:960px){
	.ka-hero-grid{ grid-template-columns:1fr; gap:32px; }
	.ka-hero-media{ order:-1; }
}

/* ============ TRUST STRIP ============ */
.ka-trust-strip{
	background:linear-gradient(180deg, var(--ka-green-950), var(--ka-green-900));
	padding-block:44px;
}
.ka-trust-grid{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:20px;
}
.ka-trust-item{
	position:relative;
	display:flex;
	flex-direction:column;
	align-items:center;
	text-align:center;
	color:#fff;
	padding:26px 16px 22px;
	border-radius:var(--ka-radius);
	overflow:hidden;
	/* Noticeably lighter than the strip's own background (green-950→green-900) —
	   using the same dark tones made the cards nearly invisible against the strip,
	   so this jumps two shades lighter to green-700→green-800 for real separation. */
	background:linear-gradient(160deg, var(--ka-green-700), var(--ka-green-800) 120%);
	border:1px solid rgba(255,255,255,.16);
	box-shadow:0 14px 30px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.12);
	transition:transform .3s var(--ka-ease), border-color .3s ease, box-shadow .3s ease;
}
.ka-trust-item::before{
	content:"";
	position:absolute;
	top:0; left:0; right:0;
	height:2px;
	background:linear-gradient(90deg, transparent, var(--ka-amber), transparent);
	opacity:.55;
	transition:opacity .3s ease;
}
.ka-trust-item::after{
	content:"";
	position:absolute;
	top:0; left:0; right:0;
	height:60%;
	background:linear-gradient(180deg, rgba(255,255,255,.07), transparent);
	pointer-events:none;
}
.ka-trust-item:hover{
	transform:translateY(-6px);
	border-color:rgba(245,166,35,.45);
	box-shadow:0 20px 40px rgba(0,0,0,.36), 0 0 0 1px rgba(245,166,35,.16);
}
.ka-trust-item:hover::before{ opacity:1; }
.ka-trust-icon{
	display:flex;
	align-items:center;
	justify-content:center;
	width:52px;
	height:52px;
	border-radius:50%;
	background:linear-gradient(135deg, var(--ka-amber), var(--ka-amber-dark));
	box-shadow:0 0 0 4px rgba(245,166,35,.14), 0 8px 18px rgba(245,166,35,.35);
	color:#fff;
	margin-bottom:14px;
	transition:transform .3s var(--ka-ease);
}
.ka-trust-item:hover .ka-trust-icon{ transform:scale(1.08) rotate(-4deg); }
.ka-trust-item strong{
	font-family:var(--ka-font-bn);
	font-size:24px;
	font-weight:700;
	color:#fff;
}
.ka-trust-label{
	font-size:13px;
	font-weight:600;
	color:rgba(255,255,255,.92);
	margin-top:6px;
}

@media (max-width:640px){
	.ka-trust-grid{ grid-template-columns:repeat(2,1fr); }
}

/* ============ SECTION shell ============ */
.ka-section{ padding-block:80px; }
.ka-section-tint{ background:var(--ka-cream-2); }
.ka-section-dark{ background:var(--ka-green-950); color:#fff; }
.ka-section-dark .ka-eyebrow{ color:var(--ka-green-light); }
.ka-section-dark p{ color:#fff; font-weight:700; }
.ka-section-head{ text-align:center; max-width:640px; margin:0 auto 48px; }
.ka-section-head h2,
.ka-section-head h1{ font-size:clamp(26px,3.2vw,36px); }
.ka-section-cta{ text-align:center; margin-top:40px; }

/* ============ CATEGORIES ============ */
.ka-cat-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:24px;
}
.ka-cat-card{
	background:var(--ka-white);
	border-radius:var(--ka-radius);
	overflow:hidden;
	box-shadow:var(--ka-shadow-sm);
	transition:transform .3s var(--ka-ease), box-shadow .3s var(--ka-ease);
}
.ka-cat-card:hover{ transform:translateY(-8px); box-shadow:var(--ka-shadow); }
.ka-cat-card-media{ aspect-ratio:16/10; overflow:hidden; }
.ka-cat-card-media img{ width:100%; height:100%; object-fit:cover; transition:transform .5s var(--ka-ease); }
.ka-cat-card:hover .ka-cat-card-media img{ transform:scale(1.06); }
.ka-cat-card-body{ padding:22px; }
.ka-cat-card-body h3{ font-size:20px; margin-bottom:8px; }
.ka-cat-card-body p{ font-size:14.5px; color:var(--ka-ink-soft); margin:0 0 14px; }
.ka-cat-card-link{ font-weight:700; color:var(--ka-green-700); font-size:14.5px; }

/* .ka-product-grid / .ka-product-card etc. moved to main.css (assets/css/main.css)
   since the Shop page reuses the exact same product-card component and main.css
   is the stylesheet that's actually loaded there — home.css only loads on the
   front page. */

/* ============ STORY ============ */
.ka-story-grid{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:56px;
	align-items:center;
}
.ka-story-media img{ border-radius:var(--ka-radius-lg); box-shadow:var(--ka-shadow); width:100%; aspect-ratio:4/3; object-fit:cover; }
.ka-story-copy h2{ font-size:clamp(27px,3.3vw,36px); }
.ka-story-copy p{ color:var(--ka-ink-soft); margin-bottom:20px; }
.ka-story-points{ margin:0 0 28px; display:flex; flex-direction:column; gap:12px; }
.ka-story-points li{
	position:relative;
	padding-left:26px;
	font-size:15.5px;
	font-weight:700;
	color:var(--ka-ink);
}
.ka-story-points li::before{
	content:"✓";
	position:absolute;
	left:0;
	color:var(--ka-amber-dark);
	font-weight:700;
}

/* ============ QUALITY ============ */
.ka-quality-grid{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:56px;
	align-items:center;
}
.ka-quality-points{ display:flex; flex-direction:column; gap:12px; margin:24px 0 0; }
.ka-quality-points li{
	position:relative;
	padding-left:26px;
	font-size:15.5px;
	font-weight:700;
	color:#fff;
}
.ka-quality-points li::before{ content:"●"; position:absolute; left:0; color:var(--ka-green-light); font-size:9px; top:7px; }
.ka-quality-media{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.ka-quality-media img{ border-radius:var(--ka-radius-sm); box-shadow:var(--ka-shadow); }

/* ============ AWARDS & RECOGNITION ============ */
.ka-section-sub{ color:var(--ka-ink); font-weight:700; font-size:15.5px; margin-top:10px; }
.ka-award-highlight{
	display:grid;
	grid-template-columns:320px 1fr;
	gap:0;
	background:var(--ka-white);
	border:1px solid var(--ka-green-100);
	border-radius:var(--ka-radius-lg);
	box-shadow:var(--ka-shadow);
	overflow:hidden;
	margin-bottom:28px;
}
.ka-award-highlight-media{ position:relative; }
.ka-award-highlight-media img{ width:100%; height:100%; object-fit:cover; display:block; }
.ka-award-highlight-badge{
	position:absolute;
	left:16px; bottom:16px;
	display:inline-flex;
	align-items:center;
	gap:6px;
	background:var(--ka-amber);
	color:var(--ka-ink);
	font-size:12px;
	font-weight:700;
	padding:6px 14px;
	border-radius:999px;
	box-shadow:var(--ka-shadow-sm);
}
.ka-award-highlight-body{ padding:32px; display:flex; flex-direction:column; justify-content:center; }
.ka-award-highlight-body h3{ font-size:22px; margin-bottom:12px; }
.ka-award-highlight-body > p{ font-size:15.5px; color:var(--ka-ink-soft); margin-bottom:20px; }
.ka-award-highlight-quote{
	margin:0;
	position:relative;
	background:var(--ka-green-50);
	border-left:3px solid var(--ka-green);
	border-radius:0 var(--ka-radius-sm) var(--ka-radius-sm) 0;
	padding:18px 20px 16px;
	font-size:15.5px;
	font-style:italic;
	color:var(--ka-ink);
	line-height:1.6;
}
.ka-award-highlight-quote-mark{
	display:block;
	font-family:Georgia,serif;
	font-size:36px;
	line-height:.5;
	color:var(--ka-green);
	opacity:.5;
	margin-bottom:6px;
}
.ka-award-highlight-quote cite{
	display:flex;
	align-items:center;
	gap:10px;
	margin-top:14px;
	font-style:normal;
}
.ka-award-highlight-quote cite img{ width:34px; height:34px; border-radius:50%; object-fit:cover; }
.ka-award-highlight-quote cite span{ font-size:12.5px; font-weight:700; color:var(--ka-green-700); line-height:1.4; }
.ka-award-grid{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:20px;
}
.ka-award-card{
	background:var(--ka-white);
	border:1px solid var(--ka-green-100);
	border-radius:var(--ka-radius);
	box-shadow:var(--ka-shadow-sm);
	overflow:hidden;
	text-align:center;
	transition:transform .25s ease, box-shadow .25s ease;
}
.ka-award-card:hover{ transform:translateY(-6px); box-shadow:var(--ka-shadow); }
.ka-award-card-media{ aspect-ratio:1/1; overflow:hidden; background:var(--ka-green-50); }
.ka-award-card-media img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .35s ease; }
.ka-award-card:hover .ka-award-card-media img{ transform:scale(1.06); }
.ka-award-card-body{ padding:18px 16px 22px; }
.ka-award-year{
	display:inline-block;
	font-size:12px;
	font-weight:700;
	color:var(--ka-green-700);
	background:var(--ka-green-50);
	padding:3px 10px;
	border-radius:999px;
	margin-bottom:10px;
}
.ka-award-card-title{ font-size:15.5px; margin:0 0 8px; }
.ka-award-card p{ font-size:14px; color:var(--ka-ink-soft); line-height:1.5; margin:0; }

/* ============ MEDIA COVERAGE ============ */
.ka-media-grid{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:24px;
	align-items:start;
}
.ka-media-card{
	background:var(--ka-white);
	border-radius:var(--ka-radius);
	overflow:hidden;
	box-shadow:var(--ka-shadow-sm);
}
/* Videos vary in orientation (one landscape TV broadcast, one vertical
   phone-shot short) — sizing by natural aspect ratio with object-fit:contain
   keeps both correct instead of cropping/stretching one to force 16:9. */
.ka-media-card video{ width:100%; aspect-ratio:16/9; display:block; background:#000; object-fit:contain; }
.ka-media-card .ka-review-card,
.ka-media-card .ka-review-embed{ border-radius:0; box-shadow:none; }
.ka-media-card-body{ padding:20px; }
.ka-media-card-body h3{ font-size:17px; margin-bottom:8px; }
.ka-media-card-body p{ font-size:14.5px; color:var(--ka-ink-soft); line-height:1.6; margin:0; }

/* ============ CUSTOMER REVIEWS ============ */
.ka-review-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:20px;
}
.ka-review-card{
	position:relative;
	display:block;
	width:100%;
	aspect-ratio:16/9;
	border:none;
	padding:0;
	border-radius:var(--ka-radius);
	overflow:hidden;
	cursor:pointer;
	box-shadow:var(--ka-shadow-sm);
}
.ka-review-card img{ width:100%; height:100%; object-fit:cover; display:block; }
/* Shorts/Reels are vertical — a 16:9 box crops them oddly, so give them
   their own taller aspect ratio instead of forcing the landscape shape. */
.ka-review-card.is-reel{ aspect-ratio:9/16; }
.ka-review-play{
	position:absolute;
	top:50%; left:50%;
	transform:translate(-50%,-50%);
	width:60px; height:60px;
	border-radius:50%;
	background:rgba(20,20,20,.55);
	-webkit-backdrop-filter:blur(2px);
	backdrop-filter:blur(2px);
	display:flex;
	align-items:center;
	justify-content:center;
	transition:background .2s ease, transform .2s ease;
}
.ka-review-play svg{ width:28px; height:28px; margin-left:3px; }
.ka-review-card:hover .ka-review-play{ background:rgba(20,20,20,.75); transform:translate(-50%,-50%) scale(1.06); }
@media (max-width:600px){
	.ka-review-play{ width:48px; height:48px; }
	.ka-review-play svg{ width:22px; height:22px; }
}
.ka-review-embed{ aspect-ratio:16/9; width:100%; border-radius:var(--ka-radius); }
.ka-review-embed.is-reel{ aspect-ratio:9/16; }
.ka-review-tab-nav{
	display:flex;
	flex-wrap:wrap;
	gap:4px;
	width:fit-content;
	margin:20px auto 0;
	padding:5px;
	border-radius:999px;
	border:1.5px solid var(--ka-green-100);
	background:var(--ka-white);
	box-shadow:var(--ka-shadow-sm);
}
.ka-review-tab-btn{
	display:flex;
	align-items:center;
	gap:8px;
	background:transparent;
	color:var(--ka-green-800);
	border:none;
	border-radius:999px;
	padding:11px 22px;
	font-family:var(--ka-font-bn);
	font-weight:700;
	font-size:14.5px;
	cursor:pointer;
	transition:background .2s ease, color .2s ease, box-shadow .2s ease;
	white-space:nowrap;
}
.ka-review-tab-btn svg{ flex-shrink:0; }
.ka-review-tab-btn.is-active{
	background:linear-gradient(135deg, var(--ka-green-light), var(--ka-green) 65%);
	color:#fff;
	box-shadow:0 6px 16px rgba(56,160,0,.3);
}
.ka-review-panel{ display:none; }
.ka-review-panel.is-active{ display:block; }
.ka-review-social-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:20px;
}
.ka-review-social-item{
	border-radius:var(--ka-radius);
	overflow:hidden;
	box-shadow:var(--ka-shadow-sm);
}
.ka-review-social-item{ cursor:zoom-in; }
.ka-review-social-item img{ width:100%; height:auto; display:block; }
.ka-review-social-grid-teaser{ grid-template-columns:repeat(4,1fr); margin-top:24px; }

/* ============ GARDENING TIPS — blog listing ============ */
.ka-blog-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:24px;
	margin-bottom:40px;
}
.ka-blog-card{
	display:block;
	background:var(--ka-white);
	border-radius:var(--ka-radius);
	overflow:hidden;
	box-shadow:var(--ka-shadow-sm);
	text-decoration:none;
	color:inherit;
	transition:transform .3s var(--ka-ease), box-shadow .3s var(--ka-ease);
}
.ka-blog-card:hover{ transform:translateY(-6px); box-shadow:var(--ka-shadow); }
.ka-blog-card-media{ aspect-ratio:16/10; overflow:hidden; background:var(--ka-green-50); }
.ka-blog-card-media img{ width:100%; height:100%; object-fit:cover; }
.ka-blog-card-placeholder{ width:100%; height:100%; background:linear-gradient(135deg,var(--ka-green-50),var(--ka-green-100)); }
.ka-blog-card-body{ padding:20px; }
.ka-blog-card-meta{ display:block; font-size:12.5px; color:var(--ka-ink-soft); margin-bottom:8px; }
.ka-blog-card-body h3{ font-size:17px; margin:0 0 8px; line-height:1.4; }
.ka-blog-card-body p{ font-size:14px; color:var(--ka-ink-soft); line-height:1.6; margin:0 0 12px; }
.ka-blog-card-link{ font-weight:700; color:var(--ka-green-700); font-size:14px; }

/* ============ GARDENING TIPS — single article ============ */
.ka-article-wrap{ max-width:760px; }
.ka-article-title{ font-size:clamp(26px,3.5vw,38px); margin:0 0 12px; line-height:1.3; }
.ka-article-meta{ font-size:14px; color:var(--ka-ink-soft); margin:0 0 28px; }
.ka-article-media{ margin-bottom:32px; }
.ka-article-media img{ width:100%; border-radius:var(--ka-radius); box-shadow:var(--ka-shadow-sm); }
/* font-weight explicitly set to 500 here — the sitewide body default (600)
   already reads as near-bold in Hind Siliguri, so pairing it with the 700
   used on <strong> left the whole paragraph looking uniformly heavy with no
   visible lift on the bolded numbers. 500 vs 700 is the gap that actually
   shows on screen. */
.ka-article-body{ font-size:17px; font-weight:500; line-height:1.9; color:var(--ka-ink); }
/* Bold only the number-bearing phrases (dosage ratios, day/kg ranges) rather
   than the whole paragraph — plain prose stays lighter for comfortable
   long-form reading, while Bangla numerals (which render unclear below
   weight 700 in this font) get the weight boost exactly where legibility
   actually matters. */
.ka-article-body strong{ font-weight:700; }
.ka-article-body p{ margin:0 0 22px; }
.ka-article-body h2{ font-size:24px; margin:36px 0 16px; }
.ka-article-body h3{ font-size:20px; margin:28px 0 14px; }
.ka-article-body ul,
.ka-article-body ol{ margin:0 0 22px; padding-left:24px; }
.ka-article-body li{ margin-bottom:10px; }
.ka-article-body img{ width:100%; border-radius:var(--ka-radius-sm); margin:12px 0; }
.ka-article-body a{ color:var(--ka-green-700); font-weight:600; }
.ka-article-cta{
	margin-top:48px;
	background:var(--ka-green-50);
	border-radius:var(--ka-radius-lg);
	padding:36px 32px;
	text-align:center;
}
.ka-article-cta h3{ font-size:22px; margin:0 0 10px; }
.ka-article-cta p{ font-size:15px; color:var(--ka-ink-soft); margin:0 0 20px; }
.ka-article-related{
	margin-top:56px;
	padding-top:36px;
	border-top:1px solid var(--ka-green-100);
}
.ka-article-related h2{ font-size:22px; margin:0 0 20px; }
.ka-article-related-grid{ grid-template-columns:repeat(3,1fr); gap:18px; margin-bottom:0; }
@media (max-width:640px){
	.ka-article-related-grid{ grid-template-columns:1fr; }
}

/* ============ 404 ============ */
.ka-404-wrap{ max-width:540px; margin:0 auto; text-align:center; padding-block:20px; }
.ka-404-code{
	display:block;
	font-size:clamp(56px,10vw,88px);
	font-weight:700;
	color:var(--ka-green-100);
	line-height:1;
	margin-bottom:8px;
}
.ka-404-wrap h1{ font-size:clamp(22px,3vw,28px); margin:0 0 14px; }
.ka-404-wrap p{ font-size:15.5px; color:var(--ka-ink-soft); line-height:1.7; margin:0 0 28px; }
.ka-404-search{ max-width:420px; margin:0 auto; }

/* ============ SEARCH RESULTS ============ */
.ka-search-results.ka-product-grid{ margin-bottom:40px; }

/* ============ LEGAL PAGES (Terms / Privacy) ============ */
.ka-legal-wrap{ max-width:820px; }
.ka-legal-wrap h1{ font-size:clamp(24px,3vw,32px); }
.ka-legal-updated{ font-size:13.5px; color:var(--ka-ink-soft); margin:0 0 32px; }
.ka-legal-toc{
	background:var(--ka-green-50);
	border:1px solid var(--ka-green-100);
	border-radius:var(--ka-radius);
	padding:20px 24px;
	margin-bottom:32px;
}
.ka-legal-toc h2{ font-size:15px; margin:0 0 12px; }
.ka-legal-toc ul{ margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:8px; }
.ka-legal-toc a{ color:var(--ka-green-700); font-weight:600; font-size:14.5px; text-decoration:none; }
.ka-legal-toc a:hover{ text-decoration:underline; }
.ka-legal-section{ padding-block:24px; border-bottom:1px solid var(--ka-green-100); scroll-margin-top:90px; }
.ka-legal-section:last-child{ border-bottom:none; }
.ka-legal-section h2{ font-size:19px; margin:0 0 14px; }
.ka-legal-section p{ font-size:15px; line-height:1.8; color:var(--ka-ink-soft); margin:0 0 14px; }
.ka-legal-section ul{ margin:0 0 14px; padding-left:20px; }
.ka-legal-section li{ font-size:15px; line-height:1.8; color:var(--ka-ink-soft); margin-bottom:4px; }
.ka-legal-section a{ color:var(--ka-green-700); font-weight:600; }

/* ============ CONTACT PAGE ============ */
.ka-contact-info-grid{ grid-template-columns:repeat(4,1fr); }
.ka-contact-icon{
	display:flex;
	align-items:center;
	justify-content:center;
	width:46px;
	height:46px;
	border-radius:50%;
	background:var(--ka-green-50);
	color:var(--ka-green);
	margin:0 auto 14px;
}
.ka-heading-accent{ color:var(--ka-green); text-decoration:underline; text-decoration-color:var(--ka-green-light); text-decoration-thickness:3px; text-underline-offset:6px; }
.ka-heading-accent-plain{ text-decoration:none; }

.ka-contact-info-grid .ka-about-value-card{
	display:flex;
	flex-direction:column;
	transition:transform .3s var(--ka-ease), box-shadow .3s ease;
}
.ka-contact-info-grid .ka-about-value-card:hover{
	transform:translateY(-4px);
	box-shadow:0 14px 28px rgba(32,36,31,.1);
}
.ka-contact-info-grid .ka-contact-icon{
	width:56px; height:56px;
	background:linear-gradient(135deg, var(--ka-green-light), var(--ka-green) 65%);
	color:#fff;
	box-shadow:0 6px 16px rgba(56,160,0,.28);
}
.ka-contact-info-grid .ka-about-value-card p{ font-size:15px; line-height:1.8; color:var(--ka-ink); font-weight:700; margin-bottom:18px; }
.ka-contact-info-grid .ka-about-value-card a:not(.ka-contact-card-btn){ color:var(--ka-ink); text-decoration:none; }
.ka-contact-info-grid .ka-about-value-card a:not(.ka-contact-card-btn):hover{ color:var(--ka-green-700); }
.ka-contact-card-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	margin-top:auto;
	background:var(--ka-green-900);
	color:#fff;
	font-size:13.5px;
	font-weight:700;
	padding:11px 16px;
	border-radius:999px;
	text-decoration:none;
	transition:background .2s ease, transform .2s ease;
}
.ka-contact-card-btn:hover{ background:var(--ka-green-700); transform:translateY(-2px); color:#fff; }
.ka-contact-card-btn::after{ content:"→"; margin-left:2px; }
.ka-contact-card-btn.is-email{ background:var(--ka-green); }
.ka-contact-card-btn.is-email:hover{ background:var(--ka-green-light); }
.ka-contact-card-btn.is-map{ background:var(--ka-green-900); }
.ka-contact-card-btn.is-map:hover{ background:var(--ka-green-700); }
.ka-contact-card-btn.is-whatsapp{ background:var(--ka-green); }
.ka-contact-card-btn.is-whatsapp:hover{ background:var(--ka-green-light); }

.ka-contact-grid{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:32px;
	align-items:stretch;
}
.ka-contact-form-card{
	background:var(--ka-white);
	border-radius:var(--ka-radius-lg);
	box-shadow:var(--ka-shadow);
	padding:36px 32px;
}
.ka-contact-form-card h2{ margin:0 0 8px; font-size:22px; text-align:center; }
.ka-contact-form-sub{ margin:0 0 24px; font-size:14px; color:var(--ka-ink-soft); text-align:center; }
.ka-cf-field{ margin-bottom:16px; }
.ka-cf-field label{ display:block; font-size:13.5px; font-weight:600; margin-bottom:6px; }
.ka-cf-field .input-text{
	width:100%;
	box-sizing:border-box;
	padding:12px 14px;
	border:1.5px solid var(--ka-green-100);
	border-radius:10px;
	font-family:var(--ka-font-bn);
	font-size:14.5px;
	color:var(--ka-ink);
}
.ka-cf-field textarea.input-text{ min-height:100px; resize:vertical; }
.ka-cf-field .input-text:focus{ outline:none; border-color:var(--ka-green); }
.ka-cf-submit{
	width:100%;
	background:#25D366;
	border:none;
	gap:8px;
}
.ka-cf-submit:hover{ background:#1EBE57; }
.ka-cf-note{ margin:12px 0 0; font-size:12px; color:var(--ka-ink-soft); text-align:center; }

/* ============ ORDER TRACKING PAGE ============ */
.ka-track-order-card{ max-width:520px; margin:0 auto; }
.ka-track-order-msg{
	margin:14px 0 0;
	font-size:13.5px;
	font-weight:600;
	text-align:center;
	color:var(--ka-green-700);
	display:none;
}
.ka-track-order-msg.is-visible{ display:block; }
.ka-track-order-msg.is-error{ color:#B91C1C; }
.ka-track-order-help{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	gap:12px;
	margin-top:16px;
	padding-top:16px;
	border-top:1px solid var(--ka-green-100);
	font-size:13.5px;
	font-weight:600;
	color:var(--ka-ink-soft);
}
.ka-track-order-help a{
	font-weight:700;
	color:var(--ka-green-700);
	text-decoration:none;
}
.ka-track-order-help a:hover{ text-decoration:underline; }
.ka-track-order-result{
	margin-top:28px;
	padding-top:24px;
	border-top:1px solid var(--ka-green-100);
}
.ka-track-order-summary{
	display:flex;
	flex-wrap:wrap;
	gap:14px;
	margin-bottom:20px;
}
.ka-track-order-summary div{
	flex:1 1 140px;
	background:var(--ka-green-50);
	border-radius:var(--ka-radius-sm);
	padding:12px 16px;
}
.ka-track-order-summary span{ display:block; font-size:12px; color:var(--ka-ink-soft); margin-bottom:4px; }
.ka-track-order-summary strong{ font-size:15px; color:var(--ka-ink); }

/* ---- Order status timeline — shared visual language with My Account's
   single-order view (functions.php renders both from the same PHP
   function), but unscoped here since this page isn't a WooCommerce
   account page. ---- */
.ka-order-timeline{
	display:flex;
	align-items:flex-start;
	margin:20px 0 24px;
}
.ka-order-timeline-step{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:8px;
	flex:0 0 auto;
	width:110px;
	text-align:center;
}
.ka-order-timeline-dot{
	width:22px;
	height:22px;
	border-radius:50%;
	background:var(--ka-white);
	border:2.5px solid var(--ka-green-100);
	flex-shrink:0;
}
.ka-order-timeline-step.is-done .ka-order-timeline-dot{
	background:var(--ka-green);
	border-color:var(--ka-green);
}
.ka-order-timeline-step.is-current .ka-order-timeline-dot{
	background:var(--ka-white);
	border-color:var(--ka-green);
	box-shadow:0 0 0 4px var(--ka-green-50);
}
.ka-order-timeline-label{
	font-size:12.5px;
	font-weight:600;
	color:var(--ka-ink-soft);
}
.ka-order-timeline-step.is-done .ka-order-timeline-label{ color:var(--ka-green-700); }
.ka-order-timeline-line{
	flex:1 1 auto;
	height:2.5px;
	background:var(--ka-green-100);
	margin-top:10px;
}
.ka-order-timeline-line.is-done{ background:var(--ka-green); }
.ka-order-hold-note{
	background:#FFF3E0;
	color:#B45309;
	font-size:13.5px;
	font-weight:600;
	padding:10px 16px;
	border-radius:var(--ka-radius-sm);
	margin:0 0 20px;
}
.ka-order-alert{
	font-size:14px;
	font-weight:600;
	padding:14px 18px;
	border-radius:var(--ka-radius-sm);
	margin:0 0 20px;
}
.ka-order-alert-cancelled,
.ka-order-alert-failed{ background:#FEE2E2; color:#B91C1C; }
.ka-order-alert-refunded{ background:var(--ka-green-50); color:var(--ka-green-700); }
@media (max-width:480px){
	.ka-order-timeline-step{ width:auto; flex:1 1 0; }
	.ka-order-timeline-label{ font-size:11px; }
}
.ka-contact-map{
	border-radius:var(--ka-radius-lg);
	overflow:hidden;
	box-shadow:var(--ka-shadow);
	min-height:320px;
}

/* ============ HOW TO USE PAGE — dosage tabs ============ */
.ka-dose-tabs{
	max-width:920px;
	margin:0 auto;
	background:var(--ka-white);
	border-radius:var(--ka-radius-lg);
	box-shadow:var(--ka-shadow);
	padding:32px;
}
.ka-dose-tab-nav{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	margin-bottom:24px;
	border-bottom:1px solid var(--ka-green-100);
	padding-bottom:20px;
}
.ka-dose-tab-btn{
	background:var(--ka-green-50);
	color:var(--ka-green-800);
	border:none;
	border-radius:999px;
	padding:10px 20px;
	font-family:var(--ka-font-bn);
	font-weight:700;
	font-size:14.5px;
	cursor:pointer;
	transition:background .2s ease, color .2s ease;
}
.ka-dose-tab-btn.is-active{ background:var(--ka-green); color:#fff; }
.ka-dose-tab-panel{ display:none; }
.ka-dose-tab-panel.is-active{ display:block; }
.ka-dose-note{ font-size:14.5px; font-weight:600; color:var(--ka-green-800); margin:0 0 18px; }
.ka-dose-note-center{ text-align:center; }
.ka-dose-table-wrap{ overflow-x:auto; margin-bottom:14px; }
.ka-dose-table{ width:100%; border-collapse:collapse; }
.ka-dose-table th{
	background:var(--ka-green-50);
	color:var(--ka-green-800);
	font-size:15.5px;
	font-weight:700;
	text-align:left;
	padding:12px 14px;
	white-space:nowrap;
}
.ka-dose-table td{
	padding:12px 14px;
	border-bottom:1px solid var(--ka-green-100);
	font-size:14.5px;
	font-weight:700;
	color:var(--ka-ink);
	white-space:nowrap;
}
.ka-dose-td-label{ font-weight:700; }
.ka-dose-td-highlight{ font-weight:700; color:var(--ka-green-700); }
.ka-dose-footnote{ font-size:13px; font-style:italic; color:var(--ka-ink-soft); margin:0; }
.ka-dose-callout{
	margin-top:24px;
	background:var(--ka-green-50);
	border-radius:14px;
	padding:20px 24px;
	display:flex;
	align-items:center;
	gap:16px;
}
.ka-dose-callout-icon{
	width:36px; height:36px; flex:0 0 36px;
	border-radius:50%;
	background:var(--ka-amber);
	display:flex; align-items:center; justify-content:center;
}
.ka-dose-callout h4{ margin:0 0 6px; font-size:17px; }
.ka-dose-callout p{ margin:0; font-size:15px; color:var(--ka-ink-soft); line-height:1.7; }
.ka-dose-recipe-title{ text-align:center; font-size:22px; margin:0 0 20px; }
.ka-recipe-grid{ display:flex; flex-wrap:wrap; gap:16px; margin-bottom:20px; }
.ka-recipe-card{
	flex:1 1 180px;
	background:var(--ka-green-50);
	border-radius:16px;
	padding:24px 18px;
	text-align:center;
}
.ka-recipe-card strong{ display:block; font-size:26px; color:var(--ka-green-700); margin-bottom:6px; }
.ka-recipe-card span{ font-size:15px; font-weight:600; }
.ka-dose-method-title{ font-size:20px; margin:24px 0 12px; }
.ka-step-grid{
	margin-top:36px;
	display:grid;
	grid-template-columns:repeat(4, 1fr);
	gap:16px;
}
.ka-step-item{
	position:relative;
	border-radius:var(--ka-radius-lg);
	overflow:hidden;
	box-shadow:var(--ka-shadow);
}
.ka-step-item img{ width:100%; aspect-ratio:4/3; object-fit:cover; display:block; }
.ka-step-badge{
	position:absolute;
	top:10px;
	left:10px;
	width:28px;
	height:28px;
	border-radius:50%;
	background:var(--ka-amber);
	color:var(--ka-ink);
	font-weight:700;
	font-size:14px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.ka-step-caption{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	padding:22px 10px 10px;
	background:linear-gradient(transparent, rgba(0,0,0,.6));
	color:#fff;
	font-size:13px;
	font-weight:700;
}
@media (max-width:900px){
	.ka-step-grid{ grid-template-columns:repeat(2, 1fr); }
}
.ka-btn-sm{ height:40px; padding:0 18px; font-size:13.5px; }
.ka-dose-buy-btn{ margin-top:16px; }
.ka-product-guide-grid{
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
	gap:20px;
}
.ka-product-guide-card{
	background:var(--ka-white);
	border-radius:var(--ka-radius-lg);
	box-shadow:var(--ka-shadow);
	padding:24px;
	display:flex;
	flex-direction:column;
}
.ka-product-guide-card h3{ font-size:17px; margin:0 0 12px; }
.ka-product-guide-card ul{ margin:0 0 18px; padding:0; list-style:none; display:flex; flex-direction:column; gap:8px; flex:1; }
.ka-product-guide-card li{
	position:relative;
	padding-left:18px;
	font-size:14px;
	font-weight:600;
	color:var(--ka-ink-soft);
	line-height:1.6;
}
.ka-product-guide-card li::before{
	content:"";
	position:absolute;
	left:0;
	top:8px;
	width:6px;
	height:6px;
	border-radius:50%;
	background:var(--ka-green);
}
.ka-product-guide-card .ka-dose-buy-btn{ align-self:flex-start; margin-top:0; }
.ka-caution-list{
	max-width:760px;
	margin:0 auto;
	display:flex;
	flex-direction:column;
	gap:14px;
	list-style:none;
	padding:0;
}
.ka-caution-list li{
	position:relative;
	padding:14px 20px 14px 48px;
	background:var(--ka-green-50);
	border-radius:12px;
	font-size:15px;
	font-weight:600;
	color:var(--ka-ink);
}
.ka-caution-list li::before{
	content:"!";
	position:absolute;
	left:18px;
	top:50%;
	transform:translateY(-50%);
	width:20px;
	height:20px;
	border-radius:50%;
	background:var(--ka-amber);
	color:var(--ka-ink);
	font-weight:700;
	font-size:13px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.ka-delivery-payment-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; max-width:1200px; margin:0 auto; }
.ka-delivery-payment-grid .ka-about-value-card{
	transition:transform .3s var(--ka-ease), box-shadow .3s ease;
}
.ka-delivery-payment-grid .ka-about-value-card:hover{
	transform:translateY(-4px);
	box-shadow:0 14px 28px rgba(32,36,31,.1);
}
.ka-delivery-payment-grid .ka-contact-icon{
	width:56px; height:56px;
	background:linear-gradient(135deg, var(--ka-green-light), var(--ka-green) 65%);
	color:#fff;
	box-shadow:0 6px 16px rgba(56,160,0,.28);
}
.ka-delivery-payment-grid .ka-about-value-card p{ color:var(--ka-ink); font-weight:700; }

/* ============ ABOUT PAGE — values & timeline ============ */
.ka-cat-grid.ka-about-values{ grid-template-columns:repeat(4,1fr); }
.ka-about-value-card{
	background:var(--ka-white);
	border:1px solid var(--ka-green-100);
	border-radius:var(--ka-radius);
	box-shadow:var(--ka-shadow-sm);
	padding:26px 22px;
	text-align:center;
}
.ka-about-value-card h3{ font-size:17px; margin-bottom:8px; }
.ka-about-value-card p{ font-size:14px; color:var(--ka-ink-soft); margin:0; line-height:1.6; }

.ka-timeline{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:24px;
}
.ka-timeline-item{
	background:rgba(255,255,255,.06);
	border:1px solid rgba(255,255,255,.12);
	border-radius:var(--ka-radius);
	padding:24px 20px;
}
.ka-timeline-media{
	margin:-24px -20px 16px;
	border-radius:var(--ka-radius) var(--ka-radius) 0 0;
	overflow:hidden;
}
.ka-timeline-media img{ width:100%; aspect-ratio:4/3; object-fit:cover; display:block; }
.ka-trainer-grid{
	display:grid;
	grid-template-columns:repeat(4, 1fr);
	gap:16px;
}
.ka-trainer-photo{ border-radius:var(--ka-radius); overflow:hidden; box-shadow:var(--ka-shadow); }
.ka-trainer-photo img{ width:100%; aspect-ratio:4/3; object-fit:cover; display:block; }
@media (max-width:900px){
	.ka-trainer-grid{ grid-template-columns:repeat(2, 1fr); }
}
.ka-timeline-year{
	display:inline-block;
	background:var(--ka-amber);
	color:var(--ka-ink);
	font-size:13px;
	font-weight:700;
	padding:4px 12px;
	border-radius:999px;
	margin-bottom:14px;
}
.ka-timeline-item h3{ color:#fff; font-size:17px; margin-bottom:8px; }
.ka-timeline-item p{ color:#fff; font-weight:700; font-size:15px; line-height:1.6; margin:0; }

/* ============ FAQ ============ */
/* প্রোডাক্ট পেজের FAQ-র মতো একই সাজ: সরু বক্স, গাঢ় সবুজ +/−, বোল্ড প্রশ্ন, নরম উত্তর, খোলা বক্স হালকা সবুজ */
.ka-faq-wrap{ max-width:760px; }
.ka-faq-list{ display:flex; flex-direction:column; gap:8px; }
.ka-faq-item{
	background:var(--ka-white);
	border:1.5px solid var(--ka-green-100);
	border-radius:var(--ka-radius-sm);
	padding:0;
	overflow:hidden;
}
.ka-faq-item summary{
	list-style:none;
	cursor:pointer;
	display:block;
	position:relative;
	padding:11px 42px 11px 14px;
	font-size:16px;
	font-weight:700;
	line-height:1.5;
}
.ka-faq-item summary::-webkit-details-marker{ display:none; }
.ka-faq-item summary::after{
	content:"+";
	position:absolute;
	right:14px;
	top:50%;
	transform:translateY(-50%);
	font-size:20px;
	font-weight:600;
	color:var(--ka-green-700);
}
.ka-faq-item[open] summary::after{ content:"\2212"; }
.ka-faq-item[open]{ background:var(--ka-green-50); }
.ka-faq-item p{ margin:0; padding:0 14px 12px; font-size:15px; font-weight:500; line-height:1.7; color:#1f2a1f; } /* সংখ্যা স্পষ্ট: মোটা ও গাঢ় */

/* ============ FINAL CTA ============ */
.ka-final-cta{
	background:linear-gradient(135deg,var(--ka-green-800),var(--ka-green-950));
	color:#fff;
	text-align:center;
	padding-block:72px;
}
.ka-final-cta h2{ font-size:clamp(24px,3vw,34px); color:#fff; }
.ka-final-cta p{ color:#fff; font-weight:700; margin-bottom:28px; }
.ka-final-cta-actions{
	display:inline-flex;
	gap:14px;
	flex-wrap:wrap;
	justify-content:center;
}

/* ============ Responsive ============ */
@media (max-width:960px){
	.ka-trust-grid{ grid-template-columns:repeat(2,1fr); gap:20px; }
	.ka-cat-grid{ grid-template-columns:1fr; }
	.ka-cat-grid.ka-about-values{ grid-template-columns:repeat(2,1fr); }
	.ka-product-grid{ grid-template-columns:repeat(2,1fr); }
	.ka-story-grid,.ka-quality-grid{ grid-template-columns:1fr; gap:32px; }
	.ka-quality-media{ order:-1; }
	.ka-section{ padding-block:56px; }
	.ka-award-highlight{ grid-template-columns:1fr; }
	.ka-award-highlight-media img{ aspect-ratio:16/9; }
	.ka-award-grid{ grid-template-columns:repeat(2,1fr); }
	.ka-media-grid{ grid-template-columns:1fr; }
	.ka-review-grid{ grid-template-columns:repeat(2,1fr); }
	.ka-review-social-grid{ grid-template-columns:repeat(2,1fr); }
	.ka-timeline{ grid-template-columns:repeat(2,1fr); }
	.ka-contact-info-grid{ grid-template-columns:repeat(2,1fr); }
	.ka-contact-grid{ grid-template-columns:1fr; }
	.ka-contact-map{ min-height:280px; }
	.ka-dose-tabs{ padding:20px; }
	.ka-delivery-payment-grid{ grid-template-columns:1fr; }
	.ka-blog-grid{ grid-template-columns:1fr; }
}

/* Placed last on purpose: an earlier max-width:640px block for these same
   two grids used to sit ABOVE their own base rules in the file, so despite
   being inside a narrower, more specific-looking media query, plain CSS
   cascade rules made the later unconditional base rule win regardless of
   viewport — the grids stayed stuck at their tablet column count (or wider)
   all the way down to phone widths, overflowing the viewport. Keeping the
   phone-width override last in the file guarantees it wins the cascade. */
@media (max-width:640px){
	.ka-contact-info-grid{ grid-template-columns:1fr; }
	.ka-cat-grid.ka-about-values{ grid-template-columns:1fr; }
}


/* হোম হিরো (মোবাইল): দুটো বাটন পুরো চওড়া, সমান উচ্চতা, বড় লেখা; প্রধান = সলিড সবুজ, গৌণ = সবুজ বর্ডার */
@media (max-width:640px){
	.ka-hero-actions{ flex-direction:column; flex-wrap:nowrap; gap:12px; }
	.ka-hero-actions .ka-btn{ width:100%; height:52px; font-size:17px; padding:0 20px; }
	.ka-hero-actions .ka-btn-ghost{ border-color:var(--ka-green); color:var(--ka-green-700); }
}


/* ট্রাস্ট স্ট্রিপ রিডিজাইন (v3): ক্রিম ব্যাকগ্রাউন্ডে ৪টা প্রিমিয়াম সবুজ কার্ড — সাদা সংখ্যা, স্বচ্ছ সাদা আইকন-বৃত্ত,
   ওপরে সরু হাইলাইট ও নরম আলোর ছটা। মোবাইলে ২×২। */
.ka-trust-strip{
	background:var(--ka-cream);
	padding-block:36px 8px;
	border:0;
}
.ka-trust-grid{ gap:20px; }
.ka-trust-item{
	position:relative;
	background:linear-gradient(160deg, #2f7a26 0%, #245d1d 55%, #1a4514 100%);
	border:1px solid rgba(255,255,255,.14);
	border-radius:var(--ka-radius);
	box-shadow:0 14px 30px rgba(26,69,20,.28), inset 0 1px 0 rgba(255,255,255,.18);
	overflow:hidden;
	padding:26px 14px 24px;
	color:#fff;
	transition:transform .25s var(--ka-ease), box-shadow .25s ease;
}
.ka-trust-item::before{
	content:""; display:block; position:absolute; top:0; left:12%; right:12%; height:2px;
	background:linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent);
	opacity:1;
}
.ka-trust-item::after{
	content:""; display:block; position:absolute; top:-40%; right:-25%; width:75%; height:90%;
	background:radial-gradient(circle, rgba(255,255,255,.13), transparent 65%);
	pointer-events:none;
}
.ka-trust-item + .ka-trust-item{ border-left:1px solid rgba(255,255,255,.14); }
.ka-trust-item:hover{
	transform:translateY(-5px);
	border-color:rgba(255,255,255,.14);
	box-shadow:0 20px 38px rgba(26,69,20,.36), inset 0 1px 0 rgba(255,255,255,.22);
}
.ka-trust-icon{
	position:relative; z-index:1;
	width:54px; height:54px; border-radius:50%;
	background:rgba(255,255,255,.14);
	border:1px solid rgba(255,255,255,.28);
	box-shadow:none;
	color:#fff;
	margin-bottom:12px;
}
.ka-trust-item:hover .ka-trust-icon{ transform:none; background:rgba(255,255,255,.2); }
.ka-trust-icon svg{ width:26px; height:26px; stroke-width:1.7; }
.ka-trust-item strong{
	position:relative; z-index:1;
	font-size:clamp(26px, 2.8vw, 34px);
	font-weight:700;
	line-height:1.15;
	color:#fff;
}
.ka-trust-label{
	position:relative; z-index:1;
	font-size:14.5px;
	font-weight:600;
	color:rgba(255,255,255,.95);
	margin-top:6px;
}
@media (max-width:960px){
	.ka-trust-grid{ gap:14px; }
	.ka-trust-item{ padding:20px 10px 18px; }
	.ka-trust-item + .ka-trust-item,
	.ka-trust-item:nth-child(even),
	.ka-trust-item:nth-child(n+3){ border:1px solid rgba(255,255,255,.14); }
}
@media (max-width:640px){
	.ka-trust-strip{ padding-block:22px 4px; }
	.ka-trust-grid{ gap:12px; }
	.ka-trust-item{ padding:16px 8px 14px; }
	.ka-trust-icon{ width:44px; height:44px; margin-bottom:8px; }
	.ka-trust-icon svg{ width:22px; height:22px; }
	.ka-trust-item strong{ font-size:26px; }
	.ka-trust-label{ font-size:13.5px; }
}


/* ট্রাস্ট স্ট্রিপ ছোট ফাইন-টিউন: হিরোর ছবির ছায়া হিরোর নিচে কেটে যাচ্ছিল (overflow:hidden) — তাই হালকা সীমারেখা দেখা যেত।
   লেখা একটু বড়। */
.ka-hero{ overflow-y:visible; overflow-x:clip; }
.ka-trust-strip{ background:transparent; }
.ka-trust-label{ font-size:15.5px; }
@media (max-width:640px){
	.ka-trust-label{ font-size:14px; }
}

/* ব্যবহার নির্দেশিকা: মাত্রা ও সংখ্যা স্পষ্ট — বাংলা ১/৬ মিলে যাওয়া আটকাতে মোটা (৭০০) ও গাঢ় রং। */
.ka-dose-note, .ka-dose-callout, .ka-dose-footnote,
.ka-product-guide-card li,
.ka-story-points li, .ka-story-copy p{ font-weight:500; color:#1f2a1f; }
/* বাংলা সংখ্যা: শুধু সংখ্যাটুকু মোটা (৭০০) ও গাঢ় সবুজ — স্ক্রিপ্ট (footer.php) সংখ্যাকে .ka-num-এ মুড়ে দেয়। ফন্টে ৭০০-ই সর্বোচ্চ। */
.ka-num{ font-weight:700; color:#14451a; font-style:normal; }