/* ==========================================================================
   Műszaki Diszkont – Napi ajánlat  |  Figma: Frame 26085956 (1920 px)
   ========================================================================== */

:root {
	--mdn-red: #dd0017;
	--mdn-red-2: #e30512;
	--mdn-red-3: #e30613;
	--mdn-black: #000;
	--mdn-ink: #0f0f0f;
	--mdn-dark: #141414;
	--mdn-darker: #0a0a0a;
	--mdn-gray: #8c8c8c;
	--mdn-light: #f5f5f5;
	--mdn-row: #ebebeb;
	--mdn-line: rgba(0, 0, 0, .1);
	--mdn-font: "Rubik", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
	--mdn-cond: "Roboto Condensed", "Arial Narrow", Arial, sans-serif;
	--mdn-helv: "Helvetica Neue", Helvetica, Arial, sans-serif;
	--mdn-wide: 1548px;
	--mdn-content: 1366px;
	--mdn-gutter: 16px;
}

*,
*::before,
*::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
	margin: 0;
	font-family: var(--mdn-font);
	font-size: 16px;
	line-height: 1.2;
	color: var(--mdn-black);
	background: #fff;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}

img { max-width: 100%; height: auto; display: block; }
a { color: inherit; }
button { font: inherit; cursor: pointer; }
h1, h2, h3, p, ul, dl, dd { margin: 0; }
ul { padding: 0; list-style: none; }

.screen-reader-text {
	position: absolute !important;
	width: 1px; height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap;
}
.skip-link:focus {
	clip: auto; width: auto; height: auto;
	left: 8px; top: 8px; z-index: 1000;
	padding: 10px 16px; background: #fff; color: #000;
}
.mdn-icon { display: block; flex: none; }

/* ------------------------------------------------------------------ Fejléc */

.mdn-header {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 80px;
	padding: 0 80px;
	background: var(--mdn-red);
	color: #fff;
	z-index: 2;
}
/* fehér ferde logó mező (a Figma szerinti dőlésszöggel) */
.mdn-header::before {
	content: "";
	position: absolute;
	inset: 0 auto 0 0;
	width: 330px;
	background: #fff;
	clip-path: polygon(0 0, 100% 0, calc(100% - 36.5px) 100%, 0 100%);
}
.mdn-header__logo { position: relative; flex: none; width: 160px; padding: 11px 0; }
.mdn-header__logo img { width: 160px; height: auto; }
.mdn-header__logo a { display: block; }
.mdn-header__bar {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 100px;
	padding-left: 10px;
	min-width: 0;
}
.mdn-header__title {
	font-family: var(--mdn-helv);
	font-weight: 700;
	font-size: 34px;
	line-height: 40px;
	text-transform: uppercase;
	white-space: nowrap;
}
.mdn-header__usps { display: flex; align-items: center; gap: 20px; }
.mdn-header__usps li {
	display: flex; align-items: center; gap: 10px;
	font-family: var(--mdn-helv);
	font-weight: 700;
	font-size: 18px;
	line-height: 21px;
	white-space: nowrap;
}
.mdn-header__usps .mdn-icon { width: 30px; height: 30px; }

/* -------------------------------------------------------------------- Hero */

