/* Code7x Product Card Design for WooCommerce - frontend styles
   All colors/spacing come from CSS custom properties set inline per-instance,
   so multiple grids on the same page can each have their own palette. */

.code7x-pcd-wrap {
	--code7x-pcd-columns: 4;
	--code7x-pcd-columns-tablet: 3;
	--code7x-pcd-columns-mobile: 2;
	position: relative;
	box-sizing: border-box;
}

.code7x-pcd-wrap *,
.code7x-pcd-wrap *::before,
.code7x-pcd-wrap *::after {
	box-sizing: border-box;
}

/* ---------- Grid layout ---------- */

.code7x-pcd-layout-grid .code7x-pcd-track {
	display: grid;
	grid-template-columns: repeat(var(--code7x-pcd-columns), 1fr);
	gap: var(--code7x-pcd-gap, 20px);
}

@media (max-width: 1024px) {
	.code7x-pcd-layout-grid .code7x-pcd-track {
		grid-template-columns: repeat(var(--code7x-pcd-columns-tablet), 1fr);
	}
}

@media (max-width: 600px) {
	.code7x-pcd-layout-grid .code7x-pcd-track {
		grid-template-columns: repeat(var(--code7x-pcd-columns-mobile), 1fr);
		gap: calc(var(--code7x-pcd-gap, 20px) / 1.5);
	}
}

/* ---------- Carousel layout ---------- */

.code7x-pcd-layout-carousel {
	position: relative;
}

.code7x-pcd-carousel-frame {
	position: relative;
}

.code7x-pcd-layout-carousel .code7x-pcd-viewport {
	overflow: hidden;
}

.code7x-pcd-layout-carousel .code7x-pcd-track {
	display: flex;
	gap: var(--code7x-pcd-gap, 20px);
	transition: transform 0.4s ease;
	will-change: transform;
}

.code7x-pcd-layout-carousel .code7x-pcd-card {
	flex: 0 0 calc((100% - (var(--code7x-pcd-columns) - 1) * var(--code7x-pcd-gap, 20px)) / var(--code7x-pcd-columns));
}

@media (max-width: 1024px) {
	.code7x-pcd-layout-carousel .code7x-pcd-card {
		flex-basis: calc((100% - (var(--code7x-pcd-columns-tablet) - 1) * var(--code7x-pcd-gap, 20px)) / var(--code7x-pcd-columns-tablet));
	}
}

@media (max-width: 600px) {
	.code7x-pcd-layout-carousel .code7x-pcd-card {
		flex-basis: calc((100% - (var(--code7x-pcd-columns-mobile) - 1) * var(--code7x-pcd-gap, 20px)) / var(--code7x-pcd-columns-mobile));
	}
}

.code7x-pcd-layout-carousel.code7x-pcd-no-scroll .code7x-pcd-arrow,
.code7x-pcd-layout-carousel.code7x-pcd-no-scroll .code7x-pcd-dots {
	display: none;
}

.code7x-pcd-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	border: none;
	background: #fff;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.code7x-pcd-arrow-prev {
	left: -18px;
}

.code7x-pcd-arrow-next {
	right: -18px;
}

.code7x-pcd-arrow:hover {
	background: var(--code7x-pcd-btn-bg, #c563e8);
	color: #fff;
}

.code7x-pcd-dots {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	margin-top: 14px;
}

.code7x-pcd-dots .code7x-pcd-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #ddd;
	cursor: pointer;
	border: none;
	padding: 0;
	flex: 0 0 auto;
}

