@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap);

body,
html {
	overflow-x: hidden;
	background: var(--site-bg)
}

.btn,
.btn.btn-icon {
	display: inline-flex
}

.cat-cloud .cat-chip,
body {
	margin: 0
}

#home-reviews .snaps-inline,
.cat-scroll {
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-padding: 0 3.25rem;
	scrollbar-gutter: stable both-edges
}

#home-reviews .rating-radios,
.cat-chip {
	white-space: nowrap
}

.breadcrumb .breadcrumb-item>a,
a {
	text-decoration: none
}

.about-page,
:root {
	--ink-strong: #f6f7f9;
	--ink-soft: #cfd5dd
}

.about-rich-content .ql-align-center,
.btn {
	text-align: center
}

:root {
	--brand-bordeaux: #7b1e3a;
	--brand-bordeaux-600: #6d1b34;
	--brand-bordeaux-700: #5e172d;
	--brand-bordeaux-rgb: 123, 30, 58;
	--site-bg: #0b0d11;
	--plate-a: #0b0d11;
	--plate-b: #0e1116;
	--plate-c: #12161c;
	--surface-dark: #101318;
	--surface-darker: #0a0b0d;
	--surface-card: #111318;
	--ink-1: #fff;
	--ink-2: #ececec;
	--ink-3: #c7ccd3;
	--ink-muted: #bfc5cd;
	--shadow-soft: 0 8px 24px #00000073;
	--shadow-strong: 0 18px 48px #0009;
	--btn-radius: .6rem;
	--btn-shadow: 0 6px 18px #7b1e3a59;
	--btn-shadow-hover: 0 10px 26px #7b1e3a73;
	--btn-ring: 0 0 0 .2rem #7b1e3a59;
	--easing-std: cubic-bezier(0.2, 0.6, 0.2, 1);
	--dur-fast: .12s;
	--dur-std: .18s;
	--dur-smooth: .35s;
	--bs-primary: var(--brand-bordeaux);
	--bs-primary-rgb: var(--brand-bordeaux-rgb);
	--nav-h: 64px;
	--placeholder-color: #828282;
	--placeholder-disabled-color: #D8DDE6;
	color-scheme: dark;
	accent-color: var(--brand-bordeaux);
	scrollbar-color: #ffffff59 var(--site-bg)
}

*,
::after,
::before {
	box-sizing: border-box
}

html {
	-webkit-text-size-adjust: 100%
}

body {
	color: var(--ink-2);
	line-height: 1.6;
	padding-top: var(--nav-h);
	font-family: Roboto, sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-variation-settings: wdth 100
}

::selection {
	background: #7b1e3a8c;
	color: #fff
}

canvas,
img,
svg,
video {
	display: block;
	max-width: 100%;
	height: auto
}

button,
input,
select,
textarea {
	font: inherit;
	color: inherit
}

a {
	color: var(--brand-bordeaux);
	transition: color var(--dur-std) ease
}

a:focus-visible {
	outline: #7b1e3ae6 solid 2px;
	outline-offset: 2px
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
	letter-spacing: .2px
}

.smallcaps {
	letter-spacing: .6px;
	text-transform: uppercase;
	font-size: .8rem;
	color: #aeb5bf
}

.icon-xxl {
	font-size: 2.25rem;
	line-height: 1
}

.form-text,
.text-muted,
.text-secondary-emphasis {
	color: var(--ink-muted) !important
}

.bg-opacity-70 {
	--bs-bg-opacity: .7
}

::-webkit-scrollbar {
	width: 12px;
	height: 12px
}

::-webkit-scrollbar-track {
	background: var(--site-bg)
}

::-webkit-scrollbar-thumb {
	background: #ffffff47;
	border-radius: 999px;
	border: 3px solid var(--site-bg)
}

::-webkit-scrollbar-thumb:hover {
	background: #ffffff61
}

:focus-visible {
	outline-offset: 2px
}

@media (prefers-reduced-motion:reduce) {

	*,
	::after,
	::before {
		animation-duration: NaNs !important;
		animation-iteration-count: 1 !important;
		transition-duration: NaNs !important;
		scroll-behavior: auto !important
	}

	#carouselGalerie .carousel-control-next,
	#carouselGalerie .carousel-control-prev,
	#carouselGalerie .carousel-indicators [data-bs-target],
	#galerie .gallery-fs-btn,
	#productCarousel .carousel-control-next,
	#productCarousel .carousel-control-prev,
	.parallax-img,
	.reveal {
		transition: none !important
	}
}

.band-a,
.band-b,
.band-c {
	background: var(--site-bg) !important;
	padding: .5rem 0
}

.card {
	border: 0;
	background: var(--surface-card);
	box-shadow: var(--shadow-soft)
}

.card.bg-secondary {
	background: #12151a !important
}

@supports not (width:100svw) {
	.hero {
		width: 100vw;
		max-width: 100vw;
		left: 50%;
		transform: translateX(-50%);
		position: relative
	}
}

.hero .carousel-inner {
	border-radius: 0 !important;
	box-shadow: none !important
}

.hero .carousel-item img {
	width: 100%;
	height: clamp(420px, 68vh, 820px);
	object-fit: cover
}

.hero .carousel-control-next,
.hero .carousel-control-prev,
.hero .carousel-indicators {
	z-index: 5;
	pointer-events: auto
}

.hero .pointer-events-none .container-fluid {
	pointer-events: none !important
}

.hero .pointer-events-none .container-fluid>* {
	pointer-events: auto !important
}

