/* ==========================================================================
   مدهام — أقسام الصفحة الرئيسية
   كل الأرقام من Figma Dev Mode (الإطار 77:29 — 1920×8483).
   نصوص IBM Plex Sans Arabic كلها line-height = 1.5 (زي التصميم بالظبط).
   ========================================================================== */

/* ── عناصر مشتركة ────────────────────────────────────────────────────── */

.mdh-section-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
}

.mdh-section-title {
	margin: 0;
	font-family: var(--mdh-font-plex);
	font-weight: 700;
	font-size: 48px;
	line-height: 72px;
	color: var(--mdh-black);
}

/* نص أبيض فوق الصور — أسفل 40، يمين 24، عرض 237 */
.mdh-overlay-caption {
	position: absolute;
	z-index: 1;
	bottom: 40px;
	inset-inline-start: 24px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	width: 237px;
	max-width: calc(100% - 48px);
	margin: 0;
	color: var(--mdh-white);
	text-align: start;
}

.mdh-overlay-caption strong {
	font-weight: 700;
	font-size: 32px;
	line-height: 48px;
}

.mdh-overlay-caption span {
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
}

.mdh-empty {
	margin: 42px 0 0;
	font-size: 20px;
	color: var(--mdh-ink);
}

/* ==========================================================================
   ١. الهيرو — Figma 77:590 (1920×910، يبدأ عند y=112 → 9px تحت الهيدر)
   ========================================================================== */

/* 9px كريمي بين الهيدر (103) والهيرو (y=112).
   padding بدل margin لأن ووردبريس بيصفّر margin أول عنصر في الـ layout. */
.mdh-home {
	padding-top: 9px;
}

/* الأقسام ورا بعض من غير مسافات (التصميم مالوش blockGap بين الأقسام) */
.mdh-home .wp-block-post-content > * {
	margin-block: 0;
}

.mdh-hero {
	position: relative;
	height: 910px;
	overflow: hidden;
	color: var(--mdh-white);
	background: #2b2119;
}

.mdh-hero__bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mdh-hero::after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.4);
}

.mdh-hero__inner {
	position: relative;
	z-index: 1;
	height: 100%;
}

.mdh-hero__content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding-top: 205px;
}

.mdh-hero__title {
	margin: 0;
	font-family: var(--mdh-font-plex);
	font-weight: 700;
	font-size: 64px;
	line-height: 96px;
	color: var(--mdh-white);
	white-space: nowrap;
}

.mdh-hero__lead {
	width: 562px;
	max-width: 100%;
	margin: 36px 0 0;
	font-size: 24px;
	line-height: 36px;
}

.mdh-hero__thumbs {
	display: flex;
	gap: 24px;
	margin: 47px 0 0;
	padding: 0;
	list-style: none;
}

.mdh-hero__thumbs img {
	width: 100px;
	height: 100px;
	object-fit: cover;
}

.mdh-hero__text {
	width: 708px;
	max-width: 100%;
	margin: 22px 0 0;
	font-size: 20px;
	line-height: 30px;
}

/* ==========================================================================
   ٢. خطوات التصميم — Figma 77:600 (1920×855، تدرّج من الزيتوني لتحت للكريمي لفوق)
   ========================================================================== */

.mdh-process {
	height: 855px;
	color: var(--mdh-white);
	background: linear-gradient(to top, var(--mdh-olive), var(--mdh-cream));
}

.mdh-process__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 56px;
	height: 100%;
}

.mdh-process__content {
	flex: 0 1 920px;
	align-self: flex-start;
	padding-top: 230px;
}

.mdh-process__title {
	margin: 0;
	font-family: var(--mdh-font-plex);
	font-weight: 600;
	font-size: 64px;
	line-height: 96px;
	color: var(--mdh-white);
	white-space: nowrap;
}

.mdh-process__steps {
	display: flex;
	gap: 40px;
	margin: 61px 0 0; /* 64 - سُمك الخط 3 */
	padding: 0;
	list-style: none;
}

.mdh-process__step {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 200px;
	border-top: 3px solid var(--mdh-white);
}

