/* =========================================================
   tea-collection.css
   預設：一 row 2 張（45% + 45%）
   可切換：一 row 1 張（100%）
   ========================================================= */

/* 整體區塊 */
.tea-section {
  font-family: "Noto Serif TC", serif;
  max-width: 900px;
  margin: 2rem auto;
  padding: 0 1rem;
}

/* 標題 */
.tea-header {
  color: #b9975b;
  font-size: 1.5rem;
  letter-spacing: 2px;
  margin-bottom: 2rem;
  text-align: center;
}

/* 容器 */
.tea-grid {
  display: flex;
  flex-wrap: wrap;        /* 允許換行 */
  gap: 1.5rem;
  justify-content: center;
}

/* =========================================================
   卡片（預設：一 row 2 張）
   ========================================================= */

.tea-card {
  flex: 0 0 45%;          /* ✅ 你指定的 45% */
  max-width: 45%;
  background-color: #f8f4ed;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
  overflow: hidden;
}

/* =========================================================
   狀態：一 row 1 張（閱讀模式）
   ========================================================= */

.tea-section.is-single .tea-card,
.tea-grid.is-single .tea-card {
  flex: 0 0 100%;
  max-width: 100%;
}

/* =========================================================
   RWD：手機一律一 row 1 張
   ========================================================= */

@media (max-width: 768px) {
  .tea-card {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* =========================================================
   卡片內部（共用）
   ========================================================= */

.tea-card-bar {
  background-color: #e6dfd3;
  height: 30px;
}

.tea-card-body {
  padding: 1.2rem 1rem 1.6rem;
}

.tea-card-title {
  color: #b9975b;
  font-size: 1.05rem;
  margin: 0 0 .5rem;
}

.tea-card-text {
  font-size: .85rem;
  line-height: 1.7;
  margin: 0;
}