.hero .mx-auto.text-center>.rounded-3 {
	background: radial-gradient(120% 120% at 50% 40%, #000000b8 0, #0000008c 45%, #00000059 100%);
	border: 1px solid #ffffff14;
	border-radius: .9rem
}

.hero .mx-auto.text-center h1 {
	color: #fff;
	text-shadow: 0 0 1px #000000d9 0 2px 10px #0000008c;
	-webkit-text-stroke: .4px #00000026
}

.hero .mx-auto.text-center .lead {
	color: #e9e9e9 !important;
	text-shadow: 0 1px 6px #00000073
}

.about-rich-content blockquote p,
.carousel-indicators {
	margin-bottom: .5rem
}

.carousel-indicators [data-bs-target] {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #ffffff8c
}

.carousel-indicators .active {
	background-color: #fff
}

.about-page .parallax-img,
.parallax-img {
	will-change: transform;
	transition: transform .2s ease-out
}

.btn {
	border-radius: var(--btn-radius);
	transition: transform var(--dur-fast) ease, box-shadow var(--dur-std) ease, background-color .15s ease, border-color .15s ease, color .15s ease;
	will-change: transform, box-shadow;
	align-items: center;
	justify-content: center;
	gap: .25rem
}

.btn:active {
	transform: translateY(1px)
}

.btn:focus-visible {
	outline: 0;
	box-shadow: var(--btn-ring)
}

.btn-sm {
	border-radius: calc(var(--btn-radius) - .15rem)
}

.btn-lg {
	border-radius: calc(var(--btn-radius) + .05rem)
}

.btn.btn-icon {
	padding: .5rem;
	width: 2.4rem;
	height: 2.4rem;
	align-items: center;
	justify-content: center
}

#home-reviews .rating-radios .rv-label:last-child,
.btn.btn-icon [class*=" fa-"],
.btn.btn-icon [class^=fa-] {
	margin-right: 0
}

.btn-bordeaux {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--brand-bordeaux);
	--bs-btn-border-color: var(--brand-bordeaux);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--brand-bordeaux-600);
	--bs-btn-hover-border-color: var(--brand-bordeaux-600);
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--brand-bordeaux-700);
	--bs-btn-active-border-color: var(--brand-bordeaux-700);
	--bs-btn-disabled-bg: var(--brand-bordeaux);
	--bs-btn-disabled-border-color: var(--brand-bordeaux);
	box-shadow: var(--btn-shadow);
	background: linear-gradient(180deg, #ffffff0f 0, transparent 60%), var(--brand-bordeaux);
	border-width: 1px
}

.btn-bordeaux:disabled {
	opacity: .65;
	box-shadow: none
}

.btn-outline-bordeaux {
	color: #e9dfe3;
	border: 1px solid var(--brand-bordeaux);
	background: 0 0
}

.btn-outline-bordeaux:focus-visible {
	outline: #7b1e3ae6 solid 2px;
	outline-offset: 2px
}

.btn-ghost-bordeaux {
	color: #fff;
	background: #7b1e3a29;
	border: 1px solid #7b1e3a59
}

.btn-outline-light {
	color: #f2f3f5;
	border: 1px solid #ffffff59;
	background: 0 0
}

.btn-dark {
	color: #f5f6f8;
	background: #12151a;
	border: 1px solid #2a2f36
}

.badge-bordeaux,
.bg-bordeaux {
	background: var(--brand-bordeaux) !important;
	color: #fff !important
}

.stars .fa-star.text-bordeaux,
.text-bordeaux {
	color: var(--brand-bordeaux) !important
}

.fa-facebook-f,
.fa-instagram,
.fa-x-twitter {
	margin: 5px
}

#home-reviews,
.cat-wrap,
.edge-fade {
	position: relative
}

.cat-scroll {
	display: flex;
	gap: .5rem;
	flex-wrap: nowrap;
	-webkit-overflow-scrolling: touch;
	padding: 0 3.25rem .25rem;
	overscroll-behavior-x: contain
}

.cat-chip {
	--bdr: #2b2f35;
	color: #e8eaee;
	border: 1px solid var(--bdr);
	background: linear-gradient(180deg, #14171c 0, #101318 100%);
	display: inline-flex;
	align-items: center;
	gap: .45rem;
	transition: all var(--dur-std) ease;
	scroll-snap-align: start
}

#home-reviews .snap-nav .btn,
.chips-nav {
	background: #0009;
	backdrop-filter: blur(4px)
}

.chips-nav,
.product-card .ratio {
	align-items: center;
	display: flex
}

.cat-chip .fa-tag {
	opacity: .9
}

.cat-scroll .cat-chip:first-child {
	margin-left: .25rem
}

.cat-scroll .cat-chip:last-child {
	margin-right: .25rem
}

.chips-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 36px;
	height: 36px;
	border-radius: 999px;
	justify-content: center;
	border: 1px solid #ffffff0f;
	color: #fff;
	cursor: pointer;
	z-index: 2
}

.chips-prev {
	left: .5rem
}

.chips-next {
	right: .5rem
}

.edge-fade::after,
.edge-fade::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 32px;
	pointer-events: none;
	z-index: 1
}

.edge-fade::before {
	left: 0;
	background: linear-gradient(90deg, var(--site-bg) 0, transparent 100%)
}

.edge-fade::after {
	right: 0;
	background: linear-gradient(270deg, var(--site-bg) 0, transparent 100%)
}

.product-card {
	background: var(--surface-card);
	transition: transform var(--dur-std) ease, box-shadow var(--dur-std) ease
}

.product-card .price {
	font-weight: 700;
	letter-spacing: .2px
}

.product-card .ratio {
	background: #fff !important;
	border-top-left-radius: .5rem;
	border-top-right-radius: .5rem;
	overflow: hidden;
	padding: .4rem;
	justify-content: center
}

.product-card img {
	background: #fff !important;
	object-fit: contain;
	width: 100%;
	height: 100%;
	transform: none;
	transition: transform var(--dur-smooth) var(--easing-std)
}

.btn-center {
	display: flex;
	align-items: center;
	justify-content: center
}

.input-icon .input-group-text {
	background: #171a1f;
	border-color: #2a2d33;
	color: #f0f0f0
}

.form-control,
.form-select,
textarea {
	background: #121317;
	border: 1px solid #2a2d33;
	color: #f5f5f5;
	caret-color: #fff
}

.form-control:focus,
.form-select:focus,
textarea:focus {
	background: #101114;
	border-color: #424850;
	color: #fff;
	box-shadow: var(--btn-ring)
}

.form-control::placeholder,
.form-select::placeholder,
::placeholder,
textarea::placeholder {
	color: var(--placeholder-color);
	opacity: 1
}

.form-control:disabled::placeholder,
textarea:disabled::placeholder {
	color: var(--placeholder-disabled-color);
	opacity: 1
}

