Maxi & Gowns

/* ==============================================================
StitchedPK Complete Styling:
– Luxury Shop & Archive Hero Banner
– Split Layout: 4:5 Home / 1:1 Shop
– Unified Glassmorphism Buttons (Add to Cart & Quick View)
– Streamlined 22% Left Sidebar with Active Filters
============================================================== */

/* 1. LUXURY SHOP & ARCHIVE HERO BANNER */
.entry-hero.product-archive-hero-section {
background-image: url(‘https://stitchedpk.com/wp-content/uploads/2026/10/stitchedpk-luxury-shop-banner.jpg’) !important;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
position: relative !important;
padding: 75px 1.5rem !important;
margin-bottom: 2.25rem !important;
border-bottom: 1px solid rgba(158, 84, 99, 0.25) !important;
box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08) !important;
}

.entry-hero.product-archive-hero-section .hero-section-overlay {
background: linear-gradient(135deg, rgba(20, 10, 15, 0.72) 0%, rgba(45, 18, 28, 0.62) 100%) !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
z-index: 1 !important;
}

.entry-hero.product-archive-hero-section .entry-hero-container-inner {
position: relative !important;
z-index: 2 !important;
}

.entry-hero.product-archive-hero-section .hero-container {
position: relative !important;
z-index: 2 !important;
text-align: center !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
}

.entry-hero.product-archive-hero-section .entry-header {
text-align: center !important;
max-width: 850px !important;
margin: 0 auto !important;
}

.entry-hero.product-archive-hero-section h1.page-title {
color: #ffffff !important;
font-family: ‘Playfair Display’, Georgia, serif !important;
font-size: 2.75rem !important;
font-weight: 700 !important;
letter-spacing: 2px !important;
margin: 0 0 0.5rem 0 !important;
text-shadow: 0 2px 12px rgba(0, 0, 0, 0.5) !important;
text-transform: uppercase !important;
}

.entry-hero.product-archive-hero-section .entry-header::before {
content: “STITCHEDPK COUTURE” !important;
display: block !important;
color: #e2b98e !important;
font-size: 0.82rem !important;
font-weight: 700 !important;
letter-spacing: 3px !important;
text-transform: uppercase !important;
margin-bottom: 0.5rem !important;
text-shadow: 0 1px 8px rgba(0, 0, 0, 0.6) !important;
}

.entry-hero.product-archive-hero-section .entry-header::after {
content: “Discover Handcrafted Luxury — Pure Silk, Embroidered Chiffon & Festive Organza” !important;
display: block !important;
color: #f7eedf !important;
font-size: 1.05rem !important;
font-weight: 400 !important;
letter-spacing: 0.5px !important;
line-height: 1.5 !important;
margin-top: 0.5rem !important;
text-shadow: 0 1px 8px rgba(0, 0, 0, 0.6) !important;
}

@media (max-width: 768px) {
.entry-hero.product-archive-hero-section {
padding: 50px 1rem !important;
}
.entry-hero.product-archive-hero-section h1.page-title {
font-size: 2rem !important;
}
.entry-hero.product-archive-hero-section .entry-header::after {
font-size: 0.9rem !important;
}
}

/* 2. Left Sidebar Width (22%) on Shop and Category Archives */
@media screen and (min-width: 1025px) {
.has-left-sidebar .content-container,
.woocommerce.archive .has-left-sidebar .content-container,
body.woocommerce-shop.has-left-sidebar .content-container,
body.tax-product_cat.has-left-sidebar .content-container {
display: grid !important;
grid-template-columns: 22% 1fr !important;
grid-gap: 2.25rem !important;
}

#secondary.primary-sidebar {
max-width: 100% !important;
padding-right: 0.5rem !important;
}
}

/* 3. Shop page & Category archives: Exactly 3 products per line */
@media screen and (min-width: 1025px) {
.woocommerce.archive ul.products,
body.woocommerce-shop ul.products,
body.tax-product_cat ul.products {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 1.5rem !important;
}
}

