/* ==========================================================
   K9 Paw – Why Choose + Stats widget
   ========================================================== */
.k9ws {
	--k9-gold: #DCA54A;
	--k9-left-w: 560px;
	--k9-right-w: 460px;
	position: relative;
	display: flex; align-items: center;
	min-height: 760px;
	padding: 100px 50px;
	overflow: hidden;
	background-color: #0b0b0b;
	background-size: cover;
	background-position: center;
	font-family: var(--k9-font, 'Roboto', sans-serif);
	color: #fff;
}
.k9ws *, .k9ws *::before, .k9ws *::after { box-sizing: border-box; }

.k9ws__overlay {
	position: absolute; inset: 0; z-index: 0; pointer-events: none;
	background:
		linear-gradient(90deg, rgba(8,8,8,.92) 0%, rgba(8,8,8,.70) 30%, rgba(8,8,8,.10) 50%, rgba(8,8,8,.60) 68%, rgba(8,8,8,.88) 100%),
		linear-gradient(0deg, rgba(8,8,8,.6) 0%, transparent 35%);
}

/* Decorations */
.k9ws__lines { position: absolute; inset: 0; z-index: 1; pointer-events: none; }
.k9ws__lines i {
	position: absolute; height: 1px; width: 520px;
	background: linear-gradient(90deg, transparent, rgba(220,165,74,.55), transparent);
	transform-origin: center;
}
.k9ws__lines i:nth-child(1) { top: 12%;  left: -120px; transform: rotate(52deg); }
.k9ws__lines i:nth-child(2) { bottom: 14%; left: -60px; transform: rotate(40deg); }
.k9ws__lines i:nth-child(3) { top: 20%;  right: 22%;  transform: rotate(-52deg); opacity: .6; }
.k9ws__lines i:nth-child(4) { bottom: 6%; right: -120px; transform: rotate(-45deg); }
.k9ws__dots {
	position: absolute; right: 2%; bottom: 8%; z-index: 1; width: 160px; height: 120px; pointer-events: none;
	background-image: radial-gradient(rgba(220,165,74,.35) 1px, transparent 1.5px);
	background-size: 12px 12px; opacity: .7;
}

.k9ws__inner {
	position: relative; z-index: 2;
	width: 100%; max-width: 1560px; margin: 0 auto;
	display: flex; align-items: center; justify-content: space-between; gap: 40px;
}

