
:root{
	--pkdp-green:#568F73;
	--pkdp-green-dark:#2F654D;
	--pkdp-green-ink:#173B2C;
	--pkdp-sage:#EEF6F0;
	--pkdp-cream:#FBF8F1;
	--pkdp-peach:#FBEEE7;
	--pkdp-line:#DCE8DF;
	--pkdp-text:#24362D;
	--pkdp-muted:#66766E;
	--pkdp-white:#fff;
	--pkdp-shadow:0 10px 30px rgba(42,83,61,.08);
}

.pkdp-block,
.pkdp-block *{box-sizing:border-box}

.pkdp-block{
	max-width:1300px;
	margin:28px auto;
	color:var(--pkdp-text);
	font-family:inherit;
}

.pkdp-kicker{
	display:inline-flex;
	align-items:center;
	gap:6px;
	padding:6px 10px;
	border-radius:999px;
	background:var(--pkdp-green);
	color:#fff;
	font-size:11px;
	font-weight:800;
	letter-spacing:.08em;
	line-height:1;
	margin-bottom:10px;
}

.pkdp-kicker--rose{background:#C86868}

.pkdp-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	min-height:44px;
	padding:11px 18px;
	border-radius:11px;
	font-weight:700;
	text-decoration:none!important;
	transition:.2s ease;
	white-space:nowrap;
}
.pkdp-btn--solid{
	background:var(--pkdp-green-dark);
	color:#fff!important;
	border:1px solid var(--pkdp-green-dark);
}
.pkdp-btn--solid:hover{
	background:#244f3d;
	color:#fff!important;
	transform:translateY(-1px);
}
.pkdp-btn--outline{
	background:#fff;
	color:var(--pkdp-green-dark)!important;
	border:1px solid #A9C2B3;
}
.pkdp-btn--outline:hover{background:var(--pkdp-sage)}

.pkdp-discovery{
	position:relative;
	display:grid;
	grid-template-columns:minmax(0,1fr) 230px auto;
	gap:24px;
	align-items:center;
	padding:26px 28px;
	background:linear-gradient(110deg,#F0F7F1 0%,#FAF6ED 100%);
	border:1px solid var(--pkdp-line);
	border-radius:18px;
	overflow:hidden;
	box-shadow:var(--pkdp-shadow);
}

.pkdp-discovery h2,
.pkdp-section-head h2,
.pkdp-business-banner h2,
.pkdp-packages h2{
	margin:0 0 8px;
	color:var(--pkdp-green-ink);
	font-size:clamp(24px,2.2vw,34px);
	line-height:1.12;
}

.pkdp-discovery p,
.pkdp-section-head p,
.pkdp-business-banner p,
.pkdp-packages__intro p{
	margin:0;
	color:var(--pkdp-muted);
	line-height:1.6;
}

.pkdp-category-row{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin-top:16px;
}
.pkdp-category-pill{
	display:inline-flex;
	align-items:center;
	gap:7px;
	padding:8px 11px;
	border-radius:999px;
	background:rgba(255,255,255,.9);
	border:1px solid #D9E6DC;
	font-size:13px;
	font-weight:700;
	color:#315744;
}
.pkdp-category-icon{
	color:var(--pkdp-green);
	font-weight:900;
}

.pkdp-discovery__art{
	position:relative;
	height:120px;
	min-width:210px;
}
.pkdp-pet-circle{
	position:absolute;
	right:64px;
	bottom:0;
	display:flex;
	align-items:center;
	justify-content:center;
	width:110px;
	height:110px;
	border-radius:50%;
	background:#DDEFE2;
	font-size:68px;
}
.pkdp-pet-circle--cat{
	right:4px;
	width:82px;
	height:82px;
	font-size:50px;
	background:#F4E7D8;
}
.pkdp-paw{
	position:absolute;
	color:rgba(86,143,115,.16);
	font-size:45px;
	transform:rotate(20deg);
}
.pkdp-paw--one{left:0;top:6px}
.pkdp-paw--two{right:0;top:0;font-size:30px}

.pkdp-section-head{
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
	gap:20px;
	margin-bottom:18px;
}
.pkdp-text-link{
	color:var(--pkdp-green-dark)!important;
	font-weight:700;
	text-decoration:none!important;
	white-space:nowrap;
}
.pkdp-text-link:hover{text-decoration:underline!important}

.pkdp-featured{
	padding:26px;
	border-radius:18px;
	background:#fff;
	border:1px solid #E8EEE9;
	box-shadow:var(--pkdp-shadow);
}
.pkdp-featured-layout{
	display:grid;
	grid-template-columns:minmax(0,1fr) 230px;
	gap:16px;
}
.pkdp-provider-grid{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:14px;
}
.pkdp-provider-card{
	border:1px solid #E1E8E3;
	border-radius:14px;
	background:#fff;
	overflow:hidden;
	min-width:0;
	transition:.2s ease;
}
.pkdp-provider-card:hover{
	transform:translateY(-2px);
	box-shadow:0 12px 28px rgba(34,70,52,.09);
}
.pkdp-provider-image{
	position:relative;
	display:block;
	aspect-ratio:4/2.7;
	background:#EDF4EF;
	overflow:hidden;
	text-decoration:none!important;
}
.pkdp-provider-image img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}
.pkdp-provider-placeholder{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
	font-size:52px;
}
.pkdp-sponsored-badge{
	position:absolute;
	left:9px;
	top:9px;
	padding:5px 8px;
	border-radius:999px;
	background:#FFF0CE;
	border:1px solid #E6C777;
	color:#795918;
	font-size:10px;
	font-weight:800;
}
.pkdp-provider-body{padding:13px}
.pkdp-provider-cat{
	color:var(--pkdp-green);
	font-size:10px;
	font-weight:800;
	text-transform:uppercase;
	letter-spacing:.04em;
	margin-bottom:4px;
}
.pkdp-provider-body h3{
	margin:0 0 6px;
	font-size:16px;
	line-height:1.25;
}
.pkdp-provider-body h3 a{color:var(--pkdp-green-ink)!important;text-decoration:none!important}
.pkdp-provider-city{
	font-size:12px;
	color:var(--pkdp-muted);
	margin-bottom:7px;
}
.pkdp-provider-body p{
	font-size:12px;
	line-height:1.45;
	color:var(--pkdp-muted);
	margin:0 0 10px;
}
.pkdp-card-link{
	font-size:12px;
	font-weight:800;
	color:var(--pkdp-green-dark)!important;
	text-decoration:none!important;
}

