/**
 * Редизайн promokod-drive.ru — 21.08.2026.
 * Слой поверх базового style.css: старая раскладка на float и фикс-ширине 1280px
 * гасится здесь, разметка переведена на префикс .pd-.
 */

/* ---------------------------------------------------------------- Токены */

:root {
	--pd-bg: #fff;
	--pd-ink: #111318;
	--pd-ink-2: #4c505c;
	--pd-muted: #817697;
	--pd-line: #e4e7ea;
	--pd-line-2: #f0f2f4;
	--pd-surface: #f6f7f9;
	--pd-accent: #d9fe60;
	--pd-accent-dark: #c2e740;
	--pd-accent-ink: #17200a;
	--pd-blue: #4987f2;
	--pd-blue-dark: #2f6ad4;
	--pd-blue-soft: #eef4fe;

	--pd-r-s: 10px;
	--pd-r-m: 16px;
	--pd-r-l: 24px;
	--pd-r-xl: 32px;
	--pd-r-pill: 999px;

	--pd-shell: 1240px;
	--pd-gap: 24px;

	--pd-font: 'Onest', 'PT Sans', -apple-system, 'Segoe UI', sans-serif;
}

/* --------------------------------------------------- Гасим базовую тему */

body {
	background: var(--pd-bg);
	font: 400 17px/1.65 var(--pd-font);
	color: var(--pd-ink);
	-webkit-font-smoothing: antialiased;
}

body:before {
	display: none;
}

.container {
	overflow: visible;
}

.wrapper {
	width: auto;
	margin: 0;
}

a {
	color: var(--pd-blue);
	text-decoration: none;
	transition: color .15s ease;
}

a:hover {
	color: var(--pd-blue-dark);
	text-decoration: none;
}

img {
	max-width: 100%;
	height: auto;
}

/* --------------------------------------------------------------- Каркас */

.pd-shell {
	width: 100%;
	max-width: var(--pd-shell);
	margin: 0 auto;
	padding: 0 20px;
}

.pd-body {
	padding: 32px 0 72px;
}

.pd-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 320px;
	gap: 48px;
	align-items: start;
}

.pd-layout--wide {
	grid-template-columns: minmax(0, 1fr);
}

.pd-main {
	min-width: 0;
}

/* --------------------------------------------------------------- Шапка */

.pd-header {
	position: sticky;
	top: 0;
	z-index: 50;
	height: auto;
	background: rgba(255, 255, 255, .92);
	backdrop-filter: saturate(160%) blur(10px);
	border-bottom: 1px solid var(--pd-line);
}

.pd-header__inner {
	display: flex;
	align-items: center;
	gap: 20px;
	min-height: 72px;
}

.pd-logo {
	display: flex;
	align-items: center;
	gap: 12px;
	flex: 0 0 auto;
	color: var(--pd-ink);
	text-decoration: none;
}

.pd-logo__mark {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border-radius: 12px;
	background: var(--pd-accent);
	color: var(--pd-accent-ink);
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
}

.pd-logo__title {
	font-size: 18px;
	font-weight: 600;
	line-height: 1.15;
	color: var(--pd-ink);
}

.pd-logo__desc {
	font-size: 12px;
	line-height: 1.3;
	color: var(--pd-muted);
}

.pd-nav {
	flex: 1 1 auto;
	min-width: 0;
}

.pd-nav ul {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.pd-nav li {
	list-style: none;
}

.pd-nav a {
	display: block;
	padding: 8px 14px;
	border-radius: var(--pd-r-pill);
	font-size: 15px;
	color: var(--pd-ink-2);
	white-space: nowrap;
	transition: background-color .15s ease, color .15s ease;
}

.pd-nav a:hover,
.pd-nav .current-menu-item > a {
	background: var(--pd-surface);
	color: var(--pd-ink);
}

.pd-search {
	position: relative;
	flex: 0 0 auto;
	width: 216px;
}

.pd-search__field {
	width: 100%;
	height: 42px;
	padding: 0 40px 0 16px;
	border: 1px solid var(--pd-line);
	border-radius: var(--pd-r-pill);
	background: var(--pd-bg);
	font: 400 15px var(--pd-font);
	color: var(--pd-ink);
	transition: border-color .15s ease;
}

.pd-search__field:focus {
	border-color: var(--pd-blue);
	outline: none;
}

.pd-search__button {
	position: absolute;
	top: 50%;
	right: 6px;
	width: 32px;
	height: 32px;
	margin-top: -16px;
	border: 0;
	border-radius: 50%;
	background: var(--pd-surface) url('../i/search.svg') no-repeat 50% 50%/16px 16px;
	color: transparent;
	font-size: 0;
	cursor: pointer;
	transition: background-color .15s ease;
}

.pd-search__button:hover {
	background-color: var(--pd-line-2);
}

.pd-burger {
	display: none;
	flex: 0 0 auto;
	width: 42px;
	height: 42px;
	padding: 0;
	border: 1px solid var(--pd-line);
	border-radius: 12px;
	background: transparent;
	cursor: pointer;
}

.pd-burger span,
.pd-burger span:before,
.pd-burger span:after {
	display: block;
	width: 18px;
	height: 2px;
	border-radius: 2px;
	background: var(--pd-ink);
}

.pd-burger span {
	position: relative;
	margin: 0 auto;
}

.pd-burger span:before,
.pd-burger span:after {
	content: '';
	position: absolute;
	left: 0;
}

.pd-burger span:before {
	top: -6px;
}

.pd-burger span:after {
	top: 6px;
}

/* --------------------------------------------------------- Общие блоки */

.pd-section {
	margin: 0 0 56px;
}

.pd-section__head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
	margin: 0 0 24px;
}

