.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-1223 .elementor-element.elementor-element-c91dd71 > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-1223 .elementor-element.elementor-element-c91dd71.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1223 .elementor-element.elementor-element-c91dd71.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-1223 .elementor-element.elementor-element-5ada9e6 > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-1223 .elementor-element.elementor-element-5ada9e6.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1223 .elementor-element.elementor-element-5ada9e6.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-1223 .elementor-element.elementor-element-2b751f4 > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-1223 .elementor-element.elementor-element-2b751f4.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1223 .elementor-element.elementor-element-2b751f4.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-1223 .elementor-element.elementor-element-8447a77 > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-1223 .elementor-element.elementor-element-8447a77.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1223 .elementor-element.elementor-element-8447a77.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-1223 .elementor-element.elementor-element-c91dd71.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1223 .elementor-element.elementor-element-5ada9e6.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1223 .elementor-element.elementor-element-2b751f4.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1223 .elementor-element.elementor-element-8447a77.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-1223 .elementor-element.elementor-element-c91dd71.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1223 .elementor-element.elementor-element-5ada9e6.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1223 .elementor-element.elementor-element-2b751f4.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1223 .elementor-element.elementor-element-8447a77.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-c91dd71 *//* ====================================== PREMIUM PRODUCT GRID - FIXED FOR ELEMENTOR WooCommerce Products Widget ====================================== */ /* ========== SECTION WRAPPER ========== */ .woocommerce .products, .elementor-widget-woocommerce-products .products, ul.products { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 28px !important; max-width: 1320px !important; margin: 0 auto !important; padding: 0 !important; } /* ========== PRODUCT CARD - ENHANCED ========== */ .woocommerce li.product, .elementor-widget-woocommerce-products li.product, ul.products li.product { position: relative !important; background: rgba(20, 20, 20, 0.85) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; border: 2px solid rgba(212, 175, 55, 0.2) !important; border-radius: 22px !important; padding: 20px !important; transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) !important; box-shadow: 0 18px 45px rgba(0, 0, 0, 0.45) !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; width: 100% !important; margin: 0 !important; list-style: none !important; } /* ========== HOVER EFFECTS ========== */ .woocommerce li.product:hover, .elementor-widget-woocommerce-products li.product:hover { transform: translateY(-12px) !important; border-color: rgba(212, 175, 55, 0.6) !important; box-shadow: 0 32px 70px rgba(0, 0, 0, 0.65), 0 0 50px rgba(212, 175, 55, 0.15) !important; } /* ========== PRODUCT IMAGE ========== */ .woocommerce li.product img, .elementor-widget-woocommerce-products li.product img { border-radius: 16px !important; margin-bottom: 16px !important; transition: transform 0.7s cubic-bezier(0.25, 0.8, 0.25, 1) !important; width: 100% !important; display: block !important; } .woocommerce li.product:hover img, .elementor-widget-woocommerce-products li.product:hover img { transform: scale(1.05) !important; } /* ========== PRODUCT TITLE ========== */ .woocommerce li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products li.product .woocommerce-loop-product__title, .woocommerce li.product h2, .elementor-widget-woocommerce-products li.product h2 { color: #ffffff !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.4 !important; padding: 0 !important; margin: 0 0 8px 0 !important; transition: all 0.3s ease !important; } .woocommerce li.product:hover .woocommerce-loop-product__title, .elementor-widget-woocommerce-products li.product:hover .woocommerce-loop-product__title { color: #FFD700 !important; text-shadow: 0 0 20px rgba(212, 175, 55, 0.3) !important; } /* ========== SHORT DESCRIPTION ========== */ .woocommerce li.product .woocommerce-loop-product__description, .elementor-widget-woocommerce-products li.product .woocommerce-loop-product__description { display: block !important; font-size: 13px !important; color: #b0b0b0 !important; line-height: 1.6 !important; margin: 0 0 12px 0 !important; font-weight: 300 !important; padding-left: 10px !important; border-left: 2px solid rgba(212, 175, 55, 0.2) !important; transition: all 0.3s ease !important; } .woocommerce li.product:hover .woocommerce-loop-product__description, .elementor-widget-woocommerce-products li.product:hover .woocommerce-loop-product__description { color: #e0e0e0 !important; border-left-color: #D4AF37 !important; } /* ========== PRICE ========== */ .woocommerce li.product .price, .elementor-widget-woocommerce-products li.product .price { color: #D4AF37 !important; font-size: 20px !important; font-weight: 700 !important; margin: 0 0 16px 0 !important; display: flex !important; align-items: center !important; gap: 8px !important; transition: all 0.3s ease !important; } .woocommerce li.product:hover .price, .elementor-widget-woocommerce-products li.product:hover .price { transform: scale(1.05) !important; text-shadow: 0 0 15px rgba(212, 175, 55, 0.3) !important; } .woocommerce li.product .price del, .elementor-widget-woocommerce-products li.product .price del { color: #707070 !important; font-size: 14px !important; opacity: 0.7 !important; } .woocommerce li.product .price ins, .elementor-widget-woocommerce-products li.product .price ins { text-decoration: none !important; color: #D4AF37 !important; } /* ========== ADD TO CART BUTTON ========== */ .woocommerce li.product a.button, .woocommerce li.product .add_to_cart_button, .elementor-widget-woocommerce-products li.product a.button, .elementor-widget-woocommerce-products li.product .add_to_cart_button { background: linear-gradient(135deg, #B8941F, #D4AF37, #E5C767) !important; color: #0a0a0a !important; font-family: 'Inter', sans-serif !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; padding: 13px 20px !important; border-radius: 50px !important; border: none !important; text-align: center !important; transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important; box-shadow: 0 6px 20px rgba(212, 175, 55, 0.35) !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; width: 100% !important; margin-top: auto !important; } .woocommerce li.product a.button:hover, .woocommerce li.product .add_to_cart_button:hover, .elementor-widget-woocommerce-products li.product a.button:hover { transform: translateY(-3px) !important; box-shadow: 0 15px 40px rgba(212, 175, 55, 0.5) !important; background: linear-gradient(135deg, #D4AF37, #E5C767, #F0D878) !important; color: #0a0a0a !important; } /* ========== SALE BADGE ========== */ .woocommerce li.product span.onsale, .elementor-widget-woocommerce-products li.product span.onsale { background: linear-gradient(135deg, #D4AF37, #E5C767) !important; color: #0a0a0a !important; font-family: 'Inter', sans-serif !important; font-weight: 800 !important; font-size: 11px !important; text-transform: uppercase !important; letter-spacing: 1px !important; border-radius: 50px !important; padding: 7px 14px !important; min-height: auto !important; min-width: auto !important; line-height: 1 !important; box-shadow: 0 6px 20px rgba(212, 175, 55, 0.4) !important; position: absolute !important; top: 14px !important; left: 14px !important; z-index: 10 !important; margin: 0 !important; } /* ========== RESPONSIVE ========== */ /* Tablet (3 Columns) */ @media (max-width: 1024px) and (min-width: 769px) { .woocommerce .products, .elementor-widget-woocommerce-products .products, ul.products { grid-template-columns: repeat(3, 1fr) !important; gap: 22px !important; } } /* Mobile (2 Columns) */ @media (max-width: 768px) { .woocommerce .products, .elementor-widget-woocommerce-products .products, ul.products { grid-template-columns: repeat(2, 1fr) !important; gap: 16px !important; padding: 0 14px !important; } .woocommerce li.product, .elementor-widget-woocommerce-products li.product { padding: 14px !important; border-radius: 18px !important; } .woocommerce li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products li.product .woocommerce-loop-product__title { font-size: 13px !important; } .woocommerce li.product .price, .elementor-widget-woocommerce-products li.product .price { font-size: 16px !important; } .woocommerce li.product a.button, .woocommerce li.product .add_to_cart_button { padding: 11px 14px !important; font-size: 10px !important; } .woocommerce li.product span.onsale { font-size: 9px !important; padding: 5px 10px !important; top: 10px !important; left: 10px !important; } } /* Small Phones */ @media (max-width: 480px) { .woocommerce .products, .elementor-widget-woocommerce-products .products, ul.products { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; padding: 0 10px !important; } .woocommerce li.product, .elementor-widget-woocommerce-products li.product { padding: 10px !important; } .woocommerce li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products li.product .woocommerce-loop-product__title { font-size: 12px !important; } .woocommerce li.product .price, .elementor-widget-woocommerce-products li.product .price { font-size: 14px !important; } .woocommerce li.product a.button, .woocommerce li.product .add_to_cart_button { padding: 10px 12px !important; font-size: 9px !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-5ada9e6 *//* ====================================== PREMIUM PRODUCT GRID - FIXED FOR ELEMENTOR WooCommerce Products Widget ====================================== */ /* ========== SECTION WRAPPER ========== */ .woocommerce .products, .elementor-widget-woocommerce-products .products, ul.products { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 28px !important; max-width: 1320px !important; margin: 0 auto !important; padding: 0 !important; } /* ========== PRODUCT CARD - ENHANCED ========== */ .woocommerce li.product, .elementor-widget-woocommerce-products li.product, ul.products li.product { position: relative !important; background: rgba(20, 20, 20, 0.85) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; border: 2px solid rgba(212, 175, 55, 0.2) !important; border-radius: 22px !important; padding: 20px !important; transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) !important; box-shadow: 0 18px 45px rgba(0, 0, 0, 0.45) !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; width: 100% !important; margin: 0 !important; list-style: none !important; } /* ========== HOVER EFFECTS ========== */ .woocommerce li.product:hover, .elementor-widget-woocommerce-products li.product:hover { transform: translateY(-12px) !important; border-color: rgba(212, 175, 55, 0.6) !important; box-shadow: 0 32px 70px rgba(0, 0, 0, 0.65), 0 0 50px rgba(212, 175, 55, 0.15) !important; } /* ========== PRODUCT IMAGE ========== */ .woocommerce li.product img, .elementor-widget-woocommerce-products li.product img { border-radius: 16px !important; margin-bottom: 16px !important; transition: transform 0.7s cubic-bezier(0.25, 0.8, 0.25, 1) !important; width: 100% !important; display: block !important; } .woocommerce li.product:hover img, .elementor-widget-woocommerce-products li.product:hover img { transform: scale(1.05) !important; } /* ========== PRODUCT TITLE ========== */ .woocommerce li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products li.product .woocommerce-loop-product__title, .woocommerce li.product h2, .elementor-widget-woocommerce-products li.product h2 { color: #ffffff !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.4 !important; padding: 0 !important; margin: 0 0 8px 0 !important; transition: all 0.3s ease !important; } .woocommerce li.product:hover .woocommerce-loop-product__title, .elementor-widget-woocommerce-products li.product:hover .woocommerce-loop-product__title { color: #FFD700 !important; text-shadow: 0 0 20px rgba(212, 175, 55, 0.3) !important; } /* ========== SHORT DESCRIPTION ========== */ .woocommerce li.product .woocommerce-loop-product__description, .elementor-widget-woocommerce-products li.product .woocommerce-loop-product__description { display: block !important; font-size: 13px !important; color: #b0b0b0 !important; line-height: 1.6 !important; margin: 0 0 12px 0 !important; font-weight: 300 !important; padding-left: 10px !important; border-left: 2px solid rgba(212, 175, 55, 0.2) !important; transition: all 0.3s ease !important; } .woocommerce li.product:hover .woocommerce-loop-product__description, .elementor-widget-woocommerce-products li.product:hover .woocommerce-loop-product__description { color: #e0e0e0 !important; border-left-color: #D4AF37 !important; } /* ========== PRICE ========== */ .woocommerce li.product .price, .elementor-widget-woocommerce-products li.product .price { color: #D4AF37 !important; font-size: 20px !important; font-weight: 700 !important; margin: 0 0 16px 0 !important; display: flex !important; align-items: center !important; gap: 8px !important; transition: all 0.3s ease !important; } .woocommerce li.product:hover .price, .elementor-widget-woocommerce-products li.product:hover .price { transform: scale(1.05) !important; text-shadow: 0 0 15px rgba(212, 175, 55, 0.3) !important; } .woocommerce li.product .price del, .elementor-widget-woocommerce-products li.product .price del { color: #707070 !important; font-size: 14px !important; opacity: 0.7 !important; } .woocommerce li.product .price ins, .elementor-widget-woocommerce-products li.product .price ins { text-decoration: none !important; color: #D4AF37 !important; } /* ========== ADD TO CART BUTTON ========== */ .woocommerce li.product a.button, .woocommerce li.product .add_to_cart_button, .elementor-widget-woocommerce-products li.product a.button, .elementor-widget-woocommerce-products li.product .add_to_cart_button { background: linear-gradient(135deg, #B8941F, #D4AF37, #E5C767) !important; color: #0a0a0a !important; font-family: 'Inter', sans-serif !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; padding: 13px 20px !important; border-radius: 50px !important; border: none !important; text-align: center !important; transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important; box-shadow: 0 6px 20px rgba(212, 175, 55, 0.35) !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; width: 100% !important; margin-top: auto !important; } .woocommerce li.product a.button:hover, .woocommerce li.product .add_to_cart_button:hover, .elementor-widget-woocommerce-products li.product a.button:hover { transform: translateY(-3px) !important; box-shadow: 0 15px 40px rgba(212, 175, 55, 0.5) !important; background: linear-gradient(135deg, #D4AF37, #E5C767, #F0D878) !important; color: #0a0a0a !important; } /* ========== SALE BADGE ========== */ .woocommerce li.product span.onsale, .elementor-widget-woocommerce-products li.product span.onsale { background: linear-gradient(135deg, #D4AF37, #E5C767) !important; color: #0a0a0a !important; font-family: 'Inter', sans-serif !important; font-weight: 800 !important; font-size: 11px !important; text-transform: uppercase !important; letter-spacing: 1px !important; border-radius: 50px !important; padding: 7px 14px !important; min-height: auto !important; min-width: auto !important; line-height: 1 !important; box-shadow: 0 6px 20px rgba(212, 175, 55, 0.4) !important; position: absolute !important; top: 14px !important; left: 14px !important; z-index: 10 !important; margin: 0 !important; } /* ========== RESPONSIVE ========== */ /* Tablet (3 Columns) */ @media (max-width: 1024px) and (min-width: 769px) { .woocommerce .products, .elementor-widget-woocommerce-products .products, ul.products { grid-template-columns: repeat(3, 1fr) !important; gap: 22px !important; } } /* Mobile (2 Columns) */ @media (max-width: 768px) { .woocommerce .products, .elementor-widget-woocommerce-products .products, ul.products { grid-template-columns: repeat(2, 1fr) !important; gap: 16px !important; padding: 0 14px !important; } .woocommerce li.product, .elementor-widget-woocommerce-products li.product { padding: 14px !important; border-radius: 18px !important; } .woocommerce li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products li.product .woocommerce-loop-product__title { font-size: 13px !important; } .woocommerce li.product .price, .elementor-widget-woocommerce-products li.product .price { font-size: 16px !important; } .woocommerce li.product a.button, .woocommerce li.product .add_to_cart_button { padding: 11px 14px !important; font-size: 10px !important; } .woocommerce li.product span.onsale { font-size: 9px !important; padding: 5px 10px !important; top: 10px !important; left: 10px !important; } } /* Small Phones */ @media (max-width: 480px) { .woocommerce .products, .elementor-widget-woocommerce-products .products, ul.products { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; padding: 0 10px !important; } .woocommerce li.product, .elementor-widget-woocommerce-products li.product { padding: 10px !important; } .woocommerce li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products li.product .woocommerce-loop-product__title { font-size: 12px !important; } .woocommerce li.product .price, .elementor-widget-woocommerce-products li.product .price { font-size: 14px !important; } .woocommerce li.product a.button, .woocommerce li.product .add_to_cart_button { padding: 10px 12px !important; font-size: 9px !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-2b751f4 *//* ====================================== PREMIUM PRODUCT GRID - FIXED FOR ELEMENTOR WooCommerce Products Widget ====================================== */ /* ========== SECTION WRAPPER ========== */ .woocommerce .products, .elementor-widget-woocommerce-products .products, ul.products { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 28px !important; max-width: 1320px !important; margin: 0 auto !important; padding: 0 !important; } /* ========== PRODUCT CARD - ENHANCED ========== */ .woocommerce li.product, .elementor-widget-woocommerce-products li.product, ul.products li.product { position: relative !important; background: rgba(20, 20, 20, 0.85) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; border: 2px solid rgba(212, 175, 55, 0.2) !important; border-radius: 22px !important; padding: 20px !important; transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) !important; box-shadow: 0 18px 45px rgba(0, 0, 0, 0.45) !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; width: 100% !important; margin: 0 !important; list-style: none !important; } /* ========== HOVER EFFECTS ========== */ .woocommerce li.product:hover, .elementor-widget-woocommerce-products li.product:hover { transform: translateY(-12px) !important; border-color: rgba(212, 175, 55, 0.6) !important; box-shadow: 0 32px 70px rgba(0, 0, 0, 0.65), 0 0 50px rgba(212, 175, 55, 0.15) !important; } /* ========== PRODUCT IMAGE ========== */ .woocommerce li.product img, .elementor-widget-woocommerce-products li.product img { border-radius: 16px !important; margin-bottom: 16px !important; transition: transform 0.7s cubic-bezier(0.25, 0.8, 0.25, 1) !important; width: 100% !important; display: block !important; } .woocommerce li.product:hover img, .elementor-widget-woocommerce-products li.product:hover img { transform: scale(1.05) !important; } /* ========== PRODUCT TITLE ========== */ .woocommerce li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products li.product .woocommerce-loop-product__title, .woocommerce li.product h2, .elementor-widget-woocommerce-products li.product h2 { color: #ffffff !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.4 !important; padding: 0 !important; margin: 0 0 8px 0 !important; transition: all 0.3s ease !important; } .woocommerce li.product:hover .woocommerce-loop-product__title, .elementor-widget-woocommerce-products li.product:hover .woocommerce-loop-product__title { color: #FFD700 !important; text-shadow: 0 0 20px rgba(212, 175, 55, 0.3) !important; } /* ========== SHORT DESCRIPTION ========== */ .woocommerce li.product .woocommerce-loop-product__description, .elementor-widget-woocommerce-products li.product .woocommerce-loop-product__description { display: block !important; font-size: 13px !important; color: #b0b0b0 !important; line-height: 1.6 !important; margin: 0 0 12px 0 !important; font-weight: 300 !important; padding-left: 10px !important; border-left: 2px solid rgba(212, 175, 55, 0.2) !important; transition: all 0.3s ease !important; } .woocommerce li.product:hover .woocommerce-loop-product__description, .elementor-widget-woocommerce-products li.product:hover .woocommerce-loop-product__description { color: #e0e0e0 !important; border-left-color: #D4AF37 !important; } /* ========== PRICE ========== */ .woocommerce li.product .price, .elementor-widget-woocommerce-products li.product .price { color: #D4AF37 !important; font-size: 20px !important; font-weight: 700 !important; margin: 0 0 16px 0 !important; display: flex !important; align-items: center !important; gap: 8px !important; transition: all 0.3s ease !important; } .woocommerce li.product:hover .price, .elementor-widget-woocommerce-products li.product:hover .price { transform: scale(1.05) !important; text-shadow: 0 0 15px rgba(212, 175, 55, 0.3) !important; } .woocommerce li.product .price del, .elementor-widget-woocommerce-products li.product .price del { color: #707070 !important; font-size: 14px !important; opacity: 0.7 !important; } .woocommerce li.product .price ins, .elementor-widget-woocommerce-products li.product .price ins { text-decoration: none !important; color: #D4AF37 !important; } /* ========== ADD TO CART BUTTON ========== */ .woocommerce li.product a.button, .woocommerce li.product .add_to_cart_button, .elementor-widget-woocommerce-products li.product a.button, .elementor-widget-woocommerce-products li.product .add_to_cart_button { background: linear-gradient(135deg, #B8941F, #D4AF37, #E5C767) !important; color: #0a0a0a !important; font-family: 'Inter', sans-serif !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; padding: 13px 20px !important; border-radius: 50px !important; border: none !important; text-align: center !important; transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important; box-shadow: 0 6px 20px rgba(212, 175, 55, 0.35) !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; width: 100% !important; margin-top: auto !important; } .woocommerce li.product a.button:hover, .woocommerce li.product .add_to_cart_button:hover, .elementor-widget-woocommerce-products li.product a.button:hover { transform: translateY(-3px) !important; box-shadow: 0 15px 40px rgba(212, 175, 55, 0.5) !important; background: linear-gradient(135deg, #D4AF37, #E5C767, #F0D878) !important; color: #0a0a0a !important; } /* ========== SALE BADGE ========== */ .woocommerce li.product span.onsale, .elementor-widget-woocommerce-products li.product span.onsale { background: linear-gradient(135deg, #D4AF37, #E5C767) !important; color: #0a0a0a !important; font-family: 'Inter', sans-serif !important; font-weight: 800 !important; font-size: 11px !important; text-transform: uppercase !important; letter-spacing: 1px !important; border-radius: 50px !important; padding: 7px 14px !important; min-height: auto !important; min-width: auto !important; line-height: 1 !important; box-shadow: 0 6px 20px rgba(212, 175, 55, 0.4) !important; position: absolute !important; top: 14px !important; left: 14px !important; z-index: 10 !important; margin: 0 !important; } /* ========== RESPONSIVE ========== */ /* Tablet (3 Columns) */ @media (max-width: 1024px) and (min-width: 769px) { .woocommerce .products, .elementor-widget-woocommerce-products .products, ul.products { grid-template-columns: repeat(3, 1fr) !important; gap: 22px !important; } } /* Mobile (2 Columns) */ @media (max-width: 768px) { .woocommerce .products, .elementor-widget-woocommerce-products .products, ul.products { grid-template-columns: repeat(2, 1fr) !important; gap: 16px !important; padding: 0 14px !important; } .woocommerce li.product, .elementor-widget-woocommerce-products li.product { padding: 14px !important; border-radius: 18px !important; } .woocommerce li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products li.product .woocommerce-loop-product__title { font-size: 13px !important; } .woocommerce li.product .price, .elementor-widget-woocommerce-products li.product .price { font-size: 16px !important; } .woocommerce li.product a.button, .woocommerce li.product .add_to_cart_button { padding: 11px 14px !important; font-size: 10px !important; } .woocommerce li.product span.onsale { font-size: 9px !important; padding: 5px 10px !important; top: 10px !important; left: 10px !important; } } /* Small Phones */ @media (max-width: 480px) { .woocommerce .products, .elementor-widget-woocommerce-products .products, ul.products { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; padding: 0 10px !important; } .woocommerce li.product, .elementor-widget-woocommerce-products li.product { padding: 10px !important; } .woocommerce li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products li.product .woocommerce-loop-product__title { font-size: 12px !important; } .woocommerce li.product .price, .elementor-widget-woocommerce-products li.product .price { font-size: 14px !important; } .woocommerce li.product a.button, .woocommerce li.product .add_to_cart_button { padding: 10px 12px !important; font-size: 9px !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-8447a77 *//* ====================================== PREMIUM PRODUCT GRID - FIXED FOR ELEMENTOR WooCommerce Products Widget ====================================== */ /* ========== SECTION WRAPPER ========== */ .woocommerce .products, .elementor-widget-woocommerce-products .products, ul.products { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 28px !important; max-width: 1320px !important; margin: 0 auto !important; padding: 0 !important; } /* ========== PRODUCT CARD - ENHANCED ========== */ .woocommerce li.product, .elementor-widget-woocommerce-products li.product, ul.products li.product { position: relative !important; background: rgba(20, 20, 20, 0.85) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; border: 2px solid rgba(212, 175, 55, 0.2) !important; border-radius: 22px !important; padding: 20px !important; transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) !important; box-shadow: 0 18px 45px rgba(0, 0, 0, 0.45) !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; width: 100% !important; margin: 0 !important; list-style: none !important; } /* ========== HOVER EFFECTS ========== */ .woocommerce li.product:hover, .elementor-widget-woocommerce-products li.product:hover { transform: translateY(-12px) !important; border-color: rgba(212, 175, 55, 0.6) !important; box-shadow: 0 32px 70px rgba(0, 0, 0, 0.65), 0 0 50px rgba(212, 175, 55, 0.15) !important; } /* ========== PRODUCT IMAGE ========== */ .woocommerce li.product img, .elementor-widget-woocommerce-products li.product img { border-radius: 16px !important; margin-bottom: 16px !important; transition: transform 0.7s cubic-bezier(0.25, 0.8, 0.25, 1) !important; width: 100% !important; display: block !important; } .woocommerce li.product:hover img, .elementor-widget-woocommerce-products li.product:hover img { transform: scale(1.05) !important; } /* ========== PRODUCT TITLE ========== */ .woocommerce li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products li.product .woocommerce-loop-product__title, .woocommerce li.product h2, .elementor-widget-woocommerce-products li.product h2 { color: #ffffff !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.4 !important; padding: 0 !important; margin: 0 0 8px 0 !important; transition: all 0.3s ease !important; } .woocommerce li.product:hover .woocommerce-loop-product__title, .elementor-widget-woocommerce-products li.product:hover .woocommerce-loop-product__title { color: #FFD700 !important; text-shadow: 0 0 20px rgba(212, 175, 55, 0.3) !important; } /* ========== SHORT DESCRIPTION ========== */ .woocommerce li.product .woocommerce-loop-product__description, .elementor-widget-woocommerce-products li.product .woocommerce-loop-product__description { display: block !important; font-size: 13px !important; color: #b0b0b0 !important; line-height: 1.6 !important; margin: 0 0 12px 0 !important; font-weight: 300 !important; padding-left: 10px !important; border-left: 2px solid rgba(212, 175, 55, 0.2) !important; transition: all 0.3s ease !important; } .woocommerce li.product:hover .woocommerce-loop-product__description, .elementor-widget-woocommerce-products li.product:hover .woocommerce-loop-product__description { color: #e0e0e0 !important; border-left-color: #D4AF37 !important; } /* ========== PRICE ========== */ .woocommerce li.product .price, .elementor-widget-woocommerce-products li.product .price { color: #D4AF37 !important; font-size: 20px !important; font-weight: 700 !important; margin: 0 0 16px 0 !important; display: flex !important; align-items: center !important; gap: 8px !important; transition: all 0.3s ease !important; } .woocommerce li.product:hover .price, .elementor-widget-woocommerce-products li.product:hover .price { transform: scale(1.05) !important; text-shadow: 0 0 15px rgba(212, 175, 55, 0.3) !important; } .woocommerce li.product .price del, .elementor-widget-woocommerce-products li.product .price del { color: #707070 !important; font-size: 14px !important; opacity: 0.7 !important; } .woocommerce li.product .price ins, .elementor-widget-woocommerce-products li.product .price ins { text-decoration: none !important; color: #D4AF37 !important; } /* ========== ADD TO CART BUTTON ========== */ .woocommerce li.product a.button, .woocommerce li.product .add_to_cart_button, .elementor-widget-woocommerce-products li.product a.button, .elementor-widget-woocommerce-products li.product .add_to_cart_button { background: linear-gradient(135deg, #B8941F, #D4AF37, #E5C767) !important; color: #0a0a0a !important; font-family: 'Inter', sans-serif !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; padding: 13px 20px !important; border-radius: 50px !important; border: none !important; text-align: center !important; transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important; box-shadow: 0 6px 20px rgba(212, 175, 55, 0.35) !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; width: 100% !important; margin-top: auto !important; } .woocommerce li.product a.button:hover, .woocommerce li.product .add_to_cart_button:hover, .elementor-widget-woocommerce-products li.product a.button:hover { transform: translateY(-3px) !important; box-shadow: 0 15px 40px rgba(212, 175, 55, 0.5) !important; background: linear-gradient(135deg, #D4AF37, #E5C767, #F0D878) !important; color: #0a0a0a !important; } /* ========== SALE BADGE ========== */ .woocommerce li.product span.onsale, .elementor-widget-woocommerce-products li.product span.onsale { background: linear-gradient(135deg, #D4AF37, #E5C767) !important; color: #0a0a0a !important; font-family: 'Inter', sans-serif !important; font-weight: 800 !important; font-size: 11px !important; text-transform: uppercase !important; letter-spacing: 1px !important; border-radius: 50px !important; padding: 7px 14px !important; min-height: auto !important; min-width: auto !important; line-height: 1 !important; box-shadow: 0 6px 20px rgba(212, 175, 55, 0.4) !important; position: absolute !important; top: 14px !important; left: 14px !important; z-index: 10 !important; margin: 0 !important; } /* ========== RESPONSIVE ========== */ /* Tablet (3 Columns) */ @media (max-width: 1024px) and (min-width: 769px) { .woocommerce .products, .elementor-widget-woocommerce-products .products, ul.products { grid-template-columns: repeat(3, 1fr) !important; gap: 22px !important; } } /* Mobile (2 Columns) */ @media (max-width: 768px) { .woocommerce .products, .elementor-widget-woocommerce-products .products, ul.products { grid-template-columns: repeat(2, 1fr) !important; gap: 16px !important; padding: 0 14px !important; } .woocommerce li.product, .elementor-widget-woocommerce-products li.product { padding: 14px !important; border-radius: 18px !important; } .woocommerce li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products li.product .woocommerce-loop-product__title { font-size: 13px !important; } .woocommerce li.product .price, .elementor-widget-woocommerce-products li.product .price { font-size: 16px !important; } .woocommerce li.product a.button, .woocommerce li.product .add_to_cart_button { padding: 11px 14px !important; font-size: 10px !important; } .woocommerce li.product span.onsale { font-size: 9px !important; padding: 5px 10px !important; top: 10px !important; left: 10px !important; } } /* Small Phones */ @media (max-width: 480px) { .woocommerce .products, .elementor-widget-woocommerce-products .products, ul.products { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; padding: 0 10px !important; } .woocommerce li.product, .elementor-widget-woocommerce-products li.product { padding: 10px !important; } .woocommerce li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products li.product .woocommerce-loop-product__title { font-size: 12px !important; } .woocommerce li.product .price, .elementor-widget-woocommerce-products li.product .price { font-size: 14px !important; } .woocommerce li.product a.button, .woocommerce li.product .add_to_cart_button { padding: 10px 12px !important; font-size: 9px !important; } }/* End custom CSS */