@charset "utf-8";
/* AND BA-T/BA 시리즈 (product-page.css 위에 추가) */
.tm-ba-media img { max-height: 320px !important; padding: 16px; }
.tm-ba-media--wide img { max-height: 380px !important; padding: 8px; }

.tm-ba-tabs { display: flex; justify-content: center; gap: 10px; margin: 0 0 24px; }
.tm-ba-tabs button { display: flex; flex-direction: column; align-items: center; gap: 2px; min-width: 200px; padding: 14px 22px; border: 1px solid var(--pp-line); border-radius: 14px; background: #fff; font: inherit; color: var(--pp-muted); cursor: pointer; transition: border-color .2s ease, background .2s ease, color .2s ease; }
.tm-ba-tabs button b { color: var(--pp-ink); font-size: 17px; font-weight: 900; }
.tm-ba-tabs button span { font-size: 13px; font-weight: 600; }
.tm-ba-tabs button.is-active { border-color: var(--pp-accent); background: var(--pp-accent); color: rgba(255,255,255,.85); }
.tm-ba-tabs button.is-active b { color: #fff; }

.tm-ba-panel { display: none; }
.tm-ba-panel.is-active { display: block; }
.tm-ba-panel__title { display: none; margin: 0 0 3mm; font-size: 12pt; font-weight: 800; }
.tm-ba-funcs { max-width: 1080px; margin: 0 auto 18px; padding: 14px; border-radius: 14px; background: #fff; border: 1px solid var(--pp-line); overflow-x: auto; }
.tm-ba-funcs img { display: block; width: 100%; min-width: 640px; height: auto; }

.tm-ba-spec .tm-pp-table--variants { min-width: 860px; }
.tm-ba-spec thead th { text-align: center; }
.tm-ba-spec thead th:first-child { text-align: left; }
.tm-ba-spec td { text-align: center; }
.tm-ba-spec tbody th { width: 170px; }
.tm-ba-note { max-width: 1080px; margin: 14px auto 0; color: var(--pp-muted); font-size: 13px; line-height: 1.6; }

.tm-ba-options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; max-width: 1080px; margin: 0 auto; padding: 0; list-style: none; }
.tm-ba-options li { display: flex; flex-direction: column; gap: 4px; padding: 16px 18px; border-radius: 14px; border: 1px solid var(--pp-line); background: #fff; }
.tm-ba-options code { color: var(--pp-accent); font-family: inherit; font-size: 13px; font-weight: 800; letter-spacing: .02em; }
.tm-ba-options span { color: var(--pp-ink); font-size: 15px; font-weight: 700; }

@media (max-width: 900px) { .tm-ba-options { grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px) {
    .tm-ba-tabs button { flex: 1 1 0; min-width: 0; padding: 12px 10px; }
    .tm-ba-tabs button b { font-size: 15px; }
    .tm-ba-options { grid-template-columns: 1fr; }
    .tm-ba-media img { max-height: 220px !important; }
}
@media print {
    .tm-ba-panel { display: block !important; margin-bottom: 5mm; break-inside: avoid; }
    .tm-ba-panel__title { display: block; }
    .tm-ba-funcs { display: none; }
    .tm-ba-spec .tm-pp-table--variants { min-width: 0; font-size: 8pt; }
    .tm-ba-options { grid-template-columns: repeat(3, 1fr); gap: 1.5mm; max-width: none; }
    .tm-ba-options li { padding: 2mm 3mm; }
    .tm-ba-options span { font-size: 8.5pt; }
}