.mdh-process__num {
	font-size: 48px;
	line-height: 72px;
}

.mdh-process__label {
	font-size: 24px;
	line-height: 36px;
}

.mdh-process__actions {
	display: flex;
	align-items: center;
	gap: 24px;
	margin-top: 64px;
}

.mdh-process__image {
	flex: 0 0 760px;
	width: 760px;
	height: 760px;
	object-fit: cover;
}

/* ==========================================================================
   ٣. شبكة المنتجات — Figma 77:632 / 77:633 / 77:700
   العنوان عند y=2060 (183 تحت القسم السابق)، الشبكة عند 2174، بين الصفين 86.59
   ========================================================================== */

.mdh-products {
	padding-top: 183px;
}

.mdh-product-grid {
	display: grid;
	grid-template-columns: repeat(4, 362.33px);
	justify-content: center;
	gap: 86.59px 52px;
	margin-top: 42px;
}

/* بطاقة المنتج 362.33×617.41 */
.mdh-product {
	display: flex;
	flex-direction: column;
	gap: 14px;
	min-width: 0;
	padding: 9px 14px; /* + حد 1px = 10/15 */
	border: 1px solid var(--mdh-olive);
	border-radius: 24px;
}

.mdh-product__media {
	display: block;
	overflow: hidden;
}

.mdh-product__media img {
	width: 100%;
	height: auto;
	aspect-ratio: 332.33 / 455.41;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.mdh-product:hover .mdh-product__media img {
	transform: scale(1.04);
}

.mdh-product__info {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}

.mdh-product__title {
	margin: 0;
	font-family: var(--mdh-font-plex);
	font-weight: 400;
	font-size: 24px;
	line-height: 36px;
	text-align: center;
	color: var(--mdh-ink);
}

.mdh-product__title a {
	color: inherit;
	text-decoration: none;
}

.mdh-product__prices {
	display: flex;
	justify-content: center;
	gap: 35px;
	height: 22px;
	font-size: 18.011px;
	line-height: 22px;
	white-space: nowrap;
}

.mdh-product__price {
	color: var(--mdh-sale);
}

.mdh-product__price-old {
	color: var(--mdh-price-old);
	text-decoration: line-through;
}

.mdh-product__actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	width: 100%;
	margin-top: 6px; /* 16 - 10 */
}

.mdh-product__cart {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 1 265px;
	height: 44px;
	padding: 10px 13px;
	font-family: var(--mdh-font-plex);
	font-size: 16px;
	line-height: 24px;
	color: var(--mdh-white);
	text-decoration: none;
	white-space: nowrap;
	background: var(--mdh-olive);
	border-radius: 16px;
	transition: background-color 0.2s ease, opacity 0.2s ease;
}

.mdh-product__cart:hover {
	color: var(--mdh-white);
	text-decoration: none;
	background: var(--mdh-olive-hover);
}

.mdh-product__cart.loading {
	opacity: 0.6;
	pointer-events: none;
}

.mdh-product__cart.added::after {
	content: " ✓";
	margin-inline-start: 6px;
}

/* ووكومرس بيضيف رابط "عرض السلة" بعد الإضافة — مش في التصميم */
.mdh-product .added_to_cart {
	display: none;
}

/* قلب المفضلة 34.1 — نفس قناع التصميم (Figma 77:647) */
.mdh-product__wish {
	flex: 0 0 34.1px;
	width: 34.1px;
	height: 34.1px;
	background: var(--mdh-olive);
	-webkit-mask: url("../icons/ui/heart-card-mask.png") center / 33.2px 33.2px no-repeat;
	mask: url("../icons/ui/heart-card-mask.png") center / 33.2px 33.2px no-repeat;
	transition: background-color 0.2s ease, transform 0.2s ease;
}

.mdh-product__wish:hover {
	transform: scale(1.08);
}

.mdh-product__wish[aria-pressed="true"] {
	background: var(--mdh-sale);
}

/* ==========================================================================
   ٤. الأقسام الدائرية — Figma 77:771 → 77:781
   ========================================================================== */

.mdh-categories {
	padding: 86.59px 0 87px;
}