.pd-eyebrow {
	display: block;
	margin: 0 0 6px;
	font-size: 16px;
	font-weight: 500;
	color: var(--pd-muted);
}

.pd-section__title {
	margin: 0;
	font-size: 34px;
	font-weight: 600;
	line-height: 1.15;
	letter-spacing: -.02em;
	color: var(--pd-ink);
}

.pd-section__link {
	flex: 0 0 auto;
	font-size: 15px;
	color: var(--pd-blue);
	white-space: nowrap;
}

.pd-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 52px;
	padding: 0 26px;
	border: 1px solid transparent;
	border-radius: var(--pd-r-pill);
	background: var(--pd-accent);
	font: 500 16px var(--pd-font);
	color: var(--pd-accent-ink);
	text-align: center;
	cursor: pointer;
	transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

.pd-btn:hover {
	background: var(--pd-accent-dark);
	color: var(--pd-accent-ink);
}

.pd-btn--ghost {
	background: transparent;
	border-color: var(--pd-line);
	color: var(--pd-ink);
}

.pd-btn--ghost:hover {
	background: var(--pd-surface);
	border-color: var(--pd-line);
	color: var(--pd-ink);
}

.pd-btn--sm {
	height: 42px;
	padding: 0 18px;
	font-size: 15px;
}

/* ----------------------------------------------------------- Первый экран */

.pd-hero {
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
	gap: 40px;
	align-items: start;
	margin: 0 0 56px;
}

.pd-hero__title {
	margin: 8px 0 16px;
	font-size: 50px;
	font-weight: 600;
	line-height: 1.06;
	letter-spacing: -.03em;
	color: var(--pd-ink);
}

.pd-hero__lead {
	margin: 0 0 28px;
	max-width: 620px;
	font-size: 18px;
	line-height: 1.6;
	color: var(--pd-ink-2);
}

.pd-hero__lead a {
	color: var(--pd-blue);
}

.pd-hero__note {
	margin: 16px 0 0;
	font-size: 14px;
	line-height: 1.5;
	color: var(--pd-muted);
}

/* Карточка с главным промокодом */

.pd-promo {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 24px;
	align-items: center;
	padding: 26px 28px;
	border: 1px solid var(--pd-line);
	border-radius: var(--pd-r-l);
	background: var(--pd-surface);
}

.pd-promo__label {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 0 0 10px;
	padding: 5px 14px;
	border-radius: var(--pd-r-pill);
	background: var(--pd-accent);
	font-size: 13px;
	font-weight: 500;
	color: var(--pd-accent-ink);
}

.pd-promo__title {
	margin: 0;
	font-size: 21px;
	font-weight: 500;
	line-height: 1.3;
	color: var(--pd-ink);
}

.pd-promo__code {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 10px;
	min-width: 236px;
}

.pd-code {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 56px;
	padding: 0 20px;
	border: 1px dashed var(--pd-blue);
	border-radius: var(--pd-r-m);
	background: var(--pd-bg);
	font: 600 22px/1 var(--pd-font);
	letter-spacing: .06em;
	color: var(--pd-ink);
	user-select: all;
}

.pd-code--hidden {
	filter: blur(5px);
}

/* Цифры под первым экраном */

.pd-stats {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	padding: 24px;
	border: 1px solid var(--pd-line);
	border-radius: var(--pd-r-l);
}

.pd-stat {
	padding: 12px 4px;
}

.pd-stat__value {
	font-size: 36px;
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: -.02em;
	color: var(--pd-ink);
}

.pd-stat__label {
	margin: 4px 0 0;
	font-size: 14px;
	line-height: 1.35;
	color: var(--pd-muted);
}

.pd-hero__side {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.pd-quick {
	padding: 24px;
	border: 1px solid var(--pd-line);
	border-radius: var(--pd-r-l);
	background: var(--pd-blue-soft);
}

.pd-quick__title {
	margin: 0 0 14px;
	font-size: 17px;
	font-weight: 600;
	color: var(--pd-ink);
}

.pd-quick ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.pd-quick li {
	list-style: none;
	border-top: 1px solid rgba(73, 135, 242, .18);
}

.pd-quick li:first-child {
	border-top: 0;
}

.pd-quick a {
	display: block;
	padding: 10px 0;
	font-size: 15px;
	color: var(--pd-ink-2);
}

.pd-quick a:hover {
	color: var(--pd-blue-dark);
}

/* ------------------------------------------- Карточки промокодов (контент) */

.pd-codes {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

/* Разметка карточек лежит в post_content — перекрываем её целиком. */
.pd-codes .discount-card {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 208px;
	gap: 20px;
	align-items: center;
	width: auto;
	max-width: none;
	margin: 0;
	padding: 22px 24px;
	border: 1px solid var(--pd-line);
	border-radius: var(--pd-r-l);
	background: var(--pd-bg);
	box-shadow: none;
	transition: border-color .15s ease, box-shadow .15s ease;
}

.pd-codes .discount-card:hover {
	border-color: var(--pd-blue);
	box-shadow: 0 6px 24px rgba(17, 19, 24, .07);
}

.pd-codes .discount-info {
	min-width: 0;
}

.pd-codes .discount-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 0 0 10px;
	padding: 4px 12px;
	border: 0;
	border-radius: var(--pd-r-pill);
	background: var(--pd-accent);
	font-size: 13px;
	font-weight: 500;
	color: var(--pd-accent-ink);
}

.pd-codes .discount-badge img {
	width: 14px;
	height: 14px;
}

.pd-codes .discount-heading {
	margin: 0 0 8px;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.35;
	color: var(--pd-ink);
}

.pd-codes .discount-stats {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 14px;
	color: var(--pd-muted);
}

.pd-codes .discount-stats img {
	width: 15px;
	height: 15px;
	opacity: .6;
}

.pd-codes .discount-code-section {
	min-width: 0;
}

.pd-codes .discount-code-box {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 0;
	border: 0;
	background: none;
}

.pd-codes .discount-code-value {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 46px;
	padding: 0 14px;
	border: 1px dashed var(--pd-blue);
	border-radius: var(--pd-r-s);
	background: var(--pd-blue-soft);
	font: 600 17px/1 var(--pd-font);
	letter-spacing: .06em;
	color: var(--pd-ink);
	visibility: visible;
	filter: blur(4px);
	user-select: all;
	transition: filter .2s ease;
}

.pd-codes .discount-card.is-open .discount-code-value {
	filter: none;
}

.pd-codes .reveal-discount-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 44px;
	padding: 0 14px;
	border: 1px solid transparent;
	border-radius: var(--pd-r-pill);
	background: var(--pd-accent);
	font: 500 15px var(--pd-font);
	color: var(--pd-accent-ink);
	cursor: pointer;
	transition: background-color .15s ease, color .15s ease;
}

