/**
 * 「はじめての方はこちら」のご案内（スターターキット）。
 */

.sl-starter {
	margin: 18px 0 24px;
	border: 1px solid var(--hs-orange, #ff6b1a);
	border-radius: var(--hs-radius, 10px);
	background: var(--hs-surface, #141414);
	overflow: hidden;
}

.sl-starter__badge {
	margin: 0;
	padding: 7px 14px;
	background: var(--hs-orange, #ff6b1a);
	color: #0a0a0a;
	font-size: .78rem;
	font-weight: 800;
	letter-spacing: .04em;
}

.sl-starter__body {
	display: flex;
	gap: 12px;
	padding: 14px;
}

.sl-starter__thumb {
	flex: 0 0 76px;
	display: block;
	line-height: 0;
	border-radius: 8px;
	overflow: hidden;
}

.sl-starter__img {
	width: 76px;
	height: 76px;
	object-fit: cover;
	display: block;
}

.sl-starter__text {
	flex: 1 1 auto;
	min-width: 0;
}

.sl-starter__name {
	margin: 0 0 3px;
	font-size: .95rem;
	font-weight: 800;
	line-height: 1.4;
}

.sl-starter__name a {
	color: var(--hs-text, #f5f5f5) !important;
	text-decoration: none;
}

.sl-starter__name a:hover { text-decoration: underline; }

.sl-starter__price {
	margin: 0 0 6px;
	font-size: 1rem;
	font-weight: 800;
	color: var(--hs-orange, #ff6b1a);
}

.sl-starter__price .woocommerce-Price-amount { color: inherit; }

.sl-starter__note {
	margin: 0 0 10px;
	font-size: .78rem;
	line-height: 1.65;
	color: var(--hs-text-muted, #a3a3a3);
}

.sl-starter__actions { margin: 0; }

.sl-starter__button {
	display: inline-block;
	padding: 9px 16px;
	border: 1px solid var(--hs-orange, #ff6b1a);
	border-radius: 999px;
	color: var(--hs-orange, #ff6b1a) !important;
	font-size: .82rem;
	font-weight: 800;
	text-decoration: none !important;
}

.sl-starter__button:hover,
.sl-starter__button:focus {
	background: var(--hs-orange, #ff6b1a);
	color: #0a0a0a !important;
}

.sl-starter__hint {
	margin: 0;
	padding: 10px 14px 13px;
	border-top: 1px solid var(--hs-border, #2b2b2b);
	font-size: .74rem;
	line-height: 1.65;
	color: var(--hs-text-muted, #a3a3a3);
}
