.segment-tabs { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 16px; }
.seg-btn {
  padding: 7px 16px; border: 1.5px solid var(--border);
  border-radius: var(--r-full); font-size: 12px; font-weight: 700;
  cursor: pointer; background: var(--white); color: var(--ink2); transition: all .15s;
}
.seg-btn.brand-card {
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  overflow: hidden;
  margin-bottom: 12px;
  transition: box-shadow .15s;
}
.brand-card:hover { box-shadow: var(--shadow-md); }

.brand-header {
  padding: 16px;
  display: flex; align-items: center; gap: 12px;
  background: #fafaf8;
  border-bottom: 1px solid var(--border);
}
.brand-logo-box {
  width: 48px; height: 48px; min-width: 48px;
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--r);
  display: flex; align-items: center; justify-content: center;
  font-size: 22px;
}
.brand-name { font-size: 16px; font-weight: 900; font-family: 'Plus Jakarta Sans', var(--font-body, 'Noto Sans JP'), sans-serif; color: var(--ink); }
.brand-kana { font-size: 11px; color: var(--ink3); margin-top: 2px; }

.price-tag {
  margin-left: auto; text-align: right;
}
.price-label { font-size:12px; color: var(--ink3); margin-bottom: 2px; }
.price-val { font-family: 'DM Mono', monospace; font-size: 14px; font-weight: 700; color: var(--accent); }

.brand-body { padding: 16px; }
.brand-desc { font-size: 13px; color: var(--ink2); line-height: 1.7; margin-bottom: 12px; }

.feature-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
.ftag {
  font-size: 11px; font-weight: 700;
  padding: 3px 10px; border-radius: var(--r-full);
  background: var(--accent-light); color: var(--accent);
  border: 1px solid rgba(200,87,10,.2);
}
.ftag.product-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 12px; }
.product-item {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--r);
  padding: 10px 12px;
}
.pi-name { font-size: 12px; font-weight: 700; color: var(--ink); margin-bottom: 3px; }
.pi-grade { font-size:12px; color: var(--ink3); margin-bottom: 4px; }
.pi-price { font-family: 'DM Mono', monospace; font-size: 12px; color: var(--accent); }

.strength-list { border-top: 1px solid var(--border); padding-top: 12px; }
.sl-title { font-size: 12px; font-weight: 700; color: var(--ink2); margin-bottom: 6px; }
.sl-item { font-size: 12px; color: var(--ink2); padding: 4px 0 4px 16px; position: relative; border-bottom: 1px solid var(--border); line-height: 1.6; }
.sl-item:last-child { border-bottom: none; }
.sl-item.pro::before  { content: '◎'; position: absolute; left: 0; color: var(--green); font-weight: 700; }
.sl-item.con::before  { content: '△'; position: absolute; left: 0; color: #d4900a; }

.segment-panel { display: none; }
.segment-panel.active { display: block; }