.mdn-hero {
	position: relative;
	background: #fff;
	overflow: hidden;
}
/* fekete ferde háttér: tetején 826.6px, alján 600.4px (1920-as vásznon) */
.mdn-hero::before {
	content: "";
	position: absolute;
	inset: 0 auto 0 0;
	width: calc(50% - 774px + 640.6px);
	min-width: 826.6px;
	background: var(--mdn-black);
	clip-path: polygon(0 0, 100% 0, calc(100% - 226.2px) 100%, 0 100%);
}
.mdn-hero__inner {
	position: relative;
	display: grid;
	grid-template-columns: 586px 962px;
	justify-content: space-between;
	align-items: start;
	max-width: var(--mdn-wide);
	margin: 0 auto;
	padding: 40px 0 70px;
}
.mdn-hero__info {
	padding-top: 20px;
	color: #fff;
}
.mdn-hero__title {
	font-weight: 600;
	font-size: 45px;
	line-height: 53px;
	text-transform: uppercase;
}
.mdn-hero__brand {
	margin-top: 20px;
	font-family: var(--mdn-cond);
	font-weight: 700;
	font-size: 50px;
	line-height: 59px;
	letter-spacing: .02em;
	text-transform: uppercase;
}
.mdn-hero__brand--logo {
	display: flex;
	align-items: center;
	min-height: 44px;
	line-height: 0;
}
.mdn-hero__brand-img {
	display: block;
	width: auto;
	height: auto;
	max-width: 240px;
	max-height: 44px;
	filter: brightness(0) invert(1);
}
.mdn-hero__features {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-top: 20px;
}
.mdn-hero__features li {
	display: flex; align-items: center; gap: 16px;
	font-size: 20px;
	line-height: 24px;
}
.mdn-hero__features .mdn-icon { width: 32px; height: 32px; }
.mdn-hero__price { margin-top: 20px; }
.mdn-hero__old {
	display: flex; align-items: center; gap: 10px;
	font-size: 30px;
	line-height: 36px;
	color: var(--mdn-gray);
}
.mdn-hero__old del { text-decoration-thickness: 2px; }
.mdn-pill {
	display: inline-flex; align-items: center; justify-content: center;
	height: 44px;
	padding: 0 8px;
	border-radius: 22px;
	background: var(--mdn-red-2);
	color: #fff;
	font-size: 30px;
	line-height: 36px;
}
.mdn-hero__saving {
	margin-top: 10px;
	font-weight: 500;
	font-size: 23px;
	line-height: 27px;
	color: var(--mdn-red);
}
.mdn-hero__now {
	margin-top: 10px;
	font-weight: 600;
	font-size: 57px;
	line-height: 68px;
	color: var(--mdn-red);
}

.mdn-btn {
	display: inline-flex; align-items: center; justify-content: center;
	gap: 10px;
	text-decoration: none;
	font-weight: 600;
	font-size: 17px;
	line-height: 20px;
	text-transform: uppercase;
	border-radius: 4px;
	transition: background-color .2s, color .2s, border-color .2s, transform .2s;
}
.mdn-btn--buy {
	width: 252px;
	height: 64px;
	margin-top: 20px;
	gap: 12px;
	background: var(--mdn-red);
	color: #fff;
	font-size: 23px;
	line-height: 27px;
	letter-spacing: .02em;
}
.mdn-btn--buy:hover,
.mdn-btn--buy:focus-visible { background: #b80013; }
.mdn-btn--buy .mdn-icon { width: 32px; height: 32px; }
.mdn-btn--buy .mdn-icon path { stroke-width: 1.8; }
.mdn-soldout {
	margin-top: 20px;
	font-weight: 600; font-size: 23px; color: #fff;
}

/* Galéria */
.mdn-gallery { padding-bottom: 31px; }
.mdn-gallery__stage {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 490px;
}
.mdn-gallery__main {
	position: relative;
	width: 802px;
	height: 490px;
}
.mdn-gallery__img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: opacity .25s;
}
.mdn-gallery__img.is-loading { opacity: .2; }
.mdn-gallery__badge {
	position: absolute;
	top: 43px;
	right: 53px;
	display: flex; align-items: center; justify-content: center;
	width: 123px;
	height: 59px;
	border-radius: 4px;
	background: var(--mdn-red-2);
	color: #fff;
	font-family: var(--mdn-helv);
	font-weight: 700;
	font-size: 37px;
	line-height: 43px;
}
.mdn-gallery__nav {
	position: absolute;
	top: 50%;
	display: flex; align-items: center; justify-content: center;
	width: 44px; height: 44px;
	margin-top: -22px;
	padding: 0;
	border: 1px solid #fff;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
	z-index: 1;
	transition: transform .2s;
}
.mdn-gallery__nav:hover { transform: scale(1.06); }
.mdn-gallery__nav--prev { left: 0; }
.mdn-gallery__nav--next { right: 0; }
.mdn-gallery__nav .mdn-icon { width: 13px; height: 19px; }
.mdn-gallery__nav--prev .mdn-icon { margin-left: -3px; }
.mdn-gallery__nav--next .mdn-icon { margin-left: 3px; }
.mdn-gallery__thumbs {
	display: grid;
	grid-template-columns: repeat(4, 190.5px);
	justify-content: center;
	gap: 20px;
	margin-top: 20px;
}
.mdn-gallery__thumb {
	display: block;
	width: 100%;
	aspect-ratio: 190.5 / 116.16;
	padding: 0;
	border: 0;
	border-radius: 10.5px;
	background: none;
	overflow: hidden;
}
.mdn-gallery__thumb img { width: 100%; height: 100%; object-fit: cover; }
.mdn-gallery__thumb.is-active {
	padding: 10px;
	border: 3px solid var(--mdn-red-2);
	border-radius: 12px;
}
.mdn-gallery__thumb.is-active img { border-radius: 0; }

