/* ========================================================= N-VOLT - GRELHA DE PRODUTOS 4 produtos desktop / 3 tablet / 2 mobile Leve - apenas CSS ========================================================= */ /* DESKTOP */ @media (min-width: 1025px) { /* Grelha WooCommerce */ ul.products, .woocommerce ul.products { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 18px !important; margin-left: 0 !important; margin-right: 0 !important; } /* Cada produto */ ul.products li.product, .woocommerce ul.products li.product { width: auto !important; margin: 0 !important; float: none !important; padding: 12px !important; box-sizing: border-box !important; } /* Imagem */ ul.products li.product img, .woocommerce ul.products li.product img { width: 100% !important; height: 220px !important; object-fit: contain !important; margin: 0 auto 12px !important; } /* Nome */ ul.products li.product .woocommerce-loop-product__title { font-size: 15px !important; line-height: 1.3 !important; margin: 8px 0 !important; } /* Preço */ ul.products li.product .price { font-size: 17px !important; margin: 6px 0 !important; } /* Cartão */ ul.products li.product { border: 1px solid #e8e8e8; border-radius: 12px; background: #fff; transition: transform .2s ease, box-shadow .2s ease; } ul.products li.product:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0,0,0,.08); } } /* ========================================================= TABLET ========================================================= */ @media (min-width: 768px) and (max-width: 1024px) { ul.products, .woocommerce ul.products { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 15px !important; } ul.products li.product, .woocommerce ul.products li.product { width: auto !important; margin: 0 !important; float: none !important; padding: 10px !important; } ul.products li.product img, .woocommerce ul.products li.product img { height: 190px !important; object-fit: contain !important; } } /* ========================================================= TELEMÓVEL ========================================================= */ @media (max-width: 767px) { ul.products, .woocommerce ul.products { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; } ul.products li.product, .woocommerce ul.products li.product { width: auto !important; margin: 0 !important; float: none !important; padding: 8px !important; } ul.products li.product img, .woocommerce ul.products li.product img { height: 150px !important; object-fit: contain !important; margin-bottom: 8px !important; } ul.products li.product .woocommerce-loop-product__title { font-size: 13px !important; line-height: 1.25 !important; } ul.products li.product .price { font-size: 15px !important; } }
Carrinho

ANTI-APAGÃO

Exibindo 19–19 de 19 resultados

plugins premium WordPress