/* =================================================================
 * c-store-band — PICK UP ＋ ONLINE STORE を囲む白背景帯
 * Figma: footer_SP 3321:93112（bg-white / rounded-[32px]）
 *
 *   Figma 設計では PICK UP と ONLINE STORE が共通の白背景・角丸32px の
 *   箱に一緒に乗る。箱内で ONLINE STORE は薄グレー(bg-02)の島、
 * PICK UP は白地に直接。実機（PC/SP）にこの白箱が無かった。
 *
 *   中の c-pickup / c-online-store は現状の左右ガター(PC70/SP16)・
 *   上マージンをそのまま内側余白として活かす。箱は前セクションとの
 *   間隔のため margin-top を持ち、overflow:hidden で角丸クリップ＋
 *   子の margin 相殺を防ぐ。色は tokens.css 経由。
 * =================================================================*/
.c-store-band {
  width: 100%;
  box-sizing: border-box;
  /* 指摘対応(No.11): ADVANTAGE→PICKUP のコンテンツ間はデザイン192px
     (=ADVANTAGE pb96 + 本箱48 + c-pickup mt48)。旧80remでは224pxと32px広かった */
  margin-top: 48rem;
  background-color: var(--color-white);
  border-radius: 32rem;
  overflow: hidden;
}

/* 箱内では PICK UP の上マージンを内側上余白に転用（前セクション間隔は箱の margin-top が担う） */
.c-store-band > .c-pickup {
  margin-top: 48rem;
}

@media (max-width: 767.98px) {
  .c-store-band {
    margin-top: 48rem;
  }
  .c-store-band > .c-pickup {
    margin-top: 40rem;                     /* Figma SP: pick up py40 相当 */
  }
}