/* CSS Document */
body.cgkit-size-guide-active { overflow: hidden; }
.commercekit-size-guide{margin-bottom: 15px; display: block;line-height: 1.5}
.commercekit-size-guide.cgkit-size-guide-shortcode{margin:0}
.commercekit-size-guide button { background:transparent;cursor:pointer;color:#111;}
.commercekit-size-guide .commercekit-sg-label { position: relative; padding-left: 28px; display: inline-block;}
.commercekit-size-guide .commercekit-sg-label span { pointer-events:none; }
.commercekit-size-guide .commercekit-sg-label svg {width:22px;height:22px; position: absolute; left: 0px; margin-top: -2px;}
.commercekit-size-guide svg path {stroke: #000; fill: none;}
.commercekit-size-guide svg.size_guide_default_icon path {stroke-width: 2px;}
.commercekit-sg-clr{clear:both;display:block;width:100%;height:0px;}
.size-guide-modal button.close-button { top: 19px; right: 36px; }
.size-guide-modal .ckit-modal-content{overflow-y:auto; padding: 20px 40px 20px 40px;}
.size-guide-modal .ckit-modal-header{display: flex; align-items: center; justify-content:space-between;height: 60px; padding:0px 40px; border-bottom: 1px solid #e2e2e2;position: sticky;top:0px;background-color: #fff;}
.size-guide-modal .ckit-modal-header .ckit-modal-title{font-size: clamp(1.125rem, 0.8709rem + 0.813vw, 1.375rem);padding:0px;margin:0px;letter-spacing: 0; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: bold;}
.size-guide-modal .ckit-modal-header form {margin: 0}
.size-guide-modal .ckit-modal-header .close-button{width:26px;height:26px;}
.size-guide-modal .ckit-modal-body{padding:0px;max-height:100%;}
.size-guide-modal .ckit-modal-content { background-color: transparent; border-radius: 0; max-height: calc(100% - 60px); }
.size-guide-modal { padding: 0 }
.ckit-modal .ckit-modal--button_close {display: flex;width: 26px;height: 26px;background: transparent;padding: 0;cursor: pointer;}
.ckit-modal .ckit-modal--button_close svg {width: 26px;height: 26px;stroke: #111;}
@media (min-width: 768px) {
	.size-guide-modal .ckit-modal-body > .wp-block-columns {margin-top: 20px;}
}
.single-ckit_size_guide .entry-header .posted-on {display: none;}
.single-ckit_size_guide .entry-content > .wp-block-columns {
	margin-top: 30px;
}
.size-guide-modal p,
.single-ckit_size_guide .entry-content p {
	font-size: 15px;
	margin-block-start: 0.5rem;
}
.size-guide-modal table,
.single-ckit_size_guide .entry-content table,
.commercekit-Tabs-panel--commercekit-sg table {
	font-size: 14px; margin: 2.5em 0 0 0;
}
.single-ckit_size_guide .entry-content table thead,
.commercekit-Tabs-panel--commercekit-sg table thead {
	border: none;
}
.size-guide-modal table th,
.single-ckit_size_guide .entry-content table th,
.commercekit-Tabs-panel--commercekit-sg table th {
	background: #111; color: #fff;
}
.size-guide-modal table th,
.size-guide-modal table td,
.single-ckit_size_guide .entry-content table th,
.single-ckit_size_guide .entry-content table td,
.commercekit-Tabs-panel--commercekit-sg table th,
.commercekit-Tabs-panel--commercekit-sg table td {
	padding: 0.8em 1.41575em;
	border: none;
}
.size-guide-modal table td,
.single-ckit_size_guide .entry-content table td,
.commercekit-Tabs-panel--commercekit-sg table td {
	background: #f8f8f8;
}
.size-guide-modal table tbody tr:nth-child(2n) td,
.single-ckit_size_guide .entry-content table tbody tr:nth-child(2n) td,
.commercekit-Tabs-panel--commercekit-sg table tbody tr:nth-child(2n) td {
	background: 0 0;
}
.commercekit-Tabs-panel--commercekit-sg .wp-block-table td, .commercekit-Tabs-panel--commercekit-sg .wp-block-table th {
	border: none;
}
@media (max-width: 767px) {
	.size-guide-modal .modal-header, .size-guide-modal .ckit-modal-content, .size-guide-modal .ckit-modal-header {padding-left: 20px; padding-right: 20px;}
	.size-guide-modal table, .single-ckit_size_guide .entry-content table, .commercekit-Tabs-panel--commercekit-sg table { font-size: 13px; }
}
dialog.ckit-modal::backdrop {
	background: rgba(0, 0, 0, 0.6);
	animation: 0.2s ckitmodal-fadein;
}
body:has(dialog.ckit-modal[open]) {
	overflow: hidden;
}
dialog.ckit-modal {
	display: flex;
	flex-direction: column;
	border: none;
	margin: 0;
	margin-left: auto;
	padding: 0;
	background-color: transparent;
	overflow: visible;
	max-height: 100%;
	height: 100%;
	max-width: 100%;
	width: 100%;
}
@media (min-width: 768px) {
	dialog.ckit-modal {
		width: 850px;
	}
}
dialog.ckit-modal .ckit-modal--container {
	background-color: #fff;
	overflow-x: hidden;
	overflow-y: auto;
	height: 100%;
}
dialog.ckit-modal:not([open]) {
	pointer-events: none;
	opacity: 0;
	display: none;
}
/* -- Animation -- */
dialog.ckit-modal[open] {
	animation: ckitmodal-fadein-right ease 0.35s;
}
@keyframes ckitmodal-fadein-right {
	0% {
		margin-right: -850px;
	}
	100% {
		margin-right: 0;
	}
}
@keyframes ckitmodal-fadein-left {
	0% {
		margin-left: -850px;
	}
	100% {
		margin-left: 0;
	}
}
@keyframes ckitmodal-fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
/* -- RTL -- */
.rtl dialog.ckit-modal {
	margin-right: auto;
	margin-left: 0;
}
.rtl dialog.ckit-modal[open] {
	animation: ckitmodal-fadein-left ease 0.35s;
}
.rtl .commercekit-size-guide .commercekit-sg-label {
	padding-right: 28px;
	padding-left: 0;
}
.rtl .commercekit-size-guide .commercekit-sg-label svg {
	right: 0px;
	left: auto;
}
.rtl .size-guide-modal .modal-header .ckit-modal-title {
	text-align: right;
	padding-left: 50px;
	padding-right: 0;
}
/* -- Shoptimizer -- */
.theme-shoptimizer .ckit-modal .ckit-modal--button_close:focus {outline: none;}
.theme-shoptimizer.keyboard-active .ckit-modal .ckit-modal--button_close:focus-visible {outline: 0.2rem solid #2491ff;outline-offset: 0;border-color: transparent;box-shadow: none;}
.theme-shoptimizer .commercekit-size-guide button {font-size:13px; font-weight: 600;}
.theme-shoptimizer .commercekit-size-guide button:hover span {text-decoration: underline;text-decoration-thickness: .5px;text-underline-offset: .18em;}