diff --git a/wp-content/themes/dekart/assets/css/camp.css b/wp-content/themes/dekart/assets/css/camp.css index 4ec05ec..d5ec8eb 100644 --- a/wp-content/themes/dekart/assets/css/camp.css +++ b/wp-content/themes/dekart/assets/css/camp.css @@ -242,6 +242,14 @@ p { } +.about-us__frame { + + position: relative; + + width: 100%; + +} + .about-us__image { @@ -258,7 +266,8 @@ p { aspect-ratio: 4 / 3; - box-shadow: 0 8px 32px rgba(0,0,0,0.10); + border: 5px solid #fff; + box-shadow: 0 8px 32px rgba(255,107,0,0.15); } @@ -355,7 +364,7 @@ p { object-fit: contain; - opacity: 0.15; + pointer-events: none; @@ -367,28 +376,32 @@ p { .about-us__doodle--plane { - width: 78px; + width: 128px; - height: 78px; + height: 128px; - top: -5px; + top: -36px; + + right: -36px; + + filter: drop-shadow(0 0 0 6px #fff) drop-shadow(0 0 0 6px #fff); - right: -5px; } +.about-us__doodle--heart { -.about-us__doodle--bulb { + width: 30px; - width: 72px; - - height: 72px; + height: 30px; bottom: -8px; left: -8px; + filter: drop-shadow(0 0 0 6px #fff) drop-shadow(0 0 0 6px #fff); + } @@ -432,25 +445,25 @@ p { .about-us__doodle--plane { + width: 144px; + + height: 144px; + + top: -24px; + + right: -24px; + + } + + .about-us__doodle--heart { + width: 48px; height: 48px; - top: 10px; + bottom: -12px; - right: 10px; - - } - - .about-us__doodle--bulb { - - width: 44px; - - height: 44px; - - bottom: 10px; - - left: 10px; + left: -12px; } @@ -458,13 +471,28 @@ p { /* suggestions */ +@keyframes sugFadeUp { + from { transform: translateY(24px) scale(0.97); opacity: 0; } + to { transform: translateY(0) scale(1); opacity: 1; } +} +@keyframes sugSpin { + from { transform: rotate(0deg); } + to { transform: rotate(360deg); } +} +@keyframes sugFloat { + 0%, 100% { transform: translateY(0); } + 50% { transform: translateY(-10px); } +} +@keyframes sugBounce { + 0%, 100% { transform: translateY(0) scale(1); } + 50% { transform: translateY(-12px) scale(1.05); } +} .suggestions { background: #f8f9fa; padding: 100px 0; position: relative; overflow: hidden; } - @media (min-width: 1024px) { .suggestions { width: 100vw; @@ -472,13 +500,13 @@ p { margin-right: calc(-50vw + 50%); } } - .suggestions .container { max-width: 1216px; margin: 0 auto; padding: 0 24px; + position: relative; + z-index: 2; } - .suggestions__subtitle { font-family: "Inter", sans-serif; font-size: 20px; @@ -490,112 +518,145 @@ p { margin-left: auto; margin-right: auto; } - .suggestions-wrapper { - display: grid; - grid-template-columns: repeat(3, 1fr); - gap: 30px; + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 20px; +} +.suggestions-wrapper > .suggestions__item { + width: calc(25% - 15px); + min-width: 220px; + flex: 0 0 auto; } - .suggestions__item { - background: #fff; border-radius: 20px; - padding: 28px; - box-shadow: 0 8px 24px rgba(255,107,0,0.12); + padding: 32px 24px 36px; + box-shadow: 0 4px 16px rgba(0,0,0,0.04); display: flex; flex-direction: column; align-items: center; text-align: center; - gap: 16px; - transition: transform 0.3s ease, box-shadow 0.3s ease; + gap: 12px; + position: relative; + overflow: hidden; + transform: translateY(0) scale(1); + transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease; } - -.suggestions__item:hover { - transform: translateY(-6px); - box-shadow: 0 14px 32px rgba(255,107,0,0.18); -} - -.suggestions__item-icon-wrap { - width: 72px; - height: 72px; - display: flex; - align-items: center; - justify-content: center; - background: rgba(255,107,0,0.1); - border-radius: 16px; - flex-shrink: 0; -} - -.suggestions__item-icon { - width: 40px; - height: 40px; - object-fit: contain; -} - -.suggestions__item_title { - font-family: "Montserrat", sans-serif; - font-size: 22px; - line-height: 1.25; - font-weight: 600; - color: #1c2b2d; - margin: 0; -} - -.suggestions__item_text { - font-family: "Inter", sans-serif; - font-size: 16px; - line-height: 1.5; - color: #555; - margin: 0; -} - -.suggestions__doodle { +.suggestions__item::before { + content: ''; position: absolute; - bottom: 20px; - right: 20px; - width: 80px; - height: 80px; - opacity: 0.12; + inset: 0; + opacity: 0; + transition: opacity 0.4s ease; + border-radius: 20px; pointer-events: none; } - +.suggestions__item:nth-child(4n+1) { background: #e0f4ff; } +.suggestions__item:nth-child(4n+1)::before { background: linear-gradient(135deg, rgba(57,183,234,0.15), transparent); } +.suggestions__item:nth-child(4n+2) { background: #ffede0; } +.suggestions__item:nth-child(4n+2)::before { background: linear-gradient(135deg, rgba(255,107,0,0.15), transparent); } +.suggestions__item:nth-child(4n+3) { background: #e0fce8; } +.suggestions__item:nth-child(4n+3)::before { background: linear-gradient(135deg, rgba(0,200,83,0.15), transparent); } +.suggestions__item:nth-child(4n+4) { background: #f3e0ff; } +.suggestions__item:nth-child(4n+4)::before { background: linear-gradient(135deg, rgba(156,39,176,0.15), transparent); } +.suggestions__item:hover { + transform: translateY(-6px) scale(1.02); + box-shadow: 0 12px 40px rgba(0,0,0,0.12); +} +.suggestions__item:hover::before { opacity: 1; } +.suggestions__item_title { + font-family: "Montserrat", sans-serif; + font-size: 20px; + line-height: 1.3; + font-weight: 700; + color: #1c2b2d; + margin: 0; + position: relative; + z-index: 1; +} +.suggestions__item_text { + font-family: "Inter", sans-serif; + font-size: 14px; + line-height: 1.6; + color: #555; + margin: 0; + position: relative; + z-index: 1; +} +.suggestions__doodle { + position: absolute; + pointer-events: none; + z-index: 1; +} +.suggestions__doodle--star { + width: 40px; height: 40px; + top: 30px; left: 30px; + opacity: 0.18; + animation: sugSpin 20s linear infinite; + filter: invert(55%) sepia(80%) saturate(500%) hue-rotate(175deg); +} +.suggestions__doodle--gear { + width: 56px; height: 56px; + bottom: 40px; right: 40px; + opacity: 0.14; + animation: sugSpin 25s linear infinite reverse; +} +.suggestions__doodle--bounce { + width: 32px; height: 32px; + top: 50%; left: 60px; + opacity: 0.12; + animation: sugBounce 3s ease-in-out infinite; + filter: invert(45%) sepia(90%) saturate(2000%) hue-rotate(360deg); +} +.suggestions__doodle--float { + width: 28px; height: 28px; + top: 80px; right: 100px; + opacity: 0.13; + animation: sugFloat 5s ease-in-out infinite; + filter: invert(60%) sepia(80%) saturate(800%) hue-rotate(100deg); +} +.suggestions__doodle--paper { + width: 36px; height: 36px; + bottom: 80px; left: 120px; + opacity: 0.1; + animation: sugFloat 4.5s ease-in-out infinite reverse; + filter: invert(25%) sepia(60%) saturate(750%) hue-rotate(260deg); +} +.suggestions::before { + content: ''; + position: absolute; + inset: 0; + pointer-events: none; + z-index: 0; + background-image: radial-gradient(circle at 25% 25%, rgba(57,183,234,0.06) 1px, transparent 1px), + radial-gradient(circle at 75% 75%, rgba(255,107,0,0.05) 1px, transparent 1px); + background-size: 40px 40px, 60px 60px; +} +@media (prefers-reduced-motion: no-preference) { + .suggestions__item { animation: sugFadeUp 0.5s ease-out forwards; } + .suggestions__item:nth-child(1) { animation-delay: 0.08s; } + .suggestions__item:nth-child(2) { animation-delay: 0.16s; } + .suggestions__item:nth-child(3) { animation-delay: 0.24s; } + .suggestions__item:nth-child(4) { animation-delay: 0.32s; } + .suggestions__item:nth-child(5) { animation-delay: 0.40s; } + .suggestions__item:nth-child(6) { animation-delay: 0.48s; } +} @media (max-width: 1023px) { - .suggestions-wrapper { - grid-template-columns: repeat(2, 1fr); - gap: 24px; - } - .suggestions__item_title { - font-size: 20px; - } + .suggestions-wrapper { gap: 16px; } + .suggestions-wrapper > .suggestions__item { width: calc(50% - 8px); min-width: 0; } } - @media (max-width: 767px) { - .suggestions { - padding: 60px 0; - } - .suggestions__subtitle { - font-size: 18px; - margin: -20px 0 36px; - padding: 0 20px; - } - .suggestions-wrapper { - grid-template-columns: 1fr; - gap: 20px; - } - .suggestions__item { - padding: 24px; - } - .suggestions__item_title { - font-size: 20px; - } - .suggestions__item_text { - font-size: 15px; - } - .suggestions__doodle { - display: none; - } + .suggestions { padding: 60px 0; } + .suggestions__subtitle { font-size: 18px; margin: -20px 0 36px; padding: 0 20px; } + .suggestions-wrapper { gap: 14px; } + .suggestions-wrapper > .suggestions__item { width: 100%; } + .suggestions__item { padding: 24px 20px 28px; } + .suggestions__item_title { font-size: 18px; } + .suggestions__item_text { font-size: 13px; } + .suggestions__doodle { display: none; } + .suggestions::before { display: none; } } - .infograph__item { width: calc(25% - 20px); display: flex; @@ -2579,6 +2640,23 @@ p { border-width: 10px; max-width: 840px; } + .about-us__image { + border-width: 10px; + } + .about-us__doodle--plane { + width: 220px; + height: 220px; + top: -60px; + right: -60px; + filter: drop-shadow(0 0 0 10px #fff) drop-shadow(0 0 0 10px #fff); + } + .about-us__doodle--heart { + width: 100px; + height: 100px; + bottom: -28px; + left: -28px; + filter: drop-shadow(0 0 0 5px #fff) drop-shadow(0 0 0 5px #fff); + } } .hero-media-search__frame .doodle { @@ -2689,3 +2767,4 @@ p { .on-desktop { display: block; } .on-mobile { display: none; } } + diff --git a/wp-content/themes/dekart/assets/images/doodles/galileo/3-lines-accent-mark.svg b/wp-content/themes/dekart/assets/images/doodles/galileo/3-lines-accent-mark.svg new file mode 100644 index 0000000..2b2f5e2 --- /dev/null +++ b/wp-content/themes/dekart/assets/images/doodles/galileo/3-lines-accent-mark.svg @@ -0,0 +1,82 @@ + diff --git a/wp-content/themes/dekart/assets/images/doodles/galileo/campmagic-35x35-1.svg b/wp-content/themes/dekart/assets/images/doodles/galileo/campmagic-35x35-1.svg new file mode 100644 index 0000000..554fa81 --- /dev/null +++ b/wp-content/themes/dekart/assets/images/doodles/galileo/campmagic-35x35-1.svg @@ -0,0 +1,48 @@ + diff --git a/wp-content/themes/dekart/assets/images/doodles/galileo/chicken.svg b/wp-content/themes/dekart/assets/images/doodles/galileo/chicken.svg new file mode 100644 index 0000000..918bb32 --- /dev/null +++ b/wp-content/themes/dekart/assets/images/doodles/galileo/chicken.svg @@ -0,0 +1,36 @@ + diff --git a/wp-content/themes/dekart/assets/images/doodles/galileo/extendedcare-white.svg b/wp-content/themes/dekart/assets/images/doodles/galileo/extendedcare-white.svg new file mode 100644 index 0000000..b271727 --- /dev/null +++ b/wp-content/themes/dekart/assets/images/doodles/galileo/extendedcare-white.svg @@ -0,0 +1,28 @@ + diff --git a/wp-content/themes/dekart/assets/images/doodles/galileo/handson-35x35-1.svg b/wp-content/themes/dekart/assets/images/doodles/galileo/handson-35x35-1.svg new file mode 100644 index 0000000..abaeae1 --- /dev/null +++ b/wp-content/themes/dekart/assets/images/doodles/galileo/handson-35x35-1.svg @@ -0,0 +1,20 @@ + diff --git a/wp-content/themes/dekart/assets/images/doodles/galileo/heart_sticker.svg b/wp-content/themes/dekart/assets/images/doodles/galileo/heart_sticker.svg new file mode 100644 index 0000000..c39b494 --- /dev/null +++ b/wp-content/themes/dekart/assets/images/doodles/galileo/heart_sticker.svg @@ -0,0 +1,5 @@ + diff --git a/wp-content/themes/dekart/assets/images/doodles/galileo/innovation-white.svg b/wp-content/themes/dekart/assets/images/doodles/galileo/innovation-white.svg new file mode 100644 index 0000000..9e260d1 --- /dev/null +++ b/wp-content/themes/dekart/assets/images/doodles/galileo/innovation-white.svg @@ -0,0 +1,15 @@ + diff --git a/wp-content/themes/dekart/assets/images/doodles/galileo/lupa.svg b/wp-content/themes/dekart/assets/images/doodles/galileo/lupa.svg new file mode 100644 index 0000000..6c930df --- /dev/null +++ b/wp-content/themes/dekart/assets/images/doodles/galileo/lupa.svg @@ -0,0 +1,47 @@ + diff --git a/wp-content/themes/dekart/assets/images/doodles/galileo/mini-paperplane.svg b/wp-content/themes/dekart/assets/images/doodles/galileo/mini-paperplane.svg new file mode 100644 index 0000000..5c07941 --- /dev/null +++ b/wp-content/themes/dekart/assets/images/doodles/galileo/mini-paperplane.svg @@ -0,0 +1,18 @@ + \ No newline at end of file diff --git a/wp-content/themes/dekart/assets/images/doodles/galileo/morningextended-white.svg b/wp-content/themes/dekart/assets/images/doodles/galileo/morningextended-white.svg new file mode 100644 index 0000000..af7baf3 --- /dev/null +++ b/wp-content/themes/dekart/assets/images/doodles/galileo/morningextended-white.svg @@ -0,0 +1,23 @@ + diff --git a/wp-content/themes/dekart/assets/images/doodles/galileo/orangegear-white.svg b/wp-content/themes/dekart/assets/images/doodles/galileo/orangegear-white.svg new file mode 100644 index 0000000..f3afdfe --- /dev/null +++ b/wp-content/themes/dekart/assets/images/doodles/galileo/orangegear-white.svg @@ -0,0 +1,7 @@ + diff --git a/wp-content/themes/dekart/assets/images/doodles/galileo/outdoor-white.svg b/wp-content/themes/dekart/assets/images/doodles/galileo/outdoor-white.svg new file mode 100644 index 0000000..00d95c1 --- /dev/null +++ b/wp-content/themes/dekart/assets/images/doodles/galileo/outdoor-white.svg @@ -0,0 +1,18 @@ + diff --git a/wp-content/themes/dekart/assets/images/doodles/galileo/paperplane-galileo.svg b/wp-content/themes/dekart/assets/images/doodles/galileo/paperplane-galileo.svg new file mode 100644 index 0000000..30f6a85 --- /dev/null +++ b/wp-content/themes/dekart/assets/images/doodles/galileo/paperplane-galileo.svg @@ -0,0 +1,19 @@ + diff --git a/wp-content/themes/dekart/assets/images/doodles/galileo/steamprojects-35x35-1.svg b/wp-content/themes/dekart/assets/images/doodles/galileo/steamprojects-35x35-1.svg new file mode 100644 index 0000000..1ffd0e6 --- /dev/null +++ b/wp-content/themes/dekart/assets/images/doodles/galileo/steamprojects-35x35-1.svg @@ -0,0 +1,39 @@ + diff --git a/wp-content/themes/dekart/assets/images/doodles/galileo/theme-35x35-1.svg b/wp-content/themes/dekart/assets/images/doodles/galileo/theme-35x35-1.svg new file mode 100644 index 0000000..2034e82 --- /dev/null +++ b/wp-content/themes/dekart/assets/images/doodles/galileo/theme-35x35-1.svg @@ -0,0 +1,19 @@ + diff --git a/wp-content/themes/dekart/assets/images/doodles/galileo/water.svg b/wp-content/themes/dekart/assets/images/doodles/galileo/water.svg new file mode 100644 index 0000000..4732747 --- /dev/null +++ b/wp-content/themes/dekart/assets/images/doodles/galileo/water.svg @@ -0,0 +1,14 @@ + diff --git a/wp-content/themes/dekart/page-camp.php b/wp-content/themes/dekart/page-camp.php index 83faea9..54613cb 100644 --- a/wp-content/themes/dekart/page-camp.php +++ b/wp-content/themes/dekart/page-camp.php @@ -128,6 +128,7 @@ $metrics = [
Потому что дети бегут к нам каждое утро. А возвращаются — с горящими глазами.
-