@media screen and (max-width: 1024px) and (min-width: 641px) {
.woocommerce.archive ul.products,
body.woocommerce-shop ul.products,
body.tax-product_cat ul.products {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 1.25rem !important;
}
}

@media screen and (max-width: 640px) {
.woocommerce.archive ul.products,
body.woocommerce-shop ul.products,
body.tax-product_cat ul.products {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 0.75rem !important;
}
}

/* 4. Responsive Homepage Grid: 5 columns for 10 products */
@media (min-width: 1024px) {
body.home .wp-block-woocommerce-product-collection .wc-block-product-template,
body.home .woocommerce ul.products {
display: grid !important;
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
gap: 1.25rem !important;
}
}

@media (max-width: 1023px) and (min-width: 640px) {
body.home .wp-block-woocommerce-product-collection .wc-block-product-template,
body.home .woocommerce ul.products {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 1rem !important;
}
}

@media (max-width: 639px) {
body.home .wp-block-woocommerce-product-collection .wc-block-product-template,
body.home .woocommerce ul.products {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 0.75rem !important;
}
}

/* 5. Product Card Base Styling & Tight Vertical Flow */
.woocommerce ul.products li.product {
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
height: auto !important;
min-height: 0 !important;
transition: transform 0.3s ease, box-shadow 0.3s ease !important;
border: 1px solid rgba(0, 0, 0, 0.06) !important;
border-radius: 8px !important;
padding: 10px !important;
background: #ffffff !important;
box-sizing: border-box !important;
position: relative !important;
}