.pd-codes .reveal-discount-btn:hover {
	background: var(--pd-accent-dark);
}

.pd-codes .reveal-discount-btn[disabled],
.pd-codes .reveal-discount-btn:disabled {
	background: var(--pd-surface);
	color: var(--pd-muted);
	cursor: default;
}

/* ------------------------------------------------------------- Шаги */

.pd-steps {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	counter-reset: pd-step;
}

.pd-step {
	padding: 24px;
	border: 1px solid var(--pd-line);
	border-radius: var(--pd-r-l);
	background: var(--pd-bg);
}

.pd-step__num {
	display: grid;
	place-items: center;
	width: 36px;
	height: 36px;
	margin: 0 0 14px;
	border-radius: 50%;
	background: var(--pd-accent);
	font-size: 16px;
	font-weight: 600;
	color: var(--pd-accent-ink);
}

.pd-step__text {
	margin: 0;
	font-size: 16px;
	line-height: 1.5;
	color: var(--pd-ink-2);
}

/* ----------------------------------------------------------- Плитки */

.pd-tiles {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
}

.pd-tile {
	display: flex;
	align-items: center;
	min-height: 62px;
	padding: 14px 18px;
	border: 1px solid var(--pd-line);
	border-radius: var(--pd-r-m);
	background: var(--pd-bg);
	font-size: 16px;
	color: var(--pd-ink);
	transition: border-color .15s ease, background-color .15s ease;
}

.pd-tile:hover {
	border-color: var(--pd-blue);
	background: var(--pd-blue-soft);
	color: var(--pd-ink);
}

/* Операторы */

.pd-ops {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 12px;
}

.pd-op {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 22px;
	border: 1px solid var(--pd-line);
	border-radius: var(--pd-r-l);
	background: var(--pd-bg);
	color: var(--pd-ink);
	transition: border-color .15s ease, box-shadow .15s ease;
}

.pd-op:hover {
	border-color: var(--pd-blue);
	box-shadow: 0 6px 24px rgba(17, 19, 24, .07);
	color: var(--pd-ink);
}

.pd-op__title {
	font-size: 19px;
	font-weight: 600;
	line-height: 1.2;
}

.pd-op__meta {
	font-size: 14px;
	line-height: 1.45;
	color: var(--pd-muted);
}

/* Карточки статей */

.pd-cards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

.pd-cards--2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pd-card {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid var(--pd-line);
	border-radius: var(--pd-r-l);
	background: var(--pd-bg);
	transition: border-color .15s ease, box-shadow .15s ease;
}

.pd-card:hover {
	border-color: var(--pd-blue);
	box-shadow: 0 6px 24px rgba(17, 19, 24, .07);
}

.pd-card__media {
	display: block;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: var(--pd-surface);
}

.pd-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.pd-card__body {
	display: flex;
	flex-direction: column;
	gap: 8px;
	flex: 1 1 auto;
	padding: 18px 20px 20px;
}

.pd-card__cat {
	font-size: 13px;
	color: var(--pd-muted);
}

.pd-card__cat a {
	color: var(--pd-muted);
}

.pd-card__title {
	margin: 0;
	font-size: 17px;
	font-weight: 500;
	line-height: 1.35;
}

.pd-card__title a {
	color: var(--pd-ink);
}

.pd-card__title a:hover {
	color: var(--pd-blue);
}

.pd-card__meta {
	margin-top: auto;
	padding-top: 6px;
	font-size: 13px;
	color: var(--pd-muted);
}

/* ------------------------------------------------------ Текстовый блок */

.pd-prose {
	font-size: 17px;
	line-height: 1.7;
	color: var(--pd-ink-2);
}

.pd-prose h2 {
	margin: 40px 0 16px;
	font-size: 30px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -.02em;
	color: var(--pd-ink);
}

.pd-prose h3 {
	margin: 32px 0 12px;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.25;
	color: var(--pd-ink);
}

.pd-prose h4 {
	margin: 24px 0 10px;
	font-size: 19px;
	font-weight: 600;
	color: var(--pd-ink);
}

.pd-prose p {
	margin: 0 0 18px;
}

.pd-prose ul,
.pd-prose ol {
	margin: 0 0 20px;
	padding: 0 0 0 22px;
}

.pd-prose li {
	margin: 0 0 8px;
	list-style: inherit;
}

.pd-prose ul li {
	list-style: disc;
}

.pd-prose ol li {
	list-style: decimal;
}

.pd-prose img {
	display: block;
	margin: 24px 0;
	border-radius: var(--pd-r-m);
}

.pd-prose blockquote {
	margin: 24px 0;
	padding: 20px 24px;
	border: 0;
	border-left: 3px solid var(--pd-accent);
	border-radius: var(--pd-r-m);
	background: var(--pd-surface);
	font-size: 16px;
	color: var(--pd-ink-2);
}

