/* Home page "Акции" block (plugin_blocks/templates/last_sales.html), variant C: blue full-width band */
.sa-sales {
	position: relative;
	/* full screen width, like the hero slider */
	width: 100vw;
	margin: 0 calc(50% - 50vw);
	padding: var(--sa-section, 72px) 0;
	overflow: hidden;
	background: linear-gradient(135deg, #355a9f 0%, #2a4a86 100%);
	color: #fff;
	font-family: 'Roboto', sans-serif;
	line-height: 1.5;
	text-align: left;
}
.sa-sales * { box-sizing: border-box; }
/* sections go edge to edge: no white gaps (template.css has #last_sales { margin-bottom: 50px }) */
#last_sales.sa-sales { margin-bottom: 0; }
.sa-sales::before {
	content: ''; position: absolute; right: -160px; top: -160px; width: 480px; height: 480px; border-radius: 50%;
	background: radial-gradient(circle, rgba(69, 173, 227, .35), rgba(69, 173, 227, 0) 70%);
	pointer-events: none;
}
.sa-sales-in { position: relative; max-width: calc(var(--sa-wrap, 1200px) + 2 * var(--sa-gutter, 32px)); margin: 0 auto; padding: 0 var(--sa-gutter, 32px); }

.sa-sales-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 28px; }
html body .sa-sales .sa-sales-title {
	margin: 0; padding: 0; color: #fff; font-family: inherit; font-size: clamp(28px, 3.4vw, 40px); font-weight: 700;
	line-height: 1.1; letter-spacing: 0; text-transform: none; text-align: left;
}
.sa-sales .sa-sales-title::before, .sa-sales .sa-sales-title::after { display: none; }
.sa-sales .sa-sales-sub { margin: 8px 0 0; color: #d6e0f3; font-size: 17px; line-height: 1.4; }
.sa-sales .sa-sales-all { display: inline-flex; align-items: center; gap: 6px; color: #fff; font-size: 17px; font-weight: 500; text-decoration: none; }
.sa-sales .sa-sales-all::after, .sa-sales .sa-sale-more::after { content: '→'; transition: transform .15s; }
.sa-sales .sa-sales-all:hover { color: #fff; }
.sa-sales .sa-sales-all:hover::after, .sa-sales .sa-sale:hover .sa-sale-more::after { transform: translateX(3px); }

.sa-sales-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.sa-sales-grid > :only-child { grid-column: 1 / -1; }
.sa-sales .sa-sale {
	display: flex; gap: 22px; padding: 28px; border-radius: 18px; color: #fff; text-decoration: none;
	background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .18);
	transition: background .2s, transform .2s;
}
.sa-sales .sa-sale:hover { background: rgba(255, 255, 255, .13); color: #fff; transform: translateY(-3px); }
.sa-sale-big {
	flex: 0 0 120px; height: 120px; border-radius: 16px; background: #fff; color: #355a9f;
	display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 8px; text-align: center;
}
.sa-sale-big b { font-size: 34px; font-weight: 700; line-height: 1; white-space: nowrap; }
.sa-sale-big svg { width: 44px; height: 44px; }
.sa-sale-big small { margin-top: 6px; color: #6b7280; font-size: 13px; line-height: 1.2; }
.sa-sale-big small:empty { display: none; }
.sa-sale-txt { flex: 1; min-width: 0; display: flex; flex-direction: column; }
html body .sa-sales .sa-sale h3 {
	margin: 2px 0 8px; padding: 0; color: #fff; font-family: inherit; font-size: 22px; font-weight: 700;
	line-height: 1.25; letter-spacing: 0; text-transform: none; text-align: left;
}
.sa-sales .sa-sale h3::before, .sa-sales .sa-sale h3::after { display: none; }
.sa-sale-body { flex: 1; color: #dfe6f4; font-size: 16px; line-height: 1.5; }
.sa-sale-body p, .sa-sale-body ul { margin: 0 0 10px; }
.sa-sale-body li { text-transform: none; }
.sa-sale-body b, .sa-sale-body strong { color: #fff; }
.sa-sale-more { display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; color: #fff; font-size: 16px; font-weight: 500; }

.sa-sales-cta { margin-top: 28px; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.sa-sales-cta p { margin: 0; color: #e3e9f6; font-size: 17px; line-height: 1.4; }
.sa-sales-cta b { color: #fff; white-space: nowrap; }
html body .sa-sales .sa-sales-call {
	display: inline-flex; align-items: center; justify-content: center; padding: 13px 22px; border-radius: 10px;
	background: #fff; color: #355a9f; font-size: 16px; font-weight: 500; line-height: 1.2; text-decoration: none;
	transition: background .15s;
}
html body .sa-sales .sa-sales-call:hover { background: #eef3fb; color: #2a4a86; }

@media (max-width: 860px) {
	.sa-sales-grid { grid-template-columns: 1fr; gap: 16px; }
	.sa-sales .sa-sale { padding: 20px; gap: 16px; }
	.sa-sale-big { flex-basis: 88px; height: 88px; }
	.sa-sale-big b { font-size: 26px; }
	.sa-sale-big svg { width: 34px; height: 34px; }
	html body .sa-sales .sa-sale h3 { font-size: 20px; }
	.sa-sale-body { font-size: 17px; }
	html body .sa-sales .sa-sales-call { width: 100%; }
}
@media (max-width: 420px) {
	.sa-sales .sa-sale { flex-direction: column; }
	.sa-sale-big { flex-basis: auto; width: 100%; height: 72px; flex-direction: row; gap: 10px; }
	.sa-sale-big small { margin: 0; }
}