/* Modal základ */
#sizechart-overlay { 
  position: fixed; inset: 0; background: rgba(0,0,0,.45);
  display: none; z-index: 9998;
}
#sizechart-modal {
  position: fixed; inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
  max-width: 860px; width: 92%; background: #fff; border-radius: 12px;
  box-shadow: 0 10px 40px rgba(0,0,0,.2); z-index: 9999; display: none;
  overflow: hidden;
  font-family: inherit;
}
#sizechart-header {
  display: flex; justify-content: space-between; align-items: center;
  padding: 14px 18px; border-bottom: 1px solid #eee;
}
#sizechart-header h3 { margin: 0; font-size: 18px; }
#sizechart-close { cursor: pointer; border: 0; background: transparent; font-size: 22px; line-height: 1; }
#sizechart-body { padding: 16px; max-height: 70vh; overflow: auto; }

.sizechart-toolbar { display:flex; gap:10px; align-items:center; margin-bottom:10px; }
.size-toggle { display:inline-flex; border:1px solid #ddd; border-radius:8px; overflow:hidden; }
.size-toggle button { padding:6px 10px; border:0; background:#f7f7f7; cursor:pointer; }
.size-toggle button.active { background:#111; color:#fff; }

.sizechart-table { width:100%; border-collapse: collapse; }
.sizechart-table th, .sizechart-table td {
  border:1px solid #eee; padding:10px; text-align:center; white-space:nowrap;
}
.sizechart-table th { background:#fafafa; font-weight:600; }
.sizechart-note { font-size: 13px; color:#666; margin-top:8px; }

/* Responsívne */
@media (max-width: 600px) {
  .sizechart-table th, .sizechart-table td { padding:8px 6px; font-size: 13px; }
}