.code7x-pcd-dots .code7x-pcd-dot.is-active {
	background: var(--code7x-pcd-btn-bg, #c563e8);
}

/* On narrower viewports, keep the arrows inside the visible area instead of
   bleeding off-screen past the edge of the page/column. */
@media (max-width: 782px) {
	.code7x-pcd-arrow {
		width: 32px;
		height: 32px;
		font-size: 20px;
	}

	.code7x-pcd-arrow-prev {
		left: 6px;
	}

	.code7x-pcd-arrow-next {
		right: 6px;
	}
}

@media (max-width: 600px) {
	.code7x-pcd-arrow {
		width: 30px;
		height: 30px;
		font-size: 18px;
	}
}

/* ---------- Card base ---------- */

.code7x-pcd-card {
	position: relative;
	z-index: 0;
	background: var(--code7x-pcd-card-bg, #fff);
	border: 1px solid var(--code7x-pcd-card-border, #eaeaea);
	border-radius: var(--code7x-pcd-radius, 12px);
	box-shadow: var(--code7x-pcd-shadow, none);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
	height: 100%;
}

.code7x-pcd-card:hover {
	transform: translateY(-4px);
}

.code7x-pcd-card-link {
	text-decoration: none;
	color: inherit;
	display: block;
	flex: 1 1 auto;
}

.code7x-pcd-card-image {
	position: relative;
	overflow: hidden;
	background: #f6f6f6;
}

.code7x-pcd-card-image img {
	width: 100%;
	height: auto;
	display: block;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	transition: transform 0.35s ease;
}

.code7x-pcd-card:hover .code7x-pcd-card-image img {
	transform: scale(1.05);
}

.code7x-pcd-image-link {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

.code7x-pcd-card-link {
	text-decoration: none;
	color: inherit;
	display: block;
}

.code7x-pcd-card-body {
	padding: 16px;
}

.code7x-pcd-category {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--code7x-pcd-category-color, #888);
	margin-bottom: 4px;
}

.code7x-pcd-title {
	font-size: 15px;
	font-weight: 600;
	color: var(--code7x-pcd-title-color, #1a1a1a);
	margin: 0 0 6px;
	line-height: 1.35;
}

.code7x-pcd-rating {
	margin-bottom: 6px;
}

.code7x-pcd-rating .star-rating {
	color: var(--code7x-pcd-rating-color, #f5a623);
	font-size: 13px;
}

.code7x-pcd-price {
	font-size: 16px;
	font-weight: 700;
	color: var(--code7x-pcd-price-color, #7a3fc8);
	margin-bottom: 4px;
}

.code7x-pcd-price del {
	opacity: 0.5;
	font-weight: 400;
	margin-right: 6px;
}

.code7x-pcd-price-suffix {
	font-size: 12px;
	font-weight: 400;
	color: #888;
}

.code7x-pcd-short-desc {
	font-size: 13px;
	color: #666;
	line-height: 1.5;
	margin-top: 4px;
}

.code7x-pcd-card:not(.code7x-pcd-design-modern) .code7x-pcd-card-footer {
	padding: 0 16px 16px;
	text-align: center;
}

.code7x-pcd-card:not(.code7x-pcd-design-modern) .code7x-pcd-card-footer p,
.code7x-pcd-card:not(.code7x-pcd-design-modern) .code7x-pcd-card-footer .add_to_cart_inline {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
	text-align: center !important;
}

/* ---------- Badges (sale / new / hot, stack vertically) ---------- */

.code7x-pcd-badges {
	position: absolute;
	top: 10px;
	left: 10px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	z-index: 3;
}

.code7x-pcd-badge {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 4px 9px;
	border-radius: 20px;
	color: #fff;
	letter-spacing: 0.03em;
	white-space: nowrap;
}

.code7x-pcd-badge-sale {
	background: #ff4757;
}

.code7x-pcd-badge-new {
	background: #2f855a;
}

.code7x-pcd-badge-hot {
	background: #1a1a1a;
}

/* ---------- Wishlist heart (Standard overlay on top-right image) ---------- */

.code7x-pcd-card > .code7x-pcd-wishlist {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 6;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: none;
	background: rgba(255, 255, 255, 0.9);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
	font-size: 16px;
	line-height: 1;
	cursor: pointer;
	pointer-events: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--code7x-pcd-wishlist-color, #888888);
	transition: color 0.2s ease, background 0.2s ease, transform 0.2s ease;
}

.code7x-pcd-card > .code7x-pcd-wishlist:hover {
	color: var(--code7x-pcd-wishlist-hover, var(--code7x-pcd-wishlist-color, #ff4757));
	transform: scale(1.1);
}

.code7x-pcd-wishlist.is-active {
	color: var(--code7x-pcd-wishlist-active, var(--code7x-pcd-wishlist-color, #ff4757));
}

.code7x-pcd-wishlist .code7x-pcd-icon-heart {
	width: 16px;
	height: 16px;
	display: block;
	fill: none;
	stroke: currentColor;
	transition: fill 0.2s ease, stroke 0.2s ease;
}

.code7x-pcd-wishlist.is-active .code7x-pcd-icon-heart {
	fill: currentColor;
	stroke: currentColor;
}

/* ---------- Quick action overlay (hover) ---------- */

.code7x-pcd-quick-action {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	padding: 10px 12px;
	background: rgba(255, 255, 255, 0.95);
	font-size: 13px;
	font-weight: 600;
	color: #1a1a1a;
	transform: translateY(100%);
	opacity: 0;
	transition: transform 0.25s ease, opacity 0.25s ease;
	z-index: 3;
}

.code7x-pcd-card:hover .code7x-pcd-quick-action {
	transform: translateY(0);
	opacity: 1;
}

/* Touch devices have no hover; always show quick action so it's still usable. */
@media (hover: none) {
	.code7x-pcd-quick-action {
		transform: translateY(0);
		opacity: 1;
		position: static;
		background: none;
		border-top: 1px solid #eee;
	}
}

/* ---------- Variation swatches ---------- */

.code7x-pcd-swatches {
	padding: 0 16px 12px;
}

.code7x-pcd-swatch-row {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-bottom: 6px;
}

.code7x-pcd-swatch {
	cursor: pointer;
	border: 1px solid #ddd;
	background: #f8f8f8;
	padding: 0;
	transition: transform 0.15s ease, border-color 0.15s ease;
}

.code7x-pcd-swatch-color {
	width: 22px;
	height: 22px;
	border-radius: 50%;
}

.code7x-pcd-swatch-text {
	width: 22px;
	height: 22px;
	border-radius: 50%;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #555;
}

.code7x-pcd-swatch-pill {
	min-width: 28px;
	height: 24px;
	padding: 0 8px;
	border-radius: 4px;
	font-size: 11px;
	font-weight: 600;
	color: #444;
}

.code7x-pcd-swatch:hover {
	transform: scale(1.12);
}

.code7x-pcd-swatch.is-active {
	border-color: var(--code7x-pcd-btn-bg, #c563e8);
	box-shadow: 0 0 0 1px var(--code7x-pcd-btn-bg, #c563e8);
}

.code7x-pcd-swatch-pill.is-active {
	background: var(--code7x-pcd-btn-bg, #c563e8);
	color: #fff;
	border-color: var(--code7x-pcd-btn-bg, #c563e8);
}

.code7x-pcd-variation-note {
	font-size: 12px;
	color: #666;
	min-height: 16px;
	margin-top: 2px;
}

.code7x-pcd-variation-note.is-out-of-stock {
	color: #e53e3e;
	font-weight: 600;
}

/* ---------- Wishlist listing shortcode ---------- */

.code7x-pcd-wishlist-wrap .code7x-pcd-wishlist-loading {
	text-align: center;
	opacity: 0.6;
	padding: 30px 0;
}

.code7x-pcd-card:not(.code7x-pcd-design-modern) .code7x-pcd-card-footer .button,
.code7x-pcd-card:not(.code7x-pcd-design-modern) .code7x-pcd-card-footer a.button,
.code7x-pcd-card:not(.code7x-pcd-design-modern) .code7x-pcd-card-footer a.added_to_cart,
.code7x-pcd-card:not(.code7x-pcd-design-modern) .code7x-pcd-card-footer button.button,
.code7x-pcd-card:not(.code7x-pcd-design-modern) .code7x-pcd-card-footer input.button,
.code7x-pcd-wrap .code7x-pcd-card:not(.code7x-pcd-design-modern) .code7x-pcd-card-footer .button,
.code7x-pcd-wrap .code7x-pcd-card:not(.code7x-pcd-design-modern) .code7x-pcd-card-footer a.button,
.code7x-pcd-wrap .code7x-pcd-card:not(.code7x-pcd-design-modern) .code7x-pcd-card-footer a.added_to_cart,
.code7x-pcd-wrap .code7x-pcd-card:not(.code7x-pcd-design-modern) .code7x-pcd-card-footer button.button,
.code7x-pcd-wrap .code7x-pcd-card:not(.code7x-pcd-design-modern) .code7x-pcd-card-footer input.button,
.woocommerce .code7x-pcd-wrap .code7x-pcd-card:not(.code7x-pcd-design-modern) .code7x-pcd-card-footer .button,
.woocommerce .code7x-pcd-wrap .code7x-pcd-card:not(.code7x-pcd-design-modern) .code7x-pcd-card-footer a.button,
.woocommerce .code7x-pcd-wrap .code7x-pcd-card:not(.code7x-pcd-design-modern) .code7x-pcd-card-footer a.added_to_cart,
.woocommerce .code7x-pcd-wrap .code7x-pcd-card:not(.code7x-pcd-design-modern) .code7x-pcd-card-footer button.button,
.woocommerce .code7x-pcd-wrap .code7x-pcd-card:not(.code7x-pcd-design-modern) .code7x-pcd-card-footer input.button {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	box-sizing: border-box !important;
	margin: 0 auto !important;
	text-align: center !important;
	background-color: var(--code7x-pcd-btn-bg, #c563e8) !important;
	background: var(--code7x-pcd-btn-bg, #c563e8) !important;
	color: var(--code7x-pcd-btn-color, #ffffff) !important;
	border-radius: 30px;
	padding: var(--code7x-pcd-btn-padding, 10px 14px) !important;
	font-size: 13px;
	font-weight: 600;
	border: var(--code7x-pcd-btn-border-width, 0px) solid var(--code7x-pcd-btn-border, transparent) !important;
	transition: background-color 0.2s ease, color 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}

.code7x-pcd-card-footer a.added_to_cart,
.code7x-pcd-wrap .code7x-pcd-card-footer a.added_to_cart,
.woocommerce .code7x-pcd-wrap .code7x-pcd-card-footer a.added_to_cart {
	margin-top: 8px !important;
}

.code7x-pcd-card-footer .button:hover,
.code7x-pcd-card-footer a.button:hover,
.code7x-pcd-card-footer a.added_to_cart:hover,
.code7x-pcd-card-footer button.button:hover,
.code7x-pcd-card-footer input.button:hover,
.code7x-pcd-card-footer .button:focus,
.code7x-pcd-card-footer a.button:focus,
.code7x-pcd-card-footer a.added_to_cart:focus,
.code7x-pcd-wrap .code7x-pcd-card-footer .button:hover,
.code7x-pcd-wrap .code7x-pcd-card-footer a.button:hover,
.code7x-pcd-wrap .code7x-pcd-card-footer a.added_to_cart:hover,
.code7x-pcd-wrap .code7x-pcd-card-footer button.button:hover,
.code7x-pcd-wrap .code7x-pcd-card-footer input.button:hover,
.code7x-pcd-wrap .code7x-pcd-card-footer .button:focus,
.code7x-pcd-wrap .code7x-pcd-card-footer a.button:focus,
.code7x-pcd-wrap .code7x-pcd-card-footer a.added_to_cart:focus,
.woocommerce .code7x-pcd-wrap .code7x-pcd-card-footer .button:hover,
.woocommerce .code7x-pcd-wrap .code7x-pcd-card-footer a.button:hover,
.woocommerce .code7x-pcd-wrap .code7x-pcd-card-footer a.added_to_cart:hover,
.woocommerce .code7x-pcd-wrap .code7x-pcd-card-footer button.button:hover,
.woocommerce .code7x-pcd-wrap .code7x-pcd-card-footer input.button:hover,
.woocommerce .code7x-pcd-wrap .code7x-pcd-card-footer .button:focus,
.woocommerce .code7x-pcd-wrap .code7x-pcd-card-footer a.button:focus,
.woocommerce .code7x-pcd-wrap .code7x-pcd-card-footer a.added_to_cart:focus {
	background-color: var(--code7x-pcd-btn-bg-hover, var(--code7x-pcd-btn-bg, #c563e8)) !important;
	background: var(--code7x-pcd-btn-bg-hover, var(--code7x-pcd-btn-bg, #c563e8)) !important;
	color: var(--code7x-pcd-btn-color-hover, var(--code7x-pcd-btn-color, #ffffff)) !important;
	border-color: var(--code7x-pcd-btn-border-hover, var(--code7x-pcd-btn-border, transparent)) !important;
}

/* ---------- Design: Overlay ---------- */

.code7x-pcd-design-overlay .code7x-pcd-card-image {
	position: relative;
}

.code7x-pcd-design-overlay .code7x-pcd-overlay-content {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 16px;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%);
}

.code7x-pcd-design-overlay .code7x-pcd-overlay-content .code7x-pcd-title,
.code7x-pcd-design-overlay .code7x-pcd-overlay-content .code7x-pcd-category {
	color: #fff;
}

.code7x-pcd-design-overlay .code7x-pcd-overlay-content .code7x-pcd-price {
	color: #fff;
}

/* ---------- Design: Minimal ---------- */

.code7x-pcd-design-minimal .code7x-pcd-card {
	border: none;
	box-shadow: none;
	background: transparent;
}

.code7x-pcd-design-minimal .code7x-pcd-card-body {
	padding: 12px 2px;
}

/* ---------- Design: Modern ---------- */

body .code7x-pcd-card.code7x-pcd-design-modern,
li.product .code7x-pcd-card.code7x-pcd-design-modern,
.code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern,
.woocommerce .code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern,
.woocommerce-page ul.products li.product .code7x-pcd-card.code7x-pcd-design-modern {
	border: 1px solid var(--code7x-pcd-card-border, #eaeaea) !important;
	border-radius: var(--code7x-pcd-radius, 12px) !important;
	background: var(--code7x-pcd-card-bg, #ffffff) !important;
	box-shadow: var(--code7x-pcd-shadow, 0 2px 8px rgba(0, 0, 0, 0.04)) !important;
	overflow: hidden;
}

body .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-body,
li.product .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-body,
.code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-body,
.woocommerce .code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-body {
	padding: 14px 16px 8px !important;
}

body .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-title,
li.product .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-title,
.code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-title,
.woocommerce .code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-title {
	font-size: 15px !important;
	font-weight: 400 !important;
	color: #1a1a1a !important;
	line-height: 1.4 !important;
	margin: 0 0 6px !important;
}

body .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-title .code7x-pcd-modern-brand,
li.product .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-title .code7x-pcd-modern-brand,
.code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-title .code7x-pcd-modern-brand,
.woocommerce .code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-title .code7x-pcd-modern-brand {
	font-weight: 700 !important;
	font-size: 15px !important;
	text-transform: uppercase !important;
	letter-spacing: 0.02em !important;
	color: #000000 !important;
	margin-right: 6px !important;
	display: inline !important;
}

body .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-rating,
li.product .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-rating,
.code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-rating,
.woocommerce .code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-rating {
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	margin-bottom: 8px !important;
}

body .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-rating .star-rating,
li.product .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-rating .star-rating,
.code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-rating .star-rating,
.woocommerce .code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-rating .star-rating {
	margin: 0 !important;
	float: none !important;
}

body .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-rating-count,
li.product .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-rating-count,
.code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-rating-count,
.woocommerce .code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-rating-count {
	font-size: 13px !important;
	font-weight: 600 !important;
	color: #475569 !important;
}

body .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-price,
li.product .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-price,
.code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-price,
.woocommerce .code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-price {
	font-size: 20px !important;
	font-weight: 800 !important;
	color: #0f172a !important;
	margin-bottom: 4px !important;
	display: flex !important;
	flex-direction: column !important;
}

body .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-price ins,
li.product .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-price ins,
.code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-price ins,
.woocommerce .code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-price ins {
	order: 1 !important;
	text-decoration: none !important;
	font-size: 20px !important;
	font-weight: 800 !important;
	color: #0f172a !important;
}

body .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-price del,
li.product .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-price del,
.code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-price del,
.woocommerce .code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-price del {
	order: 2 !important;
	font-size: 13px !important;
	color: #64748b !important;
	font-weight: 400 !important;
	display: block !important;
	margin-top: 2px !important;
	text-decoration: none !important;
}

body .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-price del::before,
li.product .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-price del::before,
.code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-price del::before,
.woocommerce .code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-price del::before {
	content: "MRP " !important;
}

body .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer,
li.product .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer,
.code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer,
.woocommerce .code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer,
.woocommerce-page .code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 8px !important;
	padding: 8px 16px 16px !important;
	text-align: right !important;
	margin-top: auto !important;
	clear: none !important;
	float: none !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

body .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer p,
body .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer p.product,
body .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer .add_to_cart_inline,
li.product .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer p,
li.product .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer p.product,
li.product .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer .add_to_cart_inline,
.code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer p,
.code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer p.product,
.code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer .add_to_cart_inline,
.woocommerce .code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer p,
.woocommerce .code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer p.product,
.woocommerce .code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer .add_to_cart_inline,
.woocommerce-page .code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer p,
.woocommerce-page .code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer .add_to_cart_inline {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
	float: none !important;
	clear: none !important;
	box-shadow: none !important;
}

body .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer span.screen-reader-text,
li.product .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer span.screen-reader-text {
	display: none !important;
}

body .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer .code7x-pcd-wishlist,
li.product .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer .code7x-pcd-wishlist,
.code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer .code7x-pcd-wishlist,
.woocommerce .code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer .code7x-pcd-wishlist,
.woocommerce-page .code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer .code7x-pcd-wishlist {
	position: static !important;
	top: auto !important;
	right: auto !important;
	bottom: auto !important;
	left: auto !important;
	transform: none !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 38px !important;
	height: 38px !important;
	min-width: 38px !important;
	min-height: 38px !important;
	max-width: 38px !important;
	max-height: 38px !important;
	border: 1px solid #cbd5e1 !important;
	border-radius: 8px !important;
	background: #ffffff !important;
	background-color: #ffffff !important;
	color: #334155 !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 0 !important;
	cursor: pointer !important;
	flex: 0 0 38px !important;
	float: none !important;
	clear: none !important;
	transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease !important;
}

body .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer .code7x-pcd-wishlist:hover,
body .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer .code7x-pcd-wishlist.is-active,
li.product .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer .code7x-pcd-wishlist:hover,
li.product .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer .code7x-pcd-wishlist.is-active,
.code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer .code7x-pcd-wishlist:hover,
.code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer .code7x-pcd-wishlist.is-active,
.woocommerce .code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer .code7x-pcd-wishlist:hover,
.woocommerce .code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer .code7x-pcd-wishlist.is-active {
	border-color: #ef4444 !important;
	color: #ef4444 !important;
	background: #fef2f2 !important;
}

body .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer .button,
body .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer a.button,
body .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer button.button,
body .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer input.button,
li.product .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer .button,
li.product .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer a.button,
li.product .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer button.button,
li.product .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer input.button,
.code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer .button,
.code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer a.button,
.code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer button.button,
.code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer input.button,
.woocommerce .code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer .button,
.woocommerce .code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer a.button,
.woocommerce .code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer button.button,
.woocommerce .code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer input.button,
.woocommerce-page .code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer .button,
.woocommerce-page .code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer a.button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	height: auto !important;
	line-height: 1.2 !important;
	padding: 8px 14px !important;
	border-radius: 8px !important;
	background-color: #ffffff !important;
	background: #ffffff !important;
	color: #0f172a !important;
	border: 1px solid #1e293b !important;
	font-weight: 600 !important;
	font-size: 13px !important;
	margin: 0 !important;
	box-shadow: none !important;
	text-align: center !important;
	float: none !important;
	clear: none !important;
	white-space: nowrap !important;
	text-transform: none !important;
}

body .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer .button:hover,
body .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer a.button:hover,
body .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer button.button:hover,
body .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer input.button:hover,
li.product .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer .button:hover,
li.product .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer a.button:hover,
li.product .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer button.button:hover,
li.product .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer input.button:hover,
.code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer .button:hover,
.code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer a.button:hover,
.code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer button.button:hover,
.code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer input.button:hover,
.woocommerce .code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer .button:hover,
.woocommerce .code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer a.button:hover,
.woocommerce .code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer button.button:hover,
.woocommerce .code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer input.button:hover,
.woocommerce-page .code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer .button:hover,
.woocommerce-page .code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern .code7x-pcd-card-footer a.button:hover {
	background-color: #0f172a !important;
	background: #0f172a !important;
	color: #ffffff !important;
	border-color: #0f172a !important;
}

.code7x-pcd-no-products {
	text-align: center;
	opacity: 0.7;
	padding: 30px 0;
}

/* ---------- WooCommerce Shop / Archive Template Override Rules ---------- */

li.product.code7x-pcd-card-item,
.woocommerce ul.products li.product.code7x-pcd-card-item,
ul.products li.product.code7x-pcd-card-item,
.woocommerce-page ul.products li.product.code7x-pcd-card-item {
	list-style: none !important;
	padding: 0 !important;
	margin-top: 0 !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	clear: none !important;
}

li.product.code7x-pcd-card-item .code7x-pcd-card,
.woocommerce ul.products li.product.code7x-pcd-card-item .code7x-pcd-card,
.woocommerce-page ul.products li.product.code7x-pcd-card-item .code7x-pcd-card {
	width: 100% !important;
	height: 100% !important;
	box-sizing: border-box !important;
}

/* ---------- Design: Modern 2 Minimal ---------- */

body .code7x-pcd-card.code7x-pcd-design-modern2,
li.product .code7x-pcd-card.code7x-pcd-design-modern2,
.code7x-pcd-wrap .code7x-pcd-card.code7x-pcd-design-modern2 {
	background: var(--code7x-pcd-card-bg, #ffffff) !important;
	border-radius: var(--code7x-pcd-radius, 24px) !important;
	padding: 12px !important;
	border: 1px solid var(--code7x-pcd-card-border, #e2e8f0) !important;
	box-shadow: var(--code7x-pcd-shadow, 0 4px 20px rgba(0, 0, 0, 0.04)) !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
	box-sizing: border-box !important;
	transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

body .code7x-pcd-card.code7x-pcd-design-modern2:hover {
	transform: translateY(-4px) !important;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08) !important;
}

/* Image Container */
body .code7x-pcd-card.code7x-pcd-design-modern2 .code7x-pcd-card-image {
	border-radius: 18px !important;
	overflow: hidden !important;
	aspect-ratio: 1 / 1 !important;
	background: #f1f5f9 !important;
	position: relative !important;
}

body .code7x-pcd-card.code7x-pcd-design-modern2 .code7x-pcd-card-image img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	border-radius: 18px !important;
}

/* Translucent Dark Circular Wishlist Button at Top Right of Image */
body .code7x-pcd-card.code7x-pcd-design-modern2 .code7x-pcd-wishlist {
	position: absolute !important;
	top: 10px !important;
	right: 10px !important;
	width: 38px !important;
	height: 38px !important;
	border-radius: 50% !important;
	background: rgba(0, 0, 0, 0.35) !important;
	backdrop-filter: blur(4px) !important;
	color: #ffffff !important;
	border: none !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	z-index: 10 !important;
	cursor: pointer !important;
	transition: background 0.2s ease, transform 0.2s ease !important;
}

body .code7x-pcd-card.code7x-pcd-design-modern2 .code7x-pcd-wishlist:hover {
	background: rgba(0, 0, 0, 0.6) !important;
	transform: scale(1.08) !important;
}

/* Card Body & Action Row */
.code7x-pcd-card.code7x-pcd-design-modern2 .code7x-pcd-card-body-row {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	padding: 4px 6px 6px !important;
	gap: 12px !important;
}

.code7x-pcd-card.code7x-pcd-design-modern2 .code7x-pcd-card-body-info {
	display: flex !important;
	flex-direction: column !important;
	gap: 4px !important;
	flex: 1 1 auto !important;
	min-width: 0 !important;
}

.code7x-pcd-card.code7x-pcd-design-modern2 .code7x-pcd-title {
	font-size: 16px !important;
	font-weight: 700 !important;
	color: var(--code7x-pcd-title-color, #0f172a) !important;
	margin: 0 !important;
	line-height: 1.3 !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

.code7x-pcd-card.code7x-pcd-design-modern2 .code7x-pcd-price {
	font-size: 17px !important;
	font-weight: 800 !important;
	color: var(--code7x-pcd-price-color, #eab308) !important;
	margin: 0 !important;
}

.code7x-pcd-card.code7x-pcd-design-modern2 .code7x-pcd-price del {
	font-size: 13px !important;
	color: #94a3b8 !important;
	font-weight: 400 !important;
	margin-right: 4px !important;
}

.code7x-pcd-card.code7x-pcd-design-modern2 .code7x-pcd-price ins {
	text-decoration: none !important;
}

/* Circular Plus Action Button on Right */
.code7x-pcd-card.code7x-pcd-design-modern2 .code7x-pcd-card-action-btn {
	flex: 0 0 46px !important;
	width: 46px !important;
	height: 46px !important;
}

.code7x-pcd-card.code7x-pcd-design-modern2 .code7x-pcd-arrow-link,
.code7x-pcd-card.code7x-pcd-design-modern2 .code7x-pcd-card-action-btn .button,
.code7x-pcd-card.code7x-pcd-design-modern2 .code7x-pcd-card-action-btn a.add_to_cart_button {
	width: 46px !important;
	height: 46px !important;
	border-radius: 50% !important;
	background: #f4f4f5 !important;
	color: #18181b !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-decoration: none !important;
	font-size: 0 !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
	transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease !important;
}

.code7x-pcd-card.code7x-pcd-design-modern2 .code7x-pcd-arrow-link::after,
.code7x-pcd-card.code7x-pcd-design-modern2 .code7x-pcd-card-action-btn .button::after,
.code7x-pcd-card.code7x-pcd-design-modern2 .code7x-pcd-card-action-btn a.add_to_cart_button::after {
	content: "+" !important;
	font-size: 24px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
}

.code7x-pcd-card.code7x-pcd-design-modern2 .code7x-pcd-arrow-link:hover,
.code7x-pcd-card.code7x-pcd-design-modern2 .code7x-pcd-card-action-btn .button:hover {
	background: #18181b !important;
	color: #ffffff !important;
	transform: scale(1.06) !important;
}

/* ---------- Top Left Floating View Cart Pill ---------- */

.code7x-pcd-card-image {
	position: relative !important;
}

body .code7x-pcd-card .code7x-pcd-floating-view-cart,
body .code7x-pcd-design-modern .code7x-pcd-floating-view-cart,
body .code7x-pcd-design-modern2 .code7x-pcd-floating-view-cart,
li.product .code7x-pcd-floating-view-cart {
	position: absolute !important;
	top: 10px !important;
	left: 10px !important;
	right: auto !important;
	z-index: 99 !important;
	background: #0f172a !important;
	color: #ffffff !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	padding: 6px 14px !important;
	border-radius: 20px !important;
	text-decoration: none !important;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3) !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
	opacity: 0 !important;
	transform: translateY(-8px) scale(0.9) !important;
	transition: opacity 0.3s ease, transform 0.3s ease, background 0.2s ease !important;
	pointer-events: none !important;
	line-height: 1 !important;
}

body .code7x-pcd-card .code7x-pcd-floating-view-cart.is-visible,
body .code7x-pcd-design-modern .code7x-pcd-floating-view-cart.is-visible,
body .code7x-pcd-design-modern2 .code7x-pcd-floating-view-cart.is-visible,
li.product .code7x-pcd-floating-view-cart.is-visible {
	opacity: 1 !important;
	transform: translateY(0) scale(1) !important;
	pointer-events: auto !important;
}

body .code7x-pcd-card .code7x-pcd-floating-view-cart:hover,
body .code7x-pcd-design-modern .code7x-pcd-floating-view-cart:hover,
body .code7x-pcd-design-modern2 .code7x-pcd-floating-view-cart:hover {
	background: #2563eb !important;
	color: #ffffff !important;
	transform: translateY(-2px) scale(1) !important;
}

/* ---------- Instantly Suppress WooCommerce dynamically injected added_to_cart link (No Layout Shift) ---------- */

a.added_to_cart,
a.added_to_cart.wc-forward,
.added_to_cart,
body .code7x-pcd-card a.added_to_cart,
body .code7x-pcd-card a.added_to_cart.wc-forward,
.code7x-pcd-card-footer a.added_to_cart,
.code7x-pcd-wrap a.added_to_cart,
.woocommerce .code7x-pcd-wrap a.added_to_cart,
.woocommerce-page .code7x-pcd-wrap a.added_to_cart,
ul.products li.product a.added_to_cart {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	max-height: 0 !important;
	max-width: 0 !important;
	height: 0 !important;
	width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	position: absolute !important;
	pointer-events: none !important;
}

.code7x-pcd-card .button.added::after,
.code7x-pcd-wrap .button.added::after,
.woocommerce .code7x-pcd-wrap .button.added::after {
	display: none !important;
	content: "" !important;
}

/* ---------- Quick View Popup Modal (Decathlon / E-Commerce Style) ---------- */

button.code7x-pcd-quick-action {
	border: none;
	cursor: pointer;
	outline: none;
	font-family: inherit;
}

.code7x-pcd-modal-overlay {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	width: 100vw !important;
	height: 100vh !important;
	background: rgba(15, 23, 42, 0.6) !important;
	backdrop-filter: blur(4px) !important;
	z-index: 999999 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 16px !important;
	box-sizing: border-box !important;
	opacity: 0;
	transition: opacity 0.25s ease;
}

.code7x-pcd-modal-overlay.is-active {
	opacity: 1;
}

.code7x-pcd-modal-container {
	position: relative !important;
	width: 100% !important;
	max-width: 520px !important;
	max-height: 90vh !important;
	background: #ffffff !important;
	border-radius: 20px !important;
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.35) !important;
	overflow-y: auto !important;
	box-sizing: border-box !important;
	padding: 24px !important;
	transform: scale(0.95);
	transition: transform 0.25s ease;
}

.code7x-pcd-modal-overlay.is-active .code7x-pcd-modal-container {
	transform: scale(1);
}

.code7x-pcd-modal-close {
	position: absolute !important;
	top: 16px !important;
	right: 16px !important;
	width: 32px !important;
	height: 32px !important;
	border-radius: 50% !important;
	background: #f1f5f9 !important;
	border: none !important;
	font-size: 20px !important;
	line-height: 1 !important;
	color: #475569 !important;
	cursor: pointer !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	z-index: 10 !important;
	transition: background 0.2s ease, color 0.2s ease !important;
}

.code7x-pcd-modal-close:hover {
	background: #e2e8f0 !important;
	color: #0f172a !important;
}

/* Header & Product Meta */
.code7x-pcd-qv-top {
	display: flex !important;
	flex-direction: row !important;
	gap: 16px !important;
	align-items: flex-start !important;
	margin-bottom: 20px !important;
}

.code7x-pcd-qv-thumb {
	flex: 0 0 130px !important;
	width: 130px !important;
	height: 130px !important;
	border-radius: 10px !important;
	overflow: hidden !important;
	background: #f8fafc !important;
}

.code7x-pcd-qv-thumb img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}

.code7x-pcd-qv-meta {
	flex: 1 1 auto !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
}

.code7x-pcd-qv-brand {
	font-size: 15px !important;
	font-weight: 800 !important;
	color: #0f172a !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
}

.code7x-pcd-qv-title {
	font-size: 15px !important;
	font-weight: 500 !important;
	color: #334155 !important;
	margin: 0 !important;
	line-height: 1.4 !important;
}

.code7x-pcd-qv-price-row {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	margin-top: 8px !important;
}

.code7x-pcd-qv-current-price {
	font-size: 24px !important;
	font-weight: 800 !important;
	color: #0f172a !important;
}

.code7x-pcd-qv-mrp {
	font-size: 14px !important;
	color: #94a3b8 !important;
	text-decoration: line-through !important;
}

.code7x-pcd-qv-discount-badge {
	background: #d30b1e !important;
	color: #ffffff !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	padding: 3px 8px !important;
	border-radius: 3px !important;
}

/* Quantity & Variation Swatches inside Form Container */
body .code7x-pcd-modal-container form.cart,
.code7x-pcd-qv-form-container form.cart {
	display: flex !important;
	flex-direction: column !important;
	gap: 16px !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

body .code7x-pcd-modal-container table.variations,
.code7x-pcd-qv-form-container table.variations {
	width: 100% !important;
	border-collapse: collapse !important;
	margin: 0 !important;
	border: none !important;
}

body .code7x-pcd-modal-container table.variations td.label,
.code7x-pcd-qv-form-container table.variations td.label {
	font-size: 15px !important;
	font-weight: 700 !important;
	color: #0f172a !important;
	padding-bottom: 8px !important;
	display: block !important;
	background: transparent !important;
	border: none !important;
}

body .code7x-pcd-modal-container table.variations td.value,
.code7x-pcd-qv-form-container table.variations td.value {
	display: block !important;
	padding-bottom: 12px !important;
	background: transparent !important;
	border: none !important;
}

body .code7x-pcd-modal-container table.variations select,
.code7x-pcd-qv-form-container table.variations select {
	width: 100% !important;
	height: 44px !important;
	border-radius: 8px !important;
	border: 1px solid #cbd5e1 !important;
	padding: 0 12px !important;
	font-size: 14px !important;
	background: #fff !important;
	color: #0f172a !important;
}

body .code7x-pcd-modal-container .quantity,
.code7x-pcd-qv-form-container .quantity {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	margin-bottom: 12px !important;
	float: none !important;
}

body .code7x-pcd-modal-container .quantity input.qty,
.code7x-pcd-qv-form-container .quantity input.qty {
	width: 60px !important;
	height: 40px !important;
	text-align: center !important;
	border-radius: 8px !important;
	border: 1px solid #cbd5e1 !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	background: #fff !important;
	color: #0f172a !important;
}

/* Full Width Bottom Add to Cart Button */
body .code7x-pcd-modal-container .single_add_to_cart_button,
body .code7x-pcd-modal-container button.button,
.code7x-pcd-qv-form-container button.single_add_to_cart_button {
	width: 100% !important;
	height: 52px !important;
	border-radius: 26px !important;
	background: #8e9cf0 !important;
	color: #ffffff !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	border: none !important;
	cursor: pointer !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: background 0.2s ease !important;
	float: none !important;
	margin-top: 10px !important;
}

body .code7x-pcd-modal-container .single_add_to_cart_button:hover,
.code7x-pcd-qv-form-container button.single_add_to_cart_button:hover {
	background: #7988e4 !important;
}

/* ---------- Category Cards Grid Elementor Widget ---------- */

.code7x-pcd-cat-grid {
	display: grid !important;
	grid-template-columns: repeat(var(--code7x-cat-cols, 4), 1fr) !important;
	gap: var(--code7x-cat-gap, 16px) !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

@media (max-width: 1024px) {
	.code7x-pcd-cat-grid {
		grid-template-columns: repeat(var(--code7x-cat-cols-tab, 2), 1fr) !important;
	}
}

@media (max-width: 640px) {
	.code7x-pcd-cat-grid {
		grid-template-columns: repeat(var(--code7x-cat-cols-mob, 1), 1fr) !important;
	}
}

.code7x-pcd-cat-card {
	position: relative !important;
	width: 100% !important;
	aspect-ratio: var(--code7x-cat-aspect, 1 / 1) !important;
	border-radius: 8px;
	overflow: hidden !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
	background: #1e293b !important;
}

.code7x-pcd-cat-card-link {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	text-decoration: none !important;
	color: inherit !important;
	position: relative !important;
}

.code7x-pcd-cat-bg {
	position: absolute !important;
	inset: 0 !important;
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	transition: transform 0.4s ease !important;
}

.code7x-pcd-cat-grid.has-zoom .code7x-pcd-cat-card:hover .code7x-pcd-cat-bg {
	transform: scale(1.06) !important;
}

.code7x-pcd-cat-overlay {
	position: absolute !important;
	inset: 0 !important;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.65) 100%) !important;
	transition: background 0.3s ease !important;
	z-index: 1 !important;
}

.code7x-pcd-cat-content {
	position: absolute !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	padding: 20px !important;
	z-index: 2 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 4px !important;
	align-items: flex-end !important;
	text-align: right !important;
}

.code7x-pcd-cat-title {
	font-size: 22px !important;
	font-weight: 800 !important;
	color: #ffffff !important;
	margin: 0 !important;
	line-height: 1.2 !important;
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) !important;
	letter-spacing: -0.3px !important;
}

.code7x-pcd-cat-subtitle {
	font-size: 16px !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	line-height: 1.2 !important;
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) !important;
	opacity: 0.95 !important;
}