/* =========================
   Viewed products fallback layout
   Works even if theme CSS is missing
   ========================= */

/* Container */
.products{
    display:flex;
    flex-wrap:wrap;
    gap:18px;
    margin:0;
    padding:0;
}

/* Each product card */
.products > article.product-miniature{
    box-sizing:border-box;
    flex: 0 0 calc(25% - 18px);
    max-width: calc(25% - 18px);
    padding:0;
    margin:0;
}

/* responsive */
@media (max-width: 1200px){
    .products > article.product-miniature{
        flex: 0 0 calc(33.333% - 18px);
        max-width: calc(33.333% - 18px);
    }
}
@media (max-width: 992px){
    .products > article.product-miniature{
        flex: 0 0 calc(50% - 18px);
        max-width: calc(50% - 18px);
    }
}
@media (max-width: 576px){
    .products{
        gap:12px;
    }
    .products > article.product-miniature{
        flex: 0 0 calc(50% - 12px);
        max-width: calc(50% - 12px);
    }
}

/* Card base */
.products > article.product-miniature .thumbnail-container{
    background:#fff;
    border:1px solid rgba(0,0,0,.08);
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 2px 10px rgba(0,0,0,.06);
}

/* ✅ Only show ONE layout block */
.products .tvproduct-wrapper.grid{ display:block !important; }
.products .tvproduct-wrapper.grid-2,
.products .tvproduct-wrapper.list,
.products .tvproduct-wrapper.catelog{ display:none !important; }

/* Image area */
.products .tvproduct-wrapper.grid .tvproduct-image{
    position:relative;
}
.products .tvproduct-wrapper.grid a.thumbnail{
    display:block;
    text-decoration:none;
}
.products .tvproduct-wrapper.grid img{
    display:block;
    width:100%;
    height:auto;
}

/* Hover image (optional) */
.products .tvproduct-wrapper.grid img.tvproduct-hover-img{
    position:absolute;
    inset:0;
    opacity:0;
    transition:opacity .18s ease;
}
.products > article.product-miniature:hover .tvproduct-wrapper.grid img.tvproduct-hover-img{
    opacity:1;
}

/* Flags */
.products .tvproduct-flags{
    position:absolute;
    left:10px;
    top:10px;
    list-style:none;
    padding:0;
    margin:0;
    z-index:2;
}
.products .tvproduct-flags .product-flag{
    display:inline-block;
    font:700 12px/1 system-ui,-apple-system,Segoe UI,Arial;
    padding:6px 8px;
    border-radius:999px;
    background:#111;
    color:#fff;
}

/* Hide theme hover buttons if no theme css */
.products .tvproduct-hover-btn{ display:none; }

/* Info area */
.products .tvproduct-info-box-wrapper{
    padding:12px 12px 14px;
}
.products .tvproduct-name.product-title h6{
    margin:0;
    font:700 14px/1.25 system-ui,-apple-system,Segoe UI,Arial;
    color:#111;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    min-height:36px; /* keep card heights aligned */
}
.products .tvproduct-name.product-title a{
    color:inherit;
    text-decoration:none;
}
.products .tvproduct-name.product-title a:hover{
    text-decoration:underline;
}

/* Price */
.products .product-price-and-shipping{
    margin-top:8px;
}
.products .product-price-and-shipping .price{
    font:800 16px/1 system-ui,-apple-system,Segoe UI,Arial;
    color:#e11d48; /* pink/red like your site */
}

/* Optional: remove huge inline form/buttons if present elsewhere */
.products form{ margin:0; }
.products button{ cursor:pointer; }