.form-control[readonly] {
	background: #15171b
}

input:-webkit-autofill,
select:-webkit-autofill,
textarea:-webkit-autofill {
	-webkit-text-fill-color: #f5f5f5;
	box-shadow: 0 0 0 1000px #121317 inset;
	transition: background-color 9999s ease-in-out
}

#home-reviews .snaps-inline {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: clamp(280px, 86%, 560px);
	gap: 1rem;
	padding: .25rem 3.25rem 1rem;
	justify-content: center
}

@media (min-width:576px) {
	.cat-scroll {
		padding: 0 3.75rem .25rem;
		scroll-padding: 0 3.75rem
	}

	#home-reviews .snaps-inline {
		grid-auto-columns: clamp(320px, 48%, 560px);
		padding: .25rem 3.75rem 1rem;
		scroll-padding: 0 3.75rem
	}
}

#home-reviews .review-card {
	scroll-snap-align: center;
	justify-self: center;
	width: 100%;
	max-width: 560px;
	margin: 0 auto
}

#home-reviews .snap-nav {
	position: absolute;
	inset: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	pointer-events: none;
	padding: 0 .5rem
}

#home-reviews .snap-nav .btn {
	pointer-events: auto;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #ffffff0f
}

#home-reviews .avatar-initials,
#home-reviews .review-card .stars .fa-star,
#reviewsOverlay .stars .fa-star {
	margin-right: .15rem
}

#home-reviews .avatar-initials {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #ffffff14;
	font-size: .9rem
}

#home-reviews .rv-label {
	cursor: pointer;
	margin-right: .25rem;
	display: inline-flex;
	align-items: center;
	line-height: 1
}

#home-reviews .rv-label .fa-star {
	display: inline-block;
	width: 1em;
	height: 1em;
	line-height: 1;
	transition: none !important;
	vertical-align: middle
}

#reviewsOverlay .carousel-control-next,
#reviewsOverlay .carousel-control-prev,
#reviewsOverlay .carousel-indicators {
	display: none !important
}

#reviewsOverlay .card {
	background-color: #000000bf !important;
	backdrop-filter: blur(4px);
	border: 1px solid #ffffff14 !important
}

[id] {
	scroll-margin-top: calc(var(--nav-h) + 12px)
}

.navbar.fixed-top {
	z-index: 1030
}

.navbar-dark.bg-dark,
.navbar.bg-dark {
	background-color: var(--site-bg) !important;
	border-color: #ffffff0f !important
}

.navbar-dark .navbar-nav .nav-link {
	color: #eaeaea;
	opacity: .95;
	transition: color .15s, background-color .18s;
	position: relative
}

.navbar-dark .navbar-nav .nav-link.position-relative::after {
	content: "";
	position: absolute;
	left: .6rem;
	right: .6rem;
	bottom: -.25rem;
	height: 2px;
	background: 0 0;
	border-radius: 2px;
	transition: background-color var(--dur-std) ease
}

.navbar-dark .navbar-nav .nav-link.active {
	color: #fff !important;
	font-weight: 600
}

.navbar-dark .navbar-nav .nav-link.active::after {
	background: var(--brand-bordeaux)
}

.navbar .dropdown-menu {
	--bs-dropdown-bg: #101318;
	--bs-dropdown-border-color: #ffffff14;
	--bs-dropdown-link-color: #eaeaea;
	--bs-dropdown-link-hover-bg: #262626;
	--bs-dropdown-link-hover-color: #fff;
	--bs-dropdown-link-active-bg: var(--brand-bordeaux);
	--bs-dropdown-link-active-color: #fff;
	background-color: var(--bs-dropdown-bg);
	border: 1px solid var(--bs-dropdown-border-color);
	border-radius: .6rem;
	min-width: 14rem;
	box-shadow: var(--shadow-soft);
	z-index: 1040;
	overflow: visible
}

.navbar .dropdown-item {
	border-radius: .35rem;
	white-space: normal;
	line-height: 1.25;
	padding: .5rem .75rem
}

.dropdown-menu .cat-item.active,
.navbar .dropdown-item.active,
.navbar .dropdown-item:active {
	background: var(--brand-bordeaux);
	color: #fff
}

.dropdown-menu.dropdown-mega {
	width: min(100vw, 1100px);
	margin-top: .75rem;
	background: #141414 !important
}

.dropdown-menu.dropdown-mega .mega-grid {
	display: grid;
	gap: .375rem .5rem;
	grid-template-columns: 1fr
}

@media (min-width:576px) {
	.dropdown-menu.dropdown-mega .mega-grid {
		grid-template-columns: repeat(2, 1fr)
	}
}

@media (min-width:768px) {
	.dropdown-menu.dropdown-mega .mega-grid {
		grid-template-columns: repeat(3, 1fr)
	}
}

@media (min-width:1200px) {
	.band-a[aria-label=produits-mis-en-avant] .featured-grid {
		max-width: 1100px;
		margin-inline: auto
	}

	.band-a[aria-label=produits-mis-en-avant] .product-card {
		max-width: 260px;
		margin-inline: auto
	}

	.band-a[aria-label=produits-mis-en-avant] .product-card .card-body {
		padding: .75rem .9rem
	}

	.band-a[aria-label=produits-mis-en-avant] .product-card .price {
		font-size: .95rem
	}

	.band-a[aria-label=produits-mis-en-avant] .product-card h3.h6 {
		font-size: .9rem
	}

	.band-a[aria-label=produits-mis-en-avant] .product-card .badge-bordeaux {
		font-size: .7rem;
		padding: .15rem .4rem
	}

	.band-a[aria-label=produits-mis-en-avant] .product-card .btn {
		padding: .35rem .6rem;
		font-size: .8rem
	}

	.band-a[aria-label=produits-mis-en-avant] .product-card .ratio {
		padding: .25rem
	}

	.dropdown-menu.dropdown-mega .mega-grid {
		grid-template-columns: repeat(4, 1fr)
	}
}

.dropdown-menu .cat-item {
	color: #eaeaea;
	border-radius: .375rem;
	display: flex;
	align-items: center;
	gap: .5rem
}

