@import url("https://fonts.googleapis.com/css2?family=Sofia+Sans:ital,wght@0,1..1000;1,1..1000&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Piazzolla:ital,opsz,wght@0,8..30,100..900;1,8..30,100..900&display=swap");
@font-face {
font-family: 'Piazzolla';
src: url(https://dymdymych.com/wp-content/themes/dym/assets/fonts/Piazzolla-Black.ttf) format('truetype');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Sofia Sans';
src: url(https://dymdymych.com/wp-content/themes/dym/assets/fonts/SofiaSans-Italic.ttf) format('truetype');
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Sofia Sans';
src: url(https://dymdymych.com/wp-content/themes/dym/assets/fonts/SofiaSans-Regular.ttf) format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
body {
margin: 0;
overflow-x: hidden;
}
body.inner-body {
background: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0 100%), url(//dymdymych.com/wp-content/uploads/2024/09/main-bg.png);
background-size: cover;
}
* {
font-family: 'Sofia Sans', sans-serif;
font-style: normal;
font-optical-sizing: auto;
}
a {
color: initial;
text-decoration: none;
}
input {
outline: none;
}
header {
padding-top: 50px;
margin-bottom: 45px;
}
header .container {
max-width: 825px;
margin: 0 auto;
position: relative;
}
header .header-links {
display: flex;
flex-direction: row;
gap: 23px;
}
header .header-links a {
font-family: Sofia Sans;
font-size: 24px;
font-weight: 300;
line-height: 24px;
color: #62102B;
transition: 0.3s ease all;
cursor: pointer;
}
header .header-links a:hover {
transition: 0.3s ease all;
filter: grayscale(0.2);
}
section.top-block {
background-image: url(//dymdymych.com/wp-content/uploads/2024/09/top-block-bg.png);
background-repeat: no-repeat;
background-size: cover;
}
section.top-block .logo-block {
position: absolute;
left: 230px;
}
section.top-block .top-block-shadow {
background-image: url(//dymdymych.com/wp-content/uploads/2024/09/top_block_shadow.png);
background-position: bottom left;
}
section.top-block .top-kolbasa {
position: relative;
left: 670px;
}
section.top-block .top-kolbasa img {
position: relative;
z-index: 212;
}
section.top-block .top-kolbasa .top-kolbasa-inner {
position: absolute;
top: 30%;
left: 25.5%;
z-index: 211;
}
@media (min-width: 1601px) and (max-width: 1700px) {
section.top-block .logo-block {
left: 140px;
}
section.top-block .top-kolbasa {
left: 490px;
}
section.top-block .top-kolbasa .top-kolbasa-inner {
position: absolute;
top: 30%;
left: unset;
z-index: 211;
scale: 0.9;
right: 36.5%;
}
}
@media (min-width: 1601px) and (max-width: 1620px) {
section.top-block .top-kolbasa .top-kolbasa-inner {
position: absolute;
top: 30%;
left: unset;
z-index: 211;
right: 36%;
scale: 0.9;
}
}
@media (min-width: 1701px) and (max-width: 1900px) {
section.top-block .top-kolbasa .top-kolbasa-inner {
position: absolute;
top: 30%;
right: 0;
z-index: 211;
scale: 0.9;
left: 26%;
}
}
section.top-block .top-mobile-petrushka,
section.top-block .top-mobile-cherry {
display: none;
}
section.aromat {
background-image: url(//dymdymych.com/wp-content/uploads/2024/09/bg-red.png);
min-width: 1920px;
min-height: 753px;
box-shadow: 0px -8px 6.8px 0px #00000040 inset, 0px 8px 7px 0px #00000040 inset;
position: relative;
background-repeat: round;
}
.aromat-wrapper {
max-width: 1920px;
}
.aromat-top {
margin-left: 340px;
margin-right: 222px;
display: flex;
flex-direction: row;
gap: 421px;
padding-top: 56px;
}
.aromat-top-left img {
width: 394px;
height: 339px;
}
.aromat-top-right img {
width: 359px;
height: 326px;
}
.aromat-bottom img:not(.aromat-string-left, .aromat-string-right) {
width: 500px;
}
.aromat-top-title {
margin: 0;
font-size: 40px;
font-weight: 900;
line-height: 48px;
text-align: center;
color: #fff;
text-transform: uppercase;
}
.aromat-top-text {
margin: 0;
font-size: 32px;
font-weight: 300;
line-height: 38.4px;
text-align: center;
color: #fff;
}
.aromat-bottom {
max-width: 650px;
margin: 0 auto;
margin-top: -170px;
padding-bottom: 90px;
}
.aromat-string-left {
position: absolute;
transform: rotateY(180deg);
bottom: 270px;
left: 630px;
}
.aromat-string-right {
position: absolute;
right: 590px;
bottom: 270px;
}
section.aromat h2 {
font-family: Piazzolla;
font-size: 341.15px;
font-weight: 900;
line-height: 484.43px;
color: #FFFFFF0D;
position: absolute;
margin: 0;
text-transform: uppercase;
bottom: 10px;
right: 270px;
}
section.dymdymych {
background-image: url(//dymdymych.com/wp-content/uploads/2024/09/sardelki-bg.png);
background-repeat: no-repeat;
background-size: cover;
position: relative;
min-height: 1066px;
}
section.dymdymych .section-h2 {
font-family: Piazzolla;
font-size: 394.44px;
font-weight: 900;
line-height: 560.11px;
letter-spacing: 20px;
color: #62102B08;
position: absolute;
text-transform: uppercase;
margin: 0;
right: 450px;
bottom: -40px;
width: 1122px;
}
section.dymdymych img {
margin-left: 189px;
}
.dym-top-block {
display: flex;
flex-direction: row;
align-items: center;
}
.dym-top-inner h2 {
font-family: Sofia Sans;
font-size: 56px;
font-weight: 1000;
line-height: 67.2px;
width: fit-content;
text-transform: uppercase;
color: #62102B;
margin: 0;
padding-bottom: 17px;
}
.dym-top-inner p {
margin: 0;
}
.dym-top-subtitle {
width: 404px;
font-size: 18px;
font-weight: 700;
line-height: 21.6px;
text-transform: uppercase;
color: #62102B;
padding-bottom: 24px;
}
.dym-top-text {
width: 428px;
font-size: 18px;
font-weight: 300;
line-height: 21.6px;
color: #62102B;
padding-bottom: 40px;
}
.dym-top-more {
display: block;
width: 108px;
margin-left: 279px;
cursor: pointer;
}
.dym-top-more p {
font-size: 19px;
font-weight: 300;
line-height: 22.8px;
color: #62102B;
text-transform: uppercase;
}
.dym-top-more img {
margin-left: 30px !important;
cursor: pointer;
}
.dym-bottom-block {
position: absolute;
left: 640px;
display: flex;
flex-direction: row;
gap: 43px;
bottom: 140px;
}
.dym-bottom-col {
display: flex;
flex-direction: column-reverse;
gap: 30px;
}
.dym-bottom-col-item {
width: fit-content;
}
.dym-bottom-title {
width: fit-content;
font-size: 26px;
font-weight: 1000;
line-height: 31.2px;
color: #62102B;
text-transform: uppercase;
margin: 0;
padding-bottom: 8px;
}
.dym-bottom-text {
font-size: 16px;
font-weight: 300;
line-height: 19.2px;
color: #62102B;
margin: 0;
}
.dym-bottom-text__subText {
position: absolute;
top: 300px;
right: -77px;
text-wrap: nowrap;
color: #62102B;
}
section.production {
background-image: url(//dymdymych.com/wp-content/uploads/2024/09/bg-red.png);
box-shadow: 0px -6px 7.4px 0px #00000040 inset;
min-height: 758px;
position: relative;
background-size: cover;
}
section.production .container {
max-width: 1408px;
margin: 0 auto;
}
section.production h2,
section.production p {
margin: 0;
}
.production-title {
padding-top: 128px;
text-align: center;
font-size: 56px;
font-weight: 1000;
line-height: 67.2px;
color: #fff;
text-transform: uppercase;
padding-bottom: 6px;
}
.production-subtitle {
font-size: 18px;
font-weight: 400;
line-height: 21.6px;
text-align: center;
color: #fff;
padding-bottom: 125px;
text-transform: uppercase;
}
.production-logos {
display: flex;
flex-direction: row;
align-items: center;
gap: 517px;
justify-content: center;
z-index: 211;
position: relative;
}
.production-link .dym-top-more {
margin: 0 auto;
padding-top: 114px;
position: relative;
z-index: 212;
}
.production-link .dym-top-more img {
margin-left: 5px !important;
}
.production-link .dym-top-more p {
color: #fff;
}
.bg-title {
font-family: Piazzolla;
font-size: 288.4px;
font-weight: 900;
line-height: 409.53px;
position: absolute;
color: #FFFFFF0D;
text-transform: uppercase;
bottom: -5px;
left: 106px;
right: 107px;
}
.production-list {
position: absolute;
bottom: 0;
left: 106px;
}
section.recipes {
background-image: url(//dymdymych.com/wp-content/uploads/2024/09/recipe-bg-min.png);
background-repeat: round;
min-height: 1066px;
position: relative;
}
section.recipes .container {
max-width: 1115px;
margin: 0 auto;
}
section.recipes h2,
section.recipes p {
margin: 0;
}
.recipe-title {
font-size: 56px;
font-weight: 1000;
line-height: 67.2px;
text-align: center;
color: #62102B;
text-transform: uppercase;
padding-top: 120px;
padding-bottom: 7px;
}
.recipe-subtitle {
color: #62102B;
text-transform: uppercase;
font-size: 18px;
font-weight: 400;
line-height: 21.6px;
text-align: center;
padding-bottom: 143px;
}
.recipe-link {
text-transform: uppercase;
padding-bottom: 16px;
font-size: 26px;
font-weight: 1000;
line-height: 31.2px;
color: #62102B;
display: flex;
flex-direction: column;
gap: 16px;
min-height: 100px;
}
.recipe-kolbasa {
max-width: 692px;
margin: 0 auto;
padding-top: 150px;
}
.recipres-links {
position: absolute;
top: 423px;
display: flex;
flex-direction: row;
gap: 129px;
}
.recipe-link .dym-top-more {
margin-left: 0;
display: flex;
flex-direction: column;
gap: 8px;
}
.footer-top {
background-image: url(//dymdymych.com/wp-content/uploads/2024/09/bg-red.png);
padding-top: 60px;
padding-bottom: 51px;
background-size: cover;
}
.footer-top .container {
max-width: 1113px;
margin: 0 auto;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.footer-bottom {
background-image: none;
background-color: #fff;
}
.footer-bottom a,
.footer-bottom p {
margin: 0;
font-size: 16px;
font-weight: 300;
line-height: 19.2px;
color: #62102B;
}
.footer-left {
display: flex;
flex-direction: column;
gap: 15px;
align-items: center;
width: fit-content;
}
.footer-right {
display: flex;
flex-direction: column;
gap: 16px;
justify-content: space-between;
padding-bottom: 15px;
}
.footer-h2 {
margin: 0;
font-size: 36px;
font-weight: 1000;
line-height: 43.2px;
text-align: right;
text-transform: uppercase;
color: #fff;
letter-spacing: 2px;
}
.footer-contacts {
display: flex;
flex-direction: column;
align-items: start;
}
.footer-links {
display: flex;
flex-direction: column;
gap: 21px;
align-items: start;
}
.footer-links a {
font-size: 18px;
font-weight: 700;
line-height: 21.6px;
color: #fff; display: flex;
flex-direction: row;
align-items: center;
gap: 15px;
}
.footer-links a img {
width: 25px;
height: 25px;
}
.footer-bottom {
background-image: none;
background-color: #fff;
display: flex;
flex-direction: row;
justify-content: space-between;
max-width: 1116px;
margin: 0 auto;
padding-block: 17px 18px;
}
.footer-bottom .left {
display: flex;
flex-direction: column;
gap: 8px;
}
.mobile-header,
.top-tarelka-mobile,
.top-flag-mobile,
.top-list-mobile-top,
.top-list-mobile-bottom {
display: none;
}
.inner-header-logo.front-logo {
opacity: 0;
margin-left: -107.5px;
}
@media (max-width: 500px) {
header {
padding: 0;
margin-bottom: 0;
}
.mobile-header {
display: flex;
flex-direction: row;
align-items: start;
justify-content: space-between;
padding-inline: 13px 20px;
padding-top: 14px;
position: relative;
}
.mobile-burger {
padding-top: 5px;
display: flex;
flex-direction: column;
justify-content: center;
height: 32px;
width: 42px;
align-items: end;
cursor: pointer;
}
.mobile-burger-button {
width: 28px;
border: 2px solid #62102B;
border-radius: 25%;
position: relative;
display: flex;
flex-direction: column;
align-items: end;
z-index: 212;
transition: 0.3s ease all;
}
.mobile-burger-button::before {
width: 28px;
border: 2px solid #62102B;
border-radius: 25%;
position: absolute;
content: '';
bottom: 7.5px;
right: -2px;
transition: 0.3s ease all;
}
.mobile-burger-button::after {
width: 16px;
border: 2px solid #62102B;
border-radius: 25%;
position: absolute;
content: '';
top: 7.5px;
right: -2px;
transition: 0.3s ease all;
}
.mobile-burger.open .mobile-burger-button::before {
bottom: -2px;
transition: 0.3s ease all;
}
.mobile-burger.open .mobile-burger-button::after {
top: -2px;
transition: 0.3s ease all;
}
.mobile-header img:first-child,
.mobile-burger {
z-index: 214;
}
header .header-links {
flex-direction: column;
width: 100%;
position: absolute;
transition: 1s ease all;
text-align: center;
right: -50%;
background-image: url(//dymdymych.com/wp-content/uploads/2024/09/top-block-bg.png);
background-repeat: no-repeat;
z-index: 213;
}
header .header-links.open {
transition: 0.75s ease all;
top: 0;
padding-top: 100px;
padding: 50px 50px 0 0;
}
header .header-links.open a:last-child {
padding-bottom: 25px;
}
.top-tarelka,
.top-flag {
display: none;
}
.top-tarelka-mobile,
.top-flag-mobile {
display: block;
padding-bottom: 85px;
width: 250px;
top: 30px;
}
.top-flag-mobile {
width: 200px;
}
section.top-block .top-block-shadow {
background: none;
}
section.top-block .logo-block {
display: none;
}
section.top-block .top-kolbasa {
left: 0;
}
section.top-block .top-kolbasa .top-kolbasa-inner {
top: 0;
left: 0;
}
section.top-block .top-kolbasa .top-kolbasa-inner .top-flag-mobile {
position: absolute;
left: 125px;
top: 95px;
}
.top-list-mobile-top {
display: block;
position: absolute !important;
top: 20px;
right: 30px;
}
section.top-block .top-mobile-petrushka {
position: absolute !important;
bottom: 30px;
left: 40px;
}
section.top-block .top-mobile-cherry {
position: absolute !important;
bottom: 40px;
right: 50px;
}
.top-list-mobile-bottom {
display: block;
position: absolute !important;
top: 0;
right: 120px;
}
section.aromat {
min-width: auto;
min-height: 472px;
}
.aromat-top {
margin-inline: 0;
gap: 0;
flex-direction: column;
padding-top: 42px;
}
.aromat-top-left {
max-width: 100%;
margin: 0 auto;
display: flex;
flex-direction: row;
align-items: start;
position: relative;
}
.aromat-top-left img {
width: 151px;
height: 130px;
}
.aromat-inner-text {
margin-top: 27px;
}
.aromat-mobile-center {
display: flex !important;
max-width: 100%;
margin: 0 auto;
text-align: center;
flex-direction: row-reverse;
align-items: center;
position: relative;
margin-top: 20px;
}
.aromat-mobile-center img {
width: 195px;
height: 130px;
}
.aromat-mobile-string.top {
display: block !important;
width: 70px !important;
height: 90px !important;
position: absolute;
bottom: -45px;
right: 100px;
}
.aromat-mobile-center .aromat-mobile-string.bottom {
margin-right: 0;
display: block !important;
width: 70px;
height: 90px;
position: absolute;
right: 120px;
top: 75px;
}
.aromat-bottom {
display: none;
}
.aromat-top-title {
font-size: 24px;
font-weight: 900;
line-height: 28.8px;
}
.aromat-top-text {
font-size: 18px;
font-weight: 300;
line-height: 21.6px;
}
.aromat-top-right {
display: flex;
flex-direction: row;
align-items: center;
max-width: 100%;
margin: 0 auto;
}
.aromat-top-right img {
width: 169px;
height: 135px;
}
section.aromat h2 {
font-family: Piazzolla;
font-size: 80.23px;
font-weight: 900;
line-height: 113.92px;
color: #FFFFFF0D;
bottom: 30px;
text-align: center;
left: 0;
right: 0;
}
section.dymdymych {
min-height: 950px;
background-repeat: round;
}
section.dymdymych .section-h2 {
display: none;
}
.dym-top-block {
flex-direction: column;
}
.dym-top-inner {
order: 0;
display: flex;
flex-direction: column;
align-items: center;
padding-top: 46px;
}
.dym-top-inner h2 {
font-size: 28px;
font-weight: 1000;
line-height: 33.6px;
text-align: center;
padding-bottom: 4px;
}
.dym-top-subtitle {
font-size: 12px;
font-weight: 700;
line-height: 14.4px;
width: 212px;
padding-bottom: 12px;
text-align: center;
}
.dym-top-text {
font-size: 12px;
font-weight: 300;
line-height: 14.4px;
text-align: center;
width: 284px;
padding-bottom: 33px;
}
.dym-top-inner .dym-top-more {
margin-left: 0;
width: 79px;
}
.dym-top-inner .dym-top-more p {
font-size: 14px;
font-weight: 300;
line-height: 16.8px;
}
.dym-top-inner .dym-top-more img {
margin-left: 22px !important;
width: 57px;
height: 7px;
}
section.dymdymych img {
order: 1;
}
section.dymdymych .dym-top-block img:first-child {
position: absolute;
top: 170px;
left: -260px;
width: 193px;
height: 187px;
}
.dym-bottom-block {
position: unset;
flex-direction: column;
margin-top: 106px;
text-align: center;
gap: 24px;
}
.dym-bottom-col {
gap: 24px;
text-align: center;
margin: 0 auto;
max-width: 100%;
}
.dym-bottom-text__subText {
position: static;
}
.dym-bottom-col-item {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.dym-bottom-title {
text-align: center;
}
section.production {
min-height: 323px;
}
section.production .container {
max-width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.production-title {
padding-top: 40px;
padding-bottom: 4px;
font-size: 28px;
font-weight: 1000;
line-height: 33.6px;
text-align: center;
}
.production-subtitle {
padding-bottom: 39px;
font-size: 12px;
font-weight: 400;
line-height: 14.4px;
text-align: center;
width: 225px;
}
.production-logos {
flex-direction: column;
align-items: center;
gap: 43px;
}
.production-logos a:first-child img{
width: 142px;
height: 61px;
}
.production-logos a:last-child img {
width: 90px;
height: 65px;
}
.production-link .dym-top-more {
margin: 0 auto;
padding-top: 35px;
padding-bottom: 40px;
width: 75px;
height: 26px;
}
.production-link .dym-top-more p {
font-size: 14px;
font-weight: 300;
line-height: 16.8px;
}
.production-list {
display: none;
}
.production-list-mobile {
display: block !important;
position: absolute;
left: 0;
bottom: 0;
}
.bg-title {
font-family: Piazzolla;
font-size: 56.84px;
font-weight: 900;
line-height: 80.71px;
bottom: 43px;
left: 0;
right: 0;
text-align: center;
}
.recipe-title {
padding-top: 57px;
padding-bottom: 4px;
font-size: 28px;
font-weight: 1000;
line-height: 33.6px;
text-align: center;
}
.recipe-subtitle {
padding-bottom: 65px;
font-size: 12px;
font-weight: 400;
line-height: 14.4px;
text-align: center;
}
.recipe-col {
display: flex;
flex-direction: column;
gap: 52px;
}
.recipe-kolbasa {
padding-top: 0;
display: flex;
justify-content: center;
}
.recipe-kolbasa img {
width: 322px;
height: 233px;
margin-bottom: 21px;
}
.recipres-links {
display: none;
}
section.recipes {
min-height: 450px;
}
.recipes-links-mobile {
display: flex !important;
flex-direction: row;
flex-wrap: wrap;
gap: 50px;
justify-content: center;
}
.recipe-link {
padding-bottom: 0;
font-size: 20px;
font-weight: 1000;
line-height: 24px;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
width: 152px;
white-space: nowrap;
}
.recipe-link .dym-top-more {
width: 75px;
height: 26px;
}
.recipe-link .dym-top-more p {
font-family: Sofia Sans;
font-size: 14px;
font-weight: 300;
line-height: 16.8px;
text-align: left;
}
.recipe-link .dym-top-more img {
width: 59px;
height: 7px;
margin-left: 16px !important;
}
.footer-top {
padding-block: 61px;
}
.footer-top .container {
max-width: 100%;
flex-direction: column;
align-items: center;
justify-content: unset;
}
.footer-left a:first-child img {
width: 204px;
height: 87px;
}
.footer-left a:last-child img {
width: 218px;
height: 63px;
}
.footer-right {
flex-direction: column;
align-items: center;
gap: 0;
}
.footer-h2 {
width: 232px;
font-size: 28px;
font-weight: 1000;
line-height: 33.6px;
text-align: center;
padding-top: 42px;
padding-bottom: 42px;
}
.footer-contacts {
align-items: center;
gap: 32px;
}
.footer-links {
flex-direction: column;
align-items: center;
gap: 12px;
}
.footer-links a {
font-size: 14px;
font-weight: 700;
line-height: 16.8px;
text-align: center;
}
.footer-bottom {
flex-direction: column;
gap: 8px;
padding-block: 12px;
max-width: 100%;
text-align: center;
width: 199px;
}
.footer-bottom a,
.footer-bottom p {
font-size: 12px;
font-weight: 300;
line-height: 14.4px;
}
section.top-block .top-mobile-petrushka,
section.top-block .top-mobile-cherry {
display: block;
}
}
@media (min-width: 501px) and (max-width: 875px) {
header {
padding: 0;
margin-bottom: 0;
}
.mobile-header {
display: flex;
flex-direction: row;
align-items: start;
justify-content: space-between;
padding-inline: 13px 20px;
padding-top: 14px;
position: relative;
}
.mobile-burger {
padding-top: 14.5px;
display: flex;
flex-direction: column;
justify-content: center;
height: 32px;
width: 42px;
align-items: end;
cursor: pointer;
}
.mobile-burger-button {
width: 28px;
border: 2px solid #62102B;
border-radius: 25%;
position: relative;
display: flex;
flex-direction: column;
align-items: end;
z-index: 212;
transition: 0.3s ease all;
}
.mobile-burger-button::before {
width: 36px;
border: 2px solid #62102B;
border-radius: 25%;
position: absolute;
content: '';
bottom: 7.5px;
right: -2px;
transition: 0.3s ease all;
}
.mobile-burger-button::after {
width: 16px;
border: 2px solid #62102B;
border-radius: 25%;
position: absolute;
content: '';
top: 7.5px;
right: -2px;
transition: 0.3s ease all;
}
.mobile-burger.open .mobile-burger-button::before {
bottom: -2px;
transition: 0.3s ease all;
}
.mobile-burger.open .mobile-burger-button::after {
top: -2px;
transition: 0.3s ease all;
}
.mobile-header img:first-child,
.mobile-burger {
z-index: 214;
}
header .header-links {
flex-direction: column;
width: 100%;
position: absolute;
transition: 1s ease all;
text-align: center;
top: -500%;
background-image: url(//dymdymych.com/wp-content/uploads/2024/09/top-block-bg.png);
background-repeat: no-repeat;
z-index: 213;
}
header .header-links.open {
transition: 0.75s ease all;
top: 100px;
padding: 50px 50px 0 0;
}
header .header-links.open a:last-child {
padding-bottom: 25px;
}
.top-tarelka,
.top-flag {
display: none;
}
.top-tarelka-mobile,
.top-flag-mobile {
display: block;
padding-bottom: 55px;
}
section.top-block .top-block-shadow {
background: none;
}
section.top-block .logo-block {
display: none;
}
section.top-block .top-kolbasa {
left: 0;
}
section.top-block .top-kolbasa .top-kolbasa-inner {
top: 0;
left: 0;
}
section.top-block .top-kolbasa .top-kolbasa-inner .top-flag-mobile {
position: absolute;
left: 155px;
top: 95px;
}
.top-list-mobile-top {
display: block;
position: absolute !important;
top: 20px;
right: 30px;
}
section.top-block .top-mobile-petrushka {
position: absolute !important;
bottom: 30px;
left: 40px;
}
section.top-block .top-mobile-cherry {
position: absolute !important;
bottom: 40px;
right: 50px;
}
.top-list-mobile-bottom {
display: block;
position: absolute !important;
top: 0;
right: 120px;
}
section.aromat {
min-width: auto;
min-height: 472px;
}
.aromat-top {
margin-inline: 0;
gap: 0;
flex-direction: column;
padding-top: 42px;
}
.aromat-top-left {
max-width: 100%;
margin: 0 auto;
display: flex;
flex-direction: row;
align-items: start;
position: relative;
}
.aromat-top-left img {
width: 310px;
height: 240px;
}
.aromat-inner-text {
margin-top: 27px;
}
.aromat-mobile-center {
display: flex !important;
max-width: 100%;
margin: 0 auto;
text-align: center;
flex-direction: row-reverse;
align-items: center;
position: relative;
margin-top: -50px;
}
.aromat-mobile-center img {
width: 330px;
height: 250px;
}
.aromat-mobile-string.top {
display: block !important;
width: 90px !important;
height: 90px !important;
position: absolute;
bottom: 35px;
right: 100px;
}
.aromat-mobile-center .aromat-mobile-string.bottom {
margin-right: 0;
display: block !important;
width: 90px;
height: 90px;
position: absolute;
right: 240px;
top: 175px;
}
.aromat-bottom {
display: none;
}
.aromat-top-title {
font-size: 24px;
font-weight: 900;
line-height: 28.8px;
}
.aromat-top-text {
font-size: 18px;
font-weight: 300;
line-height: 21.6px;
}
.aromat-top-right {
display: flex;
flex-direction: row;
align-items: center;
max-width: 100%;
margin: 0 auto;
}
.aromat-top-right img {
width: 290px;
height: 225px;
}
section.aromat h2 {
font-family: Piazzolla;
font-size: 80.23px;
font-weight: 900;
line-height: 113.92px;
color: #FFFFFF0D;
bottom: 30px;
text-align: center;
left: 0;
right: 0;
}
section.dymdymych {
min-height: 950px;
background-repeat: round;
}
section.dymdymych .section-h2 {
display: none;
}
.dym-top-block {
flex-direction: column;
}
.dym-top-inner {
order: 0;
display: flex;
flex-direction: column;
align-items: center;
padding-top: 46px;
}
.dym-top-inner h2 {
font-size: 28px;
font-weight: 1000;
line-height: 33.6px;
text-align: center;
padding-bottom: 4px;
}
.dym-top-subtitle {
font-size: 12px;
font-weight: 700;
line-height: 14.4px;
width: 212px;
padding-bottom: 12px;
text-align: center;
}
.dym-top-text {
font-size: 12px;
font-weight: 300;
line-height: 14.4px;
text-align: center;
width: 284px;
padding-bottom: 33px;
}
.dym-top-inner .dym-top-more {
margin-left: 0;
width: 79px;
}
.dym-top-inner .dym-top-more p {
font-size: 14px;
font-weight: 300;
line-height: 16.8px;
}
.dym-top-inner .dym-top-more img {
margin-left: 22px !important;
width: 57px;
height: 7px;
}
section.dymdymych img {
order: 1;
}
section.dymdymych .dym-top-block img:first-child {
position: absolute;
top: 170px;
left: -260px;
width: 193px;
height: 187px;
}
.dym-bottom-block {
position: unset;
flex-direction: column;
margin-top: 106px;
text-align: center;
gap: 24px;
}
.dym-bottom-text__subText {
position: static;
}
.dym-bottom-col {
gap: 24px;
text-align: center;
margin: 0 auto;
max-width: 100%;
}
.dym-bottom-col-item {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.dym-bottom-title {
text-align: center;
}
section.production {
min-height: 323px;
}
section.production .container {
max-width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.production-title {
padding-top: 40px;
padding-bottom: 4px;
font-size: 28px;
font-weight: 1000;
line-height: 33.6px;
text-align: center;
}
.production-subtitle {
padding-bottom: 39px;
font-size: 12px;
font-weight: 400;
line-height: 14.4px;
text-align: center;
width: 225px;
}
.production-logos {
flex-direction: row;
align-items: center;
gap: 43px;
}
.production-logos img:first-child {
width: 142px;
height: 61px;
}
.production-logos img:last-child {
width: 90px;
height: 65px;
}
.production-link .dym-top-more {
margin: 0 auto;
padding-top: 35px;
width: 75px;
height: 26px;
}
.production-link .dym-top-more p {
font-size: 14px;
font-weight: 300;
line-height: 16.8px;
}
.production-list {
display: none;
}
.production-list-mobile {
display: block !important;
position: absolute;
left: 0;
bottom: 0;
}
.bg-title {
font-family: Piazzolla;
font-size: 56.84px;
font-weight: 900;
line-height: 80.71px;
bottom: 43px;
left: 0;
right: 0;
text-align: center;
}
.recipe-title {
padding-top: 57px;
padding-bottom: 4px;
font-size: 28px;
font-weight: 1000;
line-height: 33.6px;
text-align: center;
}
.recipe-subtitle {
padding-bottom: 65px;
font-size: 12px;
font-weight: 400;
line-height: 14.4px;
text-align: center;
}
.recipe-col {
display: flex;
flex-direction: column;
gap: 52px;
}
.recipe-kolbasa {
padding-top: 0;
display: flex;
justify-content: center;
}
.recipe-kolbasa img {
width: 342px;
height: 253px;
margin-bottom: 40px;
}
.recipres-links {
display: none;
}
section.recipes {
min-height: 730px;
}
.recipes-links-mobile {
display: flex !important;
flex-direction: row;
flex-wrap: wrap;
gap: 50px;
justify-content: center;
margin-bottom: 80px;
}
.recipe-link {
padding-bottom: 0;
font-size: 20px;
font-weight: 1000;
line-height: 24px;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
width: 152px;
white-space: nowrap;
}
.recipe-link .dym-top-more {
width: 75px;
height: 26px;
}
.recipe-link .dym-top-more p {
font-family: Sofia Sans;
font-size: 14px;
font-weight: 300;
line-height: 16.8px;
text-align: left;
}
.recipe-link .dym-top-more img {
width: 59px;
height: 7px;
margin-left: 16px !important;
}
.footer-top {
padding-block: 61px;
}
.footer-top .container {
max-width: 100%;
flex-direction: column;
align-items: center;
justify-content: unset;
}
.footer-left img:first-child {
width: 204px;
height: 87px;
}
.footer-left img:last-child {
width: 218px;
height: 63px;
}
.footer-right {
flex-direction: column;
align-items: center;
gap: 0;
}
.footer-h2 {
width: 232px;
font-size: 28px;
font-weight: 1000;
line-height: 33.6px;
text-align: center;
padding-top: 42px;
padding-bottom: 42px;
}
.footer-contacts {
align-items: center;
gap: 32px;
}
.footer-links {
flex-direction: column;
align-items: center;
gap: 12px;
}
.footer-links a {
font-size: 14px;
font-weight: 700;
line-height: 16.8px;
text-align: center;
}
.footer-bottom {
flex-direction: column;
gap: 16px;
padding-block: 12px;
max-width: 100%;
text-align: center;
width: 230px;
}
.footer-bottom a,
.footer-bottom p {
font-size: 16px;
font-weight: 300;
line-height: 16.4px;
}
section.top-block .top-mobile-petrushka,
section.top-block .top-mobile-cherry {
display: block;
}
.top-tarelka-mobile {
width: 360px;
object-fit: scale-down;
top: 20px;
}
.top-flag-mobile {
width: 270px;
left: 190px !important;
top: 115px !important;
}
}
@media screen and (min-width: 876px) and (max-width: 1600px) {
section.top-block .logo-block {
left: 0px;
}
section.top-block .top-block-shadow {
min-height: 750px;
max-width: fit-content;
margin: 0 auto;
background-position: -580px -80px;
}
section.top-block .top-kolbasa {
left: 20px;
top: 190px;
}
section.top-block .top-kolbasa img {
width: 764px;
}
section.top-block .top-kolbasa .top-kolbasa-inner {
left: 0;
top: 0;
}
section.top-block .top-kolbasa-inner .top-flag {
width: 390px;
position: absolute;
bottom: -340px;
right: 0;
left: 460px;
}
section.aromat {
min-width: 100%;
}
.aromat-top {
margin-left: 20px;
margin-right: 20px;
gap: 0;
justify-content: space-between;
}
.aromat-top-left img {
width: 420px;
height: auto;
margin-left: 30px;
}
.aromat-top-right img {
width: 420px;
height: auto;
margin-left: 20px;
}
.aromat-bottom {
margin-top: 20px;
}
.aromat-string-left {
left: 350px;
bottom: 570px;
}
.aromat-string-right {
right: 320px;
bottom: 570px;
}
section.aromat h2 {
font-size: 210px;
rotate: -90deg;
bottom: 270px;
right: -320px;
}
section.dymdymych img {
margin-left: 0;
width: 460px;
}
.dym-top-text {
width: 400px;
}
.dym-top-subtitle {
width: 380px;
}
.dym-top-more {
margin-left: 255px;
}
.dym-top-more img {
margin-left: 30px !important;
cursor: pointer;
width: 78px !important;
}
section.dymdymych .section-h2 {
font-size: 200px;
rotate: -90deg;
width: fit-content;
bottom: 90px;
right: -180px;
}
.dym-bottom-block {
position: initial;
margin: 0 auto;
width: fit-content;
}
.dym-top-block {
width: fit-content;
margin: 0 auto;
}
section.dymdymych {
min-height: 850px;
}
section.production .container {
max-width: 100%;
}
.production-logos {
gap: 0;
justify-content: space-around;
}
.bg-title {
font-size: 140px;
left: 20px;
}
.production-list {
left: 0;
}
.recipres-links {
gap: 80px;
justify-content: center;
max-width: 100%;
width: 100%;
left: 0;
right: 0;
margin-inline: auto;
}
.footer-top .container,
.footer-bottom {
max-width: 100%;
margin-inline: 20px;
justify-content: space-evenly;
}
.dym-bottom-text__subText {
position: absolute;
top: 740px;
right: 22%;
text-wrap: nowrap;
}
}
@media screen and (min-width: 876px) and (max-width: 1300px) {
.dym-bottom-text__subText {
right: 18%;
}
}
@media screen and (min-width: 876px) and (max-width: 1200px) {
.dym-bottom-text__subText {
right: 10%;
}
section.aromat {
min-width: 100%;
}
.aromat-top {
margin-left: 20px;
margin-right: 20px;
gap: 0;
justify-content: space-between;
}
.aromat-top-left img {
width: 360px;
height: auto;
margin-left: 30px;
}
.aromat-top-right img {
width: 360px;
height: auto;
margin-left: 20px;
}
.aromat-bottom {
margin-top: 20px;
}
.aromat-string-left {
left: 250px;
bottom: 450px;
}
.aromat-string-right {
right: 250px;
bottom: 450px;
}
section.aromat h2 {
font-size: 210px;
rotate: -90deg;
bottom: 270px;
right: -320px;
}
} .slideover-container {
background-image: url(//dymdymych.com/wp-content/uploads/2024/09/bg-red.png);
box-shadow: 0px -5px 4px 0px #57041F9E inset;
background-position: left;
border-radius: 0 0 90px 90px;
position: fixed;
width: 100%;
z-index: 255;
top: -150%;
transition: 1s ease all;
}
.slideover-container.open {
top: 0;
transition: 0.75s ease all;
}
.slideover-header {
display: flex;
flex-direction: column;
gap: 61px;
position: relative;
margin: 0 auto;
max-width: 1109px;
padding-block: 69px 102px;
}
.slideover-close {
position: absolute;
right: 0;
top: 40px;
cursor: pointer;
width: 25px;
height: 25px;
display: flex;
justify-content: center;
align-items: center;
}
.slideover-container .collection {
display: flex;
flex-direction: row;
align-items: center;
gap: 103px;
}
.slideover-inner {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 24px 30px;
margin-top: 7.5px;
align-items: center;
}
.slideover-inner a {
font-family: Sofia Sans;
font-size: 18px;
font-weight: 300;
line-height: 21.6px;
text-align: center;
color: #fff;
padding: 9px 18px;
border: 1px solid #fff;
border-radius: 17px;
background-color: transparent;
transition: 0.45s ease all;
max-height: 22px;
}
.slideover-inner a:hover {
background-color: #fff;
transition: 0.45s ease all;
color: #62102B;
}
.slideover-container .usual {
display: flex;
flex-direction: row;
align-items: center;
gap: 145px;
margin-left: 41px;
} section.breadcrumbs {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
max-width: 1116px;
margin: 0 auto;
margin-bottom: 40px;
}
section.breadcrumbs a {
font-family: Sofia Sans;
font-size: 16px;
font-weight: 300;
line-height: 19.2px;
color: #62102B;
}
@media screen and (max-width: 541px) {
section.breadcrumbs a {
font-size: 14px;
white-space: nowrap;
}
}
section.breadcrumbs a.current-page {
cursor: default;
} .inner-header {
padding-top: 13px;
margin-bottom: 24px;
}
.inner-header .container {
display: flex;
flex-direction: row;
align-items: center;
white-space: nowrap;
max-width: 1116px;
gap: 76px; 
}
.main-catalog .container {
max-width: 784px;
margin: 0 auto;
}
.catalog-title {
font-family: Sofia Sans;
font-size: 56px;
font-weight: 1000;
line-height: 67.2px;
text-align: center;
color: #62102B;
margin-bottom: 24px;
text-transform: uppercase;
}
.swiper-cat-title {
font-family: Sofia Sans;
font-size: 26px;
font-weight: 1000;
line-height: 31.2px;
color: #62102B;
margin: 0;
padding-bottom: 24px;
text-transform: uppercase;
}
.filter-container .swiper {
max-width: 100%;
overflow-x: hidden;
position: relative;
padding-bottom: 77px;
}
.filter-container .swiper-slide { max-width: 226px;
height: 266px;
background-color: #62102B;
border-radius: 14px;
padding: 9px;
flex-shrink: unset;
}
.filter-container .swiper-slide img {
width: 226px;
height: 180px;
border-radius: 14px;
position: relative;
}
.product-badge {
position: absolute;
left: 9px;
top: 9px;
background: linear-gradient(90deg, #A27C49 -36.13%, #AF8450 -18.9%, #CA9D65 15.56%, #F2D3A7 50.02%, #FFEBCE 67.25%, #EEC890 84.48%, #CA9D65 118.94%, #B58851 136.17%);
border-top-left-radius: 14px;
border-bottom-right-radius: 14px;
padding: 8px 24px;
font-family: Sofia Sans;
font-size: 12px;
font-weight: 700;
line-height: 14.4px;
text-align: left;
color: #181818;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.product-badge.single {
top: 0;
left: 0;
padding: 12px 32px;
font-size: 14px;
}
.product-badge.polka {
width: 109px;
white-space: nowrap;
padding-left: 17px;
padding-right: 31px;
}
.catalog-item-slide-title {
display: block;
margin: 0;
padding-top: 12px;
padding-left: 14px;
font-family: Sofia Sans;
font-size: 20px;
font-weight: 1000;
line-height: 24px;
color: #fff;
text-transform: uppercase;
}
.filter-container .swiper .swiper-pagination {
bottom: 47px;
display: flex;
flex-direction: row;
justify-content: center;
gap: 6px;
}
.filter-container .swiper .swiper-pagination-bullet {
width: 34px;
height: 12px;
border-radius: 6px;
background: linear-gradient(90deg, rgba(98, 16, 43, 0.37) 0%, rgba(98, 16, 43, 0.1036) 100%);
margin: 0;
}
.filter-container .swiper .swiper-pagination-bullet-active {
background: #62102B;
}
.filter-container .tabs__nav {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 24px;
margin-bottom: 50px;
padding-bottom: 10px;
}
.filter-container .tabs__link {
font-family: Sofia Sans;
font-size: 18px;
font-weight: 300;
line-height: 21.6px;
color: #62102B;
padding: 10px 20px;
border-radius: 17px;
border: 1px solid #62102B;
background-color: transparent;
transition: 0.45s ease all;
}
.filter-container .tabs__link:hover {
background: linear-gradient(180deg, #62102B 0%, rgba(98, 16, 43, 0.67) 100%);
color: #fff;
transition: 0.45s ease all;
}
.filter-container .tabs__link_active {
background-color: #62102B;
color: #fff;
transition: 0.45s ease all;
}
.filter-container .outer-swiper {
position: relative;
}
.filter-container .swiper-button-prev::after,
.filter-container .swiper-button-next::after {
content: '';
}
.filter-container .swiper-button-prev {
left: -50px;
background: url('data:image/svg+xml,<svg width="17" height="69" viewBox="0 0 17 69" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 1L0.999999 34.5L16 68" stroke="url(%23paint0_linear_734_230)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><defs><linearGradient id="paint0_linear_734_230" x1="0.999999" y1="34.5" x2="16" y2="34.5" gradientUnits="userSpaceOnUse"><stop stop-color="%2362102B"/><stop offset="1" stop-color="%2362102B" stop-opacity="0"/></linearGradient></defs></svg>');
height: 69px;
background-repeat: no-repeat;
transition: 0.45s ease all;
}
.filter-container .swiper-button-next {
right: -57px;
background: url('data:image/svg+xml,<svg width="17" height="69" viewBox="0 0 17 69" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L16 34.5L1 68" stroke="url(%23paint0_linear_516_22)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><defs><linearGradient id="paint0_linear_516_22" x1="16" y1="34.5" x2="1" y2="34.5" gradientUnits="userSpaceOnUse"><stop stop-color="%2362102B"/><stop offset="1" stop-color="%2362102B" stop-opacity="0"/></linearGradient></defs></svg>');
height: 69px;
background-repeat: no-repeat;
transition: 0.45s ease all;
}
.filter-container .swiper-button-prev:hover {
background: url('data:image/svg+xml,<svg width="17" height="69" viewBox="0 0 17 69" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 1L0.999999 34.5L16 68" stroke="url(%23paint0_linear_734_231)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><defs><linearGradient id="paint0_linear_734_231" x1="0.999999" y1="34.5" x2="16" y2="34.5" gradientUnits="userSpaceOnUse"><stop stop-color="%23B2003B"/><stop offset="1" stop-color="%23B2003B" stop-opacity="0"/></linearGradient></defs></svg>');
background-repeat: no-repeat;
transition: 0.45s ease all;
}
.filter-container .swiper-button-next:hover {
background: url('data:image/svg+xml,<svg width="17" height="69" viewBox="0 0 17 69" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L16 34.5L1 68" stroke="url(%23paint0_linear_734_234)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><defs><linearGradient id="paint0_linear_734_234" x1="16" y1="34.5" x2="1" y2="34.5" gradientUnits="userSpaceOnUse"><stop stop-color="%23B2003B"/><stop offset="1" stop-color="%23B2003B" stop-opacity="0"/></linearGradient></defs></svg>');
background-repeat: no-repeat;
transition: 0.45s ease all;
}
.tabs__pane {
display: none;
}
.tabs__pane_show {
display: block;
}
.right-catalog-block {
position: absolute;
right: 325px;
display: flex;
flex-direction: column;
align-items: center;
gap: 17px;
margin-top: -24px;
}
.right-catalog-block a:first-child img {
width: 156px;
height: 83px;
}
.download-pdf-container {
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
}
.download-pdf-container p {
font-family: Sofia Sans;
font-size: 18px;
font-weight: 300;
line-height: 21.6px;
text-align: center;
margin: 0;
color: #62102B;
}
.download-pdf-container a {
width: 132px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #62102B;
border-radius: 17px;
background-color: #fff;
} .item-container {
max-width: 1116px;
margin: 0 auto;
margin-top: 74px;
}
.top-item-row-left {
min-width: 475px;
width: 475px;
height: 574px;
overflow: hidden;
margin-bottom: 142px;
position: relative;
} .item-swiper .swiper-slide img {
width: 475px;
height: 542px;
border-radius: 14px;
object-fit: contain;
scale: 1.3;
}
.top-item-row-left .swiper-pagination.item {
bottom: 0;
}
.top-item-row-left .swiper-pagination {
bottom: 47px;
display: flex;
flex-direction: row;
justify-content: center;
gap: 6px;
}
.top-item-row-left .swiper-pagination-bullet {
width: 34px;
height: 12px;
border-radius: 6px;
background: linear-gradient(90deg, rgba(98, 16, 43, 0.37) 0%, rgba(98, 16, 43, 0.1036) 100%);
margin: 0;
}
.top-item-row-left .swiper-pagination-bullet-active {
background: #62102B;
}
.top-item-row {
display: flex;
flex-direction: row;
align-items: start;
gap: 71px;
margin-bottom: 110px;
}
.top-item-row-right {
display: flex;
flex-direction: column;
}
.top-item-row-right .item-pagetitle {
margin-block: 24px 16px;
font-family: Sofia Sans;
font-size: 56px;
font-weight: 1000;
line-height: 67.2px;
color: #62102B;
text-transform: uppercase;
}
.top-item-row-right .choose-buttons {
display: flex;
flex-direction: row;
align-items: center;
gap: 24px;
}
.top-item-row-right .choose-buttons .tabs__link {
display: flex;
justify-content: center;
align-items: center;
background: transparent;
border-radius: 23px;
border: 1px solid #62102B;
width: 170px;
height: 56px;
font-family: Sofia Sans;
font-size: 27px;
font-weight: 400;
line-height: 32.4px;
text-align: center;
color: #62102B;
transition: 0.45s ease all;
}
.top-item-row-right .choose-buttons .tabs__link:hover {
background: linear-gradient(180deg, #62102B 0%, rgba(98, 16, 43, 0.67) 100%);
transition: 0.45s ease all;
color: #fff;
}
.top-item-row-right .choose-buttons .tabs__link_active {
color: #fff;
background: #62102B;
transition: 0.45s ease all;
}
.itempage-gallery.tabs__pane_show {
display: flex;
flex-direction: column;
gap: 12px;
margin-top: 40px;
}
.itempage-gallery.tabs__pane_show p {
margin: 0;
font-family: Sofia Sans;
font-size: 18px;
font-weight: 300;
line-height: 21.6px;
color: #62102B;
}
.item-info-block {
margin-top: 36px;
display: flex;
flex-direction: column;
gap: 8px;
margin-bottom: 24px;
}
.item-info-block .item-info {
margin: 0;
font-family: Sofia Sans;
font-size: 18px;
font-weight: 700;
line-height: 21.6px;
text-transform: uppercase;
color: #62102B;
}
.item-buy-btn-container {
width: 173px;
height: 60px;
background-image: url(//dymdymych.com/wp-content/uploads/2024/09/buy-btn-round.png);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: 19px;
cursor: pointer;
position: relative;
}
.item-buy-btn-container a {
font-family: Sofia Sans;
font-size: 19px;
font-weight: 300;
line-height: 22.8px;
text-align: center;
color: #62102B;
text-transform: uppercase; }
.item-buy-btn-container svg {
margin-left: 14px;
margin-top: 4px;
}
.try-item-title {
font-family: Sofia Sans;
font-size: 26px;
font-weight: 1000;
line-height: 31.2px;
color: #62102B;
text-transform: uppercase;
}
.try-item-recipes {
display: flex;
flex-direction: row;
align-items: center;
gap: 36px;
margin-block: 40px 60px;
}
.try-item-recipe {
width: 312px;
min-height: 382px;
height: auto;
border-radius: 19px;
background: #fff;
box-shadow: 0px 2px 5px 1px #00000040;
padding: 18px 18px 26px 18px;
}
.try-item-recipe p,
.try-item-recipe a {
margin: 0;
margin-left: 8px;
}
.try-item-recipe-title {
padding-block: 12px 6px;
font-family: Sofia Sans;
font-size: 22px;
font-weight: 900;
line-height: 26.4px;
text-transform: uppercase;
color: #62102B;
}
.try-item-recipe-link {
font-family: Sofia Sans;
font-size: 18px;
font-weight: 300;
line-height: 21.6px;
color: #62102B;
transition: 0.45s ease all;
}
.try-item-recipe-link:hover {
color: #B2003B;
transition: 0.45s ease all;
}
.bottom-item-row {
display: flex;
flex-direction: column;
margin-bottom: 160px;
}
.more-recipes-link-container {
margin-left: auto;
}
.more-recipes-link {
display: flex;
flex-direction: column;
gap: 5px;
align-items: end;
font-family: Sofia Sans;
font-size: 18px;
font-weight: 300;
line-height: 21.6px;
color: #62102B;
text-transform: uppercase;
transition: 0.45s ease all;
}
.more-recipes-link:hover {
color: #B2003B;
transition: 0.45s ease all;
}
.more-recipes-link svg {
margin-right: -7px;
}
.where-buy-tabs {
scale: 0;
position: absolute;
transition: 0.45s ease all;
width: 570px;
min-height: 429px;
height: auto;
top: 0;
left: 0;
margin-top: 40px;
}
.where-buy-tabs.open {
scale: 1;
transition: 0.45s ease all;
}
.where-buy-gallery.tabs__pane_show {
box-shadow: 0px 2px 5px 1px #00000040;
background: #fff;
border-radius: 20px; padding: 36px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 55px;
align-items: center;
justify-content: center;
position: relative;
cursor: default;
}
.where-buy-gallery.tabs__pane_show img {
width: 100%;
height: 100%;
object-fit: scale-down;
}
.where-buy-gallery.tabs__pane_show .left-col {
display: flex;
flex-direction: column;
gap: 40px;
align-items: center;
}
.where-buy-gallery.tabs__pane_show .right-col {
display: flex;
flex-direction: column;
gap: 40px;
align-items: center;
}
.where-buy-close {
position: absolute;
top: 78px;
right: 24px;
z-index: 225;
cursor: pointer;
}
.where-buy-tabs.open .tabs__nav {
gap: 12px;
}
.where-buy.tabs__link_active {
font-size: 20px !important;
font-weight: 300 !important;
line-height: 24px !important;
text-align: center !important;
color: #fff !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
border-top-right-radius: 20px !important;
border-top-left-radius: 20px !important;
text-transform: unset !important;
position: relative;
bottom: -15px;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
padding-bottom: 12px;
padding-inline: 33px !important;
}
.where-buy.tabs__link {
font-size: 20px !important;
font-weight: 300 !important;
line-height: 24px !important;
text-align: center !important;
color: #62102B;
display: flex !important;
justify-content: center !important;
align-items: center !important;
border-top-right-radius: 20px !important;
border-top-left-radius: 20px !important;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
text-transform: unset !important;
position: relative;
bottom: -15px;
padding-bottom: 12px;
padding-inline: 33px !important;
border: 0 !important;
white-space: nowrap;
}
.where-buy.tabs__link:hover {
background: #62102B !important;
color: #fff !important;
} section.main-recipes .container {
max-width: 1116px;
margin: 0 auto;
}
.recipe-filter-container .dropdown {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 8px;
position: relative;
}
.recipe-filter-container .dropdown .clear-option {
cursor: pointer;
}
.recipe-filter-container .dropdown-selected {
font-family: Sofia Sans;
font-size: 16px;
font-weight: 400;
line-height: 19.2px;
text-align: center;
color: #62102B;
cursor: pointer;
}
.recipe-filter-container .dropdown-selected .arrow-icon {
transition: 0.45s ease all;
}
.rotate {
rotate: 180deg;
transition: 0.45s ease all;
}
.recipe-filter-container .dropdown-options {
display: none;
position: absolute;
background-color: #fff;
width: 214px;
z-index: 212;
border-radius: 17px;
box-shadow: 0px 4px 4px 0px #00000040;
top: 20px;
padding: 16px 13px;
}
.recipe-filter-container .dropdown-option {
cursor: pointer;
font-family: Sofia Sans;
font-size: 16px;
font-weight: 400;
line-height: 19.2px;
text-align: center;
color: #62102B;
}
.recipe-filter-container .dropdown-option:last-child img {
display: none;
}
.recipe-filter-container .dropdown.open .dropdown-options {
display: block;
}
.main-recipes-title {
margin-block: 27px 12px;
font-family: Sofia Sans;
font-size: 56px;
font-weight: 1000;
line-height: 67.2px;
text-align: center;
text-transform: uppercase;
color: #62102B;
}
.main-recipes-subtitle {
margin-top: 0;
margin-bottom: 27px;
font-family: Sofia Sans;
font-size: 26px;
font-weight: 1000;
line-height: 31.2px;
text-align: center;
text-transform: uppercase;
color: #62102B;
}
section.main-recipes .choose-buttons.tabs__nav {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 28px;
margin-bottom: 58px;
}
section.main-recipes .tabs__link {
display: block;
font-family: Sofia Sans;
font-size: 18px;
font-weight: 300;
line-height: 21.6px;
color: #62102B;
padding: 10px 20px;
border-radius: 17px;
border: 1px solid #62102B;
background-color: transparent;
transition: 0.45s ease all;
}
section.main-recipes .tabs__link:hover {
background: linear-gradient(180deg, #62102B 0%, rgba(98, 16, 43, 0.67) 100%);
color: #fff;
transition: 0.45s ease all;
}
section.main-recipes .tabs__link_active {
background-color: #62102B;
color: #fff;
transition: 0.45s ease all;
}
.main-recipes-filters-container {
display: flex;
flex-direction: row;
align-items: center;
gap: 146px;
justify-content: center;
text-align: center;
}
.recipe-filter-container {
width: fit-content;
}
.recipe-filter-title {
margin: 0;
font-family: Sofia Sans;
font-size: 26px;
font-weight: 400;
line-height: 31.2px;
text-align: center;
color: #62102B;
padding-bottom: 4px;
}
.recipe-main-cards {
margin-top: 40px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 36px;
margin-bottom: 160px;
}
.recipe-main-cards .try-item-recipe {
width: 312px;
min-height: 382px;
}
.try-item-recipe-img {
width: 312px;
height: 310px;
border-radius: 17px;
}
.try-item-recipe-img img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 17px;
}
@media (max-width: 950px) {
.try-item-recipe-img {
width: 100%;
height: auto;
}
} section.main-recipe .container {
max-width: 1116px;
margin: 0 auto;
display: flex;
flex-direction: row;
align-items: self-start;
gap: 71px;
}
.main-recipe-title {
margin: 0;
padding-block: 24px 12px;
font-family: Sofia Sans;
font-size: 56px;
font-weight: 1000;
line-height: 67.2px;
color: #62102B;
text-transform: uppercase;
}
.main-recipe-subtitle {
margin: 0;
padding-bottom: 20px;
font-family: Sofia Sans;
font-size: 18px;
font-weight: 700;
line-height: 21.6px;
text-transform: uppercase;
color: #62102B;
}
.portions-main-container {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 16px;
width: 518px;
height: 68px;
background-color: #62102B;
border-radius: 23px;
}
.portions-main-container p {
font-family: Sofia Sans;
font-size: 16px;
font-weight: 400;
line-height: 19.2px;
text-align: left;
color: #fff;
}
.item-counter-container {
display: flex;
flex-direction: row;
align-items: center;
gap: 0px;
background-color: #fff;
border-radius: 11px;
width: 80px;
height: 34px;
justify-content: center;
}
.item-counter-container .item-count {
border: 0;
background: transparent;
width: 21px;
text-align: center;
}
.item-counter-container .item-counter-minus,
.item-counter-container .item-counter-plus,
.item-counter-container .item-count {
font-family: Sofia Sans;
font-size: 18px;
font-weight: 400;
line-height: 21.6px;
color: #62102B;
border: 0;
background: transparent;
cursor: pointer;
}
.main-recipe-left-img {
width: 475px;
height: 542px;
border-radius: 17px;
}
.main-recipe-left img {
position: relative;
z-index: 213;
width: 100%;
height: 100%;
border-radius: 17px;
object-fit: cover;
}
@media (max-width: 600px) {
.main-recipe-left-img {
width: 100%;
height: auto;
}
}
.main-recipe-left .nutrients {
width: 475px;
min-height: 270px;
height: auto;
border-radius: 20px;
background-color: #fff;
box-shadow: 0px 2px 5px 1px #00000040;
padding-top: 60px;
margin-top: -60px;
position: relative;
z-index: 212;
overflow: hidden;
display: flex;
flex-direction: column;
}
.main-recipe-left .nutrients p {
margin: 0;
}
.nutrients-title {
font-family: Sofia Sans;
font-size: 20px;
font-weight: 700;
line-height: 24px;
text-align: left;
color: #62102B;
text-transform: uppercase;
padding-top: 24px;
padding-left: 32px;
padding-bottom: 21px;
}
.nutrients-ccal {
position: absolute;
right: -80px;
bottom: -84px;
width: 188px;
height: 188px;
background-color: #62102B;
border-radius: 50%;
}
.nutrients-ccal p {
width: fit-content;
font-family: Sofia Sans;
font-size: 20px;
font-weight: 800;
line-height: 24px;
text-align: right;
color: #fff;
padding-left: 35px;
padding-top: 35px;
}
.nutrient-cols {
margin-top: auto;
margin-left: 32px;
margin-bottom: 25px;
display: flex;
flex-direction: row;
gap: 18px;
align-items: end;
}
.nutrient-col {
display: flex;
flex-direction: column;
align-items: center;
gap: 4.5px;
}
.nutrient-col-title {
font-family: Sofia Sans;
font-size: 14px;
font-weight: 300;
line-height: 16.8px;
color: #62102B;
}
.nutrient-col-title span {
font-family: Sofia Sans;
font-size: 14px;
font-weight: 700;
line-height: 16.8px;
text-align: left;
color: inherit;
}
.nutrient-weight {
font-family: Sofia Sans;
font-size: 20px;
font-weight: 300;
line-height: 24px;
text-align: left;
color: #62102B;
}
.nutrient-col-bars {
display: flex;
flex-direction: column;
align-items: center;
gap: 2px;
}
.nutrient-round-bar {
width: 95px;
height: 18px;
border-radius: 9px;
background-color: #62102B;
}
.nutrient-top-bar {
width: 95px;
height: 18px;
border-top-left-radius: 9px;
border-top-right-radius: 9px;
background-color: #62102B;
}
.nutrient-middle-bar {
width: 95px;
height: 18px;
background-color: #62102B;
}
.nutrient-bottom-bar {
width: 95px;
height: 18px;
border-bottom-left-radius: 9px;
border-bottom-right-radius: 9px;
background-color: #62102B;
}
.recipe-component p {
margin: 0;
}
.recipe-component-title {
padding-top: 30px;
padding-bottom: 12px;
font-family: Sofia Sans;
font-size: 18px;
font-weight: 400;
line-height: 21.6px;
text-align: left;
color: #62102B;
margin: 0;
}
.recipe-components,
.recipe-component {
width: fit-content;
}
.recipe-component-item-wrapper { width: 100%;
display: flex;
flex-direction: column;
gap: 8px;
padding-bottom: 8px;
}
.recipe-component-item {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
width: 398px;
}
.recipe-component-item-title {
padding-left: 4px;
max-width: 250px;
}
.recipe-component-item-weight {
padding-right: 4px;
width: 250px;
text-align: right;
}
.recipe-component-item-wrapper:last-child {
padding-bottom: 0;
}
.recipe-stages {
margin-top: 80px;
}
.recipe-stages .container {
display: flex !important;
flex-direction: column !important;
gap: 20px !important;
}
.recipe-stages-title {
margin: 0;
font-family: Sofia Sans;
font-size: 40px;
font-weight: 900;
line-height: 48px;
text-align: left;
color: #62102B;
margin-bottom: -2px;
text-transform: uppercase;
}
.recipe-stage {
counter-increment: stage;
width: 100%;
}
.recipe-stage-title::before {
content: counter(stage) '.';
}
.recipe-stage-title {
font-family: Sofia Sans;
font-size: 24px;
font-weight: 700;
line-height: 28.8px;
text-transform: uppercase;
color: #62102B;
}
.recipe-stage-text, .recipe-stage p, .recipe-stage li, .recipe-stage-text p, .recipe-stage-text li{
margin: 0;
font-family: Sofia Sans;
font-size: 18px;
font-weight: 300;
line-height: 21.6px;
color: #62102B;
padding-top: 8px;
max-width: 902px;
}
.recipe-stages-done {
font-family: Sofia Sans;
font-size: 18px;
font-weight: 700;
line-height: 21.6px;
text-align: right;
text-transform: uppercase;
color: #62102B;
margin-left: auto;
margin-top: 26px;
}
.share-recipe {
max-width: 949px;
margin: 0 auto;
display: flex;
flex-direction: row;
align-items: center;
gap: 46px;
justify-content: center;
border: 1px solid #62102B;
border-radius: 20px;
background-color: #fff;
height: 124px;
margin-top: 71px;
margin-bottom: 160px;
}
.share-recipe p {
font-family: Sofia Sans;
font-size: 21px;
font-weight: 700;
line-height: 25.2px;
color: #62102B;
text-transform: uppercase;
} .about-brand .container {
max-width: 1116px;
margin: 0 auto;
}
.about-brand-title {
margin: 0;
font-family: Sofia Sans;
font-size: 56px;
font-weight: 1000;
line-height: 67.2px;
text-align: center;
color: #62102B;
text-transform: uppercase;
padding-bottom: 28px;
}
.about-brand-subtitle {
margin: 0;
font-family: Sofia Sans;
font-size: 24px;
font-weight: 700;
line-height: 28.8px;
text-align: left;
color: #62102B;
text-transform: uppercase;
padding-bottom: 20px;
}
.about-brand-top-text {
display: flex;
flex-direction: column;
gap: 20px;
margin-bottom: 60px;
}
.about-brand-top-text p, .about-brand-top-text li {
font-family: Sofia Sans;
font-size: 20px;
font-weight: 300;
line-height: 24px;
text-align: left;
color: #62102B;
margin: 0;
}
.about-brand-video {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 80px;
}
@media screen and (max-width: 450px) {
.about-brand-video {
display: none;
}
.about-brand-video.mobile {
display: block !important;
max-width: 353px;
margin: 0 auto;
margin-bottom: 24px;
}
.about-brand-video.mobile img {
width: 100%;
height: 100%;
}
}
.about-brand-inner-video {
width: 1518px;
height: 718px;
object-fit: fill;
border-radius: 42px;
}
@media (max-width: 1600px) {
.about-brand-inner-video {
width: 100%;
height: auto;
border-radius: 17px;
margin-inline: 20px;
}
}
.about-brand-video img {
width: 1518px;
height: 718px;
border-radius: 42px;
margin: 0 auto;
position: relative;
}
.about-brand-video .play-btn {
position: absolute;
border: 1px solid #fff;
border-radius: 11px;
width: 132px;
height: 144px;
display: flex;
justify-content: center;
align-items: center;
padding-left: 12px;
cursor: pointer;
}
.kolbasi-title {
margin: 0;
font-family: Sofia Sans;
font-size: 40px;
font-weight: 900;
line-height: 48px;
text-align: left;
text-transform: uppercase;
color: #62102B;
padding-bottom: 11px;
}
.kolbasi-text {
margin: 0 auto;
font-family: Sofia Sans;
font-size: 20px;
font-weight: 300;
line-height: 24px;
text-align: left;
color: #62102B;
}
.about-brand-bg-text-container {
background-image: url(//dymdymych.com/wp-content/uploads/2024/09/bg-red.png);
margin-bottom: 38px;
}
.choosing-text {
margin: 0;
font-family: Sofia Sans;
font-size: 20px;
font-weight: 300;
line-height: 24px;
text-align: left;
color: #62102B;
padding-bottom: 30px;
}
.choosing-link {
display: flex;
flex-direction: column;
gap: 4px;
margin-bottom: 110px;
}
.choosing-link p {
font-family: Sofia Sans;
font-size: 19px;
font-weight: 300;
line-height: 22.8px;
text-align: left;
margin: 0;
color: #62102B;
text-transform: uppercase;
}
.choosing-link svg {
margin-left: 19px;
}
@media (max-width: 1024px) {
.about-brand-top-text, .about-brand-video {
margin-bottom: 24px;
}
.about-brand-bg-text-container p {
padding-block: 32px;
}
.choosing-link {
margin-bottom: 40px;
}
} .where-buy-page .container {
max-width: 1116px;
margin: 0 auto;
}
.where-buy-title {
margin: 0;
padding-bottom: 101px;
font-family: Sofia Sans;
font-size: 26px;
font-weight: 1000;
line-height: 31.2px;
text-align: left;
text-transform: uppercase;
color: #62102B;
}
.where-buy-page-gallery.tabs__pane_show {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: center;
background-color: #fff;
border-radius: 20px;
box-shadow: 0px 2px 5px 1px #00000040;
margin-bottom: 120px;
position: relative;
z-index: 212;
margin-top: -40px;
}
.where-buy-page-gallery.tabs__pane_show .row {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
margin-top: 82px;
}
.wherebuy_shop_title {
font-family: Sofia Sans !important;
font-size: 40px !important;
font-weight: 900 !important;
line-height: 48px !important;
text-align: left !important;
text-underline-position: from-font !important;
text-decoration-skip-ink: none !important;
color: #62102B !important;
text-transform: uppercase !important;
}
.where-buy-page-gallery.tabs__pane_show .row #magnit {
margin-right: 72px;
}
.where-buy-page-gallery.tabs__pane_show .row #sber {
margin-right: 88px;
}
.where-buy-page-gallery.tabs__pane_show .row:nth-child(2) {
margin-top: 69px;
}
.where-buy-page-gallery.tabs__pane_show .row #yamarket {
margin-right: 45px;
}
.where-buy-page-gallery.tabs__pane_show .row #mega {
margin-right: 98px;
margin-top: 9px;
}
.where-buy-page-gallery.tabs__pane_show #ozon {
margin-top: 102px;
margin-bottom: 82px;
}
.where-buy-page.tabs__link {
padding-block: 16px 24px;
padding-inline: 33px;
font-family: Sofia Sans;
font-size: 20px;
font-weight: 300;
line-height: 24px;
color: #62102B;
transition: 0.45s ease all;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.where-buy-page.tabs__link:hover {
background: linear-gradient(180deg, #62102B 0%, rgba(98, 16, 43, 0.67) 100%);
color: #fff;
transition: 0.45s ease all;
}
.where-buy-page.tabs__link_active {
color: #fff;
background-color: #62102B;
display: inline-block;
position: relative;
z-index: 211;
height: 50px;
}
.where-buy-page.tabs__link_active:hover {
color: #fff;
background: #62102B;
}
.where-buy-geography {
margin-bottom: 160px;
}
@media (max-width: 1200px) {
.where-buy-geography {
margin-bottom: 60px;
margin-inline: 20px;
}
.where-buy-geography img {
width: 100%;
}
.where-buy-page-gallery.tabs__pane_show {
margin-bottom: 40px;
}
}
.where-buy-geography p {
margin: 0;
padding-bottom: 50px;
font-family: Sofia Sans;
font-size: 26px;
font-weight: 1000;
line-height: 31.2px;
text-align: left;
text-transform: uppercase;
color: #62102B;
} section.main-news {
margin-bottom: 160px;
}
.main-news .container {
max-width: 1116px;
margin: 0 auto;
}
section.main-news .tabs__nav {
max-width: 915px;
text-align: center;
margin: 0 auto;
display: flex;
flex-direction: row;
justify-content: center;
gap: 45px;
margin-bottom: 75px;
}
section.main-news .tabs__nav .tabs__link {
padding: 12px 37px;
border: 1px solid #62102B;
border-radius: 23px;
font-family: Sofia Sans;
font-size: 27px;
font-weight: 400;
line-height: 32.4px;
text-align: center;
color: #62102B;
transition: 0.5s ease all;
}
.example-btn.tabs__link.tabs__link:hover {
transition: 0.5s ease all;
background: linear-gradient(180deg, #62102B 0%, rgba(98, 16, 43, 0.67) 100%);
color: #fff;
}
section.main-news .tabs__nav .tabs__link_active {
background-color: #62102B;
color: #fff;
transition: 0.5s ease all;
}
section.main-news .tabs__nav .tabs__link_active:hover {
background-color: #62102B;
}
.news-gallery.tabs__pane_show {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 36px;
}
.news-card {
width: 312px;
min-height: 502px;
box-shadow: 0px 2px 5px 1px #00000040;
border-radius: 19px;
background-color: #fff;
padding: 18px;
position: relative;
}
.news-card img {
margin-bottom: 18px;
}
.news-card-img-container {
width: 312px;
height: 310px;
border-radius: 17px;
}
@media screen and (max-width: 390px) {
.news-card-img-container {
max-width: 312px;
max-height: 310px;
border-radius: 17px;
width: 100%;
}
}
.news-card-img-container img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 17px;
}
.news-card-title {
font-family: Sofia Sans;
font-size: 22px;
font-weight: 900;
line-height: 26.4px;
text-align: left;
text-transform: uppercase;
color: #62102B;
margin-left: 8px;
}
.news-card-lil-text {
margin: 0;
padding-left: 8px;
padding-top: 6px;
width: 228px;
font-family: Sofia Sans;
font-size: 18px;
font-weight: 300;
line-height: 21.6px;
text-align: left;
color: #62102B;
}
.news-card-date {
margin: 0;
position: absolute;
bottom: 16px;
right: 26px;
font-family: Sofia Sans;
font-size: 18px;
font-weight: 300;
line-height: 21.6px;
text-align: right;
color: #62102B;
} .main-single-news .container {
max-width: 1116px;
margin: 0 auto;
}
.main-single-news-top {
display: flex;
flex-direction: row;
align-items: start;
gap: 71px;
}
.main-single-news-top .left img {
width: 475px;
height: 542px;
border-radius: 17px;
object-fit: cover;
}
.single-news-title {
margin: 0 auto;
padding-top: 24px;
padding-bottom: 12px;
font-family: Sofia Sans;
font-size: 40px;
font-weight: 1000;
line-height: 48px;
text-align: left;
color: #62102B;
text-transform: uppercase;
}
.single-news-date {
margin: 0;
padding-bottom: 28px;
font-family: Sofia Sans;
font-size: 18px;
font-weight: 700;
line-height: 21.6px;
text-align: left;
color: #62102B;
}
.single-news-main-text {
display: flex;
flex-direction: column;
gap: 16px;
}
.single-news-main-text p, .single-news-main-text li {
margin: 0;
font-family: Sofia Sans;
font-size: 18px;
font-weight: 300;
line-height: 21.6px;
text-align: left;
color: #62102B;
}
.main-single-news-bottom {
margin-top: 70px;
margin-bottom: 160px;
}
.main-single-news-bottom p,
.main-single-news-bottom li {
font-family: Sofia Sans;
font-size: 18px;
font-weight: 300;
line-height: 21.6px;
text-align: left;
color: #62102B;
}
.single-news-bottom-text {
margin: 0;
padding-bottom: 16px;
}
.single-news-bottom-list {
margin: 0;
display: flex;
flex-direction: column;
gap: 12px;
list-style: none;
}
.main-single-news-bottom li::before {
content: '·';
color: #62102B;
font-size: 28px;
height: 100%;
display: block;
margin-top: -2px;
}
.main-single-news-bottom li {
display: flex;
flex-direction: row;
align-items: start;
gap: 10px;
} section.main-contacts .container {
max-width: 800px;
margin: 0 auto;
}
.main-contacts-title {
margin: 0;
font-family: Sofia Sans;
font-size: 56px;
font-weight: 1000;
line-height: 67.2px;
text-align: center;
text-transform: uppercase;
color: #62102B;
padding-bottom: 9px;
}
.main-contacts-subtitle {
margin: 0;
font-family: Sofia Sans;
font-size: 26px;
font-weight: 1000;
line-height: 48px;
text-align: center;
text-transform: uppercase;
color: #62102B;
padding-bottom: 40px;
}
.main-contacts-form-inner {
padding: 54px 67px;
background-color: #62102B;
border-radius: 17px;
font-family: Sofia Sans;
font-size: 20px;
font-weight: 300;
line-height: 24px;
text-align: left;
color: #62102B;
display: flex;
flex-direction: column;
gap: 24px;
}
.contacts-dropdown-options {
display: none;
}
.contacts-dropdown-container {
background: #fff;
border-radius: 17px;
width: 100%;
height: 83px;
display: flex;
flex-direction: row;
align-items: center;
position: relative;
}
.contacts-dropdown-selected {
display: flex;
flex-direction: row;
align-items: center;
width: 100%;
padding-left: 32px;
cursor: pointer;
height: 100%;
}
@media screen and (max-width: 501px) {
.contacts-dropdown-selected {
font-size: 14px;
}
.contacts-form-input, .contacts-form-textarea {
font-size: 14px !important;
}
}
.contacts-dropdown-selected img {
margin-left: auto;
margin-right: 32px;
transition: 0.45s ease all;
}
.contacts-dropdown-options.open {
position: absolute;
top: 69px;
display: flex;
flex-direction: column;
background-color: #fff;
border-bottom-right-radius: 17px;
border-bottom-left-radius: 17px;
padding-left: 59px;
padding-bottom: 27px;
padding-top: 29px;
padding-right: 45px;
}
.contacts-dropdown-option {
display: flex;
flex-direction: column;
gap: 12px;
margin-bottom: 12px;
cursor: pointer;
transition: 0.45s ease all;
font-family: Sofia Sans;
font-size: 24px;
font-weight: 300;
line-height: 28.8px;
text-align: left;
}
.contacts-dropdown-option:hover {
color: #B2003B;
transition: 0.45s ease all;
}
.contacts-dropdown-option:last-child {
margin-bottom: 0;
}
.contacts-dropdown-options.open img {
width: 100%;
}
.contacts-form-input {
width: calc(100% - 34px);
height: 81px;
background-color: #fff;
border-radius: 17px;
border: 0;
padding-left: 32px;
font-family: Sofia Sans;
font-size: 20px;
font-weight: 300;
line-height: 24px;
text-align: left;
color: #62102B;
opacity: 1;
}
.contacts-form-input::placeholder,
.contacts-form-textarea::placeholder {
opacity: 1;
color: #62102B;
}
.contacts-form-textarea {
background-color: #fff;
border: 0;
width: calc(100% - 34px);
height: 236px;
border-radius: 17px;
padding-top: 29px;
padding-left: 32px;
height: 236px;
color: #62102B;
font-family: Sofia Sans;
font-size: 20px;
font-weight: 300;
line-height: 24px;
text-align: left;
opacity: 1;
}
.contacts-form-required {
margin: 0;
color: #fff;
padding-left: 32px;
}
.main-contacts-submit .top {
margin-top: 23px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: start;
gap: 9px;
}
.main-contacts-submit .top input {
accent-color: #62102B;
}
.main-contacts-submit .top p {
font-family: Sofia Sans;
font-size: 20px;
font-weight: 300;
line-height: 24px;
margin: 0;
color: #62102B;
}
.main-contacts-submit .top p a {
font-family: Sofia Sans;
font-size: 20px;
font-weight: 600;
line-height: 24px;
text-align: left;
color: #62102B;
transition: 0.45s ease all;
}
.main-contacts-submit .top p a:hover {
color: #B2003B;
transition: 0.45s ease all;
}
.main-contacts-submit button {
border: 0;
background: transparent;
display: flex;
flex-direction: column;
gap: 5px;
outline: none;
font-family: Sofia Sans;
font-size: 18px;
font-weight: 300;
line-height: 21.6px;
text-align: left;
color: #62102B;
transition: 0.45s ease all;
text-transform: uppercase;
cursor: pointer;
margin: 0 auto;
padding-block: 36px 160px;
}
@media (max-width: 1024px) {
.main-contacts-submit button {
padding-bottom: 40px;
}
}
.main-contacts-submit button:hover {
color: #B2003B;
transition: 0.45s ease all;
}
.main-contacts-submit button svg {
padding-left: 38px;
} section.main-search .search-container {
margin-left: 402px;
margin-bottom: 40px;
}
.search-popular-title {
margin: 0;
padding-bottom: 32px;
font-family: Sofia Sans;
font-size: 40px;
font-weight: 1000;
line-height: 48px;
text-align: left;
color: #62102B;
text-transform: uppercase;
}
.search-field {
width: 772px;
height: 62px;
background-color: #fff;
border: 1px solid #62102B;
border-radius: 31px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding-left: 32px;
padding-right: 25px;
margin-bottom: 20px;
}
.search-field svg {
cursor: pointer;
}
.search-field input {
border: 0;
height: calc(100% - 10px);
width: 100%;
font-family: Sofia Sans;
font-size: 20px;
font-weight: 300;
line-height: 24px;
text-align: left;
color: #62102B;
opacity: 1;
}
.search-field input::placeholder {
color: #62102B;
opacity: 1;
}
.search-filter-buttons {
width: fit-content;
display: flex;
flex-direction: row;
gap: 30px;
}
.search-filter-buttons button {
border: 1px solid #62102B;
font-family: Sofia Sans;
font-size: 18px;
font-weight: 300;
line-height: 21.6px;
text-align: left;
color: #62102B;
background: #fff;
border-radius: 17px;
padding: 10px 20px;
transition: 0.45s ease all;
cursor: pointer;
}
.search-filter-buttons button:hover {
background: linear-gradient(180deg, #62102B 0%, rgba(98, 16, 43, 0.67) 100%);
color: #fff;
transition: 0.45s ease all;
}
.search-filter-buttons button.active {
color: #fff;
background-color: #62102B;
transition: 0.45s ease all;
}
section.main-search .outer-swiper {
position: relative;
}
section.main-search .swiper-button-prev::after,
section.main-search .swiper-button-next::after {
content: '';
}
section.main-search .swiper-button-prev {
left: -50px;
background: url('data:image/svg+xml,<svg width="17" height="69" viewBox="0 0 17 69" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 1L0.999999 34.5L16 68" stroke="url(%23paint0_linear_734_230)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><defs><linearGradient id="paint0_linear_734_230" x1="0.999999" y1="34.5" x2="16" y2="34.5" gradientUnits="userSpaceOnUse"><stop stop-color="%2362102B"/><stop offset="1" stop-color="%2362102B" stop-opacity="0"/></linearGradient></defs></svg>');
height: 69px;
background-repeat: no-repeat;
transition: 0.45s ease all;
}
section.main-search .swiper-button-next {
right: -57px;
background: url('data:image/svg+xml,<svg width="17" height="69" viewBox="0 0 17 69" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L16 34.5L1 68" stroke="url(%23paint0_linear_516_22)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><defs><linearGradient id="paint0_linear_516_22" x1="16" y1="34.5" x2="1" y2="34.5" gradientUnits="userSpaceOnUse"><stop stop-color="%2362102B"/><stop offset="1" stop-color="%2362102B" stop-opacity="0"/></linearGradient></defs></svg>');
height: 69px;
background-repeat: no-repeat;
transition: 0.45s ease all;
}
section.main-search .swiper-button-prev:hover {
background: url('data:image/svg+xml,<svg width="17" height="69" viewBox="0 0 17 69" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 1L0.999999 34.5L16 68" stroke="url(%23paint0_linear_734_231)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><defs><linearGradient id="paint0_linear_734_231" x1="0.999999" y1="34.5" x2="16" y2="34.5" gradientUnits="userSpaceOnUse"><stop stop-color="%23B2003B"/><stop offset="1" stop-color="%23B2003B" stop-opacity="0"/></linearGradient></defs></svg>');
background-repeat: no-repeat;
transition: 0.45s ease all;
}
section.main-search .swiper-button-next:hover {
background: url('data:image/svg+xml,<svg width="17" height="69" viewBox="0 0 17 69" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L16 34.5L1 68" stroke="url(%23paint0_linear_734_234)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><defs><linearGradient id="paint0_linear_734_234" x1="16" y1="34.5" x2="1" y2="34.5" gradientUnits="userSpaceOnUse"><stop stop-color="%23B2003B"/><stop offset="1" stop-color="%23B2003B" stop-opacity="0"/></linearGradient></defs></svg>');
background-repeat: no-repeat;
transition: 0.45s ease all;
}
.search-popular {
max-width: 784px;
margin-left: 402px;
margin-bottom: 129px;
}
section.main-search .outer-swiper .swiper {
overflow: hidden;
}
.swiper-search_popular .swiper-slide {
background-color: #62102B; min-height: 266px;
height: auto;
padding: 9px;
border-radius: 19px;
box-sizing: border-box;
}
.swiper-search_popular .swiper-slide img { width: 100%;
height: auto;
border-radius: 14px;
min-height: 180px;
}
section.main-search .swiper .swiper-pagination {
bottom: -30px;
display: flex;
flex-direction: row;
justify-content: center;
gap: 6px;
}
section.main-search .swiper .swiper-pagination-bullet {
width: 34px;
height: 12px;
border-radius: 6px;
background: linear-gradient(90deg, rgba(98, 16, 43, 0.37) 0%, rgba(98, 16, 43, 0.1036) 100%);
margin: 0;
}
section.main-search .swiper .swiper-pagination-bullet-active {
background: #62102B;
}
.search-popular-recipes {
max-width: 1116px;
margin: 0 auto;
padding-bottom: 160px;
display: flex;
flex-direction: column;
}
.search-popular-recipes-title {
margin: 0;
font-family: Sofia Sans;
font-size: 40px;
font-weight: 1000;
line-height: 48px;
text-align: left;
color: #62102B;
text-transform: uppercase;
}
.search-popular-recipes .inner {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 36px;
padding-top: 32px;
}
.search-popular-recipes .try-item-recipe {
width: 312px;
min-height: 382px;
height: auto;
border-radius: 19px;
background: #fff;
box-shadow: 0px 2px 5px 1px #00000040;
padding: 18px 18px 26px 18px;
} .search-results {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 40px;
align-items: center;
margin-left: 401px;
margin-bottom: 52px;
max-width: 830px;
}
.search-product {
background: #62102B;
padding: 9px;
border-radius: 19px;
width: 226px;
height: 316px;
}
.search-product-title {
display: block;
font-family: Sofia Sans;
font-size: 20px;
font-weight: 1000;
line-height: 24px;
text-align: left;
color: #fff;
margin: 0;
padding-left: 14px;
text-transform: uppercase;
}
.search-recipe .try-item-recipe {
width: 226px;
min-height: 316px;
height: auto;
padding: 9px;
display: flex;
flex-direction: column;
}
.search-recipe .try-item-recipe-title {
font-family: Sofia Sans;
font-size: 16px;
font-weight: 900;
line-height: 19.2px;
text-align: left;
padding: 0;
margin-top: 12px;
}
.search-recipe .try-item-recipe-link {
font-family: Sofia Sans;
font-size: 16px;
font-weight: 300;
line-height: 19.2px;
text-align: left;
margin-top: auto;
}
.search-material .news-card {
width: 226px;
min-height: 316px;
height: auto;
padding: 9px;
}
.search-results img {
width: 226px;
height: 180px;
object-fit: cover;
border-radius: 17px;
margin-bottom: 12px;
}
.search-material .news-card-title {
font-family: Sofia Sans;
font-size: 16px;
font-weight: 900;
line-height: 19.2px;
text-align: left;
}
.search-material .news-card-lil-text {
font-family: Sofia Sans;
font-size: 16px;
font-weight: 300;
line-height: 19.2px;
text-align: left;
}
.search-results .news-card img {
margin-bottom: 6px;
}
.search-material .news-card-date {
font-family: Sofia Sans;
font-size: 14px;
font-weight: 300;
line-height: 16.8px;
text-align: right;
}
#whereToBuyContainer {
margin-bottom: 0;
transition: 0.45s ease all;
}
#whereToBuyContainer.open {
margin-bottom: 630px;
transition: 0.45s ease all;
}
section.main-search .item-buy-btn-container {
margin-left: 342px;
background-image: none;
width: 236px;
height: 36px;
margin-bottom: 60px;
transition: 0.45s ease all;
}
.main-search .where-buy-tabs .tabs__nav {
display: flex;
}
.main-search .where-buy.tabs__link {
padding-bottom: 24px;
padding-top: 12px;
transition: 0.45s ease all;
}
.main-search .where-buy.tabs__link_active {
background: #62102B;
transition: 0.45s ease all;
}
section.main-search .item-buy-btn-container.open {
transition: 0.45s ease all;
margin-bottom: 549px;
} section.main-notfound .container {
max-width: 762px;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.notfound-maintitle {
margin: 0;
font-family: Sofia Sans;
font-size: 262.46px;
font-weight: 900;
line-height: 314.95px;
text-align: left;
color: #62102B;
}
.notfound-links {
width: 100%;
background-image: url(//dymdymych.com/wp-content/uploads/2024/09/bg-red.png);
border-radius: 20px;
color: #fff;
margin-bottom: 206px;
}
.notfound-title {
font-family: Sofia Sans;
font-size: 46.06px;
font-weight: 400;
line-height: 55.28px;
text-align: center;
box-shadow: 1px 3px 4px 0px #70270D40;
margin: 0;
padding-top: 28px;
padding-bottom: 3px;
}
.notfound-subtitle {
font-family: Sofia Sans;
font-size: 32.06px;
font-weight: 400;
line-height: 38.47px;
text-align: center;
margin: 0;
padding-bottom: 38px;
box-shadow: 1px 3px 4px 0px #70270D40;
}
.notfound-inner-links {
display: flex;
flex-direction: row;
align-items: center;
gap: 76px;
justify-content: center;
margin-bottom: 33px;
}
.notfound-inner-link {
display: flex;
flex-direction: column;
gap: 5px;
font-family: Sofia Sans;
font-size: 18px;
font-weight: 300;
line-height: 21.6px;
text-transform: uppercase;
color: #fff;
}
.notfound-inner-link svg {
margin-left: 38px;
}
.catalog-mobile-slideover-container,
.mobile-portion-weight {
display: none;
}
.mobile-main-recipe-filters {
position: absolute;
opacity: 0;
visibility: hidden;
transition: 0.65px ease all;
} @media screen and (max-width: 400px) {
.main-recipe-title {
padding-inline: 72px;
}
}
@media screen and (max-width: 600px) {
.slideover-container {
display: none;
}
.inner-body .header-links {
display: none;
}
.inner-header-logo {
width: 156px;
height: 80px;
margin-left: 13px;
}
.inner-body .mobile-burger {
position: absolute;
right: 20px; top: 0;
}
.catalog-mobile-slideover-container {
display: block;
position: absolute;
top: -100%;
transition: 0.65s ease all;
z-index: 215;
width: 100%;
}
.catalog-mobile-slideover-container.open {
top: 0%;
transition: 0.45s ease all;
}
.mobile-catalog-slideover {
background-image: url(//dymdymych.com/wp-content/uploads/2024/09/mobile-bg-red.png);
background-repeat: round;
min-height: 360px;
position: relative;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.mobile-catalog-slideover-close {
position: absolute;
right: 21px;
top: 17px;
cursor: pointer;
}
.mobile-catalog-slideover-logos {
display: flex;
flex-direction: row;
align-items: center;
gap: 39px;
padding-top: 30px;
padding-bottom: 35px;
justify-content: center;
}
.mobile-catalog-slideover-logos img:first-child {
width: 120px;
height: 52px;
}
.mobile-catalog-slideover-logos img:nth-child(2) {
width: 90px;
height: 65px;
}
.mobile-catalog-tabs-container .tabs__nav {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
height: 195px;
width: fit-content;
margin: 0 auto;
overflow-y: scroll;
padding-right: 72px;
padding-left: 72px;
}
.mobile-catalog-tabs-container .tabs__nav .tabs__link_active {
background-color: #fff;
padding: 10px 20px;
border-radius: 17px;
font-family: Sofia Sans;
font-size: 12px;
font-weight: 300;
line-height: 14.4px;
text-align: center;
color: #62102B;
transition: 0.45s ease all;
}
.mobile-catalog-tabs-container .tabs__nav .tabs__link:not(.tabs__link_active) {
border: 1px solid #fff;
color: #fff;
padding: 10px 20px;
font-family: Sofia Sans;
font-size: 12px;
font-weight: 300;
line-height: 14.4px;
text-align: center;
border-radius: 17px;
transition: 0.45s ease all;
}
.mobile-catalog-tabs-container .tabs__nav::-webkit-scrollbar {
width: 6px;
}
.mobile-catalog-tabs-container .tabs__nav::-webkit-scrollbar-thumb {
width: 6px;
height: 34px;
border-radius: 8px;
background-color: #fff;
}
.mobile-catalog-tabs-container .tabs__nav::-webkit-scrollbar-track {
background-color: transparent;
border: 1px solid #fff;
border-radius: 8px;
}
.inner-header {
margin-bottom: 6px;
}
section.breadcrumbs {
margin-left: 20px;
}
section.main-catalog .catalog-title {
display: none;
}
.right-catalog-block {
position: unset;
flex-direction: row;
justify-content: center;
gap: 30px;
margin-top: 30px;
margin-bottom: 25px;
}
.right-catalog-block a:nth-child(1) img {
width: 92px;
height: 49px;
}
.right-catalog-block a:nth-child(2) img {
width: 62px;
height: 44px;
}
.download-pdf-container p {
font-family: Sofia Sans;
font-size: 10px;
font-weight: 300;
line-height: 12px;
text-align: center;
}
.download-pdf-container a {
width: 71px;
height: 16px;
}
.download-pdf-container a svg {
width: 10.22px;
height: 10.22px;
}
.filter-container .tabs__nav {
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
white-space: nowrap;
gap: 16px;
overflow-x: scroll;
}
.filter-container .tabs__link {
font-family: Sofia Sans;
font-size: 12px;
font-weight: 300;
line-height: 14.4px;
text-align: center;
}
.swiper-cat-title {
text-align: center;
}
.filter-container .swiper-slide {
min-width: 152px !important;
min-height: 174px !important;
height: auto;
}
.filter-container .swiper-slide img {
width: 152px;
height: 120px;
}
.catalog-item-slide-title {
font-family: Sofia Sans;
font-size: 12px;
font-weight: 1000;
line-height: 14.4px;
text-align: left;
padding-top: 9px;
padding-left: 8.5px;
}
.filter-container .swiper .swiper-pagination {
display: none;
}
.filter-container .swiper {
padding-bottom: 50px;
}
.inner-header-logo.usual {
width: 90px;
height: 65px;
padding-bottom: 8px;
}
.inner-body .mobile-burger.usual {
top: 0;
}
.top-item-row {
flex-direction: column;
gap: 36px;
align-items: center;
}
.top-item-row-left {
margin-bottom: 0;
min-width: unset;
width: calc(100% - 112px);
max-height: 240px;
border-radius: 10px;
max-width: 280px;
}
.top-item-row-left .swiper-slide img {
width: 100%;
height: 206px;
object-fit: cover;
border-radius: 10px;
}
.top-item-row-left .swiper-slide img {
width: 100%;
height: 206px;
object-fit: cover;
border-radius: 10px;
max-width: 280px;
}
.item-container {
max-width: 100%;
margin-top: 29px;
}
.top-item-row-right .item-pagetitle {
font-family: Sofia Sans;
font-size: 20px;
font-weight: 1000;
line-height: 24px;
text-align: center;
}
.top-item-row-right .choose-buttons {
justify-content: center;
gap: 8px;
}
.top-item-row-right .choose-buttons .tabs__link {
width: 134px;
height: 39px;
font-family: Sofia Sans;
font-size: 16px;
font-weight: 400;
line-height: 19.2px;
text-align: center;
}
.itempage-gallery.tabs__pane_show {
width: calc(100% - 40px);
text-align: center;
margin: 0 auto;
margin-top: 12px;
}
.itempage-gallery.tabs__pane_show p {
font-family: Sofia Sans;
font-size: 12px;
font-weight: 300;
line-height: 14.4px;
text-align: center;
}
.item-info-block {
margin-top: 12px;
align-items: center;
}
.item-info-block .item-info {
font-family: Sofia Sans;
font-size: 14px;
font-weight: 700;
line-height: 16.8px;
text-align: center;
}
.where-buy-gallery.tabs__pane_show {
padding: 36px;
width: calc(100% - 72px);
gap: 32px;
}
.where-buy-gallery.tabs__pane_show .left-col,
.where-buy-gallery.tabs__pane_show .right-col {
gap: 30px;
}
.where-buy-gallery.tabs__pane_show img {
width: 100%;
}
.item-buy-btn-container {
margin: 0 auto;
width: 100%;
background-repeat: no-repeat;
background-position: center;
}
.where-buy-tabs {
width: 100%;
min-height: unset;
}
.where-buy.tabs__link {
width: calc(144px - 66px) !important;
font-size: 14px !important;
font-weight: 300 !important;
line-height: 16.8px !important;
text-align: center !important;
}
.try-item-title {
margin-top: 40px;
margin-bottom: 20px;
font-family: Sofia Sans;
font-size: 16px;
font-weight: 1000;
line-height: 19.2px;
text-align: center;
}
.try-item-recipes {
margin-top: 0;
margin-bottom: 28px;
gap: 14px;
padding-inline: 20px;
overflow-x: scroll;
padding-bottom: 10px;
}
.try-item-recipe {
min-width: 144px;
width: 144px;
min-height: 216px;
height: auto;
padding: 8px;
}
.try-item-recipe img {
width: 145px;
height: 143px;
border-radius: 8px;
}
.try-item-recipe-title {
font-family: Sofia Sans;
font-size: 12px;
font-weight: 900;
line-height: 14.4px;
text-align: left;
padding-top: 9px;
padding-left: 4px;
}
.try-item-recipe-link {
font-family: Sofia Sans;
font-size: 12px;
font-weight: 300;
line-height: 14.4px;
text-align: left;
padding-left: 4px;
}
.more-recipes-link-container {
margin: 0 auto;
}
.more-recipes-link {
font-family: Sofia Sans;
font-size: 14px;
font-weight: 300;
line-height: 16.8px;
text-align: left;
align-items: center;
}
.bottom-item-row {
margin-bottom: 70px;
}
section.main-recipes .container {
max-width: 100%;
}
.main-recipes-title {
margin-block: 16px 4px;
font-family: Sofia Sans;
font-size: 20px;
font-weight: 1000;
line-height: 24px;
text-align: center;
}
.main-recipes-subtitle {
margin-bottom: 24px;
font-family: Sofia Sans;
font-size: 16px;
font-weight: 1000;
line-height: 19.2px;
text-align: center;
}
section.main-recipes .choose-buttons.tabs__nav {
gap: 16px;
margin-bottom: 18px;
padding-bottom: 10px;
white-space: nowrap;
padding-inline: 20px;
overflow-x: scroll;
justify-content: start;
}
section.main-recipes .tabs__link {
font-family: Sofia Sans;
font-size: 12px;
font-weight: 300;
line-height: 14.4px;
text-align: center;
}
.main-recipes-filters-container {
display: none;
}
.mobile-main-recipe-filters {
position: absolute;
top: -150%;
background: #3E0014C4;
z-index: 225;
width: 100%;
height: 100%;
transition: 0.65s ease all;
opacity: 1;
visibility: visible;
}
.mobile-main-recipe-filters.open {
position: absolute;
top: 0;
transition: 0.45s ease all;
}
.mobile-overlaying-filter-menu {
position: relative;
z-index: 213;
background: #fff;
width: 100%;
height: fit-content;
border-bottom-left-radius: 18px;
border-bottom-right-radius: 18px;
box-shadow: 0px 4px 7px 0px #4A011938;
display: flex;
flex-direction: column;
margin-top: 40px;
}
.mobile-overlaying-filter-menu .close {
position: absolute;
top: 17px;
right: 24px;
cursor: pointer;
}
.mobile-overlaying-filter-menu .filters {
padding-top: 52px;
padding-inline: 102px;
display: flex;
flex-direction: column;
gap: 24px;
max-height: 480px;
overflow-y: scroll;
}
.mobile-overlaying-filter-menu .filters .filter-cat .title {
font-family: Sofia Sans;
font-size: 18px;
font-weight: 400;
line-height: 21.6px;
text-align: left;
margin: 0;
padding-bottom: 8px;
color: #62102B;
}
.mobile-overlaying-filter-menu .filters .filter-cat .filter-items {
display: flex;
flex-direction: column;
gap: 4px;
}
.mobile-overlaying-filter-menu .filters .filter-cat .filter-item {
display: flex;
flex-direction: column;
gap: 4px;
}
.mobile-overlaying-filter-menu .filters .filter-cat .filter-item .inner {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.mobile-overlaying-filter-menu .filters .filter-cat .filter-item .inner .filter-item-title {
font-family: Sofia Sans;
font-size: 14px;
font-weight: 400;
line-height: 16.8px;
text-align: left;
margin: 0;
color: #62102B;
}
.mobile-overlaying-filter-menu .filters .filter-cat .filter-item .inner input {
accent-color: #62102B;
}
.mobile-main-recipe-filters .mobile-overlaying-filter-submit {
margin-top: 40px;
margin-bottom: 28px;
margin-inline: auto;
border: 0;
background: #62102B;
width: 104px;
height: 34px;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
font-family: Sofia Sans;
font-size: 12px;
font-weight: 300;
line-height: 14.4px;
text-align: center;
border-radius: 17px;
cursor: pointer;
}
.mobile-filters-output-container {
width: 100%;
display: flex;
flex-direction: row;
align-items: start;
}
.open-filter-menu-mobile {
margin-left: auto;
margin-right: 30px;
width: 25px;
height: 25px;
display: flex;
justify-content: center;
align-items: center;
}
.no-scroll {
overflow: hidden;
height: 100vh;
}
.mobile-filters-output-container .output-filters {
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
gap: 30px;
white-space: nowrap;
overflow-x: scroll;
margin-left: 20px;
margin-right: 16px;
padding-bottom: 10px;
}
.mobile-filters-output-container .output-filters .selected-filter {
font-family: Sofia Sans;
font-size: 16px;
font-weight: 400;
line-height: 19.2px;
text-align: center;
color: #62102B;
position: relative;
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
}
.mobile-filters-output-container .output-filters .selected-filter .remove-filter {
width: 14px;
height: 14px;
}
.mobile-filters-output-container .output-filters .selected-filter .clear-filter {
background-image: url(//dymdymych.com/wp-content/uploads/2024/09/clear.png);
display: block;
width: 14px;
height: 14px;
}
.recipe-main-cards {
margin-top: 20px;
gap: 56px;
margin-bottom: 90px;
flex-direction: column;
align-items: center;
}
.recipe-main-cards .try-item-recipe {
width: calc(100% - 154px);
max-width: 280px;
height: auto;
min-height: 240px;
padding: 16px 21px;
}
.recipe-main-cards .try-item-recipe img {
width: 100%;
height: 174px;
object-fit: cover;
}
section.main-recipe .container {
max-width: 100%;
gap: 22px;
flex-direction: column;
}
.main-recipe-left {
margin-inline: 56px;
width: calc(100% - 112px);
}
.main-recipe-left img {
width: 100%;
}
.main-recipe-left .nutrients {
width: 100%;
min-height: 144px;
}
.nutrients-title {
font-family: Sofia Sans;
font-size: 12px;
font-weight: 700;
line-height: 14.4px;
text-align: left;
padding-left: 19px;
padding-top: 7px;
}
.nutrient-col-title {
font-family: Sofia Sans;
font-size: 8px;
font-weight: 300;
line-height: 9.6px;
text-align: left;
}
.nutrient-col-title span {
font-family: Sofia Sans;
font-size: 8px;
font-weight: 700;
line-height: 9.6px;
text-align: left;
}
.nutrient-cols {
margin-bottom: 15px;
margin-left: 20px;
gap: 10px;
}
.nutrient-weight {
font-family: Sofia Sans;
font-size: 12px;
font-weight: 300;
line-height: 14.4px;
text-align: left;
}
.nutrient-top-bar,
.nutrient-middle-bar,
.nutrient-bottom-bar,
.nutrient-round-bar {
width: 56px;
height: 10px;
}
.nutrients-ccal {
width: 111px;
height: 111px;
right: -50px;
bottom: -50px;
}
.nutrients-ccal p {
font-family: Sofia Sans;
font-size: 12px;
font-weight: 800;
line-height: 14.4px;
text-align: right;
padding-top: 20px;
padding-left: 20px;
}
.main-recipe-title {
padding-block: 0;
padding-bottom: 8px;
font-family: Sofia Sans;
font-size: 20px;
font-weight: 1000;
line-height: 24px;
text-align: center;
}
.main-recipe-subtitle {
font-family: Sofia Sans;
font-size: 16px;
font-weight: 700;
line-height: 19.2px;
text-align: left;
width: calc(100% - 112px);
margin: 0 auto;
}
.portions-main-container {
width: calc(100% - 82px);
margin: 0 auto;
}
.portions-main-container p {
font-family: Sofia Sans;
font-size: 14px;
font-weight: 400;
line-height: 16.8px;
text-align: left;
}
.portion-weight {
display: none;
}
.mobile-portion-weight {
display: block;
font-family: Sofia Sans;
font-size: 12px;
font-weight: 400;
line-height: 14.4px;
text-align: center;
color: #62102B;
margin: 0;
padding-top: 8px;
}
.recipe-components,
.recipe-component {
width: calc(100% - 56px);
margin: 0 auto;
}
.recipe-component-title {
padding-top: 32px;
font-family: Sofia Sans;
font-size: 18px;
font-weight: 400;
line-height: 21.6px;
text-align: left;
}
.recipe-component-item-wrapper,
.recipe-component-item {
width: 100%;
}
.recipe-component-item-title,
.recipe-component-item-weight {
font-family: Sofia Sans;
font-size: 12px;
font-weight: 300;
line-height: 14.4px;
text-align: left;
}
.recipe-stages {
margin-top: 48px;
}
.recipe-stages-title {
margin-bottom: 0;
font-family: Sofia Sans;
font-size: 20px;
font-weight: 1000;
line-height: 24px;
text-align: center;
margin: 0 auto;
}
.recipe-stage {
max-width: calc(100% - 112px);
width: 100%;
margin: 0 auto;
}
.recipe-stage-title {
font-family: Sofia Sans;
font-size: 18px;
font-weight: 700;
line-height: 21.6px;
text-align: left;
}
.recipe-stage-text {
font-family: Sofia Sans;
font-size: 12px;
font-weight: 300;
line-height: 14.4px;
text-align: left;
}
.recipe-stages-done {
margin-bottom: 40px;
font-family: Sofia Sans;
text-align: center;
width: 100%;
}
.share-recipe {
max-width: calc(100% - 115px);
flex-direction: column;
gap: 32px;
height: auto;
margin-bottom: 70px;
}
.share-recipe p {
font-family: Sofia Sans;
font-size: 18px;
font-weight: 700;
line-height: 21.6px;
text-align: center;
margin-top: 46px;
margin-inline: 35px;
}
.share-recipe svg {
margin-bottom: 46px;
}
}
@media screen and (max-width: 795px) {
.filter-container {
margin-inline: 20px;
margin-right: 0px;
}
}
@media screen and (max-width: 950px) {
section.main-recipes .choose-buttons.tabs__nav {
white-space: nowrap;
align-items: start;
justify-content: start;
margin-inline: 20px;
overflow-x: scroll;
padding-bottom: 10px;
margin-bottom: 32px;
}
.main-recipes-filters-container {
gap: 40px;
width: calc(100% - 40px);
margin: 0 auto;
flex-direction: column;
align-items: center;
}
.recipe-filter-title {
font-size: 20px;
}
.recipe-main-cards {
margin-bottom: 90px;
justify-content: center;
}
.recipe-main-cards .try-item-recipe {
width: calc(50% - 70px);
min-height: unset;
max-width: 312px;
}
.recipe-main-cards .try-item-recipe img {
width: 100%; height: 254px;
}
.filter-container .swiper-button-prev,
.filter-container .swiper-button-next,
.filter-container .swiper .swiper-pagination {
display: none;
}
.filter-container .swiper-slide img {
min-width: 152px;
min-height: 120px;
width: 100%;
height: auto;
}
}
@media screen and (min-width: 600px) {
.mobile-filters-output-container {
display: none;
}
}
@media screen and (min-width: 951px) {
.open-filter-menu-mobile {
display: none;
}
}
@media screen and (max-width: 1115px) {
.recipe-main-cards {
justify-content: center;
}
}
@media screen and (min-width: 1350px) and (max-width: 1736px) {
.right-catalog-block {
right: 130px !important;
position: absolute !important;
flex-direction: column !important;
margin-block: 0 !important;
}
}
@media screen and (max-width: 900px) {
div#popularResultsContainer, .search-popular {
width: 100%;
}
.search-popular, .search-popular-recipes {
padding: 0 15px;
}
.search-popular-recipes {
margin-bottom: 80px;
}
} 
@media screen and (max-width: 600px) {
.search-popular-recipes .try-item-recipe {
min-height: auto;
width: auto;
flex-shrink: 0;
}
}
@media screen and (max-width: 500px) {
.search-popular-title, .search-popular-recipes-title {
font-size: 30px;
}
}
@media screen and (max-width: 380px) {
.search-popular-title, .search-popular-recipes-title {
font-size: 24px;
}
} section.main-policy .container {
max-width: 1116px;
margin: 0 auto;
}
section.main-policy .container p {
font-size: 18px;
font-weight: 300;
line-height: 21.6px;
text-align: left;
color: #62102B;
margin: 0;
padding-bottom: 12px;
}
section.main-policy .container p, section.main-policy .container h1, section.main-policy .container h3, section.main-policy .container li, section.main-policy .container a {
color: #62102B;
}
section.main-policy .container h2 {
color: #62102B;
margin: 0;
padding-bottom: 16px;
}
.fixed-header {
position: fixed;
z-index: 254;
background-color: #fff;
width: 100%;
left: 0;
top: 0;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 135px;
border-bottom-right-radius: 40px;
border-bottom-left-radius: 40px;
box-shadow: 0px 2px 10px 0px #0000000F;
padding-block: 17px;
}
.inner-header-logo.fixed-logo, .inner-header-logo.fixed {
opacity: 1;
margin: 0;
width: 168px;
height: 89px;
}
@media (max-width: 875px) {
.fixed-header {
opacity: 0;
position: absolute;
visibility: hidden;
}
}
@media (min-width: 876px) and (max-width: 1200px) {
.fixed-header {
justify-content: space-evenly;
}
}
.try-item-recipe-img-container {
width: 312px;
height: 310px;
border-radius: 17px;
}
.try-item-recipe-img-container img {
width: 100%;
height: 100%;
border-radius: 7px;
object-fit: cover;
}
.single-news-swiper {
width: 475px;
height: 542px;
overflow: hidden;
}
.single-news-swiper .swiper-slide img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 17px;
}
.swiper-pagination.single-news {
margin-top: 20px;
display: flex;
justify-content: center;
gap: 6px;
width: 475px;
}
.swiper-pagination.single-news .swiper-pagination-bullet-active {
width: 34px;
height: 12px;
border-radius: 6px;
background-color: #62102B;
}
.swiper-pagination.single-news .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
width: 34px;
height: 12px;
border-radius: 6px;
background: linear-gradient(90deg, rgba(98, 16, 43, 0.37) 0%, rgba(98, 16, 43, 0.1036) 100%);
}
@media (max-width: 1200px) {
.interactive-map {
display: none;
}
}
@media (min-width: 1201px) {
.where-buy-geography img {
display: none;
}
.interactive-map {
display: block;
}
#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;
}
}
.about-brand-bg-text-container .container {
display: flex;
flex-direction: row;
align-content: start;
max-width: 585px;
gap: 17px;
padding-block: 31px;
}
.about-brand-bg-text-container .left-stars {
display: flex;
flex-direction: row;
align-items: center;
height: fit-content;
}
.about-brand-bg-text-container h2 {
margin: 0;
font-family: Sofia Sans;
font-size: 40px;
font-weight: 900;
line-height: 48px;
color: #F8F8F8;
text-transform: uppercase;
}
.about-brand-bg-text-container p, .about-brand-bg-text-container a {
margin: 0;
font-family: Sofia Sans;
font-size: 20px;
font-weight: 300;
line-height: 24px;
text-align: left;
color: #F8F8F8;
}
.two-stripes-brand-text {
margin-block: 80px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.two-stripes-brand-text p {
margin: 0;
font-family: Sofia Sans;
font-size: 24px;
font-weight: 700;
line-height: 28.8px;
text-align: left;
color: #62102B;
padding-block: 36px;
text-transform: uppercase;
}
@media (max-width: 768px) {
.about-brand-bg-text-container .container {
flex-direction: column;
}
} .mobile-header.fixed {
position: fixed;
background-color: #fff;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
z-index: 244;
padding: 0;
top: 0;
height: 68px;
box-shadow: 0px 2px 10px 0px #0000000F;
}
.mobile-header.fixed .mobile-burger {
margin-right: 20px;
width: calc(100% - 70px);
}
.mobile-header.fixed .mobile-burger::before {
position: absolute;
content: '';
background-image: url(//dymdymych.com/wp-content/uploads/2024/09/inner-logo-optimized.png);
width: 92px;
height: 47px;
left: 24px;
z-index: 245;
background-size: contain;
background-repeat: no-repeat;
top: 12px;
pointer-events: all;
}
.mobile-header.fixed .header-links.open {
box-shadow: unset;
margin-top: 48px;
width: 100%;
border-bottom-right-radius: 20px;
}
.main-contacts-info .container {
max-width: 800px;
margin: 0 auto;
margin-bottom: 140px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
@media screen and (max-width: 1200px) {
.main-contacts-info .container {
margin-bottom: 60px;
}
}
.main-contacts-info-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 38px;
}
.main-contacts-info-container p, .main-contacts-info-container a {
margin: 0 auto;
font-family: Sofia Sans;
font-size: 20px;
font-weight: 300;
line-height: 24px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #62102B;
}
.main-contacts-info-container h3 {
font-family: Sofia Sans;
font-size: 24px;
font-weight: 700;
line-height: 28.8px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #62102B;
margin: 0;
}
.main-contacts-info h1 {
font-family: Sofia Sans;
font-size: 56px;
font-weight: 900;
line-height: 67.2px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #62102B;
margin: 0;
text-transform: uppercase;
margin-bottom: 64px;
}
.main-contacts-info-address, .main-contacts-info-email, .main-contacts-info-phone {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 12px;
}
@media screen and (max-width: 500px) {
.main-contacts-info h1 {
font-size: 20px;
margin-bottom: 0;
}
.main-contacts-info-container h3 {
font-size: 18px;
}
.main-contacts-info-container p, .main-contacts-info-container a {
font-size: 14px;
}
.main-contacts-info-container {
gap: 12px;
}
.main-contacts-info .container {
margin-bottom: 40px;
}
}
#dnr-lnr { transform: translate(19%,-699%);
}
@media screen and (max-width: 850px) {
#cookie-banner {
display: flex !important;
flex-direction: column !important;
padding: 16px !important;
width: calc(100% - 32px) !important;
}
#cookie-banner p {
width: 100% !important;
max-height: 150px;
overflow-y: scroll;
}
}
section.main-catalog .swiper.slider-remove-controls .swiper-pagination, 
section.main-catalog .tabs__pane_show.slider-remove-controls .swiper-button-prev, 
section.main-catalog .tabs__pane_show.slider-remove-controls .swiper-button-next {
position: absolute; 
opacity: 0;
visibility: hidden;
touch-action: none;
}
.outer-swiper:has(.swiper-usual-sardelki) {
display: none;
}
@media screen and (max-width: 500px) {
.recipe-main-cards .try-item-recipe img {
height: 130px;
}
}