.mdh-categories__subtitle {
	margin: 18px 0 0;
	font-size: 32px;
	line-height: 48px;
	color: var(--mdh-black);
}

.mdh-categories__list {
	display: flex;
	justify-content: center;
	gap: 64px;
	margin: 90px 0 0;
	padding: 0;
	list-style: none;
}

.mdh-categories__link {
	position: relative;
	display: block;
	width: 400px;
	height: 400px;
	overflow: hidden;
	border-radius: 50%;
	text-decoration: none;
	background: var(--mdh-olive);
}

.mdh-categories__link img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.6s ease;
}

.mdh-categories__link:hover img {
	transform: scale(1.06);
}

.mdh-categories__label {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 4px 24px;
	font-size: 24px;
	line-height: 36px;
	color: var(--mdh-olive);
	white-space: nowrap;
	background: var(--mdh-white);
	border-radius: 1000px;
}

/* ==========================================================================
   ٥. الاكسسوارات ومستلزمات التصنيع — Figma 103:72 (1920×1270)
   ========================================================================== */

.mdh-accessories {
	position: relative;
	min-height: 1270px;
	overflow: hidden;
	background: var(--mdh-white);
}

.mdh-accessories__bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mdh-accessories__inner {
	position: relative;
	z-index: 1;
	padding-block: 106px;
}

.mdh-accessories__title {
	white-space: nowrap;
}

.mdh-accessories__body {
	display: flex;
	align-items: flex-start;
	gap: 175px;
	margin-top: 49px;
}

.mdh-accessories__card {
	position: relative;
	flex: 0 0 563px;
	height: 937px;
	margin: 0;
	overflow: hidden;
}

.mdh-accessories__card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mdh-accessories__content {
	flex: 0 1 834px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding-top: 181px;
	color: var(--mdh-black);
}

.mdh-accessories__intro {
	width: 809px;
	max-width: 100%;
}

.mdh-accessories__heading {
	margin: 0;
	font-family: var(--mdh-font-plex);
	font-weight: 600;
	font-size: 40px;
	line-height: 60px;
	color: var(--mdh-black);
}

.mdh-accessories__text {
	margin: 0;
	font-size: 24px;
	line-height: 36px;
}

.mdh-accessories__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 31px 34px;
	width: 834px;
	max-width: 100%;
	margin: 76px 0 0;
	padding: 0;
	list-style: none;
}

.mdh-accessories__item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	height: 100%;
	padding: 8px 24px;
	color: var(--mdh-black);
	text-decoration: none;
	background: var(--mdh-white);
	border: 1px solid var(--mdh-olive);
	border-radius: 8px;
	transition: background-color 0.2s ease;
}

.mdh-accessories__item:hover {
	text-decoration: none;
	background: #f7f2ec;
}

.mdh-accessories__badge {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 48px;
	width: 48px;
	height: 48px;
	font-weight: 700;
	font-size: 32px;
	line-height: 48px;
	color: var(--mdh-white);
	background: var(--mdh-olive);
	border-radius: 1000px;
}

.mdh-accessories__label {
	width: 258px;
	font-size: 32px;
	line-height: 48px;
	text-align: start;
}

.mdh-accessories__actions {
	display: flex;
	align-items: center;
	gap: 24px;
	margin-top: 64px;
}

/* ==========================================================================
   ٦. معرض المشاريع — Figma 77:843 / 77:818 → 77:835
   الشبكة (من اليمين): 709 | 24 | 490 | 24 | 490 — الصفوف 342.5 × 2 + 24
   ========================================================================== */

.mdh-projects {
	padding-top: 156px;
}

.mdh-projects__subtitle {
	margin: 0;
	font-size: 20px;
	line-height: 30px;
	color: var(--mdh-black);
}

/* أعمدة نسبية (709/490/490) عشان تفضل جوه الحاوية حتى مع وجود scrollbar،
   والصفوف ثابتة (342.5) عشان الإيقاع الرأسي يفضل مطابق للتصميم */