/* ------------------------------------------------------------ Visszaszámláló */

.mdn-countdown {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 32px;
	min-height: 103px;
	padding: 20px var(--mdn-gutter);
	background: var(--mdn-red);
	color: #fff;
}
.mdn-countdown__label {
	font-weight: 500;
	font-size: 23px;
	line-height: 27px;
}
.mdn-countdown__time { display: flex; align-items: flex-start; gap: 20px; }
.mdn-countdown__unit { display: flex; align-items: center; gap: 10px; }
.mdn-countdown__box {
	display: flex; align-items: center; justify-content: center;
	min-width: 62px;
	height: 63px;
	padding: 0 6px;
	border-radius: 6px;
	background: #fff;
	color: var(--mdn-red);
	font-family: var(--mdn-helv);
	font-weight: 700;
	font-size: 37px;
	line-height: 43px;
	font-variant-numeric: tabular-nums;
}
.mdn-countdown__lbl { font-size: 18px; line-height: 21px; }
.mdn-countdown__sep {
	font-family: var(--mdn-helv);
	font-weight: 700;
	font-size: 46px;
	line-height: 53px;
	width: 16px;
	text-align: center;
}

/* ------------------------------------------------------- Fülek + oldaldobozok */

.mdn-details { padding: 40px var(--mdn-gutter); }
.mdn-details__inner {
	display: grid;
	grid-template-columns: minmax(0, 870px) minmax(0, 476px);
	align-items: start;
	gap: 20px;
	max-width: var(--mdn-content);
	margin: 0 auto;
}
.mdn-tabs { display: flex; flex-direction: column; min-width: 0; }
.mdn-tabs__nav {
	display: flex;
	align-self: flex-start;
	gap: 10px;
	width: 705px;
	max-width: 100%;
	border-radius: 12px 12px 0 0;
	background: var(--mdn-light);
}
.mdn-tabs__tab {
	position: relative;
	display: flex; align-items: center; justify-content: center;
	gap: 10px;
	height: 102px;
	padding: 0 24px;
	border: 0;
	border-radius: 12px 12px 0 0;
	background: var(--mdn-light);
	color: #000;
	font-size: 30px;
	line-height: 36px;
	font-weight: 400;
}
.mdn-tabs__tab:first-child { flex: 0 1 408px; }
.mdn-tabs__tab:last-child { flex: 0 1 287px; }
.mdn-tabs__tab .mdn-icon { width: 32px; height: 32px; }
.mdn-tabs__tab.is-active {
	background: #fff;
	color: var(--mdn-red);
	font-weight: 500;
	box-shadow: inset 0 5px 0 var(--mdn-red), inset 1px 0 0 var(--mdn-line), inset -1px 0 0 var(--mdn-line);
	z-index: 1;
}
.mdn-tabs__tab.is-active::after {
	content: "";
	position: absolute;
	left: 1px; right: 1px; bottom: -1px;
	height: 2px;
	background: #fff;
}
.mdn-tabs__tab:not(.is-active) .mdn-icon path[fill="#DD0017"] { fill: #000; }
.mdn-tabs__tab.is-active .mdn-icon path[fill="black"] { fill: var(--mdn-red); }
.mdn-tabs__tab:focus-visible { outline: 2px solid var(--mdn-red); outline-offset: -4px; }
.mdn-tabs__body {
	flex: 1;
	border: 1px solid var(--mdn-line);
	border-radius: 0 12px 12px 12px;
	background: #fff;
	padding: 40px 40px 60px;
	margin-top: -1px;
}
.mdn-tabs__heading {
	font-weight: 500;
	font-size: 23px;
	line-height: 27px;
	color: #000;
}
.mdn-tabs__intro {
	max-width: 655px;
	margin-top: 20px;
	font-size: 16px;
	line-height: 19px;
}
.mdn-tabs__intro p + p { margin-top: 10px; }
.mdn-specs__title {
	margin-top: 40px;
	padding-bottom: 10px;
	font-weight: 600;
	font-size: 17px;
	line-height: 20px;
}
.mdn-specs { max-width: 788px; }
.mdn-specs__row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	padding: 8px 10px;
	min-height: 35px;
	border-radius: 4px;
	font-size: 16px;
	line-height: 19px;
}
.mdn-specs__row:nth-child(odd) { background: var(--mdn-row); }
.mdn-specs dt { font-weight: 400; }

