.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-197 .elementor-element.elementor-element-f49b09f.elementor-wc-products ul.products li.product{text-align:center;border-style:solid;border-width:1px 1px 1px 1px;border-radius:0px;padding:0px 0px 0px 0px;border-color:#EC0808;}.elementor-197 .elementor-element.elementor-element-f49b09f > .elementor-widget-container{border-style:double;border-width:1px 1px 1px 1px;}.elementor-197 .elementor-element.elementor-element-f49b09f.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-197 .elementor-element.elementor-element-f49b09f.elementor-wc-products .attachment-woocommerce_thumbnail{border-style:double;border-width:5px 5px 5px 5px;border-color:#F40B0B;border-radius:74px 74px 74px 74px;}.elementor-197 .elementor-element.elementor-element-f49b09f.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#030B0F;}.elementor-197 .elementor-element.elementor-element-f49b09f.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#030B0F;}.elementor-197 .elementor-element.elementor-element-f49b09f.elementor-wc-products ul.products li.product .price{color:#E9377F;}.elementor-197 .elementor-element.elementor-element-f49b09f.elementor-wc-products ul.products li.product .price ins{color:#E9377F;}.elementor-197 .elementor-element.elementor-element-f49b09f.elementor-wc-products ul.products li.product .price ins .amount{color:#E9377F;}.elementor-197 .elementor-element.elementor-element-f49b09f.elementor-wc-products ul.products li.product .price del{color:#777C7E;}.elementor-197 .elementor-element.elementor-element-f49b09f.elementor-wc-products ul.products li.product .price del .amount{color:#777C7E;}.elementor-197 .elementor-element.elementor-element-f49b09f.elementor-wc-products ul.products li.product .button{color:#FBFAFF;background-color:#2F98F1;border-color:#E50B0B;border-style:double;border-width:1px 1px 1px 1px;border-radius:10px 10px 10px 10px;}.elementor-197 .elementor-element.elementor-element-f49b09f.elementor-wc-products ul.products li.product span.onsale{display:block;right:auto;left:0;}@media(max-width:1024px){.elementor-197 .elementor-element.elementor-element-f49b09f.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-197 .elementor-element.elementor-element-f49b09f.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-f49b09f *//* ===================================================== 🤍 FULL BRIGHT PRODUCT DESIGN ✨ WHITE BACKGROUND + FLASH + PREMIUM GLOW ===================================================== */ .woocommerce ul.products li.product { position: relative; overflow: hidden; /* FULL BRIGHT WHITE */ background: #ffffff !important; border: 1px solid #e9eef5; border-radius: 24px; padding: 18px !important; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06), 0 0 30px rgba(255, 255, 255, 0.95); transition: all 0.45s ease; } /* ===================================================== ☀️ BRIGHT LIGHT LAYER ===================================================== */ .woocommerce ul.products li.product::before { content: ""; position: absolute; inset: 0; background: radial-gradient( circle at 15% 15%, rgba(255,255,255,1), transparent 45% ), radial-gradient( circle at 85% 85%, rgba(245,250,255,0.9), transparent 50% ); pointer-events: none; z-index: 0; } /* ===================================================== ✨ MOVING WHITE FLASH ===================================================== */ .woocommerce ul.products li.product::after { content: ""; position: absolute; top: -40%; left: -120%; width: 45%; height: 180%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,0.35), rgba(255,255,255,1), rgba(255,255,255,0.35), transparent ); transform: rotate(22deg); animation: productFlash 2.5s ease-in-out infinite; pointer-events: none; z-index: 10; } @keyframes productFlash { 0% { left: -120%; opacity: 0; } 20% { opacity: 1; } 55% { left: 150%; opacity: 1; } 100% { left: 150%; opacity: 0; } } /* ===================================================== 🖼️ PRODUCT IMAGE ===================================================== */ .woocommerce ul.products li.product img { position: relative; z-index: 2; background: #ffffff; border-radius: 18px; transition: all 0.5s ease; } .woocommerce ul.products li.product:hover img { transform: scale(1.07); filter: brightness(1.05); } /* ===================================================== 🏷️ PRODUCT TITLE ===================================================== */ .woocommerce ul.products li.product .woocommerce-loop-product__title { position: relative; z-index: 3; color: #111827; font-size: 19px; font-weight: 800; transition: 0.3s ease; } /* ===================================================== 💰 PRICE ===================================================== */ .woocommerce ul.products li.product .price { position: relative; z-index: 3; color: #ff3158 !important; font-size: 22px; font-weight: 900; } /* ===================================================== 🛒 BEAUTIFUL BUTTON ===================================================== */ .woocommerce ul.products li.product .button { position: relative; z-index: 4; width: 90%; padding: 13px 22px; border: none; border-radius: 50px; color: #ffffff !important; font-weight: 800; background: linear-gradient( 90deg, #0077ff, #00c6ff, #0077ff ); background-size: 200% 100%; box-shadow: 0 8px 20px rgba(0,119,255,0.22); animation: buttonLight 3s infinite; transition: 0.35s ease; } .woocommerce ul.products li.product .button:hover { transform: scale(1.05); box-shadow: 0 12px 30px rgba(0,119,255,0.35); } @keyframes buttonLight { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* ===================================================== 🔥 SALE BADGE ===================================================== */ .woocommerce span.onsale { background: linear-gradient( 135deg, #ff1744, #ff7043 ) !important; color: #ffffff !important; border-radius: 50px; font-weight: 800; box-shadow: 0 6px 18px rgba(255,50,80,0.25); } /* ===================================================== 🌟 HOVER EFFECT ===================================================== */ .woocommerce ul.products li.product:hover { transform: translateY(-10px); border-color: #d9ecff; box-shadow: 0 18px 40px rgba(0,0,0,0.10), 0 0 40px rgba(255,255,255,1), 0 0 25px rgba(0,180,255,0.12); } /* ===================================================== 📱 MOBILE ===================================================== */ @media (max-width: 768px) { .woocommerce ul.products li.product { padding: 12px !important; border-radius: 18px; } .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 16px; } .woocommerce ul.products li.product .price { font-size: 19px; } .woocommerce ul.products li.product .button { width: 95%; } }/* End custom CSS */