/**
 * Demo 09 — Glassmorphism
 * Frosted glass card over a blurred background — works best on colored or image backgrounds.
 */
.jespw-demo-09-glassmorphism .jespw-card {
	background: rgba(255, 255, 255, 0.12);
	backdrop-filter: blur(16px) saturate(180%);
	-webkit-backdrop-filter: blur(16px) saturate(180%);
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 16px;
	color: #fff;
	overflow: hidden;
}
.jespw-demo-09-glassmorphism .jespw-image { background: rgba(255,255,255,0.05); border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; }
.jespw-demo-09-glassmorphism .jespw-content { padding: 18px; }
.jespw-demo-09-glassmorphism .jespw-title,
.jespw-demo-09-glassmorphism .jespw-title a { color: #fff; }
.jespw-demo-09-glassmorphism .jespw-excerpt,
.jespw-demo-09-glassmorphism .jespw-category,
.jespw-demo-09-glassmorphism .jespw-meta,
.jespw-demo-09-glassmorphism .jespw-rating { color: rgba(255, 255, 255, 0.78); }
.jespw-demo-09-glassmorphism .jespw-price { color: #fff; }
.jespw-demo-09-glassmorphism .jespw-price del { color: rgba(255,255,255,0.55); }
.jespw-demo-09-glassmorphism .jespw-add-to-cart {
	background: rgba(255, 255, 255, 0.22);
	color: #fff;
	backdrop-filter: blur(8px);
	border: 1px solid rgba(255,255,255,0.3);
}
.jespw-demo-09-glassmorphism .jespw-add-to-cart:hover { background: var(--jespw-accent); border-color: var(--jespw-accent); }
.jespw-demo-09-glassmorphism .jespw-btn { background: rgba(255,255,255,0.15); color: #fff; }
.jespw-demo-09-glassmorphism .jespw-btn:hover { background: var(--jespw-accent); }
.jespw-demo-09-glassmorphism .jespw-badge { background: rgba(255,255,255,0.25); backdrop-filter: blur(8px); }