.woocommerce ul.products, .elementor-widget-woocommerce-products ul.products, .elementor-widget-wc-archive-products ul.products { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important; gap: 22px !important; margin: 0 !important; padding: 0 !important; } .woocommerce ul.products::before, .woocommerce ul.products::after { display: none !important; } .woocommerce ul.products li.product, .elementor-widget-woocommerce-products ul.products li.product, .elementor-widget-wc-archive-products ul.products li.product { width: auto !important; float: none !important; margin: 0 !important; padding: 16px !important; border: 1px solid #e2e7f0 !important; border-radius: 6px !important; background: #fff !important; min-height: 100%; display: flex !important; flex-direction: column !important; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; } .woocommerce ul.products li.product:hover { border-color: #cfd7e6 !important; box-shadow: 0 10px 26px rgba(20, 30, 50, .08) !important; transform: translateY(-1px); } .woocommerce ul.products li.product a.woocommerce-LoopProduct-link { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; color: #230000 !important; text-decoration: none !important; } .woocommerce ul.products li.product img { width: 100% !important; height: 180px !important; object-fit: contain !important; margin: 0 0 14px !important; background: #f8fafc !important; border-radius: 4px !important; } .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h2, .woocommerce ul.products li.product h3 { min-height: 44px; margin: 0 0 10px !important; padding: 0 !important; color: #230000 !important; font-family: Montserrat, Arial, sans-serif !important; font-size: 15px !important; line-height: 1.35 !important; font-weight: 600 !important; overflow-wrap: anywhere; } .woocommerce ul.products li.product .price { min-height: 20px; margin: auto 0 12px !important; color: #4f46e6 !important; font-size: 14px !important; font-weight: 600 !important; } .woocommerce ul.products li.product .button, .woocommerce a.button, .woocommerce button.button { border-radius: 4px !important; background: #4f46e6 !important; color: #fff !important; font-family: Montserrat, Arial, sans-serif !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .03em !important; text-transform: uppercase !important; text-align: center !important; } .woocommerce ul.products li.product .button { width: 100%; margin-top: auto !important; } .single-product div.product { max-width: 1110px; margin-left: auto; margin-right: auto; } .single-product div.product .woocommerce-product-gallery img { object-fit: contain; background: #f8fafc; } @media (max-width: 560px) { .woocommerce ul.products, .elementor-widget-woocommerce-products ul.products, .elementor-widget-wc-archive-products ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; } .woocommerce ul.products li.product { padding: 10px !important; } .woocommerce ul.products li.product img { height: 130px !important; } .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h2, .woocommerce ul.products li.product h3 { font-size: 13px !important; } }