.ecui-nadura-archive {
	position: relative;
	inline-size: 100%;
	min-inline-size: 0;
}

.ecui-nadura-archive button,
.ecui-nadura-archive .ecui-pager__link {
	border-radius: 50px;
}

.ecui-nadura-archive__nav-shell {
	position: relative;
	min-inline-size: 0;
}

.ecui-nadura-archive__nav-shell::before,
.ecui-nadura-archive__nav-shell::after {
	position: absolute;
	z-index: 2;
	inset-block: 0;
	inline-size: 42px;
	content: "";
	opacity: 0;
	pointer-events: none;
	transition: opacity 160ms ease;
}

.ecui-nadura-archive__nav-shell::before {
	inset-inline-start: 0;
	background: linear-gradient(90deg, #fff 12%, rgb(255 255 255 / 0));
}

.ecui-nadura-archive__nav-shell::after {
	inset-inline-end: 0;
	background: linear-gradient(270deg, #fff 12%, rgb(255 255 255 / 0));
}

.ecui-nadura-archive__nav-shell.has-left-fade::before,
.ecui-nadura-archive__nav-shell.has-right-fade::after {
	opacity: 1;
}

.ecui-nadura-archive__nav {
	display: flex;
	align-items: center;
	gap: 28px;
	overflow-x: auto;
	padding: 16px 24px;
	overscroll-behavior-inline: contain;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}

.ecui-nadura-archive__nav::-webkit-scrollbar {
	display: none;
}

.ecui-nadura-archive__nav-label,
.ecui-nadura-archive__category {
	flex: 0 0 auto;
	color: inherit;
	font: inherit;
	text-decoration: none;
	white-space: nowrap;
}

.ecui-nadura-archive__nav-label {
	font-weight: 600;
}

.ecui-nadura-archive__nav-divider {
	flex: 0 0 1px;
	inline-size: 1px;
	block-size: 16px;
	background: #d8d8d8;
}

.ecui-nadura-archive__category {
	color: #8a8a8a;
	font-size: 13px;
	font-weight: 400;
	line-height: 1;
}

.ecui-nadura-archive__category:hover,
.ecui-nadura-archive__category:focus-visible,
.ecui-nadura-archive__category.is-active {
	color: #181818;
}

.ecui-nadura-archive__category.is-active {
	font-weight: 600;
}

.ecui-nadura-archive__toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 18px 15px;
	border-block: 1px solid var(--ecui-color-border-soft, #ddd);
	font-size: 13px;
}

.ecui-nadura-archive__count {
	margin: 0;
}

.ecui-nadura-archive__trigger {
	min-block-size: 44px;
	padding: 8px 0;
	border: 0;
	background: transparent;
	color: inherit;
	-webkit-text-fill-color: currentcolor;
	font: inherit;
	white-space: nowrap;
	cursor: pointer;
}

.ecui-nadura-archive__results,
.ecui-nadura-archive__grid,
.ecui-nadura-archive .ecui-archive-grid__results {
	min-inline-size: 0;
}

.ecui-nadura-archive .ecui-archive-grid__list {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 2px;
	background: #fff;
}

.ecui-product-card--nadura {
	block-size: 100%;
	min-inline-size: 0;
	border: 0;
	background: #fff;
	box-shadow: none;
}

.ecui-product-card--nadura .ecui-product-card__media {
	aspect-ratio: 3 / 4;
	overflow: hidden;
	border: 0;
	background: #f5f5f3;
}

.ecui-product-card--nadura .ecui-product-card__media-link,
.ecui-product-card--nadura .ecui-product-card__img {
	display: block;
	inline-size: 100%;
	block-size: 100%;
}

.ecui-product-card--nadura .ecui-product-card__media-link {
	position: relative;
}

.ecui-product-card--nadura .ecui-product-card__img {
	position: absolute;
	inset: 0;
	object-fit: cover !important;
	object-position: center;
	transition: opacity 180ms ease;
}

.ecui-product-card--nadura .ecui-product-card__img--secondary {
	opacity: 0;
}

.ecui-product-card--nadura .ecui-product-card__gallery-dots {
	display: none;
}

@media (hover: hover) and (pointer: fine) {
	.ecui-product-card--nadura.has-secondary-image:hover .ecui-product-card__img--primary {
		opacity: 0;
	}

	.ecui-product-card--nadura:hover .ecui-product-card__img--secondary {
		opacity: 1;
	}
}

.ecui-product-card--nadura .ecui-product-card__quick-add {
	right: 0.75rem;
	bottom: 0.75rem;
	inline-size: 44px;
	block-size: 44px;
	border: 1px solid rgb(17 17 17 / 14%);
	border-radius: 50% !important;
	background: rgb(255 255 255 / 94%);
	box-shadow: 0 8px 24px rgb(17 17 17 / 10%);
	color: #111;
	transition: background-color 180ms ease, color 180ms ease, transform 180ms ease;
}

@media (hover: hover) and (pointer: fine) {
	.ecui-product-card--nadura .ecui-product-card__quick-add:hover {
		background: #111;
		color: #fff;
		transform: translateY(-2px);
	}
}

.ecui-product-card--nadura .ecui-product-card__body {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 5px 12px;
	padding: 14px;
	background: #fff;
}

.ecui-product-card--nadura .ecui-product-card__title {
	grid-column: 1;
	grid-row: 1;
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.25;
}

.ecui-product-card--nadura .ecui-product-card__category {
	grid-column: 1;
	grid-row: 2;
	margin: 0;
	color: #737373;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.3;
	letter-spacing: 0;
	text-transform: none;
}

.ecui-product-card--nadura .ecui-product-card__price {
	grid-column: 2;
	grid-row: 1;
	margin: 0;
	font-size: 14px;
	line-height: 1.25;
	white-space: nowrap;
}

.ecui-nadura-archive .ecui-archive-grid__pagination {
	padding-block: 32px;
}

.ecui-nadura-drawer[hidden],
.ecui-nadura-drawer__backdrop[hidden] {
	display: none;
}

.ecui-nadura-drawer__backdrop {
	position: fixed;
	z-index: 100000;
	inset: 0;
	inline-size: 100%;
	block-size: 100%;
	padding: 0;
	border: 0;
	background: rgb(0 0 0 / 0.28);
}

.ecui-nadura-drawer {
	position: fixed;
	z-index: 100001;
	inset-block: 0;
	inset-inline-end: 0;
	display: flex;
	flex-direction: column;
	inline-size: min(430px, 100%);
	overflow-y: auto;
	background: #fff;
	box-shadow: -12px 0 40px rgb(0 0 0 / 0.14);
	color: #181818;
	font-size: 13px;
}

.ecui-nadura-drawer__header {
	position: sticky;
	z-index: 2;
	inset-block-start: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 18px 20px;
	border-block-end: 1px solid var(--ecui-color-border-soft, #ddd);
	background: #fff;
}

.ecui-nadura-drawer__header h2 {
	margin: 0;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
}

.ecui-nadura-drawer__close {
	display: grid;
	place-items: center;
	inline-size: 44px;
	block-size: 44px;
	padding: 0;
	border: 0;
	border-radius: 50px;
	background: transparent;
	color: #181818;
	-webkit-text-fill-color: #181818;
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
}

.ecui-nadura-filters {
	display: flex;
	flex: 1;
	flex-direction: column;
}

.ecui-nadura-filters__content {
	flex: 1;
	padding: 6px 20px 24px;
}

.ecui-nadura-filters__group {
	margin: 0;
	padding: 20px 0;
	border: 0;
}

.ecui-nadura-filters__legend {
	margin-block-end: 10px;
	font-size: 13px;
	font-weight: 600;
}

.ecui-nadura-filters__select {
	inline-size: 100%;
	min-block-size: 48px;
	padding-inline: 14px 34px;
	border: 1px solid var(--ecui-color-border-soft, #ddd);
	border-radius: 50px;
	background-color: #fff;
	color: #181818;
	font: inherit;
}

.ecui-nadura-filters__check {
	display: flex;
	align-items: center;
	gap: 12px;
	min-block-size: 44px;
	color: #555;
	font-size: 13px;
	cursor: pointer;
}

.ecui-nadura-filters__check input {
	inline-size: 18px;
	block-size: 18px;
	accent-color: var(--ecui-color-accent, #111);
}

.ecui-nadura-filters__check:has(input:checked) {
	color: #181818;
	font-weight: 600;
}

.ecui-nadura-filters__separator {
	block-size: 1px;
	background: var(--ecui-color-border-soft, #ddd);
}

.ecui-nadura-filters__footer {
	position: sticky;
	inset-block-end: 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	padding: 16px 20px;
	border-block-start: 1px solid var(--ecui-color-border-soft, #ddd);
	background: #fff;
}

.ecui-nadura-filters__clear,
.ecui-nadura-filters__apply {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-block-size: 50px;
	padding: 10px 18px;
	border-radius: 50px;
	font: inherit;
	font-weight: 600;
	-webkit-appearance: none;
	appearance: none;
}

.ecui-nadura-filters__clear {
	border: 1px solid currentcolor;
	background: #fff;
	color: #181818;
	-webkit-text-fill-color: #181818;
	text-decoration: none;
}

.ecui-nadura-filters__apply {
	border: 1px solid var(--ecui-color-button, #111);
	background: var(--ecui-color-button, #111);
	color: var(--ecui-color-button-text, #fff);
	-webkit-text-fill-color: var(--ecui-color-button-text, #fff);
	cursor: pointer;
}

.ecui-nadura-archive.ecui-is-loading .ecui-archive-grid__results {
	opacity: 0.5;
	pointer-events: none;
}

@media (max-width: 767px) {
	.ecui-nadura-archive__nav {
		gap: 26px;
		padding: 16px 20px;
	}

	.ecui-nadura-archive__category {
		font-size: 12px;
	}

	.ecui-nadura-archive__toolbar {
		padding: 16px 10px;
		font-size: 12px;
	}

	.ecui-nadura-archive .ecui-archive-grid__list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.ecui-product-card--nadura .ecui-product-card__body {
		display: block;
		padding: 12px 10px 18px;
	}

	.ecui-product-card--nadura.has-secondary-image .ecui-product-card__media-link {
		display: flex;
		overflow-x: auto;
		overflow-y: hidden;
		scroll-behavior: smooth;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
		touch-action: pan-y;
		overscroll-behavior-inline: contain;
		-webkit-overflow-scrolling: touch;
	}

	.ecui-product-card--nadura.has-secondary-image .ecui-product-card__media-link::-webkit-scrollbar {
		display: none;
	}

	.ecui-product-card--nadura.has-secondary-image .ecui-product-card__img {
		position: relative;
		inset: auto;
		flex: 0 0 100%;
		min-inline-size: 100%;
		scroll-snap-align: start;
		scroll-snap-stop: always;
		transition: none;
		user-select: none;
		-webkit-user-drag: none;
	}

	.ecui-product-card--nadura .ecui-product-card__img--primary,
	.ecui-product-card--nadura .ecui-product-card__img--secondary {
		display: block;
		opacity: 1 !important;
	}

	.ecui-product-card--nadura .ecui-product-card__gallery-dots {
		position: absolute;
		z-index: 3;
		inset-inline-start: 50%;
		inset-block-end: 10px;
		display: flex;
		align-items: center;
		gap: 5px;
		padding: 5px 7px;
		border-radius: 999px;
		background: rgb(255 255 255 / 78%);
		box-shadow: 0 2px 10px rgb(17 17 17 / 8%);
		transform: translateX(-50%);
		pointer-events: none;
		backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(5px);
	}

	.ecui-product-card--nadura .ecui-product-card__gallery-dot {
		display: block;
		inline-size: 5px;
		block-size: 5px;
		border-radius: 50%;
		background: rgb(17 17 17 / 28%);
		transition: inline-size 160ms ease, background-color 160ms ease;
	}

	.ecui-product-card--nadura .ecui-product-card__gallery-dot.is-active {
		inline-size: 14px;
		border-radius: 999px;
		background: #111;
	}

	.ecui-product-card--nadura .ecui-product-card__title,
	.ecui-product-card--nadura .ecui-product-card__category,
	.ecui-product-card--nadura .ecui-product-card__price {
		margin: 0 0 5px;
		font-size: 12px;
	}

	.ecui-nadura-drawer {
		inset-block: 10px;
		inset-inline-end: 10px;
		inline-size: calc(100% - 20px);
		border-radius: 18px;
		box-shadow: 0 8px 40px rgb(0 0 0 / 0.18);
		font-size: 12px;
	}

	.ecui-nadura-drawer__header,
	.ecui-nadura-filters__content,
	.ecui-nadura-filters__footer {
		padding-inline: 16px;
	}

	.ecui-nadura-drawer__header h2,
	.ecui-nadura-filters__legend,
	.ecui-nadura-filters__check {
		font-size: 12px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ecui-nadura-archive__nav {
		scroll-behavior: auto;
	}

	.ecui-product-card--nadura.has-secondary-image .ecui-product-card__media-link {
		scroll-behavior: auto;
	}
}