@charset "UTF-8";

@font-face {
font-family: 'Shantell Sans';
font-style: normal;
font-weight: normal;
font-display: swap;
src: url(//www.smachos.ru/wp-content/themes/smachos/assets/fonts/ShantellSans-Light.woff) format('woff');
}
@font-face {
font-family: 'SFProText';
font-style: normal;
font-weight: normal;
font-display: swap;
src: url(//www.smachos.ru/wp-content/themes/smachos/assets/fonts/SFProText-Bold.woff) format('woff');
}
@font-face {
font-family: 'Shantell Sans Bold';
font-style: normal;
font-weight: normal;
font-display: swap;
src: url(//www.smachos.ru/wp-content/themes/smachos/assets/fonts/ShantellSans-Bold.woff) format('woff');
}
@font-face {
font-family: 'TT_Commons';
font-style: normal;
font-weight: normal;
font-display: swap;
src: url(//www.smachos.ru/wp-content/themes/smachos/assets/fonts/TT-Commons-DemiBold.woff) format('woff');
}
@font-face {
font-family: 'PTSans';
font-style: normal;
font-weight: normal;
font-display: swap;
src: url(//www.smachos.ru/wp-content/themes/smachos/assets/fonts/PTSans-Regular.woff) format('woff');
}
*,
::before,
::after {
box-sizing: border-box;
margin: 0;
padding: 0;
outline: none;
}
* {
-webkit-tap-highlight-color: transparent;
font-family: "TT_Commons", sans-serif;
}
html {
-webkit-text-size-adjust: 100%; text-size-adjust: 100%;
}
h2 {
font-family: 'Neutral Face';
font-weight: 300;
}
img {
display: block;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
ul {
list-style: none;
}
body * {
font-size: inherit;
font-style: inherit;
line-height: inherit;
text-align: inherit;
color: inherit;
font-weight: 300;
text-transform: none;
}
body {
font-family: Arial, sans-serif;
overflow-x: hidden;
background-color: #fff;
}
a {
text-decoration: none;
}
button {
border: none;
outline: none;
}
.container {
max-width: 1200px;
width: 100%;
margin: 0 auto;
height: 100%;
padding: 0 20px;
}
.main {
width: 100%;
height: 100%;
background-image: url(https://www.smachos.ru/wp-content/themes/smachos/assets/img/bg.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding-top: 128px;
position: relative; overflow: hidden;
margin-top: -100px;
}
.title {
font-family: 'TT_Commons';
font-size: 40px;
font-weight: 600;
line-height: 47.8px;
text-align: left;
color: #fff;
text-transform: uppercase;
margin-bottom: 40px;
margin-top: 60px;
position: relative;
z-index: 1;
}
.content {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
}
.product__btn {
text-wrap: nowrap;
font-size: 20px;
font-weight: 600;
line-height: 23.9px;
text-align: left;
color: #1E1E1E;
background-color: transparent;
padding: 13px 45px;
position: relative;
z-index: 1;
font-family: 'TT_Commons';
cursor: pointer;
text-transform: uppercase;
margin-top: 10px;
border: none;
}
.product__btn::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: rotate(-2deg);
border-radius: 8px;
transform-origin: center;
z-index: -1;
}
.product__btn::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: rotate(-2deg);
border-radius: 8px;
transform-origin: center;
z-index: -1;
opacity: 0;
transition: all 1s ease;
}
.btn__pink::before {
background-color: #FF58D2 !important;
}
.btn__green::before {
background-color: #57D371 !important;
}
.btn__blue::before {
background-color: #77AAFF !important;
}
.btn__red::before {
background-color: #F7315B !important;
}
.btn__indigo::before {
background-color: #AF99FF !important;
}
.btn__sky::before {
background-color: #63C8FA !important;
}
.btn__fiol::before {
background-color: #D55DFF !important;
}
.btn__koral::before {
background-color: #FF4C34 !important;
}
.btn__orange::before {
background-color: #FF6666 !important;
}
.btn__yellow::before {
background-color: #F7F830 !important;
}
.btn__smachlet::before {
background-color: #64D7BD !important;
}
.header__desktop {
position: relative;
display: flex;
justify-content: center;
}
.header__menu {
position: absolute;
top: 20px;
right: 0;
z-index: 2;
width: 100%;
}
.header__menu__pages {
position: relative;
top: 0;
}
.header__menu__main {
left: 25%;
width: 20%;
}
.header__menu ul {
display: flex;
text-decoration: none;
gap: 25px;
}
.header__top__logo {
margin: 0 auto;
}
.header__top__logo__pages {
margin: 0;
}
.header__logo {
position: absolute;
width: 20%;
top: 50px;
left: 230px;
z-index: 3;
transform: translateX(-55%);
}
.header__logo img {
width: 100%;
}
.header__menu__burgerBtn {
cursor: pointer;
background: transparent;
} .header__top__burger__menu {
position: absolute;
padding: 35px 100px;
max-width: 1318px;
width: 100%;
z-index: 11;
transform: translateY(-100%);
transition: all 0.3s;
border-radius: 0 0 20px 20px;
box-shadow: 0px 366px 103px 0px #0000, 0px 15px 32px 0px #0000000D, 0px 59px 59px 0px #0000000A, 0px 132px 79px 0px #00000008, 0px 234px 94px 0px #00000003;
backdrop-filter: blur(26.100000381469727px);
}
.header__top__logo__link {
position: relative;
z-index: 2;
width: 108px;
height: 74px;
display: block;
}
.header__top__logo__link img {
width: 100%;
height: 100%;
}
.header_mobile_vk img {
width: 52px;
height: 52px;
margin: 0 auto;
margin-bottom: 45px;
}
.header__top__burger__menu.active {
transform: translateY(0);
position: fixed;
z-index: 11;
}
.home_burger {
padding-inline: 49px;
padding-top: 17px;
padding-bottom: 16px;
width: fit-content;
}
.home_burger.black {
backdrop-filter: none;
background-color: #151515;
}
.burger__menu__list {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
height: 100%;
}
.home_burger .burger__menu__list {
justify-content: center;
}
.home_burger .burger__menu__item,
.home_burger .burger__menu__item__right {
width: fit-content;
}
.burger__menu__item {
max-width: 700px;
width: 100%;
display: flex;
align-items: center; gap: 25px;
cursor: pointer;
transition: all 0.5s;
}
.berger__menu__link {
font-size: 18px;
font-weight: 500;
line-height: 21.51px;
color: #FFFFFF;
cursor: pointer;
position: relative;
}
.berger__menu__link.active::after {
position: absolute;
content: '';
bottom: -4px;
left: 4px;
width: 90%;
height: 2px;
border-radius: 3px;
background-color: #fff;
}
.burger__menu__item__btn img,
.header_mobile_btn img {
width: 34px;
height: 34px;
background-color: #151515;
cursor: pointer;
}
.burger__menu__item__right {
display: flex;
align-items: center;
gap: 20px;
height: 36px;
}
.burger__menu__item__logo {
width: 88px;
height: 54px;
scale: 0;
transition: 0.45s ease all;
}
.burger__menu__item__logo.inner {
scale: 1;
width: 88px;
height: 54px;
}
.burger__menu__item__logo.open {
scale: 1;
transition: 0.45s ease all;
}
.header__top__burger__menu:not(.home_burger) {
background-color: #151515;
box-shadow: 0px 6px 7.1px 0px #00000099;
padding-inline: 49px;
padding-top: 17px;
padding-bottom: 16px;
width: fit-content;
}
.header__top__burger__menu:not(.home_burger) .burger__menu__list {
justify-content: center;
gap: 25px;
}
.header__top__burger__menu:not(.home_burger) .burger__menu__list .burger__menu__item,
.header__top__burger__menu:not(.home_burger) .burger__menu__list .burger__menu__item__right {
width: fit-content;
}
.burger__menu__item__logo img {
width: 100%;
height: 100%;
}
.header_mobile {  padding: 10px;
position: absolute;
background-color: #151515;
width: 100%;
transform: translateY(-100%);
transition: all 0.3s;
border-radius: 0 0 20px 20px;
margin: 0 auto;
z-index: 11;
}
.header_mobile.active {
opacity: 1;
visibility: visible;
transition: all 0.3s;
transform: translateY(0);
position: fixed;
z-index: 11;
}
.header_mobile_top {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 95px;
}
.header_mobile_inner {
color: #FFFFFF;
display: flex;
flex-direction: column;
align-items: center;
gap: 25px;
margin-bottom: 95px;
font-size: 28px;
font-weight: 600;
line-height: 33.46px;
text-align: center;
}
.header_mobile_vk {
display: flex;
justify-content: center;
}
.mobile-header-logo {
width: 92px;
height: 63px;
}
.mobile-header-logo img {
width: 100%;
height: 100%;
}
.slider-container {
display: flex;
justify-content: center;
position: relative;
width: 100%;
}
.slider-wrapper {
display: flex;
width: 100%;
position: relative;
}
.swiper-container {
overflow: hidden;
width: 50%;
height: 860px;
height: 96vh;
}
.swiper-wrapper {
display: flex;
flex-direction: column;
} .swiper-slide {
display: flex;
justify-content: center;
align-items: center;
font-size: 24px;
background: #eee;
height: 100% !important;
position: relative;
background-size: cover; background-position: center;
background-repeat: no-repeat;
}
.swiper__img__bg {
width: 100%;
object-fit: cover;
height: -webkit-fill-available;
}
.swiper__img__nagets {
position: absolute;
top: 150px;
left: 13%;
width: 100%;
height: 90%;
z-index: 1;
}
.swiper__img__perec {
position: absolute;
top: 150px;
left: 16%;
width: 270px;
height: 150px;
}
.swiper__img__goroh {
position: absolute;
bottom: 320px;
left: -63px;
width: 300px;
height: 230px;
}
.swiper__img__sous {
position: absolute;
bottom: 3px;
left: -2%;
width: 418px;
height: 34%;
}
.slider-control {
position: absolute;
top: 55%;
left: 50%;
transform: translate3d(-50%, -55%, 0) rotate(90deg);
z-index: 10;
}
#slider {
appearance: none;
width: 300px;
height: 8px;
background: linear-gradient(to right, transparent 0%, #ddd 50%, transparent 100%);
outline: none;
border-radius: 5px;
transition: background 0.3s;
}
#slider::-webkit-slider-thumb {
appearance: none;
width: 75px;
height: 11px;
background: #fff;
cursor: pointer;
border-radius: 5px;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
transition: background 0.3s;
}
.swiper-slide__inner {
position: absolute;
bottom: 40px;
left: 60px;
}
.swiper-slide__title {
font-family: 'TT_Commons';
font-size: 43px;
font-weight: 600;
line-height: 51.39px;
color: #fff;
text-transform: uppercase;
}
.swiper-slide__text {
font-family: 'TT_Commons';
font-size: 36px;
font-weight: 600;
line-height: 39.6px;
text-align: left;
color: #fff;
}
.swiper-slide__img-right {
width: 100%;
object-fit: cover;
height: -webkit-fill-available;
height: -moz-available;
}
.container__decktop {
width: 100%;
background: url(https://www.smachos.ru/wp-content/themes/smachos/assets/img/bg.png);
position: relative;
display: flex;
flex-direction: column;
align-items: center;
padding-top: 100px;
overflow: hidden;
}
.bg__img1 {
position: absolute;
top: 130px;
left: 0;
}
.bg__img2 {
position: absolute;
top: 130px;
right: 0;
}
.bg__img2_mini {
display: none;
}
.bg__img3 {
position: absolute;
bottom: 400px;
left: 0;
}
.brend {
width: 100%;
margin-left: 15%;
display: flex;
flex-direction: column;
}
.brend__title {
font-family: 'SFProText', sans-serif;
font-size: 40px;
font-weight: 700;
color: #fff;
margin-bottom: 90px;
text-transform: uppercase;
}
.brend__content__item {
display: flex;
margin-bottom: 300px;
}
.brend__content__box__left,
.brend__content__box__right {
position: relative;
z-index: 10;
width: 100%;
padding-left: 20px;
}
.brand__inner .brend__content__box__left,
.brand__inner .brend__content__box__right {
padding-left: 0px;
}
.brend__img__pink,
.brend__img__red {
position: absolute;
top: -135px;
left: -120px;
z-index: -1;
}
.brend__content__box__left__box {
position: absolute;
top: -135px;
left: -120px;
z-index: -1;
}
.brend__img__ramka {
position: absolute;
width: 100%;
top: -31px;
left: -40px;
z-index: -2;
}
.brend__content__title {
font-size: 32px;
font-weight: 600;
color: #fff;
margin-bottom: 10px;
text-transform: none;
white-space: nowrap;
}
.brend__content__text {
font-size: 20px;
font-weight: 600;
color: #fff;
max-width: 435px;
text-transform: none;
}
.brend__content__compani__text {
font-size: 20px;
font-weight: 400;
color: #fff;
margin-bottom: 23px;
width: 440px;
}
.brend__content__compani__link,
.production__btn {
font-size: 20px;
font-weight: 300;
color: #6BD9C0;
padding: 10px 20px;
border: 1px solid #6BD9C0;
border-radius: 10px;
transition: all 0.45s;
}
.brend__content__compani__link:hover,
.production__btn:hover {
border: 1px solid transparent;
border-top: 1px solid #6BD9C0;
}
.brend__bottom {
position: relative;
text-align: start;
}
.brend__bottom__text {
font-family: 'TT_Commons';
font-size: 28px;
font-weight: 600;
line-height: 28px;
text-align: left;
color: #FFFFFF;
padding-left: 100px;
}
.brend__bottom__img {
position: absolute;
top: -188%;
left: -10%;
}
.brend__bottom__img2 {
position: absolute;
top: -40px;
left: -3%; }
.brend__bottom__img3 {
position: absolute;
top: -9px;
right: 32%;
}
.footer {
padding: 0 30px 50px;
width: 100%;
height: 100%;
background-image: url(https://www.smachos.ru/wp-content/themes/smachos/assets/img/bg.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.footer__top {
margin: 0 auto;
background-color: #10A784;
max-width: 1680px;
border-radius: 10px;
}
.footer__container {
margin: 0 auto;
}
.footer__top__inner {
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-around;
}
.footer__top__logo__box {
display: flex;
align-items: center;
margin-top: 54px;
margin-bottom: 37px;
}
.footer__top__logo.brand {
width: 242px;
height: 166px;
}
@media screen and (max-width: 500px) {
.footer__top__logo.brand {
width: 118px;
height: 80px;
}
.footer__top__logo:not(.brand) {
width: 171px;
height: 35px;
}
}
.footer__top__info {
display: flex;
flex-direction: column-reverse;
align-items: end;
gap: 17px;
}
.footer__top__info__box {
display: flex;
flex-direction: column;
gap: 8px;
}
.footer__top__info__tel,
.footer__top__info__mail,
.footer__bottom__text {
font-family: 'TT_Commons';
font-size: 20px;
font-weight: 600;
line-height: 23.9px;
text-align: left;
color: #fff;
}
.footer__bottom {
max-width: 1200px;
margin: 0 auto;
margin-top: 23px;
}
.footer__bottom__box {
display: flex;
justify-content: space-between;
} .footer__bottom__text {
font-weight: 300;
text-align: center;
} .footer__top__logo img {
width: 100%;
}
.production {
width: 100%;
margin: 200px auto;
}
.production__title {
margin-left: 10%;
font-family: 'SFProText', sans-serif;
font-size: 40px;
font-weight: 700;
color: #fff;
margin-bottom: 16px;
text-transform: uppercase;
}
.production__text {
font-family: 'SFProText', sans-serif;
font-size: 30px;
font-weight: 700;
color: #fff;
margin-bottom: 70px;
margin-left: 10%;
position: relative;
z-index: 1;
width: 100%;
}
.production__text span {
font-family: 'SFProText', sans-serif;
font-size: 30px;
font-weight: 700;
position: relative;
display: inline-block;
width: 200px;
}
.production__textBox img {
position: absolute; width: 260px;
height: 50px;
top: -4px; right: -50px;
z-index: -1;
object-fit: fill;
}
@media screen and (max-width: 850px) {
.production__textBox img {
width: 180px;
right: -43px;
}
}
.production__box {
display: flex;
gap: 25px;
margin: 0 50px;
position: relative;
z-index: 1;
}
.production__item {
width: 100%;
position: relative;
}
.production__item__img {
width: 100%;
object-fit: cover;
}
.production__item p,
.production__imgLeft p,
.production__imgRight p {
font-size: 30px;
line-height: 100%;
letter-spacing: 0%;
text-transform: uppercase;
color: #fff;
position: absolute;
bottom: 36px;
left: 32px;
}
.production__link {
width: 140px;
display: block;
margin: 0 auto;
margin-top: 37px;
text-align: center;
}
@media screen and (max-width: 850px) {
.production__item p,
.production__imgLeft p,
.production__imgRight p {
font-size: 22px;
bottom: 32px;
left: 23px;
}
}
@media screen and (max-width: 640px) {
.production__item p,
.production__imgLeft p,
.production__imgRight p {
font-size: 16px;
bottom: 22px;
left: 18px;
}
}
@media screen and (max-width: 450px) {
.production__item p,
.production__imgLeft p,
.production__imgRight p {
font-size: 14px;
bottom: 20px;
left: 16px;
}
} .header {
background: #151515;
height: 100px;
display: flex;
justify-content: center;
}
.header__top {
height: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.header__top__box {
display: flex;
gap: 25px;
}
.breadcrumbs {
margin-bottom: 70px;
}
.breadcrumbs a {
font-family: 'PTSans';
font-size: 14px;
font-weight: 400;
line-height: 18.12px;
text-align: left;
color: #fff;
}
.breadcrumbs span {
color: #fff;
margin: 0 10px;
}
.brand__inner {
margin-left: 0;
}
.brand__inner__img1,
.brand__inner__img2 {
position: absolute;
}
.brand__inner__img1 {
top: 300px;
right: 0;
}
.brand__inner__img2 {
bottom: 700px;
left: 0;
}
.brand__inner {
justify-content: space-between;
}
.brand__inner__box {
justify-content: space-between;
}
.brand__inner__item {
width: 34%;
}
.partners {
margin-bottom: 150px;
margin-top: -150px;
}
.partners_title {
font-weight: 600;
font-size: 40px;
line-height: 100%;
color: #fff;
text-transform: uppercase;
margin-bottom: 30px;
}
.partners__top {
padding: 20px 70px;
border: 1px solid #FFFFFF;
border-radius: 11px;
} .partners__list {
display: flex;
flex-wrap: wrap;
align-items: center; justify-content: space-evenly;
gap: 40px 80px;
}
.partners__item p,
.partners__item a {
font-weight: 600;
font-size: 40px;
line-height: 47.8px;
letter-spacing: 0%;
text-align: center;
color: #fff;
text-transform: uppercase;
flex-shrink: 0;
}
.partners__bottom {
margin-top: 50px;
display: flex;
justify-content: space-around;
align-items: start;
gap: 20px;
}
.partners__bottom__text {
font-size: 16px;
font-weight: 600;
line-height: 19.12px;
text-align: left;
color: #fff;
max-width: 440px;
}
.partners__item {
transition: all 1s;  text-align: center;
width: fit-content;
height: auto;
}
.magnit a div {
background: url(https://www.smachos.ru/wp-content/themes/smachos/assets/img/magnit_white.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 100%;
height: 100%;
transition: all 0.8s;
}
.magnit:hover a div {
background: url(https://www.smachos.ru/wp-content/themes/smachos/assets/img/magnit.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.magnit:hover {
background-color: #fff;
border-radius: 11px;
padding: 5px 10px;
width: 190px;
}
.x5group a div {
background: url(https://www.smachos.ru/wp-content/themes/smachos/assets/img/x5group_white.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 100%;
height: 100%;
transition: all 0.5s;
}
.x5group:hover a div {
background: url(https://www.smachos.ru/wp-content/themes/smachos/assets/img/x5group.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.x5group:hover {
background-color: #fff;
border-radius: 11px;
padding: 5px 10px;
width: 190px;
}
.ashan a div {
background: url(https://www.smachos.ru/wp-content/themes/smachos/assets/img/ashan_white.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 100%;
height: 100%;
transition: all 0.5s;
}
.ashan:hover a div {
background: url(https://www.smachos.ru/wp-content/themes/smachos/assets/img/ashan.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.ashan:hover {
background-color: #fff;
border-radius: 11px;
padding: 5px 10px;
width: 190px;
}
.lenta a div {
background: url(https://www.smachos.ru/wp-content/themes/smachos/assets/img/lenta_white.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 100%;
height: 100%;
transition: all 0.5s;
}
.lenta:hover a div {
background: url(https://www.smachos.ru/wp-content/themes/smachos/assets/img/lenta.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.lenta:hover {
background-color: #fff;
border-radius: 11px;
padding: 5px 10px;
width: 190px;
}
.metro a div {
background: url(https://www.smachos.ru/wp-content/themes/smachos/assets/img/metro_white.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 100%;
height: 100%;
transition: all 0.5s;
}
.metro:hover a div {
background: url(https://www.smachos.ru/wp-content/themes/smachos/assets/img/metro.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.metro:hover {
background-color: #fff;
border-radius: 11px;
padding: 5px 10px;
width: 190px;
}
.okey a div {
background: url(https://www.smachos.ru/wp-content/themes/smachos/assets/img/okey_white.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 100%;
height: 100%;
transition: all 0.5s;
}
.okey:hover a div {
background: url(https://www.smachos.ru/wp-content/themes/smachos/assets/img/okey.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.okey:hover {
background-color: #fff;
border-radius: 11px;
padding: 5px 10px;
width: 190px;
}  .production__image__box {
display: flex;
justify-content: center;
gap: 25px;
margin: 0 20px;
margin-bottom: 100px;
}
.production__imgLeft,
.production__imgRight {
border-radius: 10px;
max-width: 650px;
position: relative;
}
.production__imgLeft__img,
.production__imgRight__img {
width: 100%;
}
.production__item__box {
display: flex;
flex-wrap: wrap;
margin-bottom: 130px;
position: relative;
z-index: 2;
justify-content: flex-start;
gap: 20px;
}
.production__item__box__inner {
width: calc(33% - 20px);
display: flex;
flex-direction: column;
align-items: center;
transition: all 1s ease;
position: relative;
}
.production__item__box__inner::after {
content: '';
position: absolute;
top: 40%;
left: 50%;
width: 280px;
height: 280px;
border-radius: 50%;
transform: translate(-50%, -50%);
z-index: -1;
opacity: 0;
transition: opacity 0.3s ease, box-shadow 0.3s ease;
background-color: var(--glow-background, rgba(97, 195, 244, 0.7));
box-shadow:
0 0 30px 30px var(--glow-color-light, rgba(97, 195, 244, 0.2)),
0 0 60px 60px var(--glow-color-faint, rgba(97, 195, 244, 0.1));
}
.production__item__box__inner:hover::after {
opacity: 1;
}
.production__item__box__img {
width: 350px;
height: 370px;
}
#popularResultsContainer .production__item__box__img img {
width: 100%;
height: 100%;
object-fit: fill;
}
.production__item__box__inner img {
width: 100%;
object-fit: cover;
transition: all 1s ease;
}
.production__item__box__inner:hover img:not(.spiciness-level img) {
transform: scale(1.1) rotate(10deg) translateY(-20px);
}
.production__item__box__inner:hover .production__item__inner__btn::after {
opacity: 1;
transition: all 0.5s ease;
background: linear-gradient(95.17deg, rgba(255, 255, 255, 0.1456) 2.59%, rgba(255, 255, 255, 0.5915) 49.56%, rgba(255, 255, 255, 0.1547) 99.43%);
}
.production__item__center {
position: relative;
}
.production__imgBg__left {
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.production__imgBg__right {
position: absolute;
bottom: 300px;
right: 0;
z-index: 1;
}  .snecks__title {
font-family: 'TT_Commons';
font-size: 30px;
font-weight: 600;
line-height: 40.63px;
text-align: left;
color: #fff;
position: relative;
left: 30px;
margin-bottom: 50px;
text-transform: uppercase;
max-width: 300px;
}
.snecks__title::after {
content: "";
background-image: url(https://www.smachos.ru/wp-content/themes/smachos/assets/img/snecks/Vector.svg);
background-size: 450px;
background-size: contain;
background-repeat: no-repeat;
display: inline-block;
width: 380px;
height: 150px;
position: absolute;
top: -27px;
top: -17px;
left: -70px;
}
.valenMeet__title::after {
left: -80px;
}
.chips__title::after {
left: -80px;
}
.dgerci__title::after {
content: "";
background-image: url(https://www.smachos.ru/wp-content/themes/smachos/assets/img/snecks/dgerci_bg.png);
background-size: 210px;
background-repeat: no-repeat;
display: inline-block;
width: 220px;
height: 100px;
position: absolute;
top: -17px;
left: -33px;
}
.product {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
transition: transform 0.3s ease;
}
.snacks__bg__left {
position: absolute;
top: 430px;
left: 0;
}
.snacks__bg__left__down {
position: absolute;
bottom: 900px;
left: 0;
}
.snacks__bg__right {
position: absolute;
top: -40px;
right: 0;
}
.snacks__bg__right__down {
position: absolute;
bottom: 1500px;
right: 0;
}  .product__bg__right {
position: absolute;
bottom: -720px;
right: 50px;
}
.product__bg__left {
position: absolute;
bottom: -480px;
left: 0;
}
.slider__product {
padding: 0 20px;
margin-top: 50px;
}
#slider2 {
max-width: 1686px;
margin: 0 auto;
width: 100%;
height: auto;
background-color: #FF38C9;
border-radius: 10px;
position: relative;
display: flex;
align-items: center;
padding: 20px;
padding-bottom: 42px;
color: #fff;
z-index: 9;
overflow: hidden;
box-shadow: -2px 4px 13px 0px #590141A8 inset;
}
#slider2 .swiper-wrapper {
display: flex;
flex-direction: row;
}
#slider2 .swiper-slide {
background-color: transparent;
display: flex;
justify-content: center;
align-items: center; gap: 200px;
}
#slider2 .content {
background-color: transparent;
flex: 1;
max-width: 428px;
align-items: start;
height: 430px;
z-index: 1;
}
#slider2 .content h1,
.swiper-slide_mobileTitle {
font-family: 'TT_Commons';
font-size: 40px;
font-weight: 600;
line-height: 47.8px;
text-align: left;
color: #FFFFFF;
max-width: 426px;
margin-bottom: 25px;
}
.swiper-slide_mobileTitle {
display: none;
}
#slider2 .button__box {
display: flex;
gap: 10px;
margin-bottom: 15px;
z-index: 10;
margin-bottom: 25px;
}
#slider2 .button__box button {
font-family: 'TT_Commons';
font-size: 20px;
font-weight: 600;
line-height: 23.9px;
text-align: center;
padding: 10px 30px;
border: 1px solid #FFFFFF;
background-color: #FF38C9;
color: FFFFFF;
cursor: pointer;
border-radius: 10px;
}
#slider2 .button__box button.active {
color: #1D1D1D;
background-color: #FFFFFF;
}
.product-description__text,
.product-description__text p,
.product-description__text span {
font-family: 'PTSans';
font-size: 15px;
font-weight: 400;
line-height: 20px;
text-align: left;
color: #FFFFFF;
margin-bottom: 8px;
}
.opisanie p,
.opisanie span {
font-size: 18px;
}
.fasovka {
margin-top: 40px;
}
#slider2 .product-image {
max-width: 380px;
flex: 1;
}
.product-image {
position: relative;
}
.product-image_productImg {
background-repeat: no-repeat;
width: auto !important;
height: 535px;
position: relative;
z-index: 1;
object-fit: cover;
transform: rotate(15deg);
}
.product-image_elipse {
position: absolute;
right: -35%;
}
.slider__product__nav {
position: relative;
bottom: -176px;
right: 20%;
height: 30px;
display: flex;
flex-direction: column;
}
#slider2 .slider__product__pagination {
display: flex;
flex-direction: row;
justify-content: space-between;
z-index: 1;
width: 132px;
position: absolute;
bottom: 20px;
left: 50%;
}
.slider__product__pagination .swiper-pagination-bullet {
width: 25px;
height: 10px;
background: #FFFFFF;
border-radius: 3px;
}
.slider__product__pagination .swiper-pagination-bullet-active {
background: #FFFFFF;
opacity: 0.5;
width: 25px;
height: 10px;
}
.slider__product__nav__buttonBox {
display: flex;
justify-content: space-between;
z-index: 999;
width: 132px;
}
.slider__product__button__next {
width: 40px;
height: 40px;
background: url(https://www.smachos.ru/wp-content/themes/smachos/assets/img/product/next.svg) no-repeat;
cursor: pointer;
}
.slider__product__button__prev {
width: 40px;
height: 40px;
background: url(https://www.smachos.ru/wp-content/themes/smachos/assets/img/product/prev.svg) no-repeat;
cursor: pointer;
}
.product__bg__right_peper_1 {
position: absolute;
top: -60px;
right: 60px;
z-index: 1;
}
.production__item__bottom {
margin-bottom: 130px;
margin-top: 120px;
}
.production__item__bottom__title {
font-family: 'TT_Commons';
font-size: 34px;
font-weight: 600;
line-height: 40.63px;
text-align: left;
color: #FFFFFF;
margin-bottom: 45px;
}
.production__item__bottom__box {
display: flex;
justify-content: start;
align-items: center;
gap: 30px;
}
.production__item__bottom__inner {
display: flex;
flex-direction: column;
align-items: center;
z-index: 1;
position: relative;
}
.production__item__bottom__inner::after {
content: '';
position: absolute;
top: 40%;
left: 50%;
width: 280px;
height: 280px;
border-radius: 50%;
transform: translate(-50%, -50%);
z-index: -1;
opacity: 0;
transition: opacity 0.3s ease, box-shadow 0.3s ease;
background-color: var(--glow-background, rgba(97, 195, 244, 0.7));
box-shadow: 0 0 30px 30px var(--glow-color-light, rgba(97, 195, 244, 0.2)), 0 0 60px 60px var(--glow-color-faint, rgba(97, 195, 244, 0.1));
}
.production__item__bottom__inner:hover::after {
opacity: 1;
}
.production__item__bottom__inner img {
width: 348px;
height: 369px;
}
.production__item__bottom__link {
font-family: 'TT_Commons';
padding: 15px 45px;
font-size: 20px;
font-weight: 600;
line-height: 23.9px;
color: #1E1E1E;
position: relative;
top: -10%;
text-align: center;
width: 80%;
border-radius: 9px;
transform: rotate(-3deg);
}
.production__item__bottom__link.pink {
background-color: #FF58D2;
}
.production__item__bottom__link.green {
background-color: #57D371;
}  .main-contacts_title {
text-align: center;
}
.contacts__bg__left {
position: absolute;
bottom: 750px;
left: 0;
}
.contacts__bg__right {
position: absolute;
top: 80px;
right: 0;
}
.contacts__partners__inner {
display: flex;
justify-content: space-evenly;
align-items: center;
margin: 90px auto 85px;
}
.contacts__partners__item p {
font-family: 'TT_Commons';
font-size: 26px;
font-weight: 600;
line-height: 31.07px;
text-align: center;
color: #FFFFFF;
cursor: pointer;
}
.contacts__partners__item.active p {
position: relative;
}
.contacts__partners__item img {
display: none;
}
.contacts__partners__item.active .ramka_shop {
display: block;
position: absolute;
top: -35px;
right: -26px;
}
.contacts__partners__item.active .ramka_seti {
display: block;
position: absolute;
top: -35px;
right: 10px;
}
.contacts__partners__box {
padding: 60px 140px;
border: 1px solid #FFFFFF;
border-radius: 11px;
margin-bottom: 87px;
} .contacts__partners__box__list {
display: flex;
flex-wrap: wrap;
align-items: center; justify-content: space-evenly;
gap: 40px 80px;
}
.contacts__partners__box#seti .contacts__partners__box__list {
gap: 50px 130px;
}
.contacts__partners__box__list li { width: fit-content;
display: flex; justify-content: center;
}
.contacts__partners__box__list li a,
.contacts__partners__box__list li p {
font-weight: 600;
font-size: 40px;
line-height: 47.8px;
letter-spacing: 0%;
text-align: center;
color: #fff;
text-transform: uppercase;
flex-shrink: 0;
}
@media screen and (max-width: 600px) {
.contacts__partners__box__list li a,
.contacts__partners__box__list li p {
font-size: 24px;
}
}
@media screen and (max-width: 450px) {
.contacts__partners__box__list li a,
.contacts__partners__box__list li p {
font-size: 20px;
}
} .contacts__partners__box__list li img {
width: 260px;
height: 40px;
}
.contacts__map {
padding-bottom: 150px;
box-shadow: 0px 5px 13.7px 0px rgba(0, 0, 0, 0.25);
border-radius: 11px;
}
.contacts__map img {
width: 100%;
border-radius: 11px;
}
.contacts__map_img_mob {
display: none;
}  .blog {
margin-bottom: 130px;
}
.blog__bg__right {
position: absolute;
right: 0;
top: 160px;
}
.blog__bg__left {
position: absolute;
left: 0;
top: 600px;
}
.blog__tabs__nav {
display: flex;
gap: 40px;
margin-bottom: 83px;
}
.tabs__link {
font-family: 'TT_Commons';
font-size: 20px;
font-weight: 600;
line-height: 23.9px;
text-align: center;
color: #6BD9C0;
border: 1px solid #6BD9C0;
padding: 10px 30px;
border-radius: 10px;
transition: all 0.45s;
}
.tabs__link:hover {
border: 1px solid transparent;
border-top: 1px solid #6BD9C0;
}
.tabs__link_active {
color: #1E1E1E;
background: #6BD9C0;
border: 1px solid #6BD9C0;
}
.tabs__pane.tabs__pane_show {
display: block;
}
.tabs__pane {
display: none;
}
.content__test_1 {
width: 500px;
height: 500px;
background-color: #57D371;
}
.content__test_2 {
width: 500px;
height: 500px;
background-color: #05a127;
}
.blog {
position: relative;
z-index: 1;
}
.blog__tabs__content {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
gap: 60px;
}
.blog__item {
width: calc(30% - 20px);
}
.blog__item__imgBox {
margin-bottom: 20px;
max-width: 332px;
max-height: 332px;
}
.blog__item__img {
width: 100%;
height: auto;
border-radius: 14px;
}
.blog__item__bottom {
padding: 10px;
text-align: left;
color: #FFFFFF;
}
.blog__item__title {
font-family: 'PTSans';
font-weight: 400;
font-size: 20px;
line-height: 25px;
padding-bottom: 10px;
border-bottom: 1px solid;
border-image-slice: 1;
border-image-source: linear-gradient(90deg, #6BD9C0 0.33%, #6BD9C0 49.5%, rgba(107, 217, 192, 0) 99.67%);
}
.blog__item__text {
font-family: 'PTSans';
max-width: 232px;
font-weight: 400;
font-size: 16px;
line-height: 20px;
margin: 7px 0px;
}
.blog__item__date {
font-family: 'PTSans';
font-weight: 400;
font-size: 12px;
line-height: 15px;
color: #6BD9C0;
}  .feedback__form__titleBox {
display: none;
}
.feedback__title {
font-family: 'TT_Commons';
font-size: 36px;
font-weight: 500;
line-height: 43.02px;
text-align: center;
color: #FFFFFF;
margin-bottom: 16px;
text-transform: uppercase;
}
.feedback__subtitle {
font-family: 'TT_Commons';
font-size: 24px;
font-weight: 500;
line-height: 23px;
text-align: center;
color: #FFFFFF;
margin: 0 auto;
margin-bottom: 46px;
max-width: 420px;
width: 100%;
text-transform: uppercase;
}
.feedback__form {
margin: 0 auto 30px;
background-color: #10A784;
padding: 55px 65px;
max-width: 800px;
border-radius: 17px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: start;
gap: 24px;
position: relative;
z-index: 1;
}
#accordion-1 {
display: none;
}
.feedback__form__accordion {
width: 100%;
}
.feedback__form__accordion-item {
background-color: #ffffff;
color: #21a57b;
border-radius: 17px;
position: relative;
}
.feedback__form__accordion-header {
font-family: 'TT_Commons';
font-weight: 500;
display: inline-block;
border-radius: 17px;
padding: 25px 35px;
font-size: 20px;
width: 100%;
cursor: pointer;
color: #1E1E1E;
}
.feedback__form__accordion-header::after {
content: "";
position: absolute;
top: 50%;
right: 15px;
width: 35px;
height: 15px;
background-image: url(https://www.smachos.ru/wp-content/themes/smachos/assets/img/feedback/arrow_down.svg);
background-repeat: no-repeat;
background-size: contain;
transform: translateY(-50%);
transition: transform 0.3s ease;
}
.accordion-checkbox:checked+.feedback__form__accordion-header::after {
transform: translateY(-50%) rotate(180deg);
}
.feedback__form__accordion-content input[type="radio"] {
display: none;
}
.feedback__form__accordion-content {
display: flex;
background-color: #f9f9f9;
flex-direction: column;
position: absolute;
top: 55px;
left: 0;
right: 0;
background-color: #f9f9f9;
max-height: 0;
overflow: hidden;
transition: max-height 0.6s ease, padding 0.6s ease;
padding: 0 15px;
z-index: 4;
}
.feedback__form__accordion-content label {
font-family: 'TT_Commons';
font-weight: 500;
color: #1E1E1E;
cursor: pointer;
font-size: 20px;
line-height: 23px;
padding: 15px 50px;
margin: 0;
border-bottom: 1px solid;
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, #10A784, transparent);
}
.feedback__form__accordion-content label:hover {
color: black;
}
.feedback__form__accordion-content label:last-child {
border-bottom: none;
}
.feedback__form__accordion-item.active .feedback__form__accordion-content {
background-color: #fff;
max-height: 350px;
min-height: 200px;
border-radius: 11px;
padding-bottom: 20px;
}
.feedback__form__accordion:not(.active) {
z-index: 1;
}
.feedback__form input,
.feedback__form textarea {
font-family: 'TT_Commons';
font-weight: 500;
color: #1E1E1E;
width: 100%;
border-radius: 17px;
padding: 25px 35px;
font-size: 20px;
border: none;
}
.feedback__form textarea {
resize: none;
height: 267px;
}
.feedback__form p {
font-family: 'PTSans';
font-size: 18px;
font-weight: 400;
line-height: 23.29px;
text-align: left;
color: #FFFFFF;
padding-left: 30px;
}
.feedback__politics {
display: flex;
justify-content: center;
align-items: center;
color: #ffffff;
position: relative;
font-family: 'TT_Commons';
font-size: 18px;
font-weight: 500;
line-height: 21.51px;
text-align: left;
}
.feedback__politics label {
cursor: pointer;
color: #ffffff;
display: flex;
align-items: center;
position: relative;
padding-left: 30px;
}
.feedback__politics input[type="checkbox"] {
display: none;
}
.feedback__politics label::before {
content: '';
display: inline-block;
width: 20px;
height: 20px;
margin-right: 10px;
background-color: #21a57b;
border-radius: 4px;
box-sizing: border-box;
position: absolute;
left: 0;
}
.feedback__politics input[type="checkbox"]:checked+label::before {
content: '✓';
color: #ffffff;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
left: 0;
width: 20px;
height: 20px;
}
.feedback__politics label {
display: flex;
flex-direction: column;
}
.feedback__politics a {
color: #21a57b;
text-decoration: none;
margin-right: 5px;
}
.feedback__politics a:hover {
text-decoration: underline;
}
.feedback__politics span {
display: block;
width: 100%;
}
.feedback__buttonBox {
display: flex;
justify-content: center;
margin: 40px 0 140px;
gap: 34px;
}
.feedback__btn__file {
font-family: 'TT_Commons';
font-size: 20px;
font-weight: 500;
line-height: 23.9px;
text-align: center;
color: #6BD9C0;
background: transparent;
padding: 10px 50px 10px 30px;
border: 1px solid #6BD9C0;
border-radius: 10px;
position: relative;
cursor: pointer;
transition: all 0.45s;
}
.feedback__btn__file:hover {
border: 1px solid transparent;
border-top: 1px solid #6BD9C0;
}
.feedback__btn__file::after {
content: '';
position: absolute;
right: 20px;
top: 30%;
width: 20px;
height: 20px;
background: url(https://www.smachos.ru/wp-content/themes/smachos/assets/img/feedback/screpka.svg) no-repeat;
}
.feedback__btn__send {
font-family: 'TT_Commons';
font-size: 20px;
font-weight: 500;
line-height: 23.9px;
text-align: center;
color: #FFFFFF;
padding: 10px 30px;
background-color: #10A784;
border-radius: 10px;
cursor: pointer;
transition: all 0.45s;
}
.feedback__btn__send:hover {
background-color: #1AD9AD;
color: #1E1E1E;
}
.feedback__bg__left {
position: absolute;
bottom: 640px;
left: 0;
}
.feedback__bg__right {
position: absolute;
top: 170px;
right: 0;
}  .serch__bg__left {
position: absolute;
bottom: 0;
left: 0;
}
.serch__bg__right {
position: absolute;
top: 160px;
right: 0;
}
.serch__input {
width: 100%;
max-width: 830px;
border: 1px solid #6BD9C0;
padding: 20px 30px;
border-radius: 10px;
font-size: 20px;
line-height: 23px;
}
.serch__input::placeholder {
font-size: 20px;
font-weight: 600;
line-height: 25.88px;
text-align: left;
color: #1E1E1E;
}
.serch__input__wrapper {
margin-top: 50px;
margin-bottom: 20px;
width: 100%;
max-width: 830px;
height: auto;
position: relative;
}
.serch__input__wrapper::after {
content: '';
position: absolute;
top: 30%;
right: 20px;
width: 25px;
height: 25px;
background: url(https://www.smachos.ru/wp-content/themes/smachos/assets/img/serch/serch.svg) no-repeat;
}
.serch__buttonBox {
display: flex;
align-items: center;
gap: 30px;
margin-bottom: 80px;
margin-top: 20px;
}
.serch__buttonBox .serch__btn {
font-family: 'TT_Commons';
font-size: 20px;
font-weight: 600;
color: #FFFFFF;
padding: 10px 25px;
cursor: pointer;
background: #10A784;
border-radius: 10px;
}
.serch__buttonBox .serch__product__btn,
.serch__buttonBox .serch__btn {
font-family: 'TT_Commons';
font-size: 20px;
font-weight: 600;
color: #6BD9C0;
cursor: pointer;
padding: 10px 25px;
border-radius: 10px;
background: transparent;
border: 1px solid #6BD9C0;
transition: all 0.45s;
}
.serch__buttonBox .serch__product__btn:hover,
.serch__buttonBox .serch__btn:hover {
border: 1px solid transparent;
border-top: 1px solid #6BD9C0;
}
.serch__buttonBox .serch__product__btn.active,
.serch__buttonBox .serch__btn.active {
border: 1px solid transparent;
background: #6BD9C0;
color: #1E1E1E;
}
.serch__buttonBox .serch__product__btn {
align-content
} font-weight: 600;
color: #6BD9C0;
cursor: pointer;
padding: 10px 25px; border-radius: 10px;
background: transparent;
border: 1px solid #6BD9C0;
transition: 0.3s ease all;
}
*/ font-size: 16px;
font-weight: 600;
color: #FFFFFF; padding: 10px;
cursor: pointer;
background: #10A784;
border-radius: 10px;
border-color: #10A784;
transition: 0.3s ease all;
}
*/ .serch__title {
font-family: 'TT_Commons';
font-size: 34px;
font-weight: 600;
line-height: 40.63px;
text-align: left;
color: #FFFFFF;
}
.swiper-container__serch {
width: 100%;
height: auto;
}
.swiper-wrapper.serch {
flex-direction: row;
padding: 40px;
}
.serch__slide__content {
background: transparent;
}
.slider__serch__nav {
position: relative;
width: 240px;
bottom: -30px;
right: -8%;
height: 30px;
display: flex;
flex-direction: column;
padding-bottom: 129px;
}
#slider3 .slider__product__pagination {
display: flex;
z-index: 999;
}
.slider__serch__pagination .swiper-pagination-bullet {
width: 25px;
height: 10px;
background: #FFFFFF;
border-radius: 3px;
}
.slider__serch__pagination .swiper-pagination-bullet-active {
background: #FFFFFF;
opacity: 0.5;
width: 25px;
height: 10px;
}
.slider__serch__nav__buttonBox {
display: flex;
justify-content: space-between;
z-index: 999;
gap: 5px;
}
.slider__serch__button__next {
width: 50px;
height: 40px;
background: url(https://www.smachos.ru/wp-content/themes/smachos/assets/img/product/next.svg) no-repeat;
cursor: pointer;
flex-shrink: 0;
}
.slider__serch__button__prev {
width: 50px;
height: 40px;
background: url(https://www.smachos.ru/wp-content/themes/smachos/assets/img/product/prev.svg) no-repeat;
cursor: pointer;
flex-shrink: 0;
}
.slider__serch__pagination {
display: flex;
margin-top: 4px;
gap: 8px;
margin-right: 6px;
}
.serch__item__box__inner {
display: flex;
flex-direction: column;
align-items: center;
}  .serch__result__inner {
height: auto;
margin-bottom: 280px;
}
section.serch p.search-inner-warning {
color: #fff;
}
.serch__result__box {
display: flex;
flex-wrap: wrap;
gap: 100px 20px;
}
.serch__result__item {
width: 350px;
height: 370px;
display: flex;
flex-direction: column;
align-items: center;
gap: 30px;
cursor: pointer;
}
.serch__result__img {
width: 100%;
height: auto;
}
.serch__result__btn {
font-family: 'TT_Commons';
font-size: 20px;
font-weight: 600;
line-height: 23.9px;
text-align: left;
color: #1E1E1E;
background-color: transparent;
padding: 13px 34px;
position: relative;
z-index: 1;
}
.serch__result__btn::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #F8442D;
transform: rotate(-2deg);
border-radius: 8px;
transform-origin: center;
z-index: -1;
}  .mistake__box {
margin-top: 200px;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 51px;
}
.mistake__box img {
width: 100%;
}
.mistake__box__text {
display: flex;
align-items: center;
flex-direction: column;
}
.mistake__text__big {
font-family: 'TT_Commons';
font-size: 35.26px;
font-weight: 600;
line-height: 42.14px;
text-align: left;
color: #FFFFFF;
margin-bottom: 12px;
}
.mistake__text__small {
font-family: 'TT_Commons';
font-size: 24.33px;
font-weight: 600;
line-height: 29.07px;
text-align: left;
color: #FFFFFF;
padding-bottom: 44px;
}
.mistake__btnBox {
display: flex;
margin: 0 auto;
width: 360px;
gap: 40px;
padding-bottom: 211px;
}
.mistake__link {
font-family: 'TT_Commons';
font-size: 20px;
font-weight: 600;
line-height: 23.9px;
text-align: left;
color: #6BD9C0;
border: 1px solid #6BD9C0;
padding: 10px 26px;
background: transparent;
border-radius: 10px;
} @media (max-width: 1550px) {
.bg__img3 {
bottom: 200px;
left: -46px;
transform: rotate(-35deg);
}
.brand__inner__box {
flex-direction: row;
justify-content: space-around;
gap: 20px;
margin-bottom: 290px;
flex-wrap: wrap;
}
.brend__bottom__img {
top: auto;
bottom: -310%;
left: -3%;
}
.slider__product__button__next {
right: 21.5%;
}
.slider__product__nav {
right: 20%;
}
.blog__bg__left {
top: unset;
bottom: 300px;
}
.swiper-slide__text {
font-size: 32px;
}
.snacks__bg__left__down {
bottom: 980px;
}
.contacts__bg__left {
bottom: 990px;
}
.contacts__bg__right {
right: -80px;
}
.contacts__bg__left img { display: none;
}
.contacts__bg__right img {
width: 60%;
}
.blog__bg__right {
top: 40px;
}
.brand__inner__img2 {
bottom: 840px;
}
}
@media (max-width: 1450px) {
.header__logo {
left: 160px;
}
}
@media (max-width: 1400px) {
.snacks__bg__left__down {
left: -35px;
}
.contacts__bg__right { display: none;
}
.serch__bg__left img {
width: 50%;
}
}
@media (max-width: 1300px) {
.brend__bottom__text {
font-size: 1.4em;
}
.brend__bottom__img {
height: 150px;
}
.brend__content__item.brand__inner__box {
justify-content: space-around;
gap: 20px;
margin-bottom: 260px;
align-items: flex-start;
flex-direction: row;
}
.partners {
margin-top: -150px;
}
.partners__top {
padding: 10px 30px;
}
.partners__list {
justify-content: space-around;
flex-wrap: wrap;
gap: 30px;
}
.partners__item {
width: 45% !important;
}
.magnit:hover,
.x5group:hover,
.ashan:hover,
.lenta:hover,
.metro:hover,
.okey:hover {
width: 20%;
}
.brand__inner__img2 {
bottom: 840px;
}
.brend__img__pink.brand__inner,
.brend__img__red.brand__inner {
width: 550px;
top: -90px;
position: absolute;
left: -120px;
z-index: -1;
}
.brend__content__compani__text.brand__inner { width: 100%;
}
.snecks__title::after { top: -17px;
left: -70px;
}
.dgerci__title::after {
background-size: 210px;
width: 220px;
}
.snecks__title {
font-size: 30px;
left: 70px;
}
.product-image_productImg {
height: 330px;
margin-top: 100px;
}
}
@media screen and (max-width: 600px) {
.partners__item p,
.partners__item a {
font-size: 24px;
}
}
@media (max-width: 1240px) {
.production__item__box__inner {
width: 32%;
}
.slider__product__nav {
right: 20%;
bottom: -220px;
}
.brend__content__item {
width: 100%;
display: flex;
margin-bottom: 250px;
flex-direction: column;
justify-content: space-between;
gap: 260px;
}
.bg__img3 {
bottom: 270px;
width: 18%;
}
.feedback__bg__left {
position: absolute;
bottom: 390px;
left: 0;
}
.serch__bg__left {
bottom: 93px;
left: -11px;
}
.serch__bg__left img {
width: 35%;
}
.brand__inner .brend__content__text {
font-size: 18px;
}
.brand__inner .brend__content__title {
font-size: 28px;
}
.header__logo {
left: 110px;
width: 16%;
}
}
@media (max-width: 1150px) {
.contacts__partners__box {
padding: 30px;
}
.contacts__partners__box__list {
gap: 30px;
}
}
@media (max-width: 1050px) {
.production__item__box__inner {
width: calc(50% - 20px);
}
.snacks__bg__left__down {
bottom: 850px;
left: -35px;
width: 17%;
}
.header__logo {
top: 20px;
left: 65px;
width: 10%;
}
}
@media (max-width: 1000px) {
.contacts__partners__box__list li img {
width: 90%;
}
.mistake__btnBox {
padding-bottom: 100px;
}
.mistake__box {
margin-top: 100px;
}
.swiper-container {
height: 60vh;
}
#slider::-webkit-slider-thumb {
width: 50px;
}
#slider {
width: 190px;
}
.blog__bg__right {
top: 0;
}
.blog__bg__right img {
width: 80%;
}
.swiper__img__nagets {
top: 70px;
left: 3%;
z-index: 1;
}
.swiper__img__perec {
top: 90px;
left: -15%;
width: 230px;
height: 100px;
transform: rotate(45deg);
}
.swiper__img__goroh {
bottom: -4px;
left: -109px;
width: 272px;
height: 149px;
transform: rotate(-13deg);
}
.swiper__img__sous {
bottom: 10%;
left: 80%;
width: 148px;
height: 34%;
}
.brend__img__pink.brand__inner,
.brend__img__red.brand__inner {
width: 490px;
top: -90px;
position: absolute;
left: -110px;
z-index: -1;
}
.brend__content__title {
font-size: 30px;
}
.brend__content__text {
font-size: 16px;
}
.brand__inner .brend__content__text {
font-size: 16px;
line-height: 1;
}
.brend__content__item.brand__inner__box {
width: 100%;
margin-bottom: 200px;
}
.brend__content__compani__text.brand__inner { width: 100%;
}
.production__imgBg__left {
top: -130px;
left: -130px;
}
#slider2 .swiper-slide {
gap: 0;
}
.contacts__map {
padding-bottom: 50px;
}
}
@media (max-width: 950px) {
.brend {
align-items: center;
margin-left: 9%;
}
.brend.brand__inner {
margin-left: 0;
}
.brend__title {
margin-left: -9%;
}
.footer__top__inner {
flex-direction: column;
}
.footer__top__info {
align-items: center;
}
.footer__top__info {
flex-direction: row;
margin-bottom: 20px;
}
.brand__inner__img2 {
bottom: 960px;
}
.bg__img2 {
display: none;
}
.content {
align-items: center;
}
.contacts__bg__left {
bottom: 910px;
}
.brend__content__item {
width: 55%;
}
.brend__bottom__text {
font-size: 22px;
padding-right: 30px;
padding-left: 0;
}
.brend__bottom__img2 {
left: -5%;
}
.brend__bottom__img3 { right: 0;
}
.brend__bottom__img {
bottom: -171%;
left: -25%;
}
.bg__img3 {
bottom: 400px;
left: 0;
}
.bg__img2_mini {
display: block;
position: absolute;
bottom: 1500px;
right: 0;
}
}
@media (max-width: 900px) {
.brend__img__pink.brand__inner,
.brend__img__red.brand__inner {
width: 440px;
top: -73px;
position: absolute;
left: -60px;
z-index: -1;
}
.brend__content__text {
font-size: 15px;
}
.brend__content__compani__text.brand__inner { width: 100%;
}
.production__imgBg__right {
bottom: 160px;
}
.header__top__burger__menu {
padding: 20px;
}
.brand__inner .brand__inner__item {
width: 40%;
}
}
@media (max-width: 850px) {
.berger__menu__link {
font-size: 14px;
}
.brend {
margin-left: 0;
}
.brend__title {
margin-left: 0;
}
.production__title {
margin-left: 0;
}
.production__text {
margin-left: 0;
}
.production__box {
flex-direction: column;
} .brend__bottom__img2 {
left: -3%;
}
.brend__bottom__img {
bottom: -185%;
left: -10%;
}
.production__item__box__inner {
width: 48%;
}
.swiper-wrapper.serch {
flex-direction: row;
padding: 20px;
}
.title {
font-size: 30px;
}
.blog__bg__left {
display: none;
}
.production__title {
font-size: 30px;
}
.production__text {
font-size: 20px;
margin-bottom: 50px;
}
.production__text span {
font-size: 20px;
}
.production {
width: 90%;
margin: 130px auto 90px;
}
.production__text span {
width: 130px;
}
.production__textBox img {
top: -10px;
}
.bg__img2_mini {
bottom: 1740px;
}
.bg__img1 {
top: auto;
left: 0;
bottom: 1730px;
width: 20%;
}
.snacks__bg__left__down {
bottom: 990px;
}
.snacks__bg__right__down {
bottom: 1630px;
right: 20px;
width: 26%;
}
}
@media (max-width: 800px) {
.header__menu__pages {
position: absolute;
top: 20px;
}
.header__top__logo__pages {
margin: 0 auto;
}
.brend__bottom__text {
font-size: 18px;
}
.brend__bottom__img {
bottom: -212.5%;
}
.slider-control {
transform: translate(-50%, -330%) rotate(0deg);
}
.slider-wrapper {
flex-direction: column;
}
.swiper-container {
width: 100%;
}
.swiper-wrapper {
flex-direction: row;
}
.slider-container { height: fit-content;
}
.header__menu__main {
width: 100%;
top: 10px;
left: 0;
}
.header__menu ul {
width: 100%;
justify-content: space-between;
padding: 20px 20px;
flex-direction: row-reverse;
}
.swiper__img__nagets {
position: absolute;
top: 16%;
left: 0;
width: 100%;
height: 100%;
}
.header__logo,
.header__top__logo__link { width: 92px;
height: 63px;
}
.swiper__img__perec {
top: 90px;
left: -15%;
width: 230px;
height: 100px;
transform: rotate(45deg);
}
.swiper__img__goroh {
bottom: -4px;
left: -109px;
width: 272px;
height: 149px;
transform: rotate(-13deg);
}
.swiper__img__sous {
bottom: 10%;
left: 80%;
width: 148px;
height: 34%;
}
.brend__content__item.brand__inner__box {
width: 80%;
margin-bottom: 223px;
flex-direction: column;
margin-left: 100px;
gap: 220px;
}
.brend__img__pink.brand__inner,
.brend__img__red.brand__inner {
width: 550px;
top: -98px;
left: -70px;
}
.brend__content__title {
font-size: 31px;
}
.brend__content__text {
font-size: 18px;
}
.brand__inner__item {
width: 80%;
}
.brand__inner .brand__inner__item {
width: 80%;
}
.brend__content__compani__text.brand__inner { width: 100%;
}
.production__imgBg__right {
bottom: -160px;
}
.header__top__burger__menu {
padding: 20px;
}
.blog__tabs__nav {
margin-bottom: 50px;
gap: 10px;
overflow-x: auto;
white-space: nowrap;
}
.feedback__form {
padding: 40px;
}
.feedback__bg__right,
.feedback__bg__left_new {
display: none;
}
.partners__item p,
.partners__item a {
font-size: 30px;
}
}
@media screen and (min-width: 800px) and (max-width: 1300px) {
.product-image_elipse {
right: -8%;
}
}
@media (max-width: 750px) {
.brend__img__pink,
.brend__img__red {
left: -110px;
top: -100px;
width: 580px;
}
.production__item__box__inner {
width: 45%;
}
.production__image__box {
flex-direction: column;
}
.production__item__bottom__inner {
width: 90%;
}
.production__item__bottom__inner img {
width: 100%;
height: 100%;
}
.production__item__bottom__link {
text-wrap: nowrap;
padding: 15px;
}
.product-image_elipse {
right: -30%;
}
.contacts__partners__box {
padding: 10px;
}
.tabs__link {
width: 60%;
}
.brand__inner__img1 {
width: 18%;
top: 1220px;
}
.brand__inner__img2 {
width: 21%;
bottom: 1760px;
}
.production__item__bottom__box {
position: relative;
z-index: 1;
flex-direction: column;
}
.contacts__bg__left {
bottom: 950px;
}
.contacts__bg__left {
bottom: 870px;
left: -30px;
}
.feedback__bg__left {
bottom: 420px;
transform: rotate(-50deg);
z-index: 0;
}
.footer__top__inner {
position: relative;
z-index: 1;
}
}
@media screen and (min-width: 701px) {
.header__menu__main,
button.burger__menu__item__btn,
.header__top {
display: none;
}
}
@media (max-width: 700px) {
.header__top__burger__menu.header__top__burger__menu__main.home_burger.active,
.header__top__burger__menu:not(.home_burger) {
display: none;
}
.production__item__box__inner {
width: calc(53% - 20px);
}
.footer__bottom__box {
gap: 10px;
}
.production__item__box {
justify-content: center;
align-items: center;
}
.bg__img1 {
bottom: 1630px
}
.bg__img2_mini {
bottom: 1660px;
}
.partners {
margin-bottom: 50px;
}
.partners__item {
width: 25%;
}
.production__imgBg__right {
bottom: -160px;
}
.snacks__bg__right {
top: -170px;
width: 30%;
}
.production__image__box {
margin-bottom: 160px;
}
.snacks__bg__left {
top: -300px;
z-index: 0;
width: 20%;
}
.production__image__box {
position: relative;
z-index: 1;
}
.snacks__bg__right__down {
bottom: 1510px;
}
#slider2 .content {
max-width: 220px;
}
#slider2 .product-image {
max-width: 320px;
margin-top: -100px;
}
.contacts__bg__left {
bottom: 810px;
}
.feedback__bg__left {
left: -70px;
}
.partners_title {
font-size: 30px;
}
}
@media (max-width: 680px) {
.slider__product__nav {
right: 30%;
}
.footer {
padding: 0;
width: calc(100% + 40px);
margin-left: -20px;
}
.blog__tabs__content {
justify-content: space-evenly;
}
.blog__item {
width: calc(45% - 20px);
}
.brend__content__text {
font-size: 18px;
}
}
@media (max-width: 650px) {
.brend__img__pink,
.brend__img__red {
left: -120px;
}
.brend__bottom__text {
font-size: 20px;
text-align: center;
padding-left: 0;
}
.brend__bottom__img {
bottom: -207%;
}
.bg__img1 {
bottom: 1580px
}
.bg__img2_mini {
bottom: 1590px;
}
.contacts__bg__left {
bottom: 760px;
}
.serch__bg__right {
top: 270px;
}
}
@media (max-width: 600px) {
.partners__bottom__text {
font-size: 14px;
}
.brend__img__pink,
.brend__img__red { top: -90px;
width: 555px;
}
.brend__content__compani__text {
width: 350px;
}
.footer__top__info__box {
display: flex;
flex-direction: column;
}
.footer__top__info {
gap: 80px;
}
.bg__img2_mini {
bottom: 1500px;
}
.brend__img__pink.brand__inner,
.brend__img__red.brand__inner {
left: -140px;
}
.brend__content__item.brand__inner__box {
width: 90%;
margin-left: 20px;
display: flex;
flex-direction: column;
align-items: center;
}
.brend__img__pink.brand__inner,
.brend__img__red.brand__inner {
left: -70px;
width: 490px;
top: -80px;
}
.brend__content__compani__text.brand__inner {  width: 100%;
}
.brand__inner__img2 {
bottom: 1650px;
}
.production__item__box {
flex-direction: column;
}
.snacks__bg__left__down {
bottom: 1520px;
left: -15px;
}
.snacks__bg__right__down {
bottom: 2610px;
} .header_mobile {
display: block;
}
.slider__product__nav {
right: 63%;
bottom: -90px;
}
.slider__product__nav__buttonBox {
display: none;
}
#slider2 .swiper-slide {
flex-direction: column-reverse;
margin: 0;
}
#slider2 .content {
max-width: 450px;
}
#slider2 .content h1 {
display: none;
}
.swiper-slide__content_box {
width: 100%;
display: flex;
align-items: center;
flex-direction: column;
}
.button__box {
display: flex;
flex-direction: column;
width: 80%;
}
.swiper-slide_mobileTitle {
display: block;
margin: 0;
}
.product-image_productImg { height: 250px;
}
.product-image_elipse {
right: -33%;
width: 400px;
top: 22px;
}
.production__item__bottom {
margin-top: 50px;
}
.production__item__bottom__title {
margin-bottom: 15px;
}
.production__item__bottom {
margin-bottom: 80px;
}
.blog__bg__right {
right: -170px;
}
.blog__bg__right img {
width: 50%;
}
.breadcrumbs {
margin: 0;
margin-bottom: 16px;
}
.feedback__title {
display: none;
}
.feedback__subtitle {
display: none;
}
.feedback {
margin-top: 50px;
}
.feedback__form__titleBox {
margin: 0 auto;
display: flex;
flex-direction: column;
justify-content: center;
gap: 10px;
}
.feedback__title_mobile {
font-family: "TT_Commons", sans-serif;
font-size: 28px;
font-weight: 600;
line-height: 33.46px;
text-align: center;
color: #fff;
}
.feedback__subtitle_mobile {
font-size: 20px;
font-weight: 600;
line-height: 23.9px;
text-align: center;
color: #fff;
}
.feedback__bg__left {
bottom: 400px;
transform: rotate(-20deg);
left: -90px;
}
.serch__bg__right {
top: 240px;
right: -100px;
}
.serch__result__box {
justify-content: center;
}
.serch__result__inner {
margin-bottom: 160px;
}
.berger__menu__link {
font-size: 14px;
}
.swiper-container {
height: 50vh;
}
.swiper-container.swiper-container__serch {
height: 75vh;
}
.slider-control {
transform: translate(-50%, -290%) rotate(0deg);
}
}
@media (max-width: 550px) {
.brend__bottom__text {
padding-left: 20px;
}
.brend__bottom__img2 {
left: 0%;
}
.footer__top__logo__box {
margin: 20px;
}
.bg__img1 {
bottom: 1410px;
width: 20%;
}
.bg__img3 {
bottom: 370px;
}
.bg__img2_mini {
bottom: 1050px;
height: 7%;
z-index: 1;
}
.contacts__bg__left {
bottom: 730px;
}
.contacts__bg__left img {
width: 50%;
}
.brend__img__pink,
.brend__img__red {
width: 550px;
}
.brend__content__item {
margin-bottom: 200px;
gap: 200px;
width: 70%;
}
}
@media(max-width: 530px) {
.brend__content__item {
width: 75%;
}
.brend__img__pink,
.brend__img__red {
width: 510px;
}
.brend__content__item {
margin-bottom: 170px;
gap: 170px;
}
.brend__img__pink,
.brend__img__red {
left: -70px;
}
.partners_title {
font-size: 20px;
padding-left: 65px;
}
}
@media(max-width: 750px) {
.header__logo {
top: 10px;
left: 55px;
}
}
@media(max-width: 700px) {
.header__logo {
left: 50%;
}
}
@media(max-width: 524px) {
.header__logo {
top: 10px;
left: 50%;
}
.brend__bottom__img {
bottom: -57%;
}
.header__top__burger__menu:not(.home_burger) .burger__menu__list {
flex-direction: column;
}
}
@media (max-width: 500px) {
.partners__list {
gap: 0px;
}
.partners__item p,
.partners__item a {
font-size: 22px;
}
.brend__bottom__img {
bottom: -82%;
}
.contacts__partners__box__list {
gap: 10px;
justify-content: space-around;
}
.contacts__partners__box__list li {
width: 32%;
}
.contacts__partners__inner {
gap: 20px;
}
.footer__bottom__box {
flex-direction: column;
width: calc(100% - 40px);
margin-inline: auto;
}
.brend {
width: 90%;
margin-inline: auto;
}
.content {
align-items: center;
}
.brend__content__item {
gap: 140px;
margin-bottom: 160px;
}
.brend__img__pink,
.brend__img__red {
left: -50px;
width: 420px;
top: -70px;
}
.brend__content__title {
font-size: 22px;
margin-bottom: 5px;
}
.brend__content__text {
font-size: 14px;
width: 70%;
}
.brand__inner .brend__content__text {
font-size: 15px;
width: 100%;
line-height: 1;
}
.production__item__box__inner:hover::after {
opacity: 0;
} .brend__content__item {
width: 100%;
} .brend__content__compani__text {
width: 330px;
font-size: 14px;
}
.production__box__linkBox {
width: calc(100% - 100px);
margin: 0 auto;
}
.brend__content__box__rightLinkBox {
width: 100%;
}
.brend__content__compani__link,
.production__btn {
display: block;
text-align: center;
width: 100%;
}
.production__textBox {
width: 400px;
overflow: hidden;
}
.production__text {
font-size: 17px;
}
.production__text span {
font-size: 17px;
}
.production__textBox img { width: 150px;
top: -12px;
right: -15px;
}
.brend__bottom__img3 {
right: 0%;
top: 20px;
}
.swiper-slide__title {
font-size: 28px;
line-height: inherit;
}
.swiper-slide__text {
font-size: 18px;
line-height: inherit;
}
.swiper-slide__inner {
left: 30px;
}
.bg__img1 {
bottom: 1410px;
}
.brend__img__pink.brand__inner,
.brend__img__red.brand__inner {
left: -70px;
width: 460px;
top: -80px;
}
.brand__inner .brend__content__title {
font-size: 24px;
}
.brand__inner__item {
width: 100%;
}
.partners__item {
width: 45%;
}
.partners__bottom {
flex-direction: column;
}
.production__imgBg__right {
bottom: -162px;
width: 34%;
right: 0;
}
.production__image__box {
margin-bottom: 140px;
}
.production__imgBg__left {
top: -80px;
left: -40px;
width: 30%;
}
.snacks__bg__right {
top: -130px;
}
.snacks__bg__left {
top: -220px;
}
.snecks__title {
font-size: 20px;
text-align: center;
left: 0px;
}
.snecks__title::after {
left: 7px;
top: -7px;
background-size: 280px;
width: 290px;
}
.dgerci__title::after {
background-image: url(https://www.smachos.ru/wp-content/themes/smachos/assets/img/snecks/Vector.svg);
}
.snacks__bg__left__down {
bottom: 1350px;
left: 20px;
width: 21%;
}
.snacks__bg__right__down {
bottom: 2380px;
z-index: 1;
width: 29%;
}
.product__bg__left,
.product__bg__right_peper_1,
.product__bg__right {
display: none;
}
#slider2 .content {
max-width: 390px;
}
.title {
font-size: 25px;
line-height: 33px;
}
.contacts__map {
padding-bottom: 90px;  overflow: hidden;
margin: 0 auto;
}
.contacts__map img {
width: 100%;
height: 100%;
object-fit: cover;
}
.contacts__bg__left {
bottom: 850px;
}
.feedback__form {
padding: 20px;
}
.feedback__bg__left {
bottom: 420px;
left: 10px;
}
.feedback__bg__left img {
width: 50%;
}
.footer__top {
position: relative;
}
.feedback__politics {
justify-content: start;
font-size: 13px;
line-height: 14px;
}
.serch__title {
font-size: 28px;
margin-bottom: -50px;
}
.serch__buttonBox .serch__btn,
.serch__buttonBox .serch__product__btn {
font-size: 16px;
padding: 10px;
text-align: center;
}
.swiper-container_product {
overflow: visible;
}
.swiper-wrapper_product {
height: 80%;
}
.serch__input {
padding: 20px 16px;
}
.contacts__map_img {
display: none;
}
.contacts__map_img_mob {
display: block;
}
}
@media (max-width: 450px) {
.partners_title {
padding-left: 20px;
}
.partners__top {
padding: 0;
}
.partners__item p,
.partners__item a {
font-size: 14px;
}
.blog__item {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.blog__tabs__content {
justify-content: center;
}
.blog__item__bottom {
margin-right: auto;
}
.tabs__link {
font-size: 16px;
}
.bg__img1 {
bottom: 1300px;
}
.brend__title.brand__inner {
font-size: 36px;
left: auto;
margin-bottom: 50px;
}
.brend__img__pink.brand__inner,
.brend__img__red.brand__inner {
width: 440px;
top: -70px;
left: -60px;
}
.brand__inner .brand__inner__item {
width: 100%;
}
.brend__content__item.brand__inner__box {
gap: 160px;
margin-bottom: 150px;
width: 100%;
}
.brend__content__compani__text.brand__inner { width: 100%;
}
.partners {
margin-top: -80px;
}
.brand__inner__img2 {
bottom: 1590px;
}
.brand__inner__img1 {
top: 920px;
}
.snecks__title::after {
left: 0;
top: -12px;
background-size: contain;
width: 100%;
}
#slider2 .content {
max-width: 320px; }
.slider__product__nav {
right: 73%;
}
.contacts__bg__left {
bottom: 820px;
}
.blog {
margin-bottom: 50px;
}
.feedback__buttonBox {
flex-direction: column;
margin-bottom: 90px;
}
.feedback__bg__left {
bottom: 380px;
transform: rotate(320deg);
}
.serch__bg__right {
top: 320px;
right: -100px;
}
.serch__bg__right img {
width: 50%;
}
.swiper-container_product {
width: 340px;
}
.brend__content__compani__text {
width: 100%;
}
.brend__content__text {
max-width: 300px;
width: 100%;
}
.brend__content__box__left,
.brend__content__box__right {
margin-left: 10px;
} .slider-control {
transform: translate(-50%, -280%) rotate(0deg);
} }
@media (max-width: 420px) {
.brend__img__pink,
.brend__img__red {
left: -35px;
width: 400px;
top: -67px;
}
}
@media (max-height: 775px) and (max-width: 1280px) {
.slider-control {
transform: translate(-50%, -210%) rotate(90deg);
}
}
@media (max-height: 775px) and (max-width: 800px) {
.slider-control {
transform: translate(-50%, -300%) rotate(0deg);
}
}
@media (max-height: 775px) and (max-width: 600px) {
.slider-control {
transform: translate(-50%, -250%) rotate(0deg);
}
}
@media (max-height: 675px) and (max-width: 600px) {
.slider-control {
transform: translate(-50%, -220%) rotate(0deg);
}
} @media (max-width: 437px) {
.contacts__partners__inner img {
top: -20px;
}
.contacts__partners__item.active .ramka_seti {
right: 2px;
top: -18px;
width: 190px;
}
.contacts__partners__item.active .ramka_shop {
right: -32px;
top: -14px;
width: 190px;
}
}
@media (max-width: 430px) {   }
@media(max-width: 410px) {
.brend__content__item { }   }
@media (max-width: 400px) {
.mistake__text__big {
font-size: 28px;
}
.mistake__text__small {
font-size: 20px;
}
.mistake__btnBox {
width: 100%;
gap: 20px;
flex-direction: column;
align-items: center;
} .bg__img2_mini {
display: none;
}
.brend__bottom__img2 {
display: block;
left: 2%;
top: -30px;
}
.brend__bottom__img {
bottom: -100%;
left: -7%;
}
.brend__title {
position: relative;
left: -50px;
}
.footer__bottom__text {
font-size: 18px;
width: 100%;
margin-inline: auto;
}
.footer__bottom__box {
gap: 10px;
}
.bg__img1 {
bottom: 1250px;
}
.brend__img__pink.brand__inner,
.brend__img__red.brand__inner {
width: 420px;
top: -70px;
left: -60px;
}
.brand__inner .brend__content__title {
font-size: 20px;
margin-bottom: 5px;
}
.brand__inner .brend__content__text {
font-size: 14px;
}
.header_mobile_top,
.header_mobile_inner {
margin-bottom: 50px;
}
.contacts__partners__inner img {
right: -10px;
}
.button__box {
width: 90%;
}
.slider__product {
padding: 0 5px;
}
#slider2 .content {
max-width: 320px;
}
.contacts__bg__left {
bottom: 800px;
}
.feedback__wrapper {
position: relative;
width: 386px;
width: 100%;
top: 0; }
.feedback__bg__left {
bottom: 330px;
}
.contacts__partners__item p {
font-size: 23px;
}
.production__title {
margin-left: 20px;
}
.production__text {
margin-left: 20px;
}
}
@media (max-width: 380px) {
.slider__serch__nav {
right: -40px;
}
#slider2 .content {
max-width: 290px;
}
.contacts__bg__left {
bottom: 780px;
}
.contacts__map {
width: 300px;
}
.footer {
padding: 5px;
}
.footer__top__info {
gap: 10px;
}
}
@media (max-width: 370px) {
.feedback__wrapper {
position: relative;
width: 340px;
top: 0;
left: -4px;
}
.bg__img2_mini {
bottom: 1000px;
}
.brend__bottom__text {
font-size: 16px;
text-align: start;
padding-left: 40px;
}
.contacts__partners__item.active .ramka_seti {
right: -15px;
}
.contacts__partners__item.active .ramka_shop {
right: -44px;
}
.brand__inner .brend__content__text {
width: 100%;
}
.brend__img__pink.brand__inner,
.brend__img__red.brand__inner {
left: -70px;
}
}
.main-contacts-info-container {
display: flex;
flex-direction: column;
gap: 36px;
align-items: center;
justify-content: center;
margin-bottom: 136px;
}
.main-contacts-info-address,
.main-contacts-info-email,
.main-contacts-info-phone {
display: flex;
flex-direction: column;
gap: 8px;
align-items: center;
}
.main-contacts-info-container h3 {
font-size: 32px;
font-weight: 500;
line-height: 38.24px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #10A784;
}
.main-contacts-info-container p,
.main-contacts-info-container a {
font-size: 20px;
font-weight: 500;
line-height: 23.9px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #fff;
width: 550px;
}
@media screen and (max-width: 768px) {
.main-contacts-info-container {
margin-bottom: 77px;
gap: 20px;
align-items: start;
}
.main-contacts-info-address,
.main-contacts-info-email,
.main-contacts-info-phone {
align-items: start;
width: calc(100% - 40px);
}
.main-contacts-info-container h3 {
font-size: 20px;
font-weight: 600;
line-height: 23.9px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
}
.main-contacts-info-container p,
.main-contacts-info-container a {
font-size: 14px;
font-weight: 600;
line-height: 16.73px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
width: 100%;
}
}
@media (max-width: 1200px) {
.interactive-map {
display: none;
}
}
@media (min-width: 1201px) {
.contacts__map img {
display: none;
}
.interactive-map {
display: block;
position: relative;
}
#tooltip {
position: absolute;
background-color: #fff;
padding: 10px 24px;
box-shadow: 0px 2px 5px 1px #00000040;
border-radius: 17px;
visibility: hidden;
white-space: nowrap;
pointer-events: none;
z-index: 999;
}
} .main-single-news {
display: flex;
flex-direction: column;
gap: 36px;
margin-bottom: 363px;
width: fit-content;
margin-inline: auto;
}
.main-single-news .top-block {
display: flex;
flex-direction: row;
align-items: start;
justify-content: center;
gap: 70px;
}
.main-single-news .top-block .right {
width: 496px;
height: 320px;
overflow: hidden;
}
.single-news-swiper {
width: 496px;
height: 320px;
}
.main-single-news .swiper-wrapper {
flex-direction: row !important;
}
.single-news-swiper .swiper-slide {
background: none;
}
.single-news-swiper .swiper-slide img {
width: 100%;
height: 100%;
object-fit: fill;
}
.main-single-news .top-block .left {
width: 474px;
height: auto;
}
.main-single-news p {
font-size: 16px;
line-height: 19.12px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #fff;
}
.main-single-news .date {
font-size: 16px;
line-height: 19.12px;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #6BD9C0;
padding-bottom: 4px;
}
.main-single-news h4 {
font-size: 32px;
line-height: 38.24px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #fff;
padding-bottom: 20px;
}
section.main-single-news .bottom-block {
width: 655px;
height: auto;
}
@media screen and (max-width: 1600px) {
.main.single-news .blog__bg__left,
.main.single-news .blog__bg__right {
display: none;
}
}
@media screen and (max-width: 1100px) {
.main-single-news {
align-items: center;
margin-bottom: 144px;
width: auto;
gap: 24px;
}
.main-single-news .top-block {
flex-direction: column-reverse;
gap: 24px;
width: 100%;
align-items: center;
}
section.main-single-news .bottom-block {
max-width: 474px;
width: auto;
margin-left: 0;
margin-right: auto;
}
.single-news-swiper {
width: 100%;
height: auto;
}
.main-single-news .top-block .left {
width: 100%;
}
.main-single-news .top-block .right {
width: 100%;
max-width: 496px;
}
}
.spiciness-level {
position: absolute;
right: -50px;
bottom: 100px;
display: flex;
flex-direction: row;
}
.spiciness-level .pepper-circle.red {
width: 67px;
height: 67px;
position: absolute;
margin-left: 0;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
border-radius: 50%;
padding: 5px;
}
.pepper-circle.catalog {
width: 67px;
height: 67px;
position: absolute;
margin-left: 0;
left: 50%;
top: 4%;
border-radius: 50%;
transform: translate(-50%, -50%) !important;
}
.spiciness-level img {
width: 14px;
height: 24px;
margin-left: -2px;
position: relative;
}
.spiciness-level.catalog {
top: 15px;
right: 25px;
}
@media screen and (max-width: 770px) {
.main-contacts-info-container {
align-items: center;
}
.main-contacts-info-address,
.main-contacts-info-email,
.main-contacts-info-phone {
align-items: center;
}
.main-contacts-info-container p,
.main-contacts-info-container a {
text-align: center;
}
.main-contacts_title {
text-align: center;
}
.footer__bottom {
margin-bottom: 20px;
}
}
@media screen and (max-width: 700px) { .pepper-circle.catalog {
top: 3%;
}
.spiciness-level.catalog {
top: 15px;
right: -65px;
}
}
@media screen and (max-width: 600px) {
.spiciness-level:not(.catalog) {
bottom: 50px;
right: 20px;
}
}
.main.policy {
padding-bottom: 120px;
}
.main-policy ul,
.main-policy ol {
list-style: inherit;
}
.slider__product__btnprew,
.slider__product__btnnext,
.slider-product__btn-prev,
.slider-product__btn-next {
position: absolute;
top: 50%;
width: 68px;
height: 66px;
z-index: 21;
cursor: pointer;
}
.slider__product__btnprew,
.slider-product__btn-prev {
left: 220px;
}
.slider__product__btnnext,
.slider-product__btn-next {
right: 140px;
}
.slider__product__btnprew img,
.slider__product__btnnext img,
.slider-product__btn-prev img,
.slider-product__btn-next img {
width: 100%;
object-fit: cover;
}
.footer__siteCreative {
font-size: 20px;
color: #fff;
padding-left: 30px;
position: relative;
}
.footer__siteCreative::after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 18px;
height: 23px;
overflow: hidden;
background: url(//www.smachos.ru/wp-content/uploads/2025/04/icon_footer.webp) center no-repeat;
background-size: cover;
}
.footer__siteCreative a {
transition: all 0.45s;
}
.footer__siteCreative a:hover {
color: #ff0000;
}
.footer__container {
display: flex;
gap: 10px;
justify-content: space-between;
}
.footer__bottom__box {
flex-direction: column;
align-items: flex-start;
}
.brend__content__bottomText {
margin-top: 5px;
font-size: 14px;
line-height: 16px;
color: #fff;
display: block;
max-width: 328px;
}
@media screen and (max-width: 1750px) {
#slider2 .swiper-slide {
gap: 100px;
}
}
@media screen and (max-width: 1600px) {
#slider2 .swiper-slide {
gap: 0;
}
}
@media screen and (max-width: 1500px) {
.slider__product__btnprew {
left: 150px;
}
.slider__product__btnnext {
right: 50px;
}
}
@media screen and (max-width: 1300px) {
.slider__product__btnprew {
left: 50px;
}
}
@media screen and (max-width: 1100px) {
.slider__product__btnprew {
left: 0;
}
.slider__product__btnnext {
right: 0;
}
}
@media screen and (max-width: 1000px) {
.slider__product__btnprew {
display: none;
}
.slider__product__btnnext {
display: none;
}
.footer__bottom__text {
font-size: 14px;
}
.footer__siteCreative {
font-size: 14px;
}
}
@media screen and (max-width: 950px) {
.brend__content__bottomText {
font-size: 11px;
line-height: 13px;
}
}
@media screen and (max-width: 750px) {
.footer__container {
flex-direction: column;
align-items: center;
}
.footer__bottom__box {
align-items: center;
}
.footer__top__info__tel, .footer__top__info__mail, .footer__bottom__text {
line-height: 17px;
}
}
@media screen and (max-width: 500px) {
.brend__content__bottomText {
max-width: 258px;
line-height: 10px;
}
} #dnr-lnr {
position: absolute !important;
transform: none !important;
left: 1.4% !important;
bottom: 54.3%;
}
#sver-bash {
position: absolute;
left: 19.05%;
bottom: 39.05%;
} @media screen and (max-width: 600px) {
#slider2 {
padding-bottom: 95px;
}
.slider-product__nav-btns {
position: absolute;
width: 100%;
height: 66px;
display: flex;
flex-direction: row;
bottom: 55px;
left: 0;
}
.slider-product__nav-btns .slider-product__btn-prev {
left: 55px;
}
.slider-product__nav-btns .slider-product__btn-next {
right: 55px;
}
}
@media screen and (max-width: 700px) {
.slider-product__nav-btns {
position: absolute;
width: 180px;
height: 66px;
display: flex;
flex-direction: row;
bottom: 55px;
right: 30px;
}
.slider-product__nav-btns .slider-product__btn-prev {
left: 0;
}
.slider-product__nav-btns .slider-product__btn-next {
right: 0;
}
}
@media screen and (max-width: 1000px) {
.slider-product__nav-btns {
position: absolute;
width: 180px;
height: 66px;
display: flex;
flex-direction: row;
bottom: 55px;
left: 30px;
}
.slider-product__nav-btns .slider-product__btn-prev {
left: 0;
}
.slider-product__nav-btns .slider-product__btn-next {
right: 0;
}
}
@media screen and (max-width: 1500px) {
.slider-product__nav-btns .slider-product__btn-prev {
left: 5px;
}
.slider-product__nav-btns .slider-product__btn-next {
right: 5px;
}
}
@media screen and (max-width: 1720px) {
.slider__product__back {
display: none;
}
}
.brend__content__compani_popup {
font-family: 'TT_Commons';
font-weight: 600;
font-size: 26px;
line-height: 30px;
color: #FFFFFF;
margin-top: 10px;
position: relative;
}
.brend__content__compani_popup::after {
position: absolute;
content: '';
top: 50%;
right: -60px;
width: 42px;
height: 8px;
background: url(//www.smachos.ru/wp-content/uploads/2025/05/smachos_arrow_right.svg) center no-repeat;
}
#certificatesPopup {
background: transparent;
width: 100%;
}
.fancybox__backdrop {
background: rgb(24 24 27 / 60%) !important;
}
.fancybox__content>.f-button.is-close-btn {
display: none !important;
}
.cert-popup {
background: #121212;
padding: 30px 40px;
border-radius: 20px;
color: #fff;
max-width: 480px;
width: 100%;
margin: 0 auto;
position: relative;
font-family: 'Arial', sans-serif;
}
.cert-popup__close {
position: absolute;
top: -26px;
right: -12px;
background: #00d094;
border: none;
width: 32px;
height: 32px;
font-size: 24px;
color: #000;
border-radius: 50%;
cursor: pointer;
font-weight: bold;
}
.cert-popup__item {
display: flex;
justify-content: space-between;
gap: 20px;
align-items: flex-end;
max-width: 100%;
margin: 0 auto;
margin-bottom: 20px;
}
.cert-popup__title {
font-family: 'TT_Commons';
font-weight: 600;
font-size: 20px;
line-height: 26px;
margin-bottom: 10px;
}
.cert-popup__btn {
font-family: 'TT_Commons';
font-weight: 600;
font-size: 20px;
line-height: 26px;
text-align: center;
padding: 10px 20px;
color: #6BD9C0;
border: 1px solid #6BD9C0;
border-radius: 10px;
transition: 0.3s;
}
.cert-popup__btn span {
margin-left: 8px;
font-size: 18px;
line-height: 1;
}
.cert-popup__btn:hover {
border: 1px solid transparent;
border-top: 1px solid #6BD9C0;
}
@media screen and (max-width: 700px) {
.cert-popup__item {
align-items: center;
flex-direction: column;
margin-bottom: 30px;
gap: 0;
}
.cert-popup__title {
font-size: 16px;
line-height: 20px;
text-align: center;
}
}
.logo__link svg{
width: 300px;
height: 200px;
}
@media (max-width: 1050px) {
.header__logo {
top: 80px;
}
.logo__link svg {
width: 150px;
height: 150px;
}
}
@media (max-width: 700px) {
.header__logo {
top: 10px;
left: 50%;
transform: translateX(-50%);
}
.mobile-header-logo svg{
width: 90px;
height: 60px;
}
.logo__link svg {
width: 90px;
height: 60px;
}
}