.woocommerce ul.products li.product:hover {
transform: translateY(-4px) !important;
box-shadow: 0 12px 24px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 6. HOMEPAGE: 4:5 Portrait Aspect Ratio */
body.home .woocommerce-loop-product__link,
body.home .woocommerce-LoopProduct-link,
body.home .wp-block-woocommerce-product-image,
body.home .wc-block-grid__product-image {
aspect-ratio: 4 / 5 !important;
position: relative !important;
display: block !important;
overflow: hidden !important;
border-radius: 6px !important;
background-color: #f7f5f2 !important;
margin-bottom: 0.5rem !important;
width: 100% !important;
}

body.home .woocommerce-loop-product__link img,
body.home .woocommerce-LoopProduct-link img,
body.home .wp-block-woocommerce-product-image img,
body.home .wc-block-product-template__item img {
aspect-ratio: 4 / 5 !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center top !important;
transition: transform 0.4s ease-in-out !important;
display: block !important;
}

/* 7. SHOP PAGE & CATEGORY ARCHIVES: 1:1 Square Aspect Ratio */
body.woocommerce-shop .woocommerce-loop-product__link,
body.woocommerce-shop .woocommerce-LoopProduct-link,
body.woocommerce-shop .wp-block-woocommerce-product-image,
body.woocommerce-shop .wc-block-grid__product-image,
body.tax-product_cat .woocommerce-loop-product__link,
body.tax-product_cat .woocommerce-LoopProduct-link,
body.tax-product_cat .wp-block-woocommerce-product-image,
body.tax-product_cat .wc-block-grid__product-image,
.woocommerce.archive .woocommerce-loop-product__link,
.woocommerce.archive .woocommerce-LoopProduct-link {
aspect-ratio: 1 / 1 !important;
position: relative !important;
display: block !important;
overflow: hidden !important;
border-radius: 6px !important;
background-color: #f7f5f2 !important;
margin-bottom: 0.5rem !important;
width: 100% !important;
}

body.woocommerce-shop .woocommerce ul.products li.product img,
body.tax-product_cat .woocommerce ul.products li.product img,
.woocommerce.archive .woocommerce ul.products li.product img,
body.woocommerce-shop .attachment-woocommerce_thumbnail,
body.tax-product_cat .attachment-woocommerce_thumbnail {
aspect-ratio: 1 / 1 !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center top !important;
transition: transform 0.4s ease-in-out !important;
display: block !important;
}

/* Subtle luxury hover zoom on all product cards */
.woocommerce ul.products li.product:hover img,
.wp-block-woocommerce-product-collection .wc-block-product-template__item:hover img {
transform: scale(1.03) !important;
}

/* 8. Product Action Wrap – Tight Horizontal Container */
.product-action-wrap {
aspect-ratio: unset !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
background: transparent !important;
border-radius: 0 !important;
overflow: visible !important;
margin-top: 0.5rem !important;
margin-bottom: 0.25rem !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
flex-wrap: wrap !important;
gap: 0.5rem !important;
}

/* 9. UNIFIED GLASSMORPHISM BUTTONS: Both “Add to Cart” and “Quick View” */
.product-action-wrap .button,
.product-action-wrap a.add_to_cart_button,
.product-action-wrap .kt-woo-quickview-button,
.woocommerce ul.products li.product .product-action-wrap .button,
.woocommerce ul.products li.product .product-action-wrap a.button,
.woocommerce ul.products li.product .kt-woo-quickview-button,
.woocommerce-loop-product__link .kt-woo-quickview-button {
background: rgba(255, 255, 255, 0.5) !important;
backdrop-filter: blur(5px) !important;
-webkit-backdrop-filter: blur(5px) !important;
color: #1a202c !important;
border: 1px solid rgba(255, 255, 255, 0.85) !important;
border-radius: 4px !important;
padding: 6px 12px !important;
font-size: 0.8rem !important;
font-weight: 600 !important;
letter-spacing: 0.3px !important;
text-transform: capitalize !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
transition: all 0.25s ease-in-out !important;
cursor: pointer !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
line-height: 1.25 !important;
text-decoration: none !important;
margin: 0 !important;
}

/* Hover State for Both Buttons */
.product-action-wrap .button:hover,
.product-action-wrap a.add_to_cart_button:hover,
.product-action-wrap .kt-woo-quickview-button:hover,
.woocommerce ul.products li.product .product-action-wrap .button:hover,
.woocommerce ul.products li.product .product-action-wrap a.button:hover,
.woocommerce ul.products li.product .kt-woo-quickview-button:hover {
background: rgba(255, 255, 255, 0.95) !important;
color: #9e5463 !important;
border-color: #9e5463 !important;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15) !important;
transform: translateY(-2px) !important;
}

.product-action-wrap .button svg,
.product-action-wrap a.button svg {
fill: currentColor !important;
color: inherit !important;
width: 14px !important;
height: 14px !important;
}

.kt-woo-quickview-button img {
width: 14px !important;
height: 14px !important;
vertical-align: middle !important;
}

.product-action-wrap .added_to_cart {
background: rgba(255, 255, 255, 0.6) !important;
backdrop-filter: blur(4px) !important;
color: #9e5463 !important;
border: 1px solid rgba(158, 84, 99, 0.3) !important;
border-radius: 4px !important;
padding: 6px 10px !important;
font-size: 0.78rem !important;
font-weight: 600 !important;
text-decoration: none !important;
margin-top: 4px !important;
}

/* 10. Product Details & Excerpt Polish */
.product-details.entry-content-wrap {
display: flex !important;
flex-direction: column !important;
flex-grow: 1 !important;
padding: 0 !important;
margin: 0 !important;
}

.woocommerce-loop-product__title {
font-size: 0.95rem !important;
font-weight: 600 !important;
line-height: 1.35 !important;
margin-top: 0.25rem !important;
margin-bottom: 0.35rem !important;
min-height: 2.7em !important;
}

.woocommerce-loop-product__title a {
color: #1e293b !important;
text-decoration: none !important;
}

.woocommerce-loop-product__title a:hover {
color: #9e5463 !important;
}

.woocommerce ul.products li.product .price {
font-size: 1.05rem !important;
font-weight: 700 !important;
color: #9e5463 !important;
margin-bottom: 0.35rem !important;
}

.product-excerpt {
font-size: 0.82rem !important;
line-height: 1.4 !important;
color: #64748b !important;
margin-bottom: 0.5rem !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}

/* 11. Left Sidebar Filter Styling */
#secondary.primary-sidebar {
padding-right: 0.75rem !important;
}

