/*
 * Курьер Pyszne.pl (page-courier-single-pyszne.php).
 *
 * Каркас страницы — стили Wolt (wolt_page) и Bolt Food (bolt_food) из
 * main-style. Здесь только своё: первый экран, картинки блоков и чёрная
 * кнопка. Брейкпоинты те же, что в теме: > 1660 (макет 1920, в vw),
 * ≤ 1660 (макет 1440), ≤ 1278 (макет 768), ≤ 765 (макет 360).
 */

/* ── первый экран ─────────────────────────────────────────────────────── */

.pyszne_page .new-hero-cont {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 2.083vw;
	min-height: 44.79vw;
	padding: 4.115vw 10.365vw;
	overflow: hidden;
	border-radius: 1.666vw;
}

.pyszne_page .new-hero-cont a,
.pyszne_page .new-hero-cont p,
.pyszne_page .new-hero-cont h1 {
	color: #fff;
}

.pyszne_page .new-hero-cont h1,
.pyszne_page .new-hero-cont .new-hero-desc,
.pyszne_page .new-hero-cont .modern-btn-block,
.pyszne_page .new-hero-cont #BreadcrumbList {
	position: relative;
	z-index: 2;
}

.pyszne_page .new-hero-cont h1 {
	max-width: 42vw;
	padding-top: 4.167vw;
	font-size: 3.75vw;
	font-weight: 500;
	line-height: 1;
	letter-spacing: -.04em;
	text-align: left;
}

.pyszne_page .new-hero-cont .new-hero-desc {
	max-width: 33.7vw;
	padding-bottom: 2.083vw;
	font-size: 1.25vw;
	font-weight: 600;
	line-height: 1.4;
	text-align: left;
}

.pyszne_page .new-hero-cont .new-hero-img {
	position: absolute;
	right: 2.29vw;
	bottom: -2.97vw;
	z-index: 1;
	width: 51.46vw;
}

.pyszne_page .new-hero-cont .new-hero-img img {
	display: block;
	width: 100%;
	height: auto;
}

.pyszne_page .new-hero-cont .new-hero-bg-svg {
	position: absolute;
	left: 2.34vw;
	bottom: -4.43vw;
	z-index: 0;
	width: 70.7vw;
	height: 18.07vw;
	background: url("../assets/images/img/pyszne/hero-watermark.svg") center / 100% 100% no-repeat;
	pointer-events: none;
}

/* тарелки с едой есть только в макете 768 */
.pyszne_page .new-hero-cont .new-hero-food {
	display: none;
}

/* кнопка первого экрана в макете чёрная с белой надписью */
.pyszne_page .new-hero-cont .modern-btn-block .modern-btn-part1 {
	background-color: #000;
}

.pyszne_page .new-hero-cont .modern-btn-part2 svg path[fill="#FBC707"] {
	fill: #000;
}

.pyszne_page .new-hero-cont .modern-btn-part2 svg path[fill="black"] {
	fill: #fff;
}

@media (max-width: 1660px) {
	.pyszne_page .new-hero-cont {
		gap: 40px;
		min-height: 700px;
		padding: 60px;
		border-radius: 32px;
	}

	.pyszne_page .new-hero-cont h1 {
		max-width: 586px;
		padding-top: 40px;
		font-size: 64px;
	}

	.pyszne_page .new-hero-cont .new-hero-desc {
		max-width: 559px;
		padding-bottom: 0;
		font-size: 18px;
		font-weight: 400;
	}

	.pyszne_page .new-hero-cont .new-hero-img {
		right: .35vw;
		bottom: -3.47vw;
		width: 60.9vw;
	}

	.pyszne_page .new-hero-cont .new-hero-bg-svg {
		left: 0;
		bottom: -4.51vw;
		width: 72.8vw;
		height: 18.6vw;
	}
}

/* планшет: текст сверху, скутер под кнопкой — в потоке, чтобы длинный
   польский или английский текст не наезжал на картинку */
@media (max-width: 1278px) {
	.pyszne_page .new-hero-cont {
		gap: 0;
		min-height: 116.5vw;
		padding: 40px 32px 0;
		border-radius: 48px;
	}

	/* у крошек в теме min-height 50px: 12px сверху дают те же 62px от
	   верха крошек до заголовка, что в макете */
	.pyszne_page .new-hero-cont h1 {
		max-width: 575px;
		margin: 0;
		padding-top: 12px;
		font-size: 8.333vw;
	}

	.pyszne_page .new-hero-cont .new-hero-desc {
		max-width: 560px;
		margin-top: 40px;
		font-size: 2.344vw !important;
	}

	.pyszne_page .new-hero-cont .modern-btn-block {
		margin: 40px 0 0;
	}

	.pyszne_page .new-hero-cont .new-hero-img {
		position: relative;
		right: auto;
		bottom: auto;
		width: 73.7vw;
		margin: 2.86vw 0 -4.43vw 16.28vw;
	}

	/* три тарелки с тенями, собраны из макета одной картинкой 530×580
	   с полями под размытие теней; низ холста на 165px ниже блока */
	.pyszne_page .new-hero-cont .new-hero-food {
		display: block;
		position: absolute;
		left: -24.74vw;
		bottom: -21.48vw;
		z-index: 1;
		width: 69.01vw;
		aspect-ratio: 530 / 580;
		background: url("../assets/images/img/pyszne/hero-food-768.webp") center / contain no-repeat;
		pointer-events: none;
	}

	.pyszne_page .new-hero-cont .new-hero-bg-svg {
		bottom: 20.44vw;
		width: 123.8vw;
		height: 31.25vw;
	}
}

