/* --------------------------------------------------------------------------
   City landing — Панютино / Краснопавловка / Златополь.
   Ported from the Claude Design source, scoped under .pcity so it never
   collides with the theme base styles or the shared city.css template.
   -------------------------------------------------------------------------- */

.pcity {
	background: #fdfdfb;
	color: #010106;
	font-family: 'Manrope', sans-serif;
}

.pcity a { text-decoration: none; }

.pcity .serif { font-family: 'Cormorant Garamond', serif; font-weight: 500; }

.pcity .klabel {
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .22em;
	text-transform: uppercase;
	color: #026537;
	display: inline-flex;
	align-items: center;
	gap: 16px;
}
.pcity .klabel::before { content: ""; width: 44px; height: 1px; background: #026537; }

.pcity .b1 {
	display: inline-block;
	background: #026537;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	padding: 16px 34px;
	border-radius: 100px;
}
.pcity .b1:hover { background: #0e2018; color: #fff; }

.pcity .inner { max-width: 1440px; margin: 0 auto; box-sizing: border-box; padding: 88px 96px 96px; }
.pcity .fr { width: 100%; overflow: hidden; background: #fdfdfb; box-sizing: border-box; }

.pcity .ghero { display: grid; grid-template-columns: 1.2fr 1fr; gap: 80px; align-items: center; }
.pcity h1.hero { font-size: 58px; line-height: 1.05; color: #010106; margin: 24px 0 0; }
.pcity .painline { font-size: 26px; color: #010106; padding: 20px 0; border-top: 1px solid rgba(19, 42, 33, .16); }

.pcity .g2b { display: grid; grid-template-columns: 1fr 1.4fr; gap: 64px; align-items: start; background: #fff; border-radius: 16px; padding: 64px 72px; }
.pcity .g3n { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 24px; }
.pcity .g2c { display: grid; grid-template-columns: 360px 1fr; gap: 0; border: 1px solid rgba(19, 42, 33, .16); border-radius: 16px; overflow: hidden; background: #fdfdfb; }
.pcity .g2c-t { padding: 56px 64px; }

/* responsive — mirrors the source breakpoints */
@media (max-width: 1100px) {
	.pcity .inner { padding: 56px 48px 64px; }
	.pcity .ghero { grid-template-columns: 1fr; gap: 48px; }
	.pcity h1.hero { font-size: 48px; }
	.pcity .g2b { grid-template-columns: 1fr; gap: 36px; padding: 44px 32px; }
}

@media (max-width: 1024px) {
	.pcity .g3n { grid-template-columns: 1fr; gap: 32px; }
	.pcity .helpsec { padding: 64px 0 !important; }
	.pcity .g2c { grid-template-columns: 1fr; }
	.pcity .g2c img { height: 480px !important; object-position: center top; }
	.pcity .g2c-t { padding: 36px 24px; }
	.pcity .g2states { grid-template-columns: 1fr !important; }
	.pcity .gfaq { grid-template-columns: 1fr !important; gap: 32px !important; }
	.pcity .padx { padding-left: 0 !important; padding-right: 0 !important; }
	.pcity .statescard { padding: 36px 24px !important; }
	.pcity .star { display: none; }
}

@media (max-width: 700px) {
	.pcity .inner { padding: 48px 20px 20px; }
	.pcity h1.hero { font-size: 44px; line-height: 1; }
	.pcity .painline { font-size: 21px; padding: 10px 0; }
	.pcity .heroimg { height: 300px !important; }
	.pcity .badge { position: static !important; margin: 0 !important; border-radius: 0 0 12px 12px; }
	.pcity .btns a { width: 100% !important; }
	.pcity .g2b { padding: 36px 20px; border-radius: 12px; }
	.pcity .qbig { font-size: 26px !important; }
	.pcity .cityname { font-size: 34px !important; }
	.pcity .h2r { font-size: 32px !important; }
	.pcity .h3r { font-size: 30px !important; }
	.pcity .secpad { padding-top: 16px !important; padding-bottom: 56px !important; }

	/* Mobile: tighten the large inter-section gaps (~4× smaller). */
	.pcity .pc-znakomo { padding-bottom: 20px !important; }
	.pcity .pc-sec { padding-bottom: 22px !important; }
	.pcity .helpsec { padding-top: 18px !important; padding-bottom: 22px !important; }
	.pcity .pc-faqsec { padding-bottom: 22px !important; padding-top: 18px !important; }
	.pcity .pc-revsec { padding-bottom: 22px !important; }

	/* Hero: drop the closing line under «Это лечится», tighten gap to the photo. */
	.pcity .pc-painlast { border-bottom: none !important; }
	.pcity .pc-herofig { margin-top: 18px !important; }

	/* «Помощь рядом» features: stack with two grey dividers, tight spacing. */
	.pcity .pc-feats { gap: 0 !important; }
	.pcity .pc-feats > div { padding: 22px 0; border-bottom: 1px solid rgba(19, 42, 33, .14); }
	.pcity .pc-feats > div:first-child { padding-top: 0; }
	.pcity .pc-feats > div:last-child { padding-bottom: 0; border-bottom: none; }

	/* Reviews: −40% on the heading→cards gap and the gap between cards. */
	.pcity .pc-revs { margin-top: 29px !important; gap: 19px !important; }

	/* FAQ: no line under the last question. */
	.pcity .gfaq > div:last-child > div:last-child { border-bottom: none !important; }

	/* CTA: a little more breathing room above «Первый шаг». */
	.pcity .pc-cta { padding-top: 36px !important; }

	/* Dark «главный принцип» plate: more space above the kicker. */
	.pcity .pc-principle { padding-top: 56px !important; }
}