.ylm-hh-banner {
	background: #ff5a36;
	color: #fff;
	text-align: center;
	padding: 10px 16px;
	font-size: 14px;
	font-weight: 600;
}
.ylm-hh-banner a { color: #fff; text-decoration: underline; margin-left: 6px; }

.ylm-hh-badge {
	background: #ff5a36 !important;
	color: #fff !important;
}

.ylm-hh-product-countdown {
	display: inline-block;
	padding: 8px 12px;
	border-radius: 6px;
	background: #fff4e6;
	color: #aa3300;
	font-weight: 600;
	margin: 10px 0;
}

.ylm-hh-shortcode {
	margin: 20px 0;
}
.ylm-hh-shortcode__header {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	margin-bottom: 14px;
}
.ylm-hh-shortcode__timer { font-weight: 700; color: #ff5a36; }

.ylm-hh-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 16px;
}
.ylm-hh-card {
	background: #fff;
	border: 1px solid #eee;
	border-radius: 10px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}
.ylm-hh-card__image img { width: 100%; height: auto; display: block; }
.ylm-hh-card__body { padding: 12px; display: flex; flex-direction: column; gap: 6px; }
.ylm-hh-card__title { font-weight: 600; color: inherit; text-decoration: none; }
.ylm-hh-card__price { display: flex; align-items: baseline; gap: 8px; }
.ylm-hh-card__regular { text-decoration: line-through; color: #888; font-size: 13px; }
.ylm-hh-card__sale { font-weight: 700; color: #ff5a36; font-size: 16px; }
.ylm-hh-card__pct { font-size: 11px; background: #ff5a36; color: #fff; padding: 2px 6px; border-radius: 4px; }
.ylm-hh-card__cta { margin-top: 8px; }

.ylm-hh-empty {
	padding: 20px;
	text-align: center;
	background: #f6f6f6;
	border-radius: 8px;
	color: #555;
}