/* телефон: заголовок, текст, скутер, кнопка */
@media (max-width: 765px) {
	.pyszne_page .new-hero-cont {
		min-height: 163.9vw;
		padding: 5.556vw 8.333vw 11.11vw;
		border-radius: 8.889vw;
	}

	.pyszne_page .new-hero-cont #BreadcrumbList {
		justify-content: flex-start;
		font-size: 3.889vw;
	}

	.pyszne_page .new-hero-cont h1 {
		max-width: 78vw;
		padding-top: 6.39vw;
		font-size: 8.889vw;
	}

	.pyszne_page .new-hero-cont .new-hero-desc {
		max-width: 80.8vw;
		margin-top: 8.333vw;
		font-size: 3.889vw !important;
	}

	.pyszne_page .new-hero-cont .new-hero-img {
		order: 3;
		align-self: center;
		width: 74.72vw;
		margin: -2.2vw 0 0 3.6vw;
	}

	.pyszne_page .new-hero-cont .modern-btn-block {
		order: 4;
		align-self: center;
		margin: 1.1vw 0 0;
	}

	.pyszne_page .new-hero-cont .new-hero-food {
		display: none;
	}

	.pyszne_page .new-hero-cont .new-hero-bg-svg {
		left: 2.78vw;
		bottom: 53vw;
		width: 115.6vw;
		height: 29.2vw;
	}
}

/* ── что важно знать ──────────────────────────────────────────────────── */

/* У Wolt на планшете карточки в две колонки, иконка на телефоне — рядом
   с заголовком. В макете Pyszne — одна колонка, иконка всегда над заголовком */
@media (max-width: 1278px) {
	body .wolt_page.pyszne_page .section-plus-prof-kosss .plus-prof-kosss-block3 {
		gap: 30px;
	}

	body .wolt_page.pyszne_page .section-plus-prof-kosss .plus-prof-kosss-block3 .plus-prof-kosss-cart {
		display: block;
		width: 100%;
		padding: 36px 35px;
	}

	body .wolt_page.pyszne_page .section-plus-prof-kosss .plus-prof-kosss-block3 .plus-prof-kosss-cart svg {
		width: 40px;
		height: 40px;
		min-width: 40px;
	}

	body .wolt_page.pyszne_page .section-plus-prof-kosss .plus-prof-kosss-block3 .plus-prof-kosss-cart h3 {
		max-width: none;
		padding: 27px 0 18px;
		font-size: 24px;
		line-height: 1.2;
	}

	/* на планшете заголовок в одну строку */
	body .wolt_page.pyszne_page .section-plus-prof-kosss .plus-prof-kosss-block3 .plus-prof-kosss-cart h3 br {
		display: none;
	}
}

@media (max-width: 765px) {
	body .wolt_page.pyszne_page .section-plus-prof-kosss .plus-prof-kosss-block3 {
		gap: 20px;
	}

	body .wolt_page.pyszne_page .section-plus-prof-kosss .plus-prof-kosss-block3 .plus-prof-kosss-cart {
		padding: 28px;
	}

	body .wolt_page.pyszne_page .section-plus-prof-kosss .plus-prof-kosss-block3 .plus-prof-kosss-cart svg {
		width: 32px;
		height: 32px;
		min-width: 32px;
	}

	/* margin-left у темы — отступ от иконки сбоку, здесь иконка сверху */
	body .wolt_page.pyszne_page .section-plus-prof-kosss .plus-prof-kosss-block3 .plus-prof-kosss-cart h3 {
		margin-left: 0;
		padding: 21px 0 14px;
		font-size: 20px;
	}

	/* на телефоне — снова в две строки, как в макете */
	body .wolt_page.pyszne_page .section-plus-prof-kosss .plus-prof-kosss-block3 .plus-prof-kosss-cart h3 br {
		display: inline;
	}
}

/* ── что понадобится ──────────────────────────────────────────────────── */

.wolt_page.pyszne_page .section-courier-requirements .courier-requirements-wrapper .courier-requirements-block-left {
	background-image: url("../assets/images/img/pyszne/requirements.webp");
}

/* десктоп: у Wolt картинка ниже (1278–1660 — фиксированные 520px), в макете
   Pyszne — 598×561; заголовок в две строки, у темы ширина 45–50% и он рвётся
   на три. На планшете и телефоне макет совпадает с Wolt — там не трогаем */
@media (min-width: 1279px) {
	.wolt_page.pyszne_page .section-courier-requirements .courier-requirements-wrapper .courier-requirements-block-left {
		height: auto !important;
		aspect-ratio: 598 / 561;
	}

	.pyszne_page .section-courier-requirements h2 {
		width: auto;
	}
}

