/* ==============================
   PRODUCT MARINATED PAGE
============================== */
.product_marinated .header.is_visual_mode:not(.is_scroll) {
   background-color: var(--color-bg-base);
   backdrop-filter: none;
   -webkit-backdrop-filter: none;
   box-shadow: none;
}

.product_marinated .header.is_visual_mode:not(.is_scroll) .gnb_main,
.product_marinated .header.is_scroll .gnb_main,
.product_marinated .header.is_scroll.is_visual_mode .gnb_main {
   color: var(--color-text-primary);
}

.product_marinated .header.is_scroll,
.product_marinated .header.is_scroll:hover,
.product_marinated .header.is_scroll.is_visual_mode,
.product_marinated .header.is_scroll.is_visual_mode:hover {
   background-color: var(--color-surface);
   backdrop-filter: none;
   -webkit-backdrop-filter: none;
}

.product_marinated .header.is_visual_mode:not(.is_scroll):hover {
   background-color: var(--color-bg-base);
}

.product_marinated .header.is_visual_mode:hover .gnb_item:hover .gnb_main,
.product_marinated .header.is_scroll.is_visual_mode:hover .gnb_item:hover .gnb_main {
   color: var(--color-brand);
}

.product_visual_marinated .product_visual_media img {
   object-position: 50% 50%;
}

.product_marinated_page .fresh_intro_image img,
.product_marinated_page .fresh_products_visual img,
.product_marinated_page .fresh_products_accordion_image img {
   object-position: center center;
}

.product_marinated_page .marinated_format_grid {
   grid-template-columns: repeat(4, minmax(0, 1fr));
}

.marinated_products_list li {
   grid-template-columns: minmax(42px, 0.12fr) clamp(245px, 20vw, 280px) minmax(0, 1fr);
   gap: clamp(12px, 1.2vw, 24px);
   --fresh-products-padding-right: clamp(18px, 2vw, 36px);
}

.marinated_products_list strong {
   font-size: clamp(18px, 1.2vw, 23px);
   white-space: nowrap;
}

html[lang="en"] .product_marinated_page .marinated_products_list strong {
   white-space: normal;
}

html[lang="en"] .product_marinated_page #marinated_products .product_section_heading h2 {
   font-size: clamp(54px, 3.7vw, 72px);
}

html[lang="en"] .product_marinated_page .marinated_neck_format_title span {
   display: block;
   white-space: nowrap;
}

@media screen and (min-width: 1025px) {
   html[lang="en"] .product_marinated_page .fresh_format_card h3 {
      font-size: clamp(24px, 1.55vw, 30px);
   }
}

.marinated_product_status {
   display: inline-flex;
   align-items: center;
   margin-left: 8px;
   padding: 3px 7px;
   border: 1px solid rgba(119, 119, 119, 0.28);
   color: var(--color-text-disabled);
   font-size: 11px;
   font-style: normal;
   font-weight: 500;
   line-height: 1;
   letter-spacing: 0;
   vertical-align: middle;
   white-space: nowrap;
}

.marinated_product_status.is_upcoming {
   border-color: rgba(102, 155, 69, 0.32);
   color: rgba(102, 160, 75, 70%);
}

.fresh_products_fill .marinated_product_status {
   border-color: rgba(51, 51, 51, 0.25);
   color: var(--color-text-secondary);
}

.fresh_products_fill .marinated_product_status.is_upcoming {
   border-color: rgba(102, 155, 69, 0.42);
   color: var(--color-brand);
}

@media screen and (min-width: 600px) and (max-width: 1024px) {
   .product_visual_marinated .product_visual_sticky {
      --tab-title-size: clamp(60px, 10vw, 102px);
   }

   .product_visual_marinated .product_visual_media img {
      object-position: 50% 50%;
   }

   .product_marinated_page .marinated_format_grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }

   .product_marinated_page .fresh_products_accordion_head {
      grid-template-columns: 60px minmax(220px, 0.62fr) minmax(0, 1fr) 40px;
   }

   .product_marinated_page .marinated_neck_title {
      white-space: nowrap;
   }

   html[lang="en"] .product_marinated_page .marinated_neck_title {
      white-space: normal;
   }

   html[lang="en"] .product_marinated_page .fresh_products_accordion_head {
      height: auto;
      min-height: 170px;
      padding: 20px 0;
   }

   html[lang="en"] .product_marinated_page .fresh_products_accordion_title {
      font-size: 22px;
   }

   .product_marinated_page .fresh_products_accordion_title .marinated_product_status {
      display: flex;
      width: max-content;
      margin: 7px 0 0;
   }

   html[lang="en"] .product_marinated_page .fresh_format_card h3 {
      min-height: 3.75em;
   }
}

@media screen and (min-width: 1025px) and (max-width: 1300px) {
   .marinated_products_list .marinated_product_status {
      margin-left: 5px;
      padding: 2px 5px;
      font-size: 9px;
   }
}

@media screen and (max-width: 599px) {
   .product_visual_marinated .product_visual_media img {
      object-position: 50% 50%;
   }

   .product_marinated_page .marinated_format_grid {
      display: block;
   }

   .marinated_product_status {
      margin-left: 5px;
      padding: 2px 5px;
      font-size: 9px;
   }

   html[lang="en"] .product_marinated_page .product_visual_copy p {
      font-size: clamp(26px, 7.8vw, 34px);
   }

   html[lang="en"] .product_marinated_page .product_section_heading h2 {
      font-size: clamp(23px, 7.8vw, 33px);
   }

   html[lang="en"] .product_marinated_page #marinated_products .product_section_heading h2 {
      font-size: clamp(23px, 7.2vw, 31px);
   }

   html[lang="en"] .product_marinated_page .marinated_en_mobile_br {
      display: none;
   }
}

@media screen and (min-width: 360px) and (max-width: 599px) {
   html[lang="en"] .product_marinated_page .marinated_contact_banner h2 {
      font-size: clamp(30px, 8vw, 34px);
   }

   html[lang="en"] .product_marinated_page .marinated_contact_banner h2 br {
      display: block;
   }
}