/* Browse page: wider desktop canvas and shorter, clearer discovery controls. */
body.kri-commerce.woocommerce-shop #content > .ast-container,
body.kri-commerce.tax-product_cat #content > .ast-container {
	box-sizing: border-box;
	max-width: 1536px !important;
	padding-inline: clamp(16px, 2vw, 40px) !important;
}

body.kri-commerce .kri-catalog {
	box-sizing: border-box;
	max-width: none;
	padding: 32px 0 56px;
}

body.kri-commerce .kri-catalog .woocommerce-breadcrumb { margin-bottom: 12px; }
body.kri-commerce .kri-catalog-hero { gap: 24px; margin-bottom: 20px; }
body.kri-commerce .kri-catalog-hero .kri-page-heading { max-width: 900px; }
body.kri-commerce .kri-catalog-hero .kri-page-heading h1 { margin-bottom: 10px; }

body.kri-commerce .kri-catalog-filters {
	gap: 8px;
	margin-bottom: 18px;
	padding: 12px;
}
body.kri-commerce .kri-catalog-filters .kri-catalog-search { gap: 4px; }
body.kri-commerce .kri-catalog-filter-options > summary { min-height: 44px; padding-block: 6px; }
body.kri-commerce .kri-catalog-filter-options__fields { gap: 10px; padding: 12px; }
body.kri-commerce .kri-catalog .woocommerce-result-count { min-height: 48px; margin-bottom: 12px; }
body.kri-commerce .kri-catalog .woocommerce-ordering { margin-bottom: 16px; padding: 6px 8px; }
body.kri-commerce .kri-catalog .woocommerce-ordering select.orderby { width: 240px; min-height: 44px; }
body.kri-commerce .kri-catalog ul.products { margin-top: 16px !important; }

@media (max-width: 768px) {
	body.kri-commerce.woocommerce-shop #content > .ast-container,
	body.kri-commerce.tax-product_cat #content > .ast-container { padding-inline: 16px !important; }
	body.kri-commerce .kri-catalog { padding: 24px 0 40px; }
	body.kri-commerce .kri-catalog-hero { margin-bottom: 16px; }
	body.kri-commerce .kri-catalog-filters { gap: 8px; margin-bottom: 14px; padding: 10px; }
	body.kri-commerce .kri-catalog-filter-options__fields { gap: 10px; padding: 10px; }
	body.kri-commerce .kri-catalog .woocommerce-result-count { min-height: 0; margin-bottom: 8px; }
	body.kri-commerce .kri-catalog .woocommerce-ordering { margin-bottom: 12px; }
	body.kri-commerce .kri-catalog .woocommerce-ordering select.orderby { width: 100% !important; }
}


/* KRI compact catalog toolbar */
body.kri-commerce .kri-catalog-filters {
	position: relative;
	z-index: 20;
	box-sizing: border-box;
	display: grid;
	grid-template-columns: minmax(0, 1fr) max-content !important;
	align-items: end;
	justify-content: start;
	width: min(100%, 840px);
	max-width: 100%;
	gap: 12px;
	margin-bottom: 18px;
	padding: 12px;
}
body.kri-commerce .kri-catalog-filters .kri-catalog-search {
	grid-column: 1;
	width: 100%;
	min-width: 0;
}
body.kri-commerce .kri-catalog-filters .kri-catalog-search input[type="search"] {
	box-sizing: border-box;
	width: 100%;
	max-width: 560px;
}
body.kri-commerce .kri-catalog-filter-options {
	grid-column: 2;
	align-self: end;
	width: 220px;
	min-width: 0;
}
body.kri-commerce .kri-catalog-filter-options > summary {
	box-sizing: border-box;
	width: 100%;
	min-height: 48px;
}
body.kri-commerce .kri-catalog-filter-options[open] > .kri-catalog-filter-options__fields {
	position: absolute;
	z-index: 30;
	inset-block-start: calc(100% + 8px);
	inset-inline-start: 0;
	box-sizing: border-box;
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	width: min(860px, calc(100vw - 32px));
	max-width: calc(100vw - 32px);
	padding: 16px;
	border: 1px solid var(--kri-line);
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 14px 36px rgba(20, 40, 70, .16);
}
body.kri-commerce .kri-catalog-filter-options__fields > label {
	min-width: 0;
}
body.kri-commerce .kri-catalog-filter-options__fields select {
	width: 100%;
	min-width: 0;
	max-width: 400px;
}
body.kri-commerce .kri-catalog-filter-options__fields .kri-seal-filter {
	grid-column: 1;
}
body.kri-commerce .kri-catalog-filter-actions {
	grid-column: 2;
	justify-self: end;
}
@media (max-width: 768px) {
	body.kri-commerce .kri-catalog-filters {
		grid-template-columns: minmax(0, 1fr) !important;
		width: 100%;
		gap: 10px;
	}
	body.kri-commerce .kri-catalog-filters .kri-catalog-search,
	body.kri-commerce .kri-catalog-filter-options {
		grid-column: 1;
		width: 100%;
	}
	body.kri-commerce .kri-catalog-filter-options[open] > .kri-catalog-filter-options__fields {
		grid-template-columns: minmax(0, 1fr);
		inset-inline-start: 0;
		width: 100%;
		max-width: 100%;
		padding: 12px;
	}
	body.kri-commerce .kri-catalog-filter-options__fields .kri-seal-filter,
	body.kri-commerce .kri-catalog-filter-actions {
		grid-column: 1;
	}
	body.kri-commerce .kri-catalog-filter-actions {
		justify-self: stretch;
	}
}