@media (max-width:991.98px) {
	.navbar .nav-item .btn.btn-link.nav-link {
		color: #eaeaea;
		text-decoration: none;
		padding: .5rem 1rem;
		width: 100%
	}

	.navbar .nav-item .btn.btn-link.nav-link:hover {
		color: #fff
	}

	.navbar .collapse .navbar-nav .nav-item .collapse .navbar-nav .nav-link {
		padding-left: 1.5rem
	}
}

.btn-submenu-toggle {
	line-height: 1
}

.dropdown.show .btn-submenu-toggle i {
	transform: rotate(180deg)
}

.dropdown-toggle::after {
	border: 0
}

.navbar .nav-item.dropdown.hover-trigger,
.navbar .nav-item.dropdown.hover-trigger .dropdown-divider,
.navbar .nav-item.dropdown.hover-trigger .dropdown-item,
.navbar .nav-item.dropdown.hover-trigger .dropdown-item.active,
.navbar .nav-item.dropdown.hover-trigger .dropdown-item:active,
.navbar .nav-item.dropdown.hover-trigger .dropdown-item:focus,
.navbar .nav-item.dropdown.hover-trigger .dropdown-item:focus-visible,
.navbar .nav-item.dropdown.hover-trigger .dropdown-menu,
.navbar .nav-item.dropdown.hover-trigger .dropdown-menu.dropdown-menu-dark,
.navbar .nav-item.dropdown.hover-trigger .dropdown-menu.shadow,
.navbar .nav-item.dropdown.hover-trigger .nav-link {
	box-shadow: none !important;
	border: 0 !important
}

.navbar .nav-item.dropdown.hover-trigger .dropdown-divider {
	height: 1px;
	background: 0 0;
	margin: .5rem 0;
	border: 0 !important;
	box-shadow: none !important
}

.navbar .nav-item.dropdown.hover-trigger .dropdown-item,
.navbar .nav-item.dropdown.hover-trigger .dropdown-menu {
	border-radius: 0 !important
}

.bg-dark,
.text-bg-dark {
	background-color: var(--site-bg) !important;
	color: var(--ink-2) !important
}

.card.bg-dark {
	background-color: var(--surface-dark) !important
}

.badge.bg-dark {
	background-color: #12161c !important;
	color: #fff !important
}

.list-group-item.bg-dark {
	background-color: var(--surface-card) !important;
	color: var(--ink-2) !important
}

.dropdown-menu.bg-dark,
.offcanvas.bg-dark,
.offcanvas.offcanvas-dark {
	background-color: var(--surface-dark) !important;
	color: var(--ink-2) !important;
	border-color: #ffffff0f !important
}

.bg-dark a:not(.btn),
.text-bg-dark a:not(.btn) {
	color: #d9d9d9;
	text-decoration: none
}

.bg-dark hr,
.border-dark,
.text-bg-dark hr,
hr.border-dark {
	border-color: #2a2e36 !important
}

.bg-dark .badge.bg-light,
.text-bg-dark .badge.bg-light {
	color: #0b0d11 !important
}

.list-group .list-group-item.active {
	--bs-list-group-active-bg: #262a30;
	--bs-list-group-active-border-color: #262a30;
	--bs-list-group-active-color: #fff;
	background-color: #262a30 !important;
	border-color: #262a30 !important;
	color: #fff !important;
	box-shadow: none !important
}

.list-group .list-group-item:focus,
.list-group-item-action.active:focus,
.list-group-item-action:focus {
	outline: 0 !important;
	box-shadow: var(--btn-ring) !important;
	border-color: #2a2d33 !important
}

.breadcrumb {
	--bc-link: #dcd6d9;
	--bc-active: #fff;
	--bc-divider: #b7a9af;
	--bc-pill-bg: #7b1e3a47;
	--bc-pill-border: #7b1e3a99;
	--bc-gap: .25rem;
	--bs-breadcrumb-item-color: var(--bc-link);
	--bs-breadcrumb-item-active-color: var(--bc-active);
	--bs-breadcrumb-divider-color: var(--bc-divider);
	gap: var(--bc-gap)
}

.breadcrumb .breadcrumb-item+.breadcrumb-item::before {
	content: "";
	padding-right: 0
}

.breadcrumb .breadcrumb-item {
	padding: .15rem .5rem;
	border: 1px solid var(--bc-pill-border);
	border-radius: .375rem
}

.breadcrumb .breadcrumb-item.active {
	background: var(--bc-pill-bg);
	color: var(--bs-breadcrumb-item-active-color)
}

.breadcrumb .breadcrumb-item>a:focus-visible {
	outline: #7b1e3ae6 solid 2px;
	outline-offset: 2px;
	border-radius: .25rem
}

.about-page {
	--panel-900: #0a0b0d;
	--panel-800: #0e1116;
	--panel-border: #2b3037
}

.about-page .about-hero {
	position: relative;
	overflow: hidden
}

.about-page .about-hero__img {
	width: 100%;
	height: clamp(320px, 50vh, 600px);
	object-fit: cover;
	filter: saturate(.95) contrast(1.08)
}

.about-page .about-hero__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, #00000026 0, #00000059 60%, #00000073 100%);
	pointer-events: none;
	z-index: 1
}

.about-page .about-hero__title {
	position: relative;
	z-index: 2
}

.about-page .about-hero-title {
	display: inline-block;
	backdrop-filter: blur(3px);
	background: #00000059;
	border: 1px solid #ffffff1f;
	padding: .35rem .6rem;
	border-radius: .375rem;
	font-weight: 600
}

