/* DeL Promotions. Every custom property is scoped to the component wrapper
   (never :root) so Blocksy and Elementor variables can't collide with ours.
   Breakpoints follow Elementor's defaults: tablet <= 1024px, phone <= 767px. */

.del-promo {
	--del-promo-ink: #102033;
	--del-promo-body: #54595F;
	--del-promo-muted: #6b6f75;
	--del-promo-line: #eaeaec;
	--del-promo-surface: #f4f4f5;
	--del-promo-card-bg: #ffffff;
	--del-promo-action: #1965B0;
	--del-promo-accent: #F57921;
	--del-promo-new-bg: #1965B0;
	--del-promo-new-fg: #ffffff;
	--del-promo-save-bg: #E6F5E9;
	--del-promo-save-fg: #1D6E2E;
	--del-promo-pad: 20px;
	--del-promo-cols: 4;
	--del-promo-cols-t: 3;
	--del-promo-cols-m: 2;
	/* 0.2.0: filter bar, pages, summary button, partner tiles */
	--del-promo-tab-fg: #54595F;
	--del-promo-tab-on: #102033;
	--del-promo-tab-bar: #F57921;
	--del-promo-tab-n: #e3e5e9;
	--del-promo-tabs-bg: transparent;
	--del-promo-tabs-line: #eaeaec;
	--del-promo-chip-bg: #ffffff;
	--del-promo-chip-fg: #102033;
	--del-promo-chip-line: #d5d8de;
	--del-promo-chip-on-bg: #102033;
	--del-promo-chip-on-fg: #ffffff;
	--del-promo-tools-bg: #ffffff;
	--del-promo-sticky-top: 0px;
	--del-promo-pg-bg: #ffffff;
	--del-promo-pg-fg: #102033;
	--del-promo-pg-line: #d5d8de;
	--del-promo-pg-on-bg: #1965B0;
	--del-promo-pg-on-fg: #ffffff;
	--del-promo-btn-fg: #ffffff;
	--del-promo-tile-h: 64px;
	--del-promo-logo-h: 34px;
	--del-promo-pcols: 2;
	--del-promo-pcols-m: 2;
	/* 0.3.0: hover summary, strips, summary box, partner panel */
	--del-promo-sum-bg: #f4f4f5;
	--del-promo-sum-line: #F57921;
	--del-promo-sum-title: #102033;
	--del-promo-sum-text: #54595F;
	--del-promo-sum-tag-bg: #ffffff;
	--del-promo-sum-btn-bg: #1965B0;
	--del-promo-sum-btn-fg: #ffffff;
	--del-promo-sum-btn-hover: #102033;
	--del-promo-sum-speed: 600ms;
	--del-promo-sum-lines: 6;
	--del-promo-band: #f4f4f5;
	--del-promo-band-pad: 48px;
	--del-promo-acc-line: #F57921;
	--del-promo-icon-bg: #fef1e7;
	--del-promo-icon-fg: #F57921;
	--del-promo-cd-bg: #f4f4f5;
	--del-promo-cd-fg: #102033;
	--del-promo-panel-bg: #ffffff;
	--del-promo-panel-line: #F57921;
	color: var(--del-promo-body);
	box-sizing: border-box;
}
.del-promo *,
.del-promo *::before,
.del-promo *::after { box-sizing: border-box; }
.del-promo[hidden],
.del-promo [hidden] { display: none !important; }

/* ---------- grid ---------- */
.del-promo.del-promo--grid { display: block; width: 100%; }
.del-promo .del-promo__group { margin: 0 0 48px; scroll-margin-top: 24px; }
.del-promo .del-promo__ghead {
	display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 12px;
	margin: 0 0 20px; padding: 0 0 12px; border-bottom: 1px solid var(--del-promo-line);
}
.del-promo .del-promo__gtitle { margin: 0; font-size: 26px; line-height: 1.2; font-weight: 700; color: var(--del-promo-ink); }
.del-promo .del-promo__gcount { font-size: 14.5px; color: var(--del-promo-muted); }
.del-promo .del-promo__list {
	list-style: none; margin: 0; padding: 0;
	display: grid; grid-template-columns: repeat(var(--del-promo-cols), minmax(0, 1fr)); gap: 28px 22px;
}
.del-promo .del-promo__item { margin: 0; padding: 0; min-width: 0; display: flex; }
.del-promo.del-promo--js .del-promo__item.is-extra { display: none; }
.del-promo .del-promo__empty { margin: 0 0 32px; font-size: 16px; color: var(--del-promo-ink); }