.pkdp-business-tile{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:center;
	padding:22px;
	border-radius:14px;
	background:linear-gradient(145deg,#FCF0ED,#FFF9F2);
	border:1px solid #F0D8D3;
}
.pkdp-business-icon{
	font-size:34px;
	color:#C85F59;
	margin-bottom:10px;
}
.pkdp-business-tile h3{
	margin:0 0 8px;
	font-size:25px;
	line-height:1.08;
	color:var(--pkdp-green-ink);
}
.pkdp-business-tile p{
	margin:0 0 16px;
	color:var(--pkdp-muted);
	line-height:1.55;
	font-size:13px;
}

.pkdp-business-banner{
	display:grid;
	grid-template-columns:minmax(0,1fr) 190px auto;
	gap:24px;
	align-items:center;
	padding:27px 30px;
	border-radius:18px;
	background:linear-gradient(110deg,#FBF2E7 0%,#F0F7F1 100%);
	border:1px solid #E8E2D9;
	overflow:hidden;
	box-shadow:var(--pkdp-shadow);
}
.pkdp-benefits{
	display:flex;
	flex-wrap:wrap;
	gap:8px 18px;
	margin-top:14px;
	color:#4B6256;
	font-size:13px;
	font-weight:600;
}
.pkdp-benefits span{display:inline-flex;align-items:center;gap:6px}
.pkdp-benefits b{color:var(--pkdp-green)}
.pkdp-business-banner__pets{
	display:flex;
	align-items:flex-end;
	justify-content:center;
	font-size:64px;
	line-height:1;
	letter-spacing:-18px;
}
.pkdp-business-banner__pets span:last-child{font-size:54px}

.pkdp-packages{
	display:grid;
	grid-template-columns:minmax(240px,.85fr) minmax(0,2.15fr);
	gap:24px;
	align-items:stretch;
	padding:28px;
	border-radius:18px;
	background:linear-gradient(110deg,#F0F7F1 0%,#FBF8F1 100%);
	border:1px solid var(--pkdp-line);
	box-shadow:var(--pkdp-shadow);
}
.pkdp-package-grid{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:12px;
}
.pkdp-package-card{
	position:relative;
	display:flex;
	flex-direction:column;
	padding:20px;
	border-radius:14px;
	background:#fff;
	border:1px solid #DDE7E0;
}
.pkdp-package-card.is-popular{
	border-color:#D8B65B;
	box-shadow:0 8px 24px rgba(162,128,34,.10);
}
.pkdp-package-card.is-premium{
	background:#FFF9F1;
}
.pkdp-popular{
	position:absolute;
	left:14px;
	top:-12px;
	padding:5px 9px;
	border-radius:999px;
	background:#F5D77A;
	color:#654B0C;
	font-size:10px;
	font-weight:800;
}
.pkdp-package-card h3{
	margin:0 0 7px;
	font-size:18px;
	color:var(--pkdp-green-ink);
}
.pkdp-price{
	font-size:18px;
	font-weight:800;
	color:#2E614A;
	margin-bottom:12px;
}
.pkdp-package-card ul{
	list-style:none;
	margin:0 0 18px;
	padding:0;
	font-size:12px;
	line-height:1.55;
	color:var(--pkdp-muted);
}
.pkdp-package-card li{margin-bottom:5px}
.pkdp-package-card .pkdp-btn{margin-top:auto;width:100%}

.pkdp-admin-note{
	padding:14px 16px;
	border-radius:10px;
	background:#FFF8DB;
	border:1px solid #EAD78E;
}

@media(max-width:1050px){
	.pkdp-featured-layout{grid-template-columns:1fr}
	.pkdp-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.pkdp-business-tile{min-height:220px}
	.pkdp-discovery,
	.pkdp-business-banner{grid-template-columns:1fr auto}
	.pkdp-discovery__art,
	.pkdp-business-banner__pets{display:none}
	.pkdp-packages{grid-template-columns:1fr}
}

@media(max-width:700px){
	.pkdp-block{margin:20px auto}
	.pkdp-discovery,
	.pkdp-featured,
	.pkdp-business-banner,
	.pkdp-packages{
		padding:20px;
		border-radius:15px;
	}
	.pkdp-discovery,
	.pkdp-business-banner{grid-template-columns:1fr}
	.pkdp-discovery .pkdp-btn,
	.pkdp-business-banner .pkdp-btn{width:100%}
	.pkdp-section-head{align-items:flex-start;flex-direction:column}
	.pkdp-provider-grid{grid-template-columns:1fr}
	.pkdp-package-grid{grid-template-columns:1fr}
	.pkdp-category-row{
		flex-wrap:nowrap;
		overflow-x:auto;
		padding-bottom:3px;
		scrollbar-width:none;
	}
	.pkdp-category-row::-webkit-scrollbar{display:none}
	.pkdp-category-pill{flex:0 0 auto}
	.pkdp-business-tile h3{font-size:22px}
}
