3-Piece Sharara Suits

/* ==============================================================
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;
}
}

@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;
}
}

/* 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;
}
}

@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;
}
}

/* 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;
}

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;
}

/* 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;
}

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;
}

/* 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;
}

/* 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;
}

/* 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 {
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;
}

/* 10. 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)
============================================================== */

/* 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;
}
}

@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;
}
}

/* 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;
}
}

@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;
}
}

/* 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;
}

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;
}

/* 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;
}

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;
}

/* 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;
}

.kt-woo-quickview-button img {
width: 14px !important;
height: 14px !important;
vertical-align: middle !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 {
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;
}

/* 10. 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)
============================================================== */

/* 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;
}
}

@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;
}
}

/* 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;
}
}

@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;
}
}

/* 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;
}

.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;
}

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;
}

/* 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;
}

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;
}

/* 7. Product Action Wrap – COMPLETE RESET (Zero excess space below buttons) */
.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;
}

.product-action-wrap .kt-woo-quickview-button {
margin: 0 !important;
padding: 6px 10px !important;
font-size: 0.8rem !important;
border-radius: 4px !important;
}

/* 8. 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;
}

/* 9. 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 Premium 4:5 Aspect Ratio, 3 Products Per Row & Sleek Sidebar — */

/* 1. Reduce left sidebar width by 10% to expand main shop area */
@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 ul.products,
.woocommerce-page ul.products,
.woocommerce ul.products.grid-cols,
ul.products.product-archive,
.woocommerce ul.products.grid-lg-col-4,
.woocommerce ul.products.grid-lg-col-3 {
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 ul.products,
.woocommerce-page ul.products,
.woocommerce ul.products.grid-cols,
ul.products.product-archive {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 1.25rem !important;
}
}

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

/* 3. Product Card Container – Tight vertical flow & clean padding */
.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;
}

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

/* 4. 4:5 Aspect Ratio ONLY on product image containers and product link */
.woocommerce ul.products li.product .woocommerce-loop-product__link,
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
.woocommerce-page ul.products li.product .woocommerce-loop-product__link,
.woocommerce-page ul.products li.product a.woocommerce-LoopProduct-link,
.wp-block-woocommerce-product-image,
.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;
}

/* Force 4:5 ratio and crisp rendering on product loop images */
.woocommerce ul.products li.product img,
.woocommerce-loop-product__link img,
.woocommerce-LoopProduct-link img,
.wp-block-woocommerce-product-image img,
.attachment-woocommerce_thumbnail {
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;
image-rendering: -webkit-optimize-contrast !important;
backface-visibility: hidden !important;
transform: translateZ(0) !important;
}

/* Subtle luxury hover zoom on 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) translateZ(0) !important;
}

/* 5. Product Action Wrap – COMPLETE RESET (Zero excess space below buttons) */
.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;
}

.product-action-wrap .kt-woo-quickview-button {
margin: 0 !important;
padding: 6px 10px !important;
font-size: 0.8rem !important;
border-radius: 4px !important;
}

/* 6. 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;
}

/* 7. 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;
}

/* 8. Responsive Homepage 5-column grid layout */
@media (min-width: 1024px) {
.wp-block-woocommerce-product-collection .wc-block-product-template {
display: grid !important;
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
gap: 1.25rem !important;
}
}

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

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

/* — StitchedPK 1:1 Square Ratio, 3 Products Per Line & Sleek Sidebar — */

/* 1. Reduce left sidebar width by 10% to expand main shop area */
@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 ul.products,
.woocommerce-page ul.products,
.woocommerce ul.products.grid-cols,
ul.products.product-archive,
.woocommerce ul.products.grid-lg-col-4,
.woocommerce ul.products.grid-lg-col-3 {
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 ul.products,
.woocommerce-page ul.products,
.woocommerce ul.products.grid-cols,
ul.products.product-archive {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 1.25rem !important;
}
}

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

/* 3. Product Card Container – Clean Vertical Flow & No Excess Space */
.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;
}

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