/* колонка текста в макете шире, чем у Wolt: 500px на 1440 */
@media (min-width: 1661px) {
	.wolt_page.pyszne_page .section-courier-requirements .courier-requirements-wrapper .courier-requirements-block-right .courier-requirements-halo4ka-slips .halo4ka-cart .courier-requirements-text-p {
		max-width: 26vw;
	}
}

@media (min-width: 1279px) and (max-width: 1660px) {
	.wolt_page.pyszne_page .section-courier-requirements .courier-requirements-wrapper .courier-requirements-block-right {
		padding-right: 32px !important;
	}

	.wolt_page.pyszne_page .section-courier-requirements .courier-requirements-wrapper .courier-requirements-block-right .courier-requirements-halo4ka-slips .halo4ka-cart .courier-requirements-text-p {
		max-width: 500px;
	}
}

.courier-requirements-halo4ka-slips {
	max-height: 100%;
	overflow-y: hidden;
	scroll-behavior: smooth;
}

/* планшет и телефон: заголовки пунктов крупнее, текст шире, чем у Wolt */
@media (max-width: 1278px) {
	.pyszne_page .section-courier-requirements .courier-requirements-halo4ka-slips .courier-requirements-title-h3 {
		font-size: 24px;
		line-height: 1.4;
	}

	body .wolt_page.pyszne_page .section-courier-requirements .courier-requirements-wrapper .courier-requirements-block-right .courier-requirements-halo4ka-slips .halo4ka-cart .courier-requirements-text-p {
		max-width: 551px;
	}
}

@media (max-width: 765px) {
	.pyszne_page .section-courier-requirements .courier-requirements-halo4ka-slips .courier-requirements-title-h3 {
		font-size: 20px;
	}
}

/* ── как начать: фото курьеров ────────────────────────────────────────── */

body .pyszne_page .bolt_food .courier-page .section-register-driver-taxi .register-driver-taxi-wrapper div .register-driver-taxi-left-block1 {
	background-image: url("../assets/images/img/pyszne/steps-couriers.webp");
}

/* ── заработок ────────────────────────────────────────────────────────── */

.pyszne_page .section-courier-ueats-card .pyszne-earn-note {
	margin-top: 18px;
	color: #999;
}

/* картинки телефонов — оранжевые копии картинок Wolt, по языку и ширине */
.wolt_page.pyszne_page .section-courier-ueats-card .courier-ueats-card-block .courier-ueats-card:first-child .page-pl { background-image: url("../assets/images/img/pyszne/card1-1920-pl.svg") }
.wolt_page.pyszne_page .section-courier-ueats-card .courier-ueats-card-block .courier-ueats-card:first-child .page-en { background-image: url("../assets/images/img/pyszne/card1-1920-en.svg") }
.wolt_page.pyszne_page .section-courier-ueats-card .courier-ueats-card-block .courier-ueats-card:first-child .page-ru { background-image: url("../assets/images/img/pyszne/card1-1920-ru.svg") }
.wolt_page.pyszne_page .section-courier-ueats-card .courier-ueats-card-block .courier-ueats-card:nth-child(2) .page-pl-1 { background-image: url("../assets/images/img/pyszne/card2-1920-pl.svg") }
.wolt_page.pyszne_page .section-courier-ueats-card .courier-ueats-card-block .courier-ueats-card:nth-child(2) .page-en-1 { background-image: url("../assets/images/img/pyszne/card2-1920-en.svg") }
.wolt_page.pyszne_page .section-courier-ueats-card .courier-ueats-card-block .courier-ueats-card:nth-child(2) .page-ru-1 { background-image: url("../assets/images/img/pyszne/card2-1920-ru.svg") }
.wolt_page.pyszne_page .section-courier-ueats-card .courier-ueats-card-block .courier-ueats-card:last-child .page-pl { background-image: url("../assets/images/img/pyszne/card3-1920-pl.svg") }
.wolt_page.pyszne_page .section-courier-ueats-card .courier-ueats-card-block .courier-ueats-card:last-child .page-en { background-image: url("../assets/images/img/pyszne/card3-1920-en.svg") }
.wolt_page.pyszne_page .section-courier-ueats-card .courier-ueats-card-block .courier-ueats-card:last-child .page-ru { background-image: url("../assets/images/img/pyszne/card3-1920-ru.svg") }
@media (max-width:1660px) {
    .wolt_page.pyszne_page .section-courier-ueats-card .courier-ueats-card-block .courier-ueats-card:first-child .page-pl { background-image: url("../assets/images/img/pyszne/card1-1440-pl.svg") }
    .wolt_page.pyszne_page .section-courier-ueats-card .courier-ueats-card-block .courier-ueats-card:first-child .page-en { background-image: url("../assets/images/img/pyszne/card1-1440-en.svg") }
    .wolt_page.pyszne_page .section-courier-ueats-card .courier-ueats-card-block .courier-ueats-card:first-child .page-ru { background-image: url("../assets/images/img/pyszne/card1-1440-ru.svg") }
    .wolt_page.pyszne_page .section-courier-ueats-card .courier-ueats-card-block .courier-ueats-card:nth-child(2) .page-pl-1 { background-image: url("../assets/images/img/pyszne/card2-1440-pl.svg") }
    .wolt_page.pyszne_page .section-courier-ueats-card .courier-ueats-card-block .courier-ueats-card:nth-child(2) .page-en-1 { background-image: url("../assets/images/img/pyszne/card2-1440-en.svg") }
    .wolt_page.pyszne_page .section-courier-ueats-card .courier-ueats-card-block .courier-ueats-card:nth-child(2) .page-ru-1 { background-image: url("../assets/images/img/pyszne/card2-1440-ru.svg") }
    .wolt_page.pyszne_page .section-courier-ueats-card .courier-ueats-card-block .courier-ueats-card:last-child .page-pl { background-image: url("../assets/images/img/pyszne/card3-1440-pl.svg") }
    .wolt_page.pyszne_page .section-courier-ueats-card .courier-ueats-card-block .courier-ueats-card:last-child .page-en { background-image: url("../assets/images/img/pyszne/card3-1440-en.svg") }
    .wolt_page.pyszne_page .section-courier-ueats-card .courier-ueats-card-block .courier-ueats-card:last-child .page-ru { background-image: url("../assets/images/img/pyszne/card3-1440-ru.svg") }
}

