/* ==========================================================================
   WooCommerce — loaded only when WooCommerce is active.
   ========================================================================== */
.woocommerce .woocommerce-result-count { font-size: .85rem; margin: 0 0 24px; }
.woocommerce .woocommerce-ordering select { border-radius: var(--ar-radius-btn); padding: .6em 1.2em; }
.woocommerce ul.products { display: grid; grid-template-columns: repeat(var(--ar-shop-cols, 3), minmax(0, 1fr)); gap: clamp(20px, 3vw, 34px); margin: 0 0 40px; padding: 0; }
.woocommerce ul.products.columns-4 { --ar-shop-cols: 4; }
.woocommerce ul.products.columns-2 { --ar-shop-cols: 2; }
.woocommerce ul.products::before, .woocommerce ul.products::after { display: none !important; }
.woocommerce ul.products li.product { width: auto !important; margin: 0 !important; float: none !important; text-align: center; }
.woocommerce ul.products li.product a img { border-radius: var(--ar-radius); margin-bottom: 18px; aspect-ratio: 1; object-fit: cover; transition: transform .6s var(--ar-ease); }
.woocommerce ul.products li.product:hover a img { transform: scale(1.03); }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-family: var(--ar-font-heading); font-size: 1.15rem !important; color: var(--ar-heading); padding: 0 !important; }
.woocommerce ul.products li.product .price { color: var(--ar-primary) !important; font-size: 1rem !important; }
.woocommerce ul.products li.product .button { margin-top: 12px; }
@media (max-width: 1000px) { .woocommerce ul.products { --ar-shop-cols: 2 !important; } }
@media (max-width: 520px) { .woocommerce ul.products { gap: 16px; } }

.woocommerce span.onsale { background: var(--ar-secondary); border-radius: 20px; min-height: 0; min-width: 0; padding: 4px 12px; line-height: 1.6; font-weight: 500; font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; top: 12px; left: 12px; }
.woocommerce .star-rating span, .woocommerce p.stars a { color: var(--ar-primary); }

.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit,
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
.woocommerce .wc-block-components-button:not(.is-link) {
	background: var(--ar-primary) !important; color: var(--ar-button-text) !important; border-radius: var(--ar-radius-btn) !important;
	font-family: var(--ar-font-body); font-weight: 500; font-size: .8rem; letter-spacing: .08em; text-transform: uppercase; padding: .95em 2em;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover { background: var(--ar-accent) !important; }
.woocommerce a.added_to_cart { display: block; margin-top: 8px; font-size: .8rem; }

/* Single product */
.woocommerce div.product { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(30px, 5vw, 70px); }
.woocommerce div.product div.images, .woocommerce div.product div.summary { width: 100% !important; float: none !important; margin: 0 !important; }
.woocommerce div.product .woocommerce-tabs, .woocommerce div.product .related, .woocommerce div.product .upsells { grid-column: 1 / -1; }
.woocommerce div.product div.images img { border-radius: var(--ar-radius); }
.woocommerce div.product .product_title { font-size: var(--ar-h2); }
.woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--ar-primary); font-family: var(--ar-font-heading); font-size: 1.6rem; }
.woocommerce div.product form.cart { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin: 24px 0; }
.woocommerce div.product form.cart .variations { width: 100%; }
.woocommerce .quantity .qty { width: 80px; border-radius: var(--ar-radius-btn); padding: .8em .5em; text-align: center; }
.woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0; margin: 0 0 24px; border-bottom: 1px solid var(--ar-border); }
.woocommerce div.product .woocommerce-tabs ul.tabs::before { display: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li { background: none; border: 0; border-radius: 0; margin: 0 20px 0 0; padding: 0; }
.woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: 12px 0; color: var(--ar-text); font-weight: 500; font-size: .85rem; letter-spacing: .08em; text-transform: uppercase; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: var(--ar-primary); box-shadow: inset 0 -2px 0 var(--ar-primary); }
.product_meta { font-size: .85rem; display: grid; gap: 4px; }
@media (max-width: 800px) { .woocommerce div.product { grid-template-columns: minmax(0, 1fr); } }

/* Notices */
.woocommerce-message, .woocommerce-info, .woocommerce-error { border-top-color: var(--ar-primary) !important; background: var(--ar-surface) !important; border-radius: var(--ar-radius); }
.woocommerce-message::before, .woocommerce-info::before { color: var(--ar-primary) !important; }

