diff --git a/wp-content/themes/dekart/assets/css/critical-home.css b/wp-content/themes/dekart/assets/css/critical-home.css index 594a2cb..cab104f 100644 --- a/wp-content/themes/dekart/assets/css/critical-home.css +++ b/wp-content/themes/dekart/assets/css/critical-home.css @@ -28,6 +28,7 @@ main{display:flex;flex-direction:column;gap:0} .btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;background:linear-gradient(135deg,var(--accent),var(--accent-500));color:#fff;border:none;border-radius:var(--radius-pill);font-size:16px;font-weight:600;font-family:Roboto,sans-serif;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:var(--shadow-sm);text-decoration:none;min-height:48px} .btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)} .section-bg{position:relative} +.section-bg::before{content:'';position:absolute;top:0;bottom:0;left:calc(-50vw + 50%);width:100vw;z-index:-1} .ds-hero{position:relative;padding:48px 0;overflow:hidden;background:var(--color-bg-dark);background-image:radial-gradient(ellipse 80% 70% at 20% 40%,rgba(124,58,237,.08) 0%,transparent 70%),radial-gradient(ellipse 60% 60% at 80% 60%,rgba(168,85,247,.06) 0%,transparent 70%)} .ds-hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 50%,var(--color-primary) 100%);opacity:.5} .ds-hero__inner{display:flex;gap:40px;align-items:center;position:relative;z-index:1} diff --git a/wp-content/themes/dekart/assets/css/front-page.css b/wp-content/themes/dekart/assets/css/front-page.css index a08d8fc..2b382e0 100644 --- a/wp-content/themes/dekart/assets/css/front-page.css +++ b/wp-content/themes/dekart/assets/css/front-page.css @@ -123,9 +123,7 @@ gap: 20px; align-items: flex-start; padding: 28px 32px; - background: rgba(255, 255, 255, 0.7); - -webkit-backdrop-filter: blur(8px); - backdrop-filter: blur(8px); + background: #FFFFFF; border-radius: 20px; box-shadow: 0 4px 24px rgba(37, 99, 235, 0.08); border: 1px solid rgba(255, 255, 255, 0.8); @@ -150,7 +148,7 @@ .answer-block__text { font-size: clamp(1rem, 1.1vw, 1.0625rem); line-height: 1.8; - color: var(--color-text-secondary, #475569); + color: #334155; text-align: left; flex: 1; min-width: 0; @@ -160,14 +158,11 @@ color: var(--color-primary-700, #1E40AF); font-weight: 600; } -/* Выделение чисел (10, 8:00, 19:00, 1, 11) */ +/* Выделение чисел — только цвет, без фона (меньше ряби) */ .answer-block__text em { font-style: normal; - background: var(--color-primary-100, #DBE6FE); - padding: 1px 6px; - border-radius: 4px; color: var(--color-primary-700, #1E40AF); - font-weight: 500; + font-weight: 600; } .answer-block__text p:last-child { margin-bottom: 0; @@ -210,6 +205,11 @@ color: var(--color-primary-600, #1D4ED8); flex-shrink: 0; } +/* Персонализация: 2 цвета — зелёный + синий (спокойная палитра) */ +.answer-block__highlight:nth-child(1) .answer-block__highlight-icon, +.answer-block__highlight:nth-child(3) .answer-block__highlight-icon { background: #DCFCE7; color: #047857; } +.answer-block__highlight:nth-child(2) .answer-block__highlight-icon, +.answer-block__highlight:nth-child(4) .answer-block__highlight-icon { background: var(--color-primary-100, #DBE6FE); color: var(--color-primary-600, #1D4ED8); } .answer-block__highlight-label { display: block; font-size: 0.75rem; @@ -609,7 +609,16 @@ padding: 48px 0; } .services::before { - background: var(--color-bg-alt, #F8F4F0); + background: #F8FAFC; +} +.services::after { + content: ''; + position: absolute; + bottom: 0; left: 0; right: 0; + height: 32px; + background: linear-gradient(to bottom, transparent, #F8FAFC); + z-index: 0; + pointer-events: none; } .services .section-header--centered { margin-bottom: 40px; @@ -636,9 +645,10 @@ background: var(--color-bg, #FFFFFF); border-radius: var(--radius-lg, 24px); box-shadow: var(--shadow-sm, 0 2px 12px rgba(15,23,42,0.06)); + border: 1px solid var(--color-border, #E5E7EB); text-decoration: none; color: inherit; - transition: box-shadow .25s, transform .25s; + transition: box-shadow .25s, transform .25s, border-color .25s; position: relative; overflow: hidden; } @@ -649,30 +659,27 @@ left: 0; right: 0; height: 4px; - opacity: 0.6; + opacity: 0.5; } -.services-card--school::before { background: #A05A95; } -.services-card--preschool::before { background: #F682A5; } -.services-card--afterschool::before { background: #FEDF6F; } -.services-card--exam::before { background: #F9A474; } -.services-card--camp::before { background: #C9DA8F; } -.services-card--clubs::before { background: #B8CEDC; } +/* 2 цвета полос — синий (чётные) / янтарный (нечётные) */ +.services-card:nth-child(odd)::before { background: var(--color-primary, #2563EB); } +.services-card:nth-child(even)::before { background: #F59E0B; } .services-card:hover { box-shadow: var(--shadow-md, 0 8px 24px rgba(15,23,42,0.10)); transform: translateY(-4px); } .services-card__age { display: inline-block; - font-size: 0.75rem; + font-size: 0.8125rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; - color: var(--color-primary, #2563EB); + color: #1D4ED8; margin-bottom: 4px; } .services-card__price { display: inline-block; - font-size: 0.9375rem; + font-size: clamp(0.875rem, 1.2vw, 0.9375rem); font-weight: 700; color: var(--color-primary, #2563EB); margin-bottom: 6px; @@ -685,10 +692,13 @@ height: 52px; border-radius: 14px; background: var(--color-primary-light, #EFF6FF); - color: var(--color-primary, #2563EB); + color: var(--color-primary-dark, #1D4ED8); margin-bottom: 16px; flex-shrink: 0; } +.services-card:nth-child(even) .services-card__icon { + background: #DCFCE7; +} .services-card__title { font-family: var(--font-display, "Plus Jakarta Sans", sans-serif); font-size: 1.125rem; @@ -698,9 +708,9 @@ color: var(--color-text, #0F172A); } .services-card__desc { - font-size: 0.9375rem; + font-size: clamp(0.9375rem, 1vw, 1rem); line-height: 1.6; - color: var(--color-text-muted, #475569); + color: var(--color-text-muted, #334155); margin: 0 0 auto; flex: 1; } @@ -709,8 +719,8 @@ align-items: center; gap: 6px; margin-top: 16px; - font-size: 0.875rem; - font-weight: 600; + font-size: 0.9375rem; + font-weight: 700; color: var(--color-primary, #2563EB); transition: gap .2s; } @@ -2181,3 +2191,19 @@ height: 56px; } } + +/* ════════════════════════════════════════════ */ +/* Section full-bleed backgrounds */ +/* ════════════════════════════════════════════ */ +.answer-block::before { background: #FEF9F0; } +.answer-block::after { + content: ''; + position: absolute; + bottom: 0; left: 0; right: 0; + height: 48px; + background: linear-gradient(to bottom, transparent, #F8FAFC); + z-index: -1; + pointer-events: none; +} +/* Оптимизация карточек: компактный текст */ +body .answer-block__highlight-value { font-size: 0.875rem; line-height: 1.35; } diff --git a/wp-content/themes/dekart/template-parts/answer-block.php b/wp-content/themes/dekart/template-parts/answer-block.php index 304d18d..d94e189 100644 --- a/wp-content/themes/dekart/template-parts/answer-block.php +++ b/wp-content/themes/dekart/template-parts/answer-block.php @@ -31,29 +31,19 @@ if (! $content) { $content = '

Частная школа «Декарт» ' . $city_prep . ' — это малокомплектные классы до 15 человек, где каждый ученик получает внимание и поддержку. Мы работаем по авторской программе в соответствии с ФГОС. Английский язык — с 1 класса. Учебные занятия проходят в первую половину дня (до 13:00), после обеда — продлёнка с досуговыми занятиями и помощью с домашними заданиями (до 19:00). Можно забрать ребёнка после уроков или оставить на продлёнку. В продлёнку входят обед, полдник, помощь с домашними заданиями и кружки. Принимаем детей из ' . esc_html($branch_area_served) . '. Лицензия Министерства образования Московской области. Опытные педагоги — средний стаж от 10 лет. Запишитесь на экскурсию, чтобы познакомиться с учителями, посмотреть классы и задать все вопросы лично.

'; } ?> -
+
-
+
О школе

-
+
-
+