category

wp-content/themes/sevastopol-tort-child/assets/css/responsive.css

@@ -38,7 +38,9 @@
 
 	.service-hero,
 	.service-details,
+	.service-formats,
 	.service-process,
+	.service-faq,
 	.service-lead,
 	.home-hero,
 	.home-categories,
@@ -49,6 +51,7 @@
 	}
 
 	.service-hero__inner,
+	.service-formats__inner,
 	.service-process__inner,
 	.service-lead__inner,
 	.home-hero__inner,
@@ -57,6 +60,7 @@
 	}
 
 	.service-details__grid,
+	.service-formats__grid,
 	.home-categories__grid,
 	.home-delivery__grid,
 	.home-reviews__grid,
@@ -81,7 +85,9 @@
 
 	.service-hero__inner,
 	.service-details__inner,
+	.service-formats__inner,
 	.service-process__inner,
+	.service-faq__inner,
 	.service-lead__inner,
 	.home-hero__inner,
 	.home-categories__inner,

wp-content/themes/sevastopol-tort-child/assets/css/service-page.css

@@ -81,6 +81,12 @@
 	gap: 22px;
 }
 
+.service-details__lead {
+	max-width: 820px;
+	color: var(--color-muted);
+	font-size: var(--fz-md);
+}
+
 .service-details__grid {
 	display: grid;
 	grid-template-columns: repeat(3, minmax(0, 1fr));
@@ -88,6 +94,44 @@
 	margin-top: 10px;
 }
 
+.service-formats {
+	padding: 70px 0;
+	background: var(--color-surface-soft);
+}
+
+.service-formats__inner {
+	display: grid;
+	grid-template-columns: minmax(0, 0.78fr) minmax(360px, 0.82fr);
+	gap: 44px;
+	align-items: start;
+	width: min(100% - 40px, var(--container));
+	margin: 0 auto;
+}
+
+.service-formats__content {
+	display: grid;
+	gap: 18px;
+}
+
+.service-formats__grid {
+	display: grid;
+	grid-template-columns: repeat(2, minmax(0, 1fr));
+	gap: 14px;
+}
+
+.service-formats__item {
+	display: flex;
+	align-items: center;
+	min-height: 58px;
+	border: 1px solid var(--color-line);
+	border-radius: var(--radius-md);
+	background: var(--color-surface);
+	color: var(--color-text);
+	font-weight: 800;
+	padding: 14px 18px;
+	box-shadow: var(--shadow-soft);
+}
+
 .service-process {
 	background: var(--color-surface-soft);
 }
@@ -154,6 +198,47 @@
 	color: rgba(255, 255, 255, 0.78);
 }
 
+.service-faq {
+	padding: 70px 0;
+	background: var(--color-bg);
+}
+
+.service-faq__inner {
+	display: grid;
+	gap: 30px;
+	width: min(100% - 40px, var(--container));
+	margin: 0 auto;
+}
+
+.service-faq__head {
+	display: grid;
+	gap: 18px;
+}
+
+.service-faq__list {
+	display: grid;
+	gap: 14px;
+	max-width: 900px;
+}
+
+.service-faq__item {
+	border: 1px solid var(--color-line);
+	border-radius: var(--radius-md);
+	background: var(--color-surface);
+	padding: 20px 24px;
+	box-shadow: var(--shadow-soft);
+}
+
+.service-faq__question {
+	cursor: pointer;
+	font-weight: 800;
+}
+
+.service-faq__answer {
+	margin-top: 12px;
+	color: var(--color-muted);
+}
+
 .service-lead__inner {
 	display: grid;
 	grid-template-columns: minmax(0, 0.82fr) minmax(360px, 0.68fr);