/**
 * 商品詳細：フレーバー選択タブ（AD系 SKU 専用）
 */
.c-productFlavorTabs {
  margin-top: 8px;
}

.c-productFlavorTabs__scroller {
  margin: 0 -16px;
  padding: 0 16px;
}

.c-productFlavorTabs__list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 16px;
}

.c-productFlavorTabs__tab {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex: 0 0 auto;
  width: 115px;
  height: 82px;
  padding: 0 11px;
  background: #fff;
  border: none;
  border-radius: 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  text-align: left;
  appearance: none;
  -webkit-appearance: none;
  font-family: 'Noto Sans JP', sans-serif;
}

.c-productFlavorTabs__tab.active {
  background: #f0f2fb;
  border: 0.5px solid #2A2727;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.25));
}

.c-productFlavorTabs__tab--soldout {
  background: #fff;
  border: 1px dashed #2a2727;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  filter: none;
  cursor: not-allowed;
}

.c-productFlavorTabs__tab--soldout.active {
  background: #f0f2fb;
  border: 1px dashed #2a2727;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.25));
}

.c-productFlavorTabs__label {
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #2a2727;
}

.c-productFlavorTabs__tab.active .c-productFlavorTabs__label {
  color: #2a2727;
}

.c-productFlavorTabs__tab--soldout .c-productFlavorTabs__label {
  color: #797979;
}

.c-productFlavorTabs__soldout {
  display: block;
  margin-top: 2px;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.2;
  color: #797979;
}

.active.c-productFlavorTabs__tab--soldout .c-productFlavorTabs__soldout {
  color: #797979;
}

.c-productFlavorTabs.is-loading {
  pointer-events: none;
  opacity: 0.6;
}

@media (max-width: 768px) {
  .c-productFlavorTabs__scroller {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    scroll-snap-type: x proximity;
  }

  .c-productFlavorTabs__scroller::-webkit-scrollbar {
    display: none;
  }

  .c-productFlavorTabs__list {
    flex-wrap: nowrap;
    width: max-content;
    padding-bottom: 4px;
  }

  .c-productFlavorTabs__tab {
    scroll-snap-align: center;
  }
}

.c-footerNav__top,
.product__imgNav,
.product__related,
.product__history,
.product__breadcrumb,
.productTop__favorite,
.c-gnav__control,
.c-gnav__hamburger,
.product__fixedArea,
.floating-banner,
.floating-banner-mini,
.productTop__subName {
  display: none !important;
}

.c-footerNav {
  padding-top: 0 !important;
}

/* AD系：カート追加ボタンを出さない（EC Force JS による再表示対策） */
.product:has(.c-productFlavorTabs) .co-btn-add-async {
  display: none !important;
}

.c-gnav__logo {
  pointer-events: none;
}

/* AD系：併売 register の初期 opacity:0 がフレーバー切替後も残るのを防ぐ */
.product:has(.c-productFlavorTabs) .productTop__register .register {
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* AD系：ヘッダーノーティス固定（リンクなし） */
.c-noticeBox--flavorAd .c-noticeBox__inner {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 40px;
}

.c-noticeBox--flavorAd .c-notice--static {
  margin: 0;
  text-decoration: none;
  cursor: default;
  pointer-events: none;
}

.co-selling-tab:has(#co-selling-recurring-tab) {
  order: 2;
}

@media (max-width: 768px) {
  .product__top {
    padding-bottom: 20px;
  }

  .co-form-input-group {
    margin-top: 20px;
  }

  .productTop__register {
    margin-bottom: 0;
  }

  .productTop__cart {
    margin-bottom: 0;
    display: block;
  }
}