.aljosa-size-guide-wrap{
	margin:14px 0 4px;
}
.aljosa-size-guide-trigger{
	appearance:none;border:1px solid #111f3d;background:#fff;color:#111f3d;
	display:inline-flex;align-items:center;justify-content:center;gap:7px;
	min-height:44px;padding:0 16px;border-radius:4px;font:inherit;
	font-size:14px;font-weight:700;line-height:1.2;cursor:pointer;
	transition:background .15s ease,color .15s ease,border-color .15s ease;
}
.aljosa-size-guide-trigger:hover,.aljosa-size-guide-trigger:focus-visible{
	background:#111f3d;color:#fff;border-color:#111f3d;outline:none;
}
.aljosa-size-guide-modal[hidden]{display:none!important}
.aljosa-size-guide-modal{
	position:fixed;inset:0;z-index:999999;display:flex;
	align-items:center;justify-content:center;padding:24px;
}
.aljosa-size-guide-overlay{position:absolute;inset:0;background:rgba(0,0,0,.58)}
.aljosa-size-guide-dialog{
	position:relative;z-index:2;width:min(680px,100%);max-height:86vh;
	overflow:auto;background:#fff;color:#111;border-radius:10px;
	box-shadow:0 20px 60px rgba(0,0,0,.25);-webkit-overflow-scrolling:touch;
}
.aljosa-size-guide-header{
	display:flex;align-items:flex-start;justify-content:space-between;gap:20px;
	padding:20px 22px 16px;border-bottom:1px solid #e7e7e7;
	position:sticky;top:0;background:#fff;z-index:3;
}
.aljosa-size-guide-eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;color:#777;margin-bottom:4px}
.aljosa-size-guide-header h2{margin:0;font-size:22px;line-height:1.2;color:#111f3d}
.aljosa-size-guide-close{
	appearance:none;border:0;background:transparent;color:#111;width:38px;height:38px;
	border-radius:50%;font-size:30px;line-height:1;cursor:pointer;flex:0 0 auto;
}
.aljosa-size-guide-close:hover,.aljosa-size-guide-close:focus-visible{background:#f2f2f2;outline:none}
.aljosa-size-guide-body{padding:20px 22px 22px}
.aljosa-size-guide-intro{margin:0 0 16px;font-size:14px;line-height:1.55;color:#555}
.aljosa-size-guide-table-wrap{width:100%;overflow-x:auto;border:1px solid #e5e5e5;border-radius:7px}
.aljosa-size-guide-table{width:100%;min-width:500px;border-collapse:collapse;font-size:14px}
.aljosa-size-guide-table th,.aljosa-size-guide-table td{
	padding:12px 10px;text-align:center;border-bottom:1px solid #e9e9e9
}
.aljosa-size-guide-table thead th{background:#111f3d;color:#fff;font-weight:700;white-space:nowrap}
.aljosa-size-guide-table tbody th{font-weight:800;color:#111f3d;background:#fafafa}
.aljosa-size-guide-table tbody tr:last-child th,.aljosa-size-guide-table tbody tr:last-child td{border-bottom:0}
.aljosa-size-guide-note{
	margin-top:16px;padding:14px 15px;background:#f7f8fa;border-left:3px solid #111f3d;
	border-radius:4px;font-size:13px;line-height:1.5
}
.aljosa-size-guide-note strong{color:#111f3d}
.aljosa-size-guide-note p{margin:5px 0 0;color:#555}
.aljosa-size-guide-note p span{display:inline-block;margin-right:4px;color:#111f3d}
.aljosa-size-guide-done{
	width:100%;min-height:46px;margin-top:18px;border:0;border-radius:4px;
	background:#111f3d;color:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer
}
.aljosa-size-guide-done:hover,.aljosa-size-guide-done:focus-visible{background:#0b162c;outline:none}
body.aljosa-size-guide-open{overflow:hidden}

/* TABLET: 601–1024px */
@media (min-width:601px) and (max-width:1024px){
	.aljosa-size-guide-modal{padding:20px}
	.aljosa-size-guide-dialog{width:min(620px,92vw);max-height:84vh;border-radius:10px}
	.aljosa-size-guide-header{padding:18px 20px 15px}
	.aljosa-size-guide-header h2{font-size:21px}
	.aljosa-size-guide-body{padding:18px 20px 20px}
	.aljosa-size-guide-table{font-size:13.5px}
	.aljosa-size-guide-table th,.aljosa-size-guide-table td{padding:11px 9px}
}

/* HP: <=600px — compact bottom sheet */
@media (max-width:600px){
	.aljosa-size-guide-wrap{margin-top:12px}
	.aljosa-size-guide-trigger{width:100%;min-height:46px;font-size:14px}
	.aljosa-size-guide-modal{padding:8px;align-items:flex-end}
	.aljosa-size-guide-dialog{
		width:100%;max-height:91vh;border-radius:10px 10px 6px 6px;
	}
	.aljosa-size-guide-header{padding:15px 16px 12px;gap:10px}
	.aljosa-size-guide-header h2{font-size:18px;line-height:1.18;max-width:260px}
	.aljosa-size-guide-eyebrow{font-size:10px}
	.aljosa-size-guide-close{width:34px;height:34px;font-size:27px}
	.aljosa-size-guide-body{padding:14px 16px 16px}
	.aljosa-size-guide-intro{font-size:13px;margin-bottom:13px}
	.aljosa-size-guide-table-wrap{border-radius:6px}
	.aljosa-size-guide-table{min-width:0;width:100%;table-layout:fixed;font-size:11.5px}
	.aljosa-size-guide-table th,.aljosa-size-guide-table td{
		padding:9px 4px;word-break:normal
	}
	.aljosa-size-guide-table thead th{white-space:normal;line-height:1.15}
	.aljosa-size-guide-note{margin-top:12px;padding:11px 12px;font-size:12px}
	.aljosa-size-guide-note p{margin-top:4px}
	.aljosa-size-guide-done{min-height:44px;margin-top:14px;font-size:13px}
}