#secondary .widget {
background: #ffffff !important;
border: 1px solid #ebe6df !important;
border-radius: 8px !important;
padding: 1.15rem !important;
margin-bottom: 1.25rem !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02) !important;
}

#secondary .widget .widget-title {
font-size: 1rem !important;
font-weight: 700 !important;
letter-spacing: 0.5px !important;
text-transform: uppercase !important;
margin-bottom: 0.85rem !important;
padding-bottom: 0.45rem !important;
border-bottom: 2px solid #9e5463 !important;
color: #2D3748 !important;
}

#secondary .widget ul {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}

#secondary .widget ul li {
padding: 6px 0 !important;
border-bottom: 1px dashed #f0ece6 !important;
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
}

#secondary .widget ul li:last-child {
border-bottom: none !important;
}

#secondary .widget ul li a {
color: #4A5568 !important;
text-decoration: none !important;
font-size: 0.92rem !important;
transition: color 0.2s ease !important;
}

#secondary .widget ul li a:hover,
#secondary .widget ul li.chosen a {
color: #9e5463 !important;
font-weight: 600 !important;
}

#secondary .widget ul li .count {
background: #f5f0e9 !important;
color: #718096 !important;
font-size: 0.78rem !important;
padding: 2px 7px !important;
border-radius: 12px !important;
}

/* Price Filter UI Polish */
.widget_price_filter .ui-slider .ui-slider-range {
background-color: #9e5463 !important;
}

.widget_price_filter .ui-slider .ui-slider-handle {
background-color: #9e5463 !important;
border: 2px solid #ffffff !important;
}

.widget_price_filter .price_slider_amount .button {
background-color: #9e5463 !important;
color: #ffffff !important;
border-radius: 4px !important;
font-size: 0.85rem !important;
padding: 6px 14px !important;
}

/* ==============================================================
StitchedPK Split Layout:
– Homepage: 4:5 Portrait Ratio (5 columns, 10 showcase products)
– Shop & Categories: 1:1 Square Ratio (3 columns, 22% sidebar)
– Glassmorphism Buttons: Add to Cart & Quick View
============================================================== */

/* 1. Left Sidebar Width (22%) on Shop and Category Archives */
@media screen and (min-width: 1025px) {
.has-left-sidebar .content-container,
.woocommerce.archive .has-left-sidebar .content-container,
body.woocommerce-shop.has-left-sidebar .content-container,
body.tax-product_cat.has-left-sidebar .content-container {
display: grid !important;
grid-template-columns: 22% 1fr !important;
grid-gap: 2.25rem !important;
}

#secondary.primary-sidebar {
max-width: 100% !important;
padding-right: 0.5rem !important;
}
}

/* 2. Shop page & Category archives: Exactly 3 products per line */
@media screen and (min-width: 1025px) {
.woocommerce.archive ul.products,
body.woocommerce-shop ul.products,
body.tax-product_cat ul.products {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 1.5rem !important;
}
}

/* 3. Responsive Homepage Grid: 5 columns for 10 products */
@media (min-width: 1024px) {
body.home .wp-block-woocommerce-product-collection .wc-block-product-template,
body.home .woocommerce ul.products {
display: grid !important;
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
gap: 1.25rem !important;
}
}

/* 4. Product Card Base Styling & Tight Vertical Flow */
.woocommerce ul.products li.product {
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
height: auto !important;
min-height: 0 !important;
transition: transform 0.3s ease, box-shadow 0.3s ease !important;
border: 1px solid rgba(0, 0, 0, 0.06) !important;
border-radius: 8px !important;
padding: 10px !important;
background: #ffffff !important;
box-sizing: border-box !important;
position: relative !important;
}