.mdh-projects__grid {
	display: grid;
	grid-template-columns: minmax(0, 709fr) minmax(0, 490fr) minmax(0, 490fr);
	grid-template-rows: 342.5px 342.5px;
	gap: 24px;
	margin-top: 59px;
}

.mdh-projects__card {
	position: relative;
	display: block;
	overflow: hidden;
	color: var(--mdh-white);
	text-decoration: none;
	background: var(--mdh-olive);
}

.mdh-projects__card:hover {
	color: var(--mdh-white);
	text-decoration: none;
}

.mdh-projects__card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.6s ease;
}

.mdh-projects__card:hover img {
	transform: scale(1.05);
}

.mdh-projects__card::after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.2);
}

.mdh-projects__card--small .mdh-overlay-caption {
	bottom: 40.5px;
}

.mdh-projects__card:nth-child(1) { grid-column: 1; grid-row: 1 / span 2; }
.mdh-projects__card:nth-child(2) { grid-column: 2; grid-row: 1; }
.mdh-projects__card:nth-child(3) { grid-column: 2; grid-row: 2; }
.mdh-projects__card:nth-child(4) { grid-column: 3; grid-row: 1; }
.mdh-projects__card:nth-child(5) { grid-column: 3; grid-row: 2; }

/* ==========================================================================
   ٧. آراء العملاء — Figma 77:844 / 77:845 (3 × 563 + 2 × 24)
   ========================================================================== */

.mdh-testimonials {
	padding: 85px 0 220px;
}

.mdh-testimonials__title {
	color: var(--mdh-olive);
}

.mdh-testimonials__list {
	display: flex;
	gap: 24px;
	margin-top: 54px;
}

.mdh-testimonial {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 64px;
	flex: 0 1 563px;
	min-width: 0;
	margin: 0;
	padding: 16px 8px;
	color: var(--mdh-olive);
	background: var(--mdh-white);
	border-radius: 8px;
}

.mdh-testimonial__body {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	width: 100%;
}

.mdh-testimonial__stars {
	display: flex;
	gap: 8px;
}

.mdh-testimonial__stars svg {
	width: 16px;
	height: 16px;
}

.mdh-testimonial__quote {
	margin: 0;
	font-size: 36px;
	line-height: 54px;
}

.mdh-testimonial__author {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 20px;
	line-height: 30px;
}

.mdh-testimonial__author img {
	width: 50px;
	height: 50px;
	object-fit: cover;
	border-radius: 1000px;
}

/* ==========================================================================
   ٨. دعوة للتواصل — Figma 77:897 (1920×568، أبيض)
   ========================================================================== */

.mdh-cta {
	min-height: 568px;
	color: var(--mdh-olive);
	background: var(--mdh-white);
}

.mdh-cta__inner {
	display: flex;
	align-items: flex-start;
	gap: 26px;
	padding-block: 135px 104px;
}

