.afiwai-smart-shop-ecosystem{
	--ss-success:#127a4b;
	--ss-warning:#b86800;
	--ss-danger:#b42318;
	--ss-soft:color-mix(in srgb,var(--afiwai-shop-primary) 5%,var(--afiwai-shop-surface));
	--ss-line:color-mix(in srgb,var(--afiwai-shop-primary) 14%,transparent);
}

.afiwai-smart-shop-ecosystem .dashicons{
	line-height:1;
}

.afiwai-smart-shop-ecosystem .afiwai-ui-card{
	padding:clamp(22px,3vw,34px);
	border:1px solid var(--ss-line);
	border-radius:var(--afiwai-shop-radius);
	background:var(--afiwai-shop-surface);
	box-shadow:var(--afiwai-shop-shadow);
}

.afiwai-smart-shop-ecosystem .afiwai-ui-grid{
	display:grid;
	gap:18px;
}

.afiwai-smart-shop-ecosystem .afiwai-ui-grid-2{
	grid-template-columns:repeat(2,minmax(0,1fr));
}

.afiwai-smart-shop-ecosystem .afiwai-ui-grid-3{
	grid-template-columns:repeat(3,minmax(0,1fr));
}

.afiwai-smart-shop-ecosystem .afiwai-ui-grid-4{
	grid-template-columns:repeat(4,minmax(0,1fr));
}

.afiwai-smart-shop-ecosystem .afiwai-ui-title{
	margin:0;
	color:var(--afiwai-shop-text);
	font-size:clamp(28px,4vw,48px);
	line-height:1.05;
	letter-spacing:-.035em;
}

.afiwai-smart-shop-ecosystem .afiwai-ui-copy{
	color:var(--afiwai-shop-muted);
	font-size:16px;
	line-height:1.7;
}

.afiwai-smart-shop-ecosystem .afiwai-ui-badge{
	display:inline-flex;
	align-items:center;
	min-height:30px;
	padding:0 11px;
	border-radius:999px;
	background:color-mix(in srgb,var(--afiwai-shop-primary) 10%,var(--afiwai-shop-surface));
	color:var(--afiwai-shop-primary);
	font-size:12px;
	font-weight:800;
}

.afiwai-smart-shop-ecosystem .afiwai-ui-divider{
	height:1px;
	margin:24px 0;
	background:var(--ss-line);
}

.afiwai-smart-shop-ecosystem .afiwai-ui-field{
	display:grid;
	gap:8px;
}

.afiwai-smart-shop-ecosystem .afiwai-ui-field>span{
	color:var(--afiwai-shop-text);
	font-size:13px;
	font-weight:750;
}

.afiwai-smart-shop-ecosystem input[type="text"],
.afiwai-smart-shop-ecosystem input[type="email"],
.afiwai-smart-shop-ecosystem input[type="tel"],
.afiwai-smart-shop-ecosystem input[type="number"],
.afiwai-smart-shop-ecosystem input[type="search"],
.afiwai-smart-shop-ecosystem select,
.afiwai-smart-shop-ecosystem textarea{
	width:100%;
	min-height:50px;
	margin:0;
	padding:0 14px;
	border:1px solid color-mix(in srgb,var(--afiwai-shop-primary) 20%,#cbd8e4);
	border-radius:13px;
	background:#fff;
	color:var(--afiwai-shop-text);
	font:inherit;
	box-shadow:none;
}

.afiwai-smart-shop-ecosystem textarea{
	min-height:120px;
	padding-block:12px;
	resize:vertical;
}

.afiwai-smart-shop-ecosystem input:focus,
.afiwai-smart-shop-ecosystem select:focus,
.afiwai-smart-shop-ecosystem textarea:focus{
	border-color:var(--afiwai-shop-primary);
	outline:0;
	box-shadow:0 0 0 4px color-mix(in srgb,var(--afiwai-shop-primary) 14%,transparent);
}

.afiwai-smart-shop-ecosystem button{
	transition:transform .16s ease,box-shadow .16s ease,background .16s ease;
}

.afiwai-smart-shop-ecosystem button:hover{
	transform:translateY(-1px);
}

.afiwai-smart-shop-ecosystem .afiwai-status-success{
	color:var(--ss-success);
}

.afiwai-smart-shop-ecosystem .afiwai-status-warning{
	color:var(--ss-warning);
}

.afiwai-smart-shop-ecosystem .afiwai-status-danger{
	color:var(--ss-danger);
}

@media(max-width:900px){
	.afiwai-smart-shop-ecosystem .afiwai-ui-grid-3,
	.afiwai-smart-shop-ecosystem .afiwai-ui-grid-4{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}
}

@media(max-width:640px){
	.afiwai-smart-shop-ecosystem .afiwai-ui-grid-2,
	.afiwai-smart-shop-ecosystem .afiwai-ui-grid-3,
	.afiwai-smart-shop-ecosystem .afiwai-ui-grid-4{
		grid-template-columns:1fr;
	}
}