.woocommerce ul.products li.product:hover {
transform: translateY(-4px) !important;
box-shadow: 0 12px 24px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 5. HOMEPAGE: 4:5 Portrait Aspect Ratio */
body.home .woocommerce-loop-product__link,
body.home .woocommerce-LoopProduct-link,
body.home .wp-block-woocommerce-product-image,
body.home .wc-block-grid__product-image {
aspect-ratio: 4 / 5 !important;
position: relative !important;
display: block !important;
overflow: hidden !important;
border-radius: 6px !important;
background-color: #f7f5f2 !important;
margin-bottom: 0.5rem !important;
width: 100% !important;
}

/* 6. SHOP PAGE & CATEGORY ARCHIVES: 1:1 Square Aspect Ratio */
body.woocommerce-shop .woocommerce-loop-product__link,
body.woocommerce-shop .woocommerce-LoopProduct-link,
body.woocommerce-shop .wp-block-woocommerce-product-image,
body.woocommerce-shop .wc-block-grid__product-image,
body.tax-product_cat .woocommerce-loop-product__link,
body.tax-product_cat .woocommerce-LoopProduct-link,
body.tax-product_cat .wp-block-woocommerce-product-image,
body.tax-product_cat .wc-block-grid__product-image,
.woocommerce.archive .woocommerce-loop-product__link,
.woocommerce.archive .woocommerce-LoopProduct-link {
aspect-ratio: 1 / 1 !important;
position: relative !important;
display: block !important;
overflow: hidden !important;
border-radius: 6px !important;
background-color: #f7f5f2 !important;
margin-bottom: 0.5rem !important;
width: 100% !important;
}

/* 7. Product Action Wrap – Tight Horizontal Container */
.product-action-wrap {
aspect-ratio: unset !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
background: transparent !important;
border-radius: 0 !important;
overflow: visible !important;
margin-top: 0.5rem !important;
margin-bottom: 0.25rem !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
flex-wrap: wrap !important;
gap: 0.5rem !important;
}

/* 8. UNIFIED GLASSMORPHISM BUTTONS: Both “Add to Cart” and “Quick View” */
.product-action-wrap .button,
.product-action-wrap a.add_to_cart_button,
.product-action-wrap .kt-woo-quickview-button,
.woocommerce ul.products li.product .product-action-wrap .button,
.woocommerce ul.products li.product .product-action-wrap a.button,
.woocommerce ul.products li.product .kt-woo-quickview-button,
.woocommerce-loop-product__link .kt-woo-quickview-button {
background: rgba(255, 255, 255, 0.5) !important;
backdrop-filter: blur(5px) !important;
-webkit-backdrop-filter: blur(5px) !important;
color: #1a202c !important;
border: 1px solid rgba(255, 255, 255, 0.85) !important;
border-radius: 4px !important;
padding: 6px 12px !important;
font-size: 0.8rem !important;
font-weight: 600 !important;
letter-spacing: 0.3px !important;
text-transform: capitalize !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
transition: all 0.25s ease-in-out !important;
cursor: pointer !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
line-height: 1.25 !important;
text-decoration: none !important;
margin: 0 !important;
}

/* Button Icons & Arrow SVG inherit color dynamically */
.product-action-wrap .button svg,
.product-action-wrap a.button svg {
fill: currentColor !important;
color: inherit !important;
width: 14px !important;
height: 14px !important;
}

.kt-woo-quickview-button img {
width: 14px !important;
height: 14px !important;
vertical-align: middle !important;
}

/* Added to Cart link state */
.product-action-wrap .added_to_cart {
background: rgba(255, 255, 255, 0.6) !important;
backdrop-filter: blur(4px) !important;
color: #9e5463 !important;
border: 1px solid rgba(158, 84, 99, 0.3) !important;
border-radius: 4px !important;
padding: 6px 10px !important;
font-size: 0.78rem !important;
font-weight: 600 !important;
text-decoration: none !important;
margin-top: 4px !important;
}

/* 9. Product Details & Excerpt Polish */
.product-details.entry-content-wrap {
display: flex !important;
flex-direction: column !important;
flex-grow: 1 !important;
padding: 0 !important;
margin: 0 !important;
}

.woocommerce-loop-product__title a {
color: #1e293b !important;
text-decoration: none !important;
}

.woocommerce-loop-product__title a:hover {
color: #9e5463 !important;
}

.woocommerce ul.products li.product .price {
font-size: 1.05rem !important;
font-weight: 700 !important;
color: #9e5463 !important;
margin-bottom: 0.35rem !important;
}

/* 10. Left Sidebar Filter Styling */
#secondary.primary-sidebar {
padding-right: 0.75rem !important;
}

