.basashiya-concierge,
.basashiya-quantity {
  --bcc-wine: #7a1532;
  --bcc-wine-dark: #541022;
  --bcc-rose: #f7e8eb;
  --bcc-cream: #fffaf6;
  --bcc-ink: #30272a;
  --bcc-muted: #71666a;
  color: var(--bcc-ink);
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  line-height: 1.7;
  margin: 2rem auto;
  max-width: 1120px;
}

.basashiya-concierge *,
.basashiya-quantity * { box-sizing: border-box; }

.basashiya-concierge .bcc-shell,
.basashiya-quantity .bcc-shell {
  background: linear-gradient(145deg, var(--bcc-cream), #fff);
  border: 1px solid #ead9dc;
  border-radius: 20px;
  box-shadow: 0 16px 45px rgba(82, 16, 34, .08);
  padding: clamp(1.25rem, 4vw, 3rem);
}

.basashiya-concierge h2,
.basashiya-quantity h2 { color: var(--bcc-wine-dark); font-size: clamp(1.6rem, 4vw, 2.35rem); line-height: 1.35; margin: .2rem 0 .65rem; }
.basashiya-concierge h3,
.basashiya-quantity h3 { color: var(--bcc-wine-dark); margin: 0 0 .65rem; }
.basashiya-concierge h4,
.basashiya-quantity h4 { font-size: 1.05rem; margin: .25rem 0 .65rem; }
.basashiya-concierge .bcc-eyebrow,
.basashiya-quantity .bcc-eyebrow { color: var(--bcc-wine); font-size: .8rem; font-weight: 800; letter-spacing: .14em; margin: 0; text-transform: uppercase; }
.basashiya-concierge .bcc-lead { color: var(--bcc-muted); margin: 0 0 1.35rem; }

.basashiya-concierge .bcc-progress { align-items: center; display: grid; gap: .7rem; grid-template-columns: auto 1fr; margin: 0 0 .65rem; }
.basashiya-concierge .bcc-progress-label { color: var(--bcc-wine); font-size: .88rem; font-weight: 800; margin: 0; min-width: 2.7rem; }
.basashiya-concierge .bcc-progress-track { background: #eadde0; border-radius: 999px; height: 7px; overflow: hidden; }
.basashiya-concierge .bcc-progress-track span { background: var(--bcc-wine); border-radius: inherit; display: block; height: 100%; transition: width .2s ease; width: 25%; }

.basashiya-concierge .bcc-question { border: 0; border-top: 1px solid #eadde0; margin: 0; padding: 1.4rem 0 0; }
.basashiya-concierge .bcc-question[hidden] { display: none; }
.basashiya-concierge .bcc-question legend { float: left; font-size: 1.05rem; font-weight: 700; margin: 0 0 .75rem; padding: 0; width: 100%; }
.basashiya-concierge .bcc-question legend + * { clear: both; }
.basashiya-concierge .bcc-question-help { color: var(--bcc-muted); font-size: .82rem; margin: -.45rem 0 .8rem; }
.basashiya-concierge .bcc-options { display: grid; gap: .7rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 120px), 1fr)); }
.basashiya-concierge .bcc-option { cursor: pointer; display: block; position: relative; }
.basashiya-concierge .bcc-option input { opacity: 0; position: absolute; }
.basashiya-concierge .bcc-option span { align-items: center; background: #fff; border: 1px solid #d9c8cc; border-radius: 12px; display: flex; justify-content: center; min-height: 48px; padding: .65rem .8rem; text-align: center; transition: .18s ease; word-break: keep-all; }
.basashiya-concierge .bcc-option input:checked + span { background: var(--bcc-wine); border-color: var(--bcc-wine); color: #fff; }
.basashiya-concierge .bcc-option input:focus-visible + span { outline: 3px solid rgba(122, 21, 50, .25); outline-offset: 2px; }
.basashiya-concierge .bcc-step-actions { display: flex; gap: .7rem; justify-content: flex-end; margin-top: 1.25rem; }

.basashiya-concierge .bcc-button,
.basashiya-quantity .bcc-button { background: var(--bcc-wine); border: 0; border-radius: 999px; color: #fff; cursor: pointer; display: inline-block; font-weight: 700; padding: .8rem 1.45rem; text-decoration: none; }
.basashiya-concierge .bcc-button:hover,
.basashiya-quantity .bcc-button:hover { background: var(--bcc-wine-dark); color: #fff; }
.basashiya-concierge .bcc-button-secondary { background: #fff; border: 1px solid var(--bcc-wine); color: var(--bcc-wine); }
.basashiya-concierge .bcc-button-secondary:hover { background: var(--bcc-rose); color: var(--bcc-wine-dark); }
.basashiya-concierge .bcc-button-small { font-size: .9rem; padding: .55rem 1rem; }
.basashiya-concierge .bcc-status,
.basashiya-quantity .bcc-status { color: var(--bcc-wine); font-weight: 700; min-height: 1.7em; }
.basashiya-concierge .bcc-result,
.basashiya-quantity .bcc-result { border-top: 2px solid var(--bcc-wine); margin-top: 1.5rem; padding-top: 1.75rem; scroll-margin-top: 2rem; }
.basashiya-concierge .bcc-profile { background: var(--bcc-rose); border-radius: 14px; padding: 1.2rem; }
.basashiya-concierge .bcc-result-section { margin-top: 1.8rem; }
.basashiya-concierge .bcc-chip-list { display: flex; flex-wrap: wrap; gap: .5rem; list-style: none; margin: 0; padding: 0; }
.basashiya-concierge .bcc-chip { background: var(--bcc-rose); border-radius: 12px; display: grid; gap: .1rem; padding: .45rem .8rem; }
.basashiya-concierge .bcc-chip-detail { color: var(--bcc-muted); font-size: .72rem; }
.basashiya-concierge .bcc-candidate-names { font-size: .9rem; line-height: 1.5; }
.basashiya-concierge .bcc-scale-note { color: var(--bcc-muted); font-size: .78rem; margin: -.35rem 0 .75rem; }
.basashiya-concierge .bcc-card-grid { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); }
.basashiya-concierge .bcc-card { background: #fff; border: 1px solid #eadde0; border-radius: 14px; padding: 1rem; }
.basashiya-concierge .bcc-card-meta { color: var(--bcc-muted); font-size: .82rem; margin: 0; }
.basashiya-concierge .bcc-calorie { background: #f4f1ed; border-radius: 6px; font-size: .78rem; padding: .45rem .55rem; }
.basashiya-concierge .bcc-reason { color: var(--bcc-muted); font-size: .84rem; }
.basashiya-concierge .bcc-reason-details { font-size: .82rem; margin: .45rem 0; }
.basashiya-concierge .bcc-reason-details summary { color: var(--bcc-wine); cursor: pointer; font-weight: 700; }
.basashiya-concierge .bcc-reason-details .bcc-reason { margin: .35rem 0 0; }
.basashiya-concierge .bcc-result-notice { margin: 1rem 0 0; }
.basashiya-concierge .bcc-more-products { margin-top: 1rem; }
.basashiya-concierge .bcc-more-products > summary { color: var(--bcc-wine); cursor: pointer; font-weight: 700; }
.basashiya-concierge .bcc-card-grid-more { margin-top: .8rem; }
.basashiya-concierge .bcc-text-link,
.basashiya-quantity .bcc-text-link { color: var(--bcc-wine); font-weight: 700; }

.basashiya-quantity .bcc-notice { background: #fff4d8; border-left: 4px solid #c98c16; border-radius: 6px; padding: 1rem; }
.basashiya-quantity .bcc-quantity-form { display: grid; gap: 1rem; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 1.5rem; }
.basashiya-quantity .bcc-field { display: grid; font-weight: 700; gap: .35rem; }
.basashiya-quantity input,
.basashiya-quantity select { background: #fff; border: 1px solid #cdbfc2; border-radius: 8px; font: inherit; min-height: 46px; padding: .55rem .7rem; width: 100%; }
.basashiya-quantity .bcc-quantity-number { color: var(--bcc-wine); font-size: 1.35rem; font-weight: 800; }
.basashiya-quantity .bcc-quantity-lead { color: var(--bcc-muted); margin: 0 0 1rem; }
.basashiya-quantity .bcc-quantity-help { color: #5f4e50; font-size: .9rem; margin: .5rem 0 1rem; }
.basashiya-quantity .bcc-result h4 { font-size: 1rem; margin: 1rem 0 .25rem; }
.basashiya-quantity .bcc-product-list { padding-left: 1.25rem; }
.basashiya-concierge .bcc-tool-title,
.basashiya-quantity .bcc-tool-title { color: var(--bcc-wine-dark); display: block; font-size: clamp(1.6rem, 4vw, 2.35rem); font-weight: bold; line-height: 1.35; margin: .2rem 0 .65rem; }

@media (max-width: 720px) {
  .basashiya-concierge,
  .basashiya-quantity { margin: 1rem 0; }
  .basashiya-concierge .bcc-card-grid { grid-template-columns: 1fr; }
  .basashiya-concierge .bcc-shell,
  .basashiya-quantity .bcc-shell { border-radius: 14px; padding: 1rem; }
  .basashiya-concierge .bcc-step-actions .bcc-button { flex: 1; min-height: 48px; }
  .basashiya-quantity .bcc-quantity-form { grid-template-columns: 1fr; }
}

@media (min-width: 721px) {
  .basashiya-concierge [data-bcc-question="alcohol"] .bcc-options { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}