.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-776 .elementor-element.elementor-element-f876b88 .elementor-heading-title{color:#444444;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}:root{--page-title-display:none;}/* Start custom CSS *//* ========================================================= MOVARIFY — WOOCOMMERCE PRODUCT DIRECTORY Product Grid V1 ========================================================= */ /* --------------------------------------------------------- 01. HIDE RETAIL / ARCHIVE ELEMENTS --------------------------------------------------------- */ /* Result count */ .woocommerce .woocommerce-result-count { display: none !important; } /* Default sorting dropdown */ .woocommerce .woocommerce-ordering { display: none !important; } /* Product prices */ .woocommerce ul.products li.product .price { display: none !important; } /* Star ratings */ .woocommerce ul.products li.product .star-rating { display: none !important; } /* Add to cart / Read more buttons */ .woocommerce ul.products li.product .button, .woocommerce ul.products li.product a.button, .woocommerce ul.products li.product .added_to_cart { display: none !important; } /* --------------------------------------------------------- 02. PRODUCT GRID --------------------------------------------------------- */ .woocommerce ul.products { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 28px 18px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } /* Prevent WooCommerce theme widths/floats */ .woocommerce ul.products::before, .woocommerce ul.products::after { display: none !important; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 0 18px !important; float: none !important; clear: none !important; background: #FFFFFF !important; border: 1px solid #E7E4DD !important; border-radius: 0 !important; overflow: hidden !important; box-sizing: border-box !important; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important; } /* --------------------------------------------------------- 03. PRODUCT CARD HOVER --------------------------------------------------------- */ .woocommerce ul.products li.product:hover { transform: translateY(-3px); border-color: #D5D1C8 !important; box-shadow: 0 10px 28px rgba(25, 27, 24, 0.07) !important; } /* --------------------------------------------------------- 04. PRODUCT IMAGE --------------------------------------------------------- */ .woocommerce ul.products li.product a img { width: 100% !important; aspect-ratio: 1 / 1 !important; height: auto !important; margin: 0 0 17px !important; display: block !important; object-fit: contain !important; background: #F6F4EF !important; padding: 12px !important; box-sizing: border-box !important; transition: transform .35s ease !important; } /* Slight image movement */ .woocommerce ul.products li.product:hover a img { transform: scale(1.025); } /* --------------------------------------------------------- 05. PRODUCT TITLE --------------------------------------------------------- */ .woocommerce ul.products li.product .woocommerce-loop-product__title { margin: 0 !important; padding: 0 17px 3px !important; color: #191B18 !important; font-family: Inter, Arial, Helvetica, sans-serif !important; font-size: 16px !important; line-height: 1.35 !important; letter-spacing: -0.015em !important; font-weight: 600 !important; text-decoration: none !important; } /* Product links */ .woocommerce ul.products li.product a, .woocommerce ul.products li.product a:visited { color: #191B18 !important; text-decoration: none !important; } /* Hover title */ .woocommerce ul.products li.product a:hover .woocommerce-loop-product__title { color: #52624F !important; } /* --------------------------------------------------------- 06. PRODUCT CATEGORY LABEL --------------------------------------------------------- */ /* WooCommerce shortcode does not output category text automatically inside each product card. We leave room for this now. Later this can be generated dynamically if required. */ /* --------------------------------------------------------- 07. REMOVE SALE BADGES --------------------------------------------------------- */ .woocommerce span.onsale, .woocommerce ul.products li.product .onsale { display: none !important; } /* --------------------------------------------------------- 08. PAGINATION --------------------------------------------------------- */ .woocommerce nav.woocommerce-pagination { margin-top: 38px !important; text-align: center !important; } .woocommerce nav.woocommerce-pagination ul { display: inline-flex !important; align-items: center !important; gap: 6px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } .woocommerce nav.woocommerce-pagination ul li { margin: 0 !important; border: 0 !important; float: none !important; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { width: 40px !important; height: 40px !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; border: 1px solid #DEDAD1 !important; background: #FFFFFF !important; color: #191B18 !important; font-family: Inter, Arial, Helvetica, sans-serif !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1 !important; text-decoration: none !important; transition: background .2s ease, color .2s ease, border-color .2s ease !important; } /* Current page */ .woocommerce nav.woocommerce-pagination ul li span.current { background: #52624F !important; border-color: #52624F !important; color: #FFFFFF !important; } /* Pagination hover */ .woocommerce nav.woocommerce-pagination ul li a:hover { background: #F6F4EF !important; border-color: #52624F !important; color: #52624F !important; } /* --------------------------------------------------------- 09. REMOVE UNNECESSARY WOOCOMMERCE SPACING --------------------------------------------------------- */ .woocommerce { font-family: Inter, Arial, Helvetica, sans-serif; } .woocommerce ul.products li.product .woocommerce-loop-product__link { display: block !important; text-decoration: none !important; } /* --------------------------------------------------------- 10. TABLET --------------------------------------------------------- */ @media (max-width: 1024px) { .woocommerce ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 22px 16px !important; } } /* --------------------------------------------------------- 11. MOBILE --------------------------------------------------------- */ @media (max-width: 767px) { .woocommerce ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px 10px !important; } .woocommerce ul.products li.product { padding-bottom: 14px !important; } .woocommerce ul.products li.product a img { margin-bottom: 13px !important; padding: 8px !important; } .woocommerce ul.products li.product .woocommerce-loop-product__title { padding: 0 12px 2px !important; font-size: 14px !important; line-height: 1.35 !important; } } /* --------------------------------------------------------- 12. VERY SMALL MOBILE --------------------------------------------------------- */ @media (max-width: 420px) { .woocommerce ul.products { grid-template-columns: 1fr !important; gap: 18px !important; } .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 15px !important; } }/* End custom CSS */