/* 3DL – Archive Variation Pills v1.2.0 */
.tdl-pills-wrap { margin-top: 8px; }
.tdl-pills-grid { display: grid; grid-template-columns: repeat(var(--tdl-cols-mobile,2), minmax(0, 1fr)); gap: 10px; }
@media (min-width: 900px) { .tdl-pills-grid { grid-template-columns: repeat(var(--tdl-cols-desktop,4), minmax(0, 1fr)); } } }
.tdl-pill {
    display: flex; flex-direction: column; align-items: flex-start;
    padding: 10px 12px; border-radius: 14px; background: #fff;
    box-shadow: 0 6px 20px rgba(0,0,0,.06); border: 1px solid rgba(0,0,0,.06);
    cursor: pointer; text-align: left;
}
.tdl-pill:focus { outline: 2px solid rgba(0,129,231,.35); outline-offset: 2px; }
.tdl-pill-g { font-weight: 700; font-size: 15px; line-height: 1.2; }
.tdl-pill-price { font-weight: 700; margin-top: 2px; }
.tdl-pill-unit { font-size: 13px; opacity: .8; margin-top: 2px; }


/* Hide native price & add-to-cart on list view so pills replace them */
.tdl-shop-view-list .products .product .price,
.tdl-shop-view-list .products .product a.button.add_to_cart_button,
.tdl-shop-view-list .products .product .button.product_type_simple,
.tdl-shop-view-list .products .product .button.product_type_variable,
.tdl-shop-view-list .products .product .add-to-cart,
.tdl-shop-view-list .products .product .wd-add-btn,
.tdl-shop-view-list .products .product .product-grid-item .price { display: none !important; }