/* CeeKit Size Chart – frontend */
.ck-sc-trigger-wrap { margin: 0 0 12px; }
.ck-sc-trigger {
	display: inline-flex; align-items: center; gap: 6px;
	cursor: pointer; font-size: .95em;
}
.ck-sc-trigger--native:not(.button) {
	background: none; border: 0; padding: 0; margin: 0;
	color: inherit; text-decoration: underline; text-underline-offset: 3px;
	text-transform: none; letter-spacing: normal; font-weight: inherit; min-height: 0; line-height: inherit;
}
.ck-sc-trigger--native:not(.button):hover { opacity: .75; }
.ck-sc-icon { flex: none; }

/* Popup */
.ck-sc-dialog {
	border: 0; padding: 0; margin: auto;
	width: min(860px, calc(100vw - 24px)); max-height: calc(100vh - 48px);
	border-radius: 8px; box-shadow: 0 20px 60px rgba(0,0,0,.25);
	background: #fff; color: inherit;
}
.ck-sc-dialog::backdrop { background: rgba(0,0,0,.55); }
.ck-sc-dialog[open] { animation: ck-sc-in .18s ease-out; }
@keyframes ck-sc-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
html.ck-sc-lock { overflow: hidden; }
.ck-sc-popup__head {
	position: sticky; top: 0; z-index: 1; background: #fff;
	display: flex; align-items: center; justify-content: space-between; gap: 12px;
	padding: 14px 20px; border-bottom: 1px solid var(--ck-sc-border, #e5e5e5);
}
.ck-sc-popup__title { margin: 0; font-size: 1.15em; }
.ck-sc-popup__close {
	background: none; border: 0; margin: 0; padding: 0 4px; min-height: 0;
	font-size: 28px; line-height: 1; cursor: pointer; color: inherit;
}
.ck-sc-popup__body { padding: 16px 20px 20px; }
.ck-sc-popup--flatsome .ck-sc-popup__title { margin-bottom: 12px; }

/* Chart */
.ck-sc-units { display: inline-flex; margin: 0 0 12px; border: 1px solid var(--ck-sc-border, #e5e5e5); border-radius: 999px; overflow: hidden; }
.ck-sc-unit {
	background: transparent; border: 0; margin: 0; min-height: 0;
	padding: 4px 14px; font-size: .85em; line-height: 1.6; cursor: pointer; color: inherit;
	text-transform: none; letter-spacing: normal;
}
.ck-sc-unit.is-active { background: var(--ck-sc-head-bg, #222); color: var(--ck-sc-head-text, #fff); }
.ck-sc-table-title { margin: 16px 0 8px; font-size: 1em; }
.ck-sc-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 12px; }
.ck-sc-table { width: 100%; border-collapse: collapse; margin: 0; font-size: .92em; }
.ck-sc-table th, .ck-sc-table td {
	border: 1px solid var(--ck-sc-border, #e5e5e5);
	padding: 8px 10px; text-align: center; white-space: nowrap;
}
.ck-sc-table thead th { background: var(--ck-sc-head-bg, #222); color: var(--ck-sc-head-text, #fff); font-weight: 600; }
.ck-sc-table tbody tr:nth-child(even) { background: var(--ck-sc-stripe, #f7f7f7); }
.ck-sc-table tbody th { font-weight: 600; }
.ck-sc-table tbody tr:hover > *,
.ck-sc-table tbody .is-col { background: var(--ck-sc-highlight, #fff3cd); }
.ck-sc-note { font-size: .9em; opacity: .85; margin: 8px 0 0; }
.ck-sc-measure { margin-top: 20px; }
.ck-sc-measure__title { margin: 0 0 10px; font-size: 1em; }
.ck-sc-measure__inner { display: flex; gap: 20px; align-items: flex-start; }
.ck-sc-measure__image { flex: 0 0 40%; }
.ck-sc-measure__image img { width: 100%; height: auto; display: block; }
.ck-sc-measure__text { flex: 1; }
@media (max-width: 600px) {
	.ck-sc-measure__inner { flex-direction: column; }
	.ck-sc-measure__image { flex-basis: auto; }
	.ck-sc-popup__body { padding: 12px; }
}