.afiwai-smart-shop-term-directory{
	margin-top:30px;
	padding:clamp(26px,4vw,46px);
	border:1px solid var(--ss-line);
	border-radius:calc(var(--afiwai-shop-radius)*1.05);
	background:var(--afiwai-shop-surface);
	box-shadow:var(--afiwai-shop-shadow);
}

.afiwai-smart-shop-term-grid{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:18px;
	margin-top:26px;
}

.afiwai-smart-shop-term-card{
	position:relative;
	display:grid;
	gap:10px;
	min-height:170px;
	padding:24px;
	overflow:hidden;
	border:1px solid var(--ss-line);
	border-radius:var(--afiwai-shop-radius);
	background:
		radial-gradient(circle at 90% 10%,color-mix(in srgb,var(--afiwai-shop-secondary) 16%,transparent),transparent 30%),
		var(--ss-soft);
	color:var(--afiwai-shop-text);
	text-decoration:none;
	transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}

.afiwai-smart-shop-term-card::after{
	position:absolute;
	right:18px;
	bottom:14px;
	color:var(--afiwai-shop-primary);
	font-size:22px;
	content:"→";
}

.afiwai-smart-shop-term-card:hover,
.afiwai-smart-shop-term-card:focus{
	transform:translateY(-4px);
	border-color:var(--afiwai-shop-primary);
	background:var(--afiwai-shop-surface);
	box-shadow:0 20px 48px rgba(15,43,68,.12);
	outline:0;
}

.afiwai-smart-shop-term-card strong{
	font-size:22px;
	line-height:1.2;
}

.afiwai-smart-shop-term-card span{
	max-width:85%;
	color:var(--afiwai-shop-muted);
	line-height:1.55;
}

.afiwai-smart-shop-term-grid .afiwai-smart-shop-empty{
	grid-column:1/-1;
	display:grid;
	min-height:220px;
	place-items:center;
	padding:30px;
	border:1px dashed color-mix(in srgb,var(--afiwai-shop-primary) 28%,transparent);
	border-radius:16px;
	background:var(--ss-soft);
	color:var(--afiwai-shop-muted);
	text-align:center;
}

@media(max-width:1000px){
	.afiwai-smart-shop-term-grid{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}
}

@media(max-width:620px){
	.afiwai-smart-shop-term-grid{
		grid-template-columns:1fr;
	}
}