/* Global styles for product cards */
.ProductCard {
    width: 100%;
/*     max-width: 346px; Restrict the maximum width for small screens */
    box-shadow: inset 0 0 0 1px #E2E2E6;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
/*     margin: 10px; Add margin for spacing between cards */
    transition: all 0.3s ease; /* Smooth transition for responsive scaling */
}

select#pa_size,
select#pa_dydis,
select#size,
select#pa_delivery-time,
select#pa_model-type,
select#pa_pillow-size,
select#pa_model,
select#pa_design,
select#pa_modelis-tipas {
	display: none;
	height: 24px;
    background-color: rgba(17, 16, 23, 0.05);
    border: none;
	color: #302F3D;
}

.page-id-12897 select#pa_size,
.page-id-12897 select#pa_dydis,
.page-id-12897 select#size,
.page-id-12897 select#pa_delivery-time,
.page-id-12897 select#pa_model-type,
.page-id-12897 select#pa_pillow-size,
.page-id-12897 select#pa_model,
.page-id-12897 select#pa_design,
.page-id-12897 select#pa_modelis-tipas {
	display: none;
	height: 24px;
    background-color: rgba(17, 16, 23, 0.05);
    border: none;
	color: #FFF;
}

/* Responsive adjustments */
/* @media (min-width: 768px) {
    .ProductCard {
        max-width: 400px; Increase the max width on medium screens
    }
}

@media (min-width: 1024px) {
    .ProductCard {
        max-width: 500px; Further increase the width on larger screens
    }
}

@media (min-width: 1440px) {
    .ProductCard {
        max-width: 600px; Scale to larger sizes on extra large screens
    }
} */

/* Container within the ProductCard */
.Container {
    position: relative;
    flex: 1;
    background: linear-gradient(180deg, rgba(10, 10, 10, 0) 0%, rgba(10, 10, 10, 0) 50%, rgba(10, 10, 10, 0.50) 100%);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
}

/* Image styles */
.product-image {
    width: 100%;
    height: auto;
    background-size: cover;
    background-position: center;
    flex: 1;
}

/* Badge styles */
.product-labels {
    display: flex;
    justify-content: space-between;
    width: 100%;
	
	position: absolute;
    top: 7px;
    inset-inline-start: 7px;
    z-index: 1;
    align-items: flex-start;
    flex-direction: column !important;
	max-width: 100% !important;
    gap: 10px;
    transition: all .3s ease;
    transform: translateZ(0)
}

.product-labels.labels-rectangular {
	top: 16px;
	padding-left: 16px;
	padding-right: 16px;
	inset-inline-start: 0;
	z-index: 3;
}

.wd-buttons.wd-pos-r-t {
	top: unset !important;
	bottom: 0 !important;
	left: 0 !important;
	inset-inline-end: unset !important;
	padding: 0px 16px 16px !important;
}

.wd-buttons[class*="wd-pos-r"] {
    position: absolute !important;
    opacity: unset !important;
    visibility: unset !important;
    transform: unset !important;
}

.wd-buttons {
    z-index: 4;
    display: flex;
    flex-direction: row-reverse !important;
	justify-content: space-between;
	width: 100%;
    background: unset !important;
    box-shadow: unset !important;
    transition: all .3s ease
}

.wd-add-btn {
	background: white;
    border-radius: 1920px;
}

.wd-action-btn.custom-add-btn>a:before {
    font-size: 16px;
}
.wd-wishlist-btn.wd-action-btn.wd-style-icon.wd-wishlist-icon{
	background: rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(30px);
}

.product-labels .product-label.new {
	position: absolute;
	right: 16px;
}

.page-id-12897 .product-labels .product-label.new,
.page-id-12897 .product-labels .product-label.out-of-stock {
    background-color: #302F3D;
    color: #FFF;
}

.page-id-12897 .product-labels .product-label.onsale {
    background-color: #8E0624;
    color: #FCB3B0;
}

.product-labels .out-of-stock,
.product-labels .product-label.new {
	display: flex;
	align-items: flex-end;
	height: 32px;
    border-radius: 1920px;
}

.product-labels .onsale,
.product-labels .label-new {
    padding: 8px 12px;
    background: #FDF7EA;
    color: #C0840D;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 16px;
}

.product-labels .out-of-stock {
	padding: 8px 12px;
}

/* Actions buttons */
.Actions {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.ButtonIconButton {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ButtonRounded {
    padding: 14px;
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Positioning the wishlist button */
.wd-wishlist-container {
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(16px);
}

/* Wishlist button styles */
.wd-wishlist-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
}

/* Block containing product title and price */
.Block {
    padding: 32px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 8px !important;
    width: 100%; /* Ensure the block takes full width */
	min-height: 155px;
}

/* Product title */
.product-name {
    color: #111017;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 24px;
    letter-spacing: -0.54px;
	text-align: left;
	margin-bottom: unset;
	
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Price styling */
.price-section {
    display: flex;
    align-items: baseline;
    gap: 4px;
}

.price-sale,
span.price {
    color: #111017;
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
    letter-spacing: -0.72px;
}

.price-regular {
    color: #77758C;
    font-size: 14px;
    text-decoration: line-through;
    line-height: 20px;
    letter-spacing: -0.28px;
}

/* Colors section */
.Colors {
    display: flex;
    gap: 8px;
}

/* Ensure the icon buttons are centered */
.ButtonRounded .icon {
    display: block;
    width: 20px;
    height: 20px;
}

@media (min-width: 768px) and (max-width: 1024px) {
	.Block {
		padding: 24px;
		min-height: 139px;
	}
	.product-name {
		font-size: 16px;
	}
	.price .amount {
	font-size: 22px;
	}
}
@media (max-width: 768px) {
	.Block {
		padding: 16px;
		min-height: 154px;
	}
	.product-name {
		font-size: 16px;
	}
	.price .amount {
	font-size: 20px;
	}
	.product-labels .product-label.new {
	right: 8px;
	}
	.product-labels .onsale {
		display: flex;
		align-items: center;
	}
	.product-labels .out-of-stock,
	.product-labels .onsale,
	.product-labels .product-label.new {
		height: 20px;
		min-width: unset;
	}
}