.pd-prose blockquote p:last-child {
	margin-bottom: 0;
}

.pd-prose table {
	width: 100%;
	margin: 0 0 24px;
	border-collapse: collapse;
	font-size: 16px;
}

.pd-prose th,
.pd-prose td {
	padding: 12px 14px;
	border: 1px solid var(--pd-line);
	text-align: left;
}

.pd-prose th {
	background: var(--pd-surface);
	font-weight: 600;
	color: var(--pd-ink);
}

.pd-prose code {
	padding: 2px 7px;
	border-radius: 6px;
	background: var(--pd-surface);
	font-family: var(--pd-font);
	font-weight: 600;
	color: var(--pd-ink);
}

.pd-prose--boxed {
	padding: 32px 36px;
	border: 1px solid var(--pd-line);
	border-radius: var(--pd-r-xl);
}

.pd-prose--boxed > :first-child {
	margin-top: 0;
}

.pd-prose--boxed > :last-child {
	margin-bottom: 0;
}

/* Таблица с прокруткой на узких экранах */
.pd-prose .tablepress-table-wrapper,
.pd-table-scroll {
	overflow-x: auto;
}

/* --------------------------------------------------------------- FAQ */

.pd-prose .wn_faq_item,
.wn_faq_item {
	margin: 0 0 10px;
	padding: 0;
	border: 1px solid var(--pd-line);
	border-radius: var(--pd-r-m);
	background: var(--pd-bg);
	overflow: hidden;
}

.wn_faq_q {
	padding: 18px 52px 18px 22px;
	font-size: 17px;
	font-weight: 500;
	line-height: 1.4;
	color: var(--pd-ink);
	cursor: pointer;
}

.wn_faq_a {
	padding: 0 22px 18px;
	font-size: 16px;
	line-height: 1.6;
	color: var(--pd-ink-2);
}

/* ------------------------------------------------------------ Сайдбар */

.pd-aside {
	display: flex;
	flex-direction: column;
	gap: 20px;
	position: sticky;
	top: 96px;
	float: none;
	width: auto;
	margin: 0;
}

.pd-widget {
	padding: 22px;
	border: 1px solid var(--pd-line);
	border-radius: var(--pd-r-l);
	background: var(--pd-bg);
}

.pd-widget--accent {
	border-color: transparent;
	background: var(--pd-surface);
}

.pd-widget__title {
	margin: 0 0 14px;
	font-size: 17px;
	font-weight: 600;
	color: var(--pd-ink);
}

.pd-widget ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.pd-widget li {
	list-style: none;
	border-top: 1px solid var(--pd-line-2);
}

.pd-widget li:first-child {
	border-top: 0;
}

.pd-widget li a {
	display: block;
	padding: 9px 0;
	font-size: 15px;
	line-height: 1.4;
	color: var(--pd-ink-2);
}

.pd-widget li a:hover {
	color: var(--pd-blue);
}

.pd-widget .pd-btn {
	width: 100%;
	margin-top: 14px;
}

.pd-widget__code {
	margin: 0 0 12px;
}

/* ------------------------------------------------------------- Подвал */

.pd-footer {
	height: auto;
	padding: 48px 0 36px;
	border-top: 1px solid var(--pd-line);
	background: var(--pd-surface);
}

.pd-footer:before,
.pd-footer:after {
	display: none;
}

.pd-footer__inner {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) repeat(2, minmax(0, 1fr));
	gap: 40px;
}

.pd-footer__logo {
	margin: 0 0 10px;
	font-size: 19px;
	font-weight: 600;
	color: var(--pd-ink);
}

.pd-footer__desc {
	margin: 0 0 14px;
	font-size: 15px;
	line-height: 1.55;
	color: var(--pd-ink-2);
}

.pd-footer__note,
.pd-footer__copyright {
	font-size: 13px;
	line-height: 1.5;
	color: var(--pd-muted);
}

.pd-footer__copyright p {
	margin: 0 0 4px;
}

.pd-footer__title {
	margin: 0 0 12px;
	font-size: 15px;
	font-weight: 600;
	color: var(--pd-ink);
}

.pd-footer nav ul,
.pd-footer__col ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.pd-footer nav li,
.pd-footer__col li {
	margin: 0 0 8px;
	list-style: none;
}

.pd-footer nav a,
.pd-footer__col a {
	font-size: 15px;
	color: var(--pd-ink-2);
}

.pd-footer nav a:hover,
.pd-footer__col a:hover {
	color: var(--pd-blue);
}

.pd-footer__bottom {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin: 36px 0 0;
	padding: 20px 0 0;
	border-top: 1px solid var(--pd-line);
}

.pd-footer__counters {
	display: flex;
	align-items: center;
	gap: 10px;
}

/* ------------------------------------------------- Служебные элементы */

.pd-crumbs {
	margin: 0 0 20px;
	font-size: 14px;
	color: var(--pd-muted);
}

.pd-crumbs a {
	color: var(--pd-muted);
}

.pd-crumbs a:hover {
	color: var(--pd-blue);
}

.pd-page-title {
	margin: 0 0 20px;
	font-size: 40px;
	font-weight: 600;
	line-height: 1.12;
	letter-spacing: -.02em;
	color: var(--pd-ink);
}

.pd-nav-pages {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 32px 0 0;
}

.pd-nav-pages a,
.pd-nav-pages span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	height: 42px;
	padding: 0 12px;
	border: 1px solid var(--pd-line);
	border-radius: var(--pd-r-s);
	font-size: 15px;
	color: var(--pd-ink-2);
}

.pd-nav-pages .current {
	border-color: transparent;
	background: var(--pd-accent);
	color: var(--pd-accent-ink);
}

