/* WooCommerce — Parney look */

.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering { margin-bottom: 30px; color: var(--gray); }
.woocommerce .woocommerce-ordering select { background: var(--coal); color: var(--white); border: 1px solid var(--line); padding: 10px 14px; }

.woocommerce ul.products { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); gap: 28px; margin: 0; padding: 0; }
.woocommerce ul.products::before, .woocommerce ul.products::after { display: none; }
.woocommerce ul.products li.product { position: relative; width: auto; margin: 0; padding: 0 0 22px; float: none; background: var(--coal); border: 1px solid var(--line); transition: transform .5s var(--spring), border-color .3s; }
.woocommerce ul.products li.product:hover { transform: translateY(-6px); border-color: var(--red); }
.woocommerce ul.products li.product a img { margin: 0 0 18px; aspect-ratio: 1; object-fit: cover; background: var(--chalk); }
.woocommerce ul.products li.product .woocommerce-loop-product__title { padding: 0 20px; font-weight: 800; font-stretch: 110%; font-variation-settings: "wdth" 110; text-transform: uppercase; font-size: 1.2rem; line-height: 1.1; }
.woocommerce ul.products li.product .price { display: block; padding: 8px 20px 0; font-family: var(--f-board); font-weight: 800; font-size: 1.4rem; color: var(--red); }
.woocommerce ul.products li.product .button { margin: 14px 20px 0; }
.woocommerce span.onsale { top: 14px; left: 14px; right: auto; min-height: 0; min-width: 0; padding: 6px 12px; border-radius: 0; background: var(--red); font-family: var(--f-board); line-height: 1; }

.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; gap: 8px; padding: .95rem 1.4rem; border-radius: 0; background: var(--red); color: var(--white);
	font-family: var(--f-board); font-weight: 800; letter-spacing: .1em; text-transform: uppercase; font-size: 1rem; line-height: 1;
	transition: background-color .3s, color .3s;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover { background: var(--white); color: var(--ink); }

.woocommerce div.product { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(30px, 5vw, 80px); }
.woocommerce div.product div.images, .woocommerce div.product div.summary { width: auto; float: none; }
.woocommerce div.product .product_title { font-weight: 900; font-stretch: 125%; font-variation-settings: "wdth" 125; text-transform: uppercase; font-size: clamp(2rem, 4vw, 3.4rem); line-height: .92; margin-bottom: 16px; }
.woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--red); font-family: var(--f-board); font-weight: 900; font-size: 2rem; }
.woocommerce div.product .woocommerce-tabs, .woocommerce .related { grid-column: 1 / -1; }
.woocommerce div.product .woocommerce-tabs ul.tabs li { background: var(--coal); border-color: var(--line); border-radius: 0; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: var(--red); }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { color: var(--white); }
.woocommerce .quantity .qty { background: var(--coal); color: var(--white); border: 1px solid var(--line); padding: 12px; }

.woocommerce-message, .woocommerce-info, .woocommerce-error { background: var(--coal); color: var(--white); border-top-color: var(--red); }
.woocommerce-message::before, .woocommerce-info::before { color: var(--red); }

.woocommerce table.shop_table { border-color: var(--line); border-radius: 0; }
.woocommerce table.shop_table th, .woocommerce table.shop_table td { border-color: var(--line); }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select { background: var(--coal); color: var(--white); border: 1px solid var(--line); padding: 12px; }

@media (max-width: 900px) {
	.woocommerce div.product { grid-template-columns: 1fr; }
}