/* ---------- Left ---------- */
.k9ws__left { flex: 0 1 var(--k9-left-w); max-width: var(--k9-left-w); }
.k9ws__sub {
	display: flex; align-items: center; gap: 16px;
	font-size: 16px; font-weight: 600; letter-spacing: 4px; text-transform: uppercase;
	color: var(--k9-gold); margin-bottom: 18px;
}
.k9ws__line { width: 64px; height: 1px; background: var(--k9-gold); flex: none; }
.k9ws__title {
	font-family: var(--k9-font, 'Roboto', sans-serif);
	font-size: 64px; font-weight: 800; line-height: 1.08; letter-spacing: -.5px;
	color: #fff; margin: 0 0 24px;
}
.k9ws__title em {
	font-style: normal;
	background: linear-gradient(180deg, #f6dca0 0%, var(--k9-gold) 70%, #b98633 100%);
	-webkit-background-clip: text; background-clip: text;
	-webkit-text-fill-color: transparent; color: var(--k9-gold);
}
.k9ws__desc { font-size: 19px; line-height: 1.6; color: rgba(255,255,255,.78); margin-bottom: 30px; }
.k9ws__desc p { margin: 0 0 10px; color: inherit; font: inherit; }
.k9ws__desc p:last-child { margin: 0; }

.k9ws__list {
	list-style: none; margin: 0 0 10px; padding: 0;
	display: grid; grid-template-columns: 1fr; row-gap: 18px; column-gap: 24px;
}
.k9ws__li { display: flex; align-items: center; gap: 22px; margin: 0; }
.k9ws__chk {
	flex: 0 0 34px; width: 34px; height: 34px; border-radius: 50%;
	display: inline-flex; align-items: center; justify-content: center;
	background: radial-gradient(circle at 35% 30%, #f3d08c, var(--k9-gold) 75%);
	color: #1a1a1a; font-size: 14px;
	box-shadow: 0 4px 12px rgba(220,165,74,.3);
	transition: transform .35s ease;
}
.k9ws__chk svg { width: 14px; height: 14px; fill: currentColor; }
.k9ws__li-text { font-size: 19px; font-weight: 400; line-height: 1.35; color: #fff; transition: color .3s ease, transform .3s ease; }
.k9ws__li:hover .k9ws__chk { transform: scale(1.12) rotate(-10deg); }
.k9ws__li:hover .k9ws__li-text { color: var(--k9-gold); transform: translateX(4px); }
.k9ws__btn { margin-top: 30px; }

/* ---------- Right: stat cards ---------- */
.k9ws__stats {
	flex: 0 1 var(--k9-right-w); max-width: var(--k9-right-w); width: 100%;
	display: grid; grid-template-columns: 1fr; gap: 20px;
}
.k9ws__card {
	position: relative;
	display: flex; align-items: center; gap: 0;
	padding: 28px 26px;
	background: linear-gradient(135deg, rgba(20,16,10,.82) 0%, rgba(10,10,10,.72) 100%);
	-webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
	border: 1px solid rgba(220,165,74,.55);
	border-radius: 10px;
	color: #fff; text-decoration: none !important;
	overflow: hidden;
	transition: transform .4s ease, border-color .4s ease, box-shadow .4s ease, background-color .4s ease;
}
/* soft gold sweep on hover */
.k9ws__card::before {
	content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
	background: linear-gradient(110deg, transparent 30%, rgba(220,165,74,.14) 50%, transparent 70%);
	transform: translateX(-100%); transition: transform .8s ease;
}
.k9ws__card:hover::before { transform: translateX(100%); }
.k9ws__card:hover {
	transform: translateX(-6px);
	border-color: var(--k9-gold);
	box-shadow: 0 16px 40px rgba(0,0,0,.5), 0 0 24px rgba(220,165,74,.18);
}
.k9ws__card > * { position: relative; z-index: 1; }

.k9ws__sic {
	flex: 0 0 78px; width: 78px; height: 78px; border-radius: 50%;
	display: inline-flex; align-items: center; justify-content: center;
	border: 1.5px solid var(--k9-gold);
	color: var(--k9-gold); font-size: 30px;
	background-color: rgba(220,165,74,.05);
	transition: background-color .4s ease, color .4s ease, transform .5s ease;
}
.k9ws__sic svg { width: 30px; height: 30px; fill: currentColor; }
.k9ws__card:hover .k9ws__sic { background-color: var(--k9-gold); color: #171717; transform: rotateY(360deg); }

.k9ws__sep { flex: none; width: 1px; height: 76px; margin: 0 26px 0 30px; background: rgba(220,165,74,.55); }
.k9ws__txt { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.k9ws__num {
	font-family: var(--k9-font, 'Roboto', sans-serif);
	font-size: 46px; font-weight: 700; line-height: 1.05; color: #fff;
	font-variant-numeric: tabular-nums;
}
.k9ws__lbl { margin-top: 6px; font-size: 18px; font-weight: 400; line-height: 1.3; color: rgba(255,255,255,.9); }
.k9ws__arr { flex: none; margin-left: 12px; color: var(--k9-gold); font-size: 18px; transition: transform .3s ease; }
.k9ws__arr svg { width: 18px; height: 18px; fill: currentColor; }
.k9ws__card:hover .k9ws__arr { transform: translateX(5px); }

/* Entrance (with counter) */
.k9ws--count.k9ws--ready .k9ws__card { opacity: 0; transform: translateX(30px); }
.k9ws--count.k9ws--ready.is-in .k9ws__card {
	opacity: 1; transform: none;
	transition: opacity .6s ease calc(var(--i, 0) * .12s), transform .6s ease calc(var(--i, 0) * .12s), border-color .4s ease, box-shadow .4s ease;
}
.k9ws--count.k9ws--ready.is-in .k9ws__card:hover { transform: translateX(-6px); transition-delay: 0s; }

@media (prefers-reduced-motion: reduce) {
	.k9ws__card, .k9ws__sic, .k9ws__card::before { transition: none !important; }
	.k9ws--count.k9ws--ready .k9ws__card { opacity: 1; transform: none; }
}

/* ==========================================================
   Responsive
   ========================================================== */
@media (max-width: 1366px) {
	.k9ws { padding: 80px 40px; min-height: 680px; --k9-left-w: 500px; --k9-right-w: 420px; }
	.k9ws__title { font-size: 54px; }
	.k9ws__desc, .k9ws__li-text { font-size: 17px; }
	.k9ws__num { font-size: 40px; }
	.k9ws__lbl { font-size: 16px; }
	.k9ws__sic { flex-basis: 66px; width: 66px; height: 66px; font-size: 26px; }
	.k9ws__sep { margin: 0 20px 0 22px; height: 64px; }
}

@media (max-width: 1024px) {
	.k9ws { padding: 80px 30px; min-height: 0; }
	.k9ws__overlay { background: linear-gradient(180deg, rgba(8,8,8,.88) 0%, rgba(8,8,8,.70) 50%, rgba(8,8,8,.90) 100%); }
	.k9ws__inner { flex-direction: column; align-items: stretch; gap: 50px; }
	.k9ws__left, .k9ws__stats { flex: none; max-width: 100%; }
	.k9ws__title { font-size: 46px; }
	.k9ws__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.k9ws__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.k9ws__card { padding: 22px 20px; }
	.k9ws__card:hover, .k9ws--count.k9ws--ready.is-in .k9ws__card:hover { transform: translateY(-5px); }
	.k9ws--count.k9ws--ready .k9ws__card { transform: translateY(30px); }
	.k9ws__lines i:nth-child(3), .k9ws__dots { display: none; }
}

@media (max-width: 767px) {
	.k9ws { padding: 60px 16px; }
	.k9ws__sub { font-size: 12px; letter-spacing: 2.5px; gap: 12px; }
	.k9ws__line { width: 40px; }
	.k9ws__title { font-size: 36px; }
	.k9ws__desc { font-size: 16px; }
	.k9ws__list, .k9ws__stats { grid-template-columns: 1fr; }
	.k9ws__list { row-gap: 14px; }
	.k9ws__li { gap: 14px; }
	.k9ws__chk { flex-basis: 28px; width: 28px; height: 28px; font-size: 12px; }
	.k9ws__li-text { font-size: 16px; }
	.k9ws__stats { gap: 14px; }
	.k9ws__card { padding: 18px 16px; }
	.k9ws__sic { flex-basis: 56px; width: 56px; height: 56px; font-size: 22px; }
	.k9ws__sic svg { width: 22px; height: 22px; }
	.k9ws__sep { margin: 0 16px; height: 50px; }
	.k9ws__num { font-size: 32px; }
	.k9ws__lbl { font-size: 14px; margin-top: 4px; }
	.k9ws__btn { width: 100%; }
	.k9ws__lines { display: none; }
}