@media (max-width:1278px) {
    body .wolt_page.pyszne_page .section-courier-ueats-card .courier-ueats-card-block .courier-ueats-card:first-child .page-pl { background-image: url("../assets/images/img/pyszne/card1-768-pl.svg") }
    body .wolt_page.pyszne_page .section-courier-ueats-card .courier-ueats-card-block .courier-ueats-card:first-child .page-en { background-image: url("../assets/images/img/pyszne/card1-768-en.svg") }
    body .wolt_page.pyszne_page .section-courier-ueats-card .courier-ueats-card-block .courier-ueats-card:first-child .page-ru { background-image: url("../assets/images/img/pyszne/card1-768-ru.svg") }
    body .wolt_page.pyszne_page .section-courier-ueats-card .courier-ueats-card-block .courier-ueats-card:nth-child(2) .page-pl-1 { background-image: url("../assets/images/img/pyszne/card2-768-pl.svg") }
    body .wolt_page.pyszne_page .section-courier-ueats-card .courier-ueats-card-block .courier-ueats-card:nth-child(2) .page-en-1 { background-image: url("../assets/images/img/pyszne/card2-768-en.svg") }
    body .wolt_page.pyszne_page .section-courier-ueats-card .courier-ueats-card-block .courier-ueats-card:nth-child(2) .page-ru-1 { background-image: url("../assets/images/img/pyszne/card2-768-ru.svg") }
    body .wolt_page.pyszne_page .section-courier-ueats-card .courier-ueats-card-block .courier-ueats-card:last-child .page-pl { background-image: url("../assets/images/img/pyszne/card3-768-pl.svg") }
    body .wolt_page.pyszne_page .section-courier-ueats-card .courier-ueats-card-block .courier-ueats-card:last-child .page-en { background-image: url("../assets/images/img/pyszne/card3-768-en.svg") }
    body .wolt_page.pyszne_page .section-courier-ueats-card .courier-ueats-card-block .courier-ueats-card:last-child .page-ru { background-image: url("../assets/images/img/pyszne/card3-768-ru.svg") }
}

@media (max-width:765px) {
    body .wolt_page.pyszne_page .section-courier-ueats-card .courier-ueats-card-block .courier-ueats-card:first-child .page-pl { background-image: url("../assets/images/img/pyszne/card1-360-pl.svg") }
    body .wolt_page.pyszne_page .section-courier-ueats-card .courier-ueats-card-block .courier-ueats-card:first-child .page-en { background-image: url("../assets/images/img/pyszne/card1-360-en.svg") }
    body .wolt_page.pyszne_page .section-courier-ueats-card .courier-ueats-card-block .courier-ueats-card:first-child .page-ru { background-image: url("../assets/images/img/pyszne/card1-360-ru.svg") }
    body .wolt_page.pyszne_page .section-courier-ueats-card .courier-ueats-card-block .courier-ueats-card:nth-child(2) .page-pl-1 { background-image: url("../assets/images/img/pyszne/card2-360-pl.svg") }
    body .wolt_page.pyszne_page .section-courier-ueats-card .courier-ueats-card-block .courier-ueats-card:nth-child(2) .page-en-1 { background-image: url("../assets/images/img/pyszne/card2-360-en.svg") }
    body .wolt_page.pyszne_page .section-courier-ueats-card .courier-ueats-card-block .courier-ueats-card:nth-child(2) .page-ru-1 { background-image: url("../assets/images/img/pyszne/card2-360-ru.svg") }
    body .wolt_page.pyszne_page .section-courier-ueats-card .courier-ueats-card-block .courier-ueats-card:last-child .page-pl { background-image: url("../assets/images/img/pyszne/card3-360-pl.svg") }
    body .wolt_page.pyszne_page .section-courier-ueats-card .courier-ueats-card-block .courier-ueats-card:last-child .page-en { background-image: url("../assets/images/img/pyszne/card3-360-en.svg") }
    body .wolt_page.pyszne_page .section-courier-ueats-card .courier-ueats-card-block .courier-ueats-card:last-child .page-ru { background-image: url("../assets/images/img/pyszne/card3-360-ru.svg") }
}

