/* =========================================================
  fukidasi-cart.css
  カート下：3点FAQカード専用（縦積み / PC最大365px）
========================================================= */

.fw-faq3-underCart{
  /* 既存ページの右カラム内に入る想定：幅は親に追従 */
  margin-top: 14px;
  display: grid;
  gap: 12px;
  width: 100%;
  max-width: 365px; /* PC上限 */
  color: #111827;
}

.fw-faq3-underCart,
.fw-faq3-underCart *{
  box-sizing: border-box;
}

.fw-card{
  background: #fff;
  border: 1px solid #e6e8ee;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(17,24,39,.08);
  padding: 14px;
}

.fw-card__title{
  margin: 0 0 8px;
  font-size: 15px;
  line-height: 1.35;
}

.fw-card__text{
  margin: 0;
  font-size: 13px;
  line-height: 1.55;
}

.fw-link{
  display: inline-block;
  margin-top: 8px;
  font-size: 13px;
  color: inherit;
  text-decoration: underline;
}

@media (max-width: 900px){
  .fw-faq3-underCart{ max-width: 100%; }
}
/* =============================
  花火の虎：配色追加（base: #011461）
  fukidasi-cart.css の末尾に追記
============================= */

.fw-faq3-underCart {
  --fw-brand: #011461;
  --fw-brand-2: #0b2a8f;
  --fw-accent-bg: rgba(1, 20, 97, .06);
  --fw-accent-line: rgba(1, 20, 97, .18);
}

/* 3点カード：上部に薄い帯をつけて視線誘導 */
.fw-faq3-underCart .fw-card {
  border-color: var(--fw-accent-line);
  background:
    linear-gradient(180deg, var(--fw-accent-bg), rgba(255, 255, 255, 0) 60%),
    #fff;
  box-shadow: 0 10px 22px rgba(1, 20, 97, .07);
}

/* タイトルをブランド色に */
.fw-faq3-underCart .fw-card__title {
  color: var(--fw-brand);
}

/* リンクもブランド寄せ */
.fw-faq3-underCart .fw-link {
  color: var(--fw-brand-2);
  text-decoration-color: rgba(11, 42, 143, .35);
}

.fw-faq3-underCart .fw-link:hover {
  text-decoration-color: rgba(11, 42, 143, .75);
}