.pd-nav-pages a:hover {
	border-color: var(--pd-blue);
	color: var(--pd-blue);
}

.pd-post-bottom {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin: 36px 0 0;
	padding: 24px 0 0;
	border-top: 1px solid var(--pd-line);
}

.pd-empty {
	padding: 48px 0;
	text-align: center;
	color: var(--pd-muted);
}

/* Комментарии базовой темы — приводим к сетке редизайна */
#comments {
	margin: 48px 0 0;
	padding: 32px 0 0;
	border-top: 1px solid var(--pd-line);
}

/* ------------------------------------------------------------ Адаптив */

@media (max-width: 1100px) {
	.pd-layout {
		grid-template-columns: minmax(0, 1fr);
		gap: 40px;
	}

	.pd-aside {
		position: static;
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.pd-ops {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.pd-hero {
		grid-template-columns: minmax(0, 1fr);
	}

	.pd-hero__title {
		font-size: 42px;
	}
}

@media (max-width: 1200px) {
	.pd-nav {
		display: none;
		order: 10;
		flex: 1 0 100%;
		padding: 0 0 14px;
	}

	.pd-nav.is-open {
		display: block;
	}

	.pd-nav ul {
		flex-direction: column;
		gap: 2px;
	}

	.pd-nav a {
		padding: 10px 14px;
	}

	.pd-burger {
		display: block;
		order: 2;
		margin-left: auto;
	}

	.pd-header__inner {
		flex-wrap: wrap;
	}

	.pd-search {
		order: 3;
		width: 190px;
	}

	.pd-codes,
	.pd-tiles,
	.pd-cards,
	.pd-cards--2,
	.pd-steps {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.pd-footer__inner {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 28px;
	}
}

@media (max-width: 700px) {
	body {
		font-size: 16px;
	}

	.pd-body {
		padding: 24px 0 56px;
	}

	.pd-hero__title {
		font-size: 32px;
	}

	.pd-hero__lead {
		font-size: 17px;
	}

	.pd-section {
		margin-bottom: 40px;
	}

	.pd-section__head {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}

	.pd-section__title {
		font-size: 26px;
	}

	.pd-page-title {
		font-size: 28px;
	}

	.pd-promo {
		grid-template-columns: minmax(0, 1fr);
		padding: 22px;
	}

	.pd-promo__code {
		min-width: 0;
	}

	.pd-codes,
	.pd-tiles,
	.pd-ops,
	.pd-cards,
	.pd-cards--2,
	.pd-steps,
	.pd-aside {
		grid-template-columns: minmax(0, 1fr);
	}

	.pd-codes .discount-card {
		grid-template-columns: minmax(0, 1fr);
		gap: 16px;
	}

	.pd-prose h2 {
		font-size: 24px;
	}

	.pd-prose h3 {
		font-size: 20px;
	}

	.pd-prose--boxed {
		padding: 22px;
	}

	.pd-footer__inner {
		grid-template-columns: minmax(0, 1fr);
	}

	.pd-search {
		flex: 1 1 auto;
		width: auto;
	}
}

@media (max-width: 420px) {
	.pd-logo__desc {
		display: none;
	}

	.pd-stats {
		grid-template-columns: minmax(0, 1fr);
	}
}

.pd-section--gap {
	margin-top: 40px;
}

.pd-steps__lead {
	margin: 0 0 20px;
}

.pd-steps__lead p:last-child,
.pd-steps__note p:last-child {
	margin-bottom: 0;
}

.pd-steps__note {
	margin: 20px 0 0;
	padding: 16px 20px;
	border-radius: var(--pd-r-m);
	background: var(--pd-surface);
	font-size: 16px;
}

/* Встроенные виджеты в колонке не должны вылезать за её ширину. */
.pd-widget iframe {
	max-width: 100%;
}

/* --------------------------------- Перекрытие наследия базового style.css */

/* В style.css есть глобальные `section {...}` и `section h2::after` от старых
   шаблонов оператора — на секциях редизайна они не нужны. */
.pd-section,
.pd-hero {
	padding: 0;
	border-bottom: 0;
	animation: none;
}

.pd-section h2,
.pd-section__title,
.pd-hero__title {
	padding-bottom: 0;
}

.pd-section h2:after,
.pd-section__title:after {
	display: none;
}

/* Лого: подпись под названием, а не в строку с ним. */
.pd-logo__title,
.pd-logo__desc {
	display: block;
}

/* Меню в одну строку на десктопе. */
.pd-nav a {
	padding: 8px 11px;
	font-size: 14px;
}

/* Правая колонка карточки промокода — кнопка не должна переноситься. */
.pd-codes .discount-card {
	grid-template-columns: minmax(0, 1fr) 196px;
	gap: 16px;
	padding: 20px 22px;
}

.pd-codes .discount-heading {
	font-size: 17px;
	line-height: 1.3;
}

.pd-codes .reveal-discount-btn {
	height: 42px;
	padding: 0 10px;
	font-size: 14px;
	white-space: nowrap;
}

.pd-codes .discount-code-value {
	height: 42px;
	font-size: 16px;
}

/* Шапка должна держаться в одну строку: на 1280 подпись логотипа не влезает
   вместе с семью пунктами меню и поиском. */
@media (max-width: 1599px) {
	.pd-header__inner {
		gap: 16px;
	}

	.pd-nav a {
		padding: 8px 9px;
	}

	.pd-search {
		width: 190px;
	}
}

/* ------------------------------------ Шаблоны города, оператора, автомобиля

   Вёрстка этих страниц живёт в single-city.php / single-operator.php /
   single-car.php и раскрашена в style.css градиентами 2023 года. PHP не
   трогаем — переводим блоки на палитру редизайна. */

.pd-article .operator-template,
.pd-article .city-template,
.pd-article .car-template {
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
	box-shadow: none;
}

.pd-article section {
	margin: 0 0 24px;
	padding: 28px 30px;
	border: 1px solid var(--pd-line);
	border-radius: var(--pd-r-l);
	background: var(--pd-bg);
	background-image: none;
	box-shadow: none;
	animation: none;
}

.pd-article section:last-child {
	margin-bottom: 0;
}

.pd-article section h2 {
	margin: 0 0 18px;
	padding: 0;
	font-size: 26px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -.02em;
	color: var(--pd-ink);
}

.pd-article section h2:after {
	display: none;
}

.pd-article section h3 {
	margin: 24px 0 12px;
	font-size: 20px;
	font-weight: 600;
	color: var(--pd-ink);
}

/* Шапка карточки оператора — вместо сине-фиолетового градиента тёмный блок. */
.pd-article .operator-main-info {
	border-color: transparent;
	background: var(--pd-ink);
	background-image: none;
	color: #fff;
}

.pd-article .operator-main-info h1,
.pd-article .operator-main-info h2,
.pd-article .operator-main-info p,
.pd-article .operator-main-info span,
.pd-article .operator-main-info div {
	color: #fff;
}

.pd-article .operator-age,
.pd-article .operator-cars {
	border-radius: var(--pd-r-s);
	background: rgba(255, 255, 255, .12);
}

/* Блок промокода — акцентный, он же цель страницы. */
.pd-article .operator-promocode,
.pd-article .car-promocode,
.pd-article .city-promocode {
	border-color: transparent;
	background: var(--pd-accent);
	background-image: none;
}

.pd-article .operator-promocode h2,
.pd-article .car-promocode h2,
.pd-article .city-promocode h2 {
	color: var(--pd-accent-ink);
}

.pd-article .promo-block {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 20px 22px;
	border-radius: var(--pd-r-m);
	background: var(--pd-bg);
}

.pd-article .promo-title {
	font-size: 17px;
	font-weight: 500;
	color: var(--pd-ink);
}

.pd-article .promo-code-wrap {
	display: flex;
	align-items: center;
	gap: 10px;
}

.pd-article .promo-code-text,
.promo-code-text {
	display: inline-flex;
	align-items: center;
	height: 46px;
	padding: 0 18px;
	border: 1px dashed var(--pd-blue);
	border-radius: var(--pd-r-s);
	background: var(--pd-blue-soft);
	font: 600 17px/1 var(--pd-font);
	letter-spacing: .06em;
	color: var(--pd-ink);
}

.pd-article .copy-the-code-button,
.copy-the-code-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 46px;
	padding: 0 20px;
	border: 1px solid transparent;
	border-radius: var(--pd-r-pill);
	background: var(--pd-ink);
	font: 500 15px var(--pd-font);
	color: #fff;
	cursor: pointer;
	transition: background-color .15s ease;
}

.pd-article .copy-the-code-button:hover,
.copy-the-code-button:hover {
	background: #000;
	color: #fff;
}

/* Плоские подложки вместо градиентов. */
.pd-article .operator-tariffs,
.pd-article .city-description,
.pd-article .operator-wp-content,
.pd-article .car-main-info {
	background: var(--pd-surface);
	background-image: none;
	border-color: transparent;
}

.pd-article .operator-zones__desc,
.pd-article .operator-zones__list,
.pd-article .operator-map,
.pd-article .operator-prices-info,
.pd-article .operator-prices__item,
.pd-article .car-spec-item,
.pd-article .car-price-param {
	border: 1px solid var(--pd-line);
	border-radius: var(--pd-r-m);
	background: var(--pd-bg);
	box-shadow: none;
}

.pd-article .city-car-card,
.pd-article .operator-car-card {
	border: 1px solid var(--pd-line);
	border-radius: var(--pd-r-m);
	background: var(--pd-bg);
	box-shadow: none;
	transition: border-color .15s ease;
}

.pd-article .city-car-card:hover,
.pd-article .operator-car-card:hover {
	border-color: var(--pd-blue);
}

.pd-article .operator-logo-img {
	border: 0;
	border-radius: var(--pd-r-m);
}

/* Текстовая часть записи внутри шаблонов. */
.pd-article .operator-wp-content,
.pd-article .city-description {
	font-size: 17px;
	line-height: 1.7;
	color: var(--pd-ink-2);
}

/* Города оператора — чипы вместо строки, разделённой вертикальными чертами. */
.operator-cities-list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.pd-chip {
	display: inline-flex;
	align-items: center;
	height: 36px;
	padding: 0 14px;
	border: 1px solid var(--pd-line);
	border-radius: var(--pd-r-pill);
	font-size: 15px;
	color: var(--pd-ink-2);
	transition: border-color .15s ease, background-color .15s ease, color .15s ease;
}

.pd-chip:hover {
	border-color: var(--pd-blue);
	background: var(--pd-blue-soft);
	color: var(--pd-ink);
}

/* Таблицы в шаблонах оператора и города. */
.pd-article table {
	width: 100%;
	border-collapse: collapse;
	font-size: 16px;
}

.pd-article th,
.pd-article td {
	padding: 12px 14px;
	border: 1px solid var(--pd-line);
	text-align: left;
}

.pd-article th {
	background: var(--pd-surface);
	background-image: none;
	font-weight: 600;
	color: var(--pd-ink);
}

/* Фиолетовая полоса-градиент над карточкой оператора — из старой темы. */
.pd-article .operator-template:before {
	display: none;
}

/* Акценты внутри тёмной шапки оператора: вместо оранжевого — фирменный лайм. */
.pd-article .operator-main-info strong,
.pd-article .operator-main-info b,
.pd-article .operator-main-info span[style],
.pd-article .operator-age span,
.pd-article .operator-cars span {
	color: var(--pd-accent);
}

/* Якорная навигация по разделам страницы. */
.pd-article .operator-nav a,
.pd-article .operator-anchors a,
.pd-article .car-nav a,
.pd-article .city-nav a {
	display: inline-flex;
	align-items: center;
	height: 40px;
	padding: 0 16px;
	border: 1px solid var(--pd-line);
	border-radius: var(--pd-r-pill);
	background: var(--pd-bg);
	font-size: 15px;
	color: var(--pd-ink-2);
	transition: border-color .15s ease, background-color .15s ease;
}

.pd-article .operator-nav a:hover,
.pd-article .operator-anchors a:hover,
.pd-article .car-nav a:hover,
.pd-article .city-nav a:hover {
	border-color: var(--pd-blue);
	background: var(--pd-blue-soft);
}

/* Классы вместо снятых инлайн-стилей в шаблонах города / оператора / авто. */
.pd-article .operator-map,
.pd-article .geo-map {
	width: 100%;
	height: 500px;
	margin: 24px 0;
}

.pd-store-badge {
	display: inline-block;
	width: auto;
	height: 40px;
	vertical-align: middle;
}

.pd-article .city-sections-nav {
	margin: 0 0 28px;
	padding: 0;
	border: 0;
	background: none;
}

.pd-article .city-sections-nav ul {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.pd-article .city-sections-nav li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.pd-article .city-sections-nav a {
	display: inline-flex;
	align-items: center;
	height: 40px;
	padding: 0 16px;
	border: 1px solid var(--pd-line);
	border-radius: var(--pd-r-pill);
	background: var(--pd-bg);
	font-size: 15px;
	color: var(--pd-ink-2);
	transition: border-color .15s ease, background-color .15s ease, color .15s ease;
}

.pd-article .city-sections-nav a:hover,
.pd-article .city-sections-nav a:focus {
	border-color: var(--pd-blue);
	background: var(--pd-blue-soft);
	color: var(--pd-ink);
}

.car-cities-list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

/* Заголовки внутри шаблонов — единый цвет вместо синего из старой темы. */
.pd-article h1,
.pd-article .operator-name,
.pd-article .city-name,
.pd-article .car-name {
	font-size: 36px;
	font-weight: 600;
	line-height: 1.12;
	letter-spacing: -.02em;
	color: var(--pd-ink);
}

.pd-article .operator-main-info h1 {
	color: #fff;
}

/* Форма Contact Form 7. */
.wpcf7-form label {
	display: block;
	margin: 0 0 14px;
	font-size: 15px;
	color: var(--pd-ink-2);
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea,
#commentform input[type="text"],
#commentform input[type="email"],
#commentform textarea {
	width: 100%;
	padding: 12px 16px;
	border: 1px solid var(--pd-line);
	border-radius: var(--pd-r-s);
	background: var(--pd-bg);
	font: 400 16px var(--pd-font);
	color: var(--pd-ink);
}

.wpcf7-form input:focus,
.wpcf7-form textarea:focus,
#commentform input:focus,
#commentform textarea:focus {
	border-color: var(--pd-blue);
	outline: none;
}

.wpcf7-form input[type="submit"],
#commentform input[type="submit"],
#commentform #submit {
	width: auto;
	height: 52px;
	padding: 0 26px;
	border: 0;
	border-radius: var(--pd-r-pill);
	background: var(--pd-accent);
	font: 500 16px var(--pd-font);
	color: var(--pd-accent-ink);
	cursor: pointer;
}

.wpcf7-form input[type="submit"]:hover,
#commentform input[type="submit"]:hover,
#commentform #submit:hover {
	background: var(--pd-accent-dark);
}

