:root,
:host {
	--bs-gray-025: color-mix(in oklch, var(--bs-white) 94%, var(--bs-gray-500));
	--bs-gray-050: color-mix(in oklch, var(--bs-white) 90%, var(--bs-gray-500));
	--bs-gray-100: color-mix(in oklch, var(--bs-white) 80%, var(--bs-gray-500));
	--bs-gray-200: color-mix(in oklch, var(--bs-white) 60%, var(--bs-gray-500));
	--bs-gray-300: color-mix(in oklch, var(--bs-white) 40%, var(--bs-gray-500));
	--bs-gray-400: color-mix(in oklch, var(--bs-white) 20%, var(--bs-gray-500));
	--bs-gray-500: oklch(60% .01 75);
	--bs-gray-600: color-mix(in oklch, var(--bs-black) 16%, var(--bs-gray-500));
	--bs-gray-700: color-mix(in oklch, var(--bs-black) 32%, var(--bs-gray-500));
	--bs-gray-800: oklch(30.3% .006 75);
	--bs-gray-900: oklch(24.2% .005 75);
	--bs-gray-950: oklch(22% .005 75);
	--bs-gray-975: oklch(19.1% .004 75);

	--bs-border-emphasized: var(--bs-gray-500);
	--bs-border-subtle: color-mix(in oklch, var(--bs-fg-body) 10%, transparent);

	--bs-primary-base: #cd4c16;
	--bs-primary-bg: #cd4c16;
	--bs-primary-fg: light-dark(#b4410f, #ed8154);
	--bs-primary-fg-emphasis: light-dark(#8a300b, #f4a583);
	--bs-primary-bg-subtle: light-dark(#fbe9df, #3a2217);
	--bs-primary-bg-muted: light-dark(#f6d5c4, #54301f);
	--bs-primary-border: light-dark(#eeb49a, #8a3c1c);
	--bs-primary-focus-ring: light-dark(#b4410f, #ed8154);

	--bs-link-color: var(--bs-primary-fg);
	--bs-link-decoration: none;

	--selection-fg: var(--bs-primary-contrast);
	--selection-bg: color-mix(in oklab, var(--bs-primary-bg) 97%, black);
}

@media print {
	:root,
	[data-bs-theme] {
		color-scheme: light;
	}
}

.basket-drawer {
	--bs-drawer-width: min(26rem, 85vw);
	--bs-drawer-backdrop-blur: 0;
	--bs-drawer-padding-x: var(--bs-spacer-6);
	--bs-drawer-padding-y: var(--bs-spacer-5);
	--bs-drawer-border-color: var(--bs-border-subtle);
}

@media (prefers-reduced-motion: no-preference) {
	@view-transition {
		navigation: auto;
	}
}

@layer reboot {
	@media (pointer: fine) {
		:root {
			overscroll-behavior-y: none;
		}
	}

	@media (pointer: coarse) {
		body {
			background-color: var(--bs-gray-900);
		}
	}

	@media (prefers-reduced-motion: no-preference) {
		:root {
			scroll-behavior: smooth;
		}
	}

	::selection {
		color: var(--selection-fg);
		background-color: var(--selection-bg);
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	summary {
		text-wrap-style: balance;
	}

	p,
	li,
	dd,
	blockquote {
		text-wrap-style: pretty;
	}
}

@layer custom {
	picture {
		display: contents;
	}

	.icon {
		display: inline-block;
		width: 1.25em;
		height: 1em;
		vertical-align: -.125em;
		fill: currentColor;
		overflow: visible;
	}

	body {
		min-height: 100dvh;
		display: flex;
		flex-direction: column;
	}

	:is(.prose, .list-empty, .order-layout__question, .account-check, .account-notice, .account-aside, .account-entry__lead) :where(a:not([class])) {
		font-weight: var(--bs-font-weight-semibold);
		text-decoration: none;
	}

	:where(a:not([class])):active,
	:where(a:not([class])):focus-visible {
		text-decoration: underline;
	}

	@media (hover: hover) {
		:where(a:not([class])):hover {
			text-decoration: underline;
		}
	}

	.header-btn__count {
		--selection-bg: var(--bs-gray-975);
	}

	main {
		flex: 1 0 auto;
		background-color: var(--bs-bg-body);
	}

	.site-strip {
		color: var(--bs-fg-body);
		background-color: var(--bs-bg-2);
	}

	.site-strip .visually-hidden-focusable {
		display: inline-block;
		margin-block: var(--bs-spacer-3);
		margin-inline-end: var(--bs-spacer-6);
	}

	.site-notice {
		color: var(--bs-fg-body);
		background-color: var(--bs-bg-3);
		font-size: var(--bs-font-size-sm);
	}

	.site-notice strong {
		color: var(--bs-primary-fg);
	}

	.site-header {
		color: var(--bs-fg-body);
		background-color: var(--bs-bg-2);
	}

	.site-header__bar {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		grid-template-areas:
			"logo actions"
			"search search";
		gap: var(--bs-spacer-4) var(--bs-spacer-3);
		align-items: center;
		padding-block: var(--bs-spacer-4);
	}

	.site-header__bar--plain {
		grid-template-areas: "logo logo";
		justify-items: center;
	}

	.site-header__logo {
		grid-area: logo;
		justify-self: start;
		border-radius: var(--bs-radius-3);
	}

	.site-header__logo img {
		display: block;
		width: clamp(6.5rem, 30vw, 10.625rem);
		max-width: 100%;
		height: auto;
	}

	.site-header__actions {
		grid-area: actions;
		justify-self: end;
		display: flex;
		gap: var(--bs-spacer-1);
		align-items: center;
	}

	.site-search {
		--search-ring: light-dark(var(--bs-primary-bg), var(--bs-primary-fg));

		grid-area: search;
		position: relative;
		justify-self: center;
		width: 100%;
		max-width: 44rem;
	}

	:root:not([data-bs-theme]) .site-search {
		color-scheme: light dark;
	}

	:root[data-bs-theme="light"] .site-search {
		color-scheme: light;
	}

	.site-search .form-control {
		min-height: 2.75rem;
		padding-inline: var(--bs-spacer-5) 3rem;
		border-color: light-dark(transparent, var(--bs-bg-4));
		border-radius: var(--bs-radius-pill);
		transition: none;
	}

	.site-search .form-control:focus-visible {
		outline-color: var(--search-ring);
	}

	.site-search button {
		position: absolute;
		inset-block: 0;
		inset-inline-end: 0;
		width: 3rem;
		color: var(--bs-fg-2);
		background: none;
		border: 0;
		border-radius: var(--bs-radius-pill);
	}

	.site-search .site-search__clear {
		inset-inline-end: 2.75rem;
		width: 2.25rem;
	}

	.site-search:has(.site-search__clear:not([hidden])) .form-control {
		padding-inline-end: 5.25rem;
	}

	.site-search button:active {
		color: var(--bs-fg-body);
	}

	@media (hover: hover) {
		.site-search button:hover {
			color: var(--bs-fg-body);
		}
	}

	.header-btn {
		position: relative;
		display: inline-flex;
		gap: var(--bs-spacer-3);
		align-items: center;
		justify-content: center;
		min-width: 2.25rem;
		height: 2.5rem;
		padding-inline: var(--bs-spacer-3);
		color: inherit;
		font-size: var(--bs-font-size-sm);
		font-weight: var(--bs-font-weight-medium);
		line-height: 1;
		white-space: nowrap;
		background: none;
		border: 0;
		border-radius: var(--bs-radius-pill);
		transition: background-color .15s ease-out, color .15s ease-out;
	}

	.header-btn:active,
	.header-btn[aria-expanded="true"] {
		background-color: var(--bs-bg-3);
	}

	@media (hover: hover) {
		.header-btn:hover {
			background-color: var(--bs-bg-3);
		}
	}

	.header-btn[aria-current="page"] {
		color: var(--bs-primary-fg);
	}

	.header-btn--cart {
		gap: var(--bs-spacer-5);
		background-color: var(--bs-bg-3);
	}

	.header-btn--cart:active {
		background-color: var(--bs-bg-4);
	}

	@media (hover: hover) {
		.header-btn--cart:hover {
			background-color: var(--bs-bg-4);
		}
	}

	.header-btn__icon {
		position: relative;
		font-size: 1.125rem;
	}

	.header-btn__count {
		position: absolute;
		inset-block-start: -.55rem;
		inset-inline-start: .7rem;
		min-width: 1.125rem;
		padding: .15rem .3rem;
		font-size: var(--bs-font-size-xs);
		font-weight: var(--bs-font-weight-bold);
		text-align: center;
		color: var(--bs-primary-contrast);
		background-color: var(--bs-primary-bg);
		border-radius: var(--bs-radius-pill);
		overflow: clip;
	}

	.header-btn__label {
		display: none;
		font-variant-numeric: tabular-nums;
	}

	.header-btn number-flow {
		margin-block: calc(-2 * round(nearest, calc(var(--number-flow-mask-height, .25em) / 2), 1px));
	}

	.mode-icon {
		flex-shrink: 0;
		width: 1.125rem;
		height: 1.125rem;
	}

	.header-btn__mode .mode-icon {
		display: none;
	}

	:root:not([data-bs-theme]) .header-btn__mode .mode-icon--auto,
	:root[data-bs-theme="light"] .header-btn__mode .mode-icon--light,
	:root[data-bs-theme="dark"] .header-btn__mode .mode-icon--dark {
		display: block;
	}

	.header-btn:focus-visible,
	.site-header__logo:focus-visible,
	.site-cats__link:focus-visible,
	.site-cats__toggle:focus-visible,
	.site-search button:focus-visible {
		outline: var(--bs-focus-ring-width) solid var(--bs-primary-fg);
		outline-offset: var(--bs-focus-ring-offset);
	}

	@media (width >= 576px) {
		.header-btn--cart .header-btn__label {
			display: inline;
		}

		.header-btn--cart {
			padding-inline: var(--bs-spacer-5);
		}
	}

	@media (width >= 768px) {
		.site-header__bar {
			grid-template-columns: auto minmax(0, 1fr) auto;
			grid-template-areas: "logo search actions";
			gap: var(--bs-spacer-6);
			padding-block: var(--bs-spacer-5);
		}

		.site-header__bar--plain {
			grid-template-columns: 1fr;
			grid-template-areas: "logo";
		}

		.header-btn {
			padding-inline: var(--bs-spacer-4);
		}

		.header-btn--cart {
			padding-inline: var(--bs-spacer-5);
			margin-inline-start: var(--bs-spacer-2);
		}
	}

	@media (width >= 1024px) {
		.header-btn__label {
			display: inline;
		}
	}

	.basket-drop {
		--basket-drop-top: var(--bs-spacer-3);

		position: fixed;
		inset-block-start: var(--basket-drop-top);
		inset-inline-end: var(--basket-drop-end, var(--bs-spacer-5));
		z-index: 991;
		padding-inline: var(--bs-spacer-5);
		margin: 0;
		color: var(--bs-fg-body);
		box-shadow: 0 0 0 1px var(--bs-border-subtle), var(--bs-box-shadow);
		transform: translateY(calc(-100% - var(--basket-drop-top) - var(--bs-spacer-5)));
		transition: background-color .15s ease-out, inset-block-start .2s cubic-bezier(.2, 0, 0, 1);
	}

	.basket-drop.is-shown {
		transform: none;
	}

	.basket-drop .header-btn__label {
		display: inline;
	}

	@media (prefers-reduced-motion: reduce) {
		.basket-drop {
			transition: none;
		}
	}

	@media (width >= 1024px) {
		.site-cats.is-pinned.is-shown ~ .basket-drop {
			--basket-drop-top: calc(2.25rem + var(--bs-spacer-3) * 3);
		}
	}

	@media (width < 1024px) {
		.basket-drop {
			--basket-drop-top: calc(var(--bs-spacer-3) - .125rem);
		}

		.site-cats.is-pinned.is-shown ~ .basket-drop--under {
			--basket-drop-top: calc(2.25rem + var(--bs-spacer-3) * 2);
		}
	}

	.site-cats {
		color: var(--bs-fg-body);
		background-color: var(--bs-bg-1);
	}

	@media (width >= 1024px) {
		.site-cats.is-pinned {
			position: sticky;
			inset-block-start: 0;
			z-index: 990;
			box-shadow: inset 0 -1px 0 var(--bs-border-subtle);
			transform: translateY(-100%);
		}

		.site-cats.is-pinned.is-shown {
			transform: none;
		}
	}

	@media (width < 1024px) {
		.site-cats.is-pinned .site-cats__menu {
			position: fixed;
			inset-block-start: var(--bs-spacer-3);
			inset-inline-start: var(--site-cats-start);
			z-index: 990;
			transform: translateY(calc(-100% - var(--bs-spacer-5)));
		}

		.site-cats.is-pinned.is-shown .site-cats__menu {
			transform: none;
		}

		.site-cats.is-pinned .site-cats__toggle {
			background-color: var(--bs-bg-body);
			box-shadow: 0 0 0 1px var(--bs-border-subtle), var(--bs-box-shadow);
		}

		.site-cats.is-pinned .site-cats__toggle:active,
		.site-cats.is-pinned .site-cats__toggle[aria-expanded="true"] {
			background-color: var(--bs-bg-3);
		}

		@media (hover: hover) {
			.site-cats.is-pinned .site-cats__toggle:hover {
				background-color: var(--bs-bg-3);
			}
		}
	}

	.site-cats__list {
		display: none;
		gap: 2px;
		margin: 0 calc(var(--bs-spacer-1) * -1);
		padding: var(--bs-spacer-3) var(--bs-spacer-1);
		list-style: none;
		overflow-x: auto;
		scrollbar-width: none;
	}

	.site-cats__list li {
		display: flex;
		flex: 1 0 auto;
	}

	.site-cats__list .site-cats__link {
		flex: 1;
		justify-content: center;
	}

	.site-cats__compact {
		display: flex;
		gap: var(--bs-spacer-3);
		align-items: center;
		justify-content: space-between;
		padding-block: var(--bs-spacer-3);
	}

	.site-cats__compact .menu {
		--bs-menu-max-height: 70dvh;
		--bs-menu-font-size: var(--bs-font-size-md);
		--bs-menu-item-padding-y: var(--bs-spacer-3);
		--bs-menu-item-gap: var(--bs-spacer-4);
		--bs-menu-item-font-weight: var(--bs-font-weight-semibold);
	}

	.site-cats__compact .menu-item-check {
		align-self: center;
		margin-block-start: 0;
	}

	.site-cats__compact .site-cats__link {
		margin-inline-start: auto;
	}

	.site-cats__compact .site-cats__toggle,
	.site-cats__compact .site-cats__link {
		padding-inline: clamp(var(--bs-spacer-4), 4vw, var(--bs-spacer-5));
	}

	.site-cats__link,
	.site-cats__toggle {
		display: inline-flex;
		gap: var(--bs-spacer-2);
		align-items: center;
		min-height: 2.25rem;
		padding: var(--bs-spacer-2);
		color: var(--bs-fg-body);
		font-size: var(--bs-font-size-sm);
		font-weight: var(--bs-font-weight-semibold);
		white-space: nowrap;
		background: none;
		border: 0;
		border-radius: var(--bs-radius-pill);
	}

	.site-cats__icon {
		display: none;
		color: var(--bs-primary-fg);
	}

	.site-cats__icon .icon {
		height: 1.25em;
		vertical-align: -.25em;
	}

	.site-cats__compact .site-cats__icon {
		display: inline;
	}

	.site-cats__promo {
		color: var(--bs-primary-fg);
	}

	.site-cats__list .site-cats__promo {
		background-color: var(--bs-primary-bg-subtle);
	}

	.site-cats__link[aria-current="page"] {
		background-color: var(--bs-bg-3);
	}

	.site-cats__link:active,
	.site-cats__toggle:active,
	.site-cats__toggle[aria-expanded="true"] {
		color-scheme: dark;
		background-color: var(--bs-bg-3);
	}

	@media (hover: hover) {
		.site-cats__link:hover,
		.site-cats__toggle:hover {
			color-scheme: dark;
			background-color: var(--bs-bg-3);
		}
	}

	.site-cats__link--sale,
	.site-cats__link--sale:active {
		color: var(--bs-primary-fg);
		font-weight: var(--bs-font-weight-bold);
		letter-spacing: .04em;
	}

	.site-cats__link--sale[aria-current="page"] {
		color: var(--bs-primary-fg-emphasis);
	}

	@media (hover: hover) {
		.site-cats__link--sale:hover {
			color: var(--bs-primary-fg);
		}
	}

	@media (width >= 1024px) {
		.site-cats__list {
			display: flex;
		}

		.site-cats__compact {
			display: none;
		}
	}

	@media (width >= 1280px) {
		.site-cats__icon {
			display: inline;
		}
	}

	.site-cats--tight .site-cats__list .site-cats__icon {
		display: none;
	}

	.site-cats--compact .site-cats__list {
		display: none;
	}

	.site-cats--compact .site-cats__compact {
		display: flex;
	}

	.site-footer h2 {
		font-size: var(--bs-font-size-xs);
		font-weight: var(--bs-font-weight-semibold);
		letter-spacing: .08em;
		text-transform: uppercase;
	}

	.site-promises {
		background-color: var(--bs-bg-1);
	}

	.site-promises__list,
	.shop-facts {
		display: grid;
		gap: var(--bs-spacer-5);
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.site-promises__list li,
	.shop-facts li {
		display: flex;
		gap: var(--bs-spacer-4);
	}

	.site-promises__icon,
	.shop-facts__icon {
		flex-shrink: 0;
		width: 1.5rem;
		color: var(--bs-primary-fg);
		font-size: 1.25rem;
		line-height: 1.3;
		text-align: center;
	}

	.site-promises__list a,
	.shop-facts strong {
		font-weight: var(--bs-font-weight-semibold);
	}

	.site-promises__list p,
	.shop-facts p {
		margin: 0;
		color: var(--bs-fg-2);
		font-size: var(--bs-font-size-sm);
	}

	@media (width >= 768px) {
		.site-promises__list {
			grid-template-columns: repeat(2, minmax(0, 1fr));
			gap: var(--bs-spacer-7);
		}
	}

	@media (width >= 1024px) {
		.site-promises__list {
			grid-template-columns: repeat(4, minmax(0, 1fr));
		}
	}

	.site-footer {
		--site-footer-row: var(--bs-spacer-2);

		padding-block: var(--bs-spacer-12) 4.5rem;
		color: var(--bs-fg-2);
		font-size: var(--bs-font-size-sm);
		overflow-wrap: anywhere;
		background-color: var(--bs-bg-2);
	}

	.site-footer p,
	.site-footer dl,
	.site-footer dd {
		margin: 0;
	}

	.site-footer ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.site-footer a {
		color: var(--bs-fg-1);
	}

	.site-footer a:active {
		color: var(--bs-fg-body);
	}

	@media (hover: hover) {
		.site-footer a:hover {
			color: var(--bs-fg-body);
		}
	}

	.site-footer a:focus-visible {
		outline: var(--bs-focus-ring-width) solid var(--bs-primary-fg);
		outline-offset: var(--bs-focus-ring-offset);
		border-radius: var(--bs-radius-3);
	}

	.site-footer__main {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		gap: var(--bs-spacer-9) var(--bs-spacer-7);
	}

	.site-footer__logo {
		display: inline-block;
		max-width: 100%;
		margin-block-end: var(--bs-spacer-6);
	}

	.site-footer__logo img {
		display: block;
		width: 9.375rem;
		max-width: 100%;
		height: auto;
	}

	.site-footer__address {
		color: var(--bs-fg-body);
		font-size: var(--bs-font-size-xl);
		font-weight: var(--bs-font-weight-bold);
		line-height: 1.2;
		letter-spacing: -.01em;
	}

	.site-footer__hours {
		margin-block-start: var(--bs-spacer-2);
		color: var(--bs-fg-1);
		font-size: var(--bs-font-size-lg);
		font-variant-numeric: tabular-nums;
	}

	.site-footer p.site-footer__change {
		margin-block-start: var(--bs-spacer-4);
		color: var(--bs-fg-1);
	}

	.site-footer p.site-footer__change + .site-footer__change {
		margin-block-start: var(--bs-spacer-1);
	}

	.site-footer__change strong {
		color: var(--bs-fg-body);
		font-weight: var(--bs-font-weight-semibold);
	}

	.site-footer__icon {
		color: var(--bs-primary-fg);
	}

	.site-footer h2 {
		margin-block-end: var(--bs-spacer-4);
	}

	.site-footer__group a {
		position: relative;
		display: block;
		padding-block: var(--site-footer-row);
		padding-inline-start: calc(1.25rem + var(--bs-spacer-4));
	}

	.site-footer__mark {
		position: absolute;
		inset-block-start: var(--site-footer-row);
		inset-inline-start: 0;
		width: 1.25rem;
		line-height: calc(var(--bs-font-size-sm) * var(--bs-body-line-height));
		text-align: center;
	}

	.site-footer__track {
		color: var(--bs-fg-2);
		font-family: var(--bs-font-mono);
		font-size: var(--bs-font-size-xs);
		text-align: start;
	}

	.site-footer__bar {
		display: flex;
		flex-wrap: wrap;
		gap: var(--bs-spacer-4) var(--bs-spacer-9);
		align-items: baseline;
		justify-content: space-between;
		margin-block-start: var(--bs-spacer-10);
		padding-block-start: var(--bs-spacer-6);
		border-block-start: var(--bs-border-width) solid var(--bs-border-subtle);
	}

	.site-footer__company {
		display: grid;
		grid-template-columns: max-content minmax(0, 1fr);
		gap: var(--bs-spacer-1) var(--bs-spacer-5);
	}

	.site-footer__company div {
		display: contents;
	}

	.site-footer__company div:first-child dd {
		grid-column: 1 / -1;
	}

	.site-footer__company dt {
		font-weight: var(--bs-font-weight-normal);
	}

	.site-footer__company dd {
		color: var(--bs-fg-1);
	}

	.site-footer__languages {
		display: flex;
		flex-wrap: wrap;
		gap: 0 var(--bs-spacer-6);
	}

	.site-footer__languages a {
		display: inline-block;
		padding-block: var(--site-footer-row);
		color: var(--bs-fg-2);
	}

	.site-footer__languages a[aria-current] {
		color: var(--bs-fg-body);
		font-weight: var(--bs-font-weight-semibold);
	}

	@media (pointer: coarse) {
		.site-footer {
			--site-footer-row: .625rem;
		}
	}

	@media (width >= 576px) {
		.site-footer__main {
			grid-template-columns: repeat(3, minmax(0, 1fr));
			gap: var(--bs-spacer-10) var(--bs-spacer-7);
		}

		.site-footer__shop {
			grid-column: 1 / -1;
		}

		.site-footer__logo {
			margin-block-end: var(--bs-spacer-8);
		}

		.site-footer__bar {
			margin-block-start: var(--bs-spacer-11);
			font-size: var(--bs-font-size-xs);
		}

		.site-footer__company {
			display: flex;
			flex-wrap: wrap;
			gap: var(--bs-spacer-2) var(--bs-spacer-6);
		}

		.site-footer__company div {
			display: flex;
			flex-wrap: wrap;
			gap: 0 var(--bs-spacer-2);
		}
	}

	@media (width >= 1024px) {
		.site-footer__main {
			grid-template-columns: minmax(0, 1.7fr) repeat(3, minmax(0, 1fr));
		}

		.site-footer__shop {
			grid-column: auto;
		}
	}

	.shop-hours {
		display: grid;
		grid-template-columns: max-content 1fr;
		gap: var(--bs-spacer-2) var(--bs-spacer-5);
		margin: 0;
		color: var(--bs-fg-2);
		font-variant-numeric: tabular-nums;
	}

	.shop-hours dd {
		margin: 0;
	}

	.scroll-top {
		--bs-theme-bg: var(--bs-gray-600);
		--bs-theme-contrast: var(--bs-white);

		width: 2.75rem;
		position: fixed;
		inset-block-end: var(--bs-spacer-6);
		inset-inline-end: var(--bs-spacer-6);
		z-index: 1000;
		opacity: 0;
		visibility: hidden;
		transition: opacity .2s ease-out, visibility .2s ease-out;
	}

	.scroll-top.is-visible {
		opacity: 1;
		visibility: visible;
	}

	.page-head {
		padding-block: var(--bs-spacer-9);
	}

	.page-head h1 {
		margin: 0;
		font-size: var(--bs-font-size-2xl);
		font-weight: var(--bs-font-weight-bold);
		letter-spacing: -.01em;
	}

	.text-page {
		max-width: 52ch;
		margin-inline: 0;
	}

	.text-page h3 {
		color: var(--bs-fg-body);
		font-size: var(--bs-font-size-lg);
		font-weight: var(--bs-font-weight-semibold);
		letter-spacing: -.01em;
	}

	.blog-page__date {
		margin: var(--bs-spacer-2) 0 0;
		color: var(--bs-fg-2);
	}

	.blog-page__picture {
		display: block;
		max-width: 100%;
		height: auto;
		margin-block-end: var(--bs-spacer-9);
		border-radius: var(--bs-radius-7);
	}

	.blog-page .product-grid {
		margin-block: var(--bs-spacer-6) var(--bs-spacer-9);
	}

	.faq {
		--bs-accordion-bg: transparent;
		--bs-accordion-btn-bg: transparent;
		--bs-accordion-active-bg: transparent;
		--bs-accordion-btn-color: var(--bs-fg-body);
		--bs-accordion-border-width: 0;
		--bs-accordion-radius: 0;
		--bs-accordion-padding-x: 0;
		--bs-accordion-padding-y: var(--bs-spacer-6);
		--bs-accordion-btn-icon-width: .875rem;
	}

	.faq .accordion-item + .accordion-item {
		border-block-start: var(--bs-border-width) solid var(--bs-border-subtle);
	}

	.faq .accordion-header {
		gap: var(--bs-spacer-5);
		width: calc(100% + 2 * var(--bs-spacer-4));
		margin-inline: calc(var(--bs-spacer-4) * -1);
		padding-inline: var(--bs-spacer-4);
		font-weight: var(--bs-font-weight-semibold);
		border-radius: var(--bs-radius-5);
	}

	.faq__toggle {
		flex-shrink: 0;
		display: grid;
		place-items: center;
		width: 2rem;
		height: 2rem;
		margin-inline-start: auto;
		background-color: var(--bs-bg-body);
		border-radius: var(--bs-radius-pill);
		transition: background-color .15s ease-out;
	}

	.faq .faq__toggle .accordion-icon {
		margin: 0;
	}

	.faq .accordion-header:active .faq__toggle {
		background-color: var(--bs-bg-3);
	}

	@media (hover: hover) {
		.faq .accordion-header:hover .faq__toggle {
			background-color: var(--bs-bg-3);
		}
	}

	.faq .accordion-body {
		max-width: 52ch;
		margin-inline: 0;
		padding-block: 0 var(--bs-spacer-7);
		color: var(--bs-fg-2);
	}

	.home {
		display: flex;
		flex-direction: column;
		padding-block: var(--bs-spacer-7) var(--bs-spacer-11);
	}

	.promo {
		display: grid;
		gap: var(--bs-spacer-5);
	}

	.promo__tabs {
		display: flex;
		gap: var(--bs-spacer-2);
		align-items: flex-start;
		justify-content: center;
		order: 2;
		min-width: 0;
	}

	.promo__list {
		display: flex;
		flex-wrap: wrap;
		gap: var(--bs-spacer-1);
		justify-content: center;
		min-width: 0;
	}

	.promo__tab,
	.promo__pause {
		flex: none;
		min-height: 2.5rem;
		color: var(--bs-fg-2);
		background: none;
		border: 0;
		transition: color .15s ease-out;
	}

	.promo__tab {
		--promo-tab-space: var(--bs-spacer-3);

		position: relative;
		max-width: 100%;
		padding: var(--bs-spacer-2) var(--promo-tab-space);
		overflow-wrap: anywhere;
		font-size: var(--bs-font-size-sm);
		font-weight: var(--bs-font-weight-semibold);
	}

	.promo__tab::after {
		position: absolute;
		inset: auto var(--promo-tab-space) .25rem;
		height: 2px;
		content: "";
		background-color: var(--bs-fg-body);
		border-radius: 1px;
		transform: scaleX(0);
		transform-origin: left;
	}

	.promo__tab[aria-selected="true"]::before {
		position: absolute;
		inset: auto var(--promo-tab-space) .25rem;
		height: 2px;
		content: "";
		background-color: currentcolor;
		border-radius: 1px;
		opacity: .5;
	}

	.promo[data-running] .promo__tab[aria-selected="true"]::after {
		animation: promo-time var(--promo-time) linear forwards;
	}

	.promo[data-held] .promo__tab[aria-selected="true"]::after {
		animation-play-state: paused;
	}

	@keyframes promo-time {
		from {
			transform: scaleX(0);
		}

		to {
			transform: scaleX(1);
		}
	}

	.promo__pause {
		display: inline-grid;
		place-items: center;
		width: 2.5rem;
	}

	.promo__tab[aria-selected="true"] {
		color: var(--bs-fg-body);
	}

	@media (forced-colors: active) {
		.promo__tab[aria-selected="true"] {
			outline: 1px solid;
			outline-offset: -1px;
		}
	}

	@media (scripting: none) {
		.promo__tabs {
			display: none;
		}
	}

	.promo__tab:active,
	.promo__pause:active {
		color: var(--bs-fg-body);
	}

	.promo__tab:focus-visible,
	.promo__pause:focus-visible {
		outline: var(--bs-focus-ring-width) solid var(--bs-primary-fg);
		outline-offset: calc(var(--bs-focus-ring-width) * -1);
	}

	@media (hover: hover) {
		.promo__tab:hover,
		.promo__pause:hover {
			color: var(--bs-fg-body);
		}
	}

	.promo__stage {
		display: grid;
		order: 1;
		padding: var(--bs-spacer-5);
		border: 1px solid color-mix(in oklab, var(--bs-fg-body) 16%, transparent);
		border-radius: var(--bs-radius-7);
		transition: background-color .2s ease-out, border-color .2s ease-out;
	}

	.promo__stage[data-tinted] {
		background-color: light-dark(oklch(.93 .04 var(--promo-hue)), oklch(.26 .035 var(--promo-hue)));
		border-color: transparent;
	}

	.promo__item[data-hue] {
		--promo-tile: #fff;
	}

	.promo__item {
		display: grid;
		grid-area: 1 / 1;
		grid-template-areas: "title covers" "offer covers";
		grid-template-rows: auto 1fr;
		grid-template-columns: minmax(0, 1fr) minmax(0, 38%);
		gap: var(--bs-spacer-3) var(--bs-spacer-4);
		align-items: start;
		min-width: 0;
		transition: opacity .2s ease-out, visibility 0s;
	}

	.promo__item[inert] {
		visibility: hidden;
		opacity: 0;
		transition: opacity .2s ease-out, visibility 0s .2s;
	}

	.promo__item--plain {
		display: block;
	}

	.promo__item--plain .promo__covers {
		display: none;
	}

	.promo__offer {
		display: flex;
		grid-area: offer;
		flex-direction: column;
		gap: var(--bs-spacer-3);
		align-items: flex-start;
		min-width: 0;
		overflow-wrap: anywhere;
	}

	.promo__title {
		grid-area: title;
		min-width: 0;
		margin: 0;
		overflow-wrap: anywhere;
	}

	.promo__theme {
		display: block;
		font-size: clamp(1.5rem, 1.2rem + 1.5vw, 2.25rem);
		font-weight: var(--bs-font-weight-bold);
		letter-spacing: -.02em;
		line-height: 1.08;
	}

	.promo__album {
		display: block;
		margin-block-start: var(--bs-spacer-2);
		font-size: clamp(1.0625rem, 1rem + .5vw, 1.375rem);
		font-weight: var(--bs-font-weight-semibold);
		letter-spacing: -.01em;
		line-height: 1.2;
	}

	.promo__text {
		max-width: 34rem;
		margin: 0;
		font-weight: var(--bs-font-weight-medium);
	}

	.promo__button {
		display: inline-flex;
		align-items: center;
		min-height: 2.5rem;
		margin-block-start: var(--bs-spacer-2);
		padding: var(--bs-spacer-2) var(--bs-spacer-3);
		color: var(--bs-primary-contrast);
		font-weight: var(--bs-font-weight-semibold);
		background-color: var(--bs-primary-bg);
		border-radius: var(--bs-radius-pill);
		transition: background-color .15s ease-out;
	}

	.promo__button:active {
		background-color: oklch(from var(--bs-primary-bg) calc(l * .8) c h);
	}

	.promo__button:focus-visible {
		outline: var(--bs-focus-ring-width) solid var(--bs-primary-fg);
		outline-offset: var(--bs-focus-ring-offset);
	}

	@media (hover: hover) {
		.promo__button:hover {
			background-color: oklch(from var(--bs-primary-bg) calc(l * .88) c h);
		}
	}

	.promo__covers {
		display: grid;
		grid-area: covers;
		align-self: center;
		gap: var(--bs-spacer-5);
		min-width: 0;
	}

	:is(.promo__cover, .product-card__cover, .search-hit__cover, .order-stack__tile, .product__cover, .product__thumb) {
		isolation: isolate;
	}

	:is(.promo__cover, .product-card__cover, .search-hit__cover, .order-stack__tile, .product__cover, .product__thumb)::before {
		content: "";
		position: absolute;
		inset: 1px;
		z-index: -1;
		background-color: var(--cover-tile, var(--product-card-tile, light-dark(var(--bs-bg-1), #fff)));
		border-radius: inherit;
	}

	.promo__cover {
		--cover-tile: var(--promo-tile, light-dark(transparent, #fff));

		display: block;
		aspect-ratio: 1;
		overflow: hidden;
		border-radius: var(--bs-radius-5);
		transform: rotate(var(--promo-tilt, 0deg)) translateY(var(--promo-lift, 0));
	}

	.promo__cover--full {
		scale: .88;
	}

	.promo__cover:nth-child(n+2) {
		display: none;
	}

	.promo__cover img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: contain;
		mix-blend-mode: multiply;
	}

	.promo__cover--picture img {
		object-fit: cover;
		mix-blend-mode: normal;
	}

	.home-lead__place {
		display: grid;
		margin-block-start: var(--bs-spacer-9);
		margin-inline: calc(var(--bs-gutter-x) * -.5);
		background-color: var(--bs-bg-1);
	}

	.home > h1 + .home-lead__place {
		margin-block-start: 0;
	}

	.home-lead__photo {
		aspect-ratio: 16 / 9;
	}

	.home-lead__photo img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.home-lead__place .shop-facts {
		align-content: center;
		padding: var(--bs-spacer-7) calc(var(--bs-gutter-x) * .5);
	}

	@media (width >= 576px) {
		.home-lead__place {
			margin-inline: 0;
			border-image: conic-gradient(var(--bs-bg-1) 0 0) fill 0 / 0 / 0 100vw;
		}

		.home-lead__place .shop-facts {
			padding-inline: 0;
		}
	}

	.shelf {
		margin-block-start: var(--bs-spacer-10);
	}

	.home > h1 + .shelf {
		margin-block-start: 0;
	}

	.shelf--panel {
		--product-card-tile: #fff;
		--product-card-button: var(--bs-bg-body);

		margin-inline: calc(var(--bs-gutter-x) * -.5);
		padding: var(--bs-spacer-8) calc(var(--bs-gutter-x) * .5);
		color: var(--bs-fg-body);
		background-color: var(--bs-bg-2);
	}

	.shelf--panel :is(.product-card__meta, .product-card__price s) {
		color: var(--bs-fg-2);
	}

	@media (width >= 576px) {
		.shelf--panel {
			margin-inline: 0;
			padding-inline: 0;
			border-image: conic-gradient(var(--bs-bg-2) 0 0) fill 0 / 0 / 0 100vw;
		}
	}

	.shelf--posters .product-card__cover {
		aspect-ratio: 2 / 3;
	}

	.shelf--posters .product-card__image {
		object-fit: cover;
		scale: 1.02;
	}

	.shelf__head {
		display: flex;
		flex-wrap: wrap;
		gap: var(--bs-spacer-2) var(--bs-spacer-6);
		align-items: baseline;
		justify-content: space-between;
		margin-block-end: var(--bs-spacer-6);
	}

	.shelf__head h2 {
		margin: 0;
		font-size: var(--bs-font-size-xl);
		font-weight: var(--bs-font-weight-bold);
		letter-spacing: -.01em;
	}

	.shelf__brand {
		width: auto;
		height: 1.7em;
		margin-block: -.4em -.3em;
		margin-inline: -.31em -.15em;
		vertical-align: -.17em;
	}

	.shelf__more {
		display: inline-flex;
		gap: var(--bs-spacer-2);
		align-items: center;
		font-size: var(--bs-font-size-sm);
		font-weight: var(--bs-font-weight-semibold);
		white-space: nowrap;
		border-radius: var(--bs-radius-3);
	}

	.shelf__more:active {
		color: var(--bs-primary-fg-emphasis);
	}

	@media (hover: hover) {
		.shelf__more:hover {
			color: var(--bs-primary-fg-emphasis);
		}
	}

	.shelf__items {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--bs-spacer-8) var(--bs-spacer-5);
	}

	.shelf__items > :nth-child(n+5) {
		display: none;
	}

	@media (width >= 360px) {
		.promo__item {
			gap: var(--bs-spacer-5);
		}

		.promo__button {
			padding-inline: var(--bs-spacer-6);
		}
	}

	@media (width >= 576px) {
		.promo__item {
			grid-template-columns: minmax(0, 1fr) auto;
			gap: var(--bs-spacer-3) var(--bs-spacer-7);
		}

		.promo__covers {
			grid-auto-flow: column;
		}

		.promo__cover {
			width: 8.5rem;
		}

		.promo__cover:nth-child(2) {
			display: block;
		}
	}

	@media (width >= 768px) {
		.home-lead__place {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}

		.home-lead__photo {
			position: relative;
			aspect-ratio: auto;
			min-height: 17rem;
		}

		.home-lead__place .shop-facts {
			padding-inline-start: var(--bs-spacer-7);
		}

		.home-lead__photo img {
			position: absolute;
			inset: 0;
		}

		.shelf--panel {
			padding-block: var(--bs-spacer-9);
		}

		.shelf__items {
			grid-template-columns: repeat(3, minmax(0, 1fr));
			gap: var(--bs-spacer-8) var(--bs-spacer-6);
		}

		.shelf__items > :nth-child(-n+6) {
			display: flex;
		}
	}

	@media (width >= 1024px) {
		.home-lead__place {
			grid-template-columns: 7fr 5fr;
		}

		.home-lead__place .shop-facts {
			padding-block: var(--bs-spacer-8);
			padding-inline-start: var(--bs-spacer-9);
		}

		.promo__tab {
			--promo-tab-space: var(--bs-spacer-4);
		}

		.promo__stage {
			padding: var(--bs-spacer-7);
		}

		.promo__cover {
			width: 9.5rem;
		}

		.promo__cover:nth-child(3) {
			display: block;
		}

		.promo__item {
			grid-template-areas: "offer covers title";
			grid-template-rows: auto;
			grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
			gap: var(--bs-spacer-8);
			align-items: center;
		}

		.promo__title {
			text-align: end;
		}

		.promo__offer {
			gap: var(--bs-spacer-2);
		}

		.promo__button {
			margin-block-start: var(--bs-spacer-4);
		}

		.shelf__items {
			grid-template-columns: repeat(4, minmax(0, 1fr));
		}

		.shelf__items > :nth-child(n+5) {
			display: none;
		}
	}

	@media (width >= 1280px) {
		.shelf__items {
			grid-template-columns: repeat(5, minmax(0, 1fr));
		}

		.shelf__items > :nth-child(5) {
			display: flex;
		}
	}

	.product-card {
		position: relative;
		display: flex;
		flex-direction: column;
		gap: var(--bs-spacer-4);
		min-width: 0;
	}

	.product-card__cover {
		position: relative;
		container-type: inline-size;
		aspect-ratio: 1;
		overflow: hidden;
		border-radius: var(--bs-radius-5);
	}

	.product-card__image {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: contain;
		mix-blend-mode: multiply;
	}

	.product-card--out .product-card__image {
		filter: grayscale(1);
		opacity: .55;
	}

	.product-card__badges {
		position: absolute;
		inset-block-start: var(--bs-spacer-3);
		inset-inline-start: var(--bs-spacer-3);
		display: flex;
		gap: var(--bs-spacer-1);
	}

	.product-card__badges img {
		display: block;
		width: clamp(2.25rem, 22cqi, 3rem);
		height: auto;
	}

	.product-card__flag {
		position: absolute;
		inset-block-end: var(--bs-spacer-3);
		inset-inline-start: var(--bs-spacer-3);
		padding: .2rem .5rem;
		color: #fff;
		font-size: var(--bs-font-size-xs);
		font-weight: var(--bs-font-weight-semibold);
		line-height: 1.3;
		background-color: color-mix(in oklch, var(--bs-gray-975) 82%, transparent);
		border-radius: var(--bs-radius-3);
	}

	.product-card__body {
		display: flex;
		flex: 1;
		flex-direction: column;
		gap: var(--bs-spacer-1);
		min-width: 0;
	}

	.product-card__body :where(p) {
		margin: 0;
	}

	.product-card__artist {
		overflow: hidden;
		color: var(--bs-fg-2);
		font-size: var(--bs-font-size-sm);
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.product-card__title {
		margin: 0;
		overflow: hidden;
		font-size: var(--bs-font-size-md);
		font-weight: var(--bs-font-weight-semibold);
		line-height: 1.3;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.product-card__link {
		color: var(--bs-fg-body);
	}

	.product-card__rest {
		inset-block-start: 0;
		inset-inline-start: 0;
	}

	.product-card__link::after {
		position: absolute;
		inset: 0;
		content: "";
	}

	.product-card__link:focus-visible {
		outline: 0;
	}

	.product-card__meta {
		overflow: hidden;
		color: var(--bs-fg-3);
		font-size: var(--bs-font-size-xs);
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.product-card__note {
		overflow: hidden;
		color: var(--bs-fg-2);
		font-size: var(--bs-font-size-xs);
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.product-card__deal {
		display: flex;
		flex-wrap: wrap;
		gap: var(--bs-spacer-3) calc(var(--bs-spacer-3) + .125rem);
		align-items: center;
		min-height: 2.25rem;
		margin-block-start: auto;
	}

	.product-card__price {
		flex: 999 1 auto;
		font-weight: var(--bs-font-weight-semibold);
		font-variant-numeric: tabular-nums;
		white-space: nowrap;
	}

	.product-card__price s {
		margin-inline-start: var(--bs-spacer-2);
		color: var(--bs-fg-3);
		font-size: var(--bs-font-size-sm);
		font-weight: var(--bs-font-weight-normal);
	}

	.product-card__sale {
		color: var(--bs-primary-fg);
	}

	.product-card__price--range {
		display: flex;
		flex-wrap: wrap;
		align-items: baseline;
		height: 1lh;
		overflow: hidden;
		white-space: normal;
	}

	.product-card--out .product-card__price {
		color: var(--bs-fg-3);
	}

	.product-card__buy {
		position: relative;
		flex: 1 1 auto;
		min-width: 0;
	}

	.product-card__add,
	.product-card__done {
		display: grid;
		place-items: center;
		width: 100%;
		min-height: 2.25rem;
		padding: 0 var(--bs-spacer-4);
		color: var(--bs-primary-fg);
		font-size: var(--bs-font-size-sm);
		font-weight: var(--bs-font-weight-semibold);
		white-space: nowrap;
		background-color: var(--bs-primary-bg-subtle);
		border: 0;
		border-radius: var(--bs-radius-pill);
	}

	@media (pointer: coarse) {
		.product-card__add,
		.product-card__done {
			position: relative;
		}

		:is(.product-card__add, .product-card__done)::before {
			position: absolute;
			inset: -.25rem 0;
			content: "";
		}
	}

	:is(.product-card__add, .product-card__done) :is(.product-card__plus, .product-card__mark, .product-card__unmark) {
		display: inline-flex;
		grid-area: 1 / 1;
		gap: var(--bs-spacer-2);
		align-items: center;
		visibility: hidden;
	}

	.product-card__add .product-card__plus,
	.product-card__done .product-card__mark {
		visibility: visible;
	}

	.product-card__done,
	.is-bought .product-card__add {
		color: var(--bs-fg-body);
		background-color: var(--product-card-button, var(--bs-bg-1));
	}

	.is-bought .product-card__add .product-card__plus {
		visibility: hidden;
	}

	.is-bought .product-card__add .product-card__mark {
		visibility: visible;
	}

	.product-card__buy .menu-item .product-card__unmark {
		display: none;
	}

	@media (hover: hover) {
		:is(.product-card__buy:not(.is-bought), .product-card__offer) .product-card__add:hover {
			color: var(--bs-primary-contrast);
			background-color: var(--bs-primary-bg);
		}

		.product-card__done:hover,
		.is-bought .product-card__add:hover {
			color-scheme: dark;
			background-color: var(--bs-bg-3);
		}

		.product-card__buy:not(.is-fresh) .product-card__done:hover .product-card__mark {
			visibility: hidden;
		}

		.product-card__buy:not(.is-fresh) .product-card__done:hover .product-card__unmark {
			visibility: visible;
		}

		.product-card__buy .menu-item.selected:hover .product-card__mark {
			display: none;
		}

		.product-card__buy .menu-item.selected:hover .product-card__unmark {
			display: block;
		}
	}

	.product-card__buy:not(.is-bought) .product-card__add:is(:active, [aria-expanded="true"]),
	.product-card__buy:not(.is-bought)[data-busy] .product-card__add {
		color: var(--bs-primary-contrast);
		background-color: oklch(from var(--bs-primary-bg) calc(l * .8) c h);
	}

	.product-card__done:active,
	.product-card__buy[data-busy] .product-card__done,
	.is-bought .product-card__add:is(:active, [aria-expanded="true"]),
	.is-bought[data-busy] .product-card__add {
		color-scheme: dark;
		background-color: var(--bs-bg-4);
	}

	.product-card__buy[data-busy] :is(.product-card__add, .product-card__done) {
		cursor: progress;
	}

	@media (forced-colors: active) {
		.product-card__add,
		.product-card__done {
			outline: 1px solid ButtonText;
			outline-offset: -1px;
		}
	}

	.product-card__add:focus-visible,
	.product-card__done:focus-visible {
		outline: var(--bs-focus-ring-width) solid var(--bs-primary-fg);
		outline-offset: var(--bs-focus-ring-offset);
	}

	.product-card__notify {
		position: relative;
		flex: 1 1 auto;
		min-width: 0;
	}

	.product-card__bell {
		display: grid;
		place-items: center;
		width: 100%;
		min-height: 2.25rem;
		padding: 0 var(--bs-spacer-4);
		color: var(--bs-fg-body);
		font-size: var(--bs-font-size-sm);
		font-weight: var(--bs-font-weight-semibold);
		white-space: nowrap;
		background-color: var(--product-card-button, var(--bs-bg-1));
		border: 0;
		border-radius: var(--bs-radius-pill);
	}

	.product-card__bell :is(.product-card__bell-off, .product-card__bell-on, .product-card__bell-un) {
		display: inline-flex;
		grid-area: 1 / 1;
		gap: var(--bs-spacer-2);
		align-items: center;
	}

	.product-card__notify:not(.is-on) :is(.product-card__bell-on, .product-card__bell-un),
	.product-card__notify.is-on :is(.product-card__bell-off, .product-card__bell-un) {
		visibility: hidden;
	}

	.product-card__notify .menu-item .product-card__unmark {
		display: none;
	}

	@media (hover: hover) {
		.product-card__bell:hover {
			color-scheme: dark;
			background-color: var(--bs-bg-3);
		}

		.product-card__notify.is-on .product-card__bell:hover .product-card__bell-on {
			visibility: hidden;
		}

		.product-card__notify.is-on .product-card__bell:hover .product-card__bell-un {
			visibility: visible;
		}

		.product-card__notify .menu-item.selected:hover .product-card__mark {
			display: none;
		}

		.product-card__notify .menu-item.selected:hover .product-card__unmark {
			display: block;
		}
	}

	.product-card__bell:is(:active, [aria-expanded="true"]),
	.product-card__notify[data-busy] .product-card__bell {
		color-scheme: dark;
		background-color: var(--bs-bg-4);
	}

	.product-card__bell:focus-visible {
		outline: var(--bs-focus-ring-width) solid var(--bs-primary-fg);
		outline-offset: var(--bs-focus-ring-offset);
	}

	@media (forced-colors: active) {
		.product-card__bell {
			outline: 1px solid ButtonText;
			outline-offset: -1px;
		}
	}

	:is(.product-card__buy, .product-card__notify) .menu {
		--bs-menu-item-padding-y: var(--bs-spacer-3);

		width: max-content;
		min-width: 9rem;
		max-width: min(17rem, calc(100vw - var(--bs-gutter-x)));
	}

	:is(.product-card__buy, .product-card__notify) .menu-item {
		flex: none;
		white-space: normal;
	}

	@media (scripting: none) {
		.product-card__buy--choice {
			display: none;
		}
	}

	.product-card__by {
		display: flex;
		align-items: center;
		min-width: 0;
	}

	.product-card__by .product-card__artist {
		flex: 1;
		min-width: 0;
		min-height: 1lh;
	}

	.product-card__wish {
		position: relative;
		z-index: 1;
		flex: none;
		margin-block: -.4375rem;
	}

	.product-card__heart {
		display: grid;
		place-items: center;
		width: 2rem;
		height: 2rem;
		padding: 0;
		color: var(--bs-primary-fg);
		font-size: var(--bs-font-size-md);
		background: none;
		border: 0;
	}

	.product-card__heart::before {
		grid-area: 1 / 1;
		z-index: -1;
		width: 100%;
		height: 100%;
		content: "";
		border-radius: 50%;
	}

	.product-card__heart :is(.product-card__heart-on, .product-card__heart-un, .product-card__heart-off) {
		grid-area: 1 / 1;
		line-height: 1;
	}

	.product-card__wish:not(.is-on) :is(.product-card__heart-on, .product-card__heart-un),
	.product-card__wish.is-on :is(.product-card__heart-off, .product-card__heart-un) {
		visibility: hidden;
	}

	.product-card__wish:not(.is-on) .product-card__heart {
		color: var(--bs-fg-2);
	}

	@media (hover: hover) {
		.product-card__wish.is-on .product-card__heart:hover {
			color-scheme: dark;
			color: var(--bs-fg-body);
		}

		.product-card__wish.is-on .product-card__heart:hover::before {
			background-color: var(--bs-bg-3);
		}

		.product-card__wish.is-on .product-card__heart:hover .product-card__heart-on {
			visibility: hidden;
		}

		.product-card__wish.is-on .product-card__heart:hover .product-card__heart-un {
			visibility: visible;
		}

		.product-card__wish:not(.is-on) .product-card__heart:hover {
			color: var(--bs-primary-fg);
		}

		.product-card__wish:not(.is-on) .product-card__heart:hover::before {
			background-color: var(--bs-primary-bg-subtle);
		}

		.product-card__wish:not(.is-on) .product-card__heart:hover .product-card__heart-off {
			visibility: hidden;
		}

		.product-card__wish:not(.is-on) .product-card__heart:hover .product-card__heart-on {
			visibility: visible;
		}
	}

	.product-card__wish.is-on .product-card__heart:active,
	.product-card__wish.is-on[data-busy] .product-card__heart {
		color-scheme: dark;
		color: var(--bs-fg-body);
	}

	.product-card__wish.is-on .product-card__heart:active::before,
	.product-card__wish.is-on[data-busy] .product-card__heart::before {
		background-color: var(--bs-bg-4);
	}

	.product-card__wish:not(.is-on) .product-card__heart:active::before,
	.product-card__wish:not(.is-on)[data-busy] .product-card__heart::before {
		background-color: var(--bs-primary-bg-subtle);
	}

	.product-card__wish[data-busy] .product-card__heart {
		cursor: progress;
	}

	@media (prefers-reduced-motion: no-preference) {
		.product-card__wish.is-popped .product-card__heart-on {
			animation: wish-pop .32s cubic-bezier(.2, 0, 0, 1);
		}
	}

	.product-card__heart:focus-visible {
		outline: 0;
	}

	.product-card__heart:focus-visible::before {
		outline: var(--bs-focus-ring-width) solid var(--bs-primary-fg);
		outline-offset: calc(var(--bs-focus-ring-width) * -1);
	}

	.product-card--unwished :is(.product-card__cover, .product-card__artist, .product-card__title, .product-card__meta, .product-card__deal) {
		opacity: .35;
	}

	.product-card:active:where(:not(:has(:is(.product-card__buy, .product-card__notify, .product-card__wish, .product-card__change, .product-card__offer):active))) .product-card__link,
	.product-card__link:focus-visible,
	.search-hit:active .search-hit__name,
	.search-hit:focus-visible .search-hit__name {
		color: var(--bs-primary-fg);
	}

	.product-card__cover,
	.promo__cover,
	.search-hit__cover {
		outline-offset: 3px;
		transition: outline-color .18s ease-out;
	}

	@media (forced-colors: none) {
		.product-card__cover,
		.promo__cover,
		.search-hit__cover {
			outline: 2px solid transparent;
		}
	}

	@media (prefers-reduced-motion: no-preference) {
		.product-card__cover,
		.promo__cover,
		.search-hit__cover {
			transition: outline-color .18s ease-out, outline-offset .18s ease-out;
		}
	}

	@media (hover: hover) {
		.product-card:hover .product-card__link,
		.search-hit:hover .search-hit__name {
			color: var(--bs-primary-fg);
		}

		.product-card:hover .product-card__cover,
		.promo__cover:hover,
		.search-hit:hover .search-hit__cover {
			outline: 2px solid var(--bs-fg-2);
			transition-duration: .12s;
		}
	}

	.product-card:active:where(:not(:has(:is(.product-card__buy, .product-card__notify, .product-card__wish, .product-card__change, .product-card__offer):active))) .product-card__cover,
	.promo__cover:active,
	.search-hit:active .search-hit__cover {
		outline: 2px solid var(--bs-fg-body);
		outline-offset: 1px;
		transition-duration: .08s;
	}

	.product-card:has(.product-card__link:focus-visible) .product-card__cover,
	.promo__cover:focus-visible,
	.search-hit:focus-visible .search-hit__cover {
		outline: var(--bs-focus-ring-width) solid var(--bs-primary-fg);
		outline-offset: var(--bs-focus-ring-offset);
		transition: none;
	}

	.site-header:has(.search-list) {
		position: relative;
		z-index: 1001;
	}

	.site-search:has(.search-list) .form-control {
		position: relative;
		z-index: 2;
		background-color: transparent;
		border-color: transparent;
		outline: 0;
		box-shadow: none;
	}

	.site-search:has(.search-list) button {
		z-index: 2;
	}

	.search-list {
		--search-pad: var(--bs-spacer-5);
		--search-field: 2.75rem;

		position: absolute;
		inset: 0 0 auto;
		z-index: 1;
		display: flex;
		flex-direction: column;
		height: var(--search-height, auto);
		max-height: var(--search-max, 70vh);
		padding-block-start: var(--search-field);
		color: var(--bs-fg-body);
		font-size: var(--bs-font-size-sm);
		background-color: var(--bs-bg-body);
		border: var(--bs-border-width) solid light-dark(transparent, var(--bs-bg-4));
		border-radius: calc(var(--search-field) / 2);
		overflow: hidden;
	}

	.site-search:focus-within .search-list {
		outline: var(--bs-focus-ring-width) solid var(--search-ring);
		outline-offset: -1px;
	}

	.search-list__scroll {
		padding-block-end: var(--bs-spacer-1);
		border-block-start: var(--bs-border-width) solid var(--bs-border-subtle);
		overflow-y: auto;
		scrollbar-width: thin;
		overscroll-behavior: contain;
	}

	.search-list--fresh .search-list__scroll,
	.search-list--leaving .search-list__scroll,
	.search-scrim--leaving {
		opacity: 0;
	}

	.search-list--fresh,
	.search-list--leaving {
		padding-block-start: calc(var(--search-field) - 2 * var(--bs-border-width));
	}

	.search-list--leaving {
		pointer-events: none;
	}

	.search-list--smooth .search-list__scroll {
		overflow: hidden;
	}

	@media (prefers-reduced-motion: no-preference) {
		.search-list--smooth {
			transition: height var(--search-speed, .3s) cubic-bezier(.2, .8, .2, 1);
		}

		.search-list__scroll,
		.search-scrim {
			transition: opacity .15s ease-out;
		}
	}

	.search-list[aria-busy="true"] .search-list__scroll {
		opacity: .55;
		transition: opacity .15s ease-out .15s;
	}

	.search-scrim {
		position: fixed;
		inset: 0;
		z-index: 999;
		touch-action: none;
		background-color: color-mix(in oklch, var(--bs-gray-975) 32%, transparent);
	}

	.search-list__note {
		margin: 0;
		padding: var(--bs-spacer-3) var(--search-pad) 0;
		color: var(--bs-fg-2);
		font-size: var(--bs-font-size-xs);
	}

	.search-lead {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		gap: 0 var(--bs-spacer-3);
		align-items: center;
		padding: var(--bs-spacer-3) var(--search-pad) var(--bs-spacer-2);
		color: var(--bs-fg-body);
	}

	.search-lead__name {
		grid-area: 1 / 1;
		overflow: hidden;
		color: var(--bs-fg-2);
		font-size: var(--bs-font-size-lg);
		line-height: 1.3;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.search-lead__name b {
		color: var(--bs-fg-body);
		font-weight: var(--bs-font-weight-semibold);
	}

	.search-lead__meta {
		grid-area: 2 / 1;
		color: var(--bs-fg-3);
		font-size: var(--bs-font-size-xs);
	}

	.search-lead__arrow {
		grid-area: 1 / 2 / 3 / 3;
		color: var(--bs-fg-3);
	}

	.search-lead:active :is(.search-lead__name, .search-lead__name b, .search-lead__arrow),
	.search-lead[aria-selected="true"] .search-lead__name {
		color: var(--bs-primary-fg);
	}

	@media (hover: hover) {
		.search-lead:hover :is(.search-lead__name, .search-lead__name b, .search-lead__arrow) {
			color: var(--bs-primary-fg);
		}
	}

	.search-lead[aria-selected="true"],
	.search-row:active,
	.search-row[aria-selected="true"] {
		background-color: var(--bs-bg-1);
	}

	.search-lead[aria-selected="true"],
	.search-row[aria-selected="true"] {
		outline: 2px solid transparent;
		outline-offset: -3px;
	}

	.search-lead:focus-visible,
	.search-row:focus-visible {
		outline: var(--bs-focus-ring-width) solid var(--bs-primary-fg);
		outline-offset: -3px;
	}

	.search-list__hits {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		gap: var(--bs-spacer-3) var(--bs-spacer-5);
		padding: var(--bs-spacer-1) var(--search-pad) var(--bs-spacer-3);
	}

	.search-hit {
		display: grid;
		grid-template-columns: 3.5rem minmax(0, 1fr) auto;
		gap: 2px var(--bs-spacer-4);
		min-width: 0;
		color: var(--bs-fg-body);
	}

	.search-hit:focus-visible {
		outline: 0;
	}

	.search-hit__cover {
		position: relative;
		grid-area: 1 / 1 / 3 / 2;
		align-self: center;
		display: block;
		aspect-ratio: 1;
		margin-block-end: 2px;
		border-radius: var(--bs-radius-4);
		overflow: hidden;
	}

	.search-hit__cover img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: contain;
		mix-blend-mode: multiply;
	}

	.search-hit--out .search-hit__cover img {
		filter: grayscale(1);
		opacity: .55;
	}

	.search-hit[aria-selected="true"] .search-hit__cover {
		outline: 2px solid var(--bs-fg-body);
	}

	.search-hit__name {
		display: -webkit-box;
		grid-area: 1 / 2 / 2 / 4;
		align-self: end;
		overflow: hidden;
		font-size: var(--bs-font-size-md);
		font-weight: var(--bs-font-weight-semibold);
		line-height: 1.25;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

	.search-hit[aria-selected="true"] .search-hit__name {
		color: var(--bs-primary-fg);
	}

	.search-hit__artist {
		color: var(--bs-fg-2);
		font-weight: var(--bs-font-weight-normal);
	}

	.search-hit__edition {
		display: none;
	}

	.search-hit__meta {
		grid-area: 2 / 2 / 3 / 3;
		align-self: start;
		overflow: hidden;
		color: var(--bs-fg-3);
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.search-hit__price {
		grid-area: 2 / 3 / 3 / 4;
		align-self: start;
		font-weight: var(--bs-font-weight-semibold);
		font-variant-numeric: tabular-nums;
	}

	.search-hit--out :is(.search-hit__name, .search-hit__price) {
		color: var(--bs-fg-2);
	}

	.search-hit--out .search-hit__price {
		font-weight: var(--bs-font-weight-normal);
	}

	.search-hit--wide .search-hit__cover {
		grid-area: 1 / 1 / 4 / 2;
	}

	.search-hit--wide .search-hit__edition {
		display: block;
		grid-area: 2 / 2 / 3 / 4;
		overflow: hidden;
		color: var(--bs-fg-3);
		line-height: 1.2;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.search-hit--wide .search-hit__meta {
		grid-area: 3 / 2 / 4 / 3;
	}

	.search-hit--wide .search-hit__price {
		grid-area: 3 / 3 / 4 / 4;
	}

	.search-hit--wide .search-hit__also {
		display: none;
	}

	.search-hit--key {
		grid-template-columns: 3.5rem minmax(0, 1fr) auto auto;
	}

	.search-hit--key .search-hit__name {
		grid-area: 1 / 2 / 2 / 3;
	}

	.search-hit--key .search-hit__price {
		grid-area: 1 / 3 / 3 / 4;
		align-self: center;
	}

	.search-key {
		display: inline-grid;
		grid-area: 1 / 4 / 3 / 5;
		place-items: center;
		align-self: center;
		width: 2rem;
		height: 2rem;
		margin-inline-start: var(--bs-spacer-2);
		color: var(--bs-fg-2);
		border: var(--bs-border-width) solid var(--bs-border-color);
		border-radius: var(--bs-radius-3);
	}

	.search-row {
		display: flex;
		gap: var(--bs-spacer-4);
		align-items: center;
		min-height: 3.5rem;
		padding: var(--bs-spacer-2) var(--search-pad, 0);
		color: var(--bs-fg-body);
	}

	@media (hover: hover) {
		.search-row:hover {
			background-color: var(--bs-bg-1);
		}
	}

	.search-row .icon-badge {
		color: var(--bs-fg-2);
		background-color: var(--bs-bg-1);
	}

	.search-row__glass {
		flex-shrink: 0;
		width: 2.5rem;
		color: var(--bs-fg-2);
		text-align: center;
	}

	.search-row__text {
		display: flex;
		flex: 1;
		flex-direction: column;
		gap: 2px;
		min-width: 0;
	}

	.search-row__line {
		overflow: hidden;
		font-size: var(--bs-font-size-md);
		font-weight: var(--bs-font-weight-semibold);
		line-height: 1.3;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.search-row__sub {
		overflow: hidden;
		color: var(--bs-fg-3);
		font-size: var(--bs-font-size-xs);
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.search-row--text {
		min-height: 2.75rem;
	}

	.search-row--text .search-row__line {
		font-size: var(--bs-font-size-sm);
	}

	.search-row--refine {
		display: none;
	}

	.search-empty p {
		margin: 0 0 var(--bs-spacer-2);
	}

	.search-empty strong {
		font-size: var(--bs-font-size-md);
	}

	.search-list .search-empty {
		padding: var(--bs-spacer-6) var(--search-pad) var(--bs-spacer-3);
	}

	.search-hint {
		margin: 0;
		padding: var(--bs-spacer-6) var(--search-pad);
	}

	@media (width >= 768px) {
		.search-scrim {
			background-color: color-mix(in oklch, var(--bs-gray-975) 24%, transparent);
		}

		.search-list__scroll {
			padding-block-end: var(--bs-spacer-3);
		}

		.search-row--refine {
			display: flex;
		}

		.search-lead {
			padding-block: var(--bs-spacer-4) var(--bs-spacer-3);
		}

		.search-list__hits {
			grid-template-columns: repeat(2, minmax(0, 1fr));
			padding-block: var(--bs-spacer-2) var(--bs-spacer-4);
		}

		.search-list__hits--code {
			grid-template-columns: minmax(0, 1fr);
			padding-block: var(--bs-spacer-4);
		}

		.search-hit {
			row-gap: 3px;
		}

		.search-hit__cover {
			margin-block-end: 0;
		}
	}

	@media (forced-colors: active) {
		.search-hit__cover img,
		.product-card__image {
			mix-blend-mode: normal;
		}
	}

	.list-page {
		min-height: 60vh;
		padding-block-end: var(--bs-spacer-10);
	}

	.list-head {
		padding-block: var(--bs-spacer-8) var(--bs-spacer-5);
	}

	.list-head h1 {
		margin: 0;
		font-size: var(--bs-font-size-2xl);
		font-weight: var(--bs-font-weight-bold);
		letter-spacing: -.01em;
	}

	.list-head h1 small {
		color: var(--bs-fg-3);
		font-size: var(--bs-font-size-md);
		font-weight: var(--bs-font-weight-normal);
		letter-spacing: 0;
	}

	.list-head p {
		margin: var(--bs-spacer-2) 0 0;
		color: var(--bs-fg-2);
	}

	.list-head:has(.list-head__logo) {
		display: flex;
		gap: var(--bs-spacer-5);
		align-items: center;
	}

	.list-head .list-head__lead {
		max-width: 44rem;
	}

	.list-head__logo {
		flex: none;
		object-fit: cover;
		border-radius: 50%;
	}

	.search-shelves .shelf {
		margin-block: 0 var(--bs-spacer-10);
	}

	.search-shelves .shelf__items--all > * {
		display: flex;
	}

	.product-grid {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--bs-spacer-8) var(--bs-spacer-5);
	}

	.product-grid__break {
		display: flex;
		flex-wrap: wrap;
		gap: var(--bs-spacer-1) var(--bs-spacer-3);
		align-items: baseline;
		grid-column: 1 / -1;
		margin-block: var(--bs-spacer-6) calc(var(--bs-spacer-5) - var(--bs-spacer-8));
	}

	.product-grid__break h2 {
		margin: 0;
		font-size: var(--bs-font-size-lg);
		font-weight: var(--bs-font-weight-semibold);
	}

	.product-grid__break p {
		margin: 0;
		color: var(--bs-fg-2);
	}

	.product-grid__break:first-child {
		margin-block-start: 0;
	}

	.list-more {
		display: flex;
		flex-direction: column;
		gap: var(--bs-spacer-3);
		align-items: center;
		margin-block: var(--bs-spacer-10);
		color: var(--bs-fg-3);
		font-size: var(--bs-font-size-sm);
	}

	.list-more a,
	.search-sold > summary {
		display: inline-flex;
		align-items: center;
		min-height: 2.75rem;
		padding-inline: var(--bs-spacer-7);
		color: var(--bs-fg-body);
		font-weight: var(--bs-font-weight-semibold);
		background-color: var(--bs-bg-1);
		border-radius: var(--bs-radius-pill);
	}

	.list-more a:active,
	.search-sold > summary:active {
		background-color: var(--bs-bg-3);
	}

	@media (hover: hover) {
		.list-more a:hover,
		.search-sold > summary:hover {
			background-color: var(--bs-bg-3);
		}
	}

	.search-sold {
		margin-block-start: var(--bs-spacer-8);
	}

	.search-sold > summary {
		display: flex;
		width: fit-content;
		max-width: 100%;
		margin-inline: auto;
		text-align: center;
		cursor: pointer;
		list-style: none;
	}

	.search-sold > summary::-webkit-details-marker {
		display: none;
	}

	.search-sold[open] > summary {
		margin-block-end: var(--bs-spacer-8);
	}

	.search-sold__hide,
	.search-sold[open] .search-sold__show {
		display: none;
	}

	.search-sold[open] .search-sold__hide {
		display: inline;
	}

	.list-formats ul {
		display: flex;
		flex-wrap: wrap;
		gap: var(--bs-spacer-1);
		margin: 0 0 var(--bs-spacer-7);
		padding: 0;
		list-style: none;
	}

	:is(.list-formats ul, .list-similar ul) a {
		display: inline-flex;
		align-items: center;
		min-height: 2.5rem;
		padding-inline: var(--bs-spacer-4);
		color: var(--bs-fg-2);
		font-size: var(--bs-font-size-sm);
		font-weight: var(--bs-font-weight-semibold);
		text-decoration: none;
		border-radius: var(--bs-radius-pill);
		transition: background-color .15s ease-out, color .15s ease-out;
	}

	.list-formats ul a[aria-current="page"] {
		color: var(--bs-fg-body);
		background-color: var(--bs-bg-2);
	}

	@media (forced-colors: active) {
		.list-formats ul a[aria-current="page"] {
			outline: 1px solid;
			outline-offset: -1px;
		}
	}

	:is(.list-formats ul, .list-similar ul) a:active {
		color: var(--bs-fg-body);
		background-color: var(--bs-bg-3);
	}

	:is(.list-formats ul, .list-similar ul) a:focus-visible {
		outline: var(--bs-focus-ring-width) solid var(--bs-primary-fg);
		outline-offset: calc(var(--bs-focus-ring-width) * -1);
	}

	@media (hover: hover) {
		:is(.list-formats ul, .list-similar ul) a:hover {
			color: var(--bs-fg-body);
			background-color: var(--bs-bg-2);
		}
	}

	.list-formats:has(+ .list-controls) ul {
		margin-block-end: var(--bs-spacer-4);
	}

	.list-formats--many .list-menu {
		display: none;
	}

	@media (width < 768px) and (scripting: enabled) {
		.list-tools:has(.list-formats--many) {
			display: flex;
			flex-wrap: wrap;
			gap: var(--bs-spacer-3);
			align-items: center;
			margin-block-end: var(--bs-spacer-7);
		}

		.list-tools:has(.list-formats--many) .list-controls {
			display: contents;
		}

		.list-formats--many ul {
			display: none;
		}

		.list-formats--many .list-menu {
			display: block;
		}
	}

	.list-controls {
		display: flex;
		flex-wrap: wrap;
		gap: var(--bs-spacer-3);
		align-items: center;
		margin-block-end: var(--bs-spacer-7);
	}

	.list-formats__count {
		margin-inline-start: var(--bs-spacer-3);
		color: var(--bs-fg-3);
		font-weight: var(--bs-font-weight-normal);
		font-variant-numeric: tabular-nums;
	}

	.list-similar h2 {
		margin: 0 0 var(--bs-spacer-3);
		font-size: var(--bs-font-size-md);
		font-weight: var(--bs-font-weight-semibold);
	}

	.list-similar ul {
		display: flex;
		flex-wrap: wrap;
		gap: var(--bs-spacer-1);
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.list-page--side {
		display: flex;
		flex-direction: column;
	}

	.list-page--side .list-side {
		display: contents;
	}

	.list-page--side > .list-head {
		order: -2;
	}

	.list-page--side .list-formats {
		order: -1;
	}

	.list-page--side .list-formats--many {
		margin-block-end: var(--bs-spacer-3);
	}

	.list-page--side .list-similar {
		order: 1;
	}

	.list-similar {
		margin-block: var(--bs-spacer-6) var(--bs-spacer-10);
	}

	@media (width >= 1024px) {
		.list-page--side {
			display: grid;
			grid-template-areas: "head head" "side tools" "side cards" "side more" "side .";
			grid-template-rows: auto auto auto auto 1fr;
			grid-template-columns: 12rem minmax(0, 1fr);
			column-gap: var(--bs-spacer-8);
			align-items: start;
		}

		.list-page--side .list-head {
			grid-area: head;
		}

		.list-page--side .list-side {
			position: sticky;
			inset-block-start: 0;
			display: block;
			grid-area: side;
			max-height: 100dvh;
			margin-inline-start: calc(var(--bs-spacer-4) * -1);
			padding: var(--bs-spacer-6) var(--bs-spacer-4);
			overflow-y: auto;
			scrollbar-width: thin;
			transition: inset-block-start .2s cubic-bezier(.2, 0, 0, 1), max-height .2s cubic-bezier(.2, 0, 0, 1);
		}

		:root:has(.site-cats.is-pinned.is-shown) .list-page--side .list-side {
			inset-block-start: 3.25rem;
			max-height: calc(100dvh - 3.25rem);
		}

		.list-page--side .list-tools {
			grid-area: tools;
		}

		.list-side .list-controls {
			flex-direction: column;
			align-items: flex-start;
			margin-block: 0 var(--bs-spacer-7);
		}

		.list-page--side .product-grid {
			grid-area: cards;
			grid-template-columns: repeat(3, minmax(0, 1fr));
		}

		.list-page--side .list-more {
			grid-area: more;
		}


		.list-side .list-formats ul {
			flex-direction: column;
			align-items: stretch;
			margin-block-end: 0;
		}

		.list-side .list-formats ul a {
			justify-content: space-between;
		}

		.list-side .list-similar {
			margin-block: var(--bs-spacer-8) 0;
		}

		.list-side .list-similar ul {
			flex-direction: column;
			align-items: flex-start;
		}

		.list-side .list-similar h2 {
			padding-inline: var(--bs-spacer-4);
		}
	}

	@media (width >= 1280px) {
		.list-page--side .product-grid {
			grid-template-columns: repeat(4, minmax(0, 1fr));
		}
	}

	@media (width >= 1024px) {
		.list-tools:has(> .list-formats + .list-controls) {
			display: flex;
			flex-wrap: wrap;
			gap: var(--bs-spacer-4) var(--bs-spacer-6);
			align-items: center;
			justify-content: space-between;
			margin-block-end: var(--bs-spacer-7);
		}

		.list-tools:has(> .list-formats + .list-controls) :is(.list-formats ul, .list-controls) {
			margin-block-end: 0;
		}
	}

	.list-menu__button {
		display: inline-flex;
		gap: var(--bs-spacer-3);
		align-items: center;
		max-width: 100%;
		min-height: 2.5rem;
		padding-inline: var(--bs-spacer-5) var(--bs-spacer-4);
		color: var(--bs-fg-body);
		font-size: var(--bs-font-size-sm);
		font-weight: var(--bs-font-weight-semibold);
		text-align: start;
		background-color: var(--bs-bg-body);
		border: var(--bs-border-width) solid var(--bs-border-color);
		border-radius: var(--bs-radius-pill);
		transition: background-color .15s ease-out, border-color .15s ease-out;
	}

	.list-menu__button:active,
	.list-menu__button[aria-expanded="true"] {
		background-color: var(--bs-bg-1);
		border-color: var(--bs-fg-3);
	}

	.list-menu__button:focus-visible {
		outline: var(--bs-focus-ring-width) solid var(--bs-primary-fg);
		outline-offset: 1px;
	}

	.list-menu__button.is-invalid {
		border-color: var(--bs-danger-border);
	}

	.list-menu__caret {
		color: var(--bs-fg-3);
		font-size: .625rem;
		transition: transform .15s ease-out;
	}

	.list-menu__button[aria-expanded="true"] .list-menu__caret {
		transform: rotate(180deg);
	}

	.list-menu .menu {
		--bs-menu-max-height: min(22rem, 40vh);
		--bs-menu-item-padding-y: var(--bs-spacer-3);

		width: max-content;
		min-width: 12rem;
		max-width: calc(100vw - var(--bs-gutter-x));
		overflow: hidden;
	}

	.list-menu__options {
		display: flex;
		flex-direction: column;
		gap: var(--bs-menu-gap);
		min-height: 0;
		overflow-y: auto;
		overscroll-behavior: contain;
	}

	.list-menu .menu-item {
		flex: none;
		white-space: normal;
	}

	.list-menu__search {
		position: relative;
		flex: none;
		margin-block-end: var(--bs-spacer-1);
		color: var(--bs-fg-3);
	}

	.list-menu__search span {
		position: absolute;
		inset-block: 0;
		inset-inline-start: var(--bs-spacer-4);
		display: flex;
		align-items: center;
		font-size: var(--bs-font-size-xs);
		pointer-events: none;
	}

	.list-menu__search .form-control {
		--bs-control-min-height: 2.5rem;
		--bs-control-border-radius: var(--bs-radius-pill);
		--bs-control-bg: var(--bs-bg-1);
		--bs-control-border-color: transparent;

		width: auto;
		max-width: 100%;
		padding-inline-start: var(--bs-spacer-9);
		font-weight: var(--bs-font-weight-semibold);
		transition: none;
	}

	@media (forced-colors: none) {
		.list-menu__search .form-control:focus-visible {
			outline: 0;
		}

		.list-menu__search.is-active .form-control {
			--bs-control-border-color: var(--bs-primary-fg);
		}
	}

	.list-menu__none {
		margin: 0;
		padding: var(--bs-spacer-3) var(--bs-menu-item-padding-x) var(--bs-spacer-4);
		color: var(--bs-fg-3);
	}

	.list-controls select.form-control {
		--bs-control-border-radius: var(--bs-radius-pill);
		--bs-control-min-height: 2.5rem;
		--bs-control-font-size: var(--bs-font-size-sm);

		width: auto;
		max-width: 100%;
		font-weight: var(--bs-font-weight-semibold);
	}

	.list-controls__switch {
		display: inline-flex;
		gap: var(--bs-spacer-3);
		align-items: center;
		min-height: 2.5rem;
		padding-inline: var(--bs-spacer-2);
		color: var(--bs-fg-2);
		font-size: var(--bs-font-size-sm);
		font-weight: var(--bs-font-weight-semibold);
		cursor: pointer;
	}

	.list-controls__switch:active {
		color: var(--bs-fg-body);
	}

	.list-controls__apply {
		min-height: 2.5rem;
		padding-inline: var(--bs-spacer-5);
		color: var(--bs-fg-body);
		font-size: var(--bs-font-size-sm);
		font-weight: var(--bs-font-weight-semibold);
		background-color: var(--bs-bg-1);
		border: 0;
		border-radius: var(--bs-radius-pill);
	}

	.list-page[aria-busy="true"] .product-grid {
		opacity: .5;
	}

	.list-empty {
		margin: 0 0 var(--bs-spacer-10);
		color: var(--bs-fg-2);
	}

	@media (scripting: none) {
		.list-menu {
			display: none;
		}

		.list-controls noscript {
			display: contents;
		}
	}

	@media (hover: hover) {
		.list-menu__button:hover {
			background-color: var(--bs-bg-1);
			border-color: var(--bs-fg-3);
		}

		.list-controls__switch:hover {
			color: var(--bs-fg-body);
		}
	}

	@media (prefers-reduced-motion: no-preference) {
		.list-page .product-grid {
			transition: opacity .15s ease-out;
		}
	}

	.search-none {
		--search-pad: var(--bs-spacer-3);

		max-width: 36rem;
		padding-block-end: var(--bs-spacer-12);
	}

	.search-none .search-empty {
		padding-block-end: var(--bs-spacer-3);
		color: var(--bs-fg-2);
	}

	.search-none .search-row {
		margin-inline: calc(var(--search-pad) * -1);
		border-radius: var(--bs-radius-5);
	}

	@media (width >= 768px) {
		.product-grid {
			grid-template-columns: repeat(3, minmax(0, 1fr));
			gap: var(--bs-spacer-8) var(--bs-spacer-6);
		}
	}

	@media (768px <= width < 1024px) {
		.search-shelves .shelf:is([data-total="5"], [data-total="6"]) .shelf__more {
			display: none;
		}
	}

	@media (width >= 1024px) {
		.product-grid {
			grid-template-columns: repeat(4, minmax(0, 1fr));
		}
	}

	@media (width >= 1280px) {
		.product-grid {
			grid-template-columns: repeat(5, minmax(0, 1fr));
		}

		.search-shelves .shelf[data-total="5"] .shelf__more {
			display: none;
		}
	}

	.product-grid.product-grid--rows {
		grid-template-columns: minmax(0, 1fr);
		gap: 0 var(--bs-spacer-8);
	}

	.product-grid--rows .product-card {
		display: grid;
		grid-template-columns: 7rem minmax(0, 1fr);
		align-items: start;
		padding-block: var(--bs-spacer-5);
		border-block-start: var(--bs-border-width) solid var(--bs-border-subtle);
	}

	.product-grid--rows > .product-card:first-child,
	.product-grid--rows > .product-grid__break + .product-card {
		padding-block-start: 0;
		border-block-start: 0;
	}

	.product-grid--rows .product-card__cover {
		border-radius: var(--bs-radius-4);
	}

	.product-grid--rows .product-card__badges {
		inset-block-start: var(--bs-spacer-1);
		inset-inline-start: var(--bs-spacer-1);
	}

	.product-grid--rows .product-card__badges img {
		width: 1.5rem;
	}

	.product-grid--rows .product-card__title {
		display: -webkit-box;
		white-space: normal;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

	.product-grid--rows .product-card__deal {
		margin-block-start: var(--bs-spacer-2);
	}

	.product-grid--rows .product-grid__break {
		margin-block: var(--bs-spacer-8) var(--bs-spacer-5);
	}

	.product-grid--rows .product-grid__break--line {
		justify-content: flex-end;
		margin-block: 0;
		padding-block: var(--bs-spacer-5);
		border-block-start: var(--bs-border-width) solid var(--bs-border-subtle);
	}

	.product-grid--rows .product-grid__break--line p {
		color: var(--bs-fg-body);
		font-weight: var(--bs-font-weight-semibold);
		text-align: end;
	}

	.order-state__sentence.is-turn,
	.order-panel__sentence.is-turn .order-panel__link {
		color: var(--bs-primary-fg);
	}

	.order-panels {
		display: flex;
		flex-direction: column;
		gap: var(--bs-spacer-4);
		margin-block-end: var(--bs-spacer-10);
	}

	.order-panel {
		--product-card-tile: #fff;
		--order-panel-bg: var(--bs-bg-1);
		--order-stack-bg: var(--order-panel-bg);

		position: relative;
		display: grid;
		grid-template-columns: 6rem minmax(0, 1fr);
		gap: var(--bs-spacer-5);
		align-items: center;
		padding: var(--bs-spacer-5);
		background-color: var(--order-panel-bg);
		border-radius: var(--bs-radius-7);
	}

	@media (hover: hover) {
		.order-panel:hover {
			--order-panel-bg: var(--bs-bg-2);
		}
	}

	.order-panel:active {
		--order-panel-bg: var(--bs-bg-3);
	}

	.order-panel:has(.order-panel__link:focus-visible) {
		outline: var(--bs-focus-ring-width) solid var(--bs-primary-fg);
		outline-offset: var(--bs-focus-ring-offset);
	}

	.order-stack {
		position: relative;
		display: block;
		aspect-ratio: 1;
	}

	.order-stack__tile {
		position: absolute;
		inset: 0;
		overflow: hidden;
		border-radius: var(--bs-radius-3);
	}

	.order-stack__tile img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: contain;
		mix-blend-mode: multiply;
	}

	:is(.order-stack--2, .order-stack--3) .order-stack__tile {
		inset: auto;
		width: 78%;
		aspect-ratio: 1;
		outline: 3px solid var(--order-stack-bg, var(--bs-bg-body));
	}

	:is(.order-stack--2, .order-stack--3) .order-stack__tile:first-child {
		z-index: 3;
		inset-block-end: 0;
		inset-inline-end: 0;
	}

	.order-stack--2 .order-stack__tile:nth-child(2),
	.order-stack--3 .order-stack__tile:nth-child(3) {
		z-index: 1;
		inset-block-start: 0;
		inset-inline-start: 0;
	}

	.order-stack--3 .order-stack__tile:nth-child(2) {
		z-index: 2;
		inset-block-start: 11%;
		inset-inline-start: 11%;
	}

	.order-panel__text {
		display: flex;
		flex-direction: column;
		gap: var(--bs-spacer-1);
		min-width: 0;
	}

	.order-panel__text p {
		margin: 0;
	}

	.order-panel__sentence {
		margin: 0 0 var(--bs-spacer-1);
		font-size: var(--bs-font-size-lg);
		font-weight: var(--bs-font-weight-semibold);
		line-height: 1.3;
	}

	.order-panel__link {
		color: inherit;
	}

	.order-panel__link::after {
		position: absolute;
		inset: 0;
		content: "";
	}

	.order-panel__link:focus-visible {
		outline: 0;
	}

	.order-code {
		font-family: var(--bs-font-mono);
		letter-spacing: .06em;
	}

	.order-panel__code {
		padding: 0 .4rem;
		font-weight: var(--bs-font-weight-bold);
		letter-spacing: .14em;
		border: 1.5px dashed var(--bs-fg-2);
		border-radius: var(--bs-radius-2);
	}

	.order-panel__items {
		display: -webkit-box;
		overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

	.order-panel__items,
	.order-panel__meta {
		color: var(--bs-fg-2);
		font-size: var(--bs-font-size-sm);
	}

	.order-panel__track {
		grid-column: 1 / -1;
	}

	@media (width >= 576px) {
		.order-panel {
			grid-template-columns: 7.5rem minmax(0, 1fr);
			gap: var(--bs-spacer-5) var(--bs-spacer-6);
		}

		.order-panel__track {
			grid-column: 2;
		}
	}

	@media (width >= 1024px) {
		.order-panel {
			grid-template-columns: 7.5rem minmax(0, 1fr) minmax(0, 1fr);
		}

		.order-panel__track {
			grid-column: 3;
		}
	}

	.orders-past__title {
		margin: var(--bs-spacer-8) 0 var(--bs-spacer-3);
		font-size: var(--bs-font-size-md);
		font-weight: var(--bs-font-weight-semibold);
	}

	.orders-past__year {
		margin: var(--bs-spacer-7) 0 var(--bs-spacer-2);
		color: var(--bs-fg-2);
		font-size: var(--bs-font-size-sm);
		font-weight: var(--bs-font-weight-semibold);
	}

	.order-lines {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.order-line + .order-line {
		border-block-start: var(--bs-border-width) solid var(--bs-border-subtle);
	}

	.order-line__link {
		--order-stack-bg: var(--bs-bg-body);

		display: grid;
		grid-template: "covers when total" auto "covers items items" auto / 2.75rem minmax(0, 1fr) auto;
		gap: var(--bs-spacer-1) var(--bs-spacer-5);
		align-items: center;
		padding: var(--bs-spacer-4) var(--bs-spacer-3);
		color: var(--bs-fg-body);
		border-radius: var(--bs-radius-4);
	}

	@media (hover: hover) {
		.order-line__link:hover {
			--order-stack-bg: var(--bs-bg-1);

			background-color: var(--bs-bg-1);
		}
	}

	.order-line__link:active {
		--order-stack-bg: var(--bs-bg-2);

		background-color: var(--bs-bg-2);
	}

	.order-line__when {
		grid-area: when;
		min-width: 0;
		white-space: nowrap;
	}

	.order-line__date {
		font-variant-numeric: tabular-nums;
	}

	.order-line__covers {
		grid-area: covers;
	}

	.order-line__items {
		grid-area: items;
		overflow: hidden;
		color: var(--bs-fg-2);
		font-size: var(--bs-font-size-sm);
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.order-line__total {
		grid-area: total;
		font-weight: var(--bs-font-weight-semibold);
		font-variant-numeric: tabular-nums;
		text-align: end;
		white-space: nowrap;
	}

	.order-line__state {
		margin-inline-end: var(--bs-spacer-3);
		color: var(--bs-fg-2);
		font-size: var(--bs-font-size-sm);
		font-weight: var(--bs-font-weight-normal);
	}

	.order-line--cancelled .order-stack__tile img {
		filter: grayscale(1);
		opacity: .55;
	}

	.order-line--cancelled .order-line__sum {
		color: var(--bs-fg-3);
	}

	.order-line--cancelled .order-line__sum,
	.order-totals--cancelled .order-totals__line dd {
		text-decoration: line-through;
	}

	@media (width >= 768px) {
		.order-line__link {
			grid-template: "when covers items total" auto / 6.5rem 2.75rem minmax(0, 1fr) auto;
		}

		.order-lines--days .order-line__link {
			grid-template-columns: 3.5rem 2.75rem minmax(0, 1fr) auto;
		}
	}

	.order-state {
		display: flex;
		flex-direction: column;
		gap: var(--bs-spacer-3);
		margin-block: 0 var(--bs-spacer-8);
	}

	.order-state :where(p, h2) {
		margin: 0;
	}

	.order-state__sentence {
		font-size: var(--bs-font-size-xl);
		font-weight: var(--bs-font-weight-semibold);
		line-height: 1.3;
	}

	.order-state__label,
	.order-state__note,
	.order-state__place {
		color: var(--bs-fg-2);
	}

	.order-state__code {
		align-self: flex-start;
		padding: .35rem 1rem .35rem 1.2rem;
		font-size: 2rem;
		font-weight: var(--bs-font-weight-bold);
		line-height: 1.1;
		letter-spacing: .2em;
		border: 2px dashed var(--bs-fg-2);
		border-radius: var(--bs-radius-3);
	}

	.order-track {
		display: grid;
		grid-auto-columns: minmax(0, 1fr);
		grid-auto-flow: column;
		gap: var(--bs-spacer-2);
		margin: 0;
		padding: 0;
		font-size: var(--bs-font-size-sm);
		line-height: 1.35;
		list-style: none;
	}

	.order-track__step {
		display: flex;
		flex-direction: column;
		gap: var(--bs-spacer-1);
		padding-block-start: var(--bs-spacer-3);
		border-block-start: 3px solid var(--bs-bg-3);
	}

	.order-track__step.is-done {
		border-block-start-color: var(--bs-fg-3);
	}

	.order-track__step.is-now {
		border-block-start-color: var(--bs-primary-bg);
	}

	.order-track__step.is-done {
		color: var(--bs-fg-2);
	}

	.order-track__step.is-next {
		color: var(--bs-fg-2);
	}

	.order-track__date,
	.order-track__place {
		color: var(--bs-fg-2);
		font-size: var(--bs-font-size-xs);
	}

	@media (width >= 576px) {
		.order-track__label {
			padding-inline-end: .75rem;
		}
	}

	.order-state__code-line a,
	.order-layout__invoice a {
		display: inline-block;
		padding-block: .8125rem;
		margin-block: -.8125rem;
	}

	.order-page .product-card__meta {
		white-space: normal;
	}

	@media (width < 576px) {
		.order-track {
			grid-auto-flow: row;
			gap: 0;
		}

		.order-track__step {
			flex-direction: row;
			flex-wrap: wrap;
			gap: 0 var(--bs-spacer-3);
			align-items: baseline;
			padding: 0 0 var(--bs-spacer-3) var(--bs-spacer-4);
			border-block-start: 0;
			border-inline-start: 3px solid var(--bs-bg-3);
		}

		.order-track__step.is-done {
			border-inline-start-color: var(--bs-fg-3);
		}

		.order-track__step.is-now {
			border-inline-start-color: var(--bs-primary-bg);
		}

		.order-panel__track {
			display: none;
		}
	}

	.order-state__code-line {
		color: var(--bs-fg-2);
	}

	.list-head__back {
		display: inline-flex;
		gap: var(--bs-spacer-2);
		align-items: center;
		min-height: 2.75rem;
		margin-block: calc(var(--bs-spacer-3) * -1 - .25rem) calc(var(--bs-spacer-1) - .25rem);
		color: var(--bs-fg-2);
		font-size: var(--bs-font-size-sm);
	}

	.list-head__back:active {
		color: var(--bs-primary-fg);
	}

	@media (hover: hover) {
		.list-head__back:hover {
			color: var(--bs-primary-fg);
		}
	}

	.list-head__back-icon {
		font-size: var(--bs-font-size-xs);
	}

	.order-layout {
		display: grid;
		gap: var(--bs-spacer-8);
	}

	.order-state .order-track {
		margin-block: var(--bs-spacer-3);
	}

	.order-layout__aside {
		display: flex;
		flex-direction: column;
		gap: var(--bs-spacer-5);
		padding: var(--bs-spacer-6);
		background-color: var(--bs-bg-1);
		border-radius: var(--bs-radius-7);
	}

	.order-layout__aside p {
		margin: 0;
	}

	.order-layout__question {
		color: var(--bs-fg-2);
	}

	.order-totals {
		display: flex;
		flex-direction: column;
		gap: var(--bs-spacer-2);
		margin: 0;
	}

	.order-totals__line {
		display: flex;
		gap: var(--bs-spacer-5);
		justify-content: space-between;
		font-variant-numeric: tabular-nums;
	}

	.order-totals__line :where(dt, dd) {
		margin: 0;
		font-weight: var(--bs-font-weight-normal);
	}

	.order-totals__line--sum:not(:first-child) {
		margin-block-start: var(--bs-spacer-2);
		padding-block-start: var(--bs-spacer-3);
		border-block-start: var(--bs-border-width) solid var(--bs-border-subtle);
	}

	.order-totals__line--sum :where(dt, dd) {
		font-weight: var(--bs-font-weight-semibold);
	}

	@media (width >= 1024px) {
		.order-layout {
			grid-template-columns: minmax(0, 1fr) 20rem;
			gap: var(--bs-spacer-10);
			align-items: start;
		}
	}

	@media (width >= 576px) {
		.product-grid--rows .product-card {
			grid-template-columns: 8.5rem minmax(0, 1fr);
			gap: var(--bs-spacer-5);
		}

		.product-grid--rows .product-card__badges img {
			width: 2rem;
		}
	}

	@media (width >= 1024px) {
		.product-grid.product-grid--rows {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}

		.product-grid--rows > .product-card:first-child + .product-card,
		.product-grid--rows > .product-grid__break + .product-card + .product-card {
			padding-block-start: 0;
			border-block-start: 0;
		}
	}

	.panel {
		container-type: inline-size;
		padding: var(--bs-spacer-2) var(--bs-spacer-7);
		background-color: var(--bs-bg-1);
		border-radius: var(--bs-radius-7);
	}

	.panel__row {
		display: flex;
		gap: var(--bs-spacer-5);
		padding-block: var(--bs-spacer-6);
	}

	.panel__row > div {
		min-width: 0;
	}

	.panel__row + .panel__row {
		border-block-start: var(--bs-border-width) solid var(--bs-border-subtle);
	}

	.panel h2 {
		font-size: var(--bs-font-size-md);
		font-weight: var(--bs-font-weight-semibold);
	}

	.panel__row p,
	.panel__row dl {
		margin: 0;
		color: var(--bs-fg-2);
	}

	.panel__row p + p,
	.panel__row dl + p {
		margin-block-start: var(--bs-spacer-2);
	}

	.icon-badge {
		flex-shrink: 0;
		width: 2.5rem;
		height: 2.5rem;
		display: grid;
		place-items: center;
		color: var(--bs-primary-fg);
		background-color: var(--bs-bg-body);
		border-radius: var(--bs-radius-pill);
	}

	.details-grid {
		display: grid;
		gap: var(--bs-spacer-4) var(--bs-spacer-7);
		margin-block-start: var(--bs-spacer-4);
	}

	.details-grid dt {
		font-size: var(--bs-font-size-sm);
		font-weight: var(--bs-font-weight-normal);
	}

	.details-grid dd {
		margin: 0;
		overflow-wrap: anywhere;
		color: var(--bs-fg-body);
		font-weight: var(--bs-font-weight-medium);
		font-variant-numeric: tabular-nums;
	}

	:has(> .shop-map[hidden]) {
		display: none;
	}

	@media (scripting: none) {
		:has(> .shop-map) {
			display: none;
		}
	}

	@media (width < 576px) {
		.panel {
			padding-inline: var(--bs-spacer-5);
		}
	}

	@container (width >= 36rem) {
		.details-grid {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}
	}

	.product {
		padding-block: var(--bs-spacer-7) var(--bs-spacer-10);
	}

	.product__top {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		gap: var(--bs-spacer-7);
	}

	.product__gallery,
	.product__buy {
		min-width: 0;
	}

	.product__cover {
		position: relative;
		display: block;
		aspect-ratio: 1;
		overflow: hidden;
		border-radius: var(--bs-radius-5);
		outline-offset: 3px;
	}

	.product__cover:focus-visible {
		outline: var(--bs-focus-ring-width) solid var(--bs-primary-fg);
	}

	.product__image {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: contain;
		mix-blend-mode: multiply;
	}

	.product__badges {
		position: absolute;
		inset-block-start: var(--bs-spacer-4);
		inset-inline-start: var(--bs-spacer-4);
		display: flex;
		gap: var(--bs-spacer-2);
	}

	.product__badges img {
		display: block;
		width: 3.5rem;
		height: auto;
	}

	.product__flag {
		position: absolute;
		inset-block-end: var(--bs-spacer-4);
		inset-inline-start: var(--bs-spacer-4);
		padding: .2rem .5rem;
		color: #fff;
		font-size: var(--bs-font-size-xs);
		font-weight: var(--bs-font-weight-semibold);
		line-height: 1.3;
		background-color: color-mix(in oklch, var(--bs-gray-975) 82%, transparent);
		border-radius: var(--bs-radius-3);
	}

	.product__thumbs {
		display: flex;
		gap: var(--bs-spacer-3);
		margin-block-start: var(--bs-spacer-4);
		padding: 3px;
		overflow-x: auto;
		scrollbar-width: none;
	}

	.product__thumb {
		position: relative;
		flex: 0 0 4.5rem;
		padding: 0;
		overflow: hidden;
		border: 0;
		border-radius: var(--bs-radius-4);
		outline: 1.5px solid transparent;
		outline-offset: 1.5px;
		transition: outline-color .12s ease-out;
	}

	.product__thumb img {
		display: block;
		width: 100%;
		height: auto;
		aspect-ratio: 1;
		object-fit: contain;
		mix-blend-mode: multiply;
	}

	.product__thumb[aria-current] {
		outline-color: var(--bs-fg-2);
	}

	.product__thumb:focus-visible {
		outline: var(--bs-focus-ring-width) solid var(--bs-primary-fg);
	}

	.product__thumb:not([aria-current]):active {
		outline-color: var(--bs-fg-2);
	}

	@media (hover: hover) {
		.product__thumb:not([aria-current]):hover {
			outline-color: var(--bs-fg-3);
		}
	}

	.product__artist {
		display: flex;
		gap: var(--bs-spacer-4);
		align-items: baseline;
		justify-content: space-between;
		margin: 0 0 var(--bs-spacer-2);
		color: var(--bs-fg-2);
		font-size: var(--bs-font-size-xs);
		font-weight: var(--bs-font-weight-semibold);
		letter-spacing: .08em;
		text-transform: uppercase;
	}

	.product__artist a {
		color: inherit;
	}

	.product__staff {
		display: inline-flex;
		flex-wrap: wrap;
		gap: var(--bs-spacer-2) var(--bs-spacer-5);
		align-items: center;
		justify-content: flex-end;
	}

	.product__admin,
	.product__attention {
		display: inline-flex;
		gap: var(--bs-spacer-2);
		align-items: center;
		font-weight: var(--bs-font-weight-normal);
		letter-spacing: 0;
		text-transform: none;
	}

	.product__attention {
		padding: var(--bs-spacer-1) var(--bs-spacer-4);
		margin-block: calc(var(--bs-spacer-1) * -1);
		color: inherit;
		background: none;
		border: 0;
		border-radius: var(--bs-radius-pill);
	}

	.product__attention:active {
		color: var(--bs-fg-body);
	}

	.product__attention[aria-pressed="true"] {
		color: var(--bs-danger-fg);
		font-weight: var(--bs-font-weight-semibold);
		background-color: var(--bs-danger-bg-subtle);
	}

	.product__attention:focus-visible {
		outline: var(--bs-focus-ring-width) solid var(--bs-primary-fg);
		outline-offset: var(--bs-focus-ring-offset);
	}

	@media (hover: hover) {
		.product__attention:hover {
			color: var(--bs-fg-body);
		}

		.product__attention[aria-pressed="true"]:hover {
			color: var(--bs-danger-fg);
		}
	}

	.product__title {
		margin: 0;
		font-size: var(--bs-font-size-2xl);
		font-weight: var(--bs-font-weight-bold);
		line-height: 1.15;
		letter-spacing: -.01em;
	}

	.product__meta {
		margin: var(--bs-spacer-2) 0 0;
		color: var(--bs-fg-2);
	}

	.product__meta a {
		color: inherit;
	}

	.product__price {
		display: flex;
		flex-wrap: wrap;
		gap: 0 var(--bs-spacer-3);
		align-items: baseline;
		margin: var(--bs-spacer-6) 0 0;
		font-size: var(--bs-font-size-2xl);
		font-weight: var(--bs-font-weight-semibold);
		font-variant-numeric: tabular-nums;
		line-height: 1.1;
	}

	.product__price s {
		color: var(--bs-fg-3);
		font-size: var(--bs-font-size-lg);
		font-weight: var(--bs-font-weight-normal);
	}

	.product__sale {
		color: var(--bs-primary-fg);
	}

	.product__avail,
	.product__demand {
		display: flex;
		gap: var(--bs-spacer-2);
		align-items: flex-start;
		margin: var(--bs-spacer-3) 0 0;
		font-size: var(--bs-font-size-sm);
	}

	.product__avail--out,
	.product__avail--archived,
	.product__demand {
		color: var(--bs-fg-2);
	}

	.product__demand {
		margin-block-start: var(--bs-spacer-2);
	}

	.product__dot {
		display: inline-grid;
		flex-shrink: 0;
		place-items: center;
		width: 1.125rem;
		height: 1.125rem;
		margin-block-start: .09375rem;
		color: var(--bs-bg-body);
		font-size: .625rem;
		background-color: var(--bs-fg-2);
		border-radius: var(--bs-radius-pill);
	}

	.product__avail--out .product__dot,
	.product__avail--archived .product__dot {
		background-color: var(--bs-fg-3);
	}

	.product__demand-icon {
		display: inline-grid;
		flex-shrink: 0;
		place-items: center;
		width: 1.125rem;
		height: 1.3125rem;
		font-size: .75rem;
	}

	.product__options {
		margin-block-start: var(--bs-spacer-7);
	}

	.product__label {
		float: left;
		width: 100%;
		margin-block-end: var(--bs-spacer-3);
		color: var(--bs-fg-2);
		font-size: var(--bs-font-size-sm);
	}

	.product__option-list {
		display: flex;
		flex-wrap: wrap;
		gap: var(--bs-spacer-2);
		clear: both;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.product__option {
		position: relative;
		min-width: 3.25rem;
		padding: .5rem .9rem;
		font-size: var(--bs-font-size-sm);
		font-weight: var(--bs-font-weight-semibold);
		text-align: center;
		cursor: pointer;
		border: var(--bs-border-width) solid var(--bs-border-color);
		border-radius: var(--bs-radius-pill);
		transition: color .12s ease-out, background-color .12s ease-out, border-color .12s ease-out;
	}

	a.product__option {
		display: block;
		color: var(--bs-fg-body);
	}

	.product__option:has(:checked),
	a.product__option--current {
		color: var(--bs-bg-body);
		background-color: var(--bs-fg-body);
		border-color: var(--bs-fg-body);
	}

	.product__option:has(:focus-visible),
	a.product__option:focus-visible {
		outline: var(--bs-focus-ring-width) solid var(--bs-primary-fg);
		outline-offset: var(--bs-focus-ring-offset);
	}

	.product__option--out {
		color: var(--bs-fg-3);
		font-weight: var(--bs-font-weight-normal);
		text-decoration: line-through;
		border-color: var(--bs-border-subtle);
	}

	a.product__option--out {
		color: var(--bs-fg-3);
	}

	.product__option--out:has(:checked),
	.product__option--out.product__option--current {
		color: var(--bs-bg-body);
		background-color: var(--bs-fg-2);
		border-color: var(--bs-fg-2);
	}

	.product__option:not(:has(:checked), .product__option--current):active {
		border-color: var(--bs-fg-2);
	}

	@media (hover: hover) {
		.product__option:not(:has(:checked), .product__option--current):hover {
			border-color: var(--bs-fg-2);
		}
	}

	.product__actions {
		display: flex;
		flex-wrap: wrap;
		gap: var(--bs-spacer-3);
		margin-block-start: var(--bs-spacer-7);
	}

	.product__btn {
		display: inline-flex;
		gap: var(--bs-spacer-3);
		align-items: center;
		justify-content: center;
		min-width: 16rem;
		min-height: 3rem;
		padding-inline: var(--bs-spacer-7);
		color: var(--bs-primary-contrast);
		font-size: var(--bs-font-size-md);
		font-weight: var(--bs-font-weight-semibold);
		background-color: var(--bs-primary-bg);
		border: var(--bs-border-width) solid var(--bs-primary-bg);
		border-radius: var(--bs-radius-pill);
		transition: color .15s ease-out, background-color .15s ease-out, opacity .15s ease-out;
	}

	[data-busy] :is(.product__btn, .product__wish button) {
		cursor: progress;
		opacity: .6;
		transition: opacity .2s ease-out .35s;
	}

	.product__btn:active {
		background-color: oklch(from var(--bs-primary-bg) calc(l * .8) c h);
		border-color: oklch(from var(--bs-primary-bg) calc(l * .8) c h);
	}

	.product__btn:focus-visible {
		outline: var(--bs-focus-ring-width) solid var(--bs-primary-fg);
		outline-offset: var(--bs-focus-ring-offset);
	}

	@media (hover: hover) {
		.product__btn:hover {
			background-color: oklch(from var(--bs-primary-bg) calc(l * .88) c h);
			border-color: oklch(from var(--bs-primary-bg) calc(l * .88) c h);
		}
	}

	.product__btn--notify {
		color: var(--bs-fg-body);
		background-color: transparent;
		border-color: var(--bs-fg-body);
	}

	.product__btn--notify:not([hidden]) {
		display: inline-grid;
		place-items: center;
	}

	.product__btn--notify > span {
		display: inline-flex;
		grid-area: 1 / 1;
		gap: var(--bs-spacer-3);
		align-items: center;
	}

	.product__btn--notify[aria-pressed="false"] :is(.product__notify-on, .product__notify-un),
	.product__btn--notify[aria-pressed="true"] :is(.product__notify-off, .product__notify-un) {
		visibility: hidden;
	}

	.product__btn--notify[aria-pressed="true"] {
		background-color: var(--bs-bg-1);
		border-color: transparent;
	}

	.product__btn--notify:active {
		color: var(--bs-bg-body);
		background-color: var(--bs-fg-body);
		border-color: var(--bs-fg-body);
	}

	@media (hover: hover) {
		.product__btn--notify:hover {
			color: var(--bs-bg-body);
			background-color: var(--bs-fg-body);
			border-color: var(--bs-fg-body);
		}

		.product__btn--notify[aria-pressed="true"]:hover .product__notify-on {
			visibility: hidden;
		}

		.product__btn--notify[aria-pressed="true"]:hover .product__notify-un {
			visibility: visible;
		}
	}

	@media (width < 768px) {
		.product__btn {
			flex: 1 1 auto;
		}
	}

	.product__qty {
		display: inline-flex;
		align-items: stretch;
		height: 3rem;
		border: var(--bs-border-width) solid var(--bs-border-color);
		border-radius: var(--bs-radius-pill);
	}

	.product__step {
		width: 2.75rem;
		color: var(--bs-fg-2);
		font-size: var(--bs-font-size-xs);
		background: none;
		border: 0;
		border-radius: var(--bs-radius-pill);
	}

	@media (scripting: none) {
		.product__step {
			display: none;
		}
	}

	.product__step:active {
		color: var(--bs-fg-body);
		background-color: var(--bs-bg-1);
	}

	@media (hover: hover) {
		.product__step:hover {
			color: var(--bs-fg-body);
			background-color: var(--bs-bg-1);
		}
	}

	.product__amount {
		width: 2.5rem;
		color: var(--bs-fg-body);
		font-weight: var(--bs-font-weight-semibold);
		font-variant-numeric: tabular-nums;
		text-align: center;
		background: none;
		border: 0;
		appearance: textfield;
	}

	.product__amount::-webkit-inner-spin-button,
	.product__amount::-webkit-outer-spin-button {
		appearance: none;
	}

	.product__wish {
		margin: var(--bs-spacer-4) 0 0;
		font-size: var(--bs-font-size-sm);
	}

	.product__wish button {
		display: inline-flex;
		gap: var(--bs-spacer-2);
		align-items: center;
		padding: 0;
		color: var(--bs-fg-2);
		background: none;
		border: 0;
		transition: opacity .15s ease-out;
	}

	.product__wish button[aria-pressed="true"] .product__wish-icon {
		color: var(--bs-primary-fg);
	}

	.product__wish {
		display: flex;
		flex-wrap: wrap;
		gap: var(--bs-spacer-1) var(--bs-spacer-5);
		align-items: baseline;
	}

	.product__wish-line {
		color: var(--bs-fg-3);
	}

	.product__wish-icon {
		display: inline-block;
	}

	@media (prefers-reduced-motion: no-preference) {
		.product__wish button.is-popped .product__wish-icon {
			animation: wish-pop .32s cubic-bezier(.2, 0, 0, 1);
		}
	}

	@keyframes wish-pop {
		from,
		to {
			transform: scale(1);
		}

		40% {
			transform: scale(1.35);
		}
	}

	.product__wish button:active {
		color: var(--bs-primary-fg);
	}

	.product__wish button:focus-visible {
		outline: var(--bs-focus-ring-width) solid var(--bs-primary-fg);
		outline-offset: var(--bs-focus-ring-offset);
		border-radius: var(--bs-radius-3);
	}

	@media (hover: hover) {
		.product__wish button:hover {
			color: var(--bs-primary-fg);
		}
	}

	.product__status,
	.product__in-basket {
		margin: var(--bs-spacer-4) 0 0;
		font-size: var(--bs-font-size-sm);
	}

	.product__status:empty {
		display: none;
	}

	.product__status--error {
		color: var(--bs-danger-fg);
	}

	.product__in-basket {
		color: var(--bs-fg-2);
	}

	.product__editions,
	.product__facts {
		margin-block-start: var(--bs-spacer-8);
		padding-block-start: var(--bs-spacer-6);
		border-block-start: var(--bs-border-width) solid var(--bs-border-subtle);
	}

	.product__head {
		margin: 0 0 var(--bs-spacer-3);
		font-size: var(--bs-font-size-md);
		font-weight: var(--bs-font-weight-semibold);
	}

	.product__edition-list {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.product__edition-list > li + li {
		border-block-start: var(--bs-border-width) solid var(--bs-border-subtle);
	}

	.product__edition {
		display: grid;
		grid-template-columns: 1.25rem minmax(0, 1fr) auto;
		gap: var(--bs-spacer-3);
		align-items: start;
		min-height: 2.75rem;
		padding-block: var(--bs-spacer-3);
		color: var(--bs-fg-body);
	}

	.product__edition-mark {
		display: inline-grid;
		place-items: center;
		height: 1.5rem;
		font-size: .75rem;
	}

	.product__edition-price {
		font-variant-numeric: tabular-nums;
		white-space: nowrap;
	}

	.product__edition--current .product__edition-name,
	.product__edition--current .product__edition-price {
		font-weight: var(--bs-font-weight-semibold);
	}

	a.product__edition:active .product__edition-name {
		color: var(--bs-primary-fg);
	}

	a.product__edition:focus-visible {
		outline: var(--bs-focus-ring-width) solid var(--bs-primary-fg);
		outline-offset: var(--bs-focus-ring-offset);
	}

	@media (hover: hover) {
		a.product__edition:hover .product__edition-name {
			color: var(--bs-primary-fg);
		}
	}

	.product__fact-list {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr));
		gap: var(--bs-spacer-3) var(--bs-spacer-6);
		margin: 0;
	}

	.product__fact-list dt {
		font-size: var(--bs-font-size-sm);
		font-weight: var(--bs-font-weight-normal);
	}

	.product__fact-list dd {
		margin: 0;
		overflow-wrap: anywhere;
		font-weight: var(--bs-font-weight-medium);
		font-variant-numeric: tabular-nums;
	}

	.product__fact-list dd a {
		color: inherit;
	}

	.product__fact--wide {
		grid-column: 1 / -1;
	}

	@media (width >= 360px) {
		.product__fact--double {
			grid-column: span 2;
		}
	}

	@media (width >= 500px) {
		.product__fact--most {
			grid-column: 1 / -2;
		}
	}

	.product__fact--wide a {
		display: inline-block;
		max-width: 100%;
	}

	.product__about {
		max-width: 48rem;
	}

	.product__section {
		margin-block-start: var(--bs-spacer-9);
	}

	.product__section h2 {
		margin-block-end: var(--bs-spacer-4);
		font-size: var(--bs-font-size-lg);
		font-weight: var(--bs-font-weight-bold);
	}

	.product__desc {
		max-width: 52ch;
		margin-inline: 0;
		color: var(--bs-fg-2);
		line-height: 1.6;
	}

	.product__desc :is(b, strong) {
		color: var(--bs-fg-body);
		font-weight: var(--bs-font-weight-semibold);
	}

	.product__desc h3 {
		color: var(--bs-fg-body);
		font-size: 1em;
		font-weight: var(--bs-font-weight-semibold);
	}

	.product__desc--folded {
		max-height: 22rem;
		overflow: hidden;
		mask-image: linear-gradient(to bottom, #000 70%, transparent);
	}

	.product__fold {
		margin-block-start: var(--bs-spacer-3);
		padding: 0;
		color: var(--bs-primary-fg);
		font-weight: var(--bs-font-weight-semibold);
		background: none;
		border: 0;
	}

	.product__fold:active {
		text-decoration: underline;
	}

	.product__fold:focus-visible {
		outline: var(--bs-focus-ring-width) solid var(--bs-primary-fg);
		outline-offset: var(--bs-focus-ring-offset);
		border-radius: var(--bs-radius-3);
	}

	@media (hover: hover) {
		.product__fold:hover {
			text-decoration: underline;
		}
	}

	.product__disc + .product__disc {
		margin-block-start: var(--bs-spacer-7);
	}

	.product__disc-head {
		margin: 0 0 var(--bs-spacer-3);
		color: var(--bs-fg-2);
		font-size: var(--bs-font-size-xs);
		font-weight: var(--bs-font-weight-semibold);
		letter-spacing: .08em;
		text-transform: uppercase;
	}

	.product__tracks {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.product__track {
		display: grid;
		grid-template-columns: 2rem minmax(0, 1fr) auto auto;
		gap: var(--bs-spacer-3);
		align-items: center;
		min-height: 2.75rem;
		padding-block: var(--bs-spacer-2);
	}

	.product__track + .product__track {
		border-block-start: var(--bs-border-width) solid var(--bs-border-subtle);
	}

	.product__track-no,
	.product__track-time {
		color: var(--bs-fg-3);
		font-size: var(--bs-font-size-sm);
		font-variant-numeric: tabular-nums;
	}

	.product__track-body {
		display: grid;
		gap: 2px;
		min-width: 0;
	}

	.product__track-title {
		overflow-wrap: anywhere;
	}

	.product__explicit {
		display: inline-block;
		padding: 0 .3rem;
		color: var(--bs-bg-body);
		font-size: var(--bs-font-size-xs);
		line-height: 1.3;
		text-decoration: none;
		background-color: var(--bs-fg-3);
		border-radius: var(--bs-radius-2);
	}

	.product__track-with {
		color: var(--bs-fg-3);
		font-size: var(--bs-font-size-xs);
	}

	.product__track-with a {
		color: var(--bs-fg-2);
	}

	.product__track-play {
		display: flex;
		gap: var(--bs-spacer-1);
	}

	.product__track-play:empty {
		display: none;
	}

	.product__track-play a {
		display: inline-grid;
		place-items: center;
		width: 2rem;
		height: 2rem;
		color: var(--bs-fg-2);
		border-radius: var(--bs-radius-pill);
	}

	.product__track-play a:active {
		color: var(--bs-fg-body);
		background-color: var(--bs-bg-1);
	}

	@media (hover: hover) {
		.product__track-play a:hover {
			color: var(--bs-fg-body);
			background-color: var(--bs-bg-1);
		}
	}

	@media (width >= 768px) {
		.product__discs {
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
			gap: var(--bs-spacer-7) var(--bs-spacer-9);
		}

		.product__disc + .product__disc {
			margin-block-start: 0;
		}

		.product__discs:has(.product__disc + .product__disc) .product__track {
			grid-template-columns: 1.75rem minmax(0, 1fr) auto;
		}

		.product__discs:has(.product__disc + .product__disc) .product__track-play {
			display: none;
		}
	}

	@media (width >= 1024px) {
		.product__top {
			grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
			gap: var(--bs-spacer-10);
			align-items: start;
		}

		.product__buy {
			padding-block-start: var(--bs-spacer-3);
		}
	}

	.not-found {
		padding-block: var(--bs-spacer-12);
		text-align: center;
	}

	.not-found__code {
		display: flex;
		gap: var(--bs-spacer-2);
		align-items: center;
		justify-content: center;
		margin: 0 0 var(--bs-spacer-6);
		color: var(--bs-primary-fg);
		font-size: var(--bs-font-size-6xl);
		font-weight: var(--bs-font-weight-bold);
		line-height: 1;
		letter-spacing: -.02em;
	}

	.not-found__disc {
		display: inline-grid;
		place-items: center;
		font-size: .85em;
	}

	.not-found h1 {
		margin-block-end: var(--bs-spacer-3);
		font-size: var(--bs-font-size-2xl);
		font-weight: var(--bs-font-weight-bold);
	}

	.not-found__text {
		max-width: 32rem;
		margin-inline: auto;
		color: var(--bs-fg-2);
	}

	.not-found__link {
		display: inline-flex;
		gap: var(--bs-spacer-3);
		align-items: center;
		min-height: 2.75rem;
		margin-block-start: var(--bs-spacer-7);
		padding-inline: var(--bs-spacer-6);
		color: var(--bs-primary-contrast);
		font-weight: var(--bs-font-weight-semibold);
		background-color: var(--bs-primary-bg);
		border-radius: var(--bs-radius-pill);
		transition: background-color .15s ease-out;
	}

	.not-found__link:active {
		background-color: oklch(from var(--bs-primary-bg) calc(l * .8) c h);
	}

	@media (hover: hover) {
		.not-found__link:hover {
			background-color: oklch(from var(--bs-primary-bg) calc(l * .88) c h);
		}
	}

	.product__cover {
		view-transition-name: product-cover;
	}

	.product-card__cover[data-frame-capture] {
		outline-color: transparent !important;
		transition: none !important;
	}

	@media (forced-colors: active) {
		.product-card__cover[data-frame-capture] {
			outline-style: none !important;
		}
	}

	::view-transition {
		pointer-events: none;
	}

	::view-transition-group(product-cover) {
		animation-duration: .4s;
		animation-timing-function: cubic-bezier(.2, 0, 0, 1);
	}

	::view-transition-image-pair(product-cover) {
		overflow: clip;
	}

	::view-transition-old(product-cover),
	::view-transition-new(product-cover) {
		inset-inline-start: 50%;
		inline-size: auto;
		block-size: 100%;
		translate: -50%;
	}

	:root {
		view-transition-name: none;
	}

	.pswp__img {
		object-fit: contain;
		background-color: #fff;
	}

	.button-pill {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-height: 2.5rem;
		padding: var(--bs-spacer-2) var(--bs-spacer-5);
		color: var(--bs-primary-contrast);
		font-weight: var(--bs-font-weight-semibold);
		background-color: var(--bs-primary-bg);
		border: 0;
		border-radius: var(--bs-radius-pill);
		transition: background-color .15s ease-out;
	}

	.button-pill:active {
		background-color: oklch(from var(--bs-primary-bg) calc(l * .8) c h);
	}

	.button-pill:focus-visible {
		outline: var(--bs-focus-ring-width) solid var(--bs-primary-fg);
		outline-offset: var(--bs-focus-ring-offset);
	}

	.button-text {
		display: inline-flex;
		align-items: center;
		min-height: 2.5rem;
		margin-inline: calc(var(--bs-spacer-4) * -1);
		padding: var(--bs-spacer-1) var(--bs-spacer-4);
		color: var(--bs-fg-body);
		font-weight: var(--bs-font-weight-semibold);
		background-color: transparent;
		border: 0;
		border-radius: var(--bs-radius-pill);
		transition: background-color .15s ease-out;
	}

	.button-text--accent {
		color: var(--bs-primary-fg);
	}

	.button-text:active {
		background-color: var(--bs-bg-2);
	}

	@media (hover: hover) {
		.button-pill:hover {
			background-color: oklch(from var(--bs-primary-bg) calc(l * .88) c h);
		}

		.button-text:hover {
			background-color: var(--bs-bg-1);
		}
	}

	@media (pointer: coarse) {
		.button-pill,
		.button-text {
			min-height: 2.75rem;
		}
	}

	.button-text .icon {
		margin-inline-end: var(--bs-spacer-2);
	}

	.button-text:focus-visible,
	.account-code__again:focus-visible,
	.account-password__eye:focus-visible {
		outline: var(--bs-focus-ring-width) solid var(--bs-primary-fg);
		outline-offset: var(--bs-focus-ring-offset);
	}

	.account {
		display: grid;
		gap: var(--bs-spacer-10) var(--bs-spacer-12);
		padding-block: var(--bs-spacer-8) var(--bs-spacer-12);
	}

	.account p {
		margin: 0;
		overflow-wrap: anywhere;
	}

	.account-line {
		display: flex;
		flex-wrap: wrap;
		gap: 0 var(--bs-spacer-5);
		align-items: baseline;
	}

	.account-line > .button-text,
	.account-line > form {
		margin-block: calc(var(--bs-spacer-2) * -1);
	}

	.account-card__name h1 {
		margin: 0;
		font-size: var(--bs-font-size-2xl);
		font-weight: var(--bs-font-weight-bold);
		letter-spacing: -.01em;
	}

	.account-card__since {
		margin-block-start: var(--bs-spacer-2);
		color: var(--bs-fg-2);
	}

	.account-contact {
		margin-block-start: var(--bs-spacer-6);
	}

	.account-card__since + .account-contact,
	.account-card__name + .account-contact {
		margin-block-start: var(--bs-spacer-8);
	}

	.account-label,
	.account-state {
		color: var(--bs-fg-2);
		font-size: var(--bs-font-size-sm);
	}

	.account-contact .account-value {
		font-size: var(--bs-font-size-lg);
		font-weight: var(--bs-font-weight-medium);
	}

	.account-value--strong {
		font-weight: var(--bs-font-weight-semibold);
	}

	.account .account-state,
	.account .account-notice {
		display: flex;
		flex-wrap: wrap;
		gap: 0 var(--bs-spacer-2);
		align-items: baseline;
		margin-block-start: var(--bs-spacer-1);
	}

	.account-state .button-text {
		font-size: var(--bs-font-size-md);
	}

	.account-notice {
		font-size: var(--bs-font-size-sm);
	}

	.account-notice.is-ok .icon {
		color: var(--bs-success-fg);
	}

	.account-notice.is-error {
		color: var(--bs-danger-fg);
	}

	.account-notice.is-info {
		color: var(--bs-fg-2);
	}

	.account-notice:focus {
		outline: none;
	}

	.account-code__entry {
		display: flex;
		flex-wrap: wrap;
		gap: var(--bs-spacer-3) var(--bs-spacer-4);
		align-items: center;
		margin-block-start: var(--bs-spacer-3);
	}

	.account-code .otp {
		--bs-otp-size: 2.5rem;
		--bs-otp-gap: var(--bs-spacer-2);
	}

	.account-code__again {
		padding: 0;
		color: var(--bs-fg-2);
		font-size: var(--bs-font-size-sm);
		text-decoration: underline;
		text-decoration-color: var(--bs-border-subtle);
		text-underline-offset: .2em;
		background: none;
		border: 0;
		border-radius: var(--bs-radius-2);
	}

	.account-code__again:active {
		color: var(--bs-fg-body);
	}

	.account-lists {
		display: grid;
		gap: var(--bs-spacer-10);
		align-content: start;
	}

	.account-list h2 {
		margin: 0 0 var(--bs-spacer-1);
		font-size: var(--bs-font-size-lg);
		font-weight: var(--bs-font-weight-semibold);
	}

	.account-list,
	.account-card {
		min-width: 0;
		scroll-margin-top: var(--bs-spacer-4);
	}

	.account-row {
		padding-block: var(--bs-spacer-4);
	}

	.account-row + .account-row {
		border-block-start: var(--bs-border-width) solid var(--bs-border-subtle);
	}

	.account-list__lead {
		margin-block-start: var(--bs-spacer-3);
		color: var(--bs-fg-2);
	}

	.account-list .account-row:last-of-type + .account-notice,
	.account-list__add {
		margin-block-start: var(--bs-spacer-2);
	}

	.account-list .account-row:last-of-type + .account-list__add {
		padding-block-start: var(--bs-spacer-3);
		border-block-start: var(--bs-border-width) solid var(--bs-border-subtle);
	}

	@media (hover: hover) {
		.account-code__again:hover {
			color: var(--bs-fg-body);
			text-decoration-color: currentColor;
		}
	}

	@media (width >= 1024px) {
		.account {
			grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
		}
	}

	.account-dialog {
		--bs-dialog-width: 34rem;
		--bs-dialog-padding: var(--bs-spacer-4) var(--bs-spacer-6);
		--bs-dialog-header-padding: var(--bs-spacer-6) var(--bs-spacer-6) 0;
		--bs-dialog-footer-padding: var(--bs-spacer-2) var(--bs-spacer-6) var(--bs-spacer-6);
		--bs-dialog-header-border-width: 0;
		--bs-dialog-footer-border-width: 0;
		--bs-dialog-border-width: 0;
		--bs-dialog-backdrop-blur: 0;
		--bs-dialog-footer-gap: var(--bs-spacer-5);
	}

	.account-dialog .dialog-title {
		font-size: var(--bs-font-size-lg);
		font-weight: var(--bs-font-weight-semibold);
		overflow-wrap: anywhere;
	}

	.account-dialog .btn-close {
		flex: none;
		margin-inline-start: auto;
	}

	.account-dialog__lead {
		margin: 0 0 var(--bs-spacer-4);
		color: var(--bs-fg-2);
	}

	.account-fields {
		display: grid;
		gap: var(--bs-spacer-4);
	}

	.account-field {
		min-width: 0;
	}

	.account-field--wide {
		grid-column: 1 / -1;
	}

	.account-field .form-label {
		display: block;
		margin: 0 0 var(--bs-spacer-1);
		font-weight: var(--bs-font-weight-semibold);
	}

	.account-field__required {
		margin-inline-start: .125rem;
		color: var(--bs-danger-fg);
	}

	.account-field .form-text,
	.account-field .invalid-feedback {
		margin: var(--bs-spacer-1) 0 0;
	}

	.account-fields > .form-text {
		margin: 0;
	}

	.account-field__fixed {
		display: flex;
		align-items: center;
		min-height: var(--bs-btn-input-min-height);
		margin: 0;
		color: var(--bs-fg-2);
	}

	.account-password {
		position: relative;
	}

	.account-password .form-control {
		padding-inline-end: 2.75rem;
	}

	.account-password__eye {
		position: absolute;
		inset-block: 0;
		inset-inline-end: 0;
		display: grid;
		place-items: center;
		width: 2.75rem;
		color: var(--bs-fg-2);
		background-color: transparent;
		border: 0;
		border-radius: var(--bs-radius-5);
	}

	.account-password__eye:active {
		color: var(--bs-fg-body);
	}

	@media (hover: hover) {
		.account-password__eye:hover {
			color: var(--bs-fg-body);
		}
	}

	@media (width >= 576px) {
		.account-fields {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}
	}


	.account-entry h1 {
		margin: 0;
		font-size: var(--bs-font-size-2xl);
		font-weight: var(--bs-font-weight-bold);
		letter-spacing: -.01em;
	}

	.account-entry__main {
		min-width: 0;
	}

	.account-entry .account-notice {
		margin-block-start: var(--bs-spacer-4);
		font-size: var(--bs-font-size-md);
	}

	.account-notice.is-ok {
		flex-wrap: nowrap;
	}

	.account-notice > span {
		min-width: 0;
	}

	.account .account-entry__lead {
		margin-block-start: var(--bs-spacer-3);
		color: var(--bs-fg-2);
	}

	.account-form {
		display: grid;
		gap: var(--bs-spacer-5);
		justify-items: start;
		max-width: 24rem;
		margin-block-start: var(--bs-spacer-6);
	}

	.account-form--wide {
		max-width: 36rem;
	}

	.account-form > .account-fields,
	.account-form > .account-checks,
	.account-form > .account-robot {
		width: 100%;
	}

	.account-field__head {
		display: flex;
		flex-wrap: wrap;
		gap: 0 var(--bs-spacer-4);
		align-items: baseline;
		justify-content: space-between;
	}

	.account-field__link {
		margin-block-end: var(--bs-spacer-1);
		color: var(--bs-fg-2);
		font-size: var(--bs-font-size-sm);
	}

	.account-field__link:active {
		color: var(--bs-fg-body);
	}

	.account-taken {
		display: flex;
		flex-wrap: wrap;
		gap: 0 var(--bs-spacer-5);
		margin-block-start: calc(var(--bs-spacer-3) * -1);
		font-size: var(--bs-font-size-sm);
		font-weight: var(--bs-font-weight-semibold);
	}

	.account-checks {
		display: grid;
		gap: var(--bs-spacer-3);
	}

	.account-check .invalid-feedback {
		grid-column: 2;
		margin: 0;
	}

	.account-aside {
		align-self: start;
		max-width: 30rem;
	}

	.account-aside h2 {
		margin: 0 0 var(--bs-spacer-2);
		font-size: var(--bs-font-size-lg);
		font-weight: var(--bs-font-weight-semibold);
	}

	.account-aside p {
		color: var(--bs-fg-2);
	}

	.account .account-aside__line {
		display: flex;
		flex-wrap: wrap;
		gap: 0 var(--bs-spacer-5);
		align-items: baseline;
		margin-block-start: var(--bs-spacer-3);
	}

	@media (hover: hover) {
		.account-field__link:hover {
			color: var(--bs-fg-body);
		}
	}

	@media (pointer: coarse) {
		.account-check {
			min-height: 2.75rem;
			align-items: center;
		}
	}

	@media (width >= 1024px) {
		.account-aside {
			padding-block-start: var(--bs-spacer-12);
		}
	}

	.logins {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.logins__row {
		display: grid;
		grid-template-columns: 1.5rem minmax(0, 1fr) auto;
		gap: var(--bs-spacer-1) var(--bs-spacer-3);
		align-items: baseline;
		padding-block: var(--bs-spacer-3);
	}

	.logins__row + .logins__row {
		border-block-start: 1px solid var(--bs-border-subtle);
	}

	.logins__icon {
		grid-row: span 2;
		color: var(--bs-fg-3);
		text-align: center;
	}

	.logins__when {
		font-weight: var(--bs-font-weight-semibold);
	}

	.logins__device,
	.logins__place {
		color: var(--bs-fg-2);
	}

	.logins__device {
		grid-column: 2;
	}

	.logins__place {
		grid-column: 3;
		text-align: end;
	}

	.logins__when {
		grid-column: 2 / -1;
	}

	.logins__note {
		grid-column: 2 / -1;
		color: var(--bs-fg-2);
		font-size: var(--bs-font-size-sm);
	}

	.logins__note:empty {
		display: none;
	}

	.logins__failed {
		color: var(--bs-danger-fg);
		font-weight: var(--bs-font-weight-semibold);
	}

	.logins__row.is-failed .logins__when {
		color: var(--bs-fg-2);
	}

	@media (width >= 768px) {
		.logins__row {
			grid-template-columns: 1.5rem minmax(11rem, 2fr) minmax(0, 3fr) minmax(0, 2fr) minmax(7rem, 1fr);
			align-items: center;
		}

		.logins__icon {
			grid-row: auto;
		}

		.logins__when,
		.logins__device,
		.logins__place,
		.logins__note {
			grid-column: auto;
			grid-row: auto;
		}

		.logins__place {
			text-align: start;
		}

		.logins__note:empty {
			display: block;
		}
	}

	.basket-drawer .drawer-title {
		margin: 0;
		font-size: var(--bs-font-size-lg);
		font-weight: var(--bs-font-weight-bold);
	}

	.basket-drawer .drawer-header .btn-close {
		margin-inline-start: auto;
	}

	.basket-drawer__content {
		display: contents;
	}

	.basket-drawer__body {
		gap: var(--bs-spacer-4);
	}

	.basket-drawer[aria-busy="true"] .basket-drawer__body {
		opacity: .6;
	}

	.basket-drawer__change,
	.basket-drawer__code {
		margin: 0;
		color: var(--bs-fg-2);
		font-size: var(--bs-font-size-sm);
	}

	.basket-drawer__empty {
		display: grid;
		gap: var(--bs-spacer-3);
		justify-items: start;
	}

	.basket-drawer__empty p {
		margin: 0;
	}

	.basket-drawer__footer {
		flex-direction: column;
		align-items: stretch;
		gap: var(--bs-spacer-3);
	}

	.basket-drawer__sum {
		display: flex;
		justify-content: space-between;
		margin: 0;
		font-weight: var(--bs-font-weight-semibold);
		font-variant-numeric: tabular-nums;
	}

	.basket-drawer__go {
		min-height: 2.75rem;
	}

	.product-grid.product-grid--lines {
		grid-template-columns: minmax(0, 1fr);
	}

	.product-grid--lines .product-card {
		grid-template-columns: 3.5rem minmax(0, 1fr) auto;
		gap: 0 var(--bs-spacer-4);
		padding-block: var(--bs-spacer-3);
	}

	.product-grid--lines > .product-card:first-child + .product-card {
		padding-block-start: var(--bs-spacer-3);
		border-block-start: var(--bs-border-width) solid var(--bs-border-subtle);
	}

	.product-grid--lines .product-card__cover {
		grid-row: 1 / span 4;
	}

	.product-grid--lines .product-card__badges img {
		width: 1.25rem;
	}

	.product-grid--lines :is(.product-card__body, .product-card__deal) {
		display: contents;
	}

	.product-grid--lines :is(.product-card__artist, .product-card__title, .product-card__meta, .product-card__note) {
		grid-column: 2;
	}

	.product-grid--lines .product-card__title {
		display: block;
		white-space: nowrap;
	}

	.product-grid--lines .product-card__price {
		grid-column: 3;
		grid-row: 1 / span 2;
		align-self: end;
		justify-self: end;
	}

	.product-card__change,
	.product-card__offer {
		position: relative;
		z-index: 1;
		display: flex;
		gap: var(--bs-spacer-3);
		align-items: center;
	}

	.product-card__offer {
		flex: 1 1 auto;
		min-width: 0;
	}

	.product-grid--lines .product-card__change {
		grid-column: 3;
		grid-row: 3 / span 2;
		align-self: start;
		justify-self: end;
	}

	.product-card__change .button-text {
		min-height: 2rem;
	}

	.product-card__remove {
		color: var(--bs-fg-2);
		font-size: var(--bs-font-size-sm);
		font-weight: var(--bs-font-weight-normal);
	}

	.product-card__remove:active {
		color: var(--bs-fg-body);
	}

	.product-card__less {
		position: relative;
		display: inline-grid;
		place-items: center;
		width: 2rem;
		height: 2rem;
		padding: 0;
		color: var(--bs-fg-2);
		background-color: var(--bs-bg-1);
		border: 0;
		border-radius: var(--bs-radius-pill);
		transition: background-color .15s ease-out;
	}

	.product-card__less:active {
		color: var(--bs-fg-body);
		background-color: var(--bs-bg-3);
	}

	.checkout {
		padding-block-end: var(--bs-spacer-12);
	}

	.checkout-layout {
		display: grid;
		gap: var(--bs-spacer-10);
	}

	.checkout-layout__main {
		display: grid;
		gap: var(--bs-spacer-8);
		min-width: 0;
	}

	.checkout-section {
		min-width: 0;
	}

	.checkout-section__title {
		margin-block-end: var(--bs-spacer-5);
		scroll-margin-top: var(--bs-spacer-4);
		font-size: var(--bs-font-size-lg);
		font-weight: var(--bs-font-weight-bold);
	}

	.checkout-section__title:focus {
		outline: none;
	}

	.checkout .account-notice {
		margin-block-end: var(--bs-spacer-5);
		font-size: var(--bs-font-size-md);
	}

	.checkout-empty p {
		margin-block-end: var(--bs-spacer-3);
	}

	.checkout-note {
		margin: var(--bs-spacer-3) 0 0;
		color: var(--bs-fg-2);
		font-size: var(--bs-font-size-sm);
	}

	.checkout-offers {
		margin-block-start: var(--bs-spacer-8);
	}

	.checkout-offers .product-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	@media (width >= 768px) {
		.checkout-offers .product-grid {
			grid-template-columns: repeat(3, minmax(0, 1fr));
		}
	}

	.checkout-offers__title {
		margin-block-end: var(--bs-spacer-5);
		font-size: var(--bs-font-size-lg);
		font-weight: var(--bs-font-weight-bold);
		letter-spacing: -.01em;
	}

	.checkout-offers__cut {
		color: var(--bs-primary-fg);
	}

	.checkout-country {
		display: flex;
		flex-wrap: wrap;
		gap: var(--bs-spacer-2) var(--bs-spacer-4);
		align-items: center;
		margin-block-end: var(--bs-spacer-5);
	}

	.checkout-country__label {
		color: var(--bs-fg-2);
	}

	.checkout-done {
		margin: 0;
	}

	.checkout-done__value {
		min-width: 0;
		overflow-wrap: anywhere;
	}

	.checkout-invoice {
		margin-block-start: var(--bs-spacer-5);
	}

	.checkout-invoice__label {
		color: var(--bs-fg-2);
	}

	.checkout-ways {
		display: grid;
	}

	.checkout-way + .checkout-way {
		border-block-start: var(--bs-border-width) solid var(--bs-border-subtle);
	}

	.checkout .radio {
		transition: none;
	}

	.checkout-way__row {
		display: grid;
		grid-template-columns: auto minmax(0, 1fr) auto;
		gap: var(--bs-spacer-4);
		align-items: center;
		padding: var(--bs-spacer-4) var(--bs-spacer-3);
		cursor: pointer;
		border-radius: var(--bs-radius-4);
		transition: background-color .15s ease-out;
	}

	.checkout-way__row:active {
		background-color: var(--bs-bg-2);
	}

	.checkout-way__text {
		display: grid;
		min-width: 0;
	}

	.checkout-way__name {
		font-weight: var(--bs-font-weight-semibold);
	}

	.checkout-way__more {
		color: var(--bs-fg-2);
		font-size: var(--bs-font-size-sm);
	}

	.checkout-way__price {
		font-variant-numeric: tabular-nums;
		white-space: nowrap;
	}

	.checkout-way__panel {
		display: grid;
		gap: var(--bs-spacer-4);
		padding: 0 var(--bs-spacer-3) var(--bs-spacer-6) calc(var(--bs-spacer-3) + 1.25rem + var(--bs-spacer-4));
	}

	@media (scripting: enabled) {
		.checkout-way:not(.is-chosen) .checkout-way__panel {
			display: none;
		}

		.checkout-way__store {
			display: none;
		}
	}

	.checkout-way__note {
		margin: 0 0 var(--bs-spacer-3);
		color: var(--bs-fg-2);
	}

	.checkout-lockers,
	.checkout-address__search {
		display: grid;
		gap: var(--bs-spacer-2);
		width: 100%;
		max-width: 32rem;
	}

	.checkout-lockers__search {
		display: flex;
		gap: var(--bs-spacer-4);
		align-items: center;
	}

	.checkout-search {
		position: relative;
		display: block;
		flex: 1 1 auto;
		min-width: 0;
	}

	.checkout-search .form-control {
		padding-inline-end: 2.75rem;
	}

	.checkout-search__busy {
		--bs-spinner-width: 1rem;
		--bs-spinner-height: 1rem;
		--bs-spinner-border-width: 2px;

		position: absolute;
		inset-block-start: calc(50% - .5rem);
		inset-inline-end: .875rem;
		color: var(--bs-fg-3);
		pointer-events: none;
	}

	.checkout-lockers__state {
		margin: 0;
		color: var(--bs-fg-2);
		font-size: var(--bs-font-size-sm);
	}

	.checkout-lockers__state:empty {
		display: none;
	}

	.checkout-lockers__list {
		display: grid;
		max-height: 22rem;
		margin: 0;
		padding: 0;
		overflow-y: auto;
		list-style: none;
	}

	.checkout-lockers__list:empty {
		display: none;
	}

	.checkout-pick {
		display: grid;
		grid-template-columns: auto minmax(0, 1fr) auto;
		gap: 0 var(--bs-spacer-4);
		align-items: center;
		width: 100%;
		padding: var(--bs-spacer-3) var(--bs-spacer-2);
		color: var(--bs-fg-body);
		text-align: start;
		background: none;
		border: 0;
		border-radius: var(--bs-radius-4);
		transition: background-color .15s ease-out;
	}

	.checkout-pick:active {
		background-color: var(--bs-bg-2);
	}

	.checkout-pick__icon {
		grid-row: span 2;
		object-fit: contain;
	}

	.checkout-pick__name {
		font-weight: var(--bs-font-weight-semibold);
		overflow-wrap: anywhere;
	}

	.checkout-pick__place,
	.checkout-pick__distance {
		grid-column: 2;
		color: var(--bs-fg-2);
		font-size: var(--bs-font-size-sm);
	}

	.checkout-pick__price {
		grid-column: 3;
		grid-row: 1;
		font-variant-numeric: tabular-nums;
		white-space: nowrap;
	}

	.checkout-address {
		max-width: 36rem;
	}

	.checkout-address__manual {
		width: 100%;
	}

	.checkout-address__manual > :not(summary) + * {
		margin-block-start: var(--bs-spacer-5);
	}

	.checkout-address__manual > summary {
		color: var(--bs-primary-fg);
		font-weight: var(--bs-font-weight-semibold);
		cursor: pointer;
	}

	.checkout-address__manual[open] > summary {
		margin-block-end: var(--bs-spacer-4);
	}

	.checkout-summary {
		display: grid;
		gap: var(--bs-spacer-5);
		padding: var(--bs-spacer-6);
	}

	.checkout-summary .checkout-section__title {
		margin: 0;
	}

	.checkout-summary__free {
		margin: 0;
		color: var(--bs-fg-2);
		font-size: var(--bs-font-size-sm);
	}

	.checkout-summary__code {
		justify-content: space-between;
		font-size: var(--bs-font-size-sm);
	}

	.checkout-code > summary {
		color: var(--bs-primary-fg);
		font-weight: var(--bs-font-weight-semibold);
		cursor: pointer;
	}

	.checkout-code__form {
		display: flex;
		flex-wrap: wrap;
		gap: var(--bs-spacer-3);
		align-items: flex-start;
		margin-block-start: var(--bs-spacer-3);
	}

	.checkout-code__form .account-field {
		flex: 1 1 10rem;
	}

	.checkout-pay {
		display: grid;
		gap: var(--bs-spacer-4);
	}

	.checkout-pay label {
		color: inherit;
	}

	.checkout-pay__button {
		min-height: 3rem;
		font-size: var(--bs-font-size-md);
	}

	.checkout-kind {
		display: flex;
		flex-wrap: wrap;
		gap: var(--bs-spacer-3) var(--bs-spacer-8);
		margin: 0 0 var(--bs-spacer-5);
		padding: 0;
		border: 0;
	}

	.checkout-kind__option {
		display: flex;
		gap: var(--bs-spacer-3);
		align-items: center;
		cursor: pointer;
	}

	.checkout-companies {
		display: grid;
		gap: var(--bs-spacer-3);
		margin: 0 0 var(--bs-spacer-5);
		padding: 0;
		border: 0;
	}

	.checkout-company,
	.checkout-tax {
		display: grid;
		gap: var(--bs-spacer-3);
		margin-block-end: var(--bs-spacer-5);
	}

	.checkout-tax .form-label,
	.checkout-tax .form-text {
		margin: 0;
	}

	.checkout-result__body {
		display: grid;
		gap: var(--bs-spacer-4);
		max-width: 52ch;
	}

	.checkout-result__body p {
		margin: 0;
	}

	.checkout-result__lead {
		font-size: var(--bs-font-size-lg);
	}

	@media (hover: hover) {
		.product-card__less:hover {
			color: var(--bs-fg-body);
			background-color: var(--bs-bg-2);
		}

		.product-card__remove:hover {
			color: var(--bs-fg-body);
		}

		:is(.checkout-pick, .checkout-way__row):hover {
			background-color: var(--bs-bg-2);
		}
	}

	@media (pointer: coarse) {
		.product-card__less::before {
			position: absolute;
			inset: -.375rem;
			content: "";
		}

		.product-card__change .button-text {
			position: relative;
		}

		.product-card__change .button-text::before {
			position: absolute;
			inset: -.375rem 0;
			content: "";
		}
	}

	@media (width >= 1024px) {
		.product-grid.product-grid--lines {
			grid-template-columns: minmax(0, 1fr);
		}

		.checkout-layout {
			grid-template-columns: minmax(0, 1fr) 24rem;
			gap: var(--bs-spacer-12);
			align-items: start;
		}

		.checkout-layout__aside {
			position: sticky;
			inset-block-start: var(--bs-spacer-6);
		}
	}

	@media print {
		body,
		.site-header,
		.site-footer {
			background: none;
		}

		.site-notice,
		.site-search,
		.site-header__actions,
		.site-cats,
		.site-promises,
		.site-footer__logo,
		nav.site-footer__group,
		.site-footer__languages,
		.faq__toggle,
		.scroll-top,
		.promo__tabs,
		.basket-drop,
		.product-card__buy,
		.product-card__notify,
		:has(> .shop-map) {
			display: none;
		}

		.site-header__bar,
		.site-header__bar--plain {
			justify-items: start;
			padding-block: 0 var(--bs-spacer-6);
		}

		.site-header__logo img {
			filter: brightness(0);
		}

		.site-footer {
			padding-block: var(--bs-spacer-7) 0;
			border-block-start: var(--bs-border-width) solid var(--bs-border-subtle);
			break-inside: avoid;
		}

		.site-footer__main {
			grid-template-columns: repeat(2, minmax(0, 1fr));
			gap: var(--bs-spacer-7);
		}

		.site-footer__shop {
			grid-column: auto;
		}

		.site-footer__bar {
			margin-block-start: var(--bs-spacer-7);
		}

		.accordion-item::details-content {
			transition: none;
		}

		h1,
		h2,
		h3,
		summary {
			break-after: avoid;
		}

		.panel__row {
			break-inside: avoid;
		}

		.shelf__items > :nth-child(n) {
			display: flex;
		}

		.product-card {
			break-inside: avoid;
		}
	}
}