/*
Theme Name: GENSEN Child brandx
Description: brandx.jp 用 GENSEN 子テーマ。カスタマイズはすべてこの子テーマ側で行う(GENSEN本体は編集禁止)。
Template: gensen_tcd050
Version: 1.3.1
*/

/* ===== brandx 商品データブロック ===== */

.brandx-product-data { margin: 30px 0; }

.brandx-headline { font-size: 20px; font-weight: bold; margin: 30px 0 15px; padding-bottom: 8px; border-bottom: 2px solid #2563eb; }

.brandx-specs-table { width: 100%; border-collapse: collapse; }
.brandx-specs-table th, .brandx-specs-table td { border: 1px solid #e5e7eb; padding: 10px 14px; font-size: 14px; text-align: left; }
.brandx-specs-table th { background: #f8fafc; width: 130px; font-weight: bold; white-space: nowrap; }

.brandx-cards { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 20px; }
.brandx-card { flex: 1 1 180px; background: #f8fafc; border: 1px solid #e5e7eb; border-radius: 8px; padding: 16px 18px; text-align: center; }
.brandx-card-buy { background: #ecfdf5; border-color: #a7f3d0; }
.brandx-card-label { font-size: 12px; color: #64748b; margin-bottom: 6px; }
.brandx-card-value { font-size: 24px; font-weight: bold; color: #0f172a; line-height: 1.3; }
.brandx-card-value span { font-size: 13px; font-weight: normal; margin-left: 2px; }
.brandx-card-buy .brandx-card-value { color: #047857; }
.brandx-card-sub { font-size: 12px; color: #64748b; margin-top: 6px; }
.brandx-card-sub a { color: #2563eb; text-decoration: underline; }
.brandx-card-note { font-size: 11px; color: #94a3b8; margin-top: 4px; }

.brandx-low-data-note { background: #fef3c7; border: 1px solid #fcd34d; border-radius: 8px; padding: 12px 16px; font-size: 13px; color: #92400e; margin-bottom: 14px; }

/* 検索キーワードのand/or切替は一般読者に不要なため非表示(演算子はand固定) */
.search_keywords_operator { display: none !important; }

.brandx-chart-wrap { position: relative; height: 320px; margin: 10px 0 20px; }

.brandx-collecting { background: #f8fafc; border: 1px dashed #cbd5e1; border-radius: 8px; padding: 24px; text-align: center; color: #64748b; font-size: 14px; }

.brandx-owner-comment p { background: #fffbeb; border-left: 4px solid #f59e0b; padding: 14px 16px; font-size: 14px; line-height: 1.8; }

@media (max-width: 600px) {
	.brandx-cards { flex-direction: column; }
	.brandx-chart-wrap { height: 260px; }
}