.webellio-pg{
	--webellio-gap:24px;
	font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}

.webellio-pg__toolbar{
	display:flex;
	justify-content:flex-end;
	margin:0 0 18px;
}

/* Force display even if theme hides it */
.webellio-pg__toolbar .woocommerce-ordering{
	display:block !important;
	margin:0;
}

.webellio-pg__toolbar select.orderby{
	padding:10px 12px;
	border:1px solid rgba(0,0,0,.12);
	border-radius:10px;
	background:#fff;
	min-width:220px;
}

.webellio-pg__grid{
	display:grid;
	grid-template-columns: repeat(var(--webellio-cols-d,4), minmax(0,1fr));
	gap:var(--webellio-gap);
}

@media (max-width: 1024px){
	.webellio-pg__grid{ grid-template-columns: repeat(var(--webellio-cols-t,2), minmax(0,1fr)); }
}
@media (max-width: 767px){
	.webellio-pg__grid{ grid-template-columns: repeat(var(--webellio-cols-m,1), minmax(0,1fr)); gap:18px; }
	.webellio-pg__toolbar{ justify-content:stretch; }
	.webellio-pg__toolbar select.orderby{ width:100%; min-width:0; }
}

.webellio-pg__card{
	background:#fff;
	border:1px solid rgba(0,0,0,.08);
	border-radius:14px;
	box-shadow:0 6px 18px rgba(0,0,0,.06);
	overflow:hidden;
	display:flex;
	flex-direction:column;
}

.webellio-pg__img-wrap{
	padding:18px;
	background:rgba(0,0,0,.03);
	display:flex;
	justify-content:center;
	align-items:center;
}

.webellio-pg__img{
	width:100%;
	height:auto;
	max-width:320px;
	object-fit:contain;
	display:block;
}

.webellio-pg__content{
	padding:16px 16px 18px;
	display:flex;
	flex-direction:column;
	gap:10px;
	flex:1;
}

.webellio-pg__title{
	font-size:16px;
	line-height:1.25;
	margin:0;
	font-weight:700;
	color:#111;
}

.webellio-pg__delivery{
	display:flex;
	align-items:center;
	gap:8px;
	font-size:13px;
	color:#1f7a3a;
}

.webellio-pg__price{
	font-size:20px;
	font-weight:800;
	color:#111;
}

.webellio-pg__btn{
	margin-top:auto;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	text-decoration:none;
	border-radius:10px;
	padding:12px 14px;
	font-weight:700;
	border:0;
}

.webellio-pg__pagination{
	margin-top:22px;
}

.webellio-pg__pagination .page-numbers{
	list-style:none;
	display:flex;
	gap:10px;
	padding:0;
	margin:0;
	flex-wrap:wrap;
}

.webellio-pg__pagination .page-numbers a,
.webellio-pg__pagination .page-numbers span{
	display:inline-flex;
	min-width:36px;
	height:36px;
	align-items:center;
	justify-content:center;
	border-radius:10px;
	border:1px solid rgba(0,0,0,.12);
	text-decoration:none;
	color:#111;
	background:#fff;
	padding:0 10px;
}

.webellio-pg__pagination .page-numbers .current{
	font-weight:800;
}

.webellio-pg__notice{
	padding:14px;
	border:1px dashed rgba(0,0,0,.25);
	border-radius:12px;
	background:#fff;
}