@media (min-width:992px) {
	#home-reviews .snaps-inline {
		grid-auto-columns: clamp(360px, 32%, 560px);
		padding: .25rem 4rem 1rem;
		scroll-padding: 0 4rem
	}

	.navbar-nav.flex-lg-nowrap {
		flex-wrap: nowrap
	}

	.dropdown-submenu {
		position: relative
	}

	.dropdown-submenu>.dropdown-menu {
		position: absolute;
		top: 0;
		left: 100%;
		margin: 0 .25rem;
		border-radius: .6rem;
		min-width: 14rem;
		display: none
	}

	.dropdown-submenu>.dropdown-submenu-menu {
		position: absolute;
		top: calc(100% - .25rem);
		left: 0;
		min-width: 16rem;
		border-radius: .6rem;
		display: none;
		z-index: 1050
	}

	.dropdown-hover:hover>.dropdown-menu,
	.dropdown-submenu>.dropdown-menu.show,
	.dropdown-submenu>.dropdown-submenu-menu.show {
		display: block
	}

	.dropdown-submenu:has(> .submenu-header > .btn-submenu-toggle:focus-visible)>.dropdown-submenu-menu,
	.dropdown-submenu:has(> .submenu-header > .btn-submenu-toggle:hover)>.dropdown-submenu-menu {
		display: block
	}

	.dropdown-submenu>a.dropdown-toggle {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: .5rem
	}

	.dropdown-submenu>a.dropdown-toggle::after {
		content: "\f105";
		font-family: "Font Awesome 6 Free";
		font-weight: 900;
		border: 0;
		margin-left: .35rem
	}

	.submenu-header {
		padding: .125rem .25rem;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: .5rem
	}

	.btn-submenu-toggle {
		--sz: 32px;
		width: var(--sz);
		height: var(--sz);
		padding: .25rem;
		border-radius: .375rem;
		line-height: 1;
		flex: 0 0 auto;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		transition: transform var(--dur-fast) ease, background-color var(--dur-fast) ease, border-color var(--dur-fast) ease
	}

	.btn-submenu-toggle i {
		transition: transform var(--dur-fast) ease
	}

	.btn-submenu-toggle[aria-expanded=true] i {
		transform: rotate(180deg)
	}

	.about-page .about-hero-title {
		padding: .45rem .75rem;
		font-size: 1.05rem
	}
}

.about-page .reading-card {
	background: var(--panel-900) !important;
	border: 1px solid var(--panel-border);
	box-shadow: 0 12px 34px #0009
}

.about-page .prose {
	color: var(--ink-strong);
	font-size: clamp(1.05rem, .6vw + 1rem, 1.2rem);
	line-height: 1.8;
	letter-spacing: .1px
}

.about-page .prose p,
.about-rich-content p {
	margin-bottom: 1rem
}

.about-page .prose a {
	color: #c35d73;
	text-decoration: underline;
	text-underline-offset: 2px
}

.about-page .prose h2,
.about-page .prose h3 {
	color: #fff;
	margin: .5rem 0 .35rem
}

.about-page .muted {
	color: var(--ink-soft)
}

.about-page .btn-row {
	display: flex;
	flex-direction: column;
	gap: .5rem
}

@media (min-width:576px) {
	.about-page .btn-row {
		flex-direction: row;
		align-items: center
	}
}

.about-page .about-visual-wrap {
	width: 100%;
	max-width: 720px;
	margin: .75rem auto;
	padding: .25rem;
	background: #000;
	border-radius: .5rem
}

.about-page .about-visual-img {
	display: block;
	width: 100%;
	max-height: 420px;
	object-fit: contain;
	object-position: center;
	background: #000;
	border-radius: .375rem
}

.about-page .about-social .card-header {
	background: 0 0;
	border-bottom: 1px solid #ffffff14
}

.modal-full-img .modal-body {
	padding: 0;
	background: #fff
}

.modal-full-img .carousel,
.modal-full-img .carousel-inner,
.modal-full-img .carousel-item {
	height: calc(100vh - 120px)
}

.modal-full-img .carousel-item {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff
}

.modal-full-img .carousel-item img,
.modal-full-img .carousel-item video {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	background: #fff
}

.modal-full-img .thumbs {
	overflow-x: auto;
	white-space: nowrap;
	gap: .5rem
}

.modal-full-img .thumbs .thumb {
	width: 84px;
	height: 64px;
	object-fit: cover;
	border: 2px solid transparent;
	border-radius: .25rem;
	cursor: pointer;
	transition: transform .15s, border-color .15s
}

.modal-full-img .thumbs .thumb.active {
	border-color: var(--brand-bordeaux)
}

.clickable-thumb {
	cursor: zoom-in;
	transition: transform .15s
}

#mainImage {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	background: #fff;
	cursor: zoom-in
}

.img-related {
	object-fit: cover;
	background: #fff
}

.img-product {
	width: 72px;
	height: 54px;
	object-fit: cover;
	background: #fff
}

.is-fullscreen #mainImage,
:fullscreen #mainImage {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%
}

.ratio>img#mainImage {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
	display: block
}

#galerie .gallery-frame {
	--gal-h: clamp(260px, 62vh, 820px);
	--ctrl-size: 42px;
	--ctrl-bg: #0000008c;
	--ctrl-bg-hover: #000000b8;
	--ctrl-border: 1px solid #ffffff0f;
	--indicator-size: .55rem;
	--indicator-bg: #ffffff8c;
	--indicator-active: #fff;
	--fs-z: 2000;
	border: 1px solid var(--bs-border-color, #ffffff0f);
	border-radius: .75rem;
	overflow: hidden
}

#galerie .gallery-media {
	width: 100%;
	height: var(--gal-h);
	background: #000;
	object-fit: contain;
	object-position: center;
	user-select: none;
	touch-action: manipulation
}

#galerie .carousel-item {
	position: relative;
	background: #000
}

#galerie .gallery-embed {
	background: #000
}

#galerie .gallery-embed iframe {
	border: 0;
	display: block
}

#carouselGalerie .carousel-indicators {
	gap: .35rem;
	margin: .25rem 0 .5rem
}

#carouselGalerie .carousel-indicators [data-bs-target] {
	width: var(--indicator-size);
	height: var(--indicator-size);
	border-radius: 50%;
	background-color: var(--indicator-bg);
	border: 0;
	transition: transform var(--dur-fast) var(--easing-std), background-color var(--dur-fast) ease
}

#carouselGalerie .carousel-indicators .active {
	background-color: var(--indicator-active);
	transform: scale(1.08)
}

#carouselGalerie .carousel-control-next,
#carouselGalerie .carousel-control-prev {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: var(--ctrl-size);
	height: var(--ctrl-size);
	padding: 0;
	margin: 0;
	opacity: 1;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--ctrl-bg);
	border: var(--ctrl-border);
	border-radius: 50%;
	backdrop-filter: blur(6px);
	touch-action: manipulation;
	transition: background-color var(--dur-fast) ease, transform var(--dur-fast) ease, box-shadow var(--dur-fast) ease
}