/* ══ Правки по ревью макета (02.10.2026) ═════════════════════════════════
   Всё под .pyszne-body (класс шаблона у body): форма заявки и всплывающее
   окно лежат вне обёртки .pyszne_page. Цифры — из Figma: 1920 (в vw),
   1440, 768 и 360. Общие блоки темы на других страницах не меняются. */

/* ── шрифты ──────────────────────────────────────────────────────────────
   Заголовки секций — как в макете: тонкая строка 400, жирная 600.
   Остальное по просьбе клиента (02.10) на ступень тоньше макета: текст
   не тоньше 400, заголовки не тоньше 600. Часть весов тема задаёт
   цепочками из 4–6 классов — повторять их хрупко, поэтому здесь
   точечно !important. */

.pyszne-body .big-text-title {
	font-weight: 400;
}

.pyszne-body .big-text-title .font-weight-600 {
	font-weight: 600;
}

/* текст — 400 */
.pyszne-body .new-hero-cont #BreadcrumbList,
.pyszne-body .new-hero-cont #BreadcrumbList *,
.pyszne-body .plus-prof-kosss-text,
.pyszne-body .courier-requirements-text-p,
.pyszne-body .register-taxi-text-d,
.pyszne-body .section-courier-ueats-card .cart-tipical-text,
.pyszne-body .description-text-feedback,
.pyszne-body .section-callback-form h3,
.pyszne-body #standart-forma-modal1 .title-text-noh3,
.pyszne-body #contactForm p {
	font-weight: 400 !important;
}

/* выделение в тексте (Umowa zlecenia): у темы 500 — не отличалось от текста */
.pyszne-body .courier-requirements-text-p .font-weight-600,
.pyszne-body .courier-requirements-text-p b,
.pyszne-body .courier-requirements-text-p strong {
	font-weight: 600 !important;
}

/* текст, который в макете плотнее основного, — 500 */
.pyszne-body .section-courier-ueats-card .courier-ueats-card .cart-text20-24 {
	color: #999 !important;
	font-weight: 500 !important;
}

.pyszne-body .section-benefits-work .benefits-work-title-text3,
.pyszne-body .section-question-client .question-client-description,
.pyszne-body .section-question-client .question-client-description p {
	font-weight: 500 !important;
}

/* заголовки — 600 (у требований и тёмного блока в теме 700) */
.pyszne-body .courier-requirements-title-h3,
.pyszne-body .section-courier-ueats-card .courier-ueats-card h3,
.pyszne-body .section-benefits-work .benefits-work-title-text2,
.pyszne-body .section-question-client .question-client-title h3 {
	font-weight: 600 !important;
}

/* заголовок шага: 32px SemiBold и отступ до текста (в теме 28px Medium вплотную) */
.pyszne-body .section-register-driver-taxi .register-taxi-text-c {
	margin-bottom: 1.5625vw;
	font-size: 1.667vw !important;
	font-weight: 600 !important;
	letter-spacing: -.04em !important;
}

/* форма и окно: «Присоединяйся» 600, остальное 400 (на телефоне тема
   делала заголовок целиком жирным) */
.pyszne-body .section-callback-form h2,
.pyszne-body #standart-forma-modal1 .title-text-noh2 {
	font-weight: 400 !important;
}

.pyszne-body .section-callback-form h2 span,
.pyszne-body #standart-forma-modal1 .title-text-noh2 span {
	font-weight: 600 !important;
}

/* ссылка на политику: 500, подчёркивание «из шрифта», как в макете */
.pyszne-body #contactForm p a {
	font-weight: 500 !important;
	text-decoration: underline;
	text-decoration-thickness: from-font;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
}

/* поля формы набирались Arial — браузерный шрифт по умолчанию */
.pyszne-body #contactForm input {
	font-family: inherit;
	font-weight: 400;
}

/* «Посмотреть все отзывы»: 500 и подчёркивание шрифта, как в макете */
.pyszne-body .feedback-head-wrapper a,
.pyszne-body .feedback-foot-wrapper a {
	font-weight: 500 !important;
	text-decoration: underline !important;
	text-decoration-thickness: from-font !important;
	text-underline-position: from-font !important;
	text-decoration-skip-ink: none !important;
}

/* ── отступы между блоками: 240 / 160 / 160 / 80, как в макете ─────────── */

.pyszne-body .wolt_page .section-plus-prof-kosss {
	margin-top: 13.125vw;
}

.pyszne-body .section-feedback-slider {
	padding-top: 13.125vw;
}

.pyszne-body .wrapper-form-page .section-callback-form {
	margin-top: 12.5vw;
	margin-bottom: 12.5vw;
}

/* после отзывов у темы на 10px больше, чем в макете (на планшете — меньше) */
.pyszne-body .section-question-client {
	margin-top: -.521vw;
}

/* ── «Что понадобится»: картинка во всю высоту карточки ─────────────────── */

@media (min-width: 1279px) {
	/* у темы снизу 40px против 10 сверху — отсюда полоса под картинкой */
	.pyszne-body .section-courier-requirements .courier-requirements-wrapper .courier-requirements-block-left {
		align-self: stretch;
		margin-bottom: .521vw;
	}
}

