.dhp-collection-page,
.dhp-collection-archive {
	background: #fff;
}

@media (max-width: 1024px) {
	:root {
		--dhp-space-section: var(--dhp-space-section-tablet);
		--dhp-layout-gap: 24px;
	}

	.dhp-archive-cards,
	.dhp-archive-links__grid,
	.dhp-taxonomy-directory__grid,
	.dhp-discovery-results--archive-magazine {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.dhp-archive-story__grid {
		grid-template-columns: 1fr;
	}

	.dhp-archive-hero--height-compact {
		min-height: 300px;
	}

	.dhp-archive-hero--height-medium {
		min-height: 380px;
	}

	.dhp-archive-hero--height-tall {
		min-height: 460px;
	}
}

@media (max-width: 900px) {
	.dhp-discovery-toolbar__filter-button {
		display: inline-flex;
	}

	.dhp-discovery-sidebar__panel {
		width: 90vw;
		max-width: 420px;
	}
}

@media (min-width: 901px) {
	.dhp-archive-layout--sidebar-right .dhp-discovery-sidebar__panel {
		left: auto;
		right: 0;
		transform: translateX(100%);
		border-right: 0;
		border-left: 1px solid var(--dhp-line);
	}

	.dhp-archive-layout--sidebar-right .dhp-discovery-sidebar.is-visible .dhp-discovery-sidebar__panel {
		transform: translateX(0);
	}
}

@media (max-width: 767px) {
	:root {
		--dhp-space-section: var(--dhp-space-section-mobile);
		--dhp-layout-gap: 18px;
	}

	.dhp-discovery-page__hero-content,
	.dhp-discovery-page__hero-description,
	.dhp-archive-hero__content,
	.dhp-archive-hero__description {
		max-width: 100%;
	}

	.dhp-discovery-page__body,
	.dhp-archive-layout__body,
	.dhp-taxonomy-directory__section,
	.dhp-collection-archive__grid {
		padding-block: var(--dhp-space-section);
	}

	.dhp-discovery-page__hero,
	.dhp-archive-hero {
		padding-block: var(--dhp-space-section-mobile);
	}

	.dhp-discovery-page__hero h1,
	.dhp-archive-hero__title {
		font-size: 2.25rem;
	}

	.dhp-archive-hero--height-compact,
	.dhp-archive-hero--height-medium,
	.dhp-archive-hero--height-tall {
		min-height: 320px;
	}

	.dhp-discovery-toolbar {
		display: block;
	}

	.dhp-discovery-toolbar__main {
		flex-wrap: nowrap;
		gap: 8px;
		overflow-x: auto;
		scrollbar-width: none;
	}

	.dhp-discovery-toolbar__main::-webkit-scrollbar {
		display: none;
	}

	.dhp-discovery-toolbar__filter-button,
	.dhp-discovery-toolbar__reset,
	.dhp-discovery-toolbar__views button,
	.dhp-discovery-toolbar__columns button {
		width: 40px;
		min-width: 40px;
		padding: 0;
	}

	.dhp-discovery-toolbar__filter-button > span:last-child,
	.dhp-discovery-toolbar__reset > span:last-child,
	.dhp-discovery-toolbar__label {
		display: none;
	}

	.dhp-discovery-toolbar__sort,
	.dhp-discovery-toolbar__per-page {
		height: 40px;
		padding-inline: 10px;
	}

	.dhp-discovery-toolbar__sort {
		min-width: 140px;
	}

	.dhp-discovery-toolbar__sort select {
		width: 88px;
		font-size: 0.82rem;
	}

	.dhp-discovery-toolbar__per-page {
		display: inline-grid;
		min-width: 96px;
	}

	.dhp-discovery-toolbar__count {
		margin-top: var(--dhp-space-1);
		text-align: left;
	}

	.dhp-discovery-sidebar__panel {
		width: 90vw;
		max-width: 420px;
	}

	.dhp-discovery-sidebar__footer {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	ul.products.dhp-discovery-results {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}

	ul.products.dhp-discovery-results.dhp-mobile-grid-cols-1 {
		grid-template-columns: 1fr;
	}

	.dhp-discovery-results--grid .dhp-product__body {
		padding: 12px 12px 10px;
	}

	.dhp-discovery-results--grid .dhp-product__brand {
		font-size: 9px;
		letter-spacing: 0.12em;
	}

	.dhp-discovery-results--grid .dhp-product__title {
		font-size: 1rem;
		line-height: 1.16;
	}

	.dhp-discovery-results--grid .dhp-product__price {
		font-size: 0.95rem;
	}

	.dhp-discovery-results--grid .dhp-product__quick-actions {
		min-height: 40px;
	}

	.dhp-discovery-results--list .dhp-card__inner {
		grid-template-columns: 80px minmax(0, 1fr) 88px;
		min-height: 96px;
		overflow: hidden;
	}

	.dhp-discovery-results--list .dhp-product__media {
		aspect-ratio: auto;
		min-height: 96px;
	}

	.dhp-discovery-results--list .dhp-product__body {
		padding: 10px 12px;
		gap: 3px;
	}

	.dhp-discovery-results--list .dhp-product__title {
		font-size: 0.96rem;
	}

	.dhp-discovery-results--list .dhp-product__excerpt {
		display: none;
	}
}