#carouselGalerie .carousel-control-prev {
	left: .6rem
}

#carouselGalerie .carousel-control-next {
	right: .6rem
}

#carouselGalerie .carousel-control-next-icon,
#carouselGalerie .carousel-control-prev-icon {
	width: 1.25rem;
	height: 1.25rem
}

#carouselGalerie .carousel-control-next:focus-visible,
#carouselGalerie .carousel-control-prev:focus-visible {
	outline: #fffffff2 solid 2px;
	outline-offset: 2px
}

#galerie .gallery-fs-btn {
	position: absolute;
	right: .75rem;
	bottom: .75rem;
	z-index: 3;
	background: #000000b3;
	border: 1px solid #ffffff1a;
	border-radius: .5rem;
	box-shadow: 0 8px 20px #00000073;
	transition: transform var(--dur-fast) ease, background-color var(--dur-fast) ease, border-color var(--dur-fast) ease, box-shadow var(--dur-fast) ease
}

#galerie .gallery-fs-btn:focus-visible {
	outline: #fffffff2 solid 2px;
	outline-offset: 2px
}

#galerie .gallery-fs-exit {
	position: fixed;
	top: .75rem;
	right: .75rem;
	display: none;
	z-index: calc(var(--fs-z) + 10);
	background: #000000bf;
	border: 1px solid #ffffff1f;
	border-radius: .5rem;
	box-shadow: 0 10px 28px #0000008c
}

#galerie .gallery-fs-exit:focus-visible {
	outline: #fffffff2 solid 2px;
	outline-offset: 2px
}

#galerie .gallery-frame.is-fullscreen {
	position: fixed;
	inset: 0;
	margin: 0 !important;
	border-radius: 0;
	z-index: var(--fs-z);
	background: #000;
	box-shadow: none;
	--ctrl-size: 54px;
	--indicator-size: .65rem
}

#galerie .gallery-frame.is-fullscreen .gallery-media {
	height: 100svh
}

#galerie .gallery-frame.is-fullscreen #carouselGalerie .carousel-control-prev {
	left: 1rem
}

#galerie .gallery-frame.is-fullscreen #carouselGalerie .carousel-control-next {
	right: 1rem
}

#galerie .gallery-frame.is-fullscreen #carouselGalerie .carousel-indicators {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 12px;
	margin: 0 auto;
	z-index: calc(var(--fs-z) + 5)
}

#galerie .gallery-frame.is-fullscreen .card-body {
	padding: 0
}

:-webkit-full-screen .gallery-media,
:fullscreen .gallery-media {
	height: 100svh
}

:-webkit-full-screen .carousel-indicators,
:fullscreen .carousel-indicators {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 12px
}

@media (max-width:399.98px) {
	#carouselGalerie .carousel-control-prev {
		left: .5rem
	}

	#carouselGalerie .carousel-control-next {
		right: .5rem
	}

	#galerie .gallery-fs-btn {
		right: .5rem;
		bottom: .5rem
	}
}

#galerie img[loading=lazy] {
	contain: paint
}

.stars .fa-star.text-secondary {
	color: #9aa3ad !important
}

footer.footer {
	background: radial-gradient(1200px 300px at 15% -10%, #7b1e3a2e, transparent 60%), radial-gradient(1200px 300px at 85% -10%, #7b1e3a1f, transparent 60%), linear-gradient(180deg, #0f0f10 0, #141015 100%);
	border-top: 2px solid #7b1e3a8c
}

footer.footer .section-title {
	color: #e9dfe3;
	letter-spacing: .04em
}

footer.footer .footer-link {
	color: #d6d1d3;
	text-decoration: none;
	transition: color .15s, opacity .15s
}

footer.footer .footer-social {
	border-color: #7b1e3a8c !important;
	color: #f0eef0;
	background: 0 0;
	transition: background-color .15s, border-color .15s, color .15s, transform .15s
}

@media (hover:hover) {
	a:hover {
		color: var(--brand-bordeaux-600);
		text-decoration: underline
	}

	.btn-bordeaux:hover {
		box-shadow: var(--btn-shadow-hover)
	}

	.btn-outline-bordeaux:hover {
		color: #fff;
		background: var(--brand-bordeaux);
		border-color: var(--brand-bordeaux-600);
		box-shadow: var(--btn-shadow)
	}

	.btn-ghost-bordeaux:hover {
		background: #7b1e3a42;
		border-color: #7b1e3a8c;
		box-shadow: var(--btn-shadow)
	}

	.btn-outline-light:hover {
		color: #fff;
		background: #ffffff14;
		box-shadow: 0 6px 18px #00000059
	}

	.btn-dark:hover {
		background: #151a20;
		border-color: #3a4048;
		box-shadow: 0 8px 20px #00000073
	}

	.cat-chip:hover {
		border-color: var(--brand-bordeaux);
		box-shadow: 0 4px 16px #7b1e3a40;
		text-decoration: none
	}

	#home-reviews .snap-nav .btn:hover,
	.chips-nav:hover {
		background: #000000b8
	}

	.product-card:hover {
		transform: translateY(-2px);
		box-shadow: var(--shadow-strong)
	}

	.navbar-dark .navbar-nav .nav-link:hover {
		color: #fff
	}

	.navbar-dark .navbar-nav .nav-link:hover::after {
		background: #7b1e3a73
	}

	.dropdown-menu .cat-item:hover {
		background: #262626;
		color: #fff
	}

	.bg-dark a:not(.btn):hover,
	.text-bg-dark a:not(.btn):hover {
		color: #fff;
		text-decoration: underline
	}

	.breadcrumb .breadcrumb-item>a:hover {
		text-decoration: underline;
		text-underline-offset: .15rem
	}

	.clickable-thumb:hover,
	.modal-full-img .thumbs .thumb:hover {
		transform: translateY(-2px)
	}

	#carouselGalerie .carousel-control-next:hover,
	#carouselGalerie .carousel-control-prev:hover {
		background: var(--ctrl-bg-hover)
	}

	#galerie .gallery-fs-btn:hover {
		background: #000000d1;
		border-color: #ffffff2e;
		transform: translateY(-1px);
		box-shadow: var(--shadow-soft)
	}

	footer.footer .footer-link:hover {
		color: #fff;
		text-decoration: underline;
		text-decoration-color: #7b1e3a99
	}

	footer.footer .footer-social:hover {
		background: var(--brand-bordeaux);
		border-color: var(--brand-bordeaux) !important;
		color: #fff;
		transform: translateY(-1px)
	}
}

