diff --git a/wp-content/themes/cosmopet/modules/layout/assets/css/gp-style-core.css b/wp-content/themes/cosmopet/modules/layout/assets/css/gp-style-core.css index e353577..aa78793 100644 --- a/wp-content/themes/cosmopet/modules/layout/assets/css/gp-style-core.css +++ b/wp-content/themes/cosmopet/modules/layout/assets/css/gp-style-core.css @@ -1,3 +1,10 @@ +@font-face { + font-family: "Craftwork Grotesk"; + src: local("CraftworkGrotesk-Heavy"), + url("../fonts/craftwork/CraftworkGrotesk-Heavy.ttf") format("ttf"); + font-weight: 900; +} + @font-face { font-family: "Craftwork Grotesk"; src: local("Craftwork Grotesk Bold"), @@ -2122,14 +2129,6 @@ textarea{ width: max-content; } -.marketplace { - overflow: hidden!important; -} - -.marketplace__swiper { - overflow: visible!important; -} - .about_us-title { font-weight: 700; } @@ -2311,3 +2310,8 @@ textarea{ display: flex !important; } } + + +a, button{ + cursor: pointer; +} \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/layout/assets/fonts/craftwork/CraftworkGrotesk-Heavy.ttf b/wp-content/themes/cosmopet/modules/layout/assets/fonts/craftwork/CraftworkGrotesk-Heavy.ttf new file mode 100644 index 0000000..c515d38 Binary files /dev/null and b/wp-content/themes/cosmopet/modules/layout/assets/fonts/craftwork/CraftworkGrotesk-Heavy.ttf differ diff --git a/wp-content/themes/cosmopet/static/css/new-front-page.css b/wp-content/themes/cosmopet/static/css/new-front-page.css index a3b141e..3d67b64 100644 --- a/wp-content/themes/cosmopet/static/css/new-front-page.css +++ b/wp-content/themes/cosmopet/static/css/new-front-page.css @@ -6,18 +6,47 @@ main { .new-container { max-width:1240px; margin: 0 auto; + } /* Main Slider */ -.swiper-container { +.main-slider.swiper-container { + width: 100%; + min-height: 100vh; + position: relative; +} + +.main-slider-bg{ + z-index: -1; + position: absolute; + height: 100%; + width: 100%; + left: 0; + top: 0; +} + +.main-slider-bg img{ + height: 100%; + width: 100%; + object-fit: cover; +} + +.main-slider.swiper-container::before{ + background: linear-gradient(180deg, rgba(31, 13, 13, 0.4) 0%, rgba(0, 0, 0, 0) 100%); width: 100%; - height: 100vh; + height: 72px; + top: 0; + left: 0; + content: ''; + position: absolute; + z-index: 3; } .main-slider .new-container { width: 1600px; max-width: 1600px; margin: 0 auto; + padding: 0px 65px; } .main-slider .swiper-slide { position: relative; @@ -26,6 +55,12 @@ main { align-items: flex-start; padding-top: 85px; padding-left: 0px; + min-height: 100vh; + padding-bottom: 4rem; +} + +.main-slider .swiper-slide:not(.swiper-slide-active){ + pointer-events: none; } .main-slider-content { margin-top: 85px; @@ -54,23 +89,32 @@ main { } .main-slider-content_title { font-weight: 700; - font-size: 48px; + font-size: clamp(36px, 3.75vw, 74px); line-height: 117%; text-transform: uppercase; color: #fff; margin-bottom: 32px; width: 50%; } + +.main-slider-content_title .e-protein{ + width: auto; + height: 1em; + aspect-ratio: 210 / 49; + background-image: url("data:image/svg+xml,%3Csvg width='210' height='49' viewBox='0 0 210 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M176.22 5.87007C175.241 5.87007 174.41 6.21129 173.75 6.91647C173.089 7.62165 172.727 8.46332 172.727 9.48698C172.727 10.5106 173.089 11.375 173.75 12.0575C174.41 12.7627 175.241 13.1039 176.22 13.1039C177.136 13.1039 177.924 12.7627 178.584 12.0575C179.223 11.3523 179.543 10.5106 179.543 9.48698C179.543 8.46332 179.223 7.5989 178.584 6.91647C177.945 6.21129 177.179 5.87007 176.22 5.87007Z' fill='white' /%3E%3Cpath d='M23.7001 21.4751C22.7204 20.8609 21.6555 20.5424 20.5266 20.5424C19.2487 20.5424 18.1625 20.8382 17.204 21.4751C16.2456 22.112 15.5427 22.9082 15.0529 23.8864C14.9038 24.1593 14.7973 24.4096 14.6908 24.6825H26.0217L26.0643 24.728C26.0643 24.728 25.9578 24.4323 25.9152 24.3186C25.4253 23.0447 24.6799 22.0893 23.7001 21.4978V21.4751Z' fill='white' /%3E%3Cpath d='M6.15 10.8746V10.8291C-2.05 19.5643 -2.05 33.7134 6.15 42.4486C14.35 51.1838 27.5765 51.1838 35.7765 42.4486C47.7464 29.6871 44.8711 1.11577 44.8711 1.11577C44.8711 1.11577 20.8674 -4.86692 6.15 10.8746ZM15.0529 30.2558C15.5427 31.2339 16.2456 31.9846 17.1614 32.5078C18.0773 33.0765 19.2061 33.3267 20.484 33.3267C21.8898 33.3267 23.1677 33.0538 24.2965 32.576C25.4679 32.0756 26.4903 31.2567 27.4061 30.0965L31.6872 33.0765C30.4944 35.556 28.9396 37.3303 26.9588 38.5132C24.9781 39.6734 22.8269 40.2193 20.5053 40.2193C18.1838 40.2193 16.2243 39.6051 14.2861 38.3995C12.3479 37.1939 10.7931 35.6015 9.6217 33.577C8.45027 31.5524 7.8539 29.3459 7.8539 26.9346C7.8539 24.5233 8.45027 22.3623 9.6217 20.3832C10.7931 18.3586 12.3479 16.7663 14.3074 15.5607C16.2456 14.355 18.3329 13.7408 20.5266 13.7408C22.7204 13.7408 24.8716 14.355 26.6394 15.5834C28.4498 16.789 29.8129 18.5634 30.8352 20.8154C31.815 23.0674 32.3261 25.7517 32.2835 28.7999H14.563C14.6695 29.3004 14.8399 29.7326 15.0529 30.1648V30.2558Z' fill='white' /%3E%3Cpath d='M71.0685 15.7199V15.6516C69.5137 14.446 67.8311 13.8318 65.9568 13.8318C64.0825 13.8318 62.5703 14.3323 61.1646 15.3332C59.7589 16.3113 58.63 17.8127 57.8207 19.8145C57.4373 20.7472 57.1604 21.7708 56.9474 22.8627H56.202L56.5854 13.9228H49.8763V48.0673H56.5854L56.202 30.5287H56.7771C57.0965 33.5087 57.8633 35.738 59.0986 37.2394C60.7599 39.2639 63.0602 40.2876 65.9781 40.2876C67.8098 40.2876 69.5137 39.7189 71.0685 38.5587C72.6233 37.3986 73.816 35.8745 74.7106 33.9637C75.5838 32.0301 76.0524 30.051 76.0524 27.89C76.0524 25.2057 75.6264 22.7945 74.7532 20.6789C73.8799 18.5406 72.6659 16.88 71.1111 15.6744L71.0685 15.7199ZM68.7682 30.3013C68.2784 31.1657 67.5755 31.8481 66.6597 32.3713C65.7438 32.8718 64.7215 33.122 63.5074 33.122C62.2934 33.122 61.2498 32.8263 60.27 32.2121C59.2903 31.5979 58.5448 30.8245 57.9698 29.8691C57.3947 28.9364 57.1604 27.9355 57.1604 27.0028C57.1604 25.9792 57.4373 25.0465 57.9698 24.1821C58.5448 23.3177 59.269 22.6352 60.2274 22.112C61.1859 21.6116 62.2721 21.3614 63.4649 21.3614C64.6576 21.3614 65.7225 21.6343 66.6384 22.1575C67.5542 22.6807 68.2358 23.4087 68.7256 24.3413C69.2155 25.274 69.4711 26.2976 69.4711 27.4805C69.4711 28.5269 69.2155 29.4823 68.7256 30.3468L68.7682 30.3013Z' fill='white' /%3E%3Cpath d='M86.7869 19.0183L86.7443 18.9728C86.4249 19.9965 86.148 21.2704 85.9776 22.8627H85.2108L86.4036 13.8546H79.7371V39.6051H86.4036V29.5051C86.4036 26.4569 87.2129 24.1821 88.8742 22.7262C90.5355 21.2249 93.0488 20.9519 96.4353 21.9073V13.9456C93.5812 13.9456 91.4301 14.2413 90.003 14.8555C88.5973 15.4697 87.4898 16.8573 86.7869 19.0411V19.0183Z' fill='white' /%3E%3Cpath d='M116.605 14.9465H116.563C114.731 13.7408 112.686 13.1039 110.492 13.1039C108.299 13.1039 106.254 13.7181 104.38 14.9465C102.505 16.1521 101.036 17.8127 99.9708 19.8827C98.8846 21.9528 98.3521 24.1821 98.3521 26.5934C98.3521 29.0046 98.8846 31.3477 99.9708 33.4177C101.057 35.4878 102.505 37.1484 104.38 38.354C106.254 39.5596 108.299 40.1966 110.514 40.1966C112.729 40.1966 114.752 39.5824 116.584 38.354C118.416 37.1484 119.906 35.4878 120.971 33.4177C122.058 31.3477 122.59 29.0501 122.59 26.5934C122.59 24.1366 122.058 21.9301 120.971 19.8827C119.885 17.8127 118.437 16.1976 116.584 14.9465H116.605ZM115.455 30.0283H115.412C114.986 31.0519 114.347 31.8481 113.496 32.4396C112.644 33.031 111.621 33.304 110.45 33.304C109.278 33.304 108.299 33.0083 107.447 32.4396C106.595 31.8254 105.956 31.0519 105.509 30.0283C105.04 29.0046 104.848 27.89 104.848 26.6844C104.848 25.4787 105.061 24.3868 105.509 23.3632C105.977 22.3395 106.595 21.5433 107.447 20.9519C108.299 20.3377 109.278 20.0875 110.45 20.0875C111.621 20.0875 112.601 20.3832 113.496 20.9519C114.347 21.5661 114.986 22.3395 115.434 23.3632C115.86 24.3868 116.073 25.4787 116.073 26.6844C116.073 27.89 115.86 29.0501 115.434 30.0283H115.455Z' fill='white' /%3E%3Cpath d='M135.433 5.87007H128.895V13.8546H124.507V21.0201H128.895V26.2294C128.895 30.3695 129.15 33.2812 129.64 34.9418C130.13 36.6479 131.344 37.8081 133.282 38.5132C135.22 39.2184 138.543 39.5596 143.271 39.5596V32.576C140.332 32.576 138.436 32.4623 137.52 32.2803C136.605 32.0983 136.03 31.5979 135.795 30.8472C135.54 30.0965 135.433 28.5042 135.433 26.1839V20.9746H143.314V13.8091H135.433V5.84732V5.87007Z' fill='white' /%3E%3Cpath d='M167.339 28.8909H169.66C169.66 25.8427 169.192 23.1584 168.212 20.9064C167.232 18.6544 165.805 16.88 164.016 15.6744C162.206 14.4688 160.204 13.8318 157.903 13.8318C155.603 13.8318 153.665 14.446 151.684 15.6516C149.746 16.8573 148.191 18.4496 146.998 20.4742C145.827 22.4988 145.231 24.7053 145.231 27.0256C145.231 29.3459 145.827 31.6206 146.998 33.6679C148.17 35.6925 149.725 37.2849 151.663 38.4905C153.601 39.6961 155.646 40.3103 157.882 40.3103C160.204 40.3103 162.355 39.7416 164.336 38.6042C166.316 37.4668 167.892 35.6698 169.064 33.1675L164.783 30.1875C163.867 31.3477 162.802 32.1893 161.673 32.667C160.502 33.1675 159.245 33.4177 157.861 33.4177C156.562 33.4177 155.454 33.1447 154.538 32.5988C153.622 32.0301 152.877 31.2794 152.43 30.3468C152.217 29.9373 152.046 29.4368 151.94 28.9819H167.339V28.8909ZM152.11 24.7508C152.217 24.4778 152.323 24.2276 152.472 23.9546C152.962 22.9765 153.665 22.1348 154.623 21.5433L154.581 21.4978C155.539 20.8609 156.625 20.5652 157.903 20.5652C159.032 20.5652 160.097 20.8609 161.077 21.4978C162.057 22.112 162.802 23.0447 163.292 24.3186C163.335 24.4778 163.398 24.5916 163.441 24.728H152.11V24.7508Z' fill='white' /%3E%3Cpath d='M179.479 13.9001H172.94V39.6051H179.479V13.9001Z' fill='white' /%3E%3Cpath d='M208.85 19.9965L208.807 19.951C208.041 17.5852 206.869 15.8336 205.357 14.7872C203.845 13.7408 201.864 13.1949 199.457 13.1949C197.05 13.1949 195.07 13.4906 193.77 14.1048C192.471 14.719 191.406 16.1748 190.661 18.5179C190.277 19.6553 190.022 21.1111 189.809 22.8627H189.042L190.235 13.9001H183.526V39.6051H190.235V29.5051C190.235 27.617 190.49 26.0019 190.98 24.637C191.47 23.2722 192.258 22.2258 193.281 21.4978C194.303 20.7927 195.581 20.4059 197.093 20.4059C199.521 20.4059 201.182 21.1111 202.141 22.5442C203.057 23.9774 203.546 26.3204 203.546 29.5278V39.6279H210V29.5278C210 25.5697 209.617 22.4078 208.829 19.9965H208.85Z' fill='white' /%3E%3C/svg%3E"); + background-size: contain; + background-repeat: no-repeat; +} + .main-slider-content_descr { font-weight: 700; font-size: 20px; line-height: 120%; color: #fff; margin-bottom: 32px; - width: 45%; + width: 36%; } .main-slider-content_btn { - width: 159px; height: 56px; display: flex; justify-content: center; @@ -83,7 +127,54 @@ main { color: #121212; border: 2px solid #fff; border-radius: 100px; + padding-left: 25px; + padding-right: 65px; + position: relative; + width: max-content; +} +.main-slider-content_btn__arrow{ + position: absolute; + /* Rectangle 10395 */ +background: radial-gradient(161.08% 232.33% at 133.99% -48.29%, #EE6868 0%, #569EF0 57.69%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */, linear-gradient(21.69deg, #F44242 23.69%, #569EF0 66.57%); + + + height: 38px; + width: 38px; + border-radius: 19px; + top: 50%; + right: 10px; + transform: translateY(-50%); + transition: all .5s; +} + +.main-slider-content_btn__arrow::before{ + right: 14px; + top: 50%; + transform: translateY(-50%); + background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.796875 1.62529C0.796875 1.09628 1.2265 0.666656 1.75551 0.666656L10.3761 0.667538C10.9052 0.667538 11.3339 1.09628 11.3339 1.62529L11.3348 10.2459C11.3348 10.7749 10.9052 11.2046 10.3761 11.2046C9.84714 11.2046 9.41752 10.7749 9.41752 10.2459L9.4184 3.93765L2.70003 10.656C2.32596 11.0301 1.71949 11.0301 1.34542 10.656C0.971356 10.282 0.971356 9.67548 1.34542 9.30141L8.06379 2.58304L1.75551 2.58392C1.2265 2.58392 0.796875 2.1543 0.796875 1.62529Z' fill='white' /%3E%3C/svg%3E"); + height: 12px; + width: 12px; + content: ''; + background-size: contain; + position: absolute; + transition: all .5s; + +} +.main-slider-content_btn span.main-slider-content_btn-text{ + position: relative; + z-index: 2; + transition: all .5s; +} +.main-slider-content_btn:hover .main-slider-content_btn__arrow{ + width: calc(100% - 20px); +} +.main-slider-content_btn:hover .main-slider-content_btn__arrow::before{ + transform: rotate(45deg) translateY(-50%); } +.main-slider-content_btn:hover span.main-slider-content_btn-text{ + color: #fff; +} + @media(max-width:1600px) { .main-slider .new-container { width: 1280px; @@ -107,25 +198,32 @@ main { font-weight: 700; font-size: 40px; color: #121212; + letter-spacing: 0.03em; +} + +.main-about_title b { + font-weight: 900; } .main-about-bottom { display: flex; justify-content: space-between; align-items: center; } +.main-about-bottom img{ + margin-left: -40px; + margin-top: 18px; + margin-right: -21px; +} .main-about_title { font-weight: 500; } -.main-about_title strong { - font-weight: 700; -} + .main-about_text { font-weight: 500; font-size: 20px; color: #121212; } .main-about_banner { - height: 255px; border-radius: 40px; padding: 40px 40px 24px 40px; display: flex; @@ -149,23 +247,65 @@ main { font-weight: 400; font-size: 16px; color: #f2f2f2; - max-width: 60%; + max-width: 45%; } .main-about_banner-btn { border: 2px solid #f2f2f2; border-radius: 100px; - width: 333px; + width: max-content; + max-width: 100%; height: 48px; display: flex; justify-content: space-between; align-items: center; padding-left: 20px; - padding-right: 5px; + padding-right: 65px; gap: 20px; font-weight: 400; font-size: 20px; line-height: 120%; color: #fff; + position: relative; +} + +.main-about_banner-btn-text{ + position: relative; + z-index: 2; + transition: all .5s; +} + +.main-about_banner-btn-arrow{ + height: 38px; + width: 38px; + right: 5px; + border-radius: 19px; + background-color: #fff; + position: absolute; + top: 50%; + transform: translateY(-50%); + transition: all .5s; +} +.main-about_banner-btn-arrow::before{ + background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.796875 1.62535C0.796875 1.09634 1.2265 0.666718 1.75551 0.666718L10.3761 0.667599C10.9052 0.667599 11.3339 1.09634 11.3339 1.62535L11.3348 10.246C11.3348 10.775 10.9052 11.2046 10.3761 11.2046C9.84714 11.2046 9.41752 10.775 9.41752 10.246L9.4184 3.93771L2.70003 10.6561C2.32596 11.0301 1.71949 11.0301 1.34542 10.6561C0.971356 10.282 0.971356 9.67554 1.34542 9.30147L8.06379 2.5831L1.75551 2.58398C1.2265 2.58398 0.796875 2.15436 0.796875 1.62535Z' fill='%231C9B99' /%3E%3C/svg%3E"); + right: 14px; + top: 50%; + position: absolute; + height: 12px; + width: 12px; background-size: contain; + background-repeat: no-repeat; + transform: translateY(-50%); + content: ''; + transition: all .5s; +} + +.main-about_banner-btn:hover .main-about_banner-btn-arrow{ + width: calc(100% - 10px); +} +.main-about_banner-btn:hover .main-about_banner-btn-arrow::before{ + transform: translateY(-50%) rotate(45deg); +} +.main-about_banner-btn:hover .main-about_banner-btn-text{ + color: #121212; } .text-with-underline { position: relative; @@ -179,6 +319,7 @@ main { position: absolute; bottom: -6px; left: 0; + z-index: -1; } .underline-1 { background: #eddfab; /* Цвет первого подчеркивания */ @@ -470,9 +611,12 @@ main { padding: 20px; gap: 40px; } -.reverse { +@media (min-width: 821px) { + .reverse { flex-direction: column-reverse; } +} + .main-specialists_bio { display: flex; justify-content: space-between; @@ -483,12 +627,21 @@ main { border-radius: 40px; background: radial-gradient(278.91% 196.13% at 128.36% -48.29%, #ee6868 0%, #569ef0 57.69%); } -.main-specialists_bio-image img { +.main-specialists_bio-image { width: 110px; height: 125px; border-radius: 32px; - object-fit: cover; + overflow: hidden; max-width: none; + padding: 2px; + background-color: #fff; + flex-shrink: 0; +} +.main-specialists_bio-image img{ + height: 100%; + width: 100%; + object-fit: cover; + border-radius: inherit; } .main-specialists_bio-info { text-align: left; @@ -503,6 +656,7 @@ main { font-weight: 500; font-size: 14px; color: #fff; + margin-top: 0.5em; } .main-specialists_text { border-radius: 25px; @@ -520,6 +674,7 @@ main { top: -25px; left: 1%; } +@media (min-width: 821px) { .reverse .main-specialists_text svg { position: absolute; bottom: -25px; @@ -527,6 +682,15 @@ main { top: unset; transform: rotate(180deg) scaleX(-1); /* Зеркальное отражение по горизонтали */ } +} +.reverse .main-specialists_bio{ + background: #121212; + color: #fff; +} + +.reverse .main-specialists_bio-image{ + background: linear-gradient(161deg, #F44242, #569EF0); +} .main-specialists .swiper-button-next, .main-specialists .swiper-button-prev { color: #333; @@ -569,11 +733,7 @@ main { padding: 15px; } - .main-specialists_bio-image img { - width: 60px; - height: 60px; - } - + .main-specialists_bio-name { font-size: 16px; } @@ -613,8 +773,10 @@ main { border-radius: 30px; padding: 8px; width: 265px; - height: 500px; min-width: 194px; + display: flex; + flex-direction: column; + justify-content: space-between; } .main-food_products .lamb { background: linear-gradient(rgba(134, 51, 0, 0.1), rgba(134, 51, 0, 0.1)), #f4e1cf; @@ -633,10 +795,11 @@ main { display: flex; justify-content: center; align-items: center; - padding: 32px 0px; + padding: 8px 0px 32px; padding-bottom: 42px; + /* filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.1)); */ } -.shadow-svg { +/* .shadow-svg { position: absolute; bottom: 0; left: 50%; @@ -645,57 +808,46 @@ main { height: auto; z-index: 0; pointer-events: none; -} +} */ .main-food_products-card-img img { position: relative; z-index: 1; display: block; max-width: 80%; height: auto; + height: 319px; + object-fit: contain; } -.lamb .main-food_products-card-title { + + +.main-food_products-card-title{ padding: 8px 16px 8px 16px; border-radius: 100px; background: #fff; - font-weight: 400; + font-weight: 500; font-size: 12px; text-transform: uppercase; - color: #f4e1cf; +} +.lamb .main-food_products-card-title { + color: #863300; } .turkey .main-food_products-card-title { - padding: 8px 16px 8px 16px; - border-radius: 100px; - background: #fff; - font-weight: 400; - font-size: 12px; - text-transform: uppercase; - color: #f3d7d2; + color: #CD0003; } .beef .main-food_products-card-title { - padding: 8px 16px 8px 16px; - border-radius: 100px; - background: #fff; - font-weight: 400; - font-size: 12px; - text-transform: uppercase; - color: #e8d1f9; + color: #CD0003; } .fish .main-food_products-card-title { - padding: 8px 8px 8px 16px; - border-radius: 100px; - background: #fff; - font-weight: 400; - font-size: 12px; - text-transform: uppercase; - color: #c1dde6; + color: #48C1ED; } .main-food_products-card-bottom { display: flex; justify-content: space-between; align-items: flex-start; - margin-top: 10px; + gap: 8px; } -.lamb .main-food_products-card-bottom-price { + +.main-food_products-card-bottom-price{ border-radius: 100px; padding: 10px; background: #fff; @@ -703,55 +855,27 @@ main { font-size: 18px; text-transform: uppercase; text-align: center; - color: #000; display: flex; justify-content: center; align-items: center; } -.turkey .main-food_products-card-bottom-price { - border-radius: 100px; - padding: 10px; - background: #fff; - font-weight: 400; - font-size: 18px; - text-transform: uppercase; - text-align: center; +.lamb .main-food_products-card-bottom-price { color: #000; - display: flex; - justify-content: center; - align-items: center; +} +.turkey .main-food_products-card-bottom-price { + color: #CD0003; } .beef .main-food_products-card-bottom-price { - border-radius: 100px; - padding: 10px; - background: #fff; - font-weight: 400; - font-size: 18px; - text-transform: uppercase; - text-align: center; - color: #000; - display: flex; - justify-content: center; - align-items: center; + color: #7E0092; } .fish .main-food_products-card-bottom-price { - border-radius: 100px; - padding: 10px; - background: #fff; - font-weight: 400; - font-size: 18px; - text-transform: uppercase; - text-align: center; - color: #c1dde6; - display: flex; - justify-content: center; - align-items: center; + color: #48C1ED; } -.lamb .main-food_products-cardbottom-btn { + +.main-food_products-cardbottom-btn{ border: 2px solid #fff; border-radius: 100px; padding: 12px 32px; - background: #f4e1cf; font-weight: 900; font-size: 12px; text-align: center; @@ -759,45 +883,33 @@ main { display: flex; justify-content: center; align-items: center; + flex-grow: 1; + transition: all .3s; +} +.lamb .main-food_products-cardbottom-btn { + background: #ffbc7b; } .turkey .main-food_products-cardbottom-btn { - border: 2px solid #fff; - border-radius: 100px; - padding: 12px 32px; - background: #f3d7d2; - font-weight: 900; - font-size: 12px; - text-align: center; - color: #fff; - display: flex; - justify-content: center; - align-items: center; + background: #CD0003; } .beef .main-food_products-cardbottom-btn { - border: 2px solid #fff; - border-radius: 100px; - padding: 12px 32px; - background: #e8d1f9; - font-weight: 900; - font-size: 12px; - text-align: center; - color: #fff; - display: flex; - justify-content: center; - align-items: center; + background: #DEB3FF; } .fish .main-food_products-cardbottom-btn { - border: 2px solid #fff; - border-radius: 100px; - padding: 12px 32px; - background: #c1dde6; - font-weight: 900; - font-size: 12px; - text-align: center; - color: #fff; - display: flex; - justify-content: center; - align-items: center; + background: #48C1ED; +} + +.lamb .main-food_products-cardbottom-btn:hover { + background: #863300; +} +.turkey .main-food_products-cardbottom-btn:hover { + background: #ff5457; +} +.beef .main-food_products-cardbottom-btn:hover { + background: #7E0092; +} +.fish .main-food_products-cardbottom-btn:hover { + background: #0096cc; } .main-food_reviews { max-width: 400px; @@ -825,7 +937,6 @@ main { flex-direction: column; align-items: center; padding: 20px; - background: #fff; border-radius: 8px; min-height: 650px; } @@ -921,26 +1032,41 @@ main { padding: 0 8px; } @media (max-width: 767px) { - .main-food_reviews-slide { - padding: 15px; + .main-food_reviews { + padding: 16px 8px; + border-radius: 30px; } .main-food_reviews-slide-img { - width: 80px; - height: 80px; + width: 100%; } .main-food_reviews-slide-name { - font-size: 16px; + font-size: 18px; + } + .main-food_reviews-slide-position{ + font-weight: 500; + font-size: 14px; + background: radial-gradient(278.91% 196.13% at 128.36% -48.29%, rgb(238, 104, 104) 0%, rgb(86, 158, 240) 57.692307233810425%); + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; } .main-food_reviews-slide-text { - font-size: 12px; + font-size: 14px; } .main-food_reviews-slider-index { font-size: 14px; } + .main-food_reviews-slide{ + padding-left: 0; + padding-right: 0; + } + .main-reviews_title{ + font-size: 32px; + } } /* Main Reviews */ @@ -982,7 +1108,7 @@ main { .marketplace:after { content: ''; position: absolute; - right: 0; + right: -20px; bottom: 0; width: 222px; height: 671px; @@ -1003,50 +1129,28 @@ main { padding-bottom: 5%; border-radius: 0px 0px 60px 60px; } -.lamb .main-food_products-card-title { + +.main-food_products-card-title{ padding: 8px 16px 8px 16px; border-radius: 100px; background: #fff; - font-weight: 400; + font-weight: 500; font-size: 12px; text-transform: uppercase; - color: #f7dcc1; } + + .duck .main-food_products-card-title { - padding: 8px 16px 8px 16px; - border-radius: 100px; - background: #fff; - font-weight: 400; - font-size: 12px; - text-transform: uppercase; color: #f6d9c7; } .beef .main-food_products-card-title { - padding: 8px 16px 8px 16px; - border-radius: 100px; - background: #fff; - font-weight: 400; - font-size: 12px; - text-transform: uppercase; - color: #e5cff6; + color: #7E0092; } .rabbit .main-food_products-card-title { - padding: 8px 16px 8px 16px; - border-radius: 100px; - background: #fff; - font-weight: 400; - font-size: 12px; - text-transform: uppercase; color: #f5c1d7; } .fish .main-food_products-card-title { - padding: 8px 8px 8px 16px; - border-radius: 100px; - background: #fff; - font-weight: 400; - font-size: 12px; - text-transform: uppercase; - color: #c0e4f1; + color: #48C1ED; } .main-food_products-card-bottom { display: flex; @@ -1054,76 +1158,40 @@ main { align-items: flex-start; margin-top: 10px; } -.lamb .main-treats_products-card-bottom-price { + +.main-treats_products-card-bottom-price{ border-radius: 100px; padding: 10px; background: #fff; - font-weight: 400; + font-weight: 500; font-size: 18px; text-transform: uppercase; text-align: center; - color: #f7dcc1; display: flex; justify-content: center; - align-items: center; + align-items: center; +} +.lamb .main-treats_products-card-bottom-price { + color: #863300; } .duck .main-treats_products-card-bottom-price { - border-radius: 100px; - padding: 10px; - background: #fff; - font-weight: 400; - font-size: 18px; - text-transform: uppercase; - text-align: center; - color: #f6d9c7; - display: flex; - justify-content: center; - align-items: center; + color: #863300; } .beef .main-treats_products-card-bottom-price { - border-radius: 100px; - padding: 10px; - background: #fff; - font-weight: 400; - font-size: 18px; - text-transform: uppercase; - text-align: center; - color: #e5cff6; - display: flex; - justify-content: center; - align-items: center; + color: #7E0092; } .rabbit .main-treats_products-card-bottom-price { - border-radius: 100px; - padding: 10px; - background: #fff; - font-weight: 400; - font-size: 18px; - text-transform: uppercase; - text-align: center; - color: #f5c1d7; - display: flex; - justify-content: center; - align-items: center; + color: #7E0092; } .fish .main-treats_products-card-bottom-price { - border-radius: 100px; - padding: 10px; - background: #fff; - font-weight: 400; - font-size: 18px; - text-transform: uppercase; - text-align: center; - color: #c0e4f1; - display: flex; - justify-content: center; - align-items: center; + color: #48C1ED; } -.lamb .main-treats_products-cardbottom-btn { + +.main-treats_products-cardbottom-btn{ border: 2px solid #fff; border-radius: 100px; padding: 12px 32px; - background: #f7dcc1; + font-weight: 900; font-size: 12px; text-align: center; @@ -1131,58 +1199,40 @@ main { display: flex; justify-content: center; align-items: center; + flex-grow: 1; + transition: all .5s; +} +.lamb .main-treats_products-cardbottom-btn { + background: #FFBC7B; } .duck .main-treats_products-cardbottom-btn { - border: 2px solid #fff; - border-radius: 100px; - padding: 12px 32px; background: #f6d9c7; - font-weight: 900; - font-size: 12px; - text-align: center; - color: #fff; - display: flex; - justify-content: center; - align-items: center; } .beef .main-treats_products-cardbottom-btn { - border: 2px solid #fff; - border-radius: 100px; - padding: 12px 32px; - background: #e5cff6; - font-weight: 900; - font-size: 12px; - text-align: center; - color: #fff; - display: flex; - justify-content: center; - align-items: center; + background: #DEB3FF; } .rabbit .main-treats_products-cardbottom-btn { - border: 2px solid #fff; - border-radius: 100px; - padding: 12px 32px; background: #f5c1d7; - font-weight: 900; - font-size: 12px; - text-align: center; - color: #fff; - display: flex; - justify-content: center; - align-items: center; } .fish .main-treats_products-cardbottom-btn { - border: 2px solid #fff; - border-radius: 100px; - padding: 12px 32px; background: #c0e4f1; - font-weight: 900; - font-size: 12px; - text-align: center; - color: #fff; - display: flex; - justify-content: center; - align-items: center; +} + + +.lamb .main-treats_products-cardbottom-btn:hover { + background: #863300; +} +.duck .main-treats_products-cardbottom-btn:hover { + background: #f6d9c7; +} +.beef .main-treats_products-cardbottom-btn:hover { + background: #7E0092; +} +.rabbit .main-treats_products-cardbottom-btn:hover { + background: #f5c1d7; +} +.fish .main-treats_products-cardbottom-btn:hover { + background: #c0e4f1; } .main-treats_products .lamb { background: linear-gradient(rgba(134, 51, 0, 0.1), rgba(134, 51, 0, 0.1)), #f7dcc1; @@ -1203,10 +1253,9 @@ main { border-radius: 30px; padding: 8px; width: 265px; - height: 424px; min-width: 194px; } -.main-treats .shadow-svg { +/* .main-treats .shadow-svg { position: absolute; bottom: 0; left: 40%; @@ -1215,7 +1264,7 @@ main { height: auto; z-index: 0; pointer-events: none; -} +} */ .main-treats_reviews-slider-index { position: absolute; left: 50%; @@ -1913,7 +1962,8 @@ font-size: 12px; } .truth_content-wrap { z-index: 5; - min-width: 800px; + width: 800px; + max-width: 100%; } .truth_pictures_brain { display: block; @@ -1952,9 +2002,10 @@ font-size: 12px; .main-blog { padding-bottom: 120px; + } .main-blog a { - width: 100%; + } .main-blog_wrapper-most-bottom a { width: 25px; @@ -1982,8 +2033,14 @@ font-size: 12px; font-size: 24px; text-align: center; color: #f4f1f0; + transition: all .3s; max-width: 220px; } + +.main-blog_top a:hover{ + color: #121212; + background-color: #f4f1f0; +} .main-blog_descr { margin-top: 15px; font-weight: 500; @@ -1995,7 +2052,7 @@ font-size: 12px; display: flex; justify-content: flex-start; align-items: center; - gap: 16px; + gap: 8px 16px; } .main-blog_tags-tag { display: flex; @@ -2007,6 +2064,13 @@ font-size: 12px; font-weight: 600; font-size: 14px; color: #121212; + transition: all .5s; + border: 1px solid transparent; +} +.main-blog_tags-tag:hover{ + background:rgba(18, 18, 18, 1); + color: #fff; + border: 1px solid #fff; } .main-blog_tags-tag img { width: 15px; @@ -2026,8 +2090,9 @@ font-size: 12px; min-height: 518px; background: rgba(18, 18, 18, 0.4); box-shadow: -3px 9px 31px 0 rgba(0, 0, 0, 0.25); + transition: all .5s; } -.main-blog_wrapper-most-img { +.main-blog_wrapper-most-link{ display: block; width: 100%; height: 280px; @@ -2035,6 +2100,17 @@ font-size: 12px; object-position: center; border-radius: 55px; border: 2px solid #fff; + transition: all .5s; + overflow: hidden; +} +.main-blog_wrapper-most-img { + width: 100%; + height: 100%; + object-fit: cover; + transition: all .5s; +} +.main-blog_wrapper-most:hover{ + background: rgba(18, 18, 18, 0.6); } .main-blog_wrapper-most-title { margin-top: 16px; @@ -2100,6 +2176,10 @@ font-size: 12px; background-color: rgba(0, 0, 0, 0.5); /* Полупрозрачный чёрный слой */ border-radius: 40px; /* Соответствует border-radius родителя */ z-index: -1; /* Помещаем слой позади контента */ + transition: all .5s; +} +.main-blog_wrapper-items-item:hover::before{ + background-color: rgba(0, 0, 0, 0.75); } .main-blog_wrapper-items-item-title { font-weight: 400; @@ -2260,4 +2340,609 @@ font-size: 12px; - \ No newline at end of file +.shadowed { + filter: url(#angled-shadow); + border-radius: 12px; +} + + +/* Мозаичная галерея для main-gallery.twig */ + +.gallery-grid{ + width: max-content; + display: flex; + gap: 20px; + flex-wrap: nowrap; + min-width: max-content; + animation: 80s infinite linear gridloop; + margin-top: 3rem; +} +.gallery-box{ + width: max-content; + display: flex; + gap: 20px; + flex-shrink: 0; + flex-wrap: wrap; + flex-direction: column; + height: 669px; +} +.gallery-card img{ + height: 100%; + width: 100%; + object-fit: cover; + border: 2px solid #fff; +border-radius: 40px; +box-shadow: 0 9px 40px 0 rgba(0, 0, 0, 0.19); +} +.gallery-box.gallery-box--1 .gallery-card:nth-child(1){ +width: 280px; +height: calc(55% - 10px); +} +.gallery-box.gallery-box--1 .gallery-card:nth-child(2){ +height: calc(45% - 10px); +width: 220px; +} +.gallery-box.gallery-box--1 .gallery-card:nth-child(3){ +width: 280px; +height: calc(58% - 10px); +} +.gallery-box.gallery-box--1 .gallery-card:nth-child(4){ +height: calc(42% - 10px); +width: 340px; +margin-left: -60px; +} + + + +.gallery-box.gallery-box--2 .gallery-card:nth-child(1){ +width: 302px; +height: calc(40% - 10px); +} +.gallery-box.gallery-box--2 .gallery-card:nth-child(2){ +height: calc(60% - 10px); +width: 340px; +} +.gallery-box.gallery-box--2 .gallery-card:nth-child(3){ +width: 353px; +height: calc(100%); +} + + +.gallery-box.gallery-box--3 .gallery-card:nth-child(1){ +width: 375px; +height: calc(40% - 10px); +} +.gallery-box.gallery-box--3 .gallery-card:nth-child(3){ +height: calc(68% - 10px); +width: 331px; +} +.gallery-box.gallery-box--3 .gallery-card:nth-child(2){ +width: 292px; +height: calc(60% - 10px); +} +.gallery-box.gallery-box--3 .gallery-card:nth-child(4){ +height: calc(32% - 10px); +width: 414px; +margin-left: -80px; +} + + +.gallery-box.gallery-box--4 .gallery-card:nth-child(1){ +width: 343px; +height: calc(30% - 10px); +} +.gallery-box.gallery-box--4 .gallery-card:nth-child(2){ +height: calc(70% - 10px); +width: 343px; +} +.gallery-box.gallery-box--4 .gallery-card:nth-child(3){ +width: 450px; +height: 100%; +} + + +@keyframes gridloop { + 0%{ + transform: translateX(0); + } + 100%{ + transform: translateX(-50%); + } +} + + +@media (max-width: 1080px) { + .main-slider-content_descr{ + font-size: 16px; + } +} + +@media (max-width: 820px) { + .main-slider .new-container{ + padding-left: 10px; + padding-right: 10px; + } + .main-slider .swiper-slide{ + padding-top: 0; + } + .main-slider-content_title{ + font-size: 38px; + margin-bottom: .5em; + } + .main-slider-content_title, .main-slider-content_descr{ + width: 100%; + } + .main-slider{ + margin-top: -55px; + } + + +.main-slider-content_btn { + height: 48px; + padding-left: 20px; + padding-right: 60px; +} +.main-slider-content_btn__arrow{ + right: 5px; +} +.main-slider-content_btn:hover .main-slider-content_btn__arrow{ + width: calc(100% - 10px); +} +.swiper-slide{ + height: 850px; +} +.main-slider.swiper-container{ + height: 850px; +} + +.main-about{ + padding: 32px 10px; + border-radius: 24px; +} +.main-about_title{ + font-size: 18px; +} +.main-about-bottom{ + position: relative; + padding-top: 50px; +} +.main-about-bottom img{ + position: absolute; + top: -36px; + width: 128px; + right: 23px; +} +.main-about_text{ + font-size: 14px; + margin-bottom: 40px; +} + + + +.main-about_text::before { + content: ''; + float: right; + width: 130px; + height: 60px; + shape-outside: inset(0 0 0 0); /* Форма для обтекания */ + margin-right: 15px; /* Отступ от текста */ + opacity: 0; /* Элемент невидим, но влияет на поток */ +} +.main-about_banner { + padding: 32px 16px 90px; + background-size: cover; background-position: center; + background-image: url(../img/new-front/my-otkrytaya-ekosistema-old.png); +} + + +.main-about_banner-title{ + font-size: 18px; +} +.main-about_banner-descr{ + font-size: 14px; + max-width: 100%; +} +.main-about_banner-btn{ + font-size: 16px; +} +.main-why_title{ +font-size: 32px; +} + +.main-why{ + padding-left: 10px; + padding-right: 10px; + padding-top: 40px; + margin-top: -25px; +} +.new-container{ + padding-left: 10px; + padding-right: 10px; +} +.main-food_title{ + font-size: 28px; + margin-top: 30px; +} +.main-food_wrapper{ + flex-wrap: wrap; +} +.main-food_products, .main-food_reviews{ + width: 100%; +} + +.main-food_reviews{ + margin-top: 30px; +} +.main-food_products-card { + width: calc(50% - 5px); + min-width: 0; +} +.main-food_products-card-img img{ + height: 50vw; +} +.main-food_products-card-title{ + font-size: 10px; +} +.main-food_products-card-bottom-price{ + font-size: 12px; + height: 44px; + padding-left: 20px; + padding-right: 20px; +} +.main-food_products-cardbottom-btn{ + font-size: 0; + height: 44px; + width: 44px; + position: relative; + padding: 0; + flex-grow: 0; +} +.main-food_products-cardbottom-btn::after{ + background-image: url("data:image/svg+xml,%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.99891 0C10.0882 1.85362e-05 11.1353 0.416463 11.908 1.15941L12.0484 1.30206C12.7329 2.02913 13.1164 2.97793 13.1165 3.96649V5.03207L14.9288 5.02729L15.0941 5.03207C15.4787 5.05208 15.8566 5.14206 16.208 5.29727L16.357 5.36716C16.6986 5.54015 17.0042 5.7742 17.257 6.05744L17.3621 6.18191C17.5979 6.47719 17.7739 6.81389 17.8808 7.17377L17.9228 7.32887C17.9969 7.64101 18.0178 7.96276 17.9849 8.28147L17.9639 8.4404L16.6522 16.6376C16.5114 17.5178 16.0674 18.3238 15.3969 18.9287L15.2603 19.0464C14.5603 19.6238 13.6814 19.9569 12.7659 19.9962L12.5815 20H5.41634C4.49677 19.9999 3.60472 19.7028 2.88179 19.1584L2.73944 19.0464C2.03929 18.4688 1.56066 17.6815 1.37998 16.8119L1.3475 16.6376L0.0357986 8.4404C-0.03187 8.0173 -0.00329994 7.58521 0.118914 7.17377L0.168592 7.02058C0.295244 6.6677 0.489965 6.34073 0.742759 6.05744L0.854535 5.93968C1.12207 5.67071 1.44011 5.45265 1.79174 5.29727L1.94364 5.23408C2.25097 5.11719 2.57599 5.04922 2.90568 5.03207L3.07095 5.02729H4.60525L4.87155 5.03207L4.8823 3.96649C4.88242 2.91203 5.31814 1.90251 6.09082 1.15941L6.2389 1.02346C6.99437 0.365708 7.97783 0.000101636 8.99891 0ZM3.07095 6.92772C2.95004 6.92773 2.83041 6.94761 2.71652 6.9842L2.60378 7.02633C2.49444 7.07468 2.39447 7.13951 2.30763 7.21781L2.22451 7.3011C2.14669 7.38833 2.08465 7.48682 2.04013 7.59215L2.00191 7.69938C1.95855 7.84531 1.94843 7.99859 1.9723 8.1484L3.28495 16.3456L3.32221 16.5256C3.42862 16.9407 3.66723 17.3168 4.00911 17.5989L4.16101 17.7128C4.47324 17.927 4.83998 18.0579 5.22336 18.091L5.41634 18.0996H12.5824L12.7754 18.091C13.223 18.0525 13.6486 17.8809 13.9906 17.5989L14.1301 17.4725C14.4421 17.1647 14.6468 16.7708 14.7148 16.3456L16.0274 8.14935L16.0389 8.03638C16.0424 7.96081 16.0379 7.88502 16.0246 7.81044L15.9978 7.69938C15.9653 7.58999 15.9149 7.48606 15.8478 7.39205L15.7752 7.3011C15.6974 7.21384 15.6049 7.13906 15.502 7.07994L15.3959 7.02633C15.2863 6.9779 15.1689 6.94689 15.0492 6.93442L14.9288 6.92772H13.1165V8.99473C13.1163 9.52694 12.6697 9.94443 12.1363 9.94447C11.6029 9.94439 11.1562 9.52691 11.1561 8.99473V6.92772H6.84172V8.99473C6.84159 9.52685 6.39576 9.9443 5.86249 9.94447C5.32907 9.94447 4.88244 9.52696 4.8823 8.99473V6.92772H3.07095ZM8.99891 1.90043C8.49608 1.90053 8.01257 2.06912 7.62893 2.37147L7.4713 2.50838C7.0677 2.89647 6.84185 3.4213 6.84172 3.96649V4.74102H11.1561V3.96649C11.156 3.48959 10.9841 3.0284 10.6708 2.6606L10.5275 2.50838C10.1235 2.12005 9.57346 1.90045 8.99891 1.90043Z' fill='white' /%3E%3C/svg%3E"); + height: 20px; + width: 18px; + background-size: contain; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + content: ''; + background-repeat: no-repeat; +} +.main-food_reviews-title{ + font-size: 24px; +} +.main-food_reviews-star{ + width: 82px; + top: -20px; +} +.main-reviews_title{ + font-size: 32px; +} +.marketplace__swiper{ + overflow: visible; +} +.main-specialists_title{ + font-size: 32px; +} +} + + +@media (max-width: 640px) { +.main-slider-content_title{ + font-size: 30px; +} +.swiper-slide{ + height: 683px; +} +.main-slider.swiper-container{ + height: 683px; +} +.main-why_item{ + width: 100%; + padding: 16px; + min-height: 256px; +} +.main-why_item-title{ + font-size: 18px; +} +.main-why_item-descr{ + font-size: 14px; +} +.main-why_wrapper{ + grid-template-columns: repeat(1, 1fr); +} +.main-why{ + border-radius: 24px; +} +.main-why_bottom{ + display: none; +} +.main-why_item-image { + position: absolute; + top: -32%; + right: 5%; +} +.main-why_item-image-2 { + position: absolute; + top: -42%; + right: -5%; +} +.marketplace__swiper{ + margin-left: 0; + margin-right: 0; +} +.main-specialists_bio-image{ + height: 60px; + width: 60px; +} +} + + +@media (max-width: 640px) { + .main-about_banner { + + background-image: url(../img/new-front/eko2.png); + } + +} + + + + + + + +/* GP | Mobile */ +@media only screen and (max-width: 576px) { + + /*Слайдер*/ + .about .container-fluid { + padding-right: 0; + padding-left: 0; + } + + + .about { + border-radius: 25px; + padding-bottom: 0; + } + + .about > .container { + width: 100%; + margin-right: auto; + margin-left: auto; + } + + .about .about_info-wrap{ + flex-direction: column; + } + + .about_info-wrap .about_img{ + max-width: unset; + width: 100vw; + } + .about_info-wrap .about_img img{ + height: auto; + width: 100%; + } + + .about_cards .about_card { + gap: 0; + } + + .about_cards .about_card-right { + align-items: end; + text-align: end; + } + + .about_card-right .about_card-text { + margin-left: auto; + } + + .about_card .about_card-gif1, + .about_card .about_card-gif4 { + width: 87px; + height: 87px; + } + + .about_card .about_card-gif2 { + width: 99px; + height: 99px; + } + + .about_card .about_card-gif3 { + width: 117px; + height: 102px; + } + + .about_company { + margin-top: 4vh; + } + + .about_company .about_company-logo img { + height: 33px; + } + + .about_company .about_company-logo img:nth-child(1), + .about_company .about_company-logo img:nth-child(3), + .about_company .about_company-logo img:nth-child(4) { + height: 33px; + } + + .about_company .about_company-logo { + display: flex; + gap: 0px 5px; + margin-top: 2%; + justify-content: space-around; + } + + .about_company .about_company-text { + font-size: 12px; + line-height: 14.4px; + } + + .about_cards .about_company { + padding: 15px 16px 18px 16px; + gap: 5px; + border-radius: 25px; + } + + .about_cards .about_company::after { + border-radius: 25px; + } + + .about_company .about_company-logo img { + width: auto; + } + + .about_block .about_cards { + grid-template-columns: 100%; + gap: 10px; + } + + .about_us-cards .about_us-card .about_us-card-info { + height: 151px; + } + + .truth_block .truth_block-text p, + .about_card .about_card-title { + font-size: 12px; + line-height: 18.2px; + } + + .discount_block .discount_text, + .blog_card .blog_card-text, + .blog_block .blog_text, + .truth_block .truth_link, + .sellers_card .sellers_card-text, + .about_card .about_card-text { + font-size: 12px; + line-height: 14.2px; + } + + .about_card .about_card-gif { + margin-bottom: -17px; + } + + .about_slider { + padding: 0; + } + + .about_slider .carousel { + height: 55vh; + min-height: 55vh; + } + + .about .about_block { + gap: 55px; + } + + .about_slider .slide { + padding: 10px 39px; + width: 280px; + height: 280px; + border-radius: 100%; + gap: 12px; + } + + .about_slider .carousel .carousel-item { + padding: 10px 39px; + width: 290px; + height: 290px; + border-radius: 100%; + } + + .about_slider .carousel .carousel-item::after { + background-image: url(../img/border-mobile.png); + border-radius: 100%; + } + + .about_slider .prev { + left: 10vw; + } + + .about_slider .next { + right: 10vw; + } + + .about_slider .slide.active { + transform: translate(0, -20px); + } + + .about_slider .slide img { + width: 113px; + height: 113px; + } + + .about_slider .slide_info { + gap: 6px; + } + + .about_slider .slide_text, + .about_slider .slide_title { + font-size: 12px; + line-height: 14.4px; + text-align: center; + } + + .about_us-block .about_us-card::after, + .about_us-card .about_us-card-img { + border-radius: 25px; + } + + .about_us-card .about_us-card-info { + border-radius: 0 0 25px 25px; + } + + .discount_top .discount_title, + .blog_block .blog_title, + .truth_block .truth_block-title, + .about_us .about_us-title, + .sellers_top .sellers_title { + font-size: 30px; + line-height: 36px; + } + + .main-specialists_text{ + font-size: 18px; + } + .main-specialists_bio{ + align-items: flex-start; + } + .main-specialists_bio-name{ + min-height: 60px; + } + .main-specialists_bio-position{ + margin-left: -69px; + } + .main-specialists_bio{ + border-radius: 16px; + width: 100%; + } + .main-treats .main-food_products-card{ + width: calc(50% - 5px); + min-width: 0; + } +} + + + + + + + + +@media (min-width: 769px) and (max-width: 1200px) { +} + +@media(max-width:768px){ + .about_slider .carousel .carousel-item { + border-radius: 100% !important; + } + .about_slider .carousel .carousel-item img { + width: 99px!important; + height: 99px!important; + } + +} \ No newline at end of file diff --git a/wp-content/themes/cosmopet/static/img/new-front/1.png b/wp-content/themes/cosmopet/static/img/new-front/1.png new file mode 100644 index 0000000..5a06f2f Binary files /dev/null and b/wp-content/themes/cosmopet/static/img/new-front/1.png differ diff --git a/wp-content/themes/cosmopet/static/img/new-front/10.png b/wp-content/themes/cosmopet/static/img/new-front/10.png new file mode 100644 index 0000000..9d8aadc Binary files /dev/null and b/wp-content/themes/cosmopet/static/img/new-front/10.png differ diff --git a/wp-content/themes/cosmopet/static/img/new-front/11.png b/wp-content/themes/cosmopet/static/img/new-front/11.png new file mode 100644 index 0000000..3a3c19d Binary files /dev/null and b/wp-content/themes/cosmopet/static/img/new-front/11.png differ diff --git a/wp-content/themes/cosmopet/static/img/new-front/12.png b/wp-content/themes/cosmopet/static/img/new-front/12.png new file mode 100644 index 0000000..b2b87be Binary files /dev/null and b/wp-content/themes/cosmopet/static/img/new-front/12.png differ diff --git a/wp-content/themes/cosmopet/static/img/new-front/13.png b/wp-content/themes/cosmopet/static/img/new-front/13.png new file mode 100644 index 0000000..10524ae Binary files /dev/null and b/wp-content/themes/cosmopet/static/img/new-front/13.png differ diff --git a/wp-content/themes/cosmopet/static/img/new-front/14.png b/wp-content/themes/cosmopet/static/img/new-front/14.png new file mode 100644 index 0000000..3d005ca Binary files /dev/null and b/wp-content/themes/cosmopet/static/img/new-front/14.png differ diff --git a/wp-content/themes/cosmopet/static/img/new-front/15.png b/wp-content/themes/cosmopet/static/img/new-front/15.png new file mode 100644 index 0000000..2a36794 Binary files /dev/null and b/wp-content/themes/cosmopet/static/img/new-front/15.png differ diff --git a/wp-content/themes/cosmopet/static/img/new-front/2.png b/wp-content/themes/cosmopet/static/img/new-front/2.png new file mode 100644 index 0000000..77fe4a7 Binary files /dev/null and b/wp-content/themes/cosmopet/static/img/new-front/2.png differ diff --git a/wp-content/themes/cosmopet/static/img/new-front/3.png b/wp-content/themes/cosmopet/static/img/new-front/3.png new file mode 100644 index 0000000..09d82b2 Binary files /dev/null and b/wp-content/themes/cosmopet/static/img/new-front/3.png differ diff --git a/wp-content/themes/cosmopet/static/img/new-front/4.png b/wp-content/themes/cosmopet/static/img/new-front/4.png new file mode 100644 index 0000000..d9cfea6 Binary files /dev/null and b/wp-content/themes/cosmopet/static/img/new-front/4.png differ diff --git a/wp-content/themes/cosmopet/static/img/new-front/5.png b/wp-content/themes/cosmopet/static/img/new-front/5.png new file mode 100644 index 0000000..cff499e Binary files /dev/null and b/wp-content/themes/cosmopet/static/img/new-front/5.png differ diff --git a/wp-content/themes/cosmopet/static/img/new-front/6.png b/wp-content/themes/cosmopet/static/img/new-front/6.png new file mode 100644 index 0000000..ea356c7 Binary files /dev/null and b/wp-content/themes/cosmopet/static/img/new-front/6.png differ diff --git a/wp-content/themes/cosmopet/static/img/new-front/7.png b/wp-content/themes/cosmopet/static/img/new-front/7.png new file mode 100644 index 0000000..c100718 Binary files /dev/null and b/wp-content/themes/cosmopet/static/img/new-front/7.png differ diff --git a/wp-content/themes/cosmopet/static/img/new-front/8.png b/wp-content/themes/cosmopet/static/img/new-front/8.png new file mode 100644 index 0000000..34f1ee7 Binary files /dev/null and b/wp-content/themes/cosmopet/static/img/new-front/8.png differ diff --git a/wp-content/themes/cosmopet/static/img/new-front/9.png b/wp-content/themes/cosmopet/static/img/new-front/9.png new file mode 100644 index 0000000..f01e958 Binary files /dev/null and b/wp-content/themes/cosmopet/static/img/new-front/9.png differ diff --git a/wp-content/themes/cosmopet/static/img/new-front/eko2.png b/wp-content/themes/cosmopet/static/img/new-front/eko2.png new file mode 100644 index 0000000..7499561 Binary files /dev/null and b/wp-content/themes/cosmopet/static/img/new-front/eko2.png differ diff --git a/wp-content/themes/cosmopet/static/img/new-front/my-otkrytaya-ekosistema-old.png b/wp-content/themes/cosmopet/static/img/new-front/my-otkrytaya-ekosistema-old.png new file mode 100644 index 0000000..5cd1881 Binary files /dev/null and b/wp-content/themes/cosmopet/static/img/new-front/my-otkrytaya-ekosistema-old.png differ diff --git a/wp-content/themes/cosmopet/templates/_pages/new-front-page/main-about.twig b/wp-content/themes/cosmopet/templates/_pages/new-front-page/main-about.twig index 85b79fa..8e0545f 100644 --- a/wp-content/themes/cosmopet/templates/_pages/new-front-page/main-about.twig +++ b/wp-content/themes/cosmopet/templates/_pages/new-front-page/main-about.twig @@ -1,6 +1,8 @@
-
{{ main_about_title }}
+
+ {{ main_about_title }} +
{{ main_about_title }}
@@ -8,11 +10,11 @@
-
+
{{ main_about_banner_title }}
{{ main_about_banner_descr }}
- Начать сотрудничество + Начать сотрудничество
\ No newline at end of file diff --git a/wp-content/themes/cosmopet/templates/_pages/new-front-page/main-blog.twig b/wp-content/themes/cosmopet/templates/_pages/new-front-page/main-blog.twig index 2370913..fe8db70 100644 --- a/wp-content/themes/cosmopet/templates/_pages/new-front-page/main-blog.twig +++ b/wp-content/themes/cosmopet/templates/_pages/new-front-page/main-blog.twig @@ -19,8 +19,8 @@
- - most-read + + most-read
Как рассчитать дневную порцию корма для кошки?
diff --git a/wp-content/themes/cosmopet/templates/_pages/new-front-page/main-food.twig b/wp-content/themes/cosmopet/templates/_pages/new-front-page/main-food.twig index b422988..c9cf772 100644 --- a/wp-content/themes/cosmopet/templates/_pages/new-front-page/main-food.twig +++ b/wp-content/themes/cosmopet/templates/_pages/new-front-page/main-food.twig @@ -1,3 +1,32 @@ + + + + + + + + + + + + + + + + + + + + +

сухой гипоаллергенный корм

@@ -5,25 +34,8 @@
-
- - - - - - - - - - - - - - - - -
- Рыба, крупные, adult, 15мм, 2кг + + Рыба, крупные, adult, 15мм, 2кг
Рыба, крупные, adult, 15мм, 2кг @@ -35,25 +47,8 @@
-
- - - - - - - - - - - - - - - - -
- Индейка, крупные, adult, 15мм, 2кг + + Индейка, крупные, adult, 15мм, 2кг
Индейка, крупные, adult, 15мм, 2кг @@ -65,25 +60,8 @@
-
- - - - - - - - - - - - - - - - -
- Рыба, крупные, adult, 15мм, 2кг + + Рыба, крупные, adult, 15мм, 2кг
Рыба, крупные, adult, 15мм, 2кг @@ -95,25 +73,8 @@
-
- - - - - - - - - - - - - - - - -
- Индейка, крупные, adult, 15мм, 2кг + + Индейка, крупные, adult, 15мм, 2кг
Индейка, крупные, adult, 15мм, 2кг @@ -125,25 +86,8 @@
-
- - - - - - - - - - - - - - - - -
- Рыба, крупные, adult, 15мм, 2кг + + Рыба, крупные, adult, 15мм, 2кг
Рыба, крупные, adult, 15мм, 2кг @@ -155,25 +99,8 @@
-
- - - - - - - - - - - - - - - - -
- Индейка, крупные, adult, 15мм, 2кг + + Индейка, крупные, adult, 15мм, 2кг
Индейка, крупные, adult, 15мм, 2кг @@ -183,7 +110,9 @@
- Вся продукция + + Вся продукция +
Отзывы
diff --git a/wp-content/themes/cosmopet/templates/_pages/new-front-page/main-gallery.twig b/wp-content/themes/cosmopet/templates/_pages/new-front-page/main-gallery.twig index 40dee6b..341f7be 100644 --- a/wp-content/themes/cosmopet/templates/_pages/new-front-page/main-gallery.twig +++ b/wp-content/themes/cosmopet/templates/_pages/new-front-page/main-gallery.twig @@ -1,90 +1,109 @@ +

COSMOPETS

-
-
- -
-
-
-
- -
- -
- -
- -
-
-
- -
- -
- -
- -
-
-
- -
- -
- -
- -
-
-
- -
- -
-
+
+
+
+
-
-
-
-
- -
- -
- -
- -
-
-
- -
- -
- -
- -
-
-
- -
- -
- -
- -
-
-
- -
- -
-
+ +
+
- +
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+ +
+
+
+
+ +
+ +
+ +
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+ +
diff --git a/wp-content/themes/cosmopet/templates/_pages/new-front-page/main-slider.twig b/wp-content/themes/cosmopet/templates/_pages/new-front-page/main-slider.twig index 396af7c..30e80ab 100644 --- a/wp-content/themes/cosmopet/templates/_pages/new-front-page/main-slider.twig +++ b/wp-content/themes/cosmopet/templates/_pages/new-front-page/main-slider.twig @@ -1,12 +1,16 @@
{% for slide in main_slider %} -
+
+ + + +

{{ slide.main_slider_title }}

{{ slide.main_slider_descr }}

- Купить + Купить
diff --git a/wp-content/themes/cosmopet/templates/_pages/new-front-page/main-treats.twig b/wp-content/themes/cosmopet/templates/_pages/new-front-page/main-treats.twig index 2058764..d5fa515 100644 --- a/wp-content/themes/cosmopet/templates/_pages/new-front-page/main-treats.twig +++ b/wp-content/themes/cosmopet/templates/_pages/new-front-page/main-treats.twig @@ -16,55 +16,21 @@
-
- - - - - - - - - - - - - - - - -
- Ягненок на косточке, для собак, 100гр + + Ягненок на косточке, для собак, 100гр
Ягненок на косточке, для собак, 100гр
-
1 303 ₽
- +
1 303 ₽
+
-
- - - - - - - - - - - - - - - - -
- Говядина на косточке, для собак, 100гр + + Говядина на косточке, для собак, 100гр
Говядина на косточке, для собак, 100гр @@ -76,122 +42,54 @@
-
- - - - - - - - - - - - - - - - -
- Ягненок на косточке, для собак, 100гр + + Ягненок на косточке, для собак, 100гр
Ягненок на косточке, для собак, 100гр
-
1 303 ₽
- +
1 303 ₽
+
-
- - - - - - - - - - - - - - - - -
- Говядина на косточке, для собак, 100гр + + Говядина на косточке, для собак, 100гр
Говядина на косточке, для собак, 100гр
-
1 303 ₽
- +
1 303 ₽
+
-
- - - - - - - - - - - - - - - - -
- Ягненок на косточке, для собак, 100гр + + Ягненок на косточке, для собак, 100гр
Ягненок на косточке, для собак, 100гр
-
1 303 ₽
- +
1 303 ₽
+
-
- - - - - - - - - - - - - - - - -
- Говядина на косточке, для собак, 100гр + + Говядина на косточке, для собак, 100гр
Говядина на косточке, для собак, 100гр
-
1 303 ₽
- +
1 303 ₽
+