#secondary .widget ul {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}

#secondary .widget ul li:last-child {
border-bottom: none !important;
}

#secondary .widget ul li a {
color: #4A5568 !important;
text-decoration: none !important;
font-size: 0.92rem !important;
transition: color 0.2s ease !important;
}

#secondary .widget ul li a:hover,
#secondary .widget ul li.chosen a {
color: #9e5463 !important;
font-weight: 600 !important;
}

#secondary .widget ul li .count {
background: #f5f0e9 !important;
color: #718096 !important;
font-size: 0.78rem !important;
padding: 2px 7px !important;
border-radius: 12px !important;
}

/* Price Filter UI Polish */
.widget_price_filter .ui-slider .ui-slider-range {
background-color: #9e5463 !important;
}

.widget_price_filter .ui-slider .ui-slider-handle {
background-color: #9e5463 !important;
border: 2px solid #ffffff !important;
}

/* ==============================================================
StitchedPK Split Layout:
– Homepage: 4:5 Portrait Ratio (5 columns, 10 showcase products)
– Shop & Categories: 1:1 Square Ratio (3 columns, 22% sidebar)
============================================================== */

#secondary.primary-sidebar {
max-width: 100% !important;
padding-right: 0.5rem !important;
}
}

.woocommerce ul.products li.product:hover {
transform: translateY(-4px) !important;
box-shadow: 0 12px 24px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 7. Product Action Wrap – COMPLETE RESET */
.product-action-wrap {
aspect-ratio: unset !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
background: transparent !important;
border-radius: 0 !important;
overflow: visible !important;
margin-top: 0.5rem !important;
margin-bottom: 0.25rem !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
flex-wrap: wrap !important;
gap: 0.5rem !important;
}

.product-action-wrap .button {
margin: 0 !important;
font-size: 0.85rem !important;
padding: 7px 12px !important;
border-radius: 4px !important;
line-height: 1.2 !important;
}

/* 8. QUICK VIEW BUTTON: White Background with 50% Transparency & Glass Blur */
.kt-woo-quickview-button,
.product-action-wrap .kt-woo-quickview-button,
.woocommerce ul.products li.product .kt-woo-quickview-button,
.woocommerce-loop-product__link .kt-woo-quickview-button {
background: rgba(255, 255, 255, 0.5) !important;
backdrop-filter: blur(5px) !important;
-webkit-backdrop-filter: blur(5px) !important;
color: #1a202c !important;
border: 1px solid rgba(255, 255, 255, 0.85) !important;
border-radius: 4px !important;
padding: 6px 12px !important;
font-size: 0.8rem !important;
font-weight: 600 !important;
letter-spacing: 0.3px !important;
text-transform: capitalize !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
transition: all 0.25s ease-in-out !important;
cursor: pointer !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
}

.kt-woo-quickview-button:hover,
.product-action-wrap .kt-woo-quickview-button:hover,
.woocommerce ul.products li.product .kt-woo-quickview-button:hover {
background: rgba(255, 255, 255, 0.95) !important;
color: #9e5463 !important;
border-color: #9e5463 !important;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15) !important;
transform: translateY(-2px) !important;
}