@media (min-width: 1279px) and (max-width: 1660px) {
	.pyszne-body .section-courier-requirements .courier-requirements-wrapper .courier-requirements-block-left {
		margin-bottom: 10px;
	}
}

/* ── крошки: стрелки-разделители белые, в тон ссылкам (чёрный цвет у темы
      прописан прямо в разметке svg, functions.php) ──────────────────────── */

.pyszne-body .new-hero-cont #BreadcrumbList svg path {
	stroke: #fff;
}

/* ── тёмный блок: лёгкий градиент поверх #141414 ────────────────────────── */

.pyszne-body .section-benefits-work .section-benefits-work-wrapper {
	background: linear-gradient(94deg, rgba(255, 255, 255, .06) 49.6%, rgba(255, 254, 254, 0) 93.3%), #141414;
}

/* ── отзывы ──────────────────────────────────────────────────────────────── */

/* тема гасит фон у любого элемента в фокусе (:focus { background: 0 0 }),
   и карточка отзыва белела при клике или перетаскивании */
.pyszne-body .slider-feedback-body .slider-feedback-cart:focus,
.pyszne-body .slider-feedback-body .slick-slide:focus .slider-feedback-cart {
	background-color: #f5f5f5 !important;
}

/* хвостик облачка в правом верхнем углу (svg hvost в разметке): по макету
   торчит над карточкой на 25px. Тема его прятала: .border-x обрезает всё
   за краем карточки, а над первым рядом не хватало места до края ленты.
   Второй ряд: промежуток по макету 20px от низа карточки до кончика
   хвостика (на планшете 10px) */
.pyszne-body .section-feedback-slider .slider-feedback-body .slider-feedback-cart {
	overflow: visible;
	margin-top: 25px;
}

.pyszne-body .section-feedback-slider .slider-feedback-body .slider-feedback-cart > svg {
	top: -25px;
}

.pyszne-body .section-feedback-slider .slider-feedback-body .slick-slide > div + div .slider-feedback-cart {
	margin-top: 30px;
}

@media (min-width: 1661px) {
	.pyszne-body .section-feedback-slider .slider-feedback-body .slider-feedback-cart {
		margin-top: 1.302vw;
	}

	.pyszne-body .section-feedback-slider .slider-feedback-body .slider-feedback-cart > svg {
		top: -1.302vw;
	}

	.pyszne-body .section-feedback-slider .slider-feedback-body .slick-slide > div + div .slider-feedback-cart {
		margin-top: 1.302vw;
	}
}

@media (max-width: 1278px) {
	.pyszne-body .section-feedback-slider .slider-feedback-body .slick-slide > div + div .slider-feedback-cart {
		margin-top: 35px;
	}
}

/* ряд по макету: на десктопе 3 карточки целиком и половинки по краям,
   на планшете 2 целиком (число слайдов — в скрипте шаблона: 5 и 4).
   Промежуток у темы — gap ленты, slick его не учитывает, и браузер сжимал
   слайды по-разному (одна карточка выходила шире). Переносим промежуток
   внутрь слайда: карточка = ширина ряда / число слайдов − промежуток. */
@media (min-width: 766px) {
	.pyszne-body .slider-feedback-body .slick-list .slick-track {
		gap: 0;
	}

	.pyszne-body .slider-feedback-body .slick-slide {
		box-sizing: border-box;
		padding-right: 30px;
	}
}

@media (min-width: 1661px) {
	.pyszne-body .slider-feedback-body .slick-slide {
		padding-right: 2.083vw;
	}

	/* 5 слайдов по 480 при 1920: карточка 440, первая целая — с 260px
	   (лента на этой ширине у темы сдвинута ещё на 60px — учтено в left) */
	.pyszne-body .section-feedback-slider .slider-feedback-body {
		width: 125vw;
		left: -14.583vw;
	}
}

/* ── шаги «Как начать»: раскладка по макету ──────────────────────────────
   Линия между кружками — левая рамка шага; кружок стоял ниже верха шага,
   и над первым торчал кусок линии. Теперь кружок у верхнего края (линия
   начинается под ним), а заголовок поднят над кружком, как в макете:
   на 7px при 1920, 12 — при 1440, 10 — при 768, вровень — на телефоне.
   Тема (хаки Bolt Food) добавляла заголовкам свой нижний отступ, первый
   растягивала на высоту кружка с текстом по центру, третий сдвигала
   вверх — промежуток до текста выходил вдвое больше макета. Теперь до
   текста только margin заголовка (30 / 27 / 27 / 20, задан выше), от
   текста до следующего заголовка — 76 / 68 / 68 / 30. */
.pyszne-body .section-register-driver-taxi .register-driver-taxi-block .register-driver-taxi-circle {
	top: 0 !important;
}

.pyszne-body .section-register-driver-taxi .register-driver-taxi-block .register-taxi-text-c {
	display: block !important;
	height: auto !important;
	padding-bottom: 0 !important;
	margin-top: -.365vw;
	top: 0 !important;
}

.pyszne-body .section-register-driver-taxi .register-driver-taxi-block .register-taxi-text-d {
	top: 0 !important;
}

