.elementor-1750 .elementor-element.elementor-element-c6c9598{--display:flex;}.elementor-1750 .elementor-element.elementor-element-c1e6ca4{text-align:center;}.elementor-1750 .elementor-element.elementor-element-c1e6ca4 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:40px;font-weight:300;}.elementor-1750 .elementor-element.elementor-element-61b826e{--display:flex;}.elementor-1750 .elementor-element.elementor-element-5ef2d9d.elementor-element{--align-self:center;}.elementor-1750 .elementor-element.elementor-element-b41660b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1750 .elementor-element.elementor-element-6ad212d.elementor-wc-products ul.products{grid-column-gap:0px;grid-row-gap:76px;}.elementor-1750 .elementor-element.elementor-element-6ad212d a > img{border-style:none;}.elementor-1750 .elementor-element.elementor-element-6ad212d .woocommerce .woocommerce-loop-category__title{color:#FFFFFF;}.elementor-1750 .elementor-element.elementor-element-6ad212d .woocommerce-loop-category__title .count{color:#54595FF7;}.elementor-1750 .elementor-element.elementor-element-3d38e61{--display:flex;}.elementor-1750 .elementor-element.elementor-element-f893c93{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;font-family:"Lato", Sans-serif;font-size:14px;letter-spacing:0.2px;word-spacing:2px;}.elementor-1750 .elementor-element.elementor-element-f893c93 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-1750 .elementor-element.elementor-element-f893c93.elementor-element{--align-self:center;}.elementor-1750 .elementor-element.elementor-element-9207287{--display:flex;}.elementor-1750 .elementor-element.elementor-element-d635782{text-align:center;}.elementor-1750 .elementor-element.elementor-element-d635782 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:40px;font-weight:300;}.elementor-1750 .elementor-element.elementor-element-3765e62{--display:flex;}.elementor-1750 .elementor-element.elementor-element-f8e5be7.elementor-wc-products ul.products li.product{text-align:center;--button-align-display:flex;--button-align-direction:column;--button-align-justify:space-between;}.elementor-1750 .elementor-element.elementor-element-f8e5be7.elementor-wc-products ul.products{grid-column-gap:15px;}.elementor-1750 .elementor-element.elementor-element-f8e5be7.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#040000;margin-bottom:6px;}.elementor-1750 .elementor-element.elementor-element-f8e5be7.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#040000;margin-bottom:6px;}.elementor-1750 .elementor-element.elementor-element-f8e5be7.elementor-wc-products ul.products li.product .star-rating{color:var( --e-global-color-astglobalcolor5 );font-size:0.1em;margin-bottom:0px;}.elementor-1750 .elementor-element.elementor-element-f8e5be7.elementor-wc-products ul.products li.product .star-rating::before{color:var( --e-global-color-astglobalcolor5 );}.elementor-1750 .elementor-element.elementor-element-f8e5be7.elementor-wc-products ul.products li.product .button{color:var( --e-global-color-astglobalcolor5 );background-color:var( --e-global-color-secondary );}.elementor-1750 .elementor-element.elementor-element-f8e5be7.elementor-wc-products ul.products li.product .button:hover{background-color:var( --e-global-color-primary );}.elementor-1750 .elementor-element.elementor-element-f8e5be7.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-1750 .elementor-element.elementor-element-29172e0{--display:flex;}.elementor-1750 .elementor-element.elementor-element-4b43ba3 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-1750 .elementor-element.elementor-element-4b43ba3.elementor-element{--align-self:center;}.elementor-1750 .elementor-element.elementor-element-4b43ba3{text-align:center;}.elementor-1750 .elementor-element.elementor-element-4b43ba3 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:40px;font-weight:300;}.elementor-1750 .elementor-element.elementor-element-d6372b7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1750 .elementor-element.elementor-element-65ed092.elementor-wc-products ul.products{grid-column-gap:0px;grid-row-gap:76px;}.elementor-1750 .elementor-element.elementor-element-65ed092 a > img{border-style:none;}.elementor-1750 .elementor-element.elementor-element-65ed092 .woocommerce .woocommerce-loop-category__title{color:var( --e-global-color-astglobalcolor5 );}.elementor-1750 .elementor-element.elementor-element-65ed092 .woocommerce-loop-category__title .count{color:#54595FF7;}.elementor-1750 .elementor-element.elementor-element-cf1a656{--display:flex;}.elementor-1750 .elementor-element.elementor-element-c757e22{--spacer-size:119px;}@media(max-width:1024px){.elementor-1750 .elementor-element.elementor-element-f8e5be7.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-1750 .elementor-element.elementor-element-f8e5be7.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for wc-categories, class: .elementor-element-6ad212d *//* Scoped CSS for the category widget only */ #category .woocommerce ul.products li.product-category, #category .wc-block-product-category, #category .elementor-products-grid ul.products li.product-category, #category .elementor-widget-wc-categories .woocommerce .product-category { position: relative; overflow: hidden; } /* Remove default hover effects that might interfere */ #category .woocommerce ul.products li.product-category a:hover, #category .wc-block-product-category a:hover, #category .elementor-products-grid ul.products li.product-category a:hover, #category .elementor-widget-wc-categories .woocommerce .product-category a:hover { background: transparent; } /* Image styling - no zoom effect */ #category .woocommerce ul.products li.product-category img, #category .wc-block-product-category img, #category .elementor-products-grid ul.products li.product-category img, #category .elementor-widget-wc-categories .woocommerce .product-category img { margin: 0; } /* Gradient overlay */ #category .woocommerce ul.products li.product-category a::before, #category .wc-block-product-category a::before, #category .elementor-products-grid ul.products li.product-category a::before, #category .elementor-widget-wc-categories .woocommerce .product-category a::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.2) 40%, rgba(0,0,0,0.4) 70%, rgba(0,0,0,0.6) 100%); z-index: 1; transition: background 0.3s ease; pointer-events: none; } /* Darker overlay on hover */ #category .woocommerce ul.products li.product-category a:hover::before, #category .wc-block-product-category a:hover::before, #category .elementor-products-grid ul.products li.product-category a:hover::before, #category .elementor-widget-wc-categories .woocommerce .product-category a:hover::before { background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.3) 40%, rgba(0,0,0,0.5) 70%, rgba(0,0,0,0.7) 100%); } /* Arrow in bottom right corner using ::after pseudo-element - UPDATED ANIMATION */ #category .woocommerce ul.products li.product-category a::after, #category .wc-block-product-category a::after, #category .elementor-products-grid ul.products li.product-category a::after, #category .elementor-widget-wc-categories .woocommerce .product-category a::after { content: ''; position: absolute; bottom: 18px; right: 18px; width: 26px; height: 26px; border-radius: 50%; border: 1.5px solid white; z-index: 3; opacity: 0; transform: scale(0.7); transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 5l7 7-7 7'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: 14px 14px; pointer-events: none; } /* Show arrow on hover - UPDATED ANIMATION */ #category .woocommerce ul.products li.product-category a:hover::after, #category .wc-block-product-category a:hover::after, #category .elementor-products-grid ul.products li.product-category a:hover::after, #category .elementor-widget-wc-categories .woocommerce .product-category a:hover::after { opacity: 1; transform: scale(1); } /* Style product category title - explicitly positioned bottom left */ #category .woocommerce ul.products li.product-category .woocommerce-loop-category__title, #category .wc-block-product-category__title, #category .elementor-products-grid ul.products li.product-category h2, #category .elementor-widget-wc-categories .woocommerce .product-category h2, #category .woocommerce-loop-category__title { position: absolute; bottom: 0; left: 0; width: auto; padding: 18px; color: white; text-transform: uppercase; font-family: 'Lato', sans-serif; font-weight: 400; letter-spacing: 2px; z-index: 2; margin: 0; font-size: 16px; background: transparent; text-align: left; transition: color 0.3s ease; } /* DISABLE PRODUCT COUNT - Hide the count that appears in parentheses */ #category .woocommerce ul.products li.product-category .woocommerce-loop-category__title mark, #category .wc-block-product-category__title mark, #category .elementor-products-grid ul.products li.product-category h2 mark, #category .elementor-widget-wc-categories .woocommerce .product-category h2 mark, #category .woocommerce-loop-category__title mark, #category mark.count { display: none !important; } /* FIX: Prevent white box on hover for all possible title elements */ #category .woocommerce ul.products li.product-category a:hover .woocommerce-loop-category__title, #category .wc-block-product-category a:hover .wc-block-product-category__title, #category .elementor-products-grid ul.products li.product-category a:hover h2, #category .elementor-widget-wc-categories .woocommerce .product-category a:hover h2, #category a:hover .woocommerce-loop-category__title, #category .elementor ul.products li.product a:hover h2, #category .woocommerce ul.products li.product-category a:hover h2 { background: transparent !important; color: white !important; } /* Responsive adjustments */ @media (max-width: 768px) { #category .woocommerce ul.products li.product-category .woocommerce-loop-category__title, #category .wc-block-product-category__title, #category .elementor-products-grid ul.products li.product-category h2, #category .elementor-widget-wc-categories .woocommerce .product-category h2 { font-size: 14px; padding: 12px; } #category .woocommerce ul.products li.product-category a::after, #category .wc-block-product-category a::after, #category .elementor-products-grid ul.products li.product-category a::after, #category .elementor-widget-wc-categories .woocommerce .product-category a::after { bottom: 12px; right: 12px; width: 22px; height: 22px; background-size: 12px 12px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b41660b *//* Main styling for WooCommerce product categories */ .woocommerce ul.products li.product-category, .wc-block-product-category, .elementor-products-grid ul.products li.product-category, .elementor-widget-wc-categories .woocommerce .product-category { position: relative; overflow: hidden; } /* Remove default hover effects that might interfere */ .woocommerce ul.products li.product-category a:hover, .wc-block-product-category a:hover, .elementor-products-grid ul.products li.product-category a:hover, .elementor-widget-wc-categories .woocommerce .product-category a:hover { background: transparent; } /* Image styling - no zoom effect */ .woocommerce ul.products li.product-category img, .wc-block-product-category img, .elementor-products-grid ul.products li.product-category img, .elementor-widget-wc-categories .woocommerce .product-category img { margin: 0; } /* Gradient overlay */ .woocommerce ul.products li.product-category a::before, .wc-block-product-category a::before, .elementor-products-grid ul.products li.product-category a::before, .elementor-widget-wc-categories .woocommerce .product-category a::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.2) 40%, rgba(0,0,0,0.4) 70%, rgba(0,0,0,0.6) 100%); z-index: 1; transition: background 0.3s ease; pointer-events: none; } /* Darker overlay on hover */ .woocommerce ul.products li.product-category a:hover::before, .wc-block-product-category a:hover::before, .elementor-products-grid ul.products li.product-category a:hover::before, .elementor-widget-wc-categories .woocommerce .product-category a:hover::before { background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.3) 40%, rgba(0,0,0,0.5) 70%, rgba(0,0,0,0.7) 100%); } /* Arrow in bottom right corner using ::after pseudo-element - UPDATED ANIMATION */ .woocommerce ul.products li.product-category a::after, .wc-block-product-category a::after, .elementor-products-grid ul.products li.product-category a::after, .elementor-widget-wc-categories .woocommerce .product-category a::after { content: ''; position: absolute; bottom: 18px; right: 18px; width: 26px; height: 26px; border-radius: 50%; border: 1.5px solid white; z-index: 3; opacity: 0; transform: scale(0.7); transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 5l7 7-7 7'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: 14px 14px; pointer-events: none; } /* Show arrow on hover - UPDATED ANIMATION */ .woocommerce ul.products li.product-category a:hover::after, .wc-block-product-category a:hover::after, .elementor-products-grid ul.products li.product-category a:hover::after, .elementor-widget-wc-categories .woocommerce .product-category a:hover::after { opacity: 1; transform: scale(1); } /* Style product category title - explicitly positioned bottom left */ .woocommerce ul.products li.product-category .woocommerce-loop-category__title, .wc-block-product-category__title, .elementor-products-grid ul.products li.product-category h2, .elementor-widget-wc-categories .woocommerce .product-category h2, .woocommerce-loop-category__title { position: absolute; bottom: 0; left: 0; width: auto; padding: 18px; color: white; text-transform: uppercase; font-family: 'Lato', sans-serif; font-weight: 400; letter-spacing: 2px; z-index: 2; margin: 0; font-size: 16px; background: transparent; text-align: left; transition: color 0.3s ease; } /* DISABLE PRODUCT COUNT - Hide the count that appears in parentheses */ .woocommerce ul.products li.product-category .woocommerce-loop-category__title mark, .wc-block-product-category__title mark, .elementor-products-grid ul.products li.product-category h2 mark, .elementor-widget-wc-categories .woocommerce .product-category h2 mark, .woocommerce-loop-category__title mark, mark.count { display: none !important; visibility: hidden !important; font-size: 0 !important; opacity: 0 !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; position: absolute !important; overflow: hidden !important; } /* Responsive adjustments */ @media (max-width: 768px) { .woocommerce ul.products li.product-category .woocommerce-loop-category__title, .wc-block-product-category__title, .elementor-products-grid ul.products li.product-category h2, .elementor-widget-wc-categories .woocommerce .product-category h2 { font-size: 14px; padding: 12px; } .woocommerce ul.products li.product-category a::after, .wc-block-product-category a::after, .elementor-products-grid ul.products li.product-category a::after, .elementor-widget-wc-categories .woocommerce .product-category a::after { bottom: 12px; right: 12px; width: 22px; height: 22px; background-size: 12px 12px; } } .elementor ul.products li.product a:hover h2.woocommerce-loop-category__title { background: transparent !important; color: white !important; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-65ed092 *//* Scoped CSS for the category widget only */ #category .woocommerce ul.products li.product-category, #category .wc-block-product-category, #category .elementor-products-grid ul.products li.product-category, #category .elementor-widget-wc-categories .woocommerce .product-category { position: relative; overflow: hidden; } /* Remove default hover effects that might interfere */ #category .woocommerce ul.products li.product-category a:hover, #category .wc-block-product-category a:hover, #category .elementor-products-grid ul.products li.product-category a:hover, #category .elementor-widget-wc-categories .woocommerce .product-category a:hover { background: transparent; } /* Image styling - no zoom effect */ #category .woocommerce ul.products li.product-category img, #category .wc-block-product-category img, #category .elementor-products-grid ul.products li.product-category img, #category .elementor-widget-wc-categories .woocommerce .product-category img { margin: 0; } /* Gradient overlay */ #category .woocommerce ul.products li.product-category a::before, #category .wc-block-product-category a::before, #category .elementor-products-grid ul.products li.product-category a::before, #category .elementor-widget-wc-categories .woocommerce .product-category a::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.2) 40%, rgba(0,0,0,0.4) 70%, rgba(0,0,0,0.6) 100%); z-index: 1; transition: background 0.3s ease; pointer-events: none; } /* Darker overlay on hover */ #category .woocommerce ul.products li.product-category a:hover::before, #category .wc-block-product-category a:hover::before, #category .elementor-products-grid ul.products li.product-category a:hover::before, #category .elementor-widget-wc-categories .woocommerce .product-category a:hover::before { background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.3) 40%, rgba(0,0,0,0.5) 70%, rgba(0,0,0,0.7) 100%); } /* Arrow in bottom right corner using ::after pseudo-element - UPDATED ANIMATION */ #category .woocommerce ul.products li.product-category a::after, #category .wc-block-product-category a::after, #category .elementor-products-grid ul.products li.product-category a::after, #category .elementor-widget-wc-categories .woocommerce .product-category a::after { content: ''; position: absolute; bottom: 18px; right: 18px; width: 26px; height: 26px; border-radius: 50%; border: 1.5px solid white; z-index: 3; opacity: 0; transform: scale(0.7); transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 5l7 7-7 7'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: 14px 14px; pointer-events: none; } /* Show arrow on hover - UPDATED ANIMATION */ #category .woocommerce ul.products li.product-category a:hover::after, #category .wc-block-product-category a:hover::after, #category .elementor-products-grid ul.products li.product-category a:hover::after, #category .elementor-widget-wc-categories .woocommerce .product-category a:hover::after { opacity: 1; transform: scale(1); } /* Style product category title - explicitly positioned bottom left */ #category .woocommerce ul.products li.product-category .woocommerce-loop-category__title, #category .wc-block-product-category__title, #category .elementor-products-grid ul.products li.product-category h2, #category .elementor-widget-wc-categories .woocommerce .product-category h2, #category .woocommerce-loop-category__title { position: absolute; bottom: 0; left: 0; width: auto; padding: 18px; color: white; text-transform: uppercase; font-family: 'Lato', sans-serif; font-weight: 400; letter-spacing: 2px; z-index: 2; margin: 0; font-size: 16px; background: transparent; text-align: left; transition: color 0.3s ease; } /* DISABLE PRODUCT COUNT - Hide the count that appears in parentheses */ #category .woocommerce ul.products li.product-category .woocommerce-loop-category__title mark, #category .wc-block-product-category__title mark, #category .elementor-products-grid ul.products li.product-category h2 mark, #category .elementor-widget-wc-categories .woocommerce .product-category h2 mark, #category .woocommerce-loop-category__title mark, #category mark.count { display: none !important; } /* FIX: Prevent white box on hover for all possible title elements */ #category .woocommerce ul.products li.product-category a:hover .woocommerce-loop-category__title, #category .wc-block-product-category a:hover .wc-block-product-category__title, #category .elementor-products-grid ul.products li.product-category a:hover h2, #category .elementor-widget-wc-categories .woocommerce .product-category a:hover h2, #category a:hover .woocommerce-loop-category__title, #category .elementor ul.products li.product a:hover h2, #category .woocommerce ul.products li.product-category a:hover h2 { background: transparent !important; color: white !important; } /* Responsive adjustments */ @media (max-width: 768px) { #category .woocommerce ul.products li.product-category .woocommerce-loop-category__title, #category .wc-block-product-category__title, #category .elementor-products-grid ul.products li.product-category h2, #category .elementor-widget-wc-categories .woocommerce .product-category h2 { font-size: 14px; padding: 12px; } #category .woocommerce ul.products li.product-category a::after, #category .wc-block-product-category a::after, #category .elementor-products-grid ul.products li.product-category a::after, #category .elementor-widget-wc-categories .woocommerce .product-category a::after { bottom: 12px; right: 12px; width: 22px; height: 22px; background-size: 12px 12px; } }/* End custom CSS */