/* top-section */
@media (max-width: 1230px) {
  h1 {
    font-size: 160px;
  }
}

@media (max-width: 1010px) {
  .header-list {
    font-size: 14px;
    gap: 10px;
  }
  .header {
    gap: 30px;
  }
  h1 {
    color: #fff;
    font-family: 'Silk Serif';
    font-size: 96px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 115.2px */
    letter-spacing: -3.84px;
  }
  .top-section__main span {
    padding-bottom: 48px;
    color: #fff;
    text-align: center;
    font-family: 'Silk Serif';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.64px;
  }
  .top-subt{
    color: #FFF;
text-align: center;
font-family: Arial;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.32px;
  }
  .top-section__subtittle {
    padding-bottom: 48px;

    font-size: 36px;

    letter-spacing: -1.44px;
  }
  .top-section__main p {
    font-size: 16px;
  }
}
@media (max-width: 665px) {
  h1 {
    color: #fff;
    text-align: center;
    font-family: 'Silk Serif';
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 57.6px */
    letter-spacing: -1.92px;
  }
  .top-section__main p {
    font-size: 14px;
  }
}

/* Introduction-section */
@media (max-width: 1000px) {
  h2 {
    font-size: 64px;
    letter-spacing: -2.56px;
  }
  .introduction-content__img img {
    max-width: 573px;
    width: 100%;
  }
}
@media (max-width: 530px) {
  h2 {font-size: 32px;}
  .order-content {padding: 50px 12px;}
  .fonts26{font-size:16px;}
  .font-big{font-size:26px;}
  .order-section {background-position: center;}
}