.mdh-cta__about {
	flex: 0 1 854px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.mdh-cta__about-title {
	margin: 0;
	font-family: var(--mdh-font-plex);
	font-weight: 600;
	font-size: 48px;
	line-height: 72px;
	color: var(--mdh-olive);
	white-space: nowrap;
}

.mdh-cta__about-text {
	margin: 48px 0 0;
	font-size: 32px;
	line-height: 48px;
}

.mdh-cta__about .mdh-link-underline {
	margin-top: 48px;
}

.mdh-cta__idea {
	flex: 0 1 657px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding-top: 18px;
}

.mdh-cta__idea-title {
	margin: 0;
	font-family: var(--mdh-font-plex);
	font-weight: 500;
	font-size: 48px;
	line-height: 72px;
	color: var(--mdh-olive);
	white-space: nowrap;
}

.mdh-cta__idea-text {
	margin: 24px 0 0;
	font-size: 20px;
	line-height: 30px;
	white-space: nowrap;
}

.mdh-cta__actions {
	display: flex;
	align-items: center;
	gap: 24px;
	margin-top: 24px;
}

/* ==========================================================================
   الشاشات الأصغر من 1920
   التصميم متعمل على 1920 — تحتها بنقلّص بنسب ثابتة بدل ما الأقسام تتكسر.
   ========================================================================== */

@media (max-width: 1800px) {
	.mdh-product-grid {
		grid-template-columns: repeat(4, minmax(0, 362.33px));
		gap: 64px 32px;
	}

	.mdh-testimonial__quote {
		font-size: 30px;
		line-height: 45px;
	}
}

@media (max-width: 1600px) {
	.mdh-process__image {
		flex-basis: 42%;
		width: 42%;
		height: auto;
		aspect-ratio: 1;
	}

	.mdh-process__title {
		font-size: 52px;
		line-height: 78px;
		white-space: normal;
	}

	.mdh-process__steps {
		gap: 24px;
	}

	.mdh-process__step {
		flex: 1 1 0;
		width: auto;
	}

	.mdh-categories__list {
		gap: 40px;
	}

	.mdh-categories__link {
		width: min(400px, 28vw);
		height: min(400px, 28vw);
	}

	.mdh-accessories__body {
		gap: 64px;
	}

	.mdh-accessories__card {
		flex-basis: 36%;
		height: auto;
		aspect-ratio: 563 / 937;
	}

	.mdh-accessories__content {
		padding-top: 96px;
	}

	.mdh-accessories__label {
		width: auto;
		font-size: 26px;
	}

	.mdh-cta__about-title,
	.mdh-cta__idea-title {
		font-size: 40px;
		line-height: 60px;
		white-space: normal;
	}

	.mdh-cta__idea-text {
		white-space: normal;
	}
}

@media (max-width: 1280px) {
	.mdh-section-title {
		font-size: 40px;
		line-height: 60px;
	}

	.mdh-hero {
		height: 760px;
	}

	.mdh-hero__content {
		padding-top: 150px;
	}

	.mdh-hero__title {
		font-size: 52px;
		line-height: 78px;
		white-space: normal;
	}

	.mdh-process {
		height: auto;
		padding-block: 80px;
	}

	.mdh-process__content {
		align-self: center;
		padding-top: 0;
	}

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

	.mdh-products {
		padding-top: 120px;
	}

	.mdh-accessories {
		min-height: 0;
	}

	.mdh-accessories__title {
		white-space: normal;
	}

	.mdh-testimonials {
		padding-bottom: 140px;
	}

	.mdh-testimonial__quote {
		font-size: 26px;
		line-height: 39px;
	}
}

@media (max-width: 1024px) {
	.mdh-process__inner {
		flex-direction: column;
		align-items: stretch;
	}

	.mdh-process__image {
		order: -1;
		width: 100%;
		max-width: 560px;
		flex-basis: auto;
		align-self: center;
	}

	.mdh-process__title {
		font-size: 40px;
		line-height: 60px;
	}

	.mdh-categories__list {
		gap: 24px;
	}

	.mdh-categories__label {
		padding: 4px 16px;
		font-size: 18px;
		line-height: 28px;
	}

	.mdh-accessories__body {
		flex-direction: column;
		align-items: stretch;
		gap: 40px;
	}

	.mdh-accessories__content {
		flex-basis: auto;
		width: 100%;
	}

	.mdh-accessories__card {
		width: 100%;
		max-height: 560px;
		aspect-ratio: 16 / 10;
	}

	.mdh-accessories__content {
		padding-top: 0;
	}

	.mdh-projects__grid {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: none;
		gap: 16px;
	}

	.mdh-projects__card:nth-child(n) {
		grid-column: auto;
		grid-row: auto;
		aspect-ratio: 490 / 342.5;
	}

	.mdh-projects__card:nth-child(1) {
		grid-column: 1 / -1;
		aspect-ratio: 16 / 9;
	}

	.mdh-testimonials__list {
		flex-direction: column;
	}

	.mdh-testimonial {
		flex-basis: auto;
	}

	.mdh-cta__inner {
		flex-direction: column;
		gap: 64px;
		padding-block: 96px;
	}

	.mdh-cta__about,
	.mdh-cta__idea {
		flex-basis: auto;
		padding-top: 0;
	}
}

@media (max-width: 768px) {
	.mdh-section-head {
		flex-wrap: wrap;
	}

	.mdh-section-title {
		font-size: 30px;
		line-height: 45px;
	}

	.mdh-hero {
		height: auto;
		min-height: 620px;
		padding-bottom: 64px;
	}

	.mdh-hero__content {
		padding-top: 96px;
	}

	.mdh-hero__title {
		font-size: 38px;
		line-height: 57px;
	}

	.mdh-hero__lead {
		margin-top: 20px;
		font-size: 19px;
		line-height: 30px;
	}

	.mdh-hero__thumbs {
		margin-top: 28px;
		gap: 12px;
	}

	.mdh-hero__thumbs img {
		width: 76px;
		height: 76px;
	}

	.mdh-hero__text {
		font-size: 16px;
		line-height: 26px;
	}

	.mdh-process__title {
		font-size: 32px;
		line-height: 48px;
	}

	.mdh-process__steps {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 28px 20px;
	}

	.mdh-process__num {
		font-size: 36px;
		line-height: 54px;
	}

	.mdh-process__label {
		font-size: 18px;
		line-height: 28px;
	}

	.mdh-process__actions,
	.mdh-accessories__actions,
	.mdh-cta__actions {
		flex-wrap: wrap;
		gap: 12px;
	}

	.mdh-btn {
		font-size: 18px;
		line-height: 28px;
		padding: 8px 20px;
	}

	.mdh-products {
		padding-top: 80px;
	}

	.mdh-product-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 32px 14px;
		margin-top: 28px;
	}

	.mdh-product {
		padding: 7px 7px 9px;
		border-radius: 16px;
		gap: 10px;
	}

	.mdh-product__title {
		font-size: 17px;
		line-height: 26px;
	}

	.mdh-product__prices {
		gap: 12px;
		font-size: 14px;
	}

	.mdh-product__cart {
		height: 38px;
		font-size: 13px;
		border-radius: 12px;
	}

	.mdh-product__wish {
		flex-basis: 28px;
		width: 28px;
		height: 28px;
		-webkit-mask-size: 26px 26px;
		mask-size: 26px 26px;
	}

	.mdh-categories {
		padding-block: 64px;
	}

	.mdh-categories__subtitle {
		font-size: 20px;
		line-height: 30px;
	}

	.mdh-categories__list {
		flex-direction: column;
		align-items: center;
		margin-top: 40px;
	}

	.mdh-categories__link {
		width: min(320px, 80vw);
		height: min(320px, 80vw);
	}

	.mdh-accessories__inner {
		padding-block: 64px;
	}

	.mdh-accessories__heading {
		font-size: 28px;
		line-height: 42px;
	}

	.mdh-accessories__text {
		font-size: 18px;
		line-height: 28px;
	}

	.mdh-accessories__grid {
		grid-template-columns: 1fr;
		gap: 12px;
		margin-top: 32px;
	}

	.mdh-accessories__label {
		font-size: 22px;
		line-height: 34px;
	}

	.mdh-accessories__badge {
		flex-basis: 40px;
		width: 40px;
		height: 40px;
		font-size: 24px;
	}

	.mdh-overlay-caption {
		bottom: 20px;
		inset-inline-start: 16px;
	}

	.mdh-overlay-caption strong {
		font-size: 22px;
		line-height: 33px;
	}

	.mdh-overlay-caption span {
		font-size: 15px;
		line-height: 22px;
	}

	.mdh-projects {
		padding-top: 80px;
	}

	.mdh-projects__grid {
		grid-template-columns: 1fr;
		margin-top: 28px;
	}

	.mdh-testimonials {
		padding: 64px 0 96px;
	}

	.mdh-testimonial {
		gap: 32px;
	}

	.mdh-testimonial__quote {
		font-size: 22px;
		line-height: 34px;
	}

	.mdh-cta__about-title,
	.mdh-cta__idea-title {
		font-size: 28px;
		line-height: 42px;
	}

	.mdh-cta__about-text {
		margin-top: 20px;
		font-size: 20px;
		line-height: 32px;
	}

	.mdh-cta__about .mdh-link-underline {
		margin-top: 24px;
	}
}