/* Карточка без миниатюры (города, статьи) — компактнее и с акцентной чертой. */
.pd-card--plain .pd-card__body {
	padding: 22px 22px 24px;
}

.pd-card--plain .pd-card__title {
	font-size: 18px;
}

/* Миниатюры машин и логотипы операторов — прозрачный webp на светлой подложке:
   обрезать их по cover нельзя, объект должен помещаться целиком. */
.pd-card__media {
	display: block;
	padding: 12px;
	background: var(--pd-surface);
}

/* height от блока с заданным aspect-ratio; grid тут не подходит — центрированный
   элемент не тянется на всю высоту строки и квадратная картинка обрезается. */
.pd-card__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.pd-article .city-car-img,
.pd-article .operator-car-img,
.pd-article .car-image-img {
	object-fit: contain;
	background: var(--pd-surface);
}

/* Иллюстрации в тексте: у части картинок в контенте атрибуты больше реального
   файла (width="1200" при 1024px), из-за чего они растягивались во всю ширину. */
.pd-prose img {
	max-width: 100%;
	max-height: 560px;
	width: auto;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

/* Блок перелинковки YARPP. Обёртки плагина имеют собственные отступы и стили
   из style.css — гасим их, внутри работает обычная сетка карточек. */
.yarpp-related,
.pd-related {
	clear: both;
	padding: 0;
	border: 0;
	background: none;
}

.pd-related .pd-cards {
	display: grid;
	/* auto-fit, а не фиксированные три колонки: это правило перебивает
	   адаптивные брейкпоинты .pd-cards и на мобильном давало три колонки по 106px. */
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 16px;
	float: none;
	overflow: visible;
}

.pd-related .pd-card {
	float: none;
	width: auto;
	margin: 0;
}

/* Картинка в карточке перелинковки ниже, чем в каталоге: блок вспомогательный. */
.pd-related .pd-card__media {
	aspect-ratio: 16 / 9;
}

/* Блок промокода внутри текста (.promokod лежит в post_content на страницах
   раздела «Информация»). На главной этот блок разбирает шаблон, здесь он
   выводится как есть — оформляем карточкой. Инлайн-цвет из контента можно
   перебить только !important. */
.pd-prose .promokod {
	margin: 28px 0;
	padding: 24px 26px;
	border-radius: var(--pd-r-l);
	background: var(--pd-accent);
	text-align: center;
}

.pd-prose .promokodtitle,
.pd-prose .promokod p {
	margin: 0 0 14px;
	font-size: 19px;
	font-weight: 500;
	line-height: 1.35;
	color: var(--pd-accent-ink);
}

.pd-prose .promokod p:last-child {
	margin-bottom: 0;
}

.pd-prose .promokod strong,
.pd-prose .promokod span {
	font-weight: inherit;
	color: var(--pd-ink) !important;
}

/* Плагин Copy The Code вставляет <button> внутрь <code> — раскладываем их
   в строку, иначе кнопка перекрывает сам код. */
.pd-prose .promokod code {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	padding: 8px 8px 8px 22px;
	border: 1px dashed var(--pd-blue);
	border-radius: var(--pd-r-m);
	background: var(--pd-bg);
	font: 600 22px/1 var(--pd-font);
	letter-spacing: .06em;
	color: var(--pd-ink);
}

.pd-prose .promokod .copy-the-code-wrap {
	display: inline-block;
}

.pd-prose .promokod .copy-the-code-button {
	height: 40px;
	padding: 0 18px;
	font-size: 14px;
	letter-spacing: 0;
	white-space: nowrap;
}

/* Copy The Code в режиме «кнопка внутри» позиционирует её absolute поверх кода —
   возвращаем в поток, чтобы сам промокод было видно. */
.pd-prose .promokod .copy-the-code-wrap {
	padding: 0;
}

/* Плагин резервирует 80px снизу под абсолютную кнопку — она больше не absolute. */
.pd-prose .promokod code.copy-the-code-target {
	margin: 0;
}

.pd-prose .promokod .copy-the-code-button {
	position: static;
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
	width: auto;
	margin: 0;
	opacity: 1;
	visibility: visible;
	transform: none;
}

/* -------------------------------------------------- Комментарии и формы темы

   Разметка в comments.php: .headline для заголовков, .form-field для полей,
   .button для кнопки — всё это раскрашивал старый style.css. */

.pd-main .headline,
.pd-main .headline--no-line {
	margin: 0 0 18px;
	padding: 0;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -.02em;
	color: var(--pd-ink);
}

.pd-main .headline:after {
	display: none;
}

.comment-list {
	margin: 0 0 32px;
	padding: 0;
	list-style: none;
}

.comment-list li {
	list-style: none;
}

.respond {
	margin: 32px 0 0;
	padding: 28px 30px;
	border: 1px solid var(--pd-line);
	border-radius: var(--pd-r-l);
	background: var(--pd-bg);
}

.comment-form .form-row {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin: 0 0 12px;
}

/* В старом style.css у обёртки поля ширина 50% — внутри грид-колонки
   это давало поле в половину ячейки. */
.comment-form .form-field-wrap {
	width: auto;
	min-width: 0;
	margin: 0;
	padding: 0;
	float: none;
}

.form-field,
.comment-form__author,
.comment-form__email,
.comment-form__comment {
	width: 100%;
	height: auto;
	padding: 12px 16px;
	border: 1px solid var(--pd-line);
	border-radius: var(--pd-r-s);
	background: var(--pd-bg);
	font: 400 16px/1.5 var(--pd-font);
	color: var(--pd-ink);
	transition: border-color .15s ease;
}

.comment-form__comment {
	min-height: 130px;
	margin: 0 0 14px;
	resize: vertical;
}

.form-field:focus {
	border-color: var(--pd-blue);
	outline: none;
}

.comment-form__button,
.pd-main .button,
.respond .button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	height: 52px;
	padding: 0 26px;
	border: 0;
	border-radius: var(--pd-r-pill);
	background: var(--pd-accent);
	font: 500 16px var(--pd-font);
	color: var(--pd-accent-ink);
	text-align: center;
	text-decoration: none;
	box-shadow: none;
	cursor: pointer;
	transition: background-color .15s ease;
}

