.elementor-15 .elementor-element.elementor-element-97c9102{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15 .elementor-element.elementor-element-614f668{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15 .elementor-element.elementor-element-f753f0c{--display:flex;}.elementor-15 .elementor-element.elementor-element-84c12c9{--display:flex;}.elementor-15 .elementor-element.elementor-element-3347d88{--display:flex;}.elementor-15 .elementor-element.elementor-element-cac1a22{--display:flex;}.elementor-15 .elementor-element.elementor-element-ce14ef3{--display:flex;}.elementor-15 .elementor-element.elementor-element-c3d584b{--display:flex;}.elementor-15 .elementor-element.elementor-element-3f20ab6{--e-n-carousel-swiper-slides-to-display:6;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-size:1px;--e-n-carousel-arrow-normal-color:#000000;--e-n-carousel-arrow-hover-color:#000DFF;}.elementor-15 .elementor-element.elementor-element-78eb532{--display:flex;}.elementor-15 .elementor-element.elementor-element-4dfea55{--e-image-carousel-slides-to-show:1;}.elementor-15 .elementor-element.elementor-element-4dfea55 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-15 .elementor-element.elementor-element-4dfea55 .elementor-swiper-button.elementor-swiper-button-next{color:#000000;}.elementor-15 .elementor-element.elementor-element-4dfea55 .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-15 .elementor-element.elementor-element-4dfea55 .elementor-swiper-button.elementor-swiper-button-next svg{fill:#000000;}.elementor-15 .elementor-element.elementor-element-b7ff6e3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15 .elementor-element.elementor-element-91a450e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15 .elementor-element.elementor-element-da14512{text-align:center;}.elementor-15 .elementor-element.elementor-element-da14512 .elementor-heading-title{font-family:"Alegreya SC", Sans-serif;}.elementor-15 .elementor-element.elementor-element-0c73488{text-align:center;font-style:italic;}.elementor-15 .elementor-element.elementor-element-f31249a{--display:flex;}.elementor-15 .elementor-element.elementor-element-d0d83d1{--display:flex;}.elementor-15 .elementor-element.elementor-element-c0a94d1{--display:flex;}.elementor-15 .elementor-element.elementor-element-235bcde{--display:flex;}.elementor-15 .elementor-element.elementor-element-9cb10c5{--display:flex;}.elementor-15 .elementor-element.elementor-element-d8f1342{--display:flex;}.elementor-15 .elementor-element.elementor-element-990946c{--display:flex;}.elementor-15 .elementor-element.elementor-element-2a826bf{--e-n-carousel-swiper-slides-to-display:7;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-normal-color:#000000;--e-n-carousel-arrow-hover-color:#000DFF;}.elementor-15 .elementor-element.elementor-element-3424555{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15 .elementor-element.elementor-element-39e6657{text-align:center;}.elementor-15 .elementor-element.elementor-element-39e6657 .elementor-heading-title{font-family:"Alegreya SC", Sans-serif;}.elementor-15 .elementor-element.elementor-element-d7e9059{text-align:center;font-style:italic;}.elementor-15 .elementor-element.elementor-element-70aa121{--display:flex;}.elementor-15 .elementor-element.elementor-element-51c196d{--display:flex;}.elementor-15 .elementor-element.elementor-element-7785207{--display:flex;}.elementor-15 .elementor-element.elementor-element-1626fee{--display:flex;}.elementor-15 .elementor-element.elementor-element-532fd3c{--display:flex;}.elementor-15 .elementor-element.elementor-element-6641d47{--display:flex;}.elementor-15 .elementor-element.elementor-element-b1019ed{--display:flex;}.elementor-15 .elementor-element.elementor-element-ea5d82c{--display:flex;}.elementor-15 .elementor-element.elementor-element-bb4b975{--display:flex;}.elementor-15 .elementor-element.elementor-element-297a19f{--display:flex;}.elementor-15 .elementor-element.elementor-element-508221d{--e-n-carousel-swiper-slides-to-display:7;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-normal-color:#000000;--e-n-carousel-arrow-hover-color:#000DFF;}.elementor-15 .elementor-element.elementor-element-4f8a20e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15 .elementor-element.elementor-element-3d88bef{text-align:center;}.elementor-15 .elementor-element.elementor-element-3d88bef .elementor-heading-title{font-family:"Alegreya SC", Sans-serif;}.elementor-15 .elementor-element.elementor-element-c88aa91{text-align:center;font-style:italic;}.elementor-15 .elementor-element.elementor-element-c0890dc .product-slider .slick-arrow{color:#dddddd;background-color:#ffffff !important;}.elementor-15 .elementor-element.elementor-element-c0890dc .product-slider .slick-dots li button{background-color:#ffffff !important;}.elementor-15 .elementor-element.elementor-element-c0890dc .product-slider .slick-arrow:hover{color:#23252a;background-color:#ffffff !important;}.elementor-15 .elementor-element.elementor-element-c0890dc .product-slider .slick-dots li button:hover{background-color:#282828 !important;}.elementor-15 .elementor-element.elementor-element-c0890dc .product-slider .slick-dots li.slick-active button{background-color:#282828 !important;}.elementor-15 .elementor-element.elementor-element-c0890dc .product-item .product-inner .image-wrap{background-color:#ffffff !important;}.elementor-15 .elementor-element.elementor-element-c0890dc .product-item .product-inner .content{background-color:#ffffff !important;}.elementor-15 .elementor-element.elementor-element-c0890dc .product-item .product-inner .content .title a{color:#444444;}.elementor-15 .elementor-element.elementor-element-c0890dc .product-item .product-inner .content .price {color:#444444;}.elementor-15 .elementor-element.elementor-element-c0890dc .product-item .product-inner .content .price .amount{color:#444444;}.elementor-15 .elementor-element.elementor-element-c0890dc .product-item .product-inner .content .title a:hover{color:#dc9a0e;}.elementor-15 .elementor-element.elementor-element-c0890dc .product-item .product-inner .product_information_area .content{background-color:#ffffff !important;}.elementor-15 .elementor-element.elementor-element-c0890dc .product-item .actions a, .elementor-15 .elementor-element.elementor-element-c0890dc .product-item .woocommerce.compare-button a.button, .elementor-15 .elementor-element.elementor-element-c0890dc .product-item .actions a::before{color:#444444;}.elementor-15 .elementor-element.elementor-element-c0890dc .product-item .actions{background-color:#ffffff;}.elementor-15 .elementor-element.elementor-element-c0890dc .product-item .actions a::before,.elementor-15 .elementor-element.elementor-element-c0890dc .product-item .actions a{font-size:16px;}.elementor-15 .elementor-element.elementor-element-c0890dc .product-item .actions a:hover, .elementor-15 .elementor-element.elementor-element-c0890dc .product-item .woocommerce.compare-button a.button:hover, .elementor-15 .elementor-element.elementor-element-c0890dc .product-item .actions a:hover::before{color:#dc9a0e;}.elementor-15 .elementor-element.elementor-element-c0890dc .product-item .actions:hover{background-color:#ffffff;}.elementor-15 .elementor-element.elementor-element-fe36572{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15 .elementor-element.elementor-element-f4604cc .uael-fancy-text-wrap {text-align:center;}.elementor-15 .elementor-element.elementor-element-f4604cc.uael-fancytext-stack-yes .uael-fancy-stack {margin-top:0px;margin-bottom:0px;}.elementor-15 .elementor-element.elementor-element-f4604cc.uael-fancytext-stack-yes .uael-fancy-stack .uael-fancy-heading.uael-fancy-text-main{margin-left:0px;margin-right:0px;}.elementor-15 .elementor-element.elementor-element-f4604cc .uael-fancy-text-main{margin-left:0px;margin-right:0px;}.elementor-15 .elementor-element.elementor-element-f4604cc .uael-fancy-heading{color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-f4604cc .uael-fancy-heading, .elementor-15 .elementor-element.elementor-element-f4604cc .uael-fancy-heading .uael-slide_text{font-family:"Amiri", Sans-serif;line-height:0px;}.elementor-15 .elementor-element.elementor-element-f4604cc .uael-fancy-heading.uael-fancy-text-main, .elementor-15 .elementor-element.elementor-element-f4604cc .uael-fancy-heading.uael-fancy-text-main .uael-slide_text{font-family:"Aboreto", Sans-serif;font-weight:900;}.elementor-15 .elementor-element.elementor-element-efee896{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15 .elementor-element.elementor-element-6434f6d{--spacer-size:30px;}.elementor-15 .elementor-element.elementor-element-e9d7089{--display:flex;}.elementor-15 .elementor-element.elementor-element-000efab .twentytwenty-before-label, .elementor-15 .elementor-element.elementor-element-000efab .twentytwenty-after-label{align-items:flex-start;}.elementor-15 .elementor-element.elementor-element-000efab .twentytwenty-before-label:before{content:"Before";}.elementor-15 .elementor-element.elementor-element-000efab .twentytwenty-after-label:before{content:"After";}.elementor-15 .elementor-element.elementor-element-000efab{margin:auto;}.elementor-15 .elementor-element.elementor-element-000efab .twentytwenty-handle{border-color:#ffffff;border-width:5px;width:40px;height:40px;margin-left:calc( -40px/2 - 5px );margin-top:calc( -40px/2 - 5px );border-radius:100%;}.elementor-15 .elementor-element.elementor-element-000efab .twentytwenty-handle::before{background:#ffffff;}.elementor-15 .elementor-element.elementor-element-000efab .twentytwenty-handle::after{background:#ffffff;}body:not(.rtl) .elementor-15 .elementor-element.elementor-element-000efab .twentytwenty-handle .twentytwenty-left-arrow{border-right-color:#ffffff;margin-right:calc(6px/2);}body:not(.rtl) .elementor-15 .elementor-element.elementor-element-000efab .twentytwenty-handle .twentytwenty-right-arrow{border-left-color:#ffffff;margin-left:calc(6px/2);}.rtl .elementor-15 .elementor-element.elementor-element-000efab .twentytwenty-handle .twentytwenty-right-arrow{border-right-color:#ffffff;margin-right:calc(6px/2);}.rtl .elementor-15 .elementor-element.elementor-element-000efab .twentytwenty-handle .twentytwenty-left-arrow{border-left-color:#ffffff;margin-left:calc(6px/2);}.elementor-15 .elementor-element.elementor-element-000efab .twentytwenty-handle .twentytwenty-up-arrow{border-bottom-color:#ffffff;}.elementor-15 .elementor-element.elementor-element-000efab .twentytwenty-handle .twentytwenty-down-arrow{border-top-color:#ffffff;}.elementor-15 .elementor-element.elementor-element-000efab .twentytwenty-horizontal .twentytwenty-handle::before{width:5px;margin-left:calc( -5px/2 );}.elementor-15 .elementor-element.elementor-element-000efab .twentytwenty-horizontal .twentytwenty-handle::after{width:5px;margin-left:calc( -5px/2 );}.elementor-15 .elementor-element.elementor-element-000efab .twentytwenty-vertical .twentytwenty-handle::before{height:5px;margin-top:calc( -5px/2 );}.elementor-15 .elementor-element.elementor-element-000efab .twentytwenty-vertical .twentytwenty-handle::after{height:5px;margin-top:calc( -5px/2 );}.elementor-15 .elementor-element.elementor-element-000efab .twentytwenty-horizontal .twentytwenty-handle:before{margin-bottom:calc( ( 40px + ( 5px * 2 ) ) / 2 );}.elementor-15 .elementor-element.elementor-element-000efab .twentytwenty-horizontal .twentytwenty-handle:after{margin-top:calc( ( 40px + ( 5px * 2 ) ) / 2 );}.elementor-15 .elementor-element.elementor-element-000efab .twentytwenty-vertical .twentytwenty-handle:before{margin-left:calc( ( 40px + ( 5px * 2 ) ) / 2 );}.elementor-15 .elementor-element.elementor-element-000efab .twentytwenty-vertical .twentytwenty-handle:after{margin-right:calc( ( 40px + ( 5px * 2 ) ) / 2 );}.elementor-15 .elementor-element.elementor-element-000efab .twentytwenty-left-arrow, .elementor-15 .elementor-element.elementor-element-000efab .twentytwenty-right-arrow, .elementor-15 .elementor-element.elementor-element-000efab .twentytwenty-up-arrow, .elementor-15 .elementor-element.elementor-element-000efab .twentytwenty-down-arrow{border-width:6px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-15 .elementor-element.elementor-element-3f20ab6{--e-n-carousel-swiper-slides-to-display:4;}.elementor-15 .elementor-element.elementor-element-2a826bf{--e-n-carousel-swiper-slides-to-display:4;}.elementor-15 .elementor-element.elementor-element-508221d{--e-n-carousel-swiper-slides-to-display:4;}}@media(max-width:767px){.elementor-15 .elementor-element.elementor-element-f25e79b{width:initial;max-width:initial;}.elementor-15 .elementor-element.elementor-element-3f20ab6{--e-n-carousel-swiper-slides-to-display:2;padding:10px 10px 10px 10px;--e-n-carousel-arrow-prev-top-position:-48px;--e-n-carousel-arrow-next-top-position:-48px;}.elementor-15 .elementor-element.elementor-element-4dfea55 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-15 .elementor-element.elementor-element-4dfea55 .elementor-swiper-button.elementor-swiper-button-next{font-size:1px;}.elementor-15 .elementor-element.elementor-element-4dfea55 .swiper-pagination-bullet{width:5px;height:5px;}.elementor-15 .elementor-element.elementor-element-f31249a{--min-height:0px;}.elementor-15 .elementor-element.elementor-element-2a826bf{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-swiper-slides-gap:0px;padding:10px 10px 10px 10px;--e-n-carousel-arrow-prev-top-position:-40px;--e-n-carousel-arrow-next-top-position:-40px;}.elementor-15 .elementor-element.elementor-element-508221d{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-swiper-slides-gap:0px;padding:10px 10px 10px 10px;--e-n-carousel-arrow-prev-top-position:-40px;--e-n-carousel-arrow-next-top-position:-40px;}}/* Start custom CSS for wp-widget-woocommerce_product_search, class: .elementor-element-3aed31c *//* ======================================= DARK BLUE & GLOSSY WOOCOMMERCE SEARCH BAR ======================================= */ /* Define variables for easy color changes */ :root { --dark-blue: #004c99; /* Deep, primary blue */ --light-blue: #0066cc; /* Slightly lighter shade for gradients/hover */ --highlight-blue: #2a81cc; /* Lighter shade for the "gloss" effect */ } /* 1. Main Form Container Styling (The Wrapper) */ .woocommerce-product-search { display: flex; max-width: 650px; margin: 20px auto; border: 2px solid var(--dark-blue); /* Border matching the main color */ border-radius: 30px; overflow: hidden; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); /* Deep shadow for 3D/glossy effect */ } /* 2. Search Input Field Styling */ .woocommerce-product-search .search-field { flex-grow: 1; padding: 12px 20px; font-size: 16px; line-height: 1.5; background-color: #ffffff; /* Clean white input background */ color: #333; border: none; box-shadow: none; outline: none; border-radius: 0; } /* 3. Search Submit Button Styling */ .woocommerce-product-search button[type="submit"] { flex-shrink: 0; color: white; padding: 12px 18px; font-size: 16px; text-transform: uppercase; font-weight: 600; cursor: pointer; border: none; border-radius: 0; /* Glossy Effect: Use a slight gradient for shine */ background: var(--dark-blue); background-image: linear-gradient( to bottom, var(--highlight-blue) 0%, /* Lightest blue at the top for shine */ var(--light-blue) 50%, var(--dark-blue) 100% /* Darkest blue at the bottom */ ); /* Smooth transition for the hover effect */ transition: all 0.3s ease; } /* 4. Button Hover Effect: Darken the button and remove some gloss */ .woocommerce-product-search button[type="submit"]:hover { background: var(--dark-blue); background-image: linear-gradient( to bottom, var(--light-blue) 0%, var(--dark-blue) 100% ); box-shadow: 0 0 8px rgba(0, 0, 0, 0.5) inset; /* Subtle inner shadow */ } /* 5. Optional: Placeholder Text Color/Style */ .woocommerce-product-search .search-field::placeholder { color: #999; font-style: italic; opacity: 1; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f25e79b *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-f25e79b img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-f25e79b img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-f25e79b .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-f25e79b .woocommerce-loop-category__title { text-align: center; } /* Target the container generated by the shortcode */ .woocommerce ul.products { max-width: 300px; /* Adjust this value to your desired width */ margin-left: auto; margin-right: auto; } /* Optional: To ensure the single column item itself doesn't stretch beyond the container */ .woocommerce ul.products li.product-category { width: 100% !important; /* Ensure the item fills the new, reduced container width */ }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-4fd288d *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-4fd288d img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-4fd288d img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-4fd288d .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-4fd288d .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6f4e343 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-6f4e343 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-6f4e343 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-6f4e343 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-6f4e343 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-9abc080 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-9abc080 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-9abc080 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-9abc080 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-9abc080 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f3c8c8a *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-f3c8c8a img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-f3c8c8a img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-f3c8c8a .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-f3c8c8a .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-faae22a *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-faae22a img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-faae22a img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-faae22a .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-faae22a .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f25e79b *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-f25e79b img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-f25e79b img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-f25e79b .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-f25e79b .woocommerce-loop-category__title { text-align: center; } /* Target the container generated by the shortcode */ .woocommerce ul.products { max-width: 300px; /* Adjust this value to your desired width */ margin-left: auto; margin-right: auto; } /* Optional: To ensure the single column item itself doesn't stretch beyond the container */ .woocommerce ul.products li.product-category { width: 100% !important; /* Ensure the item fills the new, reduced container width */ }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-4fd288d *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-4fd288d img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-4fd288d img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-4fd288d .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-4fd288d .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6f4e343 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-6f4e343 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-6f4e343 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-6f4e343 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-6f4e343 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-9abc080 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-9abc080 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-9abc080 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-9abc080 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-9abc080 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f3c8c8a *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-f3c8c8a img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-f3c8c8a img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-f3c8c8a .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-f3c8c8a .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-faae22a *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-faae22a img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-faae22a img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-faae22a .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-faae22a .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f25e79b *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-f25e79b img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-f25e79b img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-f25e79b .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-f25e79b .woocommerce-loop-category__title { text-align: center; } /* Target the container generated by the shortcode */ .woocommerce ul.products { max-width: 300px; /* Adjust this value to your desired width */ margin-left: auto; margin-right: auto; } /* Optional: To ensure the single column item itself doesn't stretch beyond the container */ .woocommerce ul.products li.product-category { width: 100% !important; /* Ensure the item fills the new, reduced container width */ }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-4fd288d *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-4fd288d img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-4fd288d img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-4fd288d .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-4fd288d .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6f4e343 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-6f4e343 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-6f4e343 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-6f4e343 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-6f4e343 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-9abc080 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-9abc080 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-9abc080 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-9abc080 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-9abc080 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f3c8c8a *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-f3c8c8a img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-f3c8c8a img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-f3c8c8a .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-f3c8c8a .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-faae22a *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-faae22a img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-faae22a img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-faae22a .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-faae22a .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f25e79b *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-f25e79b img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-f25e79b img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-f25e79b .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-f25e79b .woocommerce-loop-category__title { text-align: center; } /* Target the container generated by the shortcode */ .woocommerce ul.products { max-width: 300px; /* Adjust this value to your desired width */ margin-left: auto; margin-right: auto; } /* Optional: To ensure the single column item itself doesn't stretch beyond the container */ .woocommerce ul.products li.product-category { width: 100% !important; /* Ensure the item fills the new, reduced container width */ }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-4fd288d *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-4fd288d img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-4fd288d img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-4fd288d .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-4fd288d .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6f4e343 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-6f4e343 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-6f4e343 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-6f4e343 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-6f4e343 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-9abc080 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-9abc080 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-9abc080 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-9abc080 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-9abc080 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f3c8c8a *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-f3c8c8a img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-f3c8c8a img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-f3c8c8a .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-f3c8c8a .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-faae22a *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-faae22a img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-faae22a img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-faae22a .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-faae22a .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f25e79b *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-f25e79b img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-f25e79b img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-f25e79b .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-f25e79b .woocommerce-loop-category__title { text-align: center; } /* Target the container generated by the shortcode */ .woocommerce ul.products { max-width: 300px; /* Adjust this value to your desired width */ margin-left: auto; margin-right: auto; } /* Optional: To ensure the single column item itself doesn't stretch beyond the container */ .woocommerce ul.products li.product-category { width: 100% !important; /* Ensure the item fills the new, reduced container width */ }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-4fd288d *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-4fd288d img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-4fd288d img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-4fd288d .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-4fd288d .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6f4e343 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-6f4e343 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-6f4e343 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-6f4e343 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-6f4e343 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-9abc080 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-9abc080 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-9abc080 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-9abc080 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-9abc080 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f3c8c8a *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-f3c8c8a img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-f3c8c8a img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-f3c8c8a .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-f3c8c8a .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-faae22a *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-faae22a img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-faae22a img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-faae22a .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-faae22a .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f25e79b *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-f25e79b img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-f25e79b img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-f25e79b .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-f25e79b .woocommerce-loop-category__title { text-align: center; } /* Target the container generated by the shortcode */ .woocommerce ul.products { max-width: 300px; /* Adjust this value to your desired width */ margin-left: auto; margin-right: auto; } /* Optional: To ensure the single column item itself doesn't stretch beyond the container */ .woocommerce ul.products li.product-category { width: 100% !important; /* Ensure the item fills the new, reduced container width */ }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-4fd288d *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-4fd288d img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-4fd288d img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-4fd288d .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-4fd288d .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6f4e343 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-6f4e343 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-6f4e343 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-6f4e343 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-6f4e343 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-9abc080 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-9abc080 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-9abc080 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-9abc080 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-9abc080 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f3c8c8a *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-f3c8c8a img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-f3c8c8a img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-f3c8c8a .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-f3c8c8a .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-faae22a *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-faae22a img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-faae22a img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-faae22a .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-faae22a .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f25e79b *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-f25e79b img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-f25e79b img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-f25e79b .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-f25e79b .woocommerce-loop-category__title { text-align: center; } /* Target the container generated by the shortcode */ .woocommerce ul.products { max-width: 300px; /* Adjust this value to your desired width */ margin-left: auto; margin-right: auto; } /* Optional: To ensure the single column item itself doesn't stretch beyond the container */ .woocommerce ul.products li.product-category { width: 100% !important; /* Ensure the item fills the new, reduced container width */ }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-4fd288d *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-4fd288d img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-4fd288d img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-4fd288d .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-4fd288d .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6f4e343 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-6f4e343 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-6f4e343 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-6f4e343 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-6f4e343 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-9abc080 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-9abc080 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-9abc080 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-9abc080 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-9abc080 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f3c8c8a *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-f3c8c8a img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-f3c8c8a img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-f3c8c8a .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-f3c8c8a .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-faae22a *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-faae22a img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-faae22a img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-faae22a .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-faae22a .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ae2a8ee *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-ae2a8ee img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-ae2a8ee img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-ae2a8ee .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-ae2a8ee .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-9ba8f1c *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-9ba8f1c img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-9ba8f1c img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-9ba8f1c .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-9ba8f1c .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-15b6fa9 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-15b6fa9 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-15b6fa9 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-15b6fa9 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-15b6fa9 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-95186d4 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-95186d4 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-95186d4 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-95186d4 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-95186d4 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-573c0ab *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-573c0ab img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-573c0ab img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-573c0ab .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-573c0ab .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-22a1b55 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-22a1b55 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-22a1b55 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-22a1b55 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-22a1b55 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-27c225d *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-27c225d img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-27c225d img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-27c225d .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-27c225d .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ae2a8ee *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-ae2a8ee img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-ae2a8ee img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-ae2a8ee .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-ae2a8ee .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-9ba8f1c *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-9ba8f1c img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-9ba8f1c img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-9ba8f1c .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-9ba8f1c .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-15b6fa9 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-15b6fa9 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-15b6fa9 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-15b6fa9 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-15b6fa9 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-95186d4 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-95186d4 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-95186d4 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-95186d4 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-95186d4 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-573c0ab *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-573c0ab img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-573c0ab img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-573c0ab .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-573c0ab .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-22a1b55 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-22a1b55 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-22a1b55 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-22a1b55 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-22a1b55 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-27c225d *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-27c225d img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-27c225d img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-27c225d .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-27c225d .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ae2a8ee *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-ae2a8ee img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-ae2a8ee img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-ae2a8ee .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-ae2a8ee .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-9ba8f1c *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-9ba8f1c img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-9ba8f1c img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-9ba8f1c .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-9ba8f1c .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-15b6fa9 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-15b6fa9 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-15b6fa9 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-15b6fa9 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-15b6fa9 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-95186d4 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-95186d4 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-95186d4 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-95186d4 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-95186d4 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-573c0ab *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-573c0ab img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-573c0ab img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-573c0ab .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-573c0ab .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-22a1b55 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-22a1b55 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-22a1b55 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-22a1b55 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-22a1b55 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-27c225d *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-27c225d img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-27c225d img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-27c225d .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-27c225d .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ae2a8ee *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-ae2a8ee img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-ae2a8ee img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-ae2a8ee .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-ae2a8ee .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-9ba8f1c *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-9ba8f1c img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-9ba8f1c img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-9ba8f1c .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-9ba8f1c .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-15b6fa9 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-15b6fa9 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-15b6fa9 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-15b6fa9 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-15b6fa9 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-95186d4 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-95186d4 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-95186d4 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-95186d4 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-95186d4 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-573c0ab *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-573c0ab img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-573c0ab img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-573c0ab .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-573c0ab .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-22a1b55 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-22a1b55 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-22a1b55 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-22a1b55 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-22a1b55 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-27c225d *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-27c225d img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-27c225d img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-27c225d .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-27c225d .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ae2a8ee *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-ae2a8ee img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-ae2a8ee img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-ae2a8ee .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-ae2a8ee .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-9ba8f1c *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-9ba8f1c img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-9ba8f1c img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-9ba8f1c .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-9ba8f1c .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-15b6fa9 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-15b6fa9 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-15b6fa9 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-15b6fa9 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-15b6fa9 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-95186d4 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-95186d4 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-95186d4 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-95186d4 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-95186d4 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-573c0ab *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-573c0ab img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-573c0ab img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-573c0ab .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-573c0ab .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-22a1b55 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-22a1b55 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-22a1b55 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-22a1b55 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-22a1b55 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-27c225d *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-27c225d img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-27c225d img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-27c225d .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-27c225d .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ae2a8ee *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-ae2a8ee img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-ae2a8ee img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-ae2a8ee .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-ae2a8ee .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-9ba8f1c *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-9ba8f1c img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-9ba8f1c img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-9ba8f1c .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-9ba8f1c .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-15b6fa9 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-15b6fa9 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-15b6fa9 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-15b6fa9 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-15b6fa9 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-95186d4 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-95186d4 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-95186d4 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-95186d4 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-95186d4 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-573c0ab *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-573c0ab img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-573c0ab img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-573c0ab .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-573c0ab .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-22a1b55 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-22a1b55 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-22a1b55 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-22a1b55 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-22a1b55 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-27c225d *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-27c225d img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-27c225d img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-27c225d .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-27c225d .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ae2a8ee *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-ae2a8ee img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-ae2a8ee img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-ae2a8ee .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-ae2a8ee .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-9ba8f1c *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-9ba8f1c img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-9ba8f1c img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-9ba8f1c .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-9ba8f1c .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-15b6fa9 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-15b6fa9 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-15b6fa9 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-15b6fa9 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-15b6fa9 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-95186d4 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-95186d4 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-95186d4 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-95186d4 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-95186d4 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-573c0ab *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-573c0ab img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-573c0ab img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-573c0ab .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-573c0ab .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-22a1b55 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-22a1b55 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-22a1b55 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-22a1b55 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-22a1b55 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-27c225d *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-27c225d img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-27c225d img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-27c225d .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-27c225d .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ae2a8ee *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-ae2a8ee img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-ae2a8ee img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-ae2a8ee .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-ae2a8ee .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-9ba8f1c *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-9ba8f1c img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-9ba8f1c img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-9ba8f1c .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-9ba8f1c .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-15b6fa9 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-15b6fa9 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-15b6fa9 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-15b6fa9 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-15b6fa9 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-95186d4 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-95186d4 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-95186d4 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-95186d4 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-95186d4 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-573c0ab *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-573c0ab img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-573c0ab img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-573c0ab .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-573c0ab .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-22a1b55 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-22a1b55 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-22a1b55 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-22a1b55 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-22a1b55 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-27c225d *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-27c225d img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-27c225d img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-27c225d .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-27c225d .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-534f9a5 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-534f9a5 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-534f9a5 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-534f9a5 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-534f9a5 .woocommerce-loop-category__title { text-align: center; } /* Target the container generated by the shortcode */ .woocommerce ul.products { max-width: 300px; /* Adjust this value to your desired width */ margin-left: auto; margin-right: auto; } /* Optional: To ensure the single column item itself doesn't stretch beyond the container */ .woocommerce ul.products li.product-category { width: 100% !important; /* Ensure the item fills the new, reduced container width */ }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6a73456 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-6a73456 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-6a73456 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-6a73456 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-6a73456 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-42652d3 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-42652d3 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-42652d3 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-42652d3 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-42652d3 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-a4eb5dc *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-a4eb5dc img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-a4eb5dc img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-a4eb5dc .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-a4eb5dc .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0a9a7bf *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-0a9a7bf img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-0a9a7bf img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-0a9a7bf .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-0a9a7bf .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b85681a *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-b85681a img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-b85681a img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-b85681a .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-b85681a .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3936686 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-3936686 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-3936686 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-3936686 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-3936686 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-fd433a5 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-fd433a5 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-fd433a5 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-fd433a5 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-fd433a5 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6af7ea5 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-6af7ea5 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-6af7ea5 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-6af7ea5 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-6af7ea5 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-57a4e02 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-57a4e02 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-57a4e02 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-57a4e02 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-57a4e02 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-534f9a5 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-534f9a5 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-534f9a5 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-534f9a5 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-534f9a5 .woocommerce-loop-category__title { text-align: center; } /* Target the container generated by the shortcode */ .woocommerce ul.products { max-width: 300px; /* Adjust this value to your desired width */ margin-left: auto; margin-right: auto; } /* Optional: To ensure the single column item itself doesn't stretch beyond the container */ .woocommerce ul.products li.product-category { width: 100% !important; /* Ensure the item fills the new, reduced container width */ }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6a73456 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-6a73456 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-6a73456 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-6a73456 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-6a73456 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-42652d3 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-42652d3 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-42652d3 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-42652d3 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-42652d3 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-a4eb5dc *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-a4eb5dc img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-a4eb5dc img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-a4eb5dc .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-a4eb5dc .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0a9a7bf *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-0a9a7bf img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-0a9a7bf img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-0a9a7bf .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-0a9a7bf .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b85681a *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-b85681a img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-b85681a img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-b85681a .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-b85681a .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3936686 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-3936686 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-3936686 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-3936686 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-3936686 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-fd433a5 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-fd433a5 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-fd433a5 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-fd433a5 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-fd433a5 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6af7ea5 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-6af7ea5 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-6af7ea5 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-6af7ea5 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-6af7ea5 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-57a4e02 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-57a4e02 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-57a4e02 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-57a4e02 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-57a4e02 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-534f9a5 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-534f9a5 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-534f9a5 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-534f9a5 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-534f9a5 .woocommerce-loop-category__title { text-align: center; } /* Target the container generated by the shortcode */ .woocommerce ul.products { max-width: 300px; /* Adjust this value to your desired width */ margin-left: auto; margin-right: auto; } /* Optional: To ensure the single column item itself doesn't stretch beyond the container */ .woocommerce ul.products li.product-category { width: 100% !important; /* Ensure the item fills the new, reduced container width */ }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6a73456 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-6a73456 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-6a73456 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-6a73456 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-6a73456 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-42652d3 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-42652d3 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-42652d3 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-42652d3 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-42652d3 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-a4eb5dc *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-a4eb5dc img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-a4eb5dc img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-a4eb5dc .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-a4eb5dc .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0a9a7bf *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-0a9a7bf img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-0a9a7bf img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-0a9a7bf .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-0a9a7bf .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b85681a *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-b85681a img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-b85681a img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-b85681a .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-b85681a .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3936686 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-3936686 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-3936686 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-3936686 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-3936686 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-fd433a5 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-fd433a5 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-fd433a5 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-fd433a5 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-fd433a5 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6af7ea5 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-6af7ea5 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-6af7ea5 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-6af7ea5 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-6af7ea5 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-57a4e02 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-57a4e02 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-57a4e02 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-57a4e02 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-57a4e02 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-534f9a5 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-534f9a5 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-534f9a5 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-534f9a5 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-534f9a5 .woocommerce-loop-category__title { text-align: center; } /* Target the container generated by the shortcode */ .woocommerce ul.products { max-width: 300px; /* Adjust this value to your desired width */ margin-left: auto; margin-right: auto; } /* Optional: To ensure the single column item itself doesn't stretch beyond the container */ .woocommerce ul.products li.product-category { width: 100% !important; /* Ensure the item fills the new, reduced container width */ }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6a73456 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-6a73456 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-6a73456 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-6a73456 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-6a73456 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-42652d3 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-42652d3 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-42652d3 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-42652d3 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-42652d3 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-a4eb5dc *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-a4eb5dc img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-a4eb5dc img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-a4eb5dc .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-a4eb5dc .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0a9a7bf *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-0a9a7bf img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-0a9a7bf img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-0a9a7bf .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-0a9a7bf .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b85681a *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-b85681a img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-b85681a img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-b85681a .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-b85681a .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3936686 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-3936686 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-3936686 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-3936686 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-3936686 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-fd433a5 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-fd433a5 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-fd433a5 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-fd433a5 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-fd433a5 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6af7ea5 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-6af7ea5 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-6af7ea5 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-6af7ea5 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-6af7ea5 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-57a4e02 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-57a4e02 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-57a4e02 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-57a4e02 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-57a4e02 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-534f9a5 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-534f9a5 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-534f9a5 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-534f9a5 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-534f9a5 .woocommerce-loop-category__title { text-align: center; } /* Target the container generated by the shortcode */ .woocommerce ul.products { max-width: 300px; /* Adjust this value to your desired width */ margin-left: auto; margin-right: auto; } /* Optional: To ensure the single column item itself doesn't stretch beyond the container */ .woocommerce ul.products li.product-category { width: 100% !important; /* Ensure the item fills the new, reduced container width */ }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6a73456 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-6a73456 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-6a73456 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-6a73456 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-6a73456 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-42652d3 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-42652d3 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-42652d3 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-42652d3 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-42652d3 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-a4eb5dc *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-a4eb5dc img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-a4eb5dc img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-a4eb5dc .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-a4eb5dc .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0a9a7bf *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-0a9a7bf img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-0a9a7bf img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-0a9a7bf .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-0a9a7bf .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b85681a *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-b85681a img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-b85681a img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-b85681a .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-b85681a .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3936686 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-3936686 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-3936686 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-3936686 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-3936686 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-fd433a5 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-fd433a5 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-fd433a5 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-fd433a5 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-fd433a5 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6af7ea5 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-6af7ea5 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-6af7ea5 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-6af7ea5 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-6af7ea5 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-57a4e02 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-57a4e02 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-57a4e02 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-57a4e02 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-57a4e02 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-534f9a5 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-534f9a5 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-534f9a5 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-534f9a5 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-534f9a5 .woocommerce-loop-category__title { text-align: center; } /* Target the container generated by the shortcode */ .woocommerce ul.products { max-width: 300px; /* Adjust this value to your desired width */ margin-left: auto; margin-right: auto; } /* Optional: To ensure the single column item itself doesn't stretch beyond the container */ .woocommerce ul.products li.product-category { width: 100% !important; /* Ensure the item fills the new, reduced container width */ }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6a73456 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-6a73456 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-6a73456 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-6a73456 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-6a73456 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-42652d3 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-42652d3 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-42652d3 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-42652d3 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-42652d3 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-a4eb5dc *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-a4eb5dc img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-a4eb5dc img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-a4eb5dc .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-a4eb5dc .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0a9a7bf *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-0a9a7bf img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-0a9a7bf img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-0a9a7bf .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-0a9a7bf .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b85681a *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-b85681a img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-b85681a img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-b85681a .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-b85681a .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3936686 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-3936686 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-3936686 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-3936686 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-3936686 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-fd433a5 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-fd433a5 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-fd433a5 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-fd433a5 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-fd433a5 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6af7ea5 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-6af7ea5 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-6af7ea5 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-6af7ea5 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-6af7ea5 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-57a4e02 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-57a4e02 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-57a4e02 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-57a4e02 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-57a4e02 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-534f9a5 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-534f9a5 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-534f9a5 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-534f9a5 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-534f9a5 .woocommerce-loop-category__title { text-align: center; } /* Target the container generated by the shortcode */ .woocommerce ul.products { max-width: 300px; /* Adjust this value to your desired width */ margin-left: auto; margin-right: auto; } /* Optional: To ensure the single column item itself doesn't stretch beyond the container */ .woocommerce ul.products li.product-category { width: 100% !important; /* Ensure the item fills the new, reduced container width */ }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6a73456 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-6a73456 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-6a73456 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-6a73456 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-6a73456 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-42652d3 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-42652d3 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-42652d3 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-42652d3 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-42652d3 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-a4eb5dc *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-a4eb5dc img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-a4eb5dc img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-a4eb5dc .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-a4eb5dc .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0a9a7bf *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-0a9a7bf img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-0a9a7bf img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-0a9a7bf .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-0a9a7bf .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b85681a *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-b85681a img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-b85681a img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-b85681a .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-b85681a .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3936686 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-3936686 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-3936686 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-3936686 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-3936686 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-fd433a5 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-fd433a5 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-fd433a5 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-fd433a5 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-fd433a5 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6af7ea5 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-6af7ea5 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-6af7ea5 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-6af7ea5 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-6af7ea5 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-57a4e02 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-57a4e02 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-57a4e02 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-57a4e02 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-57a4e02 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-534f9a5 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-534f9a5 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-534f9a5 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-534f9a5 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-534f9a5 .woocommerce-loop-category__title { text-align: center; } /* Target the container generated by the shortcode */ .woocommerce ul.products { max-width: 300px; /* Adjust this value to your desired width */ margin-left: auto; margin-right: auto; } /* Optional: To ensure the single column item itself doesn't stretch beyond the container */ .woocommerce ul.products li.product-category { width: 100% !important; /* Ensure the item fills the new, reduced container width */ }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6a73456 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-6a73456 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-6a73456 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-6a73456 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-6a73456 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-42652d3 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-42652d3 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-42652d3 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-42652d3 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-42652d3 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-a4eb5dc *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-a4eb5dc img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-a4eb5dc img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-a4eb5dc .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-a4eb5dc .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0a9a7bf *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-0a9a7bf img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-0a9a7bf img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-0a9a7bf .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-0a9a7bf .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b85681a *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-b85681a img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-b85681a img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-b85681a .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-b85681a .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3936686 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-3936686 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-3936686 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-3936686 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-3936686 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-fd433a5 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-fd433a5 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-fd433a5 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-fd433a5 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-fd433a5 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6af7ea5 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-6af7ea5 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-6af7ea5 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-6af7ea5 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-6af7ea5 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-57a4e02 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-57a4e02 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-57a4e02 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-57a4e02 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-57a4e02 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-534f9a5 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-534f9a5 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-534f9a5 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-534f9a5 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-534f9a5 .woocommerce-loop-category__title { text-align: center; } /* Target the container generated by the shortcode */ .woocommerce ul.products { max-width: 300px; /* Adjust this value to your desired width */ margin-left: auto; margin-right: auto; } /* Optional: To ensure the single column item itself doesn't stretch beyond the container */ .woocommerce ul.products li.product-category { width: 100% !important; /* Ensure the item fills the new, reduced container width */ }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6a73456 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-6a73456 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-6a73456 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-6a73456 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-6a73456 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-42652d3 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-42652d3 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-42652d3 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-42652d3 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-42652d3 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-a4eb5dc *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-a4eb5dc img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-a4eb5dc img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-a4eb5dc .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-a4eb5dc .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0a9a7bf *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-0a9a7bf img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-0a9a7bf img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-0a9a7bf .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-0a9a7bf .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b85681a *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-b85681a img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-b85681a img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-b85681a .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-b85681a .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3936686 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-3936686 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-3936686 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-3936686 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-3936686 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-fd433a5 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-fd433a5 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-fd433a5 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-fd433a5 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-fd433a5 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6af7ea5 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-6af7ea5 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-6af7ea5 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-6af7ea5 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-6af7ea5 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-57a4e02 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-57a4e02 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-57a4e02 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-57a4e02 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-57a4e02 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-534f9a5 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-534f9a5 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-534f9a5 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-534f9a5 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-534f9a5 .woocommerce-loop-category__title { text-align: center; } /* Target the container generated by the shortcode */ .woocommerce ul.products { max-width: 300px; /* Adjust this value to your desired width */ margin-left: auto; margin-right: auto; } /* Optional: To ensure the single column item itself doesn't stretch beyond the container */ .woocommerce ul.products li.product-category { width: 100% !important; /* Ensure the item fills the new, reduced container width */ }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6a73456 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-6a73456 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-6a73456 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-6a73456 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-6a73456 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-42652d3 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-42652d3 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-42652d3 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-42652d3 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-42652d3 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-a4eb5dc *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-a4eb5dc img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-a4eb5dc img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-a4eb5dc .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-a4eb5dc .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0a9a7bf *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-0a9a7bf img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-0a9a7bf img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-0a9a7bf .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-0a9a7bf .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b85681a *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-b85681a img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-b85681a img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-b85681a .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-b85681a .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3936686 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-3936686 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-3936686 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-3936686 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-3936686 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-fd433a5 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-fd433a5 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-fd433a5 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-fd433a5 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-fd433a5 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6af7ea5 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-6af7ea5 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-6af7ea5 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-6af7ea5 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-6af7ea5 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-57a4e02 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-57a4e02 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-57a4e02 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-57a4e02 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-57a4e02 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-534f9a5 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-534f9a5 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-534f9a5 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-534f9a5 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-534f9a5 .woocommerce-loop-category__title { text-align: center; } /* Target the container generated by the shortcode */ .woocommerce ul.products { max-width: 300px; /* Adjust this value to your desired width */ margin-left: auto; margin-right: auto; } /* Optional: To ensure the single column item itself doesn't stretch beyond the container */ .woocommerce ul.products li.product-category { width: 100% !important; /* Ensure the item fills the new, reduced container width */ }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6a73456 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-6a73456 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-6a73456 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-6a73456 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-6a73456 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-42652d3 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-42652d3 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-42652d3 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-42652d3 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-42652d3 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-a4eb5dc *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-a4eb5dc img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-a4eb5dc img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-a4eb5dc .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-a4eb5dc .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0a9a7bf *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-0a9a7bf img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-0a9a7bf img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-0a9a7bf .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-0a9a7bf .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b85681a *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-b85681a img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-b85681a img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-b85681a .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-b85681a .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3936686 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-3936686 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-3936686 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-3936686 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-3936686 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-fd433a5 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-fd433a5 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-fd433a5 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-fd433a5 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-fd433a5 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6af7ea5 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-6af7ea5 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-6af7ea5 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-6af7ea5 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-6af7ea5 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-57a4e02 *//* Base Styles for Circular Categories */ .elementor-15 .elementor-element.elementor-element-57a4e02 img { /* Create the perfect circle shape */ border-radius: 50%; width: 200px; height: 200px; object-fit: cover; /* 1. Add transition for a smooth hover effect */ transition: transform 0.3s ease-in-out; } /* Hover Styles for Minimum Zoom Effect */ .elementor-15 .elementor-element.elementor-element-57a4e02 img:hover { /* 2. Apply a subtle zoom (3% larger) on hover */ transform: scale(1.03); } /* Hides the product count number that appears in parentheses */ .elementor-15 .elementor-element.elementor-element-57a4e02 .count { display: none !important; } /* ---------------------------------------------------- */ /* NEW CODE: Center the Product Category Titles */ /* ---------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-57a4e02 .woocommerce-loop-category__title { text-align: center; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fe36572 *//* Apply the glossy background and subtle text sparkle to the Heading Widget */ .elementor-15 .elementor-element.elementor-element-fe36572 { /* 1. Glossy Background Gradient (Change colors for #064488) */ background: linear-gradient(180deg, #15317E 0%, #0A173A 100%); /* Ensure the background covers the text area neatly */ padding: 0px 0px; border-radius: 0px; /* Optional: adds a slight curve */ } /* 2. Text Sparkle Effect (Optional: makes the text look shiny/raised) */ .elementor-15 .elementor-element.elementor-element-fe36572 .elementor-heading-title { /* Use white text for contrast */ color: #FFFFFF; /* Adds a slight metallic or glossy edge to the text */ text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4), /* Dark shadow for depth */ 0 0 10px rgba(255, 255, 255, 0.5); /* White highlight for sparkle */ }/* End custom CSS */