/* FlecomOS Size Charts — Frontend (inline accordion, no modal) */

/* ── Product page accordion ───────────────────────────────────── */
.flecom-sc-product-section{margin:0;padding:0;border-top:1px solid #f1f5f9}
.flecom-sc-product-accordion{border-bottom:1px solid #f1f5f9}
.flecom-sc-product-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 0;background:none;border:none;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:15px;font-weight:600;color:#2d3e51;transition:color .15s ease}
.flecom-sc-product-toggle:hover{color:#1e293b}
.flecom-sc-product-toggle-text{display:inline-flex;align-items:center;gap:8px}
.flecom-sc-product-toggle-text svg{opacity:.5;flex-shrink:0}
.flecom-sc-product-chevron{transition:transform .25s ease;flex-shrink:0;opacity:.4}
.flecom-sc-product-toggle.open .flecom-sc-product-chevron{transform:rotate(180deg)}
.flecom-sc-product-panel{padding:0 0 20px}

/* ── Tabs (Size Chart / Find My Size) ──────────────────────────── */
.flecom-sc-tab-panel{display:none}
.flecom-sc-tab-panel.active{display:block}

/* ── Table ──────────────────────────────────────────────────────── */
.flecom-sc-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.flecom-sc-table thead th{background:#f8fafc;color:#2d3e51;font-weight:700;padding:10px 14px;text-align:center;white-space:nowrap;border:0;border-bottom:2px solid #e2e8f0;font-size:11px;text-transform:uppercase;letter-spacing:.04em}
.flecom-sc-table thead th:first-child{text-align:left}
.flecom-sc-table tbody td{padding:10px 14px;text-align:center;color:#334155;border-bottom:1px solid #f1f5f9;font-variant-numeric:tabular-nums;transition:background .12s ease;font-size:13px}
.flecom-sc-table tbody td:first-child{font-weight:700;color:#2d3e51;text-align:left}
.flecom-sc-table tbody tr:nth-child(even){background:#fafbfc}
.flecom-sc-table tbody tr:hover td{background:#f0f9ff}
.flecom-sc-table tbody tr:last-child td{border-bottom:none}
.flecom-sc-size-col{min-width:50px}

/* ── Notes ──────────────────────────────────────────────────────── */
.flecom-sc-notes{font-size:13px;color:#64748b;line-height:1.6;border-top:1px solid #f1f5f9;padding:14px 0 0;margin-top:10px}
.flecom-sc-notes p{margin:0 0 6px}
.flecom-sc-notes strong{color:#2d3e51}

/* ── Mobile ─────────────────────────────────────────────────────── */
@media (max-width:640px){
.flecom-sc-product-toggle{padding:14px 0;font-size:14px}
.flecom-sc-table{font-size:12px}
.flecom-sc-table tbody td,.flecom-sc-table thead th{padding:7px 6px}
.flecom-sc-table thead th{font-size:9px}
.flecom-sc-notes{font-size:11px}
}