/* Native WooCommerce loops and UAS catalog/vehicle result cards. */
.uas-catalog-purchase {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 12px 18px;
    width: 100%;
    min-width: 0;
    margin: 14px 0 0;
    text-align: left;
    box-sizing: border-box;
}
body ul.products li.product .uas-catalog-purchase .uas-catalog-price,
body .uas-catalog-purchase .uas-catalog-price {
    flex: 0 1 auto;
    margin: 0;
    padding: 0;
    color: #394958;
    font-size: 1.15rem;
    font-weight: 600;
    line-height: 1.45;
}
.uas-catalog-purchase .uas-catalog-price del { font-size: .9em; font-weight: 400; }
.uas-catalog-purchase .uas-catalog-price ins { background: transparent; }
.uas-catalog-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    max-width: 100%;
    min-width: 0;
}
body .uas-catalog-purchase .uas-catalog-buy-now {
    display: flex;
    flex: 1 1 auto;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
}
body ul.products li.product .uas-catalog-purchase .uas-catalog-actions > .button,
body ul.products li.product .uas-catalog-purchase .uas-catalog-buy-now-button,
body .uas-catalog-purchase .uas-catalog-actions > .button,
body .uas-catalog-purchase .uas-catalog-buy-now-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    gap: 6px;
    min-height: 48px;
    min-width: 112px;
    max-width: 100%;
    width: auto;
    margin: 0;
    padding: 10px 20px;
    border: 1px solid transparent;
    border-radius: 6px;
    background: #ffd000;
    color: #20242a;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .06);
    font-size: .9rem;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    box-sizing: border-box;
    transition: background-color .15s ease, box-shadow .15s ease;
}
body ul.products li.product .uas-catalog-purchase .uas-catalog-actions > .button:hover,
body .uas-catalog-purchase .uas-catalog-actions > .button:hover {
    background: #f1c300;
    color: #20242a;
}
body ul.products li.product .uas-catalog-purchase .uas-catalog-buy-now-button,
body .uas-catalog-purchase .uas-catalog-buy-now-button {
    background: #25252e;
    color: #fff;
}
body ul.products li.product .uas-catalog-purchase .uas-catalog-buy-now-button:hover,
body .uas-catalog-purchase .uas-catalog-buy-now-button:hover {
    background: #383842;
    color: #fff;
}
body .uas-catalog-purchase .button:focus-visible,
body .uas-catalog-purchase .added_to_cart:focus-visible {
    outline: 3px solid #0875a5;
    outline-offset: 3px;
}
body .uas-catalog-purchase .uas-catalog-actions > .added_to_cart {
    margin: 0;
    padding: 8px 2px;
    background: transparent;
    color: #075579;
    font-size: .85rem;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* Keep one-column Storefront results beside their image, including after a
   theme floats its former standalone Add to cart button to the far right. */
body.uas-storefront-layout ul.products.columns-1 li.product:has(> .uas-catalog-purchase) {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    grid-template-rows: min-content min-content min-content 1fr;
    align-items: start;
    gap: 0 24px;
    width: 100%;
    margin: 0;
    padding: 28px 0;
    border-bottom: 1px solid #dde3e8;
    text-align: left;
}
body.uas-storefront-layout ul.products.columns-1 li.product:has(> .uas-catalog-purchase) > a.woocommerce-LoopProduct-link,
body.uas-storefront-layout ul.products.columns-1 li.product:has(> .uas-catalog-purchase) > a.woocommerce-loop-product__link {
    display: contents;
}
body.uas-storefront-layout ul.products.columns-1 li.product:has(> .uas-catalog-purchase) > a > img {
    grid-column: 1;
    grid-row: 1 / span 4;
    float: none;
    width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: 1;
    margin: 0;
    object-fit: contain;
    border: 1px solid #d5dde3;
    border-radius: 6px;
    background: #fff;
}
body.uas-storefront-layout ul.products.columns-1 li.product:has(> .uas-catalog-purchase) .woocommerce-loop-product__title {
    grid-column: 2;
    margin: 0 0 14px;
    font-size: 1.15rem;
    line-height: 1.5;
    overflow-wrap: anywhere;
}
body.uas-storefront-layout ul.products.columns-1 li.product:has(> .uas-catalog-purchase) .star-rating {
    grid-column: 2;
    margin: 0 0 12px;
}
body.uas-storefront-layout ul.products.columns-1 li.product > .uas-catalog-purchase {
    grid-column: 2;
    width: auto;
    margin-top: 0;
    align-self: start;
}
@media (max-width: 600px) {
    body.uas-storefront-layout ul.products.columns-1 li.product:has(> .uas-catalog-purchase) {
        grid-template-columns: 88px minmax(0, 1fr);
        gap: 0 16px;
        padding: 20px 0;
    }
    body.uas-storefront-layout ul.products.columns-1 li.product:has(> .uas-catalog-purchase) .woocommerce-loop-product__title {
        font-size: 1rem;
    }
}