/**
 * Rockwell-Bot — critical shop grid overrides.
 * Deliberately a SEPARATE, newly-named file (not style.css) so that even a
 * CDN/host cache that ignores ?ver= query strings is forced to fetch it fresh.
 */
.woocommerce ul.products{
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 22px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
#primary, .content-area, #main, .site-main{
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    max-width: none !important;
}
.woocommerce ul.products li.product{
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 260px !important;
    width: auto !important;
    max-width: 340px !important;
    min-width: 170px !important;
    float: none !important;
    margin: 0 !important;
    text-align: center !important;
    background: linear-gradient(180deg, rgba(58,28,102,.30), rgba(23,15,43,.55)) !important;
    border: 1px solid #2f1e52 !important;
    border-radius: 16px !important;
    padding: 28px 24px !important;
}
.woocommerce ul.products li.product .button{
    margin-top: auto !important;
    width: 100% !important;
}
@media (max-width: 480px){
    .woocommerce ul.products li.product{
        flex-basis: 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}