.mobile-burger {
-webkit-tap-highlight-color: transparent;
z-index: 224;
margin-left: auto;
}
.item-buy-btn-container {
-webkit-tap-highlight-color: transparent;
}
.item-buy-btn-container a {
-webkit-tap-highlight-color: transparent;
}
.menu-btn {
height: 22px;
width: 30px;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
z-index: 224;
}
.menu-btn span,
.menu-btn span::before,
.menu-btn span::after {
background: #62102B;
content: '';
position: absolute;
width: 30px;
height: 2px;
margin-top: 13px;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotateY(180deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
.menu-btn span::before {
margin-top: -8px;
}
.menu-btn span::after {
margin-top: 8px;
width: 20px;
}
.menu-btn.open span {
background: transparent;
border: 2px solid #62102B;
border-radius: 50%;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
padding: 4px;
margin-top: 5px;
}
.menu-btn.open span::before {
margin-top: 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.menu-btn.open span::after {
margin-top: 0;
width: 30px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.menu-btn.open {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
.breadcrumbs .container {
display: flex;
flex-direction: row;
align-items: center;
white-space: nowrap;
max-width: 1116px;
gap: 2px;
width: 1116px;
}  .where-buy-page-gallery.tabs__pane_show .row #magnit {
margin-right: 0px;
}
.where-buy-page-gallery.tabs__pane_show .row #sber {
margin-right: 0px;
}
.where-buy-page-gallery.tabs__pane_show .row #yamarket {
margin-right: 0px;
}
.where-buy-page-gallery.tabs__pane_show .row #mega {
margin-right: 0px;
margin-top: 0px;
}
.where-buy-page-gallery.tabs__pane_show #ozon {
margin-top: 0px;
margin-bottom: 0px;
}
.where-buy-page-gallery.tabs__pane_show .row {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 0px;
flex-wrap: wrap;
gap: 46px 80px;
padding: 80px;
}
.where-buy-page-gallery.tabs__pane_show .row img {
width: 28%;
}
.where-buy-page-gallery.tabs__pane_show .row a img {
width: 268px;
}
.recipe-component-item {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
width: 100%;
gap: 24px;
} @media screen and (max-width: 1736px) {
.right-catalog-block {
position: relative;
right: 0px;
display: flex;
flex-direction: row;
align-items: center;
gap: 17px;
margin-top: 40px;
margin-bottom: 40px;
justify-content: center;
}
}
@media screen and (max-width: 1550px) {
.about-brand-video img {
width: calc(100% - 40px);
height: 100%;
border-radius: 42px;
margin: 0 auto;
position: relative;
}
}
@media screen and (max-width: 1500px) {
.search-popular {
margin-left: 0;
margin: 0 auto;
margin-bottom: 130px;
}
.search-results {
align-items: center;
margin-left: 0;
justify-content: center;
}
section.main-search .item-buy-btn-container {
margin-left: 0px;
width: 100%;
}
.where-buy-close {
position: relative;
top: 35px;
right: 0;
z-index: 225;
cursor: pointer;
left: 85%;
}
.main-search .where-buy.tabs__link {
margin-bottom: -7px;
padding-bottom: 12px;
padding-top: 12px;
transition: 0.45s ease all;
}
.where-buy-tabs {
scale: 0;
position: absolute;
transition: 0.45s ease all;
width: fit-content;
min-height: 429px;
height: auto;
top: 0;
left: 50%;
transform: translateX(-50%);
margin-top: 40px;
display: flex;
flex-direction: column;
align-items: center;
align-content: center;
}
section.main-search {
display: flex;
flex-direction: column;
align-items: center;
}
section.main-search .search-container {
margin-left: 0px;
}
.tabs.where-buy-tabs.item_where_gallery.open {
top: 0;
left: 0;
transform: translateX(-10%);
}
.where-buy.tabs__link {
bottom: -35px;
}
}
@media screen and (min-width: 780px) and (max-width: 1300px) {
.search-popular-recipes-title {
margin-left: 20px;
}
.search-popular-recipes .inner {
gap: 24px;
padding-inline: 20px;
}
.search-popular-recipes .try-item-recipe {
width: auto;
max-width: 312px;
min-height: unset;
}
}
@media screen and (max-width: 1300px) {
.search-popular-recipes .inner {
flex-wrap: nowrap;
overflow-x: scroll;
padding-bottom: 20px;
}
} @media screen and (max-width: 1200px) {
.where-buy-title {
padding-bottom: 40px;
font-size: 26px;
text-align: center;
}
.where-buy-page-gallery.tabs__pane_show .row img {
width: 100%;
}
.tabs.where-buy-tabs-page.open {
padding-right: 40px;
padding-left: 40px;
}
.where-buy-page-gallery.tabs__pane_show .row img {
width: 28%;
}
.slideover-header {
display: none;
}
section.main-recipe {
padding: 0px 20px;
}
.item-container {
padding: 0px 40px;
}
.try-item-recipes {
overflow: scroll;
padding-bottom: 30px;
padding-left: 5px;
padding-right: 5px;
justify-content: flex-start;
}
.try-item-recipes {
gap: 25px;
}
}
@media screen and (max-width: 1180px) {
section.main-single-news {
padding: 0px 24px;
}
.main-single-news-top .left {
width: 40%;
}
.main-single-news-top .right {
width: 60%;
}
.about-brand .container {
padding-inline: 20px;
}
.about-brand-video img {
width: calc(100% - 40px);
height: 100%;
}
}
@media screen and (max-width: 1142px) {
section.breadcrumbs {
margin-left: 0px;
padding-left: 20px;
}
.where-buy-geography p {
padding-left: 20px;
}
.tabs.where-buy-tabs.item_where_gallery.open {
top: 30px;
left: 100%;
transform: translateX(-50%);
}
}
@media screen and (max-width: 1115px) {
.news-gallery.tabs__pane_show {
justify-content: center;
}
}
@media screen and (max-width: 1100px) {
.main-single-news-top .left img {
width: 100%;
}
.main-single-news-top {
gap: 20px;
align-items: center;
}
.portions-main-container {
width: 100%;
}
}
@media screen and (max-width: 1092px) {
.search-popular-recipes .inner {
flex-wrap: nowrap;
overflow-x: scroll;
padding-bottom: 20px;
}
.search-popular-recipes .inner {
justify-content: start;
}
.search-popular-recipes .inner {
gap: 24px;
}
.tabs.where-buy-tabs.item_where_gallery.open {
top: 70px;
left: 50%;
transform: translateX(-50%);
}
}
@media screen and (max-width: 1070px) {
.inner-header .container {
gap: 45px;
}
header .header-links {
gap: 35px;
position: absolute;
}
}
@media screen and (max-width: 1040px) {
p.portion-weight {
display: none;
}
.catalog-mobile-slideover-container, .mobile-portion-weight {
display: flex;
justify-content: center;
}
section.main-recipe .container {
gap: 25px;
}
}
@media screen and (max-width: 999px) {
.inner-header .container {
gap: 24px;
}
header .header-links {
gap: 15px;
}
.top-item-row {
gap: 25px;
}
}
@media screen and (max-width: 950px) {
.top-item-row {
flex-direction: column;
gap: 0px;
align-items: center;
margin-bottom: 60px;
}
.top-item-row-left { margin-bottom: 0;
}
.top-item-row-right {
align-items: center;
}
.top-item-row-right .choose-buttons {
justify-content: center;
}
.itempage-gallery.tabs__pane_show {
text-align: center;
}
.item-info-block {
text-align: center;
}
.try-item-title {
text-align: center;
}
.item-buy-btn-container {
margin-bottom: 50px;
}
.tabs.where-buy-tabs.item_where_gallery.open {
top: 0px;
}
}
@media screen and (max-width: 930px) {
section.main-recipe .container {
max-width: 100%;
gap: 22px;
flex-direction: column;
align-items: center;
}
.recipe-components, .recipe-component {
width: 100%;
}
.recipe-component-item-wrapper {
width: 100%;
}
}
@media screen and (max-width: 920px) {
.inner-header .container {
gap: 24px;
}
header .header-links {
gap: 15px;
}
}
@media screen and (max-width: 900px) {
section.main-news .tabs__nav .tabs__link {
padding: 5px 30px;
font-size: 18px;
}
section.main-news .tabs__nav {
overflow: scroll;
}
}
@media (min-width: 501px) and (max-width: 875px) {
header .header-links.open {
top: 84px;
}
.mobile-header {
width: 100%;
}
} @media screen and (max-width:360px) {
header .header-links.open {
padding: 24px 40px;
}
}
@media (max-width: 875px) {
header .header-links.open {
padding-top: 30px;
}
header .header-links {
gap: 14px;
}
header .header-links {
background-color: #FFFFFF;
background-image: url();
}
header .header-links {
width: 50%;
}
.tabs.where-buy-tabs-page.open {
padding-right: 30px;
padding-left: 30px;
}
section.breadcrumbs {
background-repeat: no-repeat;
width: 75%;
margin-inline: 0px;
margin-bottom: 10px;
margin-top: 35px;
}
.header-links.open {
border-bottom-left-radius: 26px;
}
header .header-links.open {
padding-top: 40px;
}
header .header-links.open {
top: -20px;
right: -30px;
box-shadow: -2px 3px 4px 0px #3131312B;
z-index: 223;
}
header .header-links a:last-child {
padding-bottom: 25px;
}
header .header-links {
right: -100%;
top: 0px;
padding-top: 80px;
}
.inner-header-logo {
display: flex;
opacity: 1 !important;
margin-left: 20px !important;
position: relative;
top: 20px;
}
.inner-header-logo.mobile-loog {
display: none;
}
.inner-header {
padding-top: 0px;
}
}
@media screen and (max-width: 864px) {
.where-buy-page-gallery.tabs__pane_show .row {
padding: 60px;
}
}
@media screen and (max-width: 862px) {
section.main-search .search-container {
width: 100%;
margin-left: 35px;
}
.search-field {
width: 80%;
}
.main-single-news-top {
flex-direction: column;
}
.main-single-news-top .left {
width: 100%;
display: flex;
justify-content: center;
align-items: end;
position: relative;
margin-top: 20px;
}
.swiper-pagination.single-news {
position: absolute;
bottom: -20px;
}
.main-single-news-top .right {
width: 100%;
}
.single-news-title {
text-align: center;
}
.single-news-date {
text-align: center;
}
.main-single-news-bottom {
margin-top: 35px;
}
}
@media screen and (max-width: 820px) {
.where-buy-page-gallery.tabs__pane_show .row {
padding: 45px;
}
}
@media screen and (max-width: 800px) {
section.main-notfound .container {
max-width: 90%;
}
header .header-links.open {
right: 0px;
}
.where-buy-page-gallery.tabs__pane_show .row {
padding: 30px;
}
}
@media screen and (max-width: 798px) {
.main-contacts-form-inner {
border-radius: 0px;
}
.main-contacts-submit {
max-width: calc(100% - 134px);
margin: 0 auto;
}
}
@media screen and (max-width: 767px) {
.tabs.where-buy-tabs-page.open {
padding-right: 0px;
padding-left: 0px;
}
.where-buy-page-gallery.tabs__pane_show .row {
padding: 50px;
}
.where-buy-page-gallery.tabs__pane_show .row img {
width: 35%;
}
}
@media screen and (max-width: 700px) {
.share-recipe {
max-width: 100%;
gap: 20px;
padding: 0px 20px;
}
}
@media screen and (max-width: 684px) {
section.main-news .tabs__nav {
gap: 15px;
}
}
@media screen and (max-width: 654px) {
.slideover-header {
padding-block: 0px 0px;
}
}
@media screen and (max-width: 600px) {
.inner-body .header-links {
display: flex;
}
header .header-links.open {
transition: 0.75s ease all;
top: 0px;
padding: 50px 50px 0 0;
}
.try-item-recipe-img-container {
width: 312px;
height: 310px;
border-radius: 8px;
}
.search-filter-buttons {
width: calc(100% - 20px);
display: flex;
flex-direction: row;
gap: 10px;
flex-wrap: nowrap;
overflow-x: scroll;
justify-content: start;
padding-bottom: 20px;
}
.search-filter-buttons button {
font-size: 16px;
padding: 10px 0px;
min-width: 185px;
text-align: center;
border-radius: 24px;
}
.where-buy-tabs {
width: 80%;
}
section.main-news .tabs__nav .tabs__link {
min-width: 194px;
}
section.main-news .tabs__nav {
justify-content: start;
padding: 20px;
}
.recipe-components, .recipe-component {
width: calc(100% - 56px);
margin: 0 auto; }
section.main-recipe {
padding: 0px 0px;
}
.portions-main-container {
width: calc(100% - 82px);
}
.item-container {
padding: 0px 0px;
}
.share-recipe {
margin-top: -10px;
margin-bottom: 40px;
}
}
@media screen and (max-width: 550px) {
.where-buy-page-gallery.tabs__pane_show .row img {
width: 40%;
}
.about-brand-title {
font-size: 35px;
}
.kolbasi-title {
font-size: 35px;
}
.about-brand-bg-text-container p {
font-size: 20px;
}
}
@media screen and (max-width: 500px) {
.mobile-header {
width: 100%;
}
section.main-search .search-container {
margin-left: 20px;
}
.where-buy-tabs {
width: 100%;
}
.main-contacts-title {
font-size: 20px;
}
.main-contacts-subtitle {
font-size: 20px;
line-height: 21.6px;
}
.main-contacts-form-inner {
padding: 40px 40px;
font-size: 16px;
gap: 10px;
border-radius: 0px;
}
.contacts-form-input {
height: 40px;
border-radius: 7px;
font-size: 20px;
}
.contacts-dropdown-container {
border-radius: 7px;
height: 40px;
}
.contacts-dropdown-selected img {
width: 6%;
}
.contacts-dropdown-options.open {
top: 30px;
}
.contacts-dropdown-option {
font-size: 16px;
}
.main-contacts-submit .top p {
font-size: 16px;
}
.main-contacts-submit .top p a {
font-size: 16px;
}
.main-contacts-form-inner {
padding: 30px 30px;
}
.where-buy-geography p {
text-align: center;
}
}
@media screen and (max-width: 499px) {
.notfound-maintitle {
font-size: 200.66px;
}
}
@media screen and (max-width: 450px) {
.single-news-title {
font-size: 30px;
}
.single-news-bottom-list {
padding-inline-start: 10px;
}
.where-buy-page.tabs__link {
padding-block: 14px 20px;
padding-inline: 22px;
}
}
@media screen and (max-width: 430px) {
.news-gallery.tabs__pane_show {
justify-content: center;
padding: 40px;
}
.news-card {
width: 100%;
min-height: 100%;
}
.news-card img {
width: 100%;
}
.news-card-lil-text {
padding-bottom: 40px;
}
.about-brand-subtitle {
font-size: 18px;
font-weight: 1000;
}
.about-brand-top-text p {
font-size: 16px;
}
.where-buy-title {
font-size: 20px;
}
.where-buy-geography p {
font-size: 20px;
}
.about-brand-title {
margin: 0;
font-family: Sofia Sans;
font-size: 24px;
font-weight: 1000;
line-height: 67.2px;
text-align: center;
color: #62102B;
text-transform: uppercase;
padding-bottom: 28px;
}
.kolbasi-title {
font-size: 24px;
}
.kolbasi-text {
font-size: 16px;
}
.choosing-text {
font-size: 16px;
}
.about-brand-bg-text-container p {
font-size: 16px;
line-height: 25.8px;
}
.main-recipe-subtitle {
padding: 0px 70px;
}
.top-item-row-left .swiper-pagination-bullet {
width: 24px;
height: 8px;
}
.top-item-row-left .swiper-pagination {
gap: 2px;
}
.portions-main-container {
margin-top: 12px;
}
}
@media screen and (max-width: 412px) {
.where-buy-page-gallery.tabs__pane_show .row img {
width: 40%;
}
}
@media screen and (max-width: 400px) {
.search-field {
width: 75%;
}
section.main-news .tabs__nav .tabs__link {
padding: 5px 0px;
font-size: 16px;
}
.where-buy-page.tabs__link {
padding-block: 18px 25px;
padding-inline: 23px;
font-size: 15px;
}
}
@media screen and (max-width: 380px) {
.notfound-maintitle {
font-size: 160.66px;
}
.news-card-lil-text {
font-size: 16px;
}
.news-card-title {
font-size: 18px;
}
.where-buy-page-gallery.tabs__pane_show .row {
padding: 30px;
}
.where-buy-page-gallery.tabs__pane_show .row {
gap: 30px;
}
.about-brand-video img {
height: 300px;
}
}
@media screen and (max-width: 360px) {
.search-popular-recipes-title {
padding: 15px 15px;
}
.search-popular-title {
padding: 15px 15px;
}
.where-buy-page.tabs__link {
padding-block: 16px 20px;
padding-inline: 23px;
font-size: 15px;
}
}
@media screen and (max-width: 350px) {
.notfound-inner-links {
gap: 50px;
}
.notfound-subtitle {
font-size: 28.06px;
}
.notfound-title {
font-size: 38.06px;
}
.where-buy-tabs.open .tabs__nav {
gap: 0px;
}
.single-news-title {
font-size: 25px;
}
.about-brand-video img {
height: 240px;
}
.share-recipe {
max-width: calc(100% - 40px);
gap: 25px;
}
}
@media screen and (max-width: 320px) {
.notfound-maintitle {
font-size: 143.66px;
}
.search-field {
width: 70%;
}
}