/* ホームの WooCommerce 駆動セクション（BRANDS / RANKING）の補助レイアウト。
   カード意匠は featured-brands-swiper.css / section-nicobay-product-ranking.css /
   card-product-featured.css に依存し、ここではグリッド配置のみ補う。 */

/* BRANDS / RANKING のプレースホルダ CSS は削除済み。
   BRANDS は featured-brands-swiper.css、RANKING は section-nicobay-product-ranking.css
   （本番と同一ファイル）が唯一の出典。ここで再定義すると本番のカスケードを壊す
   （例: rank-badge の黒丸が badgeN*.png の背後に残る）。 */

/* --- BRANDS（04）の section padding --- */
/* 出典: 本番 sections/featured-brands-swiper.liquid の {% style %}
   （section-…__brands-collection-padding: 上 0 / 下 27px、750px 以上で下 36px）。 */
.nicobay-brands-collection-padding {
  padding-top: 0;
  padding-bottom: 27px;
}
@media screen and (min-width: 750px) {
  .nicobay-brands-collection-padding {
    padding-bottom: 36px;
  }
}

/* --- featured-collection（汎用レンダラ 03/05/06）padding・見出し・全て見る --- */
.nicobay-featured-collection-padding {
  padding-top: 27px;
  padding-bottom: 27px;
}
@media screen and (min-width: 750px) {
  .nicobay-featured-collection-padding {
    padding-top: 36px;
    padding-bottom: 36px;
  }
}
/* 商品詳細の 2 本（SET / RECOMMEND ITEMS）は本番 templates/product.json が
   padding_top: 40 / padding_bottom: 52。750px 未満は本番同様 0.75 倍。 */
.single-product .nicobay-featured-collection-padding {
  padding-top: 30px;
  padding-bottom: 39px;
}
@media screen and (min-width: 750px) {
  .single-product .nicobay-featured-collection-padding {
    padding-top: 40px;
    padding-bottom: 52px;
  }
}
.nicobay-featured-collection .featured-collection__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}
.nicobay-featured-collection .featured-collection__view-all-btn {
  /* 出典: sections/featured-collection.liquid の {% style %}（rgb(63,134,39)）。
     カート・記事テンプレートは featured-collection セクションしか持たないのでこの色になる。 */
  background-color: rgb(63, 134, 39);
  color: #fff;
  padding: 7px 30px;
  border-radius: 5px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  transition: background-color 0.3s ease;
  white-space: nowrap;
  margin-bottom: 0;
}
/* ホームでは本番の index.json が featured-blog-swiper（NEWS）を後ろに置き、
   その {% style %} の #138808 が同一詳細度で勝つ。ホームだけその結果を再現する。 */
.home .nicobay-featured-collection .featured-collection__view-all-btn {
  background-color: #138808;
}
.nicobay-featured-collection .featured-collection__view-all-btn:hover,
.home .nicobay-featured-collection .featured-collection__view-all-btn:hover {
  background-color: rgb(50, 107, 31);
}
/* カート CTA は本番では <button>。Woo では <a>（add_to_cart_url）で出すため下線を消す。 */
.nicobay-featured-collection a.featured-collection-cart-btn {
  text-decoration: none;
}
@media screen and (max-width: 749px) {
  .nicobay-featured-collection .featured-collection__en-title { font-size: 2rem; }
  .nicobay-featured-collection .featured-collection__jp-title { font-size: 1.2rem; }
  .nicobay-featured-collection .featured-collection__view-all-btn { font-size: 1.2rem; }
}