/* Минимальные стили WooCommerce под токены проекта. Подключается только при активном WooCommerce. */
.woocommerce ul.products { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; margin: 0 0 32px; padding: 0; list-style: none; }
.woocommerce ul.products::before, .woocommerce ul.products::after { display: none; }
.woocommerce ul.products li.product { float: none; width: auto; margin: 0; padding: 0 0 16px; border: 1px solid var(--border); border-radius: calc(var(--radius) * 1.5); overflow: hidden; background: var(--bg); text-align: left; }
.woocommerce ul.products li.product a img { margin: 0 0 12px; width: 100%; aspect-ratio: 1; object-fit: cover; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { padding: 0 16px; font-size: 1rem; color: var(--primary); }
.woocommerce ul.products li.product .price, .woocommerce div.product p.price { padding: 0 16px; color: var(--primary); font-weight: 800; }
.woocommerce div.product p.price { padding: 0; font-size: 1.5rem; }
.woocommerce ul.products li.product .button { margin: 8px 16px 0; }
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce a.button.alt, .woocommerce button.button.alt { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 20px; border-radius: var(--radius); background: var(--accent); color: var(--accent-contrast); font-weight: 700; line-height: 1.2; }
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover { background: var(--accent-hover); color: var(--accent-contrast); }
.woocommerce span.onsale { background: var(--accent); color: var(--accent-contrast); border-radius: var(--radius); min-height: 0; min-width: 0; line-height: 1; padding: 8px 12px; }
.woocommerce-message, .woocommerce-info, .woocommerce-error { border-top-color: var(--primary); background: var(--surface); }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select { min-height: 48px; padding: 11px 14px; border: 1px solid var(--border); border-radius: var(--radius); }
.woocommerce table.shop_table { border-collapse: collapse; border-radius: var(--radius); }
.woocommerce-breadcrumb { color: var(--text-muted); font-size: .875rem; margin: 0 0 20px; }
.woocommerce-breadcrumb a { color: var(--text-muted); }
@media (max-width: 1000px) { .woocommerce ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 782px) { .woocommerce ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } }
@media (max-width: 480px) { .woocommerce ul.products { grid-template-columns: 1fr; } }