.mdn-content { font-size: 16px; line-height: 1.5; margin-top: 20px; }
.mdn-content > * + * { margin-top: 14px; }
.mdn-content h2, .mdn-content h3 { font-weight: 600; font-size: 20px; line-height: 1.3; margin-top: 24px; }
.mdn-content ul { list-style: disc; padding-left: 20px; }
.mdn-content a { color: var(--mdn-red); }

.mdn-side {
	position: sticky;
	top: calc(24px + var(--wp-admin--admin-bar--height, 0px));
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 20px;
	border: 1px solid var(--mdn-line);
	border-radius: 12px;
}
.mdn-side__box {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	padding: 33px 20px 32px;
	border: 1px solid var(--mdn-line);
	border-radius: 12px;
	background: var(--mdn-light);
}
.mdn-side__box .mdn-icon { width: 60px; height: 60px; }
.mdn-side__box h3 {
	font-weight: 500;
	font-size: 23px;
	line-height: 27px;
}
.mdn-side__box p {
	margin-top: 8px;
	font-size: 16px;
	line-height: 19px;
}
.mdn-side__box .mdn-side__note {
	font-weight: 600;
	font-size: 17px;
	line-height: 20px;
}

/* ------------------------------------------------------- További ajánlataink */

.mdn-related {
	max-width: calc(var(--mdn-content) + 2 * var(--mdn-gutter));
	margin: 0 auto;
	padding: 0 var(--mdn-gutter) 60px;
}
.mdn-related--archive { padding-top: 60px; }
.mdn-section-title {
	position: relative;
	padding-bottom: 23px;
	text-align: center;
	font-weight: 600;
	font-size: 45px;
	line-height: 53px;
	color: var(--mdn-ink);
	text-transform: uppercase;
}
.mdn-section-title::after {
	content: "";
	position: absolute;
	left: 50%; bottom: 0;
	width: 56px; height: 3px;
	margin-left: -28px;
	background: var(--mdn-red-2);
}
.mdn-cards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 40px 64px;
	margin-top: 40px;
}
.mdn-card { position: relative; min-width: 0; }
.mdn-card:not(:nth-child(3n+1))::before {
	content: "";
	position: absolute;
	top: 0; bottom: 2px;
	left: -32px;
	width: 1px;
	background: rgba(0, 0, 0, .2);
}
.mdn-card__media {
	position: relative;
	display: block;
	aspect-ratio: 413 / 263;
	overflow: hidden;
}
.mdn-card__img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s; }
.mdn-card__media:hover .mdn-card__img { transform: scale(1.03); }
.mdn-card__badge {
	position: absolute;
	top: 3px;
	right: -18px;
	display: flex; align-items: center; justify-content: center;
	width: 88px;
	height: 68px;
	border-radius: 6px;
	background: var(--mdn-red-2);
	color: #fff;
	font-family: var(--mdn-cond);
	font-weight: 700;
	font-size: 30px;
	line-height: 35px;
	letter-spacing: -.3px;
}
.mdn-card__thumbs {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
	margin-top: 20px;
}
.mdn-card__thumbs button {
	display: block;
	width: 100%;
	height: 59px;
	padding: 0;
	border: 0;
	background: none;
	overflow: hidden;
	opacity: .95;
	transition: opacity .2s;
}
.mdn-card__thumbs button:hover { opacity: 1; }
.mdn-card__thumbs img { width: 100%; height: 100%; object-fit: cover; }
.mdn-card__body { margin-top: 11px; }
.mdn-card__title {
	font-weight: 500;
	font-size: 23px;
	line-height: 27px;
	color: var(--mdn-ink);
	text-transform: uppercase;
}
.mdn-card__title a { text-decoration: none; }
.mdn-card__title a:hover { color: var(--mdn-red); }
.mdn-card__sub {
	margin-top: 8px;
	font-size: 16px;
	line-height: 19px;
	color: var(--mdn-ink);
	text-transform: uppercase;
}
.mdn-card__foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-top: 20px;
}
.mdn-card__price {
	font-weight: 500;
	font-size: 30px;
	line-height: 36px;
	color: var(--mdn-red-2);
	white-space: nowrap;
}
.mdn-btn--outline {
	justify-content: space-between;
	width: 190px;
	height: 54px;
	padding: 0 24px;
	border: 1px solid #bfbfbf;
	background: #fff;
	color: var(--mdn-ink);
}
.mdn-btn--outline .mdn-icon { width: 22px; height: 22px; }
.mdn-btn--outline:hover { border-color: var(--mdn-red); color: var(--mdn-red); }
.mdn-btn--outline:hover path { stroke: var(--mdn-red); }