/* 4. 1:1 Aspect Ratio on Product Image Containers & Links */
.woocommerce ul.products li.product .woocommerce-loop-product__link,
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
.woocommerce-page ul.products li.product .woocommerce-loop-product__link,
.woocommerce-page ul.products li.product a.woocommerce-LoopProduct-link,
.wp-block-woocommerce-product-image,
.wc-block-grid__product-image {
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;
}

/* Force 1:1 ratio and cover fit on product loop images */
.woocommerce ul.products li.product img,
.woocommerce-loop-product__link img,
.woocommerce-LoopProduct-link img,
.wp-block-woocommerce-product-image img,
.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 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;
}

/* 5. Product Action Wrap – COMPLETE RESET (Zero excess space below buttons) */
.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;
}

.product-action-wrap .kt-woo-quickview-button {
margin: 0 !important;
padding: 6px 10px !important;
font-size: 0.8rem !important;
border-radius: 4px !important;
}

/* 6. 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;
}

/* 7. 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;
}

/* 8. Responsive Homepage 5-column grid layout */
@media (min-width: 1024px) {
.wp-block-woocommerce-product-collection .wc-block-product-template {
display: grid !important;
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
gap: 1.25rem !important;
}
}

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

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

/* — StitchedPK Premium 4:5 Aspect Ratio, 3 Products Per Row, Crisp Images & Space Fix — */

/* 1. Reduce left sidebar width by 10% to expand main shop area */
@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 ul.products,
.woocommerce-page ul.products,
.woocommerce ul.products.grid-cols,
ul.products.product-archive,
.woocommerce ul.products.grid-lg-col-4,
.woocommerce ul.products.grid-lg-col-3 {
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 ul.products,
.woocommerce-page ul.products,
.woocommerce ul.products.grid-cols,
ul.products.product-archive {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 1.25rem !important;
}
}

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

/* 3. Product Card Container – Clean Vertical Flow & No Excess Space */
.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;
}

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

/* 4. 4:5 Aspect Ratio ONLY on product image containers and product link */
.woocommerce ul.products li.product .woocommerce-loop-product__link,
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
.woocommerce-page ul.products li.product .woocommerce-loop-product__link,
.woocommerce-page ul.products li.product a.woocommerce-LoopProduct-link,
.wp-block-woocommerce-product-image,
.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;
}

/* Force 4:5 ratio and cover fit on product loop images */
.woocommerce ul.products li.product img,
.woocommerce-loop-product__link img,
.woocommerce-LoopProduct-link img,
.wp-block-woocommerce-product-image img,
.attachment-woocommerce_thumbnail {
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;
image-rendering: -webkit-optimize-contrast !important;
}

/* Subtle luxury hover zoom on 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;
}

/* 5. Product Action Wrap – COMPLETE RESET (Eliminates the giant blank gap!) */
.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;
}

.product-action-wrap .kt-woo-quickview-button {
margin: 0 !important;
padding: 6px 10px !important;
font-size: 0.8rem !important;
border-radius: 4px !important;
}

/* 6. 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;
}

/* 7. 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;
}

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

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

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

/* — StitchedPK Premium 4:5 Aspect Ratio, 3 Products Per Row & Luxury Sidebar — */

/* 1. Reduce left sidebar width by 10% to expand main shop area */
@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 ul.products,
.woocommerce-page ul.products,
.woocommerce ul.products.grid-cols,
ul.products.product-archive,
.woocommerce ul.products.grid-lg-col-4,
.woocommerce ul.products.grid-lg-col-3 {
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 ul.products,
.woocommerce-page ul.products,
.woocommerce ul.products.grid-cols,
ul.products.product-archive {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 1.25rem !important;
}
}

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

/* 3. 4:5 Aspect Ratio on product loop containers & links */
.woocommerce ul.products li.product .woocommerce-loop-product__link,
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
.woocommerce-page ul.products li.product .woocommerce-loop-product__link,
.woocommerce-page ul.products li.product a.woocommerce-LoopProduct-link,
.wp-block-woocommerce-product-image,
.wc-block-grid__product-image,
.product-action-wrap {
aspect-ratio: 4 / 5 !important;
position: relative !important;
display: block !important;
overflow: hidden !important;
border-radius: 6px !important;
background-color: #f7f5f2 !important;
}

