:root { --pri: #55a2a6; --blk: #000; --gry: #4a4c4c; --bg: #f7f9f9; }
.post-type-archive-product .site,
.tax-product_cat .site { background: var(--bg); } .woocommerce ul.products li.product {
background: #fff;
border: 1px solid #e6eaea;
border-radius: 12px;
overflow: hidden;
padding: 0 0 12px;
transition: transform .15s, box-shadow .15s, border-color .15s;
}
.woocommerce ul.products li.product:hover {
transform: translateY(-2px);
box-shadow: 0 6px 18px rgba(0, 0, 0, .06);
border-color: #dfe6e7;
} .woocommerce ul.products li.product a.woocommerce-LoopProduct__link { display: block; padding: 12px; }
.woocommerce ul.products li.product a.woocommerce-LoopProduct__link img {
width: 100%; height: 100%; aspect-ratio: 1/1;
object-fit: contain; background: #fafafa; border-radius: 10px;
} .woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price { text-align: center; margin: 8px 12px 0; }
.woocommerce ul.products li.product .woocommerce-loop-product__title {
font-weight: 700; font-size: 15px; line-height: 1.25; min-height: 2.6em;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title a { color: var(--blk); text-decoration: none; }
.woocommerce ul.products li.product .woocommerce-loop-product__title a:hover { color: var(--pri); }
.woocommerce ul.products li.product .price { color: var(--pri); font-weight: 800; font-size: 15px; } .woocommerce ul.products li.product .button {
display: inline-block; margin: 10px auto 0;
background: var(--pri); color: #fff; border: 1px solid var(--pri);
border-radius: 8px; padding: 10px 14px; font-weight: 600; transition: all .2s;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product .added_to_cart:hover {
background: #fff; color: var(--pri) !important; border-color: var(--pri);
}
.woocommerce ul.products li.product .added_to_cart {
display: inline-block; margin: 8px auto 0;
background: #fff; color: var(--pri); border: 1px solid var(--pri);
border-radius: 8px; padding: 8px 12px; font-weight: 600;
} .wc-qty { display: inline-flex; align-items: center; gap: 0; border: 1px solid #e0e5e6; border-radius: 10px; overflow: hidden; background: #f6f8f8 }
.wc-qty-btn { appearance: none; border: 0; background: #e9eeee; padding: 8px 12px; font-weight: 700; cursor: pointer; line-height: 1 }
.wc-qty-input { width: 50px; text-align: center; border: 0; background: transparent; padding: 8px 0; font-weight: 700 }
.wc-qty-input::-webkit-outer-spin-button, .wc-qty-input::-webkit-inner-spin-button { appearance: none; margin: 0 }
.wc-qty-input[type=number]{-moz-appearance: textfield} .wc-alert { margin-top: 6px; padding: 8px 10px; border-radius: 8px; background: #fff3f2; color: #c62828; border: 1px solid #ffcdd2; font-size: 13px; opacity: 1; transition: opacity .4s }
.wc-alert.info { background: #f1f8ff; color: #0d47a1; border-color: #bbdefb }
.wc-alert.hide { opacity: 0 } .woocommerce ul.products li.product.outofstock {
position: relative;
}
.woocommerce ul.products li.product.outofstock::after {
content: "AGOTADO"; position: absolute; inset: 0; background: rgba(255, 255, 255, .7);
display: flex; align-items: center; justify-content: center;
font-weight: 800; font-size: 20px; color: var(--blk); pointer-events: none;
} @media only screen and (max-width: 768px) {
.woocommerce ul.products,
.woocommerce-page ul.products {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 10px !important;
padding: 0 !important;
margin: 0 !important;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
margin: 0 !important;
float: none !important;
box-sizing: border-box !important;
}
}