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

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

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

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

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

.product_visual_processed .product_visual_media img {
   object-position: center center;
}

.product_processed_page .fresh_intro_image img {
   object-position: center center;
}

.processed_product_status {
   display: inline-flex;
   align-items: center;
   margin-left: 6px;
   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;
}

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

.processed_product_status.is_developing {
   border-color: rgba(102, 155, 69, 0.32);
   color: rgba(102, 160, 75, 0.7);
}

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

@media screen and (min-width: 1025px) {
   .product_processed_page .fresh_products_list li {
      grid-template-columns: minmax(48px, 0.14fr) minmax(clamp(205px, 14vw, 250px), 0.52fr) minmax(0, 1fr);
   }

   .product_processed_page .fresh_products_list strong {
      display: flex;
      align-items: center;
      gap: 8px;
      white-space: nowrap;
   }

   .product_processed_page .processed_product_status {
      flex: 0 0 auto;
   }

   .product_processed_en .fresh_products_list li {
      grid-template-columns: minmax(48px, 0.14fr) minmax(clamp(280px, 18vw, 350px), 0.7fr) minmax(0, 1fr);
   }

   .product_processed_en .fresh_products_list strong {
      white-space: normal;
   }
}

.fresh_intro_content {
   width: min(100%, 640px);
}

.fresh_intro_points li {
   grid-template-columns: minmax(180px, 0.32fr) minmax(0, 1fr);
}

@media screen and (min-width: 600px) {
   html[lang="en"] .product_processed_en .processed_format_grid .fresh_format_card {
      display: grid;
      grid-row: span 4;
      grid-template-rows: subgrid;
   }

   html[lang="en"] .product_processed_en .processed_format_grid .fresh_format_tags {
      align-content: flex-start;
      align-self: stretch;
      margin-top: 0;
   }
}

@media screen and (min-width: 1601px) {
   html[lang="en"] .product_processed_en .product_section_heading h2 {
      font-size: 68px;
   }

   html[lang="en"] .product_processed_en .processed_contact_banner h2 {
      font-size: 52px;
   }
}

@media screen and (min-width: 1025px) and (max-width: 1600px) {
   .product_visual_processed .product_visual_title h2 {
      font-size: clamp(70px, 7vw, 116px);
   }

   .product_processed_en .fresh_products_list li {
      grid-template-columns: minmax(42px, 0.12fr) minmax(clamp(220px, 21vw, 300px), 0.72fr) minmax(0, 1fr);
      gap: clamp(14px, 1.8vw, 28px);
   }

   .product_processed_en .fresh_products_list strong {
      flex-wrap: wrap;
      align-content: center;
      line-height: 1.15;
   }

   .product_processed_en .fresh_products_list .processed_product_status {
      margin-left: 0;
   }
}

@media screen and (min-width: 1025px) and (max-width: 1200px) {
   .product_processed_en .fresh_products_list li {
      grid-template-columns: 36px minmax(160px, 0.9fr) minmax(0, 1fr);
      gap: 10px;
   }
}

@media screen and (min-width: 600px) and (max-width: 1024px) {
   .product_visual_processed .product_visual_title h2 {
      font-size: clamp(60px, 10vw, 102px)
   }

}

@media screen and (max-width: 599px) {
   .product_visual_processed .product_visual_title h2 {
      font-size: clamp(43px, 12.5vw, 64px);
      line-height: 0.96;
   }

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

}