.comment-form__button:before,
.comment-form__button:after,
.pd-main .button:before,
.pd-main .button:after {
	display: none;
}

.comment-form__button:hover,
.pd-main .button:hover {
	background: var(--pd-accent-dark);
	color: var(--pd-accent-ink);
}

.smart-captcha {
	margin: 0 0 15px;
}

/* --------------------------- Карточки промокодов: свежая разметка контента

   На проде в .discount-code-box лежат кнопка «Показать промокод» и блок
   .discount-code-inner с кодом и отдельной кнопкой копирования. До клика
   показываем только первую кнопку, после — код. */

.pd-codes .discount-card {
	grid-template-columns: minmax(0, 1fr) 215px;
}

.pd-codes .discount-code-inner {
	display: none;
	flex-direction: column;
	gap: 8px;
}

.pd-codes .discount-card.is-open .discount-code-inner {
	display: flex;
}

.pd-codes .discount-card.is-open .reveal-discount-btn {
	display: none;
}

/* Код внутри inner виден сразу — карточка раскрывается целиком. */
.pd-codes .discount-code-inner .discount-code-value {
	filter: none;
}

.pd-codes .card-copy-btn {
	width: 100%;
	height: 40px;
	padding: 0 12px;
	font-size: 14px;
}

/* В style.css у .discount-code-section ширина 33%, у .discount-code-box
   фиксированная высота 40px — в сетке редизайна колонка должна тянуться. */
.pd-codes .discount-code-section {
	width: auto;
}

.pd-codes .discount-code-box {
	align-items: stretch;
	height: auto;
	background: none;
	border-radius: 0;
}

.pd-codes .reveal-discount-btn {
	width: 100%;
	height: 44px;
}