Лагерь: CSS

wp-content/themes/dekart/assets/css/camp.css

@@ -3,6 +3,9 @@
    --main-blue: #006DB7;
    --main-yellow: #FFD43E;
    --section-padding: clamp(30px, 6.25vw, 75px);
+   --bg-hero: #f6f1e9;
+   --bg-white: #ffffff;
+   --bg-mint: #f5faf7;
 }
 
 html {
@@ -2094,13 +2097,13 @@ html {
 }
 
 /* ═══════════════════════════════════════════════
-   SECTION BACKGROUNDS — full-width, unique per section
+   SECTION BACKGROUNDS — full-width via shared class + data-bg
    ═══════════════════════════════════════════════ */
 
-.camp section:not(.hero-media-search) {
+.section-bg {
     position: relative;
 }
-.camp section::before {
+.section-bg::before {
     content: '';
     position: absolute;
     top: 0;
@@ -2109,19 +2112,9 @@ html {
     width: 100vw;
     z-index: -1;
 }
-
+.section-bg[data-bg="hero"]::before  { background: var(--bg-hero); }
-.hero-media-search::before { background: #f6f1e9; }
+.section-bg[data-bg="white"]::before { background: var(--bg-white); }
-.about-us::before          { background: #ffffff; }
+.section-bg[data-bg="mint"]::before  { background: var(--bg-mint); }
-.suggestions::before       { background: #f5faf7; }
-.infograph::before         { background: #faf7f2; }
-.programs::before          { background: #faf5eb; }
-.bring-child::before       { background: #f8f5ff; }
-.mentors::before           { background: #f0f7fa; }
-.routine::before           { background: #ffffff; }
-.foto::before              { background: #faf7f2; }
-.camp-reviews::before      { background: #f6f1e9; }
-.camp-faq::before          { background: #ffffff; }
-.camp-contact::before      { background: #f5faf7; }
 
 @media (prefers-reduced-motion: reduce) {
     .fade-up { opacity: 1; transform: none; transition: none; }

wp-content/themes/dekart/page-camp.php

@@ -79,7 +79,7 @@ $metrics = [
 
 ?>
 
-<section class="hero-media-search">
+<section class="section-bg hero-media-search" data-bg="hero">
     <div class="container">
         <div class="hero-media-search__container">
 
@@ -147,7 +147,7 @@ $metrics = [
         </div>
     </div>
 </section>
-	<section class="about-us">
+	<section class="section-bg about-us" data-bg="white">
 	<div class="container">
 		<div class="about-us__wrapper">
 			<div class="about-us__image-col">
@@ -194,7 +194,7 @@ $metrics = [
 		</div>
 	</div>
 </section>
-<section class="suggestions">
+<section class="section-bg suggestions" data-bg="mint">
 	<div class="container">
 	<h2 class="camp_title">Почему мамы выбирают Dekart: дети бегут сюда сами</h2>
 	<p class="suggestions__subtitle">Никаких уговоров по утрам. Никаких «забери меня». Только горящие глаза и «а можно ещё?»</p>
@@ -215,7 +215,7 @@ $metrics = [
 			} ?>	</div>
 	</div>
 </section>
-	<section class="infograph">
+	<section class="section-bg infograph" data-bg="white">
 		<div class="container">
 			<h2 class="camp_title">Цифры, которые говорят сами за себя</h2>
 			<p class="infograph__lead">Мы создаём среду, где каждый ребёнок раскрывает свой потенциал</p>
@@ -257,7 +257,7 @@ $metrics = [
 		</div>
 	</section>
 
-	<section class="programs" itemscope itemtype="https://schema.org/ItemList">
+	<section class="section-bg programs" data-bg="mint" itemscope itemtype="https://schema.org/ItemList">
 		<div class="container">
 			<h2 class="camp_title" itemprop="name">Летние программы</h2>
 			<div class="programs__grid">
@@ -295,7 +295,7 @@ $metrics = [
 
 	<?php getBanner('', $post_id); ?>
 
-	<section class="bring-child" itemscope itemtype="https://schema.org/Product">
+	<section class="section-bg bring-child" data-bg="white" itemscope itemtype="https://schema.org/Product">
     <meta itemprop="name" content="Городской лагерь Декарт">
     <meta itemprop="description" content="Стоимость пребывания в городском лагере Декарт">
 	<?php 
@@ -368,7 +368,7 @@ $metrics = [
 	 </div>
 	</section>
 
-<section class="mentors">
+<section class="section-bg mentors" data-bg="mint">
 <h2 class="camp_title">Наши наставники и ведущие мастер-классов</h2>
      <div class="mentors-wrapper">
         <?php 
@@ -414,7 +414,7 @@ $metrics = [
 
     </section>
 
-	<section class="routine">
+	<section class="section-bg routine" data-bg="white">
 		<h2 class="camp_title">Распорядок дня в клубе</h2>
 		<div class="routine-wrapper">
 	 	<?php 
@@ -439,7 +439,7 @@ $metrics = [
 		</div>
 	</section>
 
-	<section class="foto">
+	<section class="section-bg foto" data-bg="mint">
 	 <h2 class="camp_title">Наши фотографии</h2>
 	 <div class="camp-foto-wrapper">
 		<?php 
@@ -474,7 +474,7 @@ $metrics = [
 	 </div>
 	</section>
 
-	<section class="camp-reviews">
+	<section class="section-bg camp-reviews" data-bg="white">
 		<h2 class="camp_title">Что говорят о нас родители</h2>
 	<?php 
 
@@ -564,7 +564,7 @@ $metrics = [
 
 		<?php getBanner("2", $post_id); ?>
 
-		<section class="camp-faq">
+		<section class="section-bg camp-faq" data-bg="mint">
 			<h2 class="camp_title">Часто задаваемые вопросы</h2>
 			<div class="faq-wrapper" itemscope itemtype="https://schema.org/FAQPage">
 
@@ -609,7 +609,7 @@ $metrics = [
 			</div>
 		</section>
 
-		<section class="camp-contact">
+		<section class="section-bg camp-contact" data-bg="white">
 			<?php 
 				$contact_tel = carbon_get_post_meta($post_id, 'contact_tel' );
 				$contact_address = carbon_get_post_meta($post_id, 'contact_address' );