/* Force 4:5 ratio and cover fit on product loop images */
.woocommerce ul.products li.product img,
.woocommerce-loop-product__link img,
.woocommerce-LoopProduct-link img,
.wp-block-woocommerce-product-image img,
.attachment-woocommerce_thumbnail {
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;
}

/* Subtle luxury hover zoom on 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;
}

/* Product Card Styling */
.woocommerce ul.products li.product {
transition: transform 0.3s ease, box-shadow 0.3s ease !important;
border: 1px solid rgba(0, 0, 0, 0.05) !important;
border-radius: 8px !important;
padding: 12px !important;
background: #ffffff !important;
}

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

/* 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;
}

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

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

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

/* — StitchedPK Premium 4:5 Aspect Ratio & Luxury Styling — */

/* Force 4:5 ratio on all product loop containers & links */
.woocommerce ul.products li.product .woocommerce-loop-product__link,
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
.woocommerce-page ul.products li.product .woocommerce-loop-product__link,
.woocommerce-page ul.products li.product a.woocommerce-LoopProduct-link,
.wp-block-woocommerce-product-image,
.wc-block-grid__product-image,
.product-action-wrap {
aspect-ratio: 4 / 5 !important;
position: relative !important;
display: block !important;
overflow: hidden !important;
border-radius: 6px !important;
background-color: #f7f5f2 !important;
}

/* Force 4:5 ratio and cover fit on product loop images */
.woocommerce ul.products li.product img,
.woocommerce-loop-product__link img,
.woocommerce-LoopProduct-link img,
.wp-block-woocommerce-product-image img,
.attachment-woocommerce_thumbnail {
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;
}

/* Subtle luxury hover zoom on 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;
}

/* Product Card Styling */
.woocommerce ul.products li.product {
transition: transform 0.3s ease, box-shadow 0.3s ease !important;
border: 1px solid rgba(0, 0, 0, 0.05) !important;
border-radius: 8px !important;
padding: 12px !important;
background: #ffffff !important;
}

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

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

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

#secondary .widget .widget-title {
font-size: 1.05rem !important;
font-weight: 700 !important;
letter-spacing: 0.5px !important;
text-transform: uppercase !important;
margin-bottom: 1rem !important;
padding-bottom: 0.5rem !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.95rem !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.8rem !important;
padding: 2px 8px !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;
}

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

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

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

Find the most exquisite sharara suit pakistan collection designed for festive celebrations and wedding wear at StitchedPk. Our ready-to-wear 3-piece sharara ensembles combine traditional flared silhouettes with contemporary Pakistani tailoring. Each ensemble features an intricately embroidered kurti, voluminous ghera sharara pants, and a matching embellished chiffon dupatta, tailored in our comfortable standard size with Cash on Delivery nationwide.

Trending Pakistani Sharara Dress Designs with Prices
When searching for a luxurious yet accessible pakistani sharara dress with price transparency, StitchedPk offers the ultimate curation of eastern formal wear. The quintessential Pakistani sharara design has evolved from royal heritage into modern festive attire, featuring hand-crafted tilla embroidery, sequin embellishments, and delicate resham work. Whether you are comparing sharara price in pakistan or looking for bespoke-quality finishing, our collection delivers pure chiffon and silk fabrics at direct artisan rates. Every 3-piece suit includes a fully lined shirt, multi-tiered flared bottoms, and a 2.5-meter border-embroidered dupatta, eliminating tailoring delays.

Styling Kurti and Sharara for Mehndi and Festive Functions
A vibrant sharara for mehndi function or festive dholak calls for vivid colors like mustard rust, mint green, and deep maroon. Pair our festive embroidered kurtis with flared shararas for effortless movement and traditional grace. For a youthful festive look, style our short frock with sharara combinations, accented with traditional jhumkas and khussa footwear. Beyond wedding celebrations, explore our complementary 3-piece trouser suits for formal dinner events and our flowing maxi & gowns collection for evening receptions.

All orders are delivered with premium packaging across Karachi, Lahore, Islamabad, Faisalabad, and all major cities in Pakistan within 2 to 4 business days, backed by convenient Cash on Delivery (COD) and responsive WhatsApp customer care.