/* -------------------------------------
   Layout 2: Glass Card
-------------------------------------- */
.layout-2 .npw-card {
	background: rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.3);
	box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.15);
}
.layout-2 .npw-title, .layout-2 .npw-desc {
	color: #fff;
}
.layout-2 .npw-button {
	background: rgba(255, 255, 255, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.5);
	backdrop-filter: blur(5px);
}
.layout-2 .npw-button:hover {
	background: rgba(255, 255, 255, 0.4);
	color: #fff;
}

/* -------------------------------------
   Layout 3: Gradient Card
-------------------------------------- */
.layout-3 .npw-card {
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	color: #fff;
}
.layout-3 .npw-title, .layout-3 .npw-price, .layout-3 .npw-desc {
	color: #fff;
}
.layout-3 .npw-button {
	background: #fff;
	color: #764ba2;
}
.layout-3 .npw-button:hover {
	background: #f3f4f6;
}

/* -------------------------------------
   Layout 7: Neumorphism
-------------------------------------- */
.layout-7 .npw-wrapper {
	background-color: #e0e5ec;
	padding: 20px;
}
.layout-7 .npw-card {
	background-color: #e0e5ec;
	box-shadow: 9px 9px 16px rgb(163,177,198,0.6), -9px -9px 16px rgba(255,255,255, 0.5);
	border: none;
}
.layout-7 .npw-card:hover {
	box-shadow: inset 6px 6px 10px 0 rgba(163,177,198, 0.7), inset -6px -6px 10px 0 rgba(255,255,255, 0.8);
	transform: none;
}

/* -------------------------------------
   Layout 9: Image Overlay
-------------------------------------- */
.layout-9 .npw-card {
	position: relative;
	height: 350px;
}
.layout-9 .npw-card-image {
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	height: 100%;
}
.layout-9 .npw-card-image img {
	height: 100%;
	object-fit: cover;
}
.layout-9 .npw-card-content {
	position: absolute;
	bottom: 0; left: 0; right: 0;
	background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
	color: #fff;
	padding-top: 50px;
}
.layout-9 .npw-title, .layout-9 .npw-desc, .layout-9 .npw-price {
	color: #fff;
}

/* Add other layouts as required in Phase 2 */