/* ==============================================
   mfarm-index.css — 메인 페이지
   ============================================== */

/* ========================================
   섹션 공통 헤더
   ======================================== */
.mfarm-section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 40px;
  gap: 20px;
}

.mfarm-section-head__text { min-width: 0; }

.mfarm-section-head__en {
  font-size: 13px;
  font-weight: 600;
  color: #a0a0a0;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 6px;
}

.mfarm-section-head__kr {
  font-size: 40px;
  font-weight: 700;
  color: #111111;
  line-height: 1.2;
  letter-spacing: -0.025em;
}

.mfarm-section-head__more {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 50px;
  padding: 7px 20px 7px 25px;
  border-radius: 10px;
  border: 1px solid #ededed;
  font-family: 'Pretendard', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.025em;
  color: #444444;
  white-space: nowrap;
  flex-shrink: 0;
  background: #ffffff;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.mfarm-section-head__more:hover {
  background: #ffffff;
  border-color: #4b5b3a;
  color: #4b5b3a;
}


/* ========================================
   메인 비주얼 (Hero)
   ======================================== */
.mfarm-hero {
  position: relative;
  min-height: 834px;
  box-sizing: border-box; /* JS padding-top이 834px 내에 포함 */
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  background: #F7F1E8;
}

.mfarm-hero__bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}


.mfarm-hero__inner {
  position: relative;
  z-index: 1;
  max-width: var(--max-width);
  width: 100%;
  margin: 0 auto;
  padding: 40px var(--content-padding) 80px;
}

/* Figma: style_WKV8ND — Pretendard SemiBold 600, 28px */
.mfarm-hero__subtitle {
  font-weight: 600;
  font-size: 28px;
  line-height: 1.4;
  letter-spacing: -0.01em;
  color: #4B5B3A;
  margin-bottom: 10px;
}

/* Figma: style_8KGAWK — NanumMyeongjo ExtraBold 800, 80px */
.mfarm-hero__heading {
  display: flex;
  flex-direction: column;
  font-family: 'Nanum Myeongjo', 'NanumMyeongjo', Georgia, 'Batang', serif;
  font-weight: 800;
  font-size: 80px;
  line-height: 1.18;
  letter-spacing: -0.05em;
  margin-bottom: 30px;
}

.mfarm-hero__deco-line1 { color: #6F7D3B; }
.mfarm-hero__deco-line2 { color: #4A3A2A; }

/* Figma: style_1YQDAB — Pretendard Medium 500, 24px, 140% */
.mfarm-hero__desc {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.4;
  letter-spacing: -0.01em;
  color: #4A3A2A;
  max-width: 680px;
}

.mfarm-hero__desc strong { font-weight: 800; }


/* ========================================
   메인 비주얼 슬로건 진입 모션
   ======================================== */

/* 배경 이미지 — 미세 줌아웃 */
@keyframes hero-bg-zoom {
  from { transform: scale(1.05); }
  to   { transform: scale(1);    }
}

/* 텍스트 요소 — 아래서 위로 페이드업 */
@keyframes hero-fade-up {
  from {
    opacity:   0;
    transform: translateY(32px);
  }
  to {
    opacity:   1;
    transform: translateY(0);
  }
}

/* 마크 — 오른쪽에서 페이드인 */
@keyframes hero-mark-in {
  from {
    opacity:   0;
    transform: translateX(20px);
  }
  to {
    opacity:   1;
    transform: translateX(0);
  }
}

/* 배경 */
.mfarm-hero__bg {
  animation: hero-bg-zoom 1.6s cubic-bezier(0.22, 1, 0.36, 1) both;
}

/* 서브타이틀 */
.mfarm-hero__subtitle {
  animation: hero-fade-up 0.72s cubic-bezier(0.22, 1, 0.36, 1) both;
  animation-delay: 0.18s;
}

/* 헤딩 줄 1 */
.mfarm-hero__deco-line1 {
  display: block; /* animation 독립 적용 위해 block 유지 */
  animation: hero-fade-up 0.8s cubic-bezier(0.22, 1, 0.36, 1) both;
  animation-delay: 0.36s;
}

/* 헤딩 줄 2 */
.mfarm-hero__deco-line2 {
  display: block;
  animation: hero-fade-up 0.8s cubic-bezier(0.22, 1, 0.36, 1) both;
  animation-delay: 0.52s;
}

/* 설명 문구 */
.mfarm-hero__desc {
  animation: hero-fade-up 0.72s cubic-bezier(0.22, 1, 0.36, 1) both;
  animation-delay: 0.68s;
}

/* 마크 */
.mfarm-hero__mark {
  animation: hero-mark-in 0.8s cubic-bezier(0.22, 1, 0.36, 1) both;
  animation-delay: 0.9s;
}

/* 접근성: 모션 감소 선호 시 모든 애니메이션 비활성화 */
@media (prefers-reduced-motion: reduce) {
  .mfarm-hero__bg,
  .mfarm-hero__subtitle,
  .mfarm-hero__deco-line1,
  .mfarm-hero__deco-line2,
  .mfarm-hero__desc,
  .mfarm-hero__mark {
    animation: none;
  }
}


/* 흑백요리사방송등장 마크 — 156×156px, 하단 우측 */
/* bottom: features overlap(100px) + inner top-padding(50px) + gap(40px) = 190px */
.mfarm-hero__mark {
  position: absolute;
  right: 180px; 
  bottom: 150px;
  width: 156px;
  height: 156px;
  z-index: 4;
}

/* 마크 뒤 glassmorphism 블러 배경 — 마크와 동일 크기 */
.mfarm-hero__mark::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: rgba(75, 91, 58, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.2);
  z-index: 0;
}

.mfarm-hero__mark img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
}

