.le-hero,
.hero.has-image { /* also target theme's hero container */
    /* hero image placed next to CSS file; see README_upload_image.txt */
    background-image: url('drill.jpg') !important;
    background-color:#213a75;
    background-position:center;
    color:#fff;
    padding:60px 20px;
    text-align:center;
}

/* Fix truncated logo text (PARAFUSOS ONLINE was showing as PARAFUSOS ONLIN) */
.site-brand img,
.site-branding img{
    width:auto !important;
    min-width:240px;
    max-height:72px;
}

@media (max-width:1024px){
    .site-brand img,
    .site-branding img{
        min-width:200px;
        max-height:60px;
    }
}

.le-hero h1{
    margin:0 0 10px 0;
    font-size:36px;
}

.le-hero p{
    margin:0 0 18px 0;
    font-size:18px;
}

.le-hero .button{
    background:#ffc107;
    color:#213a75;
    padding:12px 24px;
    text-decoration:none;
    border-radius:3px;
    display:inline-block;
}

/* Ajustes para imagens de produtos: evita imagens "quebradas" visualmente
   e mantém proporção/posição consistente na grade de produtos. */
.woocommerce ul.products li.product a img,
.woocommerce .product img,
ul.products li.product img{
    width:100%;
    height:220px; /* ajuste conforme preferir */
    object-fit:cover; /* corta mantendo centro */
    object-position:center center;
    display:block;
}

/* card básico com borda e espaçamento */
.woocommerce ul.products li.product,
ul.products li.product{
    overflow:hidden;
    border:1px solid #e2e2e2;
    border-radius:8px;
    padding:10px;
    background:#fff;
    transition:box-shadow .2s;
    min-width:200px; /* evita cards excessivamente estreitos */
}
.woocommerce ul.products li.product:hover{
    box-shadow:0 4px 12px rgba(0,0,0,.08);
}

/* se o layout for flex, permita que a largura mínima seja respeitada */
.woocommerce ul.products {
    display:flex;
    flex-wrap:wrap;
    gap:1rem;
}
.woocommerce ul.products li.product {
    flex:0 0 220px;
}

/* títulos menores com quebra e elipse após duas linhas */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h3{
    font-size:14px;
    line-height:1.3;
    margin:0 0 .6em;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    word-break:break-word;
}

/* link sem decoração e cor neutra */
.woocommerce ul.products li.product a.woocommerce-loop-product__link{
    color:#333;
    text-decoration:none;
}
.woocommerce ul.products li.product a.woocommerce-loop-product__link:hover{
    color:#000;
}

/* certifique-se que o contêiner não force tamanhos estranhos */
.woocommerce ul.products li.product,
ul.products li.product{
    overflow:hidden;
}

/* Responsividade: reduz altura em telas menores */
@media (max-width:600px){
    .woocommerce ul.products li.product a img,
    ul.products li.product img{
        height:160px;
    }
    .le-hero h1{font-size:26px}
}