.pyszne-body .section-register-driver-taxi .register-driver-taxi-block .register-driver-taxi-cart:not(:last-child) {
	padding-bottom: 4.323vw !important;
}

@media (max-width: 1660px) {
	.pyszne-body .section-register-driver-taxi .register-driver-taxi-block .register-taxi-text-c {
		margin-top: -12px;
	}

	.pyszne-body .section-register-driver-taxi .register-driver-taxi-block .register-driver-taxi-cart:not(:last-child) {
		padding-bottom: 80px !important;
	}
}

@media (max-width: 1278px) {
	.pyszne-body .section-register-driver-taxi .register-driver-taxi-block .register-taxi-text-c {
		margin-top: -10px;
	}

	.pyszne-body .section-register-driver-taxi .register-driver-taxi-block .register-driver-taxi-cart:not(:last-child) {
		padding-bottom: 78px !important;
	}
}

@media (max-width: 765px) {
	.pyszne-body .section-register-driver-taxi .register-driver-taxi-block .register-taxi-text-c {
		margin-top: 0;
	}

	.pyszne-body .section-register-driver-taxi .register-driver-taxi-block .register-driver-taxi-cart:not(:last-child) {
		padding-bottom: 30px !important;
	}
}

/* ── FAQ: плавное раскрытие (высоту ставит скрипт шаблона) ──────────────── */

.pyszne-body .section-question-client .question-client-cart {
	transition: background-color .35s ease, padding .35s ease;
}

.pyszne-body .section-question-client .question-client-description {
	transition: max-height .45s ease, padding .45s ease, opacity .35s ease !important;
	opacity: 0;
}

.pyszne-body .section-question-client .active-client-cart .question-client-description {
	opacity: 1;
}

/* отступ под ответом — у карточки, как у темы на телефоне, а не у самого
   ответа: высоту ответа скрипт замеряет сразу после клика, и пока отступ
   ответа анимировался с нуля, замер выходил меньше — низ ответа обрезался,
   текст вставал вплотную к краю. По макету 51px на 1920, 46 на 1440 */
@media (min-width: 766px) {
	.pyszne-body .section-question-client .question-client-wrapper .active-client-cart .question-client-description {
		padding-bottom: 0;
	}

	.pyszne-body .section-question-client .question-client-wrapper .active-client-cart {
		padding-bottom: 30px;
	}
}

@media (min-width: 1279px) {
	.pyszne-body .section-question-client .question-client-wrapper .active-client-cart {
		padding-bottom: 45px;
	}
}

@media (min-width: 1661px) {
	.pyszne-body .section-question-client .question-client-wrapper .active-client-cart {
		padding-bottom: 2.604vw;
	}
}

/* ── стрелки кнопок: ровно вниз-вправо (135°), у темы 120°; при наведении,
   как и в теме, стрелка разворачивается вверх ─────────────────────────── */

.pyszne-body .modern-btn-block .modern-btn-part1,
.pyszne-body .submit-btn .modern-btn-part1 {
	transform: rotate(135deg);
}

.pyszne-body .modern-btn-block:hover .modern-btn-part1,
.pyszne-body .submit-btn:hover .modern-btn-part1 {
	transform: rotate(0deg);
}

/* ── кнопка заявки при отправке: крутилка вместо стрелки, текст на месте ── */

.pyszne-body .modern-btn-part1.load {
	opacity: 1;
}

.pyszne-body .modern-btn-part1.load .circl-arrow-btn {
	position: relative;
}

.pyszne-body .modern-btn-part1.load .circl-arrow-btn svg {
	opacity: 0;
}

.pyszne-body .modern-btn-part1.load .circl-arrow-btn::after {
	content: "";
	position: absolute;
	inset: 26%;
	border: 3px solid rgba(0, 0, 0, .15);
	border-top-color: #000;
	border-radius: 50%;
	animation: l3 .8s linear infinite;
}

.pyszne-body .modern-btn-part2.load .l {
	display: none;
}

/* правая часть кнопки — одна картинка с фоном и надписью: тема гасила её
   до 0.3, кнопка становилась бурой; оставляем как есть, загрузку видно по крутилке */
.pyszne-body .modern-btn-part2.load svg {
	opacity: 1;
}

.pyszne-body .load {
	cursor: progress;
}

/* ── всплывающее окно с формой: плавное появление, не выше экрана ──────── */

@keyframes pyszne-modal-fade {
	from { opacity: 0; }
}

@keyframes pyszne-modal-in {
	from { opacity: 0; transform: translateY(16px) scale(.97); }
}

.pyszne-body #standart-forma-modal1 {
	animation: pyszne-modal-fade .25s ease;
}

.pyszne-body #standart-forma-modal1 .forma-modal-callback {
	max-height: calc(100vh - 32px);
	max-height: calc(100dvh - 32px);
	overflow-y: auto;
	animation: pyszne-modal-in .35s cubic-bezier(.2, .8, .2, 1);
}

@media (prefers-reduced-motion: reduce) {
	.pyszne-body #standart-forma-modal1,
	.pyszne-body #standart-forma-modal1 .forma-modal-callback {
		animation: none;
	}
}

/* ── 1440 ──────────────────────────────────────────────────────────────── */

