.jhk-cw-widget {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 999999;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.jhk-cw-panel {
	width: 280px;
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 10px 30px rgba(0,0,0,.2);
	margin-bottom: 14px;
	opacity: 0;
	transform: scale(.92) translateY(12px);
	transform-origin: bottom right;
	pointer-events: none;
	transition: opacity .2s ease, transform .2s ease;
}

.jhk-cw-hours:first-child {
	border-radius: 6px 6px 0 0;
}

.jhk-cw-buttons li:first-child .jhk-cw-btn {
	border-radius: 6px 6px 0 0;
}

.jhk-cw-buttons li:last-child .jhk-cw-btn {
	border-radius: 0 0 6px 6px;
}

.jhk-cw-widget.jhk-cw-is-open .jhk-cw-panel {
	opacity: 1;
	transform: scale(1) translateY(0);
	pointer-events: auto;
}

.jhk-cw-hours {
	display: flex;
	align-items: center;
	gap: 6px;
	background: #f5f5f5;
	color: #333;
	font-size: 13px;
	padding: 10px 16px;
	border-bottom: 1px solid #eee;
}

.jhk-cw-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #999;
	flex-shrink: 0;
}

.jhk-cw-open .jhk-cw-dot { background: #2ecc71; }
.jhk-cw-closed .jhk-cw-dot { background: #e74c3c; }

.jhk-cw-hours-time {
	color: #888;
	font-size: 12px;
}

.jhk-cw-text-group {
	display: flex;
	flex-direction: column;
	line-height: 1.3;
}

.jhk-cw-subtext {
	color: #888;
	font-size: 12px;
	font-weight: 400;
}

.jhk-cw-buttons {
	list-style: none;
	margin: 0;
	padding: 0;
}

.jhk-cw-buttons li + li {
	border-top: 1px solid #eee;
}

.jhk-cw-btn-item {
	position: relative;
}

.jhk-cw-qr {
	display: none;
	position: absolute;
	right: 100%;
	top: 50%;
	transform: translateY(-50%);
	margin-right: 10px;
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 8px 24px rgba(0,0,0,.2);
	padding: 12px;
	width: 150px;
	text-align: center;
	pointer-events: none;
}

.jhk-cw-qr-img {
	width: 126px;
	height: 126px;
	display: block;
	margin: 0 auto 8px;
}

.jhk-cw-qr-img svg {
	width: 100%;
	height: 100%;
	display: block;
}

.jhk-cw-qr-caption {
	font-size: 11px;
	color: #666;
	line-height: 1.3;
}

@media (hover: hover) and (min-width: 769px) {
	.jhk-cw-btn-item:hover .jhk-cw-qr {
		display: block;
	}
}

.jhk-cw-btn {
	display: flex;
	align-items: center;
	gap: 12px;
	background: #fff;
	color: #222;
	text-decoration: none;
	padding: 14px 16px;
	font-size: 14px;
	font-weight: 500;
	white-space: nowrap;
	transition: background-color .15s ease;
}

.jhk-cw-btn:hover {
	background-color: #f5f5f5;
}

.jhk-cw-icon {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
	display: inline-block;
	background-color: var(--jhk-cw-color, #25D366);
	mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center;
	-webkit-mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
}

.jhk-cw-icon-calendar { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 1.5a1 1 0 0 1 1 1V4h8V2.5a1 1 0 1 1 2 0V4h.5A2.5 2.5 0 0 1 21 6.5v13A2.5 2.5 0 0 1 18.5 22h-13A2.5 2.5 0 0 1 3 19.5v-13A2.5 2.5 0 0 1 5.5 4H6V2.5a1 1 0 0 1 1-1zM5 10v9.5c0 .28.22.5.5.5h13a.5.5 0 0 0 .5-.5V10H5zm11.78 2.63a1 1 0 0 1 .09 1.41l-4.2 4.7a1 1 0 0 1-1.46.05L9.2 16.77a1 1 0 1 1 1.4-1.42l1.27 1.25 3.5-3.91a1 1 0 0 1 1.41-.06z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 1.5a1 1 0 0 1 1 1V4h8V2.5a1 1 0 1 1 2 0V4h.5A2.5 2.5 0 0 1 21 6.5v13A2.5 2.5 0 0 1 18.5 22h-13A2.5 2.5 0 0 1 3 19.5v-13A2.5 2.5 0 0 1 5.5 4H6V2.5a1 1 0 0 1 1-1zM5 10v9.5c0 .28.22.5.5.5h13a.5.5 0 0 0 .5-.5V10H5zm11.78 2.63a1 1 0 0 1 .09 1.41l-4.2 4.7a1 1 0 0 1-1.46.05L9.2 16.77a1 1 0 1 1 1.4-1.42l1.27 1.25 3.5-3.91a1 1 0 0 1 1.41-.06z'/%3E%3C/svg%3E"); }
.jhk-cw-icon-phone { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8c1.4 2.8 3.8 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.2.5 2.5.8 3.9.8.6 0 1 .4 1 1v3.5c0 .6-.4 1-1 1C10.6 21.3 2.7 13.4 2.7 3.7c0-.6.4-1 1-1H7.2c.6 0 1 .4 1 1 0 1.4.3 2.7.8 3.9.1.4 0 .8-.2 1L6.6 10.8z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8c1.4 2.8 3.8 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.2.5 2.5.8 3.9.8.6 0 1 .4 1 1v3.5c0 .6-.4 1-1 1C10.6 21.3 2.7 13.4 2.7 3.7c0-.6.4-1 1-1H7.2c.6 0 1 .4 1 1 0 1.4.3 2.7.8 3.9.1.4 0 .8-.2 1L6.6 10.8z'/%3E%3C/svg%3E"); }
.jhk-cw-icon-mail { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5h18a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1zm17 2.4-7.4 5.6a1 1 0 0 1-1.2 0L4 7.4V18h16V7.4z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5h18a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1zm17 2.4-7.4 5.6a1 1 0 0 1-1.2 0L4 7.4V18h16V7.4z'/%3E%3C/svg%3E"); }
.jhk-cw-icon-whatsapp { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12c0 1.8.5 3.5 1.3 5L2 22l5.2-1.3C8.6 21.5 10.3 22 12 22c5.5 0 10-4.5 10-10S17.5 2 12 2zm5.8 14.2c-.2.7-1.4 1.4-2 1.5-.5.1-1.1.1-1.8-.1-.4-.1-1-.3-1.6-.6-2.9-1.3-4.8-4.2-4.9-4.4-.1-.2-1.2-1.6-1.2-3 0-1.4.7-2.1 1-2.4.3-.3.6-.3.8-.3h.6c.2 0 .4 0 .6.5.2.5.7 1.7.8 1.8.1.2.1.3 0 .5-.4.7-.8 1-1 1.2-.2.2-.2.4-.1.6.5 1 1.2 1.8 2 2.5.9.7 1.6 1 1.9 1.1.2.1.4.1.5-.1.2-.2.7-.8.9-1.1.2-.3.4-.2.6-.1.2.1 1.5.7 1.7.8.2.1.4.2.4.3.1.2.1.7-.1 1.3z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12c0 1.8.5 3.5 1.3 5L2 22l5.2-1.3C8.6 21.5 10.3 22 12 22c5.5 0 10-4.5 10-10S17.5 2 12 2zm5.8 14.2c-.2.7-1.4 1.4-2 1.5-.5.1-1.1.1-1.8-.1-.4-.1-1-.3-1.6-.6-2.9-1.3-4.8-4.2-4.9-4.4-.1-.2-1.2-1.6-1.2-3 0-1.4.7-2.1 1-2.4.3-.3.6-.3.8-.3h.6c.2 0 .4 0 .6.5.2.5.7 1.7.8 1.8.1.2.1.3 0 .5-.4.7-.8 1-1 1.2-.2.2-.2.4-.1.6.5 1 1.2 1.8 2 2.5.9.7 1.6 1 1.9 1.1.2.1.4.1.5-.1.2-.2.7-.8.9-1.1.2-.3.4-.2.6-.1.2.1 1.5.7 1.7.8.2.1.4.2.4.3.1.2.1.7-.1 1.3z'/%3E%3C/svg%3E"); }
.jhk-cw-icon-map { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.1 2 5 5.1 5 9c0 5.2 7 13 7 13s7-7.8 7-13c0-3.9-3.1-7-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.1 2 5 5.1 5 9c0 5.2 7 13 7 13s7-7.8 7-13c0-3.9-3.1-7-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E"); }
.jhk-cw-icon-cta { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.5 2A2.5 2.5 0 0 0 3 4.5v11A2.5 2.5 0 0 0 5.5 18h.6l-.5 2.7c-.1.7.7 1.2 1.3.8L11 18h7.5A2.5 2.5 0 0 0 21 15.5v-11A2.5 2.5 0 0 0 18.5 2h-13zM7 6h2v2H7V6zm4 0h2v2h-2V6zm4 0h2v2h-2V6zM7 10h2v2H7v-2zm4 0h2v2h-2v-2z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.5 2A2.5 2.5 0 0 0 3 4.5v11A2.5 2.5 0 0 0 5.5 18h.6l-.5 2.7c-.1.7.7 1.2 1.3.8L11 18h7.5A2.5 2.5 0 0 0 21 15.5v-11A2.5 2.5 0 0 0 18.5 2h-13zM7 6h2v2H7V6zm4 0h2v2h-2V6zm4 0h2v2h-2V6zM7 10h2v2H7v-2zm4 0h2v2h-2v-2z'/%3E%3C/svg%3E"); }

.jhk-cw-launcher {
	display: flex;
	align-items: center;
	gap: 10px;
}

.jhk-cw-label {
	background: #fff;
	color: #222;
	font-size: 13px;
	font-weight: 500;
	font-family: inherit;
	white-space: nowrap;
	padding: 8px 14px;
	border: none;
	border-radius: 6px;
	box-shadow: 0 4px 14px rgba(0,0,0,.15);
	cursor: pointer;
	transition: opacity .15s ease, transform .15s ease;
}

.jhk-cw-widget.jhk-cw-is-open .jhk-cw-label {
	opacity: 0;
	transform: translateX(6px);
	pointer-events: none;
}

.jhk-cw-toggle {
	width: 58px;
	height: 58px;
	border-radius: 6px;
	background: var(--jhk-cw-color, #25D366);
	color: #fff;
	border: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 6px 18px rgba(0,0,0,.25);
	position: relative;
	flex-shrink: 0;
	transition: transform .15s ease;
}

.jhk-cw-toggle:hover {
	transform: scale(1.06);
}

.jhk-cw-toggle .jhk-cw-toggle-icon {
	width: 26px;
	height: 26px;
	background-color: currentColor;
}

.jhk-cw-toggle .jhk-cw-toggle-close {
	display: none;
	font-size: 28px;
	line-height: 1;
	position: absolute;
}

.jhk-cw-widget.jhk-cw-is-open .jhk-cw-toggle .jhk-cw-toggle-icon { display: none; }
.jhk-cw-widget.jhk-cw-is-open .jhk-cw-toggle .jhk-cw-toggle-close { display: block; }

@media (max-width: 480px) {
	.jhk-cw-widget { right: 14px; bottom: 14px; }
	.jhk-cw-panel { width: calc(100vw - 28px); max-width: 320px; }
}