Photon Lizze – Acelerador Fotônico Azul (450nm)

/* CATEGORY PILLS STYLING */
.cat-pill {
background: rgba(255, 255, 255, 0.08) !important;
color: #ffffff !important;
padding: 10px 18px !important;
border-radius: 50px !important;
text-decoration: none !important;
font-family: ‘Montserrat’, sans-serif !important;
font-size: 13px !important;
font-weight: 700 !important;
border: 1px solid rgba(244, 175, 25, 0.35) !important;
transition: all 0.3s ease !important;
display: inline-flex !important;
align-items: center !important;
}

.cat-pill:hover {
background: #f4af19 !important;
color: #000000 !important;
border-color: #f4af19 !important;
transform: translateY(-2px) !important;
box-shadow: 0 5px 15px rgba(244, 175, 25, 0.4) !important;
}

/* WOOCOMMERCE SHOP GRID LAYOUT & VISIBLE TITLES */
.woocommerce ul.products {
display: grid !important;
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
gap: 22px !important;
margin: 20px 0 40px 0 !important;
padding: 0 !important;
list-style: none !important;
}

.woocommerce ul.products li.product {
background: #ffffff !important;
border: 1px solid #e2e8f0 !important;
border-radius: 12px !important;
padding: 16px !important;
margin: 0 !important;
width: 100% !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
transition: all 0.25s ease !important;
text-align: center !important;
}

.woocommerce ul.products li.product:hover {
transform: translateY(-4px) !important;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;
border-color: #f4af19 !important;
}

/* UNIFORM IMAGES */
.woocommerce ul.products li.product a img,
.woocommerce ul.products li.product img {
width: 100% !important;
height: 200px !important;
object-fit: contain !important;
border-radius: 8px !important;
margin-bottom: 12px !important;
background-color: #f8fafc !important;
padding: 8px !important;
}

/* VISIBLE BOLD BLACK TITLES */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h3,
.woocommerce-loop-product__title {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
color: #0f172a !important;
font-family: ‘Montserrat’, sans-serif !important;
font-size: 15px !important;
font-weight: 700 !important;
line-height: 1.35 !important;
margin: 8px 0 !important;
text-transform: none !important;
text-decoration: none !important;
height: 40px !important;
overflow: hidden !important;
}

.woocommerce ul.products li.product a {
text-decoration: none !important;
color: #0f172a !important;
}

/* PRICE TAG */
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product span.price {
color: #d49d18 !important;
font-size: 18px !important;
font-weight: 700 !important;
margin: 8px 0 12px 0 !important;
display: block !important;
}

/* COMPRAR BUTTON */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.button {
background-color: #f4af19 !important;
color: #000000 !important;
font-family: ‘Montserrat’, sans-serif !important;
font-weight: 700 !important;
font-size: 12px !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
border-radius: 6px !important;
padding: 12px 14px !important;
display: block !important;
width: 100% !important;
border: none !important;
transition: all 0.2s ease !important;
margin-top: auto !important;
text-decoration: none !important;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product a.button:hover {
background-color: #0f172a !important;
color: #ffffff !important;
}

@media (max-width: 600px) {
.category-pills-container {
flex-direction: column !important;
}
.cat-pill {
width: 100% !important;
justify-content: center !important;
}
}

💡 Fototerapia de Alta Tecnologia: Acelera processos químicos de alisamento e coloração, potencializando os resultados.