/* freshwaters=setion */
@media (max-width: 1485px) {
  .freshwaters-top_block__content {
    flex-direction: column;
    gap: 39px;
    padding-bottom: 72px;
  }
  .recipes-box__item {
    width: 40%;
  }
  .recipes-box {
    justify-content: center;
  }
  .freshwaters-top_block__content-text,
  .freshwaters-top_block__content img {
    max-width: none;
  }
  .myD-section{
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .freshwaters-bottom_block {
    flex-direction: column;
    gap: 39px;
  }
  .freshwaters-bottom_block__item-top {
    padding-top: 0;
  }
  .freshwaters-bottom_block__item .small-text {
    max-width: none;
    padding-top: 24px;
    padding-bottom: 0;
  }
  .freshwaters-bottom_block__item-with-bg {
    height: auto;
    width: 100%;
  }
  .freshwaters-bottom_block__item-with-bg img {
    display: none;
  }
  .freshwaters-bottom_block__item-with-bg p {
    padding: 0;
    max-width: none;
  }
  .freshwaters-bottom_block__item-with-bg {
    height: 952px;
    background-image: url(/img/freshwaters-bottom_block__item-with-bg.webp);
    background-size: cover;
    padding: 24px;
    background-position: center;
  }
  .freshwaters-section {
    padding-bottom: 172px;
  }
}
/* seasonaly - section */
@media (max-width: 1231px) {
  .seasonaly-box {
    gap: 24px;
    align-items: flex-start;
    flex-direction: column;
  }
}
@media (max-width: 640px) {
  .seasonaly-box-imgs img {
    width: 152px !important;
    height: 96px !important;
  }
  .seasonaly-box-imgs img:last-child {
    height: 240px !important;
    width: 100% !important;
  
  }
}
@media (max-width: 660px) {
  .freshwaters-bottom_block__item-with-bg p {
    font-size: 16px !important;
  }
}
/* magic-section */
@media (max-width: 1485px) {
  .magic-section__item {
    flex-direction: column;
  }
  .magic-section__item-right {
    width: 100%;
  }
  .magic-section__item-left {
    width: 100%;
  }
  .magic-section__item-left {
    background-image: url(/img/magic-top-tablet.webp);
    height: 551px;
  }
  .magic-section__item-right-text__item {
    flex-direction: column;
    align-items: flex-start;
  }
  .magic-section__item-right-text__item .small-text {
    max-width: none;
  }
  .magic-section__item-right-text__item-img img {
    max-width: none;
  }
  .magic-right_img {
    height: 551px;
  }
  .magic-left_text {
    height: auto;
  }
  .thank-box{
    flex-direction: column;
  }
  .thank-box img{
    max-width: none;
    width: 100%;
    height: auto;
  }
  .delivery-box{
    flex-direction: column;
    align-items: flex-start;
  }
  .delivery-box img{
    max-width: none;
  }
}

/* recipes-section */
@media (max-width: 1330px) {
  .recipes-top {
    flex-direction: column;
  }
  .recipes-top-img {
    width: 100%;
  }
}
@media(max-width:640px){
    .recipes-box__item{
        min-width: 300px !important;
        gap: 16px !important;
        padding: 16px !important; 
        height: 683px !important;
    }
    .recipes-box__item .small-text{
        font-size: 14px !important;
    }
    .recipes-box{
        overflow-y: hidden;
    }
    .recipes-box__item-name{
        font-size: 20px !important;
        letter-spacing: -0.8px;
        
    }
 
}
@media (max-width: 1170px) {
  .recipes-box {
    flex-wrap: nowrap;
    flex-direction: row;
    overflow-x: scroll;
    padding-bottom: 20px;
    justify-content: start;
  }
  .recipes-box__item {
    min-width: 544px;
  }
  .recipes-container {
    padding-right: 0 !important;
  }
}
/* family-section */
@media(max-width:1150px){
    .family-box-bottom{
        flex-direction: column;
    }
    .family-box-bottom-text{
        max-width: none;
    }
    .you-box-top{
        flex-direction: column;
    }
    .you-box-top img{
        display: none;
    }
    .you-img-hidden{
        display: block !important;
        max-width: none !important;
        height: 660px !important;
        object-fit: cover;
    }
    .you-box-medium{
        padding-top: 46px;
    }
}

@media(max-width:1340px){
    .my-section-box{
        flex-direction: column;
    }
    .my-section-box-text{
        order: 2;
    }
    .my-section-img{
        max-width: none;
    }
}
/* TABLET (900px) */

@media (max-width: 900px) {
  .container {
    padding: 0 36px;
  }
  .line-bot {
    padding-top: 151px;
   }
  .top-section {position: relative;}
  .top-section .container{padding:0;}
  .top-section__content{/*position:static; */}

  .language-select {display: none;}

  /* Стили для меню */
  .header {padding: 0 16px;}

  .header-list {
    position: absolute;
    overflow:hidden;
    width: 100%;
    top: -121%;
    height: 200px; 
    left: 0;
    z-index: 10;
    background: rgba(0, 0, 0, 0.5);
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 48px;
    padding: 124px 36px 0 36px;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.64px;
    transition: top 0.3s ease; /* Анимация для спуска меню */
  }

  /* Когда меню открыто */
  .header-list.active {
    top: 0;
    height: 100vh;
  }

  .header-list .header-list-hidden{align-self: flex-end;}


  /* Анимация бургер-меню */
  .burger-btn {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 60px;
    cursor: pointer;
  }
  .top-section__main {
  
  }

  .burger-btn span {
    height: 2px;
    background: #fff;
    transition: transform 0.3s ease, opacity 0.3s ease; /* Анимация для каждого спана */
  }

  /* Анимации для бургер-меню */
  .burger-btn.active span:nth-child(1) {
    transform: rotate(45deg);
    position: relative;
    top: 6px;
  }

  .burger-btn.active span:nth-child(2) {
    transform: rotate(-45deg);
    position: relative;
    top: -6px;
  }
  .header-list-hidden {
    display: block;
    padding-top: 76px;
  }
  .header-list-hidden .language-select {
    display: flex;
    font-size: 24px;
    gap: 12px;
  }

  

  .logo {
    width: 43.558px;
    height: 48px;
  }
  .introduction-content__img {
    display: none;
  }
  .introduction-content__hidden {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .introduction-content__hidden img {
    max-width: 494px;
    width: 100%;
  }
  .small-text.introduction {
    max-width: none;
  }
  .introduction-section {
    padding-top: 72px;
    padding-bottom: 48px;
  }
  .introduction-subtittle {
    padding-top: 39px;
    font-size: 32px;
    letter-spacing: -0.64px;
  }
  .introduction-content__footer p {
    font-size: 32px;
    letter-spacing: -0.64px;
  }
  .introduction-content__text {
    gap: 48px;
  }
  .introduction-content__footer p {
    font-size: 20px;
    letter-spacing: -0.4px;
  }
  .freshwaters-section {
    padding: 72px 0;
  }
  .freshwaters-top_block {
    gap: 39px;
  }
  .medium-text {
    color: #282828;
    font-family: Arial;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 41.6px */
    letter-spacing: -0.64px;
  }
  .freshwaters-bottom_block__item-top {
    gap: 24px;
  }
  .myD-section{
    padding-top: 72px;
    padding-bottom: 72px;
  }
  .freshwaters-bottom_block__item-top p {
    color: #282828;
    font-family: 'Silk Serif';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 92%; /* 14.72px */
    letter-spacing: -0.64px;
  }
  .freshwaters-bottom_block__item-with-bg p {
    font-size: 24px;
    letter-spacing: -0.48px;
  }
  .freshwaters-bottom_block__item-with-bg {
    height: 470px;
  }
  .pride_section {
    padding: 48px 0;
  }
  .pride_section .column-content {
    gap: 24px;
  }
  .magic-section {
    padding: 72px 0;
  }
  .magic-section h2 {
    max-width: 696px;
    width: 100%;
  }
  .magic-section__item {
    padding-top: 48px;
  }
  .magic-section__item.top-item {
    padding-bottom: 48px;
  }
  .magic-section__item-left {
    height: 351px;
  }
  .magic-left_text {
    height: auto;
  }

  .magic-section__item {
    gap: 48px;
  }
  .comment-text {
    color: #909090;
    font-family: Arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 20.8px */
    letter-spacing: -0.32px;
    max-width: 514px;
    width: 100%;
  }
  .magic-section__item-right-text__item {
    gap: 48px;
  }
  .magic-section__item-right-text__item-img img {
    height: 351px;
  }
  .magic-section__item-right-text__item-img {
    width: 100%;
  }
  .magic-right_img {
    height: 351px;
  }
  .rules-section {
    padding: 72px 0;
  }
  .rules-box-line {
    flex-direction: column;
  }
  .rules-box-line-item {
    width: 100%;
  }
  .rules-box {
    padding-top: 48px;
  }
  .rules-box-line {
    gap: 24px;
  }
  .rules-box {
    gap: 24px;
  }
  .pb-item {
    padding-bottom: 32px;
  }
  .rules-box-line-item.last-rules {
    padding-bottom: 0;
    border-bottom: none;
  }
  .rules-section {
    background-image: url(/img/rules-bg-tablet.webp);
  }
  .seasonaly-section {
    padding-top: 72px;
    padding-bottom: 48px;
  }
  .seasonaly-box {
    padding-top: 39px;
    gap: 48px;
  }
  .seasonaly-box__text {
    gap: 24px;
  }
  .seasonaly-box-imgs {
    width: 100%;
    justify-content: left;
  }
  .seasonaly-box-imgs img {
    width: 229px;
    height: 144px;
  }
  .seasonaly-box-imgs img:last-child {
  object-fit: cover;
    width: 100%;
    height: 512px;
  }
  .seasonaly-box__text-top {
    font-size: 32px;
  }
  .recipes-section{
    padding-top: 72px;
    padding-bottom: 28px;
  }
  .recipes-top{
    padding-top: 39px;
    padding-bottom: 48px;
  }
  .recipes-top-text{
    gap: 24px;
    
  }
  .recipes-box{
    padding-top: 48px;
  }
  .thank-section{
    padding-top: 72px;
    padding-bottom: 48px;
    background-image: none;
    background: #EEE;
    
  }
  .thank-box{
    padding-top: 39px;
    gap: 46px;
  }
  .family-section{
    background-image: url(/img/family-bg-tablet.webp);
    padding: 72px 0;
    background-position: top;
  }
  .family-box-top{
    color: #F7F6F3;
text-align: center;
font-family: "Silk Serif";
font-size: 64px;
font-style: normal;
font-weight: 500;
line-height: 92%; /* 58.88px */
letter-spacing: -2.56px;
text-transform: uppercase;
padding-bottom: 48px;
  }
  .family-box-bottom{
    padding-top: 48px;
    gap: 48px;
  }
  .family-box-bottom-text{
    color: #FFF;
font-family: Arial;
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 41.6px */
letter-spacing: -0.64px;
  }
  .you-section{
    padding-top: 72px;
    padding-bottom: 48px;
  }
  .you-img-hidden{
    padding-top: 39px;
    height: 456px !important;
  }
  .you-box-medium{
    color: #282828;
font-family: Arial;
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 41.6px */
letter-spacing: -0.64px;
  }
  .you-box-top{
    padding-bottom: 32px;
  }
  .you-box-bottom{
    padding-top: 32px;
    color: #282828;
text-align: center;
font-family: Arial;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 31.2px */
letter-spacing: -0.48px;
  }
  .you-box-top-right .small-text{
    display: block;
    padding-top: 24px;
  }
  .my-section{
    padding-top: 72px;
    padding-bottom: 48px;
  }
  .my-section-box{
    gap: 46px;
  }
  .my-section-box-text-top{
    color: #282828;
font-family: Arial;
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 41.6px */
letter-spacing: -0.64px;
  }
  .delivery-section{
    padding: 72px 0;
  }
  .delivery-box{
    gap: 48px;
    
  }
  .delivery-subtittle{
    max-width: none;
  }
  .care-section{
    padding-top: 72px;
    padding-bottom: 72px;
  }
  .care-section h2{
    padding-bottom: 484px;
  }
  .care-bottom{
    flex-direction: column;
  }
  .care-bottom .small-text{
    max-width: none;
  }
  .footer{
    padding-top: 50px;
    padding-bottom: 24px;

  }
  .footer-box{
    gap: 156px;
  }
  .footer-top svg{
    width: 80px;
    height: 88px;
  }
}
@media(max-width:677px){
    .footer-top{
        flex-direction: column;
        gap: 64px;
        justify-content: center;
        align-items: center;
    }
    .footer-email{
        order: 2;
        justify-content: center;
        align-items: center;
    }
    .footer-bottom-right{
        display: none;
    }
    .footer-bottom{
        justify-content: center;
    }
    .footer-top svg{
        width: 80px;
height: 88px;
    }
}
/* Mobile adaptive */
@media (max-width: 500px) {

  .top-subt{
    color: #FFF;
    text-align: center;
    font-family: Arial;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.28px;
  }
  .container {
    padding: 0 16px;
  }
  .header-list {
    background: rgba(0, 0, 0, 0.75);
  }
  .top-section__main {
    
  }
  .logo {
    width: 43.558px;
    height: 48px;
  }
  .header-list {
    padding-top: 140px;
    gap: 36px;
    color: #fff;
    font-family: Arial;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.4px;
  }
  .header-list-hidden {
    padding-top: 60px;
  }
  .header-list-hidden .language-select {
    font-size: 20px;
  }
  .introduction-section {
    padding: 48px 0;
  }
  .introduction-subtittle {
    font-size: 20px;
    letter-spacing: -0.4px;
  }
  .small-text {
    font-size: 14px;
    letter-spacing: -0.28px;
  }
  .introduction-content__hidden img {
    max-width: 343px;
  }
  .freshwaters-section {
    padding: 48px 0;
  }
  .freshwaters-top_block {
    gap: 24px;
  }
  .freshwaters-top_block__content {
    gap: 24px;
    padding-bottom: 64px;
  }
  .medium-text {
    color: #282828;
    font-family: Arial;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
    letter-spacing: -0.4px;
  }
  .line-bot {
    padding-top: 49px;
   }
  .mob-video{
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    width: 100%;
    object-fit: cover;
    height: 100%;
  }
  .desk-video{
    display: none;
  }
  .freshwaters-bottom_block__item-top p {
    color: #282828;
    font-family: 'Silk Serif';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 92%; /* 12.88px */
    letter-spacing: -0.56px;
  }
  .freshwaters-bottom_block__item-with-bg {
    padding: 16px;
   
  }
  .freshwaters-bottom_block__item-with-bg{
    background-image: url(/img/tt.png) !important;
    background-position: top;
  }
  .freshwaters-bottom_block__item-with-bg p {
    letter-spacing: -0.32px;
  }
  .magic-section {
    padding: 48px 0;
  }
  .magic-section__item.top-item {
    padding-bottom: 24px;
  }
  .magic-section__item {
    padding-top: 24px;
  }
  .magic-section__item {
    gap: 24px;
  }
  .magic-section__item-left {
    height: 240px;
  }
  .comment-text {
    color: #909090;
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 15.6px */
    letter-spacing: -0.24px;
  }
  .magic-section__item-right-text {
    gap: 24px;
  }
  .magic-section__item-right-text__item {
    gap: 24px;
  }
  .magic-section__item-right-text__item-img img,
  .magic-right_img {
    height: 240px;
  }
  .magic-left_text {
    height: auto;
  }
  .rules-section {
    padding: 48px 0;
    background-image:none;
    
    position: relative;
  }
  .rules-overlay{
    position: absolute;
    display: block;
    position: absolute;
left: -1388px;
background: linear-gradient(217deg, rgba(0, 0, 0, 0.00) 4.14%, rgba(0, 0, 0, 0.50) 17.77%, #000 71.42%), url(/img/ikra-mob.png) lightgray -438.641px 0px / 153.18% 100% no-repeat;
width: 1972px;
height:100%;
  }
  .rules-section h2 {
    max-width: 343px;
  }
  .rules-box-line-item-logo svg {
    width: 30px;
    height: 30px;
  }
  .rules-box-line-item-top_text {
    color: #f7f6f3;
    font-family: Arial;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
    letter-spacing: -0.4px;
  }
  .rules-box-line-item-bottom-text {
    color: #f7f6f3;
    font-family: Arial;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 18.2px */
    letter-spacing: -0.28px;
  }
  .seasonaly-section {
    padding: 48px 0;
  }

  .comment-text.hidden {
    display: block;
  }
  .seasonaly-box {
    gap: 24px;
  }
  .seasonaly-box__text-top {
    font-size: 20px;
    letter-spacing: -0.4px;
  }
  .recipes-section{
    padding: 48px 0;
  }
  .recipes-top{
    gap: 24px;
    padding-bottom: 24px;
  }
  .recipes-box{
    padding-top: 24px;
  }
  .thank-section{
    padding-top:16px;
    padding-bottom: 48px;
  }
 .family-section{
    padding: 48px 0;
    background-image: url(/img/Tablet\ 768\ -\ MD\ \(container-fixed\)\ \(1\).png);
 }
 .family-box-top{
    color: #F7F6F3;
text-align: center;
font-family: "Silk Serif";
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: 92%; /* 29.44px */
letter-spacing: -1.28px;
text-transform: uppercase;
 }
 .family-box-bottom-text{
    color: #FFF;
font-family: Arial;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 26px */
letter-spacing: -0.4px;
 }
 .family-box-bottom{
    padding-top: 24px;
    gap: 24px;
 }
 .you-section{
    padding-top: 48px 0;
 }
 .you-img-hidden{
    height: 283px !important; 
 }
 .you-box-medium{
    color: #282828;
font-family: Arial;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 26px */
letter-spacing: -0.4px;
 }
 .you-box-top{
    padding-bottom: 48px;
 }
 .you-box-bottom{
    padding-top: 16px;
    justify-self: flex-start;
    color: #282828;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 18.2px */
letter-spacing: -0.28px;

width: 100%;
text-align: start;
line-height: normal;
 }
 .my-section{
    padding: 48px 0;
 }
 .my-section-box-text-top{
    color: #282828;
font-family: Arial;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 26px */
letter-spacing: -0.4px;
 }
 .delivery-section{
    padding: 48px 0 ;
 }
 .delivery-box{
    gap: 24px;
    padding: 16px;
 }
 .delivery-tittle{
    color: #282828;
font-family: "Silk Serif";
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: 92%; /* 29.44px */
letter-spacing: -1.28px;
text-transform: uppercase;
 }
 .delivery-subtittle{
    color: #282828;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 18.2px */
letter-spacing: -0.28px;
 }
 .care-section{
    padding: 48px 0;

}
.care-section h2{
    color: #F7F6F3;
font-family: "Silk Serif";
font-size: 48px;
font-style: normal;
font-weight: 500;
line-height: 92%; /* 44.16px */
letter-spacing: -1.92px;
text-transform: uppercase;
padding-bottom: 48px;
}
.footer{
    padding-top: 24px;
    padding-bottom: 24px;
}
.myD-section{
  padding-top: 48px;
  padding-bottom: 48px;
}
.footer-email-top{
    color: #909090;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 18.2px */
letter-spacing: -0.28px;
}
.footer-link{
    color: #FFF;
font-family: "Silk Serif";
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: 120%; /* 38.4px */
letter-spacing: -1.28px;
}
.footer-bottom-left{
    color: #909090;
text-align: center;
font-family: Arial;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 15.6px */
letter-spacing: -0.24px;
}
}