.shop-page .woocommerce-result-count,
.shop-page .woocommerce-ordering {
    margin-bottom: 1rem;
}

.woocommerce ul.products,
.tdx-product-grid {
    display: grid !important;
    gap: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    width: auto !important;
    margin: 0 !important;
    border: 1px solid var(--tdx-border);
    border-radius: var(--tdx-radius-sm);
    padding: 1rem;
    background: linear-gradient(170deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02));
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-4px);
    box-shadow: var(--tdx-glow);
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .button.alt,
.woocommerce-page a.button {
    border-radius: 999px !important;
    border: 1px solid rgba(0, 224, 255, 0.3) !important;
    background: var(--tdx-grad) !important;
    color: #fff !important;
    box-shadow: var(--tdx-glow);
    font-weight: 600;
}

.woocommerce .quantity .qty,
.woocommerce input,
.woocommerce select,
.woocommerce textarea {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid var(--tdx-border);
    border-radius: 10px;
    color: var(--tdx-text);
}

.woocommerce div.product,
.woocommerce-cart .cart-collaterals,
.woocommerce-checkout #customer_details,
.woocommerce-checkout-review-order,
.woocommerce-account .woocommerce {
    border: 1px solid var(--tdx-border);
    border-radius: var(--tdx-radius);
    background: rgba(255, 255, 255, 0.02);
    padding: 1.2rem;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    background: rgba(47, 107, 255, 0.16);
    border-top: 2px solid var(--tdx-cyan);
    color: var(--tdx-text);
}

.site-header .menu .menu-item-cart a::before {
    content: '\\1F6D2 ';
}

@media (max-width: 1024px) {
    .woocommerce ul.products,
    .tdx-product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .woocommerce ul.products,
    .tdx-product-grid {
        grid-template-columns: 1fr;
    }
}