/** Shopify CDN: Minification failed

Line 192:0 Expected "}" to go with "{"

**/
/* ==========================================================================
   yamyam Key Ingredients (sections/yy-key-ingredients.liquid)
   캔버스: PDP (Desktop) L357–369 · PDP (Mobile) L790–797
   패널 글자 = --yy-text (포인트 컬러 글자색) / 흰 카드 안 = 검정 · #4A4060
   ========================================================================== */

.yy-ki {
  background: var(--yy-ki-bg);
}

.yy-ki__panel {
  display: flex;
  flex-direction: column;
  gap: var(--yy-ki-gap-m);
  padding: var(--yy-ki-py-m) var(--yy-ki-px-m);
}

.yy-ki__head {
  display: flex;
  flex-direction: column;
  gap: var(--yy-ki-gap-m);
}

/* 제목 — Lilita One 60 / 30 · 줄간격 .95 (BUILD_PLAN §7) */
.yy-ki__heading {
  --yy-lh: var(--yy-ki-heading-lh);
  margin: 0;
  font-size: var(--yy-ki-heading-m);
}

.yy-ki__body {
  color: var(--yy-text, #000);
  font-size: var(--yy-ki-body-m);
  font-weight: var(--yy-ki-body-w);
  line-height: 1.6;
}

.yy-ki__body > :first-child {
  margin-top: 0;
}

.yy-ki__body > :last-child {
  margin-bottom: 0;
}

/* 이미지 — 비어 있으면 패널 색 바탕만 */
.yy-ki__media {
  position: relative;
  overflow: hidden;
}

.yy-ki__media--m {
  aspect-ratio: var(--yy-ki-image-ratio-m);
  border-radius: var(--yy-ki-image-radius-m);
  corner-shape: var(--yy-corner-shape, round);
}

.yy-ki__media--d {
  display: none;
}

.yy-ki__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.yy-ki__placeholder {
  background: rgba(255, 255, 255, 0.35);
  fill: rgba(0, 0, 0, 0.25);
}

/* 흰 카드 — 이름 700 · 설명 #4A4060 1.5 */
.yy-ki__cards {
  display: flex;
  flex-direction: column;
  gap: var(--yy-ki-gap-m);
  margin: 0;
  padding: 0;
  list-style: none;
}

.yy-ki__card {
  --yy-text: #000;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: var(--yy-ki-card-pad-m);
  border-radius: var(--yy-ki-card-radius-m);
  corner-shape: var(--yy-corner-shape, round);
  background: var(--yy-ki-card-bg);
}

.yy-ki__name {
  font-size: var(--yy-ki-name-m);
  font-weight: var(--yy-ki-name-w);
  line-height: 1.3;
}

.yy-ki__text {
  color: var(--yy-gray-700);
  font-size: var(--yy-ki-text-m);
  font-weight: var(--yy-ki-text-w);
  line-height: 1.5;
}

/* 750–989 — 쌓인 배치에 데스크탑 글자 크기·여백 */
@media screen and (min-width: 750px) {
  .yy-ki__panel {
    gap: var(--yy-ki-gap-d);
    padding: var(--yy-ki-py-d) var(--yy-ki-px-out-d);
  }

  .yy-ki__head {
    gap: var(--yy-ki-gap-d);
  }

  .yy-ki__heading {
    font-size: var(--yy-ki-heading-d);
  }

  .yy-ki__body {
    font-size: var(--yy-ki-body-d);
  }

  .yy-ki__card {
    gap: 8px;
    padding: var(--yy-ki-card-pad-d);
    border-radius: var(--yy-ki-card-radius-d);
    corner-shape: var(--yy-corner-shape, round);
  }

  .yy-ki__name {
    font-size: var(--yy-ki-name-d);
  }

  .yy-ki__text {
    font-size: var(--yy-ki-text-d);
  }
}

/* ≥990 — 2열: 패널 | 이미지 */
@media screen and (min-width: 990px) {
  .yy-ki {
    display: grid;
    grid-template-columns: calc(var(--yy-ki-split-d) * 1%) minmax(0, 1fr);
    min-height: var(--yy-ki-min-h-d);
  }

  .yy-ki--image-left {
    grid-template-columns: minmax(0, 1fr) calc(var(--yy-ki-split-d) * 1%);
  }

  .yy-ki--image-left .yy-ki__media--d {
    order: -1;
  }

  .yy-ki__panel {
    justify-content: center;
    gap: var(--yy-ki-gap-d);
    padding: var(--yy-ki-py-d) var(--yy-ki-px-d) var(--yy-ki-py-d) var(--yy-ki-px-out-d);
  }

  /* 이미지가 왼쪽이면 패널은 오른쪽 — 화면 끝 쪽(오른쪽)이 전역 여백 */
  .yy-ki--image-left .yy-ki__panel {
    padding: var(--yy-ki-py-d) var(--yy-ki-px-out-d) var(--yy-ki-py-d) var(--yy-ki-px-d);
  }

  .yy-ki__head {
    gap: var(--yy-ki-gap-d);
  }

  .yy-ki .yy-ki__media--m {
    display: none;
  }

  .yy-ki__media--d {
    display: block;
  }

  /* 캔버스: 카드 묶음 margin-top 12 (제목과 간격 22 + 12) */
  .yy-ki__cards {
    display: grid;
   grid-template-columns: minmax(0, 1fr);
}