/* ==============================
   福得 FUDE — 自定義樣式覆蓋
   ============================== */

/* ── 1. Compact Modern Navbar (desktop) ── */
@media (min-width: 992px) {
  .rd-navbar-static .rd-nav-item + .rd-nav-item {
    margin-left: 20px;
  }
  .rd-navbar-static .rd-nav-link {
    font-size: 14px;
    letter-spacing: 0.04em;
    padding: 8px 4px;
    white-space: nowrap;
  }
  /* 讓 nav 群組靠右對齊，不撐滿整行 */
  .rd-navbar-static .rd-navbar-nav-wrap {
    justify-content: flex-end;
  }
  .rd-navbar-static .rd-navbar-nav {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
  }
}

/* ── 2. 首頁產品卡片圖片 — 響應式寬度 ── */
.product-img-wrap {
  display: block;
  width: 85%;
  margin: 0 auto;
  border-radius: 8px;
  overflow: hidden;
}
.product-img-photo {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.product-img-wrap:hover .product-img-photo {
  transform: scale(1.05);
}
/* 平板以上：限制最大寬度 */
@media (min-width: 768px) {
  .product-img-wrap {
    width: 100%;
    max-width: 270px;
  }
}

/* ── 3. CTA 按鈕等高對齊 ── */
/* 取消預設 min-width；清除 * + .button 的 margin-top 干擾 */
.cta-btn {
  min-width: unset !important;
  padding: 14px 28px !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
  white-space: nowrap !important;
  width: auto !important;
  display: inline-block !important;
  vertical-align: middle !important;
  margin-top: 0 !important;
}