@media (max-width: 1660px) {
	.pyszne-body .wolt_page .section-plus-prof-kosss {
		margin-top: 171px;
	}

	.pyszne-body .section-feedback-slider {
		padding-top: 160px;
	}

	.pyszne-body .wrapper-form-page .section-callback-form {
		margin-top: 160px;
		margin-bottom: 160px;
	}

	.pyszne-body .section-question-client {
		margin-top: -6px;
	}

	.pyszne-body .section-register-driver-taxi .register-taxi-text-c {
		margin-bottom: 27px;
		font-size: 32px !important;
	}

	.pyszne-body .section-courier-ueats-card .courier-ueats-card .cart-text20-24 {
		font-size: 16px !important;
		letter-spacing: -.04em !important;
	}

	.pyszne-body .section-question-client .question-client-title h3 {
		font-size: 24px !important;
		letter-spacing: -.04em !important;
	}

	.pyszne-body .section-courier-requirements .courier-requirements-halo4ka-slips .courier-requirements-title-h3 {
		font-size: 24px;
		line-height: 1.4;
	}
}

@media (min-width: 1279px) and (max-width: 1660px) {
	.pyszne-body .uber_eats .section-courier-ueats-card {
		margin-top: 160px;
	}

	/* 5 слайдов по 427 при 1440: карточка 397, первая целая — с 95px */
	.pyszne-body .section-feedback-slider .slider-feedback-body {
		width: 148.26%;
		left: -23.06%;
	}
}

/* ── 768 ──────────────────────────────────────────────────────────────── */

@media (max-width: 1278px) {
	/* шапка темы на планшете 190px при плашке 110 — под ней пустые 80px;
	   по макету первый экран начинается сразу под шапкой */
	.pyszne-body header {
		height: 130px;
	}

	/* крошки по центру, как в макете; заголовок остаётся слева */
	.pyszne-body .pyszne_page .new-hero-cont #BreadcrumbList {
		align-self: stretch;
		justify-content: center;
	}

	.pyszne-body .wolt_page .section-plus-prof-kosss {
		margin-top: 169px;
	}

	.pyszne-body .section-register-driver-taxi .register-taxi-text-c {
		font-size: 28px !important;
	}

	.pyszne-body .section-courier-ueats-card .courier-ueats-card .cart-text20-24 {
		font-size: 20px !important;
	}

	/* на широком планшете шаги с фото и тёмный блок не прижимаются влево:
	   колонка 670px по центру, как в макете 768 */
	.pyszne-body .uber_eats .courier-page .section-register-driver-taxi .register-driver-taxi-wrapper,
	.pyszne-body .section-benefits-work .section-benefits-work-wrapper .section-benefits-work-block {
		max-width: 670px;
		margin-left: auto;
		margin-right: auto;
	}

	/* 4 слайда по 350 при 768: карточка 320, первая целая — с 49px */
	.pyszne-body .section-feedback-slider .slider-feedback-body {
		width: 182.3%;
		left: -39.2%;
	}

	.pyszne-body .section-question-client {
		margin-top: 7px;
	}

	/* на планшете отступы формы задаёт обёртка .wrapper-form-page */
	.pyszne-body .wrapper-form-page .section-callback-form {
		margin-top: 0;
		margin-bottom: 0;
	}

	/* окно с формой на планшете крупнее макета формы — заголовок как у формы 768 */
	.pyszne-body #standart-forma-modal1 .title-text-noh2 {
		font-size: 56px;
	}
}

/* ── 360 ──────────────────────────────────────────────────────────────── */

@media (max-width: 765px) {
	.pyszne-body header {
		height: fit-content;
	}

	.pyszne-body .pyszne_page .new-hero-cont #BreadcrumbList {
		justify-content: flex-start;
	}

	.pyszne-body .wolt_page .section-plus-prof-kosss {
		margin-top: 85px;
	}

	.pyszne-body .section-register-driver-taxi .register-taxi-text-c {
		margin-bottom: 20px;
		font-size: 20px !important;
	}

	.pyszne-body .section-courier-ueats-card .courier-ueats-card .cart-text20-24 {
		font-size: 16px !important;
	}

	.pyszne-body .uber_eats .courier-page .section-register-driver-taxi .register-driver-taxi-wrapper,
	.pyszne-body .section-benefits-work .section-benefits-work-wrapper .section-benefits-work-block {
		max-width: none;
	}

	.pyszne-body #standart-forma-modal1 .title-text-noh2 {
		font-size: 28px;
	}

	.pyszne-body .section-feedback-slider {
		padding-top: 80px;
	}

	/* на телефоне лента по ширине экрана, как у темы: планшетные
	   182.3% / −39.2% сильнее её сброса и уводили карточку за край */
	.pyszne-body .section-feedback-slider .slider-feedback-body {
		width: 100%;
		left: 0;
	}

	.pyszne-body .section-question-client {
		margin-top: 5px;
	}

	.pyszne-body .section-question-client .question-client-title h3 {
		font-size: 16px !important;
	}

	.pyszne-body .section-courier-requirements .courier-requirements-halo4ka-slips .courier-requirements-title-h3 {
		font-size: 20px;
	}
}