.elementor-45 .elementor-element.elementor-element-6a6f165{--display:flex;--min-height:260px;--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;--overlay-opacity:1;}.elementor-45 .elementor-element.elementor-element-6a6f165:not(.elementor-motion-effects-element-type-background), .elementor-45 .elementor-element.elementor-element-6a6f165 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.hsmmart.com/wp-content/uploads/2026/02/Category-scaled.webp");background-position:center center;background-size:cover;}.elementor-45 .elementor-element.elementor-element-6a6f165::before, .elementor-45 .elementor-element.elementor-element-6a6f165 > .elementor-background-video-container::before, .elementor-45 .elementor-element.elementor-element-6a6f165 > .e-con-inner > .elementor-background-video-container::before, .elementor-45 .elementor-element.elementor-element-6a6f165 > .elementor-background-slideshow::before, .elementor-45 .elementor-element.elementor-element-6a6f165 > .e-con-inner > .elementor-background-slideshow::before, .elementor-45 .elementor-element.elementor-element-6a6f165 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(90deg, #FFFFFFF7 40%, #F8FAFC00 100%);}.elementor-45 .elementor-element.elementor-element-6a6f165::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-45 .elementor-element.elementor-element-2b38d3a{margin:90px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 10px 10px 0px;text-align:start;}.elementor-45 .elementor-element.elementor-element-2b38d3a.elementor-element{--align-self:flex-start;}.elementor-45 .elementor-element.elementor-element-2b38d3a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:700;-webkit-text-stroke-color:#000;stroke:#000;color:#273D71;}.elementor-45 .elementor-element.elementor-element-9c0e1c5{--display:flex;}.elementor-widget-wc-categories .woocommerce .woocommerce-loop-category__title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-categories .woocommerce-loop-category__title .count{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-45 .elementor-element.elementor-element-84f4979 .product{text-align:center;}.elementor-45 .elementor-element.elementor-element-84f4979.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}:root{--page-title-display:none;}/* Start custom CSS for wc-categories, class: .elementor-element-84f4979 *//* =========================================
   SMALL 1:1 SQUARE CATEGORY CARDS
   ========================================= */

/* 1. Reduce Card Size & Padding */
.elementor-widget-wc-categories ul.products li.product-category {
    width: 180px !important; /* Forces a smaller card width */
    padding: 12px !important;
    background: #ffffff !important;
    border: 1px solid #eef2f7 !important;
    border-radius: 12px !important;
    margin: 10px !important;
    text-align: center !important;
}

/* 2. Force 1:1 Aspect Ratio on Images */
.elementor-widget-wc-categories ul.products li.product-category a img {
    aspect-ratio: 1 / 1 !important; /* Makes it a perfect square */
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important; /* Prevents image stretching */
    border-radius: 8px !important;
    margin-bottom: 10px !important;
}

/* 3. Smaller Title Styling */
.elementor-widget-wc-categories ul.products li.product-category .woocommerce-loop-category__title {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #1a2b48 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2;
}

/* 4. Mini Product Count */
.elementor-widget-wc-categories ul.products li.product-category .count {
    font-size: 10px !important;
    color: #8892a0 !important;
    background: transparent !important;
    display: block !important;
    margin-top: 2px !important;
}

/* 5. Tighten the Grid Spacing */
.elementor-widget-wc-categories ul.products {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 15px !important;
}/* End custom CSS */