/* ---------------------------------------------------------------- Lábléc */

.mdn-trust { background: var(--mdn-dark); color: #fff; padding: 40px var(--mdn-gutter); }
.mdn-trust__list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 20px 52px;
}
.mdn-trust__item {
	display: flex;
	align-items: center;
	gap: 22px;
	min-height: 68px;
}
.mdn-trust__item + .mdn-trust__item {
	padding-left: 52px;
	border-left: 1px solid rgba(255, 255, 255, .2);
}
.mdn-trust__item .mdn-icon { width: 56px; height: 56px; }
.mdn-trust__item strong {
	display: block;
	font-weight: 600;
	font-size: 17px;
	line-height: 20px;
	text-transform: uppercase;
}
.mdn-trust__item span {
	display: block;
	margin-top: 6px;
	font-size: 16px;
	line-height: 19px;
	opacity: .75;
}

.mdn-cta {
	position: relative;
	background: var(--mdn-darker);
	color: #fff;
	overflow: hidden;
}
/* piros ferde mező: tetején 1003px, alján 949px (1920-as vásznon) */
.mdn-cta::before {
	content: "";
	position: absolute;
	inset: 0 auto 0 0;
	width: calc(50% - 683px + 726.1px);
	background: var(--mdn-red-3);
	clip-path: polygon(0 0, 100% 0, calc(100% - 53.9px) 100%, 0 100%);
}
.mdn-cta__inner {
	position: relative;
	display: grid;
	grid-template-columns: 1fr 558px;
	align-items: center;
	gap: 40px;
	max-width: var(--mdn-content);
	min-height: 197px;
	margin: 0 auto;
	padding: 46px 0;
}
.mdn-cta__daily { display: flex; align-items: center; gap: 34px; }
.mdn-cta__daily .mdn-icon { width: 78px; height: 78px; }
.mdn-cta__daily h2 {
	font-weight: 600;
	font-size: 45px;
	line-height: 53px;
}
.mdn-cta__daily p {
	margin-top: 8px;
	font-weight: 500;
	font-size: 23px;
	line-height: 27px;
}
.mdn-cta__newsletter h2 {
	font-weight: 500;
	font-size: 36px;
	line-height: 43px;
}
.mdn-nl-form {
	display: grid;
	grid-template-columns: 211px 211px 104px;
	gap: 16px;
	align-items: start;
	margin-top: 16px;
}
.mdn-nl-form input {
	width: 100%;
	height: 46px;
	padding: 0 16px;
	border: 1px solid rgba(255, 255, 255, .27);
	border-radius: 4px;
	background: rgba(255, 255, 255, .02);
	color: #fff;
	font: 600 17px/20px var(--mdn-font);
}
.mdn-nl-form input::placeholder { color: rgba(255, 255, 255, .4); opacity: 1; }
.mdn-nl-form input:focus { outline: none; border-color: #fff; }
.mdn-nl-form button {
	height: 44px;
	border: 1px solid #fff;
	border-radius: 4px;
	background: transparent;
	color: #fff;
	font-weight: 600;
	font-size: 17px;
	line-height: 20px;
	transition: background-color .2s, color .2s;
}
.mdn-nl-form button:hover { background: #fff; color: var(--mdn-darker); }
.mdn-nl-form .mdn-hp { position: absolute; left: -9999px; width: 1px; height: 1px; }
.mdn-cta__msg { margin-top: 16px; font-weight: 500; font-size: 18px; }
.mdn-cta__msg--error { color: #ff8a8a; margin-bottom: -4px; }
.mdn-cta__privacy { margin-top: 10px; font-size: 13px; color: rgba(255, 255, 255, .7); }

.mdn-footer__bar {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 60px;
	padding: 10px var(--mdn-gutter);
	background: #000;
}
.mdn-footer__menu { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.mdn-footer__menu a {
	color: #fff;
	text-decoration: none;
	font-weight: 600;
	font-size: 17px;
	line-height: 20px;
}
.mdn-footer__menu a:hover { text-decoration: underline; }

/* ------------------------------------------------ Általános oldalak, WooCommerce */

.mdn-page {
	max-width: calc(var(--mdn-content) + 2 * var(--mdn-gutter));
	margin: 0 auto;
	padding: 60px var(--mdn-gutter) 80px;
}
.mdn-page--center { text-align: center; }
.mdn-page--center .mdn-btn--buy { margin-top: 30px; }
.mdn-page__title {
	font-weight: 600;
	font-size: 40px;
	line-height: 1.2;
	margin-bottom: 30px;
	color: var(--mdn-ink);
}
.mdn-entry + .mdn-entry { margin-top: 40px; }
.mdn-entry__title { font-weight: 500; font-size: 26px; }
.mdn-entry__title a { text-decoration: none; }

.mdn-notices { max-width: var(--mdn-wide); margin: 20px auto 0; padding: 0 var(--mdn-gutter); }

.woocommerce .button,
.woocommerce button.button,
.woocommerce a.button,
.woocommerce #respond input#submit,
.woocommerce button.button.alt,
.woocommerce a.button.alt,
.wc-block-components-button:not(.is-link) {
	background: var(--mdn-red) !important;
	color: #fff !important;
	border-radius: 4px !important;
	font-family: var(--mdn-font) !important;
	font-weight: 600 !important;
}
.woocommerce-message,
.woocommerce-info { border-top-color: var(--mdn-red) !important; }
.woocommerce-message::before,
.woocommerce-info::before { color: var(--mdn-red) !important; }
.mdn-page--shop .mdn-content { margin-top: 0; line-height: 1.4; }
.woocommerce-pagination { margin-top: 40px; text-align: center; }

/* ----------------------------------------------------------- Reszponzív */

@media (max-width: 1640px) {
	.mdn-header { padding: 0 40px; }
	.mdn-header::before { width: 290px; }
	.mdn-header__bar { gap: 48px; }
	.mdn-header__title { font-size: 30px; line-height: 36px; }
	.mdn-header__usps li { font-size: 16px; }
	.mdn-hero__inner { grid-template-columns: minmax(0, 560px) minmax(0, 900px); padding: 40px 40px 70px; gap: 40px; }
	.mdn-hero::before { width: calc(50% - 774px + 640.6px + 40px); }
	.mdn-gallery__main { width: calc(100% - 108px); height: auto; aspect-ratio: 802 / 490; }
	.mdn-gallery__stage { height: auto; }
	.mdn-gallery__thumbs { grid-template-columns: repeat(4, minmax(0, 190.5px)); }
}

@media (max-width: 1400px) {
	.mdn-header__usps { display: none; }
	.mdn-hero::before { width: 57%; min-width: 0; }
	.mdn-hero__inner { grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); min-height: 0; }
	.mdn-hero__title { font-size: 38px; line-height: 45px; }
	.mdn-hero__brand { font-size: 42px; line-height: 50px; }
	.mdn-hero__info { padding-right: 60px; }
	.mdn-hero__features li { font-size: 18px; }
	.mdn-hero__now { font-size: 50px; line-height: 60px; }
	.mdn-gallery__main { width: calc(100% - 100px); }
	.mdn-gallery__badge { width: 100px; height: 50px; font-size: 30px; top: 5%; right: 5%; }
	.mdn-details__inner { grid-template-columns: minmax(0, 1fr) minmax(0, 400px); }
	.mdn-cta__inner { grid-template-columns: 1fr auto; padding-left: 40px; padding-right: 40px; }
	.mdn-cta::before { width: 52%; }
	.mdn-cta__daily h2 { font-size: 36px; line-height: 43px; }
	.mdn-cta__daily p { font-size: 19px; }
	.mdn-nl-form { grid-template-columns: 180px 180px 104px; }
}

@media (max-width: 1100px) {
	.mdn-header { min-height: 70px; padding: 0 24px; }
	.mdn-header::before { width: 220px; clip-path: polygon(0 0, 100% 0, calc(100% - 32px) 100%, 0 100%); }
	.mdn-header__logo, .mdn-header__logo img { width: 140px; }
	.mdn-header__title { font-size: 26px; line-height: 32px; white-space: normal; text-align: center; }

	.mdn-hero { background: #000; }
	.mdn-hero::before { display: none; }
	.mdn-hero__inner { grid-template-columns: 1fr; padding: 0 var(--mdn-gutter); gap: 0; min-height: 0; }
	.mdn-hero__info { padding: 40px 0 36px; }
	.mdn-gallery {
		margin: 0 calc(-1 * var(--mdn-gutter));
		padding: 32px var(--mdn-gutter) 32px;
		background: #fff;
	}
	.mdn-gallery__main { width: calc(100% - 100px); }

	.mdn-countdown { flex-direction: column; gap: 14px; }

	.mdn-details__inner { grid-template-columns: 1fr; }
	.mdn-side { position: static; }
	.mdn-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 48px 48px; }
	.mdn-card:not(:nth-child(3n+1))::before { display: none; }
	.mdn-card:nth-child(2n)::before { display: block; content: ""; position: absolute; top: 0; bottom: 2px; left: -24px; width: 1px; background: rgba(0, 0, 0, .2); }

	.mdn-trust__item + .mdn-trust__item { padding-left: 0; border-left: 0; }
	.mdn-trust__list { display: grid; grid-template-columns: repeat(2, minmax(0, max-content)); gap: 28px 60px; }

	.mdn-cta { background: var(--mdn-red-3); }
	.mdn-cta::before { display: none; }
	.mdn-cta__inner { grid-template-columns: 1fr; padding: 40px var(--mdn-gutter); gap: 0; }
	.mdn-cta__newsletter {
		margin: 40px calc(-1 * var(--mdn-gutter)) -40px;
		padding: 36px var(--mdn-gutter) 40px;
		background: var(--mdn-darker);
	}
}

@media (max-width: 767px) {
	body { font-size: 15px; }
	.mdn-header { flex-direction: column; align-items: stretch; min-height: 0; padding: 0; }
	.mdn-header::before { display: none; }
	.mdn-header__logo { width: auto; padding: 10px var(--mdn-gutter); background: #fff; }
	.mdn-header__logo img { width: 120px; margin: 0 auto; }
	.mdn-header__bar { padding: 9px var(--mdn-gutter); }
	.mdn-header__title { font-size: 20px; line-height: 24px; }

	.mdn-hero__info { padding-top: 32px; padding-right: 0; }
	.mdn-gallery__thumb.is-active { border-width: 2px; }
	.mdn-hero__title { font-size: 28px; line-height: 34px; }
	.mdn-hero__brand { font-size: 34px; line-height: 40px; margin-top: 12px; }
	.mdn-hero__brand-img { max-height: 34px; max-width: 180px; }
	.mdn-hero__brand--logo { min-height: 34px; }
	.mdn-hero__features { gap: 12px; }
	.mdn-hero__features li { font-size: 16px; line-height: 20px; gap: 12px; }
	.mdn-hero__features .mdn-icon { width: 26px; height: 26px; }
	.mdn-hero__old { font-size: 24px; }
	.mdn-pill { height: 36px; font-size: 24px; }
	.mdn-hero__saving { font-size: 19px; }
	.mdn-hero__now { font-size: 44px; line-height: 52px; }
	.mdn-btn--buy { width: 100%; }

	.mdn-gallery__main { width: 100%; }
	.mdn-gallery__nav { width: 36px; height: 36px; margin-top: -18px; }
	.mdn-gallery__nav .mdn-icon { width: 11px; height: 16px; }
	.mdn-gallery__badge { width: 72px; height: 36px; font-size: 22px; border-radius: 4px; }
	.mdn-gallery__thumbs { gap: 8px; }
	.mdn-gallery__thumb.is-active { padding: 6px; }

	.mdn-countdown__label { font-size: 19px; text-align: center; }
	.mdn-countdown__time { gap: 8px; }
	.mdn-countdown__unit { gap: 6px; }
	.mdn-countdown__box { min-width: 50px; height: 52px; font-size: 30px; }
	.mdn-countdown__lbl { font-size: 14px; }
	.mdn-countdown__sep { font-size: 34px; line-height: 50px; width: 8px; }

	.mdn-details { padding-top: 28px; padding-bottom: 28px; }
	.mdn-tabs__nav { width: 100%; gap: 6px; }
	.mdn-tabs__tab { flex: 1 1 50% !important; height: 64px; padding: 0 10px; font-size: 19px; gap: 8px; }
	.mdn-tabs__tab .mdn-icon { width: 24px; height: 24px; }
	.mdn-tabs__body { padding: 24px 16px 32px; border-radius: 0 0 12px 12px; }
	.mdn-tabs__heading { font-size: 20px; }
	.mdn-specs__title { margin-top: 28px; }
	.mdn-specs__row { gap: 10px; font-size: 14px; }
	.mdn-side { padding: 12px; gap: 12px; }
	.mdn-side__box { padding: 20px 16px; gap: 14px; }
	.mdn-side__box .mdn-icon { width: 44px; height: 44px; }
	.mdn-side__box h3 { font-size: 20px; }

	.mdn-section-title { font-size: 30px; line-height: 36px; padding-bottom: 18px; }
	.mdn-cards { grid-template-columns: 1fr; gap: 48px; margin-top: 28px; }
	.mdn-card:nth-child(2n)::before { display: none; }
	.mdn-card__title { font-size: 20px; }
	.mdn-card__price { font-size: 26px; }
	.mdn-btn--outline { width: auto; gap: 16px; padding: 0 18px; height: 48px; }
	.mdn-card__thumbs { gap: 10px; }
	.mdn-card__thumbs button { height: auto; aspect-ratio: 92.79 / 59; }
	.mdn-card__body { margin-top: 16px; }

	.mdn-trust__list { grid-template-columns: 1fr; gap: 22px; justify-content: start; padding-left: 8px; }
	.mdn-trust__item .mdn-icon { width: 44px; height: 44px; }

	.mdn-cta__daily { gap: 18px; }
	.mdn-cta__daily .mdn-icon { width: 54px; height: 54px; }
	.mdn-cta__daily h2 { font-size: 28px; line-height: 34px; }
	.mdn-cta__daily p { font-size: 17px; line-height: 22px; }
	.mdn-cta__newsletter h2 { font-size: 28px; line-height: 34px; }
	.mdn-nl-form { grid-template-columns: 1fr; }
	.mdn-nl-form button { height: 46px; }

	.mdn-page { padding-top: 36px; }
	.mdn-page__title { font-size: 30px; }
}