/* Cart / checkout / account (classic shortcodes) */
.woocommerce table.shop_table { border-radius: var(--ar-radius); border-color: var(--ar-border); }
.woocommerce-cart .cart-collaterals .cart_totals, .woocommerce-checkout #order_review { background: var(--ar-surface); padding: 28px; border-radius: var(--ar-radius); }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .select2-container .select2-selection--single { border-radius: var(--ar-radius) !important; border-color: var(--ar-border) !important; min-height: 48px; }
.woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; padding: 0; }
.woocommerce-account .woocommerce-MyAccount-navigation li a { display: block; padding: 10px 16px; border-radius: var(--ar-radius); color: var(--ar-heading); }
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a { background: rgba(var(--ar-primary-rgb), .1); color: var(--ar-primary); }
.woocommerce nav.woocommerce-pagination ul { border: 0; display: flex; gap: 8px; justify-content: center; }
.woocommerce nav.woocommerce-pagination ul li { border: 0; }
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { min-width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid var(--ar-border); border-radius: 22px; }
.woocommerce nav.woocommerce-pagination ul li span.current { background: var(--ar-primary); color: #fff; border-color: var(--ar-primary); }
/* Block cart/checkout */
.wc-block-components-totals-wrapper, .wc-block-components-sidebar { font-family: var(--ar-font-body); }

/* ==========================================================================
   Shop grid — cleaner, bigger cards (keeps 2 columns on phones)
   ========================================================================== */
/* WooCommerce's own small-screen CSS sets products to 48% wide *inside* our grid cell — undo it. */
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product,
.woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product {
	width: 100% !important; max-width: none !important; float: none !important; clear: none !important; margin: 0 !important;
	display: flex !important; flex-direction: column; text-align: center;
}
.woocommerce ul.products li.product > a.woocommerce-LoopProduct-link { display: flex; flex-direction: column; flex: 1; }
.woocommerce ul.products li.product a img { width: 100% !important; height: auto; aspect-ratio: 1; object-fit: cover; margin: 0 0 14px !important; border-radius: calc(var(--ar-radius) * 1.5); box-shadow: 0 8px 22px -14px rgba(60, 40, 30, .45); }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: clamp(1.05rem, 1.6vw, 1.3rem) !important; line-height: 1.25; margin: 0 0 .35em !important; }
.woocommerce ul.products li.product .price { display: block; font-size: 1.05rem !important; font-weight: 600; margin: 0 0 14px !important; }
.woocommerce ul.products li.product .price del { opacity: .55; font-weight: 400; margin-right: 4px; }
.woocommerce ul.products li.product .button { margin-top: auto !important; align-self: center; }
.woocommerce ul.products li.product .star-rating { margin: 0 auto 8px; }

/* Result count + sorting on one tidy line. */
.woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering { margin: 0 0 24px !important; }
.woocommerce-products-header + .woocommerce-notices-wrapper + .woocommerce-result-count,
.woocommerce .woocommerce-result-count { float: left; line-height: 44px; font-size: .85rem; }
.woocommerce .woocommerce-ordering { float: right; }
.woocommerce .woocommerce-ordering select { height: 44px; padding: 0 2.4em 0 1.1em; font-size: .9rem; }
.woocommerce ul.products { clear: both; }

@media (max-width: 767px) {
	.woocommerce ul.products, .woocommerce-page ul.products { --ar-shop-cols: 2 !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 26px 14px !important; }
	.woocommerce ul.products li.product a img { margin-bottom: 10px !important; border-radius: var(--ar-radius); }
	.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 1.12rem !important; padding: 0 2px !important; }
	.woocommerce ul.products li.product .price { font-size: 1rem !important; margin-bottom: 10px !important; }
	.woocommerce ul.products li.product .button { width: 100%; padding: .85em .6em !important; font-size: .72rem !important; letter-spacing: .06em; line-height: 1.25; white-space: normal; }
	.woocommerce .woocommerce-result-count { float: none; line-height: 1.4; margin: 0 0 10px !important; text-align: center; font-size: .8rem; }
	.woocommerce .woocommerce-ordering { float: none; margin: 0 0 22px !important; }
	.woocommerce .woocommerce-ordering select { width: 100%; }
	.woocommerce-page .ar-layout { padding-top: 28px; }
}

/* Shorter page-title banner on phones (shop and everywhere). */
@media (max-width: 767px) {
	.ar-pagetitle { min-height: 0; padding: 34px 0 30px; }
	.ar-pagetitle__desc, .ar-pagetitle .term-description, .ar-pagetitle .page-description { font-size: .92rem; margin-bottom: .6em; }
}