/* ==========================================================================
 * BestKukriKnife - Tool / interactive section styling
 * ========================================================================== */

/* Hero - cinematic (CSS-driven scene, no oversized SVG) ------------------- */
.bkk-hero { position: relative; padding: clamp(5rem, 10vw, 9rem) 0 clamp(4rem, 8vw, 6rem); overflow: hidden; min-height: 88vh; display: flex; flex-direction: column; justify-content: center; background: #050505; }
.bkk-hero__scene { position: absolute; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; }
.bkk-hero__inner { position: relative; z-index: 2; display: grid; grid-template-columns: 1.6fr 1fr; gap: 4rem; align-items: center; }
.bkk-hero__content { position: relative; }

/* Sky + sun ---- */
.bkk-hero__sky {
	position: absolute; inset: 0;
	background:
		radial-gradient(70% 45% at 72% 78%, rgba(255,124,40,.45) 0%, rgba(194,65,12,.18) 35%, transparent 70%),
		linear-gradient(180deg, #060606 0%, #0e0a08 45%, #1c130c 78%, #2a1a10 100%);
}
.bkk-hero__sun {
	position: absolute; right: 18%; bottom: 32%;
	width: 180px; height: 180px; border-radius: 50%;
	background: radial-gradient(circle at 50% 50%, #ff8c4a 0%, #c2410c 38%, transparent 72%);
	filter: blur(2px); animation: bkk-sun-pulse 7s ease-in-out infinite alternate;
}
@keyframes bkk-sun-pulse { 0% { opacity: .7; transform: scale(1); } 100% { opacity: 1; transform: scale(1.06); } }

/* Mountains via clip-path ---- */
.bkk-hero__mtn { position: absolute; left: 0; right: 0; bottom: 0; pointer-events: none; }
.bkk-hero__mtn--far {
	height: 42%;
	background: linear-gradient(180deg, #181818 0%, #0a0a0a 100%);
	clip-path: polygon(0% 100%, 0% 60%, 8% 38%, 16% 52%, 24% 28%, 32% 48%, 40% 24%, 51% 46%, 60% 22%, 69% 44%, 78% 28%, 87% 46%, 100% 32%, 100% 100%);
	opacity: .85;
	animation: bkk-parallax-far 18s ease-in-out infinite alternate;
}
.bkk-hero__mtn--mid {
	height: 32%;
	background: linear-gradient(180deg, #121211 0%, #050504 100%);
	clip-path: polygon(0% 100%, 0% 56%, 10% 32%, 20% 50%, 32% 22%, 44% 46%, 56% 18%, 68% 42%, 80% 22%, 92% 44%, 100% 30%, 100% 100%);
	animation: bkk-parallax-mid 16s ease-in-out infinite alternate;
}
@keyframes bkk-parallax-far { 0% { transform: translateX(0); } 100% { transform: translateX(-14px); } }
@keyframes bkk-parallax-mid { 0% { transform: translateX(0); } 100% { transform: translateX(-22px); } }

/* Foreground tree line via repeating linear gradient ---- */
.bkk-hero__trees {
	position: absolute; left: 0; right: 0; bottom: 10%; height: 60px;
	background:
		linear-gradient(180deg, transparent 0%, transparent 30%, #040404 30%, #040404 100%);
	-webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 30%, #000 100%);
	mask-image: linear-gradient(180deg, transparent 0%, #000 30%, #000 100%);
	clip-path: polygon(
		0% 100%, 2% 40%, 4% 100%, 7% 30%, 10% 100%, 13% 45%, 16% 100%, 19% 25%, 22% 100%,
		25% 50%, 28% 100%, 31% 35%, 34% 100%, 37% 40%, 40% 100%, 43% 22%, 46% 100%,
		49% 45%, 52% 100%, 55% 30%, 58% 100%, 61% 50%, 64% 100%, 67% 35%, 70% 100%,
		73% 25%, 76% 100%, 79% 45%, 82% 100%, 85% 30%, 88% 100%, 91% 50%, 94% 100%,
		97% 35%, 100% 100%
	);
}
.bkk-hero__ground { position: absolute; left: 0; right: 0; bottom: 0; height: 12%; background: linear-gradient(180deg, #050504 0%, #020202 100%); }

/* Camp fire ---- */
.bkk-hero__fire { position: absolute; left: 18%; bottom: 10%; width: 60px; height: 30px; border-radius: 50%; background: radial-gradient(circle, rgba(255,140,74,.7), transparent 70%); filter: blur(8px); animation: bkk-fire-flicker 1.6s ease-in-out infinite alternate; }
.bkk-hero__fire-core { position: absolute; left: 50%; top: 50%; width: 14px; height: 14px; border-radius: 50%; background: #ffb070; transform: translate(-50%, -50%); animation: bkk-fire-flicker 1.1s ease-in-out infinite alternate-reverse; }
@keyframes bkk-fire-flicker { 0% { opacity: .55; transform: scaleY(.9); } 100% { opacity: 1; transform: scaleY(1.15); } }

/* Smoke ---- */
.bkk-hero__smoke { position: absolute; pointer-events: none; border-radius: 50%; filter: blur(50px); opacity: 0; mix-blend-mode: screen; }
.bkk-hero__smoke--1 { width: 360px; height: 220px; left: 8%; bottom: 14%; background: radial-gradient(closest-side, rgba(140,100,80,.45), transparent 70%); animation: bkk-smoke-1 14s ease-in-out infinite; }
.bkk-hero__smoke--2 { width: 460px; height: 280px; left: 22%; bottom: 18%; background: radial-gradient(closest-side, rgba(91,58,29,.4), transparent 70%); animation: bkk-smoke-2 18s ease-in-out infinite; animation-delay: -4s; }
.bkk-hero__smoke--3 { width: 300px; height: 180px; left: 12%; bottom: 22%; background: radial-gradient(closest-side, rgba(60,40,30,.35), transparent 70%); animation: bkk-smoke-3 12s ease-in-out infinite; animation-delay: -2s; }
@keyframes bkk-smoke-1 { 0%, 100% { transform: translate(0,0) scale(1); opacity: 0; } 50% { transform: translate(60px,-100px) scale(1.4); opacity: .7; } }
@keyframes bkk-smoke-2 { 0%, 100% { transform: translate(0,0) scale(1); opacity: 0; } 50% { transform: translate(-40px,-140px) scale(1.5); opacity: .55; } }
@keyframes bkk-smoke-3 { 0%, 100% { transform: translate(0,0) scale(1); opacity: 0; } 50% { transform: translate(30px,-80px) scale(1.3); opacity: .5; } }

/* Embers / particles ---- */
.bkk-hero__particles { position: absolute; inset: 0; pointer-events: none; }
.bkk-hero__particles span { position: absolute; width: 3px; height: 3px; border-radius: 50%; background: #ff8c4a; box-shadow: 0 0 8px #ff8c4a; opacity: 0; animation: bkk-ember 6s linear infinite; }
.bkk-hero__particles span:nth-child(1) { left: 18%; bottom: 14%; animation-delay: 0s; }
.bkk-hero__particles span:nth-child(2) { left: 20%; bottom: 12%; animation-delay: -1.2s; }
.bkk-hero__particles span:nth-child(3) { left: 16%; bottom: 18%; animation-delay: -2.5s; }
.bkk-hero__particles span:nth-child(4) { left: 22%; bottom: 10%; animation-delay: -3.6s; }
.bkk-hero__particles span:nth-child(5) { left: 14%; bottom: 20%; animation-delay: -4.7s; }
.bkk-hero__particles span:nth-child(6) { left: 24%; bottom: 16%; animation-delay: -0.8s; }
.bkk-hero__particles span:nth-child(7) { left: 19%; bottom: 22%; animation-delay: -2.1s; }
.bkk-hero__particles span:nth-child(8) { left: 21%; bottom: 18%; animation-delay: -3.3s; }
@keyframes bkk-ember { 0% { transform: translateY(0); opacity: 0; } 15% { opacity: 1; } 100% { transform: translateY(-240px) translateX(30px); opacity: 0; } }

/* Blade glint sweep ---- */
.bkk-hero__sweep { position: absolute; top: 28%; right: -10%; width: 60%; height: 3px; background: linear-gradient(90deg, transparent, rgba(255,255,255,.5), transparent); transform: rotate(-18deg); filter: blur(1.5px); animation: bkk-sweep 9s ease-in-out infinite; opacity: 0; pointer-events: none; }
@keyframes bkk-sweep { 0%, 70%, 100% { opacity: 0; transform: translateX(0) rotate(-18deg); } 35% { opacity: .9; transform: translateX(-25%) rotate(-18deg); } }

/* Subtle film grain ---- */
.bkk-hero__grain {
	position: absolute; inset: 0; pointer-events: none; mix-blend-mode: overlay; opacity: .06;
	background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='2' seed='5'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .92 0 0 0 0 .82 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E");
}

.bkk-hero__custom-bg { position: absolute; inset: 0; background-size: cover; background-position: center; opacity: .3; mix-blend-mode: lighten; pointer-events: none; }

/* Kukri silhouette (small, explicit-sized SVG) ---- */
.bkk-hero__blade-wrap {
	position: absolute; right: -2%; top: 22%;
	width: clamp(280px, 36vw, 540px); height: auto;
	pointer-events: none; z-index: 1;
	filter: drop-shadow(0 16px 30px rgba(0,0,0,.55));
}
.bkk-hero__blade { width: 100% !important; height: auto !important; display: block; }
.bkk-hero__eyebrow {
	display: inline-block; font-family: 'Space Grotesk', sans-serif; font-size: .82rem; letter-spacing: .25em; text-transform: uppercase;
	background: linear-gradient(135deg, var(--bkk-accent, #ea580c), var(--bkk-accent-2, #d97706));
	-webkit-background-clip: text; background-clip: text; color: transparent;
	padding: .4em .95em; border: 1px solid rgba(234,88,12,.4); border-radius: 999px; margin-bottom: 1.5rem;
	box-shadow: inset 0 0 20px rgba(234,88,12,.08);
}
.bkk-hero__headline {
	margin: 0 0 1rem;
	background: linear-gradient(135deg, #ffffff 0%, #f5efe0 40%, var(--bkk-accent-2, #d97706) 100%);
	-webkit-background-clip: text; background-clip: text; color: transparent;
	text-shadow: 0 8px 30px rgba(0,0,0,.4);
}
.bkk-hero__headline em, .bkk-hero__headline strong {
	background: linear-gradient(135deg, var(--bkk-accent, #ea580c), var(--bkk-accent-2, #d97706));
	-webkit-background-clip: text; background-clip: text; color: transparent;
	font-style: normal;
}
.bkk-hero__sub { font-size: clamp(1.05rem, 1.4vw, 1.2rem); color: rgba(245,239,224,.82); max-width: 580px; margin-bottom: 2rem; }
.bkk-hero__ctas { display: flex; gap: 1rem; flex-wrap: wrap; margin-bottom: 2.5rem; }
.bkk-hero__trust { display: flex; gap: 1.5rem; list-style: none; padding: 0; margin: 0; flex-wrap: wrap; font-size: .9rem; color: rgba(245,239,224,.78); }
.bkk-hero__dot { display: inline-block; width: 8px; height: 8px; background: linear-gradient(135deg, var(--bkk-accent, #ea580c), var(--bkk-accent-2, #d97706)); border-radius: 50%; margin-right: .5em; vertical-align: middle; box-shadow: 0 0 14px var(--bkk-accent, #ea580c); }
.bkk-hero__panel {
	display: grid; gap: 1rem; padding: 1.5rem;
	background: linear-gradient(135deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,.02) 100%);
	border: 1px solid rgba(255,255,255,.1); border-radius: 14px;
	backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
	box-shadow: 0 20px 60px -20px rgba(0,0,0,.6);
}
.bkk-hero__stat {
	padding: 1.1rem; border-radius: 10px;
	background: linear-gradient(135deg, rgba(0,0,0,.45) 0%, rgba(0,0,0,.25) 100%);
	border: 1px solid rgba(255,255,255,.06);
	transition: border-color .3s ease, transform .3s ease;
}
.bkk-hero__stat:hover { border-color: rgba(234,88,12,.4); transform: translateY(-2px); }
.bkk-hero__stat-num {
	display: block; font-family: 'Space Grotesk', sans-serif; font-size: 1.7rem; font-weight: 700;
	background: linear-gradient(135deg, var(--bkk-accent, #ea580c), var(--bkk-accent-2, #d97706));
	-webkit-background-clip: text; background-clip: text; color: transparent;
}
.bkk-hero__stat-lbl { display: block; font-size: .82rem; color: rgba(245,239,224,.65); }
.bkk-hero__continue {
	position: absolute; bottom: 1.2rem; right: 1.2rem;
	background: linear-gradient(135deg, rgba(0,0,0,.85), rgba(20,12,8,.85));
	border: 1px solid rgba(234,88,12,.5); padding: .75rem 1rem; border-radius: 10px;
	display: flex; align-items: center; gap: .8rem; font-size: .85rem;
	backdrop-filter: blur(8px); box-shadow: 0 8px 24px rgba(234,88,12,.18);
}

/* Quick start ------------------------------------------------------------- */
.bkk-quickstart__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 1rem; }
.bkk-quickstart__card {
	background: linear-gradient(135deg, var(--bkk-surface, #1a1612) 0%, var(--bkk-surface-2, #211c17) 100%);
	border: 1px solid rgba(255,255,255,.06); color: #fff;
	padding: 1.4rem 1.2rem; border-radius: 12px; text-align: left;
	display: flex; flex-direction: column; gap: 1rem; align-items: flex-start;
	transition: all .3s ease; position: relative; overflow: hidden;
}
.bkk-quickstart__card::before { content: ""; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(234,88,12,.2) 0%, rgba(217,119,6,.12) 50%, rgba(45,74,45,.1) 100%); opacity: 0; transition: opacity .3s ease; }
.bkk-quickstart__card:hover, .bkk-quickstart__card.is-active { border-color: rgba(234,88,12,.5); transform: translateY(-3px); box-shadow: 0 14px 40px -10px rgba(234,88,12,.3); }
.bkk-quickstart__card:hover::before, .bkk-quickstart__card.is-active::before { opacity: 1; }
.bkk-quickstart__card > * { position: relative; z-index: 1; }
.bkk-quickstart__icon { width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(135deg, rgba(234,88,12,.18), rgba(217,119,6,.12)); border: 1px solid rgba(234,88,12,.25); border-radius: 10px; color: var(--bkk-accent, #ea580c); }
.bkk-quickstart__title { font-family: 'Space Grotesk', sans-serif; font-weight: 600; font-size: .98rem; }
.bkk-quickstart__arrow { position: absolute; bottom: 1.2rem; right: 1.2rem; color: var(--bkk-accent); font-weight: 600; opacity: .6; transition: opacity .3s ease, transform .3s ease; }
.bkk-quickstart__card:hover .bkk-quickstart__arrow { opacity: 1; transform: translateX(4px); }

/* Generic icon shapes (background masks) */
.bkk-icon { width: 22px; height: 22px; display: inline-block; background: currentColor; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }
.bkk-icon--leaf  { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4C12 4 4 12 4 20c4-1 8-4 11-7 0 0 0 5-4 8 8-1 13-8 13-16-2 0-3 0-4 0Z' fill='black'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4C12 4 4 12 4 20c4-1 8-4 11-7 0 0 0 5-4 8 8-1 13-8 13-16-2 0-3 0-4 0Z' fill='black'/%3E%3C/svg%3E"); }
.bkk-icon--fire  { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c0 4 4 6 4 10a4 4 0 0 1-8 0c0-2 2-3 2-6 0-2-1-3 2-4Zm0 14a4 4 0 0 0 4-4c2 2 2 6-1 8s-7 0-7-4c0 0 2 1 4 0Z' fill='black'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c0 4 4 6 4 10a4 4 0 0 1-8 0c0-2 2-3 2-6 0-2-1-3 2-4Z' fill='black'/%3E%3C/svg%3E"); }
.bkk-icon--tent  { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 2 21h20Zm0 4 4 14h-4Z' fill='black'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 2 21h20Z' fill='black'/%3E%3C/svg%3E"); }
.bkk-icon--shield{ -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 4 5v7c0 5 4 9 8 10 4-1 8-5 8-10V5Z' fill='black'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 4 5v7c0 5 4 9 8 10 4-1 8-5 8-10V5Z' fill='black'/%3E%3C/svg%3E"); }
.bkk-icon--palm  { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22V8m0 0c-3-4-6-4-9-2 2-1 5-1 7 1m2-1c3-4 6-4 9-2-2-1-5-1-7 1m-2 0c-1-3 1-6 5-6-1 2-2 4-3 6m-2 0c1-3-1-6-5-6 1 2 2 4 3 6Z' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22V8m0 0c-3-4-6-4-9-2 2-1 5-1 7 1m2-1c3-4 6-4 9-2-2-1-5-1-7 1Z' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E"); }
.bkk-icon--spark { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2v6m0 8v6M2 12h6m8 0h6M5 5l4 4m6 6 4 4M5 19l4-4m6-6 4-4' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2v6m0 8v6M2 12h6m8 0h6' stroke='black' stroke-width='2'/%3E%3C/svg%3E"); }
.bkk-icon--axe   { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3 9 9l-2 2-4-4Zm6 6 11 11-2 2L7 11Zm4-4c4 0 8 4 8 8l-4-2-2 2-2-4Z' fill='black'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3 9 9l-2 2-4-4Z' fill='black'/%3E%3C/svg%3E"); }
.bkk-icon--feather{ -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 21 14 10c4-4 8-4 7 1-1 4-5 7-9 7L3 21Zm5-2 8-8' stroke='black' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 21 14 10c4-4 8-4 7 1-1 4-5 7-9 7L3 21Z' stroke='black' fill='none' stroke-width='2'/%3E%3C/svg%3E"); }
.bkk-icon--mountain{ -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 20 9 6l5 9 3-5 5 10Z' fill='black'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 20 9 6l5 9 3-5 5 10Z' fill='black'/%3E%3C/svg%3E"); }
.bkk-icon--book  { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h7v16H4Zm9 0h7v16h-7Z' fill='black'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h7v16H4Zm9 0h7v16h-7Z' fill='black'/%3E%3C/svg%3E"); }
.bkk-icon--cart  { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 4h3l3 12h10l2-8H7m1 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm10 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z' fill='black'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 4h3l3 12h10l2-8H7' fill='black'/%3E%3C/svg%3E"); }
.bkk-icon--tool  { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 3a5 5 0 0 0-5 5l-7 7 3 3 7-7a5 5 0 0 0 5-5l-2 2-2-2 2-2-1-1Z' fill='black'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 3a5 5 0 0 0-5 5l-7 7 3 3 7-7a5 5 0 0 0 5-5l-2 2-2-2Z' fill='black'/%3E%3C/svg%3E"); }
.bkk-icon--alert { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 2 20h20Zm0 6v5m0 2v1' stroke='black' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 2 20h20Z' stroke='black' stroke-width='2' fill='none'/%3E%3C/svg%3E"); }

/* Quiz -------------------------------------------------------------------- */
.bkk-quiz__shell {
	max-width: 800px; margin: 0 auto;
	background: linear-gradient(135deg, var(--bkk-surface, #1a1612), var(--bkk-surface-2, #211c17));
	border: 1px solid rgba(234,88,12,.18); border-radius: 16px; padding: 2rem;
	box-shadow: 0 30px 80px -30px rgba(234,88,12,.25), 0 0 0 1px rgba(255,255,255,.02);
}
.bkk-quiz__progress { height: 5px; background: rgba(255,255,255,.06); border-radius: 4px; overflow: hidden; margin-bottom: 2rem; }
.bkk-quiz__progress-bar { height: 100%; background: linear-gradient(90deg, var(--bkk-accent-2, #d97706), var(--bkk-accent, #ea580c) 50%, var(--bkk-crimson, #9f1239)); transition: width .35s ease; box-shadow: 0 0 12px var(--bkk-accent, #ea580c); }
.bkk-quiz__viewport { min-height: 280px; position: relative; }
.bkk-quiz__step { animation: bkk-fade .3s ease; }
@keyframes bkk-fade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
.bkk-quiz__num { font-family: 'Space Grotesk', sans-serif; color: var(--bkk-accent); font-size: .8rem; letter-spacing: .2em; }
.bkk-quiz__q { margin: .5rem 0 1.5rem; font-size: 1.5rem; }
.bkk-quiz__choices { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: .75rem; }
.bkk-quiz__choice { background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.08); color: #fff; padding: 1rem 1.1rem; border-radius: 10px; text-align: left; font-weight: 500; transition: all .25s ease; }
.bkk-quiz__choice:hover, .bkk-quiz__choice.is-selected { background: linear-gradient(135deg, rgba(234,88,12,.18), rgba(217,119,6,.12)); border-color: var(--bkk-accent); transform: translateX(3px); box-shadow: 0 8px 20px -6px rgba(234,88,12,.3); }
.bkk-quiz__nav { display: flex; justify-content: space-between; align-items: center; margin-top: 2rem; }
.bkk-quiz__counter { font-size: .85rem; color: rgba(232,227,216,.55); font-family: 'Space Grotesk', sans-serif; }
.bkk-quiz__result { text-align: center; padding: 1rem 0; }
.bkk-quiz__badge { display: inline-block; padding: .35em .95em; background: linear-gradient(135deg, var(--bkk-accent, #ea580c), var(--bkk-accent-2, #d97706)); color: #fff; border-radius: 999px; font-size: .75rem; letter-spacing: .2em; text-transform: uppercase; font-weight: 700; margin-bottom: 1rem; box-shadow: 0 6px 20px -6px rgba(234,88,12,.55); }
.bkk-quiz__match-title { font-size: 1.8rem; }
.bkk-quiz__match-summary { color: rgba(232,227,216,.75); margin: 0 auto 1.5rem; max-width: 480px; }
.bkk-quiz__specs { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 1rem; margin: 1.5rem 0; }
.bkk-quiz__specs > div { background: rgba(255,255,255,.03); padding: 1rem; border-radius: 8px; border: 1px solid rgba(255,255,255,.05); }
.bkk-quiz__specs dt { font-size: .7rem; letter-spacing: .15em; text-transform: uppercase; color: rgba(232,227,216,.55); margin-bottom: .3em; }
.bkk-quiz__specs dd { margin: 0; font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: 1.2rem; color: #fff; }
.bkk-quiz__actions { display: flex; gap: .8rem; justify-content: center; flex-wrap: wrap; }

/* Calculator -------------------------------------------------------------- */
.bkk-calc__form { max-width: 1080px; margin: 0 auto; }
.bkk-calc__grid {
	display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1.25rem;
	background: linear-gradient(135deg, var(--bkk-surface, #1a1612), var(--bkk-surface-2, #211c17));
	border: 1px solid rgba(14,116,144,.2); padding: 2rem; border-radius: 16px;
	box-shadow: 0 30px 80px -30px rgba(14,116,144,.2);
}
.bkk-calc__results { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 1rem; margin: 2rem auto; max-width: 1080px; }
.bkk-calc__metric {
	background: linear-gradient(135deg, rgba(234,88,12,.12), rgba(217,119,6,.06));
	border: 1px solid rgba(234,88,12,.2); padding: 1.5rem 1.2rem; border-radius: 12px; text-align: center;
	transition: transform .25s ease, box-shadow .25s ease;
}
.bkk-calc__metric:hover { transform: translateY(-3px); box-shadow: 0 14px 36px -8px rgba(234,88,12,.25); }
.bkk-calc__metric-lbl { display: block; font-size: .75rem; letter-spacing: .15em; text-transform: uppercase; color: rgba(245,239,224,.6); margin-bottom: .5em; }
.bkk-calc__metric-val {
	display: block; font-family: 'Space Grotesk', sans-serif; font-size: 2rem; font-weight: 700;
	background: linear-gradient(135deg, var(--bkk-accent, #ea580c), var(--bkk-accent-2, #d97706));
	-webkit-background-clip: text; background-clip: text; color: transparent;
}
.bkk-calc__scores { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1rem; max-width: 1080px; margin: 0 auto 2rem; }
.bkk-score { display: flex; flex-direction: column; gap: .4em; }
.bkk-score__lbl { font-size: .8rem; color: rgba(245,239,224,.75); font-weight: 600; }
.bkk-score__bar { height: 10px; background: rgba(255,255,255,.06); border-radius: 5px; overflow: hidden; position: relative; }
.bkk-score__bar i { display: block; height: 100%; background: linear-gradient(90deg, var(--bkk-bronze, #a3722e), var(--bkk-accent-2, #d97706) 50%, var(--bkk-accent, #ea580c)); transition: width .5s cubic-bezier(.2,.8,.2,1); border-radius: 5px; box-shadow: 0 0 8px rgba(234,88,12,.4); }
.bkk-calc__cta { text-align: center; }

/* Visualizer -------------------------------------------------------------- */
.bkk-viz__tabs { display: flex; flex-wrap: wrap; gap: .5rem; justify-content: center; margin-bottom: 2rem; }
.bkk-viz__tab { background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); color: rgba(245,239,224,.75); padding: .6em 1.2em; border-radius: 999px; font-weight: 600; font-size: .85rem; transition: all .25s ease; }
.bkk-viz__tab:hover { border-color: rgba(234,88,12,.4); color: #fff; }
.bkk-viz__tab.is-active { background: linear-gradient(135deg, var(--bkk-accent, #ea580c), var(--bkk-accent-2, #d97706)); border-color: var(--bkk-accent); color: #fff; box-shadow: 0 8px 22px -6px rgba(234,88,12,.5); }
.bkk-viz__stage {
	display: grid; grid-template-columns: 1.5fr 1fr; gap: 2rem;
	background: linear-gradient(135deg, var(--bkk-surface, #1a1612), var(--bkk-surface-2, #211c17));
	border: 1px solid rgba(234,88,12,.18); padding: 2rem; border-radius: 16px; align-items: center;
	box-shadow: 0 30px 80px -30px rgba(0,0,0,.6);
}
.bkk-viz__svg { width: 100%; height: auto; min-height: 300px; }
.bkk-viz__stats { display: grid; gap: 1rem; margin-bottom: 1.5rem; }
.bkk-viz__stats > div { background: rgba(0,0,0,.3); padding: 1rem 1.2rem; border-radius: 8px; border: 1px solid rgba(255,255,255,.05); }
.bkk-viz__stats dt { font-size: .72rem; letter-spacing: .15em; text-transform: uppercase; color: rgba(232,227,216,.55); margin-bottom: .25em; }
.bkk-viz__stats dd { margin: 0; font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: 1.1rem; color: #fff; }
.bkk-viz__note { font-size: .9rem; color: rgba(232,227,216,.7); margin-bottom: 1rem; font-style: italic; }
.bkk-viz__active { animation: bkk-chop-swing 2.4s cubic-bezier(.55,.05,.3,1) infinite; transform-box: fill-box; }
@keyframes bkk-chop-swing { 0%, 65%, 100% { transform: rotate(0deg); } 25% { transform: rotate(-22deg); } 40% { transform: rotate(8deg); } }
.bkk-viz__edge-sweep { stroke-dasharray: 800; stroke-dashoffset: 800; animation: bkk-edge-sweep 3.2s ease-out infinite; }
@keyframes bkk-edge-sweep { 0%, 100% { stroke-dashoffset: 800; opacity: 0; } 50% { stroke-dashoffset: 0; opacity: 1; } }
.bkk-viz__arc-sweep { stroke-dasharray: 1000; stroke-dashoffset: 1000; animation: bkk-arc-sweep 2.4s ease-in-out infinite; }
@keyframes bkk-arc-sweep { 0% { stroke-dashoffset: 1000; opacity: 0; } 30% { opacity: .9; } 80%, 100% { stroke-dashoffset: 0; opacity: 0; } }
.bkk-viz__arc-path { animation: bkk-arc-fade 2.4s ease-in-out infinite; }
@keyframes bkk-arc-fade { 0%, 100% { opacity: .15; } 50% { opacity: .35; } }
.bkk-viz__pt { animation: bkk-impact-pulse 1.2s ease-out infinite; animation-delay: var(--delay, 0s); transform-origin: center; }
@keyframes bkk-impact-pulse { 0%, 60% { transform: scale(1); } 30% { transform: scale(1.18); } }

/* Survival ---------------------------------------------------------------- */
.bkk-survival__form { max-width: 1080px; margin: 0 auto; background: var(--bkk-surface); padding: 2rem; border-radius: 16px; border: 1px solid rgba(255,255,255,.06); }
.bkk-survival__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin-bottom: 1.5rem; }
.bkk-survival__output { max-width: 1080px; margin: 2rem auto 0; }
.bkk-survival__meta { display: flex; gap: 2rem; margin-bottom: 1.5rem; font-size: .9rem; color: rgba(232,227,216,.75); }
.bkk-survival__meta strong { color: var(--bkk-accent); font-family: 'Space Grotesk', sans-serif; }
.bkk-survival__grid-out { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 1rem; }
.bkk-survival__actions { display: flex; gap: .8rem; margin-top: 1.5rem; }

/* Comparison -------------------------------------------------------------- */
.bkk-compare__scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.bkk-compare__table {
	width: 100%; min-width: 700px; border-collapse: collapse;
	background: linear-gradient(135deg, var(--bkk-surface, #1a1612), var(--bkk-surface-2, #211c17));
	border-radius: 12px; overflow: hidden; border: 1px solid rgba(159,18,57,.15);
	box-shadow: 0 30px 80px -30px rgba(159,18,57,.15);
}
.bkk-compare__table th, .bkk-compare__table td { padding: 1rem 1.1rem; text-align: left; border-bottom: 1px solid rgba(255,255,255,.05); font-size: .9rem; }
.bkk-compare__table thead th { background: linear-gradient(135deg, rgba(159,18,57,.18), rgba(234,88,12,.12)); color: #fff; font-size: .8rem; letter-spacing: .1em; text-transform: uppercase; }
.bkk-compare__table tbody th { color: rgba(245,239,224,.65); font-weight: 600; font-size: .8rem; letter-spacing: .05em; }
.bkk-compare__table tbody tr:hover { background: rgba(234,88,12,.04); }
.bkk-bar { display: inline-block; width: 80px; height: 10px; background: rgba(255,255,255,.08); border-radius: 5px; position: relative; }
.bkk-bar::after { content: ""; position: absolute; inset: 0; width: calc(var(--v) * 10%); background: linear-gradient(90deg, var(--bkk-bronze, #a3722e), var(--bkk-accent-2, #d97706) 50%, var(--bkk-accent, #ea580c)); border-radius: 5px; box-shadow: 0 0 8px rgba(234,88,12,.35); }

/* Loadout ----------------------------------------------------------------- */
.bkk-loadout__profiles { display: flex; gap: .5rem; flex-wrap: wrap; justify-content: center; margin-bottom: 2rem; }
.bkk-loadout__profile { background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); color: rgba(232,227,216,.75); padding: .6em 1.1em; border-radius: 999px; font-weight: 600; font-size: .85rem; }
.bkk-loadout__profile.is-active { background: var(--bkk-accent); color: #fff; border-color: var(--bkk-accent); }
.bkk-loadout__panel { display: grid; grid-template-columns: 1fr 280px; gap: 2rem; }
.bkk-loadout__items { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 1rem; }
.bkk-loadout__item { background: var(--bkk-surface); border: 1px solid rgba(255,255,255,.06); padding: 1.1rem 1.2rem; border-radius: 12px; }
.bkk-loadout__item h4 { margin: 0 0 .5em; font-size: 1rem; }
.bkk-loadout__item p { font-size: .85rem; color: rgba(232,227,216,.65); margin: 0 0 .8em; }
.bkk-loadout__meta { background: var(--bkk-surface); border: 1px solid rgba(255,255,255,.06); border-radius: 14px; padding: 1.5rem; display: grid; gap: 1rem; align-content: start; }
.bkk-loadout__meta strong { display: block; font-family: 'Space Grotesk', sans-serif; font-size: 1.8rem; color: var(--bkk-accent); }
.bkk-loadout__meta small { color: rgba(232,227,216,.55); font-size: .75rem; letter-spacing: .15em; text-transform: uppercase; }

/* Maintenance ------------------------------------------------------------- */
.bkk-maint__grid { display: grid; grid-template-columns: 320px 1fr; gap: 2rem; }
.bkk-maint__add { background: var(--bkk-surface); border: 1px solid rgba(255,255,255,.06); padding: 1.5rem; border-radius: 14px; display: grid; gap: 1rem; align-content: start; }
.bkk-maint__list { background: var(--bkk-surface); border: 1px solid rgba(255,255,255,.06); padding: 1.5rem; border-radius: 14px; min-height: 200px; }
.bkk-maint__empty { color: rgba(232,227,216,.4); font-style: italic; }
.bkk-maint__entry { display: grid; grid-template-columns: 1fr auto auto auto; gap: 1rem; padding: .8rem 1rem; background: rgba(0,0,0,.3); border-radius: 8px; margin-bottom: .5rem; align-items: center; font-size: .9rem; }
.bkk-maint__entry strong { color: #fff; }
.bkk-maint__actions { margin-top: 1rem; display: flex; gap: .5rem; }
.bkk-maint__tips { margin-top: 1.5rem; background: rgba(58,74,42,.15); border: 1px solid rgba(58,74,42,.4); padding: 1.2rem 1.5rem; border-radius: 12px; }
.bkk-maint__tips h3 { font-size: 1rem; color: var(--bkk-accent); }
.bkk-maint__tips ul { margin: 0; padding-left: 1.2em; color: rgba(232,227,216,.8); font-size: .9rem; }

/* Weight Explorer --------------------------------------------------------- */
.bkk-weight__inner { display: grid; grid-template-columns: 1.5fr 1fr; gap: 2rem; background: var(--bkk-surface); border: 1px solid rgba(255,255,255,.06); padding: 2rem; border-radius: 16px; align-items: center; color: var(--bkk-steel); }
.bkk-weight__viz svg { width: 100%; height: auto; }
.bkk-weight__controls { display: grid; gap: 1.2rem; }
.bkk-weight__readout { display: grid; gap: .8rem; margin-top: 1rem; }
.bkk-weight__readout > div { display: flex; justify-content: space-between; padding: .7rem 1rem; background: rgba(0,0,0,.3); border-radius: 8px; font-size: .9rem; }
.bkk-weight__readout dt { color: rgba(232,227,216,.6); margin: 0; }
.bkk-weight__readout dd { margin: 0; font-weight: 600; color: #fff; }

/* Outdoor map ------------------------------------------------------------- */
.bkk-map__shell { display: grid; grid-template-columns: 1.6fr 1fr; gap: 1.5rem; background: var(--bkk-surface); border: 1px solid rgba(255,255,255,.06); padding: 1rem; border-radius: 16px; }
.bkk-map__canvas { position: relative; aspect-ratio: 16/10; border-radius: 10px; overflow: hidden; cursor: crosshair; border: 1px solid rgba(255,255,255,.05); }
.bkk-map__canvas svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.bkk-map__pins { position: absolute; inset: 0; pointer-events: none; }
.bkk-map__pin { position: absolute; transform: translate(-50%, -100%); width: 28px; height: 28px; background: var(--bkk-accent); border: 2px solid #fff; border-radius: 50% 50% 50% 0; transform-origin: center; pointer-events: auto; box-shadow: 0 4px 12px rgba(0,0,0,.5); cursor: pointer; }
.bkk-map__pin::after { content: ""; position: absolute; inset: 6px; background: #0d0d0d; border-radius: 50%; }
.bkk-map__side { display: grid; gap: 1rem; align-content: start; padding: 1rem; }
.bkk-map__form { display: grid; gap: .8rem; padding-bottom: 1rem; border-bottom: 1px solid rgba(255,255,255,.06); }
.bkk-map__hint { font-size: .8rem; color: rgba(232,227,216,.5); margin: 0; }
.bkk-map__list { list-style: none; padding: 0; margin: 0; display: grid; gap: .5rem; max-height: 280px; overflow-y: auto; }
.bkk-map__list li { background: rgba(0,0,0,.3); padding: .6rem .8rem; border-radius: 8px; font-size: .85rem; display: flex; justify-content: space-between; gap: .5rem; }
.bkk-map__list li button { background: transparent; border: 0; color: rgba(232,227,216,.5); }

/* Beginner Hub ------------------------------------------------------------ */
.bkk-beg__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 1.25rem; }
.bkk-beg__card { background: var(--bkk-surface); border: 1px solid rgba(255,255,255,.06); padding: 1.6rem 1.4rem; border-radius: 12px; color: #fff; display: flex; flex-direction: column; gap: .6rem; transition: all .25s ease; }
.bkk-beg__card:hover { border-color: var(--bkk-accent); transform: translateY(-2px); }
.bkk-beg__card .bkk-icon { color: var(--bkk-accent); margin-bottom: .5rem; width: 32px; height: 32px; }
.bkk-beg__card h3 { margin: 0; font-size: 1.1rem; }
.bkk-beg__card p { font-size: .9rem; color: rgba(232,227,216,.7); margin: 0; }

/* FAQ --------------------------------------------------------------------- */
.bkk-faq__list { max-width: 820px; margin: 0 auto; display: grid; gap: .8rem; }
.bkk-faq__item {
	background: linear-gradient(135deg, var(--bkk-surface, #1a1612), var(--bkk-surface-2, #211c17));
	border: 1px solid rgba(255,255,255,.06); border-radius: 12px; overflow: hidden;
	transition: border-color .25s ease, transform .25s ease;
}
.bkk-faq__item:hover { border-color: rgba(217,119,6,.35); }
.bkk-faq__item[open] { border-color: rgba(234,88,12,.5); box-shadow: 0 18px 40px -16px rgba(234,88,12,.25); }
.bkk-faq__item summary { padding: 1.25rem 1.5rem; cursor: pointer; font-weight: 600; font-family: 'Space Grotesk', sans-serif; display: flex; justify-content: space-between; align-items: center; gap: 1rem; list-style: none; color: #fff; }
.bkk-faq__item summary::-webkit-details-marker { display: none; }
.bkk-faq__plus {
	font-size: 1.6rem; transition: transform .25s ease; line-height: 1;
	background: linear-gradient(135deg, var(--bkk-accent, #ea580c), var(--bkk-accent-2, #d97706));
	-webkit-background-clip: text; background-clip: text; color: transparent;
}
.bkk-faq__item[open] .bkk-faq__plus { transform: rotate(45deg); }
.bkk-faq__a { padding: 0 1.5rem 1.4rem; color: rgba(245,239,224,.82); }

/* Newsletter -------------------------------------------------------------- */
.bkk-news__inner {
	display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center;
	background: linear-gradient(135deg, rgba(234,88,12,.18) 0%, rgba(217,119,6,.12) 35%, rgba(45,74,45,.1) 70%, rgba(14,116,144,.08) 100%);
	border: 1px solid rgba(234,88,12,.25); padding: 2.5rem; border-radius: 18px;
	box-shadow: 0 30px 80px -30px rgba(234,88,12,.25);
}
.bkk-news__copy h2 {
	margin: .5rem 0;
	background: linear-gradient(135deg, #ffffff, var(--bkk-accent-2, #d97706));
	-webkit-background-clip: text; background-clip: text; color: transparent;
}
.bkk-news__copy p { color: rgba(245,239,224,.82); margin: 0; }
.bkk-news__form { display: flex; gap: .6rem; }
.bkk-news__form input { flex: 1; padding: 1em 1.2em; font-size: 1rem; background: rgba(0,0,0,.4); border-color: rgba(255,255,255,.12); }
.bkk-news__form input:focus { border-color: var(--bkk-accent, #ea580c); }
.bkk-news__form .bkk-btn { padding: 1em 1.4em; }

/* Trust ------------------------------------------------------------------- */
.bkk-trust__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1.25rem; max-width: 1100px; margin: 0 auto; }
.bkk-trust__card {
	background: linear-gradient(135deg, var(--bkk-surface, #1a1612), var(--bkk-surface-2, #211c17));
	border: 1px solid rgba(255,255,255,.06); border-left: 3px solid var(--bkk-forest, #2d4a2d);
	padding: 1.6rem 1.8rem; border-radius: 10px;
	transition: border-left-color .3s ease, transform .3s ease;
}
.bkk-trust__card:nth-child(2) { border-left-color: var(--bkk-accent, #ea580c); }
.bkk-trust__card:nth-child(3) { border-left-color: var(--bkk-teal, #0e7490); }
.bkk-trust__card:nth-child(4) { border-left-color: var(--bkk-accent-2, #d97706); }
.bkk-trust__card:hover { transform: translateY(-3px); }
.bkk-trust__card h3 {
	margin: 0 0 .5em; font-size: 1.1rem;
	background: linear-gradient(135deg, var(--bkk-accent, #ea580c), var(--bkk-accent-2, #d97706));
	-webkit-background-clip: text; background-clip: text; color: transparent;
}
.bkk-trust__card:nth-child(1) h3 { background: linear-gradient(135deg, var(--bkk-forest, #2d4a2d), #6a9c6a); -webkit-background-clip: text; background-clip: text; color: transparent; }
.bkk-trust__card:nth-child(3) h3 { background: linear-gradient(135deg, var(--bkk-teal, #0e7490), #22d3ee); -webkit-background-clip: text; background-clip: text; color: transparent; }
.bkk-trust__card p { color: rgba(245,239,224,.82); font-size: .92rem; margin: 0; }

/* Kukri Database --------------------------------------------------------- */
.bkk-db { padding: 3rem 0; }
.bkk-db__head { max-width: 760px; margin-bottom: 2.5rem; }
.bkk-db__head h1 { margin: .4em 0; }
.bkk-db__head p { color: rgba(232,227,216,.75); }
.bkk-db__layout { display: grid; grid-template-columns: 260px 1fr; gap: 2.5rem; align-items: start; }
.bkk-db__filters { position: sticky; top: 100px; background: var(--bkk-surface); border: 1px solid rgba(255,255,255,.06); border-radius: 12px; padding: 1.2rem; display: grid; gap: .8rem; }
.bkk-db__filter label { display: flex; flex-direction: column; gap: .35em; font-size: .8rem; letter-spacing: .04em; text-transform: uppercase; color: rgba(232,227,216,.65); }
.bkk-db__filter input, .bkk-db__filter select { padding: .55em .7em; background: rgba(0,0,0,.4); border: 1px solid rgba(255,255,255,.08); border-radius: 6px; color: #fff; }
.bkk-db__check { display: flex; flex-direction: row; align-items: center; gap: .5em; text-transform: none; letter-spacing: 0; color: rgba(232,227,216,.85); font-size: .85rem; }
.bkk-db__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1.25rem; }
.bkk-db__card { background: var(--bkk-surface); border: 1px solid rgba(255,255,255,.06); border-radius: 12px; overflow: hidden; transition: border-color .25s ease, transform .25s ease; }
.bkk-db__card:hover { border-color: rgba(194,65,12,.5); transform: translateY(-2px); }
.bkk-db__media { aspect-ratio: 4/3; display: block; background: linear-gradient(135deg, #1f1c18, #060606); overflow: hidden; }
.bkk-db__media img, .bkk-db__media .bkk-kukri-svg { width: 100%; height: 100%; object-fit: cover; }
.bkk-db__body { padding: 1.1rem 1.2rem 1.3rem; display: grid; gap: .8rem; }
.bkk-db__title { margin: 0; font-size: 1.1rem; }
.bkk-db__title a { color: #fff; }
.bkk-db__specs { display: grid; grid-template-columns: 1fr 1fr; gap: .4rem; margin: 0; }
.bkk-db__specs > div { background: rgba(255,255,255,.03); padding: .4rem .55rem; border-radius: 6px; }
.bkk-db__specs dt { font-size: .65rem; letter-spacing: .12em; text-transform: uppercase; color: rgba(232,227,216,.5); margin: 0; }
.bkk-db__specs dd { font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: .85rem; margin: 0; color: #fff; }
.bkk-db__scores { display: grid; gap: .35rem; }
.bkk-db__scores > div { display: grid; grid-template-columns: 50px 1fr; align-items: center; gap: .5rem; font-size: .75rem; color: rgba(232,227,216,.7); }
.bkk-db__actions { display: flex; gap: .4rem; flex-wrap: wrap; }
.bkk-db__actions .bkk-btn { flex: 1; min-width: 0; }
.bkk-db__empty { padding: 2rem; background: var(--bkk-surface); border-radius: 12px; }

/* Kukri single ------------------------------------------------------------ */
.bkk-kukri-single__hero { display: grid; grid-template-columns: 1.4fr 1fr; gap: 2rem; margin: 2rem 0; }
.bkk-kukri-single__art { background: linear-gradient(135deg, #1f1c18, #060606); border-radius: 12px; aspect-ratio: 16/10; display: flex; align-items: center; justify-content: center; padding: 2rem; }
.bkk-kukri-single__art img, .bkk-kukri-single__art .bkk-kukri-svg { max-width: 100%; height: auto; filter: drop-shadow(0 12px 30px rgba(0,0,0,.55)); }
.bkk-kukri-single__specs { background: var(--bkk-surface); border: 1px solid rgba(255,255,255,.06); padding: 1.5rem; border-radius: 12px; display: grid; gap: 1rem; align-content: start; }
.bkk-kukri-single__specs dl { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; margin: 0; }
.bkk-kukri-single__specs dt { font-size: .7rem; letter-spacing: .12em; text-transform: uppercase; color: rgba(232,227,216,.5); }
.bkk-kukri-single__specs dd { margin: 0; font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: .95rem; }
.bkk-kukri-single__scores { display: grid; gap: .6rem; }
.bkk-kukri-single__cta { display: flex; flex-direction: column; gap: .5rem; }
.bkk-article__verdict { font-style: italic; color: rgba(232,227,216,.85); font-size: 1.05rem; max-width: 720px; }