footer.footer .brand-mark {
	color: #f5ecf0;
	text-shadow: 0 0 12px #7b1e3a40
}

footer.footer hr {
	border-color: #2a2326 !important;
	box-shadow: 0 1px 0 #7b1e3a40
}

footer.footer .text-secondary,
footer.footer small {
	color: #bfb7bb !important
}

.footer .legal-link-group {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: .5rem
}

.footer .admin-pill {
	opacity: 0;
	transform: translateX(6px);
	transition: opacity .15s, transform .15s;
	padding-inline: .5rem;
	line-height: 1
}

.footer .admin-copyright:focus-within .admin-pill,
.footer .admin-copyright:hover .admin-pill {
	opacity: 1;
	transform: translateX(0)
}

.about-rich-content {
	font-size: 1rem;
	line-height: 1.8;
	color: inherit
}

.about-rich-content h1:first-child,
.about-rich-content h2:first-child,
.about-rich-content h3:first-child,
.about-rich-content>:first-child {
	margin-top: 0
}

.product-description-html p,
.product-extra-html p {
	margin: 0;
	padding: 0
}

.about-rich-content blockquote p:last-child,
.about-rich-content p:last-child {
	margin-bottom: 0
}

.about-rich-content b,
.about-rich-content strong {
	font-weight: 700
}

.about-rich-content em,
.about-rich-content i {
	font-style: italic
}

.about-rich-content u {
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: .25em
}

.about-rich-content del,
.about-rich-content s {
	text-decoration: line-through;
	opacity: .7
}

.about-rich-content a {
	color: #ff6b9d;
	text-decoration: underline;
	transition: color .2s
}

.about-rich-content a:focus,
.about-rich-content a:hover {
	color: #d91e63;
	text-decoration: none;
	outline: 0
}

.about-rich-content h1,
.about-rich-content h2,
.about-rich-content h3,
.about-rich-content h4,
.about-rich-content h5,
.about-rich-content h6 {
	margin-top: 1.75rem;
	margin-bottom: .75rem;
	font-weight: 700;
	color: #fff;
	line-height: 1.4
}

.about-rich-content h1 {
	font-size: 2rem
}

.about-rich-content h2 {
	font-size: 1.75rem
}

.about-rich-content h3 {
	font-size: 1.5rem
}

.about-rich-content h4 {
	font-size: 1.25rem
}

.about-rich-content h5 {
	font-size: 1.1rem
}

.about-rich-content h6 {
	font-size: 1rem
}

.about-rich-content ol,
.about-rich-content ul {
	margin-left: 2rem;
	margin-bottom: 1rem;
	padding-left: 0
}

.about-rich-content li {
	margin-bottom: .5rem;
	line-height: 1.8
}

.about-rich-content ol ol,
.about-rich-content ol ul,
.about-rich-content ul ol,
.about-rich-content ul ul {
	margin-top: .5rem;
	margin-bottom: .5rem
}

.about-rich-content blockquote {
	border-left: 4px solid #d91e63;
	padding-left: 1.5rem;
	margin: 1.5rem 0;
	color: #ccc;
	font-style: italic;
	font-size: 1.05rem
}

.about-rich-content code {
	background-color: #d91e6326;
	border: 1px solid #d91e63;
	border-radius: .25rem;
	padding: .25rem .5rem;
	font-family: 'Courier New', monospace;
	font-size: .9rem;
	color: #ff6b9d;
	word-break: break-word
}

.about-rich-content pre {
	background-color: #1a1a1a;
	border: 1px solid #444;
	border-radius: .375rem;
	padding: 1rem;
	overflow-x: auto;
	margin-bottom: 1rem;
	font-size: .9rem;
	line-height: 1.5
}

.about-rich-content pre code {
	background-color: transparent;
	border: none;
	padding: 0;
	color: #ff6b9d
}

.about-rich-content table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 1rem;
	border: 1px solid #444;
	border-radius: .375rem;
	overflow: hidden
}

.about-rich-content table td,
.about-rich-content table th {
	border: 1px solid #444;
	padding: .75rem;
	text-align: left
}

.about-rich-content table th {
	background-color: #d91e6333;
	font-weight: 700;
	color: #ff6b9d
}

.about-rich-content table tr:nth-child(2n) {
	background-color: #ffffff08
}

.about-rich-content table tr:hover {
	background-color: #d91e631a
}

.about-rich-content img {
	max-width: 100%;
	height: auto;
	margin: 1.5rem 0;
	border-radius: .375rem;
	border: 1px solid #444;
	display: block
}

.about-rich-content .ql-align-right {
	text-align: right
}

.about-rich-content .ql-align-justify {
	text-align: justify
}

@media (max-width:768px) {
	.about-rich-content h1 {
		font-size: 1.5rem
	}

	.about-rich-content h2 {
		font-size: 1.35rem
	}

	.about-rich-content h3 {
		font-size: 1.25rem
	}

	.about-rich-content ol,
	.about-rich-content ul {
		margin-left: 1.5rem
	}

	.about-rich-content table {
		font-size: .9rem
	}

	.about-rich-content table td,
	.about-rich-content table th {
		padding: .5rem
	}

	.about-rich-content blockquote {
		font-size: 1rem
	}
}

.btn.p-1:focus-visible {
	outline: #ffc107 solid 2px;
	outline-offset: 2px
}

nav[aria-label=Pagination] .pagination {
	padding: .4rem .7rem
}