/* 슬라이드 인디케이터 (70×5px 바 2개) */
.mfarm-hero__pagination {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 20px;
}

.mfarm-hero__pag-bar {
  display: block;
  width: 70px;
  height: 5px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 3px;
}

.mfarm-hero__pag-bar--active { background: #ffffff; }


/* ========================================
   농장 특징 (Figma: 하단 특징영역)
   ======================================== */
.mfarm-features {
  position: relative;
  z-index: 3;
  margin-top: -100px;
  padding: 0 var(--content-padding) 44px;
}

.mfarm-features__inner {
  max-width: var(--max-width);
  margin: 0 auto;
  background: #F6F6F6;
  border-radius: 10px;
  box-shadow: 0 0 15px 0 rgba(63, 58, 55, 0.5);
  padding: 50px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.feature-card {
  display: flex;
  flex-direction: row;  /* 이미지 좌 / 텍스트 우 */
  align-items: center;
  gap: 15px;
  flex: 1;
  min-width: 0;
}

/* 진입 모션 — default.css의 .is-visible { display:block !important } 충돌 방지를 위해 motion-visible 사용 */
.feature-card.motion-pre {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.45s ease, transform 0.45s ease;
}
.feature-card.motion-pre.motion-visible {
  opacity: 1;
  transform: translateY(0);
}

.feature-card__img {
  flex: 0 0 auto;
  width: 105px;
  height: 80px;
  border-radius: 10px;
  object-fit: cover;
  display: block;
}

.feature-card__text {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.feature-card__title {
  font-family: 'Pretendard', sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.3;
  letter-spacing: -0.004em;
  color: #4A3A2A;
  word-break: keep-all;
}

.feature-card__desc {
  font-family: 'Pretendard', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.3;
  letter-spacing: -0.025em;
  color: #2B2B2B;
  word-break: keep-all;
}


/* ========================================
   추천 상품
   ======================================== */
.mfarm-products {
  background: #ffffff;
  padding: 0px var(--content-padding);
}

.mfarm-products__inner {
  max-width: var(--max-width);
  margin: 0 auto;
}

.mfarm-product-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.mfarm-product-link {
  display: flex;
  flex-direction: column;
  gap: 14px;
  color: inherit;
  transition: transform 0.25s ease;
}

.mfarm-product-link:hover { transform: translateY(-4px); }

.mfarm-product-img {
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 14px;
  overflow: hidden;
  background: #F3EFE5;
  position: relative;
}

.mfarm-product-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.mfarm-product-link:hover .mfarm-product-img img { transform: scale(1.04); }

.mfarm-product-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  background: rgba(0,0,0,0.55);
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 9px;
  border-radius: 4px;
  line-height: 1;
}

.mfarm-product-img-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #b8b0a0;
  font-size: 13px;
}

.mfarm-product-info {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.mfarm-product-name {
  font-size: 16px;
  font-weight: 700;
  color: #1a1a1a;
  line-height: 1.4;
  letter-spacing: -0.01em;
  word-break: keep-all;
}

.mfarm-product-price {
  font-size: 18px;
  font-weight: 700;
  color: #2F4A28;
  letter-spacing: -0.01em;
}

.mfarm-product-empty {
  grid-column: 1 / -1;
  text-align: center;
  padding: 80px 0;
  color: #a0a0a0;
  font-size: 16px;
  line-height: 1.7;
}


/* ========================================
   고객 후기
   ======================================== */
.mfarm-reviews {
  background: #FAF8F3;
  padding: 80px var(--content-padding);
}

.mfarm-reviews__inner {
  max-width: var(--max-width);
  margin: 0 auto;
}

.mfarm-review-list {
  display:flex;
  align-items:stretch;
  gap: 16px;
  overflow: hidden;
  overflow-x: auto;
  cursor: grab;
}

.mfarm-review-list.is-dragging {
  cursor: grabbing;
  user-select: none;
}

.mfarm-review-list img {
  pointer-events: none;
  -webkit-user-drag: none;
  user-select: none;
}

.mfarm-review-item {
    flex:0 0 auto;
    width:calc(350px - 16px);
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.mfarm-review-item:hover {
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.1);
  transform: translateY(-3px);
}

.mfarm-review-img {
  width: 100%;
  flex: 0 0 auto;
  min-height: 140px;
  height:250px;
  position:relative;
  overflow: hidden;
  background: #F3EFE5;
}

.mfarm-review-img img {
  width: 100%;
  height: 100%;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  object-fit: cover;
}

.mfarm-review-img-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mfarm-review-body {
  padding: 12px 16px 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.mfarm-review-stars {
  display: flex;
  gap: 2px;
}

.mfarm-review-star {
  width: 13px;
  height: 13px;
  flex-shrink: 0;
  color: #F0A500;
}

.mfarm-review-star--empty { color: #d8d2c8; }

/* 구매 상품 영역 (링크) */
.mfarm-review-product {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  text-decoration: none;
  color: inherit;
  border-top: 1px solid #f0ece4;
  flex-shrink: 0;
  transition: background 0.2s;
}

.mfarm-review-product:hover { background: #faf7f2; }

.mfarm-review-product__thumb {
  width: 75px;
  height: 75px;
  border-radius: 10px;
  overflow: hidden;
  flex-shrink: 0;
  background: #f5f0eb;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mfarm-review-product__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.mfarm-review-product__no-img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.mfarm-review-product__info {
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
  flex: 1;
}

.mfarm-review-product__name {
  font-size: 15px;
  font-weight: 500;
  color: #333333;
  line-height: 1.2;
  letter-spacing: -0.0267em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.mfarm-review-product__price {
  font-size: 15px;
  font-weight: 700;
  color: #333333;
  line-height: 1.2;
  letter-spacing: -0.0267em;
}

.mfarm-review-text {
  font-size: 14px;
  font-weight: 400;
  color: #2b2b2b;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  flex: 1;
}

.mfarm-review-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 4px;
  gap: 8px;
}

.mfarm-review-author {
  font-size: 13px;
  font-weight: 600;
  color: #444444;
  letter-spacing: -0.01em;
}

.mfarm-review-date {
  font-size: 12px;
  color: #a8a0a0;
  white-space: nowrap;
  flex-shrink: 0;
}

.mfarm-review-empty {
  grid-column: 1 / -1;
  text-align: center;
  padding: 60px 0;
  color: #a0a0a0;
  font-size: 16px;
  line-height: 1.7;
}


/* ========================================
   하단 배너 2개
   ======================================== */
.mfarm-banners {
  padding: 80px var(--content-padding) 80px;
  background: #ffffff;
}

.mfarm-banners__inner {
  max-width: var(--max-width);
  margin: 0 auto;
  display: flex;
  gap: 20px;
}

/* 카드 공통 */
.mfarm-banner-brand,
.mfarm-banner-recipe {
  flex: 1;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
  text-decoration: none;
  color: inherit;
}

.mfarm-banner-brand::before,
.mfarm-banner-recipe::before {
  content: '';
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
  transition: transform 0.4s ease;
  z-index: 0;
}

.mfarm-banner-brand:hover::before,
.mfarm-banner-recipe:hover::before {
  transform: scale(1.05);
}

/* 좌측 브랜드 카드 */
.mfarm-banner-brand::before { background-image: url('../img/mfarm/main-brand-bg.png'); }

.mfarm-banner-brand__content {
  position: relative;
  z-index: 1;
  padding: 50px 50px 40px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  height: 100%;
}

/* 우측 레시피 카드 */
.mfarm-banner-recipe::before { background-image: url('../img/mfarm/main-recipe-bg.png'); }

.mfarm-banner-recipe__content {
  position: relative;
  z-index: 1;
  padding: 50px 50px 30px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  height: 100%;
}

/* 타이틀 영역 (공통) */
.mfarm-banner__titles {
  display: flex;
  flex-direction: column;
}

.mfarm-banner__pen {
  font-family: 'Nanum Pen Script', cursive;
  font-weight: 400;
  font-size: 30px;
  letter-spacing: -0.0333em;
  color: #35502E;
  line-height: 1.3;
}

.mfarm-banner__pen--lg { font-size: 32px; letter-spacing: -0.0313em; }

.mfarm-banner__heading {
  font-weight: 700;
  font-size: 36px;
  line-height: 1.3;
  letter-spacing: -0.0111em;
  color: #111111;
}

/* 본문 영역 */
.mfarm-banner__body {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.mfarm-banner__desc {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.3;
  letter-spacing: -0.0222em;
  color: #2B2B2B;
  word-break: keep-all;
}

/* 스탯 목록 */
.mfarm-banner__stats {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.mfarm-banner__stat {
  display: flex;
  align-items: center;
  gap: 10px;
}

.mfarm-banner__stat img { flex-shrink: 0; }

.mfarm-banner__stat span {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.3;
  letter-spacing: -0.0222em;
  color: #2B2B2B;
}

.mfarm-banner__stat strong {
  font-weight: 800;
  color: #35502E;
}

/* 버튼 (공통) */
.mfarm-banner__btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 50px;
  padding: 7px 20px 7px 25px;
  background: #35502E;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.025em;
  color: #ffffff;
  align-self: flex-start;
  transition: background 0.2s ease, box-shadow 0.2s ease;
}

.mfarm-banner-brand:hover .mfarm-banner__btn,
.mfarm-banner-recipe:hover .mfarm-banner__btn {
  background: #2a4024;
  box-shadow: 0 4px 12px rgba(53, 80, 46, 0.35);
}


/* ========================================
   Responsive
   ======================================== */
@media (max-width: 1600px) {
  .mfarm-hero__heading { font-size: 66px; }
  .mfarm-hero__subtitle { font-size: 24px; }
  .mfarm-hero__desc { font-size: 20px; }
  /* 퀵메뉴(right:30 + width:76 = 106px)와 겹치지 않도록 우측 여백 확보 */
  .mfarm-hero__mark { right: 120px; }
  .mfarm-section-head__kr { font-size: 34px; }

  .feature-card__title { font-size: 16px; }
  .feature-card__desc { font-size: 13px; }
}

@media (max-width: 1400px) {
  /* 이미지 + 텍스트 세로 정렬 */
  .mfarm-features__inner { padding: 25px; gap: 10px; }
  .feature-card {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
  .feature-card__img { width: 72px; height: 54px; }
  .feature-card__text { align-items: center; text-align: center; }
}

@media (max-width: 1280px) {
  .mfarm-hero { min-height: 660px; }
  .mfarm-hero__heading { font-size: 56px; }
  .mfarm-hero__subtitle { font-size: 22px; }
  .mfarm-hero__desc { font-size: 18px; }
  /* features: overlap 88 + inner-padding 36 + gap 40 = 164px */
  /* 퀵메뉴(right:16 + width:66 = 82px)와 겹치지 않도록 right 100px */
  .mfarm-hero__mark { width: 130px; height: 130px; bottom: 164px; right: 100px; }

  .mfarm-features { margin-top: -88px; }
  .mfarm-features__inner { padding: 25px; gap: 10px; }
  .feature-card { gap: 10px; }
  .feature-card__img { width: 80px; height: 60px; }
  .feature-card__title { font-size: 14px; }
  .feature-card__desc { font-size: 12px; }

  .mfarm-product-list { grid-template-columns: repeat(4, 1fr); gap: 16px; }

  .mfarm-review-list { grid-template-columns: repeat(3, 1fr); }

  .mfarm-banner__heading { font-size: 30px; }
  .mfarm-banner__pen { font-size: 26px; }
  .mfarm-banner__pen--lg { font-size: 28px; }
}

@media (max-width: 1024px) {
  .mfarm-features { margin-top: -80px; }
  .mfarm-features__inner {
    gap: 10px;
    padding: 25px;
  }
  .feature-card__img { width: 72px; height: 54px; }
  .feature-card__title { font-size: 15px; }
  .feature-card__desc { font-size: 13px; }

  .mfarm-product-list { grid-template-columns: repeat(2, 1fr); }
  .mfarm-product-name { font-size: 15px; }

  .mfarm-review-list { grid-template-columns: repeat(2, 1fr); }

  .mfarm-banners__inner { flex-direction: column; }
  .mfarm-banner-brand__content,
  .mfarm-banner-recipe__content { gap: 24px; }
}

@media (max-width: 1020px) {
  .mfarm-features { padding: 0 0 48px; }
  .mfarm-features__inner {
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    /*
    scrollbar-width: none;
    -ms-overflow-style: none;
    */
    align-items: stretch;
    gap: 10px;
    padding: 25px 20px;
    scroll-padding-left: 20px;
  }
  /* .mfarm-features__inner::-webkit-scrollbar { display: none; }*/
  .feature-card {
    flex: 0 0 auto;
    flex-direction: column;
    scroll-snap-align: start;
    align-items: center;
    gap: 12px;
    width: auto;
  }
  .feature-card__img { flex: 0 0 auto; width: 72px; height: 54px; border-radius: 8px; }
}

@media (max-width: 768px) {
  .mfarm-hero { min-height: 480px; }
  .mfarm-hero__inner { padding: 30px var(--content-padding-sm) 50px; }
  .mfarm-hero__heading { font-size: 38px; letter-spacing: -0.03em; }
  .mfarm-hero__subtitle { font-size: 16px; }
  .mfarm-hero__desc { font-size: 16px; }
  /* 모바일: 퀵메뉴 hidden → 크기 줄이고 좌측 여백 기준 배치 */
  .mfarm-hero__mark {
    width: 80px;
    height: 80px;
    left: auto;
    right: 20px;
    transform: none;
    bottom: 110px;
  }
  .mfarm-hero__pagination { bottom: 20px; }

  .mfarm-features { margin-top: -50px; padding: 0 0 48px; }
  .mfarm-features__inner {
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    /*
    scrollbar-width: none;
    -ms-overflow-style: none;
    */
    align-items: stretch;
    gap: 10px;
    padding: 25px 20px;
    scroll-padding-left: 20px;
  }
  .mfarm-features__inner::-webkit-scrollbar { /*display: none;*/ }
  /* 모바일: 카드 1열 가로 스와이프 */
  .feature-card {
    flex: 0 0 auto;
    flex-direction: column;
    scroll-snap-align: start;
    align-items: center;
    gap: 12px;
    width: 140px;
  }
  .feature-card__text { align-items: flex-start; text-align: left; }
  .feature-card__img { flex: 0 0 auto; width: 72px; height: 54px; border-radius: 8px; }
  .feature-card__title { font-size: 16px; }
  .feature-card__desc { font-size: 14px; }
  .feature-card.motion-pre { opacity: 1; transform: none; }

  .mfarm-products { padding: 56px var(--content-padding-sm); }
  .mfarm-product-list { grid-template-columns: repeat(2, 1fr); gap: 14px; }
  .mfarm-section-head__kr { font-size: 26px; }
  .mfarm-section-head__more { height: 42px; padding: 6px 14px 6px 18px; font-size: 14px; gap: 6px; }
  .mfarm-section-head__more svg { width: 18px; height: 18px; }

    .mfarm-review-product__info{
        font-size:14px;
    }
    
  .mfarm-reviews { padding: 56px var(--content-padding-sm); }
  
  .mfarm-review-list { 
    /*grid-template-columns: 1fr; */
    /*max-width: 400px; */
  }
    .mfarm-review-img{
        flex:0 0 auto;
        height:160px;
        overflow:hidden;
        position:relative;
    }
    .mfarm-review-item {
        width: calc(220px - 16px);
    }
    .mfarm-review-product__name{font-size:1em;}
    .mfarm-review-text{font-size:0.85em;}
    .mfarm-review-product__thumb{width:60px;height:60px;}

  .mfarm-banners { padding: 20px var(--content-padding-sm) 56px; }
  .mfarm-banners__inner { gap: 14px; }
  .mfarm-banner-brand__content { padding: 32px 28px; gap: 20px; }
  .mfarm-banner-recipe__content { padding: 32px 28px; gap: 20px; }
  .mfarm-banner__heading { font-size: 26px; }
  .mfarm-banner__pen { font-size: 22px; }
  .mfarm-banner__pen--lg { font-size: 24px; }
  .mfarm-banner__desc { font-size: 15px; }
  .mfarm-banner__stat span { font-size: 15px; }
  .mfarm-banner__btn { height: 44px; font-size: 14px; }
}

/* 모션 비선호 */
@media (prefers-reduced-motion: reduce) {
  .feature-card.motion-pre,
  .mfarm-product-link,
  .mfarm-product-img img,
  .mfarm-review-item,
  .mfarm-banner-brand,
  .mfarm-banner-recipe {
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
}