/* card */
.del-promo .del-promo-card {
	display: flex; flex-direction: column; width: 100%; min-width: 0;
	background: var(--del-promo-card-bg); border: 1px solid var(--del-promo-line); border-radius: 0;
	color: inherit; text-decoration: none; transition: box-shadow .2s ease, border-color .2s ease;
}
.del-promo .del-promo-card--sale { border-top: 3px solid var(--del-promo-accent); }
.del-promo .del-promo-card:hover { border-color: #d3d6db; box-shadow: 0 10px 26px rgba(16, 32, 51, .08); }
.del-promo .del-promo-card--sale:hover { border-top-color: var(--del-promo-accent); }
.del-promo .del-promo-card:hover .del-promo-card__title { color: var(--del-promo-action); }
.del-promo .del-promo-card:focus-visible { outline: 2px solid var(--del-promo-action); outline-offset: 2px; }
.del-promo .del-promo-card__img { position: relative; display: block; aspect-ratio: 1 / 1; overflow: hidden; background: var(--del-promo-surface); }
.del-promo .del-promo-card__img img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: cover; margin: 0; border-radius: 0; }
.del-promo .del-promo-card__badge {
	position: absolute; top: 0; left: 0; z-index: 1;
	font-size: 11.5px; line-height: 1; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
	padding: 6px 9px; background: var(--del-promo-new-bg); color: var(--del-promo-new-fg);
}
.del-promo .del-promo-card__badge--save { background: var(--del-promo-save-bg); color: var(--del-promo-save-fg); }
.del-promo .del-promo-card__body { display: flex; flex-direction: column; gap: 6px; flex: 1; padding: 14px 16px 16px; min-width: 0; }
.del-promo .del-promo-card__prov { font-size: 12.5px; font-weight: 600; color: var(--del-promo-muted); }
.del-promo .del-promo-card__title {
	margin: 0; font-size: 16px; line-height: 1.3; font-weight: 700; color: var(--del-promo-ink);
	overflow-wrap: anywhere;
	display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.del-promo .del-promo-card__foot { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 10px; margin-top: auto; padding-top: 8px; }
.del-promo .del-promo-card__price { font-size: 17px; font-weight: 700; color: var(--del-promo-ink); display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; }
.del-promo .del-promo-card__price .price,
.del-promo .del-promo-card__price .amount { color: inherit; font: inherit; }
.del-promo .del-promo-card__price del { order: 2; font-size: 13.5px; font-weight: 400; color: var(--del-promo-muted); opacity: 1; }
.del-promo .del-promo-card__price ins { order: 1; text-decoration: none; background: none; }
.del-promo .del-promo-card__soon { font-size: 13.5px; color: var(--del-promo-body); }
.del-promo .del-promo-card__ends { font-size: 12.5px; font-weight: 600; color: var(--del-promo-muted); }

/* "Show all" */
.del-promo .del-promo__more {
	display: inline-flex; align-items: center; justify-content: center; margin: 22px 0 0; min-height: 44px;
	padding: 10px 20px; border: 1.5px solid var(--del-promo-action); border-radius: 0; background: #fff;
	color: var(--del-promo-action); font: inherit; font-size: 14.5px; font-weight: 700; cursor: pointer;
}
.del-promo .del-promo__more:hover { background: var(--del-promo-action); color: #fff; }
.del-promo .del-promo__more:focus-visible { outline: 2px solid var(--del-promo-action); outline-offset: 2px; }
.del-promo .del-promo__more[hidden] { display: none; }

/* ---------- summary box ---------- */
.del-promo.del-promo-sum { background: var(--del-promo-card-bg); border: 1px solid var(--del-promo-line); padding: 6px 0; width: 100%; }
.del-promo .del-promo-sum__title { margin: 0; padding: 10px var(--del-promo-pad) 6px; font-size: 13px; font-weight: 700; letter-spacing: .02em; color: var(--del-promo-muted); }
.del-promo .del-promo-sum__list { list-style: none; margin: 0; padding: 0; }
.del-promo .del-promo-sum__list li { margin: 0; padding: 0; }
.del-promo a.del-promo-sum__row,
.del-promo .del-promo-sum__row {
	display: flex; justify-content: space-between; align-items: center; gap: 12px;
	padding: 11px var(--del-promo-pad); margin: 0; border-top: 1px solid var(--del-promo-line);
	color: var(--del-promo-ink); text-decoration: none;
}
.del-promo a.del-promo-sum__row:hover { background: #E8F0F9; }
.del-promo a.del-promo-sum__row:focus-visible { outline: 2px solid var(--del-promo-action); outline-offset: -2px; }
.del-promo .del-promo-sum__label { font-weight: 600; color: var(--del-promo-ink); margin: 0; }
.del-promo .del-promo-sum__value { font-weight: 500; font-size: 14px; color: var(--del-promo-muted); margin: 0; text-align: right; white-space: nowrap; }
.del-promo .del-promo-sum__arrow { color: var(--del-promo-action); margin-left: 4px; }
.del-promo .del-promo-sum__rows { margin: 0; padding: 0; }
.del-promo .del-promo-sum__big { margin: 0; padding: 6px var(--del-promo-pad) 14px; display: flex; flex-direction: column; gap: 2px; }
.del-promo .del-promo-sum__save { font-size: 26px; line-height: 1.15; font-weight: 700; color: var(--del-promo-ink); }
.del-promo .del-promo-sum__on { font-size: 14px; color: var(--del-promo-body); }
.del-promo-sum__note { font-size: 13px; color: #6b6f75; border: 1px dashed #c9ccd2; padding: 12px; margin: 0; }

/* ---------- releases: tabs, filter bar, pages (layout = toolbar) ---------- */
/* width:0 + min-width:100% lets a long row scroll inside the column instead
   of widening the page (no CSS containment: see the Learning Levels lesson). */
.del-promo .del-promo__tabs {
	display: flex; gap: 4px; margin: 0; padding: 0; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch;
	width: 0; min-width: 100%;
	background: var(--del-promo-tabs-bg); border-bottom: 1px solid var(--del-promo-tabs-line);
}
.del-promo .del-promo__tabs::-webkit-scrollbar { display: none; }
/* "Stretch to the screen edges": painted with border-image outset, which
   draws past the box without adding width (no sideways scroll). */
.del-promo-bleed-yes .del-promo .del-promo__tabs {
	border-bottom: 0;
	border-image: linear-gradient(to top, var(--del-promo-tabs-line) 1px, var(--del-promo-tabs-bg) 1px) fill 0 / 0 / 0 100vmax;
}
.del-promo .del-promo__tab {
	flex: 0 0 auto; display: inline-flex; align-items: center; gap: 8px; min-height: 46px; padding: 12px 18px;
	background: transparent; border: 0; color: var(--del-promo-tab-fg); font-size: 15px; font-weight: 600; line-height: 1.2;
	text-decoration: none; white-space: nowrap;
}
.del-promo .del-promo__tab:hover { color: var(--del-promo-tab-on); box-shadow: inset 0 -3px 0 #d5d8de; }
.del-promo .del-promo__tab[aria-current="true"] { color: var(--del-promo-tab-on); box-shadow: inset 0 -3px 0 var(--del-promo-tab-bar); }
.del-promo .del-promo__tab:focus-visible,
.del-promo .del-promo__chip:focus-visible,
.del-promo .del-promo__pg:focus-visible { outline: 2px solid var(--del-promo-action); outline-offset: -2px; }
.del-promo .del-promo__n { font-size: 12px; font-weight: 700; line-height: 1.4; padding: 2px 7px; background: var(--del-promo-tab-n); color: var(--del-promo-ink); }

.del-promo .del-promo__tools { margin: 0 0 28px; background: var(--del-promo-tools-bg); border-bottom: 1px solid var(--del-promo-line); }
.del-promo.del-promo--sticky .del-promo__tools { position: sticky; top: var(--del-promo-sticky-top); z-index: 5; }
.del-promo .del-promo__tools-in { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; padding: 14px 0; }
.del-promo .del-promo__chips { display: flex; gap: 8px; flex: 1 1 auto; min-width: 0; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.del-promo .del-promo__chips::-webkit-scrollbar,
.del-promo .del-promo__topics::-webkit-scrollbar { display: none; }
.del-promo .del-promo__chip {
	flex: 0 0 auto; display: inline-flex; align-items: center; gap: 7px; min-height: 40px; padding: 7px 13px;
	background: var(--del-promo-chip-bg); border: 1.5px solid var(--del-promo-chip-line); color: var(--del-promo-chip-fg);
	font-size: 14px; font-weight: 600; line-height: 1.2; text-decoration: none; white-space: nowrap;
}
.del-promo .del-promo__chip .del-promo__n { padding: 0; background: none; color: var(--del-promo-muted); }
.del-promo .del-promo__chip:hover { border-color: var(--del-promo-chip-fg); }
.del-promo .del-promo__chip[aria-current="true"] { background: var(--del-promo-chip-on-bg); border-color: var(--del-promo-chip-on-bg); color: var(--del-promo-chip-on-fg); }
.del-promo .del-promo__chip[aria-current="true"] .del-promo__n { color: inherit; opacity: .8; }
.del-promo .del-promo__chip--sm { min-height: 34px; padding: 5px 11px; font-size: 13px; border-width: 1px; }
.del-promo .del-promo__count { margin: 0 0 0 auto; font-size: 13.5px; color: var(--del-promo-muted); text-align: right; }
.del-promo .del-promo__count:focus { outline: none; }
.del-promo .del-promo__topics { display: flex; align-items: center; gap: 8px; padding: 0 0 14px; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.del-promo .del-promo__topics-title { flex: 0 0 auto; margin-right: 2px; font-size: 12.5px; font-weight: 700; color: var(--del-promo-muted); }
.del-promo .del-promo__empty--filter { padding: 28px; background: var(--del-promo-surface); font-weight: 600; }
.del-promo.del-promo--toolbar .del-promo__tb { transition: opacity .15s ease; }
.del-promo.del-promo--toolbar.is-loading .del-promo__tb { opacity: .55; }
.del-promo .del-promo__live { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

.del-promo .del-promo__pager { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px; margin: 34px 0 10px; }
.del-promo .del-promo__pg {
	display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 44px; height: 44px; padding: 0 12px;
	background: var(--del-promo-pg-bg); border: 1.5px solid var(--del-promo-pg-line); color: var(--del-promo-pg-fg);
	font-size: 14.5px; font-weight: 700; line-height: 1; text-decoration: none;
}
.del-promo a.del-promo__pg:hover { border-color: var(--del-promo-pg-fg); }
.del-promo .del-promo__pg.is-current { background: var(--del-promo-pg-on-bg); border-color: var(--del-promo-pg-on-bg); color: var(--del-promo-pg-on-fg); }
.del-promo .del-promo__pg.is-off { opacity: .4; }
.del-promo .del-promo__pg--gap { min-width: 24px; padding: 0; background: none; border-color: transparent; color: var(--del-promo-muted); }
.del-promo .del-promo__pg--mobile { display: none; }

/* ---------- summary: next / none states ---------- */
.del-promo .del-promo-sum__cta { margin: 0; padding: 6px var(--del-promo-pad) 14px; }
.del-promo .del-promo-sum__btn {
	display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 20px;
	border: 1.5px solid var(--del-promo-action); font-size: 14.5px; font-weight: 700; line-height: 1.2; text-decoration: none; text-align: center;
}
.del-promo .del-promo-sum__btn--solid { background: var(--del-promo-action); color: var(--del-promo-btn-fg); }
.del-promo .del-promo-sum__btn--solid:hover { background: transparent; color: var(--del-promo-action); }
.del-promo .del-promo-sum__btn--line { background: transparent; color: var(--del-promo-action); }
.del-promo .del-promo-sum__btn--line:hover { background: var(--del-promo-action); color: var(--del-promo-btn-fg); }
.del-promo .del-promo-sum__btn:focus-visible { outline: 2px solid var(--del-promo-action); outline-offset: 2px; }
.del-promo-btn-full-yes .del-promo .del-promo-sum__btn { width: 100%; }
.del-promo .del-promo-sum__rows + .del-promo-sum__cta { border-top: 1px solid var(--del-promo-line); padding-top: 14px; }

/* ---------- course strip ---------- */
.del-promo.del-promo-strip { display: block; width: 100%; }
.del-promo .del-promo-strip__head {
	display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 16px;
	margin: 0 0 18px; padding: 0 0 12px; border-bottom: 1px solid var(--del-promo-line);
}
.del-promo .del-promo-strip__words { min-width: 0; }
.del-promo .del-promo-strip__title { margin: 0; font-size: 25px; line-height: 1.2; font-weight: 700; color: var(--del-promo-ink); }
.del-promo .del-promo-strip__text { margin: 4px 0 0; font-size: 14.5px; color: var(--del-promo-body); }
.del-promo .del-promo-strip__link { font-size: 14.5px; font-weight: 700; color: var(--del-promo-action); text-decoration: none; white-space: nowrap; }
.del-promo .del-promo-strip__link:hover { text-decoration: underline; }
.del-promo .del-promo-strip__link:focus-visible { outline: 2px solid var(--del-promo-action); outline-offset: 2px; }

/* ---------- partner logos ---------- */
.del-promo.del-promo-partners { display: flex; flex-direction: column; gap: 12px; width: 100%; }
.del-promo .del-promo-partners__title { margin: 0; font-size: 13px; font-weight: 700; color: var(--del-promo-muted); }
.del-promo .del-promo-partners__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(var(--del-promo-pcols), minmax(0, 1fr)); gap: 10px; }
.del-promo .del-promo-partners__item { display: flex; min-width: 0; margin: 0; padding: 0; }
.del-promo .del-promo-partners__tile {
	display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; width: 100%;
	min-height: var(--del-promo-tile-h); padding: 10px 12px; background: var(--del-promo-card-bg); border: 1px solid var(--del-promo-line);
	color: var(--del-promo-ink); text-align: center; text-decoration: none;
}
.del-promo a.del-promo-partners__tile:hover { border-color: #d3d6db; box-shadow: 0 6px 18px rgba(16, 32, 51, .07); }
.del-promo a.del-promo-partners__tile:focus-visible { outline: 2px solid var(--del-promo-action); outline-offset: 2px; }
.del-promo .del-promo-partners__logo { display: block; width: auto; height: auto; max-width: 100%; max-height: var(--del-promo-logo-h); margin: 0; object-fit: contain; border-radius: 0; }
.del-promo .del-promo-partners__name { font-size: 18px; font-weight: 800; line-height: 1.15; overflow-wrap: anywhere; color: var(--del-promo-ink); }
.del-promo .del-promo-partners__note { font-size: 12px; font-weight: 600; color: var(--del-promo-muted); }
.del-promo-grey-yes .del-promo .del-promo-partners__logo { filter: grayscale(1); opacity: .75; transition: filter .2s ease, opacity .2s ease; }
.del-promo-grey-yes .del-promo .del-promo-partners__tile:hover .del-promo-partners__logo { filter: none; opacity: 1; }

/* ---------- tablet ---------- */
@media (max-width: 1024px) {
	.del-promo .del-promo__list { grid-template-columns: repeat(var(--del-promo-cols-t), minmax(0, 1fr)); gap: 22px 16px; }
}

/* ---------- phone ---------- */
@media (max-width: 767px) {
	.del-promo .del-promo__list { grid-template-columns: repeat(var(--del-promo-cols-m), minmax(0, 1fr)); gap: 14px 12px; }
	.del-promo .del-promo__group { margin-bottom: 36px; }
	.del-promo .del-promo__gtitle { font-size: 21px; }
	.del-promo .del-promo-card__body { padding: 10px 11px 12px; gap: 4px; }
	.del-promo .del-promo-card__title { font-size: 14.5px; }
	.del-promo .del-promo-card__prov { font-size: 11.5px; }
	.del-promo .del-promo-card__price { font-size: 15px; }
	.del-promo .del-promo-card__badge { font-size: 10.5px; padding: 5px 7px; }
	.del-promo .del-promo__more { width: 100%; }

	.del-promo .del-promo__tab { padding: 11px 14px; font-size: 14px; }
	.del-promo .del-promo__tools { margin-bottom: 20px; }
	.del-promo .del-promo__tools-in { padding: 10px 0; gap: 8px; }
	.del-promo .del-promo__count { order: 3; width: 100%; margin: 0; font-size: 12.5px; text-align: left; }
	.del-promo .del-promo__pg--num,
	.del-promo .del-promo__pg--gap { display: none; }
	.del-promo .del-promo__pg--mobile { display: inline-flex; min-width: 0; padding: 0 8px; background: none; border: 0; }
	.del-promo .del-promo__pg--step { flex: 1 1 0; }
	.del-promo .del-promo-strip__title { font-size: 21px; }
	.del-promo .del-promo-partners__list { grid-template-columns: repeat(var(--del-promo-pcols-m), minmax(0, 1fr)); }
	.del-promo .del-promo-partners__name { font-size: 16px; }

	/* Releases summary becomes a row of jump buttons that scrolls sideways. */
	.del-promo.del-promo-sum--releases { background: none; border: 0; padding: 0; }
	.del-promo-sum--releases .del-promo-sum__title {
		position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
	}
	/* width:0 + min-width:100% fills the column but adds nothing to its minimum
	   width, so a long row of buttons scrolls inside the box instead of
	   widening the page (no CSS containment: see the Learning Levels lesson). */
	.del-promo-sum--releases .del-promo-sum__list { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; padding-bottom: 2px; width: 0; min-width: 100%; }
	.del-promo-sum--releases .del-promo-sum__list::-webkit-scrollbar { display: none; }
	.del-promo-sum--releases .del-promo-sum__list li { flex: 0 0 auto; }
	.del-promo.del-promo-sum--releases a.del-promo-sum__row { border: 1px solid var(--del-promo-line); background: var(--del-promo-card-bg); padding: 9px 14px; gap: 8px; white-space: nowrap; min-height: 44px; }
}

/* ======================================================================
   0.3.0 options. Every rule below needs a class that only an option adds.
   ====================================================================== */

/* Month tabs: selected tab's number (defaults match 0.2.0) */
.del-promo .del-promo__tab[aria-current="true"] .del-promo__n { background: var(--del-promo-tab-n-on, var(--del-promo-tab-n)); color: var(--del-promo-tab-n-on-fg, var(--del-promo-ink)); }

/* Partner logos in provider chips */
.del-promo .del-promo__chip-logo {
	display: inline-flex; align-items: center; justify-content: center; flex: 0 0 24px; width: 24px; height: 24px; overflow: hidden;
	background: #ffffff; border: 1px solid var(--del-promo-line); color: var(--del-promo-ink); font-size: 10.5px; font-weight: 800; line-height: 1;
}
.del-promo .del-promo__chip-logo img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: contain; margin: 0; border-radius: 0; }

/* Card extras */
.del-promo .del-promo-card__topic { align-self: flex-start; padding: 3px 8px; background: var(--del-promo-surface); font-size: 12px; font-weight: 600; line-height: 1.4; color: var(--del-promo-body); }
.del-promo .del-promo-card__arrow { display: inline-flex; margin-left: auto; align-self: center; color: var(--del-promo-muted); transition: color .2s ease, transform .2s ease; }
.del-promo .del-promo-card:hover .del-promo-card__arrow,
.del-promo .del-promo-card:focus-visible .del-promo-card__arrow { color: var(--del-promo-action); transform: translateX(3px); }
.del-promo .del-promo-card__saved { font-size: 13px; font-weight: 700; color: var(--del-promo-save-fg); }
.del-promo .del-promo-card__saved .amount { font: inherit; color: inherit; }
.del-promo.del-promo--lift .del-promo-card { transition: transform .3s cubic-bezier(.16, 1, .3, 1), box-shadow .3s ease, border-color .3s ease; }
.del-promo.del-promo--lift .del-promo-card:hover,
.del-promo.del-promo--lift .del-promo-card:focus-visible { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(25, 101, 176, .14); }
.del-promo.del-promo--ratio-1-1 .del-promo-card__img { aspect-ratio: 1 / 1; }
.del-promo.del-promo--ratio-4-3 .del-promo-card__img { aspect-ratio: 4 / 3; }
.del-promo.del-promo--ratio-16-10 .del-promo-card__img { aspect-ratio: 16 / 10; }

/* Hover summary: a light panel rises from the card's bottom edge and covers it.
   Desktop pointers only; touch screens and tablets never get it. */
.del-promo .del-promo-card__sum { display: none; }
@media (hover: hover) and (min-width: 1025px) {
	.del-promo.del-promo--sum .del-promo-card--sum { position: relative; overflow: hidden; }
	.del-promo.del-promo--sum .del-promo-card__sum {
		position: absolute; inset: 0; z-index: 3; display: flex; flex-direction: column; box-sizing: border-box; padding: 20px 18px 18px;
		background: var(--del-promo-sum-bg); border-top: 3px solid var(--del-promo-sum-line); color: var(--del-promo-sum-title);
		transform: translateY(100%); transition: transform var(--del-promo-sum-speed) cubic-bezier(.22, 1, .36, 1);
		will-change: transform; pointer-events: none;
	}
	.del-promo.del-promo--sum .del-promo-card__sum > * { opacity: 0; transform: translateY(18px); transition: opacity .35s ease, transform .5s cubic-bezier(.22, 1, .36, 1); }
	.del-promo.del-promo--sum .del-promo-card--sum:hover .del-promo-card__sum,
	.del-promo.del-promo--sum .del-promo-card--sum:focus-visible .del-promo-card__sum { transform: translateY(0); pointer-events: auto; }
	.del-promo.del-promo--sum .del-promo-card--sum:hover .del-promo-card__sum > *,
	.del-promo.del-promo--sum .del-promo-card--sum:focus-visible .del-promo-card__sum > * { opacity: 1; transform: none; }
	.del-promo.del-promo--sum .del-promo-card--sum:hover .del-promo-card__sum > :nth-child(1),
	.del-promo.del-promo--sum .del-promo-card--sum:focus-visible .del-promo-card__sum > :nth-child(1) { transition-delay: .18s; }
	.del-promo.del-promo--sum .del-promo-card--sum:hover .del-promo-card__sum > :nth-child(2),
	.del-promo.del-promo--sum .del-promo-card--sum:focus-visible .del-promo-card__sum > :nth-child(2) { transition-delay: .26s; }
	.del-promo.del-promo--sum .del-promo-card--sum:hover .del-promo-card__sum > :nth-child(3),
	.del-promo.del-promo--sum .del-promo-card--sum:focus-visible .del-promo-card__sum > :nth-child(3) { transition-delay: .34s; }
	.del-promo.del-promo--sum .del-promo-card--sum:hover .del-promo-card__sum > :nth-child(4),
	.del-promo.del-promo--sum .del-promo-card--sum:focus-visible .del-promo-card__sum > :nth-child(4) { transition-delay: .42s; }
	.del-promo.del-promo--sum .del-promo-card--sum:focus-visible { outline: 3px solid var(--del-promo-action); outline-offset: 3px; }
}
.del-promo .del-promo-card__sum-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.del-promo .del-promo-card__sum-tag { padding: 3px 7px; background: var(--del-promo-sum-tag-bg); border: 1px solid var(--del-promo-line); font-size: 11.5px; font-weight: 700; line-height: 1.4; color: var(--del-promo-sum-title); }
.del-promo .del-promo-card__sum-title { display: block; margin: 12px 0 0; font-size: 16.5px; line-height: 1.3; font-weight: 700; color: var(--del-promo-sum-title); }
.del-promo .del-promo-card__sum-text {
	display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--del-promo-sum-lines); overflow: hidden;
	margin: 10px 0 0; font-size: 14px; line-height: 1.55; color: var(--del-promo-sum-text);
}
.del-promo .del-promo-card__sum-btn {
	display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 44px; margin-top: auto; padding: 0 14px;
	background: var(--del-promo-sum-btn-bg); color: var(--del-promo-sum-btn-fg); font-size: 14.5px; font-weight: 700; line-height: 1.2;
	transition: background .2s ease;
}
.del-promo .del-promo-card__sum-btn:hover { background: var(--del-promo-sum-btn-hover); }

/* Course strip: compact list, grey band, swipe row on phones */
.del-promo.del-promo-strip--list .del-promo-card { flex-direction: row; }
.del-promo.del-promo-strip--list .del-promo-card__img { flex: 0 0 112px; width: 112px; aspect-ratio: 1 / 1; align-self: flex-start; margin: 12px 0 12px 12px; }
.del-promo.del-promo-strip--list .del-promo-card__body { padding: 12px 14px 12px 16px; }
.del-promo.del-promo-strip--band {
	background: var(--del-promo-band); padding-top: var(--del-promo-band-pad); padding-bottom: var(--del-promo-band-pad);
	border-image: linear-gradient(var(--del-promo-band), var(--del-promo-band)) fill 0 / 0 / 0 100vmax;
}

/* Summary box: accent style, bell, countdown */
.del-promo.del-promo-sum--accent { border-top: 3px solid var(--del-promo-acc-line); box-shadow: 0 10px 30px rgba(16, 32, 51, .06); }
.del-promo .del-promo-sum__icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 40px; width: 40px; height: 40px; margin-right: 12px; background: var(--del-promo-icon-bg); color: var(--del-promo-icon-fg); }
.del-promo.del-promo-sum--accent .del-promo-sum__title { display: flex; align-items: center; }
.del-promo .del-promo-sum__cd { padding: 12px var(--del-promo-pad) 14px; border-top: 1px solid var(--del-promo-line); }
.del-promo .del-promo-sum__cd-title { margin: 0 0 10px; font-size: 13px; font-weight: 700; color: var(--del-promo-muted); }
.del-promo .del-promo-sum__cd-boxes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.del-promo .del-promo-sum__cd-box { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 10px 6px; background: var(--del-promo-cd-bg); text-align: center; }
.del-promo .del-promo-sum__cd-n { font-size: 30px; line-height: 1; font-weight: 800; color: var(--del-promo-cd-fg); font-variant-numeric: tabular-nums; }
.del-promo .del-promo-sum__cd-u { font-size: 12px; font-weight: 600; color: var(--del-promo-body); }

/* Partner logos as a panel */
.del-promo.del-promo-partners--panel { box-sizing: border-box; padding: 22px; background: var(--del-promo-panel-bg); border: 1px solid var(--del-promo-line); border-top: 3px solid var(--del-promo-panel-line); box-shadow: 0 10px 30px rgba(16, 32, 51, .06); }
.del-promo .del-promo-partners__note-line { margin: 0; font-size: 13px; color: var(--del-promo-muted); }

@media (max-width: 767px) {
	.del-promo.del-promo-strip--list .del-promo-card__img { flex-basis: 84px; width: 84px; margin: 10px 0 10px 10px; }
	.del-promo.del-promo-strip--swipe .del-promo__list {
		display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch;
		width: 0; min-width: 100%; padding-bottom: 4px;
		position: relative; /* keeps WooCommerce's absolutely placed screen-reader price text inside the row */
	}
	.del-promo.del-promo-strip--swipe .del-promo__list::-webkit-scrollbar { display: none; }
	.del-promo.del-promo-strip--swipe .del-promo__item { flex: 0 0 76%; scroll-snap-align: start; }
	.del-promo.del-promo-strip--band { --del-promo-band-pad: 32px; }
	.del-promo .del-promo-sum__cd-n { font-size: 26px; }
}

@media (prefers-reduced-motion: reduce) {
	.del-promo.del-promo--lift .del-promo-card,
	.del-promo.del-promo--lift .del-promo-card:hover,
	.del-promo .del-promo-card__arrow,
	.del-promo .del-promo-card:hover .del-promo-card__arrow { transition: none; transform: none; }
	.del-promo.del-promo--sum .del-promo-card__sum,
	.del-promo.del-promo--sum .del-promo-card__sum > * { transform: none !important; transition: opacity .2s ease !important; transition-delay: 0s !important; }
	.del-promo.del-promo--sum .del-promo-card__sum { opacity: 0; }
	.del-promo.del-promo--sum .del-promo-card--sum:hover .del-promo-card__sum,
	.del-promo.del-promo--sum .del-promo-card--sum:focus-visible .del-promo-card__sum { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
	.del-promo .del-promo-card,
	.del-promo.del-promo--toolbar .del-promo__tb,
	.del-promo-grey-yes .del-promo .del-promo-partners__logo { transition: none; }
}

/* ======================================================================
   0.4.0 polished look (the signed-off design, on by default).
   Everything here needs .del-promo--polished, which only the polished look
   prints, so the classic look (filter del_promo_look = classic) is 0.3.0.
   ====================================================================== */
.del-promo.del-promo--polished {
	--del-promo-hd: "Archivo", Arial, sans-serif;
	--del-promo-muted: #7A7A7A;
	--del-promo-save-bg: #e6f6ea;
	--del-promo-save-fg: #1d7a33;
	--del-promo-saved: #1d7a33;
	--del-promo-tile-h: 92px;
	--del-promo-logo-h: 40px;
}
.del-promo--polished { --del-promo-band-pad: 52px; }
@media (max-width: 767px) { .del-promo--polished { --del-promo-band-pad: 30px; } }
@keyframes del-promo-rise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@keyframes del-promo-draw { from { transform: scaleX(0); } to { transform: scaleX(1); } }

/* ---------- DeL Promo Intro ---------- */
.del-promo.del-promo-intro { display: flex; flex-direction: column; align-items: flex-start; width: 100%; min-width: 0; color: var(--del-promo-body); }
.del-promo .del-promo-intro__pill {
	display: inline-flex; align-items: center; gap: 8px; margin: 0 0 18px; padding: 7px 12px;
	background: #ffffff; border: 1px solid var(--del-promo-line); color: var(--del-promo-ink); font-size: 13px; font-weight: 600; line-height: 1.3;
}
.del-promo .del-promo-intro__pill svg { flex: 0 0 auto; color: var(--del-promo-action); }
.del-promo .del-promo-intro__title {
	margin: 0; font-family: var(--del-promo-hd); font-size: 54px; line-height: 1.05; font-weight: 800; letter-spacing: -0.01em;
	color: var(--del-promo-ink); overflow-wrap: anywhere;
}
.del-promo .del-promo-intro__bar { display: block; width: 56px; height: 4px; margin: 20px 0 0; background: var(--del-promo-accent); transform-origin: left center; }
.del-promo .del-promo-intro__text { margin: 20px 0 0; max-width: 560px; font-size: 18.5px; line-height: 1.6; color: var(--del-promo-body); }
.del-promo .del-promo-intro__text strong,
.del-promo .del-promo-intro__text b { color: var(--del-promo-ink); font-weight: 700; }
.del-promo .del-promo-intro__text a { color: var(--del-promo-action); }
.del-promo .del-promo-intro__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 22px; margin: 28px 0 0; }
.del-promo a.del-promo-intro__btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 0 24px;
	background: var(--del-promo-action); color: #ffffff; font-family: var(--del-promo-hd); font-size: 15.5px; font-weight: 700; line-height: 1.2;
	text-decoration: none; transition: background-color .2s ease;
}
.del-promo a.del-promo-intro__btn:hover,
.del-promo a.del-promo-intro__btn:focus-visible { background: var(--del-promo-ink); color: #ffffff; }
.del-promo a.del-promo-intro__btn:focus-visible,
.del-promo a.del-promo-intro__link:focus-visible { outline: 3px solid var(--del-promo-action); outline-offset: 3px; }
.del-promo a.del-promo-intro__link {
	font-size: 15px; font-weight: 600; line-height: 1.3; color: var(--del-promo-action);
	text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px;
}
.del-promo a.del-promo-intro__link:hover { color: var(--del-promo-ink); }
.del-promo .del-promo-intro__ticks { list-style: none; display: flex; flex-wrap: wrap; gap: 10px 26px; margin: 26px 0 0; padding: 0; }
.del-promo .del-promo-intro__ticks li { display: flex; align-items: center; gap: 9px; margin: 0; padding: 0; font-size: 15px; font-weight: 600; line-height: 1.35; color: var(--del-promo-ink); }
.del-promo .del-promo-intro__ticks svg { flex: 0 0 auto; color: #30B34B; }
.del-promo.del-promo-intro--motion > * { animation: del-promo-rise .7s cubic-bezier(.16, 1, .3, 1) both; }
.del-promo.del-promo-intro--motion > :nth-child(1) { animation-delay: .05s; }
.del-promo.del-promo-intro--motion > :nth-child(2) { animation-delay: .14s; }
.del-promo.del-promo-intro--motion > :nth-child(3) { animation-delay: .2s; }
.del-promo.del-promo-intro--motion > :nth-child(4) { animation-delay: .23s; }
.del-promo.del-promo-intro--motion > :nth-child(5) { animation-delay: .32s; }
.del-promo.del-promo-intro--motion > :nth-child(6) { animation-delay: .4s; }
.del-promo.del-promo-intro--motion > .del-promo-intro__bar { animation: del-promo-draw .8s .3s cubic-bezier(.16, 1, .3, 1) both; }

/* ---------- partner panel ---------- */
.del-promo.del-promo--polished.del-promo-partners { gap: 14px; }
.del-promo.del-promo--polished .del-promo-partners__title { font-family: var(--del-promo-hd); font-size: 16px; font-weight: 700; line-height: 1.3; color: var(--del-promo-ink); }
.del-promo.del-promo--polished .del-promo-partners__tile { gap: 6px; padding: 12px; }
.del-promo.del-promo--polished .del-promo-partners__name { font-family: var(--del-promo-hd); font-size: 22px; font-weight: 800; line-height: 1.1; }
.del-promo.del-promo--polished .del-promo-partners__note { font-size: 12.5px; color: var(--del-promo-body); }
.del-promo.del-promo--polished.del-promo-partners--panel { padding: 22px 22px 20px; animation: del-promo-rise .7s .42s cubic-bezier(.16, 1, .3, 1) both; }
.del-promo.del-promo--polished .del-promo-partners__note-line { margin: 0; font-size: 13px; color: var(--del-promo-muted); }

/* ---------- summary box ---------- */
.del-promo.del-promo--polished.del-promo-sum--accent { padding: 0; animation: del-promo-rise .7s .42s cubic-bezier(.16, 1, .3, 1) both; }
.del-promo.del-promo--polished.del-promo-sum--specials .del-promo-sum__title { display: flex; align-items: center; gap: 12px; padding: 24px 24px 0; font-size: 13.5px; font-weight: 700; letter-spacing: 0; color: var(--del-promo-muted); }
.del-promo.del-promo--polished .del-promo-sum__icon { flex: 0 0 44px; width: 44px; height: 44px; margin: 0; }
.del-promo.del-promo--polished .del-promo-sum__icon svg { width: 22px; height: 22px; }
.del-promo.del-promo--polished.del-promo-sum--specials .del-promo-sum__big { gap: 0; padding: 10px 24px 20px; }
.del-promo.del-promo--polished.del-promo-sum--specials .del-promo-sum__save { font-family: var(--del-promo-hd); font-size: 36px; line-height: 1.05; font-weight: 800; color: var(--del-promo-ink); }
.del-promo.del-promo--polished.del-promo-sum--specials .del-promo-sum__on { margin-top: 8px; font-size: 15px; line-height: 1.55; color: var(--del-promo-body); }
.del-promo.del-promo--polished.del-promo-sum--none .del-promo-sum__title,
.del-promo.del-promo--polished.del-promo-sum--next .del-promo-sum__title { padding-top: 26px; }
.del-promo.del-promo--polished.del-promo-sum--none .del-promo-sum__big,
.del-promo.del-promo--polished.del-promo-sum--next .del-promo-sum__big { padding-top: 16px; }
.del-promo.del-promo--polished.del-promo-sum--none .del-promo-sum__save,
.del-promo.del-promo--polished.del-promo-sum--next .del-promo-sum__save { font-size: 28px; line-height: 1.15; }
.del-promo.del-promo--polished .del-promo-sum__row { padding: 12px 24px; }
.del-promo.del-promo--polished .del-promo-sum__cd { padding: 16px 24px 22px; }
.del-promo.del-promo--polished .del-promo-sum__cd-title { margin: 0 0 10px; font-size: 13px; font-weight: 700; color: var(--del-promo-muted); }
.del-promo.del-promo--polished .del-promo-sum__cd-n { font-family: var(--del-promo-hd); }
.del-promo.del-promo--polished .del-promo-sum__cta { padding: 0 24px 24px; }
.del-promo.del-promo--polished .del-promo-sum__rows + .del-promo-sum__cta { padding-top: 20px; }
.del-promo.del-promo--polished a.del-promo-sum__btn {
	display: flex; width: 100%; gap: 10px; min-height: 48px; padding: 0 20px;
	font-family: var(--del-promo-hd); font-size: 15px; font-weight: 700; transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
.del-promo.del-promo--polished a.del-promo-sum__btn--solid:hover,
.del-promo.del-promo--polished a.del-promo-sum__btn--solid:focus-visible { background: var(--del-promo-ink); border-color: var(--del-promo-ink); color: #ffffff; }

/* ---------- grid: tabs, filter bar, cards, pages ---------- */
/* The month tabs sit on a grey band that runs to the screen edges, so they
   read as the bottom of the page header (pull the grid up against the header). */
.del-promo--polished { --del-promo-tabs-bg: #f4f4f5; }
.del-promo.del-promo--polished .del-promo__tabs {
	border-bottom: 0;
	border-image: linear-gradient(to top, var(--del-promo-tabs-line) 1px, var(--del-promo-tabs-bg) 1px) fill 0 / 0 / var(--del-promo-tabs-reach, 0px) 100vmax 0;
}
.del-promo.del-promo--polished .del-promo__tab { min-height: 52px; padding: 0 20px; font-size: 15.5px; }
.del-promo.del-promo--polished .del-promo__tab[aria-current="true"] { background: #ffffff; font-weight: 700; }
.del-promo.del-promo--polished .del-promo__tab .del-promo__n { padding: 3px 8px; }
.del-promo.del-promo--polished .del-promo__tab[aria-current="true"] .del-promo__n { background: var(--del-promo-tab-n-on, #1965B0); color: var(--del-promo-tab-n-on-fg, #ffffff); }
.del-promo.del-promo--polished .del-promo__tools { margin-bottom: 34px; }
.del-promo.del-promo--polished .del-promo__tools-in { gap: 12px 20px; padding: 16px 0; }
.del-promo.del-promo--polished .del-promo__chip { min-height: 42px; padding: 0 14px; gap: 8px; }
.del-promo.del-promo--polished .del-promo__chip--sm { min-height: 34px; padding: 0 10px; }
.del-promo.del-promo--polished .del-promo__chip-logo { flex-basis: 24px; width: 24px; height: 24px; background: var(--del-promo-surface); border: 0; color: var(--del-promo-ink); font-family: var(--del-promo-hd); }
.del-promo.del-promo--polished .del-promo__chip-logo:has(img) { background: #ffffff; }
.del-promo.del-promo--polished .del-promo__count { font-size: 14px; color: var(--del-promo-muted); }
.del-promo.del-promo--polished .del-promo__list { gap: 24px; }
.del-promo.del-promo--polished.del-promo--specials { margin-bottom: 56px; }
.del-promo.del-promo--polished.del-promo--specials:has(.del-promo__list[hidden]),
.del-promo.del-promo--polished.del-promo--specials:not(:has(.del-promo__list)) { margin-bottom: 0; }
.del-promo.del-promo--polished .del-promo__splead { margin: 0 0 18px; font-size: 14px; color: var(--del-promo-muted); }
.del-promo.del-promo--polished .del-promo-card { position: relative; }
.del-promo.del-promo--polished .del-promo-card:hover { border-color: #d6dde8; }
.del-promo.del-promo--polished .del-promo-card:hover .del-promo-card__title { color: var(--del-promo-ink); }
.del-promo.del-promo--polished .del-promo-card:focus-visible { outline: 3px solid var(--del-promo-action); outline-offset: 3px; }
.del-promo.del-promo--polished .del-promo-card__badge { top: 12px; left: 12px; padding: 4px 8px; font-size: 11px; font-weight: 800; letter-spacing: .04em; }
.del-promo.del-promo--polished .del-promo-card__body { gap: 0; padding: 16px 16px 14px; }
.del-promo.del-promo--polished .del-promo-card__prov { display: flex; align-items: center; gap: 7px; margin: 0 0 8px; font-size: 12.5px; color: var(--del-promo-muted); }
.del-promo.del-promo--polished .del-promo-card__prov .del-promo__chip-logo { flex: 0 0 22px; width: 22px; height: 22px; background: var(--del-promo-surface); border: 0; color: var(--del-promo-ink); font-size: 10.5px; font-family: var(--del-promo-hd); }
.del-promo.del-promo--polished .del-promo-card__title { font-family: var(--del-promo-hd); font-size: 16.5px; -webkit-line-clamp: 2; }
.del-promo.del-promo--polished .del-promo-card__topic { margin: 10px 0 0; }
.del-promo.del-promo--polished .del-promo-card__foot { align-items: center; padding-top: 14px; }
.del-promo.del-promo--polished .del-promo-card__price { font-family: var(--del-promo-hd); font-size: 18px; font-weight: 800; }
.del-promo.del-promo--polished .del-promo-card__price del { font-family: inherit; font-size: 13px; font-weight: 400; }
.del-promo.del-promo--polished .del-promo-card__soon { font-size: 13.5px; }
.del-promo.del-promo--polished .del-promo-card__saved { margin: 5px 0 0; font-size: 13px; font-weight: 700; color: var(--del-promo-saved); }
.del-promo.del-promo--polished .del-promo-card__sum { padding: 22px 18px 18px; }
.del-promo.del-promo--polished.del-promo--sum .del-promo-card--sum:hover .del-promo-card__sum,
.del-promo.del-promo--polished.del-promo--sum .del-promo-card--sum:focus-visible .del-promo-card__sum { box-shadow: 0 -12px 30px rgba(16, 32, 51, .08); }
.del-promo.del-promo--polished .del-promo-card__sum-title { font-family: var(--del-promo-hd); }
.del-promo.del-promo--polished .del-promo-card__sum-btn { font-family: var(--del-promo-hd); }
.del-promo.del-promo--polished .del-promo-card--sale .del-promo-card__sum-tag + .del-promo-card__sum-tag { background: var(--del-promo-save-bg); border-color: var(--del-promo-save-bg); color: var(--del-promo-save-fg); }
.del-promo.del-promo--polished .del-promo__pager { gap: 8px; margin: 44px 0 30px; }
.del-promo.del-promo--polished .del-promo__pg { min-width: 46px; height: 46px; }
.del-promo.del-promo--polished .del-promo__pg--step { padding: 0 18px; }
.del-promo.del-promo--polished .del-promo__pg--step.is-off { opacity: 1; border-color: var(--del-promo-line); color: #b0b3b8; }
.del-promo.del-promo--polished a.del-promo__pg--step[rel="next"] { background: var(--del-promo-ink); border-color: var(--del-promo-ink); color: #ffffff; }

/* ---------- strips ---------- */
.del-promo.del-promo--polished.del-promo-strip { margin: 0 0 60px; }
.del-promo.del-promo--polished .del-promo-strip__head { align-items: flex-end; gap: 10px 20px; margin: 0 0 24px; padding: 0; border-bottom: 0; }
.del-promo.del-promo--polished .del-promo-strip__title { font-family: var(--del-promo-hd); font-size: 30px; line-height: 1.2; font-weight: 800; }
.del-promo.del-promo--polished .del-promo-strip__text { margin: 8px 0 0; font-size: 16px; line-height: 1.5; }
.del-promo.del-promo--polished a.del-promo-strip__link { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font-family: var(--del-promo-hd); font-size: 15px; font-weight: 700; text-decoration: none; }
.del-promo.del-promo--polished a.del-promo-strip__link:hover { color: var(--del-promo-ink); text-decoration: none; }
.del-promo.del-promo--polished.del-promo-strip .del-promo__list { gap: 20px; }
.del-promo.del-promo--polished.del-promo-strip .del-promo-card__body { padding: 14px; }
.del-promo.del-promo--polished.del-promo-strip .del-promo-card__title { font-size: 15.5px; }
.del-promo.del-promo--polished.del-promo-strip .del-promo-card__prov { margin-bottom: 6px; font-size: 12px; }
.del-promo.del-promo--polished.del-promo-strip--band {
	margin-bottom: 0; padding-top: var(--del-promo-band-pad); padding-bottom: calc(var(--del-promo-band-pad) + 4px);
	border-image: linear-gradient(to bottom, var(--del-promo-line) 1px, var(--del-promo-band) 1px, var(--del-promo-band) calc(100% - 1px), var(--del-promo-line) calc(100% - 1px)) fill 0 / 0 / 0 100vmax;
}
.del-promo.del-promo--polished.del-promo-strip--band .del-promo-strip__head { margin-bottom: 22px; }
.del-promo.del-promo--polished.del-promo-strip--list .del-promo__list { gap: 16px; }
.del-promo.del-promo--polished.del-promo-strip--list .del-promo-card { gap: 16px; padding: 12px; }
.del-promo.del-promo--polished.del-promo-strip--list .del-promo-card:hover { transform: none; box-shadow: 0 10px 26px rgba(25, 101, 176, .10); }
.del-promo.del-promo--polished.del-promo-strip--list .del-promo-card__img { margin: 0; }
.del-promo.del-promo--polished.del-promo-strip--list .del-promo-card__badge { top: 6px; left: 6px; padding: 3px 6px; font-size: 10px; }
.del-promo.del-promo--polished.del-promo-strip--list .del-promo-card__body { padding: 4px 6px 2px 0; }
.del-promo.del-promo--polished.del-promo-strip--list .del-promo-card__title { font-size: 17px; }
.del-promo.del-promo--polished.del-promo-strip--list .del-promo-card__foot { padding-top: 8px; }

/* ---------- tablet ---------- */
@media (max-width: 1024px) {
	.del-promo .del-promo-intro__title { font-size: 42px; }
	.del-promo .del-promo-intro__text { font-size: 17px; }
	.del-promo.del-promo--polished .del-promo__list { gap: 20px; }
}

/* ---------- phone ---------- */
@media (max-width: 767px) {
	.del-promo .del-promo-intro__pill { margin-bottom: 14px; font-size: 12.5px; padding: 6px 10px; }
	.del-promo .del-promo-intro__title { font-size: 33px; line-height: 1.08; }
	.del-promo .del-promo-intro__bar { width: 48px; margin-top: 16px; }
	.del-promo .del-promo-intro__text { margin-top: 14px; font-size: 16px; line-height: 1.55; }
	.del-promo .del-promo-intro__actions { flex-direction: column; align-items: stretch; gap: 12px; width: 100%; margin-top: 20px; }
	.del-promo a.del-promo-intro__btn { width: 100%; }
	.del-promo a.del-promo-intro__link { text-align: center; font-size: 14.5px; }
	.del-promo .del-promo-intro__ticks { flex-direction: column; gap: 8px; margin-top: 20px; }

	.del-promo.del-promo--polished.del-promo-sum--specials .del-promo-sum__title { padding: 20px 18px 0; }
	.del-promo.del-promo--polished.del-promo-sum--specials .del-promo-sum__big { padding: 12px 18px 18px; }
	.del-promo.del-promo--polished.del-promo-sum--none .del-promo-sum__save { font-size: 24px; }
	.del-promo.del-promo--polished .del-promo-sum__cta { padding: 0 18px 20px; }
	.del-promo.del-promo--polished .del-promo-sum__cd { padding: 14px 18px 18px; }

	.del-promo.del-promo--polished .del-promo__tab { min-height: 48px; padding: 0 14px; font-size: 14.5px; }
	.del-promo.del-promo--polished .del-promo__tools { margin-bottom: 20px; }
	.del-promo.del-promo--polished .del-promo__tools-in { padding: 12px 0; }
	.del-promo.del-promo--polished .del-promo__chip { min-height: 40px; padding: 0 12px; font-size: 13.5px; }
	.del-promo.del-promo--polished .del-promo__count { font-size: 12.5px; }
	.del-promo.del-promo--polished .del-promo__list { gap: 12px; }
	.del-promo.del-promo--polished .del-promo-card__body { padding: 10px; }
	.del-promo.del-promo--polished .del-promo-card__prov { margin-bottom: 4px; font-size: 11.5px; }
	.del-promo.del-promo--polished .del-promo-card__prov .del-promo__chip-logo { display: none; }
	.del-promo.del-promo--polished .del-promo-card__title { font-size: 14px; -webkit-line-clamp: 3; }
	.del-promo.del-promo--polished .del-promo-card__topic { display: none; }
	.del-promo.del-promo--polished .del-promo-card__arrow { display: none; }
	.del-promo.del-promo--polished .del-promo-card__foot { padding-top: 10px; }
	.del-promo.del-promo--polished .del-promo-card__price { font-size: 15px; }
	.del-promo.del-promo--polished .del-promo-card__soon { font-size: 12px; }
	.del-promo.del-promo--polished .del-promo-card__badge { top: 8px; left: 8px; padding: 3px 6px; font-size: 10px; }
	.del-promo.del-promo--polished .del-promo__pager { margin: 22px 0 24px; }

	.del-promo.del-promo--polished.del-promo-strip { margin-bottom: 34px; }
	.del-promo.del-promo--polished .del-promo-strip__title { font-size: 23px; }
	.del-promo.del-promo--polished .del-promo-strip__text { margin-top: 6px; font-size: 14.5px; }
	.del-promo.del-promo--polished.del-promo-strip--swipe .del-promo-card__img { aspect-ratio: 16 / 10; }
	.del-promo.del-promo--polished.del-promo-strip--list .del-promo__list { gap: 10px; }
	.del-promo.del-promo--polished.del-promo-strip--list .del-promo-card { gap: 12px; padding: 10px; }
	.del-promo.del-promo--polished.del-promo-strip--list .del-promo-card__img { flex-basis: 84px; width: 84px; margin: 0; }
	.del-promo.del-promo--polished.del-promo-strip--list .del-promo-card__body { padding: 0; }
	.del-promo.del-promo--polished.del-promo-strip--list .del-promo-card__title { font-size: 15px; -webkit-line-clamp: 2; }
	/* The "See every new release" link becomes a full-width button under the list. */
	.del-promo.del-promo--polished.del-promo-strip--list { display: flex; flex-direction: column; }
	.del-promo.del-promo--polished.del-promo-strip--list .del-promo-strip__head { display: contents; }
	.del-promo.del-promo--polished.del-promo-strip--list .del-promo-strip__words { order: 1; margin: 0 0 16px; }
	.del-promo.del-promo--polished.del-promo-strip--list .del-promo__list { order: 2; }
	.del-promo.del-promo--polished.del-promo-strip--list a.del-promo-strip__link {
		order: 3; justify-content: center; width: 100%; min-height: 48px; margin: 16px 0 0;
		border: 1.5px solid var(--del-promo-action); white-space: normal; text-align: center;
	}
}

@media (prefers-reduced-motion: reduce) {
	.del-promo.del-promo-intro--motion > *,
	.del-promo.del-promo--polished.del-promo-partners--panel,
	.del-promo.del-promo--polished.del-promo-sum--accent { animation: none; }
}