nav[aria-label=Pagination] .page-link {
	background: var(--surface-card);
	border: 1px solid #1c2027;
	color: var(--ink-3);
	border-radius: 999px;
	padding: .25rem .7rem;
	min-width: 2rem;
	text-align: center;
	font-size: .85rem;
	line-height: 1.2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: background-color var(--dur-std) var(--easing-std), color var(--dur-std) var(--easing-std), border-color var(--dur-std) var(--easing-std), box-shadow var(--dur-std) var(--easing-std), transform var(--dur-fast) var(--easing-std)
}

nav[aria-label=Pagination] .page-link:focus-visible,
nav[aria-label=Pagination] .page-link:hover {
	background: var(--plate-c);
	color: var(--ink-1);
	border-color: var(--brand-bordeaux);
	transform: translateY(-1px);
	text-decoration: none;
	outline: 0
}

nav[aria-label=Pagination] .page-link:focus-visible {
	box-shadow: var(--btn-ring), var(--btn-shadow)
}

nav[aria-label=Pagination] .page-item.active .page-link {
	background: linear-gradient(135deg, var(--brand-bordeaux), var(--brand-bordeaux-700));
	border-color: transparent;
	color: var(--ink-1);
	font-weight: 600;
	transform: translateY(-1px)
}

nav[aria-label=Pagination] .page-item.disabled .page-link {
	background: var(--surface-dark);
	border-color: #181b21;
	color: #bfc5cd66;
	box-shadow: none;
	cursor: not-allowed;
	transform: none
}

nav[aria-label=Pagination] .page-link[aria-label=Next],
nav[aria-label=Pagination] .page-link[aria-label=Previous] {
	font-size: .9rem;
	padding-inline: .6rem
}

@media (max-width:480px) {
	nav[aria-label=Pagination] .pagination {
		padding: .25rem .5rem
	}

	nav[aria-label=Pagination] .page-link {
		padding: .2rem .55rem;
		font-size: .8rem
	}
}

.product-gallery-amazon .gallery-thumbs-vertical {
	max-height: 380px;
	overflow-y: auto
}

.modal-thumb .thumb-inner,
.product-gallery-amazon .gallery-thumb .thumb-inner {
	width: 64px;
	height: 64px;
	background: #fff;
	border: 1px solid #dde1e8;
	display: flex;
	align-items: center;
	justify-content: center
}

.product-gallery-amazon .gallery-thumb img {
	object-fit: contain;
	max-width: 100%;
	max-height: 100%
}

.modal-thumb.is-active .thumb-inner,
.product-gallery-amazon .gallery-thumb.is-active .thumb-inner {
	border: 2px solid var(--brand-bordeaux)
}

.product-main-wrapper {
	min-height: 280px;
	background: #fff;
	border: 1px solid #dde1e8;
	box-shadow: 0 10px 30px #0000001f
}

.product-main-image {
	max-height: 420px;
	object-fit: contain;
	border-radius: .35rem
}

.product-main-wrapper .btn.btn-light.js-open-gallery {
	background: #fffffff2;
	border: 1px solid #0000000f;
	color: var(--brand-bordeaux);
	font-weight: 500
}

.product-main-wrapper .btn.btn-light.js-open-gallery:hover {
	background: var(--brand-bordeaux);
	border-color: var(--brand-bordeaux-700);
	color: #fff;
	box-shadow: var(--btn-shadow-hover)
}

.modal-full-img .modal-content {
	background: #fff;
	color: #111;
	border-radius: .75rem;
	box-shadow: var(--shadow-strong)
}

.modal-full-img .modal-header {
	border-bottom: 1px solid #eceff4
}

.modal-full-img .modal-title i {
	color: var(--brand-bordeaux)
}

.btn-close-white {
	color: #fff
}

#galleryModalImage {
	max-height: 70vh;
	object-fit: contain;
	border-radius: .35rem
}

.modal-full-img .js-modal-next,
.modal-full-img .js-modal-prev {
	background: #fffffff5;
	border: 1px solid #d7dce6;
	color: var(--brand-bordeaux);
	box-shadow: 0 8px 24px #0f172a40;
	border-radius: 999px;
	width: 2.4rem;
	height: 2.4rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	line-height: 1;
	margin: 0 .75rem;
	transition: background-color var(--dur-std) var(--easing-std), border-color var(--dur-std) var(--easing-std), box-shadow var(--dur-std) var(--easing-std), transform var(--dur-fast) var(--easing-std)
}

.modal-full-img .js-modal-next i,
.modal-full-img .js-modal-prev i {
	margin: 0;
	font-size: .85rem
}

.modal-full-img .js-modal-next:hover,
.modal-full-img .js-modal-prev:hover {
	background: var(--brand-bordeaux);
	border-color: var(--brand-bordeaux-700);
	color: #fff;
	transform: translateY(-1px)
}

.modal-thumb img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain
}

@media (max-width:576px) {
	.hero .mx-auto.text-center>.rounded-3 {
		background: #000000a6
	}

	.modal-full-img .modal-body {
		padding-bottom: .75rem
	}
}

.cat-chip {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	padding: .35rem .9rem;
	border-radius: 999px;
	text-decoration: none
}

.product-card h3 a {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden
}

@media (max-width:575.98px) {

	.band-a .badge-bordeaux,
	.cat-chip {
		font-size: .8rem
	}

	.band-a {
		padding-top: .75rem;
		padding-bottom: .75rem
	}

	.band-a h1.h4 {
		font-size: 1.1rem
	}

	.band-a .actions-mobile-stack,
	.band-a .actions-mobile-stack .btn {
		width: 100%
	}

	.cat-cloud {
		flex-wrap: nowrap;
		overflow-x: auto;
		padding-bottom: .5rem;
		margin-bottom: .25rem
	}

	.cat-cloud::-webkit-scrollbar {
		display: none
	}

	.cat-chip {
		white-space: nowrap;
		padding: .35rem .75rem
	}

	.product-card .card-body {
		padding: .75rem
	}

	.product-card .price,
	.product-card h3 {
		font-size: .9rem
	}

	.product-card .btn {
		padding-inline: .5rem;
		font-size: .75rem
	}

	.pagination.pagination-sm .page-link {
		padding: .4rem .65rem
	}

	.offcanvas.offcanvas-end {
		width: 100%;
		max-width: 100%
	}
}