.elementor-1692 .elementor-element.elementor-element-cbff042{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1692 .elementor-element.elementor-element-7d66ec4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1692 .elementor-element.elementor-element-33f2d91{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1692 .elementor-element.elementor-element-be8524b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1692 .elementor-element.elementor-element-6d08bf8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1692 .elementor-element.elementor-element-0d65296{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1692 .elementor-element.elementor-element-55769a0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1692 .elementor-element.elementor-element-06c5c10{--display:flex;--padding-top:10px;--padding-bottom:70px;--padding-left:10px;--padding-right:10px;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{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-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1692 .elementor-element.elementor-element-2b760e0.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1692 .elementor-element.elementor-element-2b760e0.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-1692 .elementor-element.elementor-element-8021425{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1692 .elementor-element.elementor-element-1ecadb4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1692 .elementor-element.elementor-element-515adc6{--display:flex;--padding-top:10px;--padding-bottom:90px;--padding-left:10px;--padding-right:10px;}.elementor-1692 .elementor-element.elementor-element-d99f3c0.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1692 .elementor-element.elementor-element-d99f3c0.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-1692 .elementor-element.elementor-element-9e54d8c.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1692 .elementor-element.elementor-element-9e54d8c.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-1692 .elementor-element.elementor-element-735ccd9{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1692 .elementor-element.elementor-element-20e7db6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1692 .elementor-element.elementor-element-a694d49{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1692 .elementor-element.elementor-element-be8524b{--content-width:1300px;}}@media(max-width:1024px){.elementor-1692 .elementor-element.elementor-element-2b760e0.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1692 .elementor-element.elementor-element-d99f3c0.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1692 .elementor-element.elementor-element-9e54d8c.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-1692 .elementor-element.elementor-element-2b760e0.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1692 .elementor-element.elementor-element-d99f3c0.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1692 .elementor-element.elementor-element-9e54d8c.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-2b760e0 *//* ========================================= HOUSE OF QUALITY ELEMENTOR PRODUCTS WIDGET REFINED PRODUCT CARD CSS ========================================= */ /* ========================================= MAIN WIDGET ========================================= */ .elementor-1692 .elementor-element.elementor-element-2b760e0 { width: min(1300px, calc(100vw - 40px)) !important; max-width: none !important; position: relative !important; left: 50% !important; margin-left: 0 !important; margin-right: 0 !important; transform: translateX(-50%) !important; display: block !important; box-sizing: border-box !important; } /* ========================================= PRODUCTS GRID ========================================= */ .elementor-1692 .elementor-element.elementor-element-2b760e0 .products { width: 100% !important; max-width: 100% !important; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 22px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* ========================================= PRODUCT CARD ========================================= */ .elementor-1692 .elementor-element.elementor-element-2b760e0 .products .product { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: #FFFFFF !important; border: 1px solid #E3E9EF !important; border-radius: 5px !important; overflow: hidden !important; box-sizing: border-box !important; transition: transform .4s ease, box-shadow .4s ease, border-color .4s ease !important; } /* ========================================= CARD HOVER ========================================= */ .elementor-1692 .elementor-element.elementor-element-2b760e0 .products .product:hover { transform: translateY(-5px) !important; border-color: #D2DDE7 !important; box-shadow: 0 18px 40px rgba(6, 42, 87, .11) !important; } /* ========================================= PRODUCT IMAGE ========================================= */ .elementor-1692 .elementor-element.elementor-element-2b760e0 .products .product img { width: 100% !important; max-width: 100% !important; height: auto !important; aspect-ratio: 1 / 1 !important; object-fit: cover !important; display: block !important; margin: 0 !important; padding: 0 !important; transition: transform .65s cubic-bezier(.2,.7,.2,1) !important; } /* ========================================= IMAGE HOVER ========================================= */ .elementor-1692 .elementor-element.elementor-element-2b760e0 .products .product:hover img { transform: scale(1.04) !important; } /* ========================================= PRODUCT TITLE ========================================= */ .elementor-1692 .elementor-element.elementor-element-2b760e0 .products .product .woocommerce-loop-product__title, .elementor-1692 .elementor-element.elementor-element-2b760e0 .products .product h2.woocommerce-loop-product__title { margin: 0 !important; padding: 18px 20px 8px !important; font-family: Arial, Helvetica, sans-serif !important; /* REFINED SIZE */ font-size: 18px !important; line-height: 1.28 !important; /* REDUCED WEIGHT */ font-weight: 600 !important; letter-spacing: -0.15px !important; color: #062A57 !important; } /* ========================================= PRICE ========================================= */ .elementor-1692 .elementor-element.elementor-element-2b760e0 .products .product .price { display: block !important; margin: 0 !important; padding: 0 20px 17px !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 13px !important; line-height: 1.4 !important; font-weight: 500 !important; color: #5E6B78 !important; } /* ========================================= RATING ========================================= */ .elementor-1692 .elementor-element.elementor-element-2b760e0 .products .product .star-rating { margin: 0 20px 8px !important; color: #E31B23 !important; } /* ========================================= BUTTON ========================================= */ .elementor-1692 .elementor-element.elementor-element-2b760e0 .products .product .button, .elementor-1692 .elementor-element.elementor-element-2b760e0 .products .product a.button { display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 20px 20px !important; padding: 11px 18px !important; min-height: auto !important; border: 1px solid #062A57 !important; border-radius: 3px !important; background: #062A57 !important; color: #FFFFFF !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 11px !important; line-height: 1 !important; font-weight: 600 !important; letter-spacing: .15px !important; text-decoration: none !important; transition: background .3s ease, border-color .3s ease, transform .3s ease !important; } /* ========================================= BUTTON HOVER ========================================= */ .elementor-1692 .elementor-element.elementor-element-2b760e0 .products .product .button:hover, .elementor-1692 .elementor-element.elementor-element-2b760e0 .products .product a.button:hover { background: #E31B23 !important; border-color: #E31B23 !important; color: #FFFFFF !important; transform: translateY(-2px) !important; } /* ========================================= SALE BADGE ========================================= */ .elementor-1692 .elementor-element.elementor-element-2b760e0 .products .product .onsale { top: 14px !important; left: 14px !important; right: auto !important; min-width: auto !important; min-height: auto !important; width: auto !important; height: auto !important; padding: 7px 11px !important; margin: 0 !important; border-radius: 3px !important; background: #E31B23 !important; color: #FFFFFF !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 9px !important; line-height: 1 !important; font-weight: 700 !important; letter-spacing: .8px !important; text-transform: uppercase !important; } /* ========================================= REMOVE DEFAULT SPACING ========================================= */ .elementor-1692 .elementor-element.elementor-element-2b760e0 .products::before, .elementor-1692 .elementor-element.elementor-element-2b760e0 .products::after { display: none !important; } .elementor-1692 .elementor-element.elementor-element-2b760e0 .products .product::before, .elementor-1692 .elementor-element.elementor-element-2b760e0 .products .product::after { box-sizing: border-box !important; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor-1692 .elementor-element.elementor-element-2b760e0 { width: calc(100vw - 50px) !important; max-width: none !important; left: 50% !important; transform: translateX(-50%) !important; } .elementor-1692 .elementor-element.elementor-element-2b760e0 .products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 18px !important; } /* TITLE */ .elementor-1692 .elementor-element.elementor-element-2b760e0 .products .product .woocommerce-loop-product__title, .elementor-1692 .elementor-element.elementor-element-2b760e0 .products .product h2.woocommerce-loop-product__title { padding: 17px 17px 7px !important; font-size: 17px !important; line-height: 1.28 !important; font-weight: 600 !important; } /* PRICE */ .elementor-1692 .elementor-element.elementor-element-2b760e0 .products .product .price { padding: 0 17px 16px !important; font-size: 12px !important; } /* BUTTON */ .elementor-1692 .elementor-element.elementor-element-2b760e0 .products .product .button, .elementor-1692 .elementor-element.elementor-element-2b760e0 .products .product a.button { margin: 0 17px 17px !important; padding: 11px 17px !important; font-size: 11px !important; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .elementor-1692 .elementor-element.elementor-element-2b760e0 { width: calc(100vw - 30px) !important; max-width: none !important; left: 50% !important; transform: translateX(-50%) !important; } .elementor-1692 .elementor-element.elementor-element-2b760e0 .products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; } /* TITLE */ .elementor-1692 .elementor-element.elementor-element-2b760e0 .products .product .woocommerce-loop-product__title, .elementor-1692 .elementor-element.elementor-element-2b760e0 .products .product h2.woocommerce-loop-product__title { padding: 13px 13px 5px !important; font-size: 15px !important; line-height: 1.28 !important; font-weight: 600 !important; letter-spacing: -0.1px !important; } /* PRICE */ .elementor-1692 .elementor-element.elementor-element-2b760e0 .products .product .price { padding: 0 13px 13px !important; font-size: 11px !important; font-weight: 500 !important; } /* BUTTON */ .elementor-1692 .elementor-element.elementor-element-2b760e0 .products .product .button, .elementor-1692 .elementor-element.elementor-element-2b760e0 .products .product a.button { width: calc(100% - 26px) !important; margin: 0 13px 13px !important; padding: 10px 12px !important; font-size: 10px !important; font-weight: 600 !important; } /* SALE */ .elementor-1692 .elementor-element.elementor-element-2b760e0 .products .product .onsale { top: 9px !important; left: 9px !important; padding: 6px 8px !important; font-size: 8px !important; } /* RATING */ .elementor-1692 .elementor-element.elementor-element-2b760e0 .products .product .star-rating { margin: 0 13px 7px !important; } } /* ========================================= SMALL MOBILE ========================================= */ @media (max-width: 480px) { .elementor-1692 .elementor-element.elementor-element-2b760e0 { width: calc(100vw - 24px) !important; } .elementor-1692 .elementor-element.elementor-element-2b760e0 .products { gap: 10px !important; } /* TITLE */ .elementor-1692 .elementor-element.elementor-element-2b760e0 .products .product .woocommerce-loop-product__title, .elementor-1692 .elementor-element.elementor-element-2b760e0 .products .product h2.woocommerce-loop-product__title { padding: 11px 11px 4px !important; font-size: 14px !important; line-height: 1.28 !important; font-weight: 600 !important; } /* PRICE */ .elementor-1692 .elementor-element.elementor-element-2b760e0 .products .product .price { padding: 0 11px 11px !important; font-size: 10px !important; } /* BUTTON */ .elementor-1692 .elementor-element.elementor-element-2b760e0 .products .product .button, .elementor-1692 .elementor-element.elementor-element-2b760e0 .products .product a.button { width: calc(100% - 22px) !important; margin: 0 11px 11px !important; padding: 9px 7px !important; font-size: 9px !important; font-weight: 600 !important; } /* SALE */ .elementor-1692 .elementor-element.elementor-element-2b760e0 .products .product .onsale { top: 7px !important; left: 7px !important; padding: 5px 7px !important; font-size: 7px !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-d99f3c0 *//* ========================================= HOUSE OF QUALITY ELEMENTOR PRODUCTS WIDGET REFINED PRODUCT CARD CSS ========================================= */ /* ========================================= MAIN WIDGET ========================================= */ .elementor-1692 .elementor-element.elementor-element-d99f3c0 { width: min(1300px, calc(100vw - 40px)) !important; max-width: none !important; position: relative !important; left: 50% !important; margin-left: 0 !important; margin-right: 0 !important; transform: translateX(-50%) !important; display: block !important; box-sizing: border-box !important; } /* ========================================= PRODUCTS GRID ========================================= */ .elementor-1692 .elementor-element.elementor-element-d99f3c0 .products { width: 100% !important; max-width: 100% !important; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 22px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* ========================================= PRODUCT CARD ========================================= */ .elementor-1692 .elementor-element.elementor-element-d99f3c0 .products .product { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: #FFFFFF !important; border: 1px solid #E3E9EF !important; border-radius: 5px !important; overflow: hidden !important; box-sizing: border-box !important; transition: transform .4s ease, box-shadow .4s ease, border-color .4s ease !important; } /* ========================================= CARD HOVER ========================================= */ .elementor-1692 .elementor-element.elementor-element-d99f3c0 .products .product:hover { transform: translateY(-5px) !important; border-color: #D2DDE7 !important; box-shadow: 0 18px 40px rgba(6, 42, 87, .11) !important; } /* ========================================= PRODUCT IMAGE ========================================= */ .elementor-1692 .elementor-element.elementor-element-d99f3c0 .products .product img { width: 100% !important; max-width: 100% !important; height: auto !important; aspect-ratio: 1 / 1 !important; object-fit: cover !important; display: block !important; margin: 0 !important; padding: 0 !important; transition: transform .65s cubic-bezier(.2,.7,.2,1) !important; } /* ========================================= IMAGE HOVER ========================================= */ .elementor-1692 .elementor-element.elementor-element-d99f3c0 .products .product:hover img { transform: scale(1.04) !important; } /* ========================================= PRODUCT TITLE ========================================= */ .elementor-1692 .elementor-element.elementor-element-d99f3c0 .products .product .woocommerce-loop-product__title, .elementor-1692 .elementor-element.elementor-element-d99f3c0 .products .product h2.woocommerce-loop-product__title { margin: 0 !important; padding: 18px 20px 8px !important; font-family: Arial, Helvetica, sans-serif !important; /* REFINED SIZE */ font-size: 18px !important; line-height: 1.28 !important; /* REDUCED WEIGHT */ font-weight: 600 !important; letter-spacing: -0.15px !important; color: #062A57 !important; } /* ========================================= PRICE ========================================= */ .elementor-1692 .elementor-element.elementor-element-d99f3c0 .products .product .price { display: block !important; margin: 0 !important; padding: 0 20px 17px !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 13px !important; line-height: 1.4 !important; font-weight: 500 !important; color: #5E6B78 !important; } /* ========================================= RATING ========================================= */ .elementor-1692 .elementor-element.elementor-element-d99f3c0 .products .product .star-rating { margin: 0 20px 8px !important; color: #E31B23 !important; } /* ========================================= BUTTON ========================================= */ .elementor-1692 .elementor-element.elementor-element-d99f3c0 .products .product .button, .elementor-1692 .elementor-element.elementor-element-d99f3c0 .products .product a.button { display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 20px 20px !important; padding: 11px 18px !important; min-height: auto !important; border: 1px solid #062A57 !important; border-radius: 3px !important; background: #062A57 !important; color: #FFFFFF !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 11px !important; line-height: 1 !important; font-weight: 600 !important; letter-spacing: .15px !important; text-decoration: none !important; transition: background .3s ease, border-color .3s ease, transform .3s ease !important; } /* ========================================= BUTTON HOVER ========================================= */ .elementor-1692 .elementor-element.elementor-element-d99f3c0 .products .product .button:hover, .elementor-1692 .elementor-element.elementor-element-d99f3c0 .products .product a.button:hover { background: #E31B23 !important; border-color: #E31B23 !important; color: #FFFFFF !important; transform: translateY(-2px) !important; } /* ========================================= SALE BADGE ========================================= */ .elementor-1692 .elementor-element.elementor-element-d99f3c0 .products .product .onsale { top: 14px !important; left: 14px !important; right: auto !important; min-width: auto !important; min-height: auto !important; width: auto !important; height: auto !important; padding: 7px 11px !important; margin: 0 !important; border-radius: 3px !important; background: #E31B23 !important; color: #FFFFFF !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 9px !important; line-height: 1 !important; font-weight: 700 !important; letter-spacing: .8px !important; text-transform: uppercase !important; } /* ========================================= REMOVE DEFAULT SPACING ========================================= */ .elementor-1692 .elementor-element.elementor-element-d99f3c0 .products::before, .elementor-1692 .elementor-element.elementor-element-d99f3c0 .products::after { display: none !important; } .elementor-1692 .elementor-element.elementor-element-d99f3c0 .products .product::before, .elementor-1692 .elementor-element.elementor-element-d99f3c0 .products .product::after { box-sizing: border-box !important; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor-1692 .elementor-element.elementor-element-d99f3c0 { width: calc(100vw - 50px) !important; max-width: none !important; left: 50% !important; transform: translateX(-50%) !important; } .elementor-1692 .elementor-element.elementor-element-d99f3c0 .products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 18px !important; } /* TITLE */ .elementor-1692 .elementor-element.elementor-element-d99f3c0 .products .product .woocommerce-loop-product__title, .elementor-1692 .elementor-element.elementor-element-d99f3c0 .products .product h2.woocommerce-loop-product__title { padding: 17px 17px 7px !important; font-size: 17px !important; line-height: 1.28 !important; font-weight: 600 !important; } /* PRICE */ .elementor-1692 .elementor-element.elementor-element-d99f3c0 .products .product .price { padding: 0 17px 16px !important; font-size: 12px !important; } /* BUTTON */ .elementor-1692 .elementor-element.elementor-element-d99f3c0 .products .product .button, .elementor-1692 .elementor-element.elementor-element-d99f3c0 .products .product a.button { margin: 0 17px 17px !important; padding: 11px 17px !important; font-size: 11px !important; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .elementor-1692 .elementor-element.elementor-element-d99f3c0 { width: calc(100vw - 30px) !important; max-width: none !important; left: 50% !important; transform: translateX(-50%) !important; } .elementor-1692 .elementor-element.elementor-element-d99f3c0 .products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; } /* TITLE */ .elementor-1692 .elementor-element.elementor-element-d99f3c0 .products .product .woocommerce-loop-product__title, .elementor-1692 .elementor-element.elementor-element-d99f3c0 .products .product h2.woocommerce-loop-product__title { padding: 13px 13px 5px !important; font-size: 15px !important; line-height: 1.28 !important; font-weight: 600 !important; letter-spacing: -0.1px !important; } /* PRICE */ .elementor-1692 .elementor-element.elementor-element-d99f3c0 .products .product .price { padding: 0 13px 13px !important; font-size: 11px !important; font-weight: 500 !important; } /* BUTTON */ .elementor-1692 .elementor-element.elementor-element-d99f3c0 .products .product .button, .elementor-1692 .elementor-element.elementor-element-d99f3c0 .products .product a.button { width: calc(100% - 26px) !important; margin: 0 13px 13px !important; padding: 10px 12px !important; font-size: 10px !important; font-weight: 600 !important; } /* SALE */ .elementor-1692 .elementor-element.elementor-element-d99f3c0 .products .product .onsale { top: 9px !important; left: 9px !important; padding: 6px 8px !important; font-size: 8px !important; } /* RATING */ .elementor-1692 .elementor-element.elementor-element-d99f3c0 .products .product .star-rating { margin: 0 13px 7px !important; } } /* ========================================= SMALL MOBILE ========================================= */ @media (max-width: 480px) { .elementor-1692 .elementor-element.elementor-element-d99f3c0 { width: calc(100vw - 24px) !important; } .elementor-1692 .elementor-element.elementor-element-d99f3c0 .products { gap: 10px !important; } /* TITLE */ .elementor-1692 .elementor-element.elementor-element-d99f3c0 .products .product .woocommerce-loop-product__title, .elementor-1692 .elementor-element.elementor-element-d99f3c0 .products .product h2.woocommerce-loop-product__title { padding: 11px 11px 4px !important; font-size: 14px !important; line-height: 1.28 !important; font-weight: 600 !important; } /* PRICE */ .elementor-1692 .elementor-element.elementor-element-d99f3c0 .products .product .price { padding: 0 11px 11px !important; font-size: 10px !important; } /* BUTTON */ .elementor-1692 .elementor-element.elementor-element-d99f3c0 .products .product .button, .elementor-1692 .elementor-element.elementor-element-d99f3c0 .products .product a.button { width: calc(100% - 22px) !important; margin: 0 11px 11px !important; padding: 9px 7px !important; font-size: 9px !important; font-weight: 600 !important; } /* SALE */ .elementor-1692 .elementor-element.elementor-element-d99f3c0 .products .product .onsale { top: 7px !important; left: 7px !important; padding: 5px 7px !important; font-size: 7px !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-9e54d8c *//* ========================================= HOUSE OF QUALITY ELEMENTOR PRODUCTS WIDGET REFINED PRODUCT CARD CSS ========================================= */ /* ========================================= MAIN WIDGET ========================================= */ .elementor-1692 .elementor-element.elementor-element-9e54d8c { width: min(1300px, calc(100vw - 40px)) !important; max-width: none !important; position: relative !important; left: 50% !important; margin-left: 0 !important; margin-right: 0 !important; transform: translateX(-50%) !important; display: block !important; box-sizing: border-box !important; } /* ========================================= PRODUCTS GRID ========================================= */ .elementor-1692 .elementor-element.elementor-element-9e54d8c .products { width: 100% !important; max-width: 100% !important; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 22px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* ========================================= PRODUCT CARD ========================================= */ .elementor-1692 .elementor-element.elementor-element-9e54d8c .products .product { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: #FFFFFF !important; border: 1px solid #E3E9EF !important; border-radius: 5px !important; overflow: hidden !important; box-sizing: border-box !important; transition: transform .4s ease, box-shadow .4s ease, border-color .4s ease !important; } /* ========================================= CARD HOVER ========================================= */ .elementor-1692 .elementor-element.elementor-element-9e54d8c .products .product:hover { transform: translateY(-5px) !important; border-color: #D2DDE7 !important; box-shadow: 0 18px 40px rgba(6, 42, 87, .11) !important; } /* ========================================= PRODUCT IMAGE ========================================= */ .elementor-1692 .elementor-element.elementor-element-9e54d8c .products .product img { width: 100% !important; max-width: 100% !important; height: auto !important; aspect-ratio: 1 / 1 !important; object-fit: cover !important; display: block !important; margin: 0 !important; padding: 0 !important; transition: transform .65s cubic-bezier(.2,.7,.2,1) !important; } /* ========================================= IMAGE HOVER ========================================= */ .elementor-1692 .elementor-element.elementor-element-9e54d8c .products .product:hover img { transform: scale(1.04) !important; } /* ========================================= PRODUCT TITLE ========================================= */ .elementor-1692 .elementor-element.elementor-element-9e54d8c .products .product .woocommerce-loop-product__title, .elementor-1692 .elementor-element.elementor-element-9e54d8c .products .product h2.woocommerce-loop-product__title { margin: 0 !important; padding: 18px 20px 8px !important; font-family: Arial, Helvetica, sans-serif !important; /* REFINED SIZE */ font-size: 18px !important; line-height: 1.28 !important; /* REDUCED WEIGHT */ font-weight: 600 !important; letter-spacing: -0.15px !important; color: #062A57 !important; } /* ========================================= PRICE ========================================= */ .elementor-1692 .elementor-element.elementor-element-9e54d8c .products .product .price { display: block !important; margin: 0 !important; padding: 0 20px 17px !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 13px !important; line-height: 1.4 !important; font-weight: 500 !important; color: #5E6B78 !important; } /* ========================================= RATING ========================================= */ .elementor-1692 .elementor-element.elementor-element-9e54d8c .products .product .star-rating { margin: 0 20px 8px !important; color: #E31B23 !important; } /* ========================================= BUTTON ========================================= */ .elementor-1692 .elementor-element.elementor-element-9e54d8c .products .product .button, .elementor-1692 .elementor-element.elementor-element-9e54d8c .products .product a.button { display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 20px 20px !important; padding: 11px 18px !important; min-height: auto !important; border: 1px solid #062A57 !important; border-radius: 3px !important; background: #062A57 !important; color: #FFFFFF !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 11px !important; line-height: 1 !important; font-weight: 600 !important; letter-spacing: .15px !important; text-decoration: none !important; transition: background .3s ease, border-color .3s ease, transform .3s ease !important; } /* ========================================= BUTTON HOVER ========================================= */ .elementor-1692 .elementor-element.elementor-element-9e54d8c .products .product .button:hover, .elementor-1692 .elementor-element.elementor-element-9e54d8c .products .product a.button:hover { background: #E31B23 !important; border-color: #E31B23 !important; color: #FFFFFF !important; transform: translateY(-2px) !important; } /* ========================================= SALE BADGE ========================================= */ .elementor-1692 .elementor-element.elementor-element-9e54d8c .products .product .onsale { top: 14px !important; left: 14px !important; right: auto !important; min-width: auto !important; min-height: auto !important; width: auto !important; height: auto !important; padding: 7px 11px !important; margin: 0 !important; border-radius: 3px !important; background: #E31B23 !important; color: #FFFFFF !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 9px !important; line-height: 1 !important; font-weight: 700 !important; letter-spacing: .8px !important; text-transform: uppercase !important; } /* ========================================= REMOVE DEFAULT SPACING ========================================= */ .elementor-1692 .elementor-element.elementor-element-9e54d8c .products::before, .elementor-1692 .elementor-element.elementor-element-9e54d8c .products::after { display: none !important; } .elementor-1692 .elementor-element.elementor-element-9e54d8c .products .product::before, .elementor-1692 .elementor-element.elementor-element-9e54d8c .products .product::after { box-sizing: border-box !important; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor-1692 .elementor-element.elementor-element-9e54d8c { width: calc(100vw - 50px) !important; max-width: none !important; left: 50% !important; transform: translateX(-50%) !important; } .elementor-1692 .elementor-element.elementor-element-9e54d8c .products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 18px !important; } /* TITLE */ .elementor-1692 .elementor-element.elementor-element-9e54d8c .products .product .woocommerce-loop-product__title, .elementor-1692 .elementor-element.elementor-element-9e54d8c .products .product h2.woocommerce-loop-product__title { padding: 17px 17px 7px !important; font-size: 17px !important; line-height: 1.28 !important; font-weight: 600 !important; } /* PRICE */ .elementor-1692 .elementor-element.elementor-element-9e54d8c .products .product .price { padding: 0 17px 16px !important; font-size: 12px !important; } /* BUTTON */ .elementor-1692 .elementor-element.elementor-element-9e54d8c .products .product .button, .elementor-1692 .elementor-element.elementor-element-9e54d8c .products .product a.button { margin: 0 17px 17px !important; padding: 11px 17px !important; font-size: 11px !important; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .elementor-1692 .elementor-element.elementor-element-9e54d8c { width: calc(100vw - 30px) !important; max-width: none !important; left: 50% !important; transform: translateX(-50%) !important; } .elementor-1692 .elementor-element.elementor-element-9e54d8c .products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; } /* TITLE */ .elementor-1692 .elementor-element.elementor-element-9e54d8c .products .product .woocommerce-loop-product__title, .elementor-1692 .elementor-element.elementor-element-9e54d8c .products .product h2.woocommerce-loop-product__title { padding: 13px 13px 5px !important; font-size: 15px !important; line-height: 1.28 !important; font-weight: 600 !important; letter-spacing: -0.1px !important; } /* PRICE */ .elementor-1692 .elementor-element.elementor-element-9e54d8c .products .product .price { padding: 0 13px 13px !important; font-size: 11px !important; font-weight: 500 !important; } /* BUTTON */ .elementor-1692 .elementor-element.elementor-element-9e54d8c .products .product .button, .elementor-1692 .elementor-element.elementor-element-9e54d8c .products .product a.button { width: calc(100% - 26px) !important; margin: 0 13px 13px !important; padding: 10px 12px !important; font-size: 10px !important; font-weight: 600 !important; } /* SALE */ .elementor-1692 .elementor-element.elementor-element-9e54d8c .products .product .onsale { top: 9px !important; left: 9px !important; padding: 6px 8px !important; font-size: 8px !important; } /* RATING */ .elementor-1692 .elementor-element.elementor-element-9e54d8c .products .product .star-rating { margin: 0 13px 7px !important; } } /* ========================================= SMALL MOBILE ========================================= */ @media (max-width: 480px) { .elementor-1692 .elementor-element.elementor-element-9e54d8c { width: calc(100vw - 24px) !important; } .elementor-1692 .elementor-element.elementor-element-9e54d8c .products { gap: 10px !important; } /* TITLE */ .elementor-1692 .elementor-element.elementor-element-9e54d8c .products .product .woocommerce-loop-product__title, .elementor-1692 .elementor-element.elementor-element-9e54d8c .products .product h2.woocommerce-loop-product__title { padding: 11px 11px 4px !important; font-size: 14px !important; line-height: 1.28 !important; font-weight: 600 !important; } /* PRICE */ .elementor-1692 .elementor-element.elementor-element-9e54d8c .products .product .price { padding: 0 11px 11px !important; font-size: 10px !important; } /* BUTTON */ .elementor-1692 .elementor-element.elementor-element-9e54d8c .products .product .button, .elementor-1692 .elementor-element.elementor-element-9e54d8c .products .product a.button { width: calc(100% - 22px) !important; margin: 0 11px 11px !important; padding: 9px 7px !important; font-size: 9px !important; font-weight: 600 !important; } /* SALE */ .elementor-1692 .elementor-element.elementor-element-9e54d8c .products .product .onsale { top: 7px !important; left: 7px !important; padding: 5px 7px !important; font-size: 7px !important; } }/* End custom CSS */