.elementor-243 .elementor-element.elementor-element-899c0e7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-243 .elementor-element.elementor-element-494553b{--display:flex;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-243 .elementor-element.elementor-element-5429586{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-243 .elementor-element.elementor-element-5f4c2b8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-243 .elementor-element.elementor-element-494553b{--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-243 .elementor-element.elementor-element-494553b{--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS *//* ========================================================= INKMYWEAR — ALL PRODUCTS FINAL CARD ALIGNMENT FIX FIXES: - Category text spacing - Equal card height - Equal image height - Equal title area - Price alignment - Buttons always at bottom ========================================================= */ /* ========================================================= 01 — GRID: ALL CARDS SAME HEIGHT ========================================================= */ .imw-all-products-dynamic ul.products{ align-items:stretch !important; } .imw-all-products-dynamic ul.products li.product{ width:100% !important; height:100% !important; min-height:100% !important; display:flex !important; flex-direction:column !important; align-items:stretch !important; } /* ========================================================= 02 — PRODUCT MAIN LINK FILLS CARD ========================================================= */ .imw-all-products-dynamic ul.products li.product a.woocommerce-LoopProduct-link{ width:100% !important; flex:1 1 auto !important; display:flex !important; flex-direction:column !important; align-items:stretch !important; } /* ========================================================= 03 — CATEGORY TEXT FIX Covers common WooCommerce/theme category classes. ========================================================= */ .imw-all-products-dynamic ul.products li.product .product-category, .imw-all-products-dynamic ul.products li.product .product-category-name, .imw-all-products-dynamic ul.products li.product .woocommerce-loop-product__category, .imw-all-products-dynamic ul.products li.product .ast-woo-product-category, .imw-all-products-dynamic ul.products li.product .product-categories{ width:100% !important; max-width:100% !important; display:block !important; margin:0 !important; padding: 20px 22px 0 !important; color:#71717A !important; -webkit-text-fill-color:#71717A !important; font-family:"Inter",sans-serif !important; font-size:7px !important; font-weight:800 !important; line-height:1.5 !important; letter-spacing:1.2px !important; text-transform:uppercase !important; text-align:left !important; } /* Category links */ .imw-all-products-dynamic ul.products li.product .product-category a, .imw-all-products-dynamic ul.products li.product .product-category-name a, .imw-all-products-dynamic ul.products li.product .woocommerce-loop-product__category a, .imw-all-products-dynamic ul.products li.product .ast-woo-product-category a, .imw-all-products-dynamic ul.products li.product .product-categories a{ color:#71717A !important; -webkit-text-fill-color:#71717A !important; text-decoration:none !important; } /* ========================================================= 04 — IMAGE: SAME HEIGHT FOR EVERY PRODUCT ========================================================= */ .imw-all-products-dynamic ul.products li.product a img{ width:100% !important; height:auto !important; aspect-ratio:1 / 1.08 !important; flex:0 0 auto !important; display:block !important; margin:0 !important; object-fit:contain !important; object-position:center !important; background:#E9E9E5 !important; } /* ========================================================= 05 — TITLE: SAME HEIGHT ========================================================= */ .imw-all-products-dynamic ul.products li.product .woocommerce-loop-product__title{ width:100% !important; min-height:86px !important; display:flex !important; align-items:flex-start !important; margin:0 !important; padding: 20px 22px 8px !important; overflow:hidden !important; font-family:"Bebas Neue",sans-serif !important; font-size:31px !important; font-weight:400 !important; line-height:.95 !important; color:#000000 !important; -webkit-text-fill-color:#000000 !important; } /* ========================================================= 06 — RATING AREA SAME HEIGHT ========================================================= */ .imw-all-products-dynamic ul.products li.product .star-rating{ flex:0 0 auto !important; margin: 4px 22px 10px !important; } /* Reserve rating space even where useful */ .imw-all-products-dynamic ul.products li.product .woocommerce-product-rating{ min-height:22px; } /* ========================================================= 07 — PRICE SAME POSITION ========================================================= */ .imw-all-products-dynamic ul.products li.product .price{ width:100% !important; min-height:55px !important; display:flex !important; flex-wrap:wrap !important; align-items:flex-start !important; gap:5px !important; margin:0 !important; padding: 5px 22px 18px !important; } /* ========================================================= 08 — BUTTON ALWAYS AT BOTTOM ========================================================= */ .imw-all-products-dynamic ul.products li.product .button{ flex:0 0 auto !important; margin: auto 22px 22px !important; } /* Added-to-cart link */ .imw-all-products-dynamic ul.products li.product .added_to_cart{ flex:0 0 auto !important; } /* ========================================================= 09 — FORCE CARD CONTENT ALIGNMENT ========================================================= */ .imw-all-products-dynamic ul.products li.product > *{ max-width:100% !important; } /* ========================================================= 10 — TABLET ========================================================= */ @media(max-width:991px){ .imw-all-products-dynamic ul.products li.product{ height:100% !important; } } /* ========================================================= 11 — MOBILE ========================================================= */ @media(max-width:767px){ .imw-all-products-dynamic ul.products li.product .product-category, .imw-all-products-dynamic ul.products li.product .product-category-name, .imw-all-products-dynamic ul.products li.product .woocommerce-loop-product__category, .imw-all-products-dynamic ul.products li.product .ast-woo-product-category, .imw-all-products-dynamic ul.products li.product .product-categories{ padding: 15px 14px 0 !important; } .imw-all-products-dynamic ul.products li.product .woocommerce-loop-product__title{ min-height:70px !important; padding: 15px 14px 7px !important; font-size:24px !important; } .imw-all-products-dynamic ul.products li.product .price{ min-height:50px !important; padding: 4px 14px 15px !important; } .imw-all-products-dynamic ul.products li.product .star-rating{ margin: 4px 14px 10px !important; } .imw-all-products-dynamic ul.products li.product .button{ margin: auto 14px 14px !important; } }/* End custom CSS */