/** Shopify CDN: Minification failed

Line 8650:13 Expected ":"
Line 8651:8 Expected ":"

**/
/* RESETS */
*,
*::before,
*::after {
	box-sizing: border-box;
}

* {
	margin: 0;
	padding: 0;
}

ul[role="list"],
ol[role="list"] {
	list-style: none;
}

html:focus-within {
	scroll-behavior: smooth;
}

a:not([class]) {
	text-decoration-skip-ink: auto;
}

img,
picture,
svg,
video,
canvas {
	width: 100%;
	height: 100%;
	vertical-align: middle;
	font-style: italic;
	background-repeat: no-repeat;
	background-size: cover;
	object-fit: cover
}

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

address {
	font-style: normal;
	line-height: 1.2
}

caption {
	font-size: var(--font-size-sm)
}

@media (prefers-reduced-motion: reduce) {
	html:focus-within {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		transition: none;
	}
}

body.is-transitioning .appear-up,
body.is-transitioning .appear-left,
body.is-transitioning .appear-subtle {
	animation: none;
	transform: none;
	opacity: 1;
	transition: none;
}

body,
html {
	height: auto;
	scroll-behavior: smooth;
	scrollbar-gutter: stable;
	font-size: var(--font-size-base);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-optical-sizing: none;
	font-family: 'brandon-regular';
	font-weight: 400;
	font-style: normal;
	color: var(--slate-text);
	interpolate-size: allow-keywords;
	letter-spacing: -.25px;
}

/* FONTS */
@font-face {
	font-family: 'brandon-regular';
	src: url(../assets/brandon-regular.eot);
	src: url(../assets/brandon-regular.woff2) format('woff2'),
		url(../assets/brandon-regular.woff) format('woff'),
		url(../assets/brandon-regular.ttf) format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'BrandonText-Bold';
	src: url(../assets/BrandonText-Bold.eot);
	src: url(../assets/BrandonText-Bold.woff2) format('woff2'),
		url(../assets/BrandonText-Bold.woff) format('woff'),
		url(../assets/BrandonText-Bold.ttf) format('truetype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

/* VARIABLES */
:root {
	/* Base unit = 1rem = 16px */
	--base-unit: 1rem;
	--spacer-base-unit: 1rem;
	--nav-offset: 0px;

	/* Font sizes (based on 4px steps) */
	--font-size-xs: calc(var(--base-unit) * 0.75);
	/* 12px */
	--font-size-sm: calc(var(--base-unit) * 0.875);
	/* 14px */
	--font-size-base: var(--base-unit);
	/* 16px */
	--font-size-lg: calc(var(--base-unit) * 1.25);
	/* 20px */
	--font-size-xl: calc(var(--base-unit) * 1.5);
	/* 24px */
	--font-size-2xl: calc(var(--base-unit) * 2);
	/* 32px */
	--font-size-3xl: calc(var(--base-unit) * 3);
	/* 48px */
	--font-size-4xl: calc(var(--base-unit) * 4);
	/* 64px */
	--font-size-5xl: calc(var(--base-unit) * 5);
	/* 80px */
	--font-size-6xl: calc(var(--base-unit) * 6);
	/* 96px */
	--font-size-7xl: calc(var(--base-unit) * 8);
	/* 128px */


	/* Spacing (4px scale) */
	--spacer-xs: calc(var(--spacer-base-unit) * 0.25);
	/* 4px */
	--spacer-sm: calc(var(--spacer-base-unit) * 0.5);
	/* 8px */
	--spacer-mdsm: calc(var(--spacer-base-unit) * 0.75);
	/* 16px */
	--spacer-md: var(--spacer-base-unit);
	/* 16px */
	--spacer-lg: calc(var(--spacer-base-unit) * 1.5);
	/* 24px */
	--spacer-lgxl: calc(var(--spacer-base-unit) * 1.75);
	/* 28px */
	--spacer-xl: calc(var(--spacer-base-unit) * 2);
	/* 32px */
	--spacer-2xl: calc(var(--spacer-base-unit) * 3);
	/* 48px */
	--spacer-3xl: calc(var(--spacer-base-unit) * 4);
	/* 64px */
	--spacer-4xl: calc(var(--spacer-base-unit) * 5);
	/* 80px */
	--spacer-5xl: calc(var(--spacer-base-unit) * 6);
	/* 96px */
	--outer-padding: 7rem;
	/* 64px */
	--page-header-padding: 7rem;
	/* 64px */
	--header-top-padding: 10rem;
	/* 160px */
	--header-bottom-padding: 5rem;
	/* 80px */
	--header-height: 100vh;

	--max-section-width: 1600px;
	--form-max-width: 320px;
	--section-width: calc(100vw - calc(var(--outer-padding) * 2));
	--transitionparams: 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);
	--transitionparamslinear: 0.35s cubic-bezier(0.33, 1, 0.68, 1);
	--transitionparamsfaq: 0.35s cubic-bezier(0.33, 1, 0.68, 1);

	--border-radius: var(--base-unit);
	/* 16px */
	--border-radius-smaller: calc(var(--base-unit)/2);
	--background-gradient: linear-gradient(oklch(0 0 0 / 0.18), oklch(0 0 0 / 0.18));
	--background-gradient-dark: linear-gradient(oklch(0 0 0 / 0.4), oklch(0 0 0 / 0.4));
	--background-gradient-blue: linear-gradient(oklch(0.312 0.051 233.15 / 0.18), oklch(0.312 0.051 233.15 / 0.18));

	--slate: oklch(0.46 0.023 253.054);
	--slate-text: oklch(0.445 0.022 250.829);
	--slate-light: oklch(0.46 0.023 253.054 / 0.5);
	--select-border-color: oklch(0.46 0.023 253.054 / 0.1);
	--slate-medium: oklch(0.46 0.023 253.054 / 0.9);
	--slate-ultra-light: oklch(0.978 0.001 197.141);
	--slate-medium-ultra-light: oklch(0.46 0.023 253.054 / 0.15);
	--slate-dark: oklch(0.46 0.023 253.054 / 0.85);
	--red: oklch(0.401 0.163 28.62);
	--red-light: oklch(0.401 0.163 28.62 / 0.85);
	--cancel-red: oklch(0.608 0.238 29.303);
	--cancel-red-light: oklch(0.608 0.238 29.303 / 0.75);
	--green: oklch(0.793 0.167 124.585);
	--green-light: oklch(0.793 0.167 124.585 / .85);
	--green-ultra-light: oklch(0.979 0.018 120.676);
	--green-extra-ultra-light: oklch(0.793 0.167 124.585 / .05);
	--white: oklch(1 0 0);
	--white-light: oklch(1 0 0 / 0.1);
	--white-medium: oklch(1 0 0 / 0.5);
	--white-medium-high: oklch(1 0 0 / 0.75);
	--yellow: oklch(0.901 0.181 97.829);
	--yellow-light: oklch(0.901 0.181 97.829 / 0.75);
	--alert-yellow: oklch(0.878 0.169 91.857);
	--alert-yellow-light: oklch(0.878 0.169 91.857 / 0.75);
	--alert-yellow-ultra-light: oklch(0.878 0.169 91.857 / 0.1);
	--success-green: oklch(0.798 0.155 167.067);
	--success-green-light: oklch(0.798 0.155 167.067 / 0.25);
	--cart-row-border-color: oklch(0.793 0.167 124.585 / .01);
	--filter-slate: brightness(0) saturate(100%) invert(32%) sepia(22%) saturate(362%) hue-rotate(172deg) brightness(94%) contrast(84%);
	--filter-white: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(177deg) brightness(107%) contrast(107%);
	--filter-canada-red: brightness(0) saturate(100%) invert(19%) sepia(39%) saturate(5836%) hue-rotate(338deg) brightness(92%) contrast(120%);
	--filter-quebec-blue: brightness(0) saturate(100%) invert(12%) sepia(76%) saturate(6239%) hue-rotate(210deg) brightness(81%) contrast(108%);
	--filter-pa-red: brightness(0) saturate(100%) invert(7%) sepia(64%) saturate(4293%) hue-rotate(347deg) brightness(163%) contrast(114%);
	--filter-pa-green: brightness(0) saturate(100%) invert(71%) sepia(78%) saturate(379%) hue-rotate(30deg) brightness(97%) contrast(81%);
	--filter-alert-yellow: brightness(0) saturate(100%) invert(73%) sepia(94%) saturate(393%) hue-rotate(346deg) brightness(103%) contrast(102%);
	--filter-public-transport: brightness(0) saturate(100%) invert(35%) sepia(59%) saturate(504%) hue-rotate(176deg) brightness(93%) contrast(109%);
}

/* ANIMATION APPEAR CODE */
.appear-up,
.appear-left,
.appear-subtle {
	opacity: 0;
	animation-fill-mode: both;

	/* FIX 1: Force GPU layer promotion to prevent 
     compositing flickers in Safari/iOS */
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	transform: translateZ(0);
	will-change: opacity, transform;
}

.appear-up {
	/* Note: Base transform moved to keyframes for better View Transition compatibility */
	animation: appear-up 0.6s ease-out forwards;
}

.appear-left {
	animation: appear-left 0.6s ease-out forwards;
}

.appear-subtle {
	animation: appear-subtle 0.6s ease-out forwards;
}

/* FIX 2: Prevent flickering during View Transitions.
   We pause the animations so they don't 'reset' to 0 during the snapshot phase. */
html:active-view-transition .appear-up,
html:active-view-transition .appear-left,
html:active-view-transition .appear-subtle {
	/* Hold the current visual state */
	animation-play-state: paused;
	/* Use 'inherit' or keep existing opacity to avoid snapping to 1 */
	opacity: inherit;
}

@supports (animation-timeline: view()) {

	.appear-up,
	.appear-left,
	.appear-subtle {
		animation-duration: auto;
		animation-timeline: view();
		animation-range: entry 10% cover 30%;
	}

	.appear-up {
		animation-name: appear-up;
	}

	.appear-left {
		animation-name: appear-left;
	}

	.appear-subtle {
		animation-name: appear-subtle;
	}
}

/* FIX 3: Keyframes updated to include translateZ(0) 
   to keep them on the GPU throughout the motion */
@keyframes appear-up {
	from {
		opacity: 0;
		transform: translateY(5rem) scale(0.8) translateZ(0);
	}

	to {
		opacity: 1;
		transform: translateY(0) scale(1) translateZ(0);
	}
}

@keyframes appear-left {
	from {
		opacity: 0;
		transform: translateX(5rem) translateZ(0);
	}

	to {
		opacity: 1;
		transform: translateX(0) translateZ(0);
	}
}

@keyframes appear-subtle {
	from {
		opacity: 1;
		transform: translateY(5rem) translateZ(0);
	}

	to {
		opacity: 1;
		transform: translateY(0) translateZ(0);
	}
}

::view-transition-old(root),
::view-transition-new(root) {
	/* This prevents the entire screen from doing a cross-fade, 
     which is often where the 'flicker' on entering divs comes from. */
	animation-duration: 0s;
}


/* TITLES */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 700;
	line-height: 1;
	text-wrap: balance;
	font-family: 'BrandonText-Bold';
	color: var(--red);
	letter-spacing: -1px;
	text-box-edge: cap alphabetic;
	text-box-trim: trim-both;

	& span {
		font-size: calc(100% / 1.6);
		display: block;
		font-weight: 500
	}
}

h1 {
	font-size: var(--font-size-6xl);
}

h2 {
	font-size: var(--font-size-5xl);
}

section>h2 {
	letter-spacing: -.065ch
}

h3 {
	font-size: var(--font-size-3xl)
}

.tagline {
	font-family: 'BrandonText-Bold';
	margin-left: var(--spacer-xs);
	margin-top: var(--spacer-md);
	font-size: var(--font-size-2xl);
	line-height: 1.1;
	text-wrap: balance;
}

/* CTAS */
.cta,
.careers-btn-apply,
.cart-proceed-btn {
	border-radius: 100vw;
	border: 1px solid var(--green);
	background-color: var(--green-light);
	display: flex;
	align-items: baseline;
	width: fit-content;
	padding: var(--spacer-sm) var(--spacer-md);
	gap: var(--spacer-xs);
	color: white;
	font-family: 'BrandonText-Bold';
	cursor: pointer;
	transition: color var(--transitionparams), background-color var(--transitionparams), border var(--transitionparams), width var(--transitionparams), padding var(--transitionparams);
	position: relative;

	&:hover,
	&:focus-visible {
		background-color: var(--red);
		border: 1px solid var(--white-medium);
		color: var(--white);
	}

	& a:before {
		position: absolute;
		inset: -.5rem;
		content: "";
	}

	& .icons {
		transition: transform var(--transitionparams)
	}

	&:hover .icons {
		transform: translateX(.25ch);
	}
}

.cancel {
	border: 1px solid var(--cancel-red);
	background-color: var(--cancel-red-light);
}

.cancel-btn {
	color: var(--cancel-red-light);
	font-family: 'BrandonText-Bold';
}

.cancel-btn:hover,
.cancel-btn:focus-visible {
	color: var(--cancel-red);
	border: 1px solid var(--cancel-red);
}

.cancel:hover,
.cancel:focus-visible {
	border: 1px solid var(--cancel-red-light) !important;
	background-color: var(--cancel-red) !important;
}

.alert {
	background-color: var(--alert-yellow-light);
	border: 1px solid var(--alert-yellow);
	color: var(--slate-medium)
}

.alert:hover,
.alert:focus-visible {
	background-color: var(--alert-yellow);
	border: 1px solid var(--alert-yellow-light);
}

.cta-minor {
	background-color: var(--green-ultra-light);
	border: 1px solid var(--green-light);
	color: var(--slate-medium);

	& .icons {
		filter: var(--filter-slate)
	}
}

.cta-minor:hover,
.cta-minor:focus-visible {
	background-color: var(--green-light);
	border: 1px solid var(--green-ultra-light);
}

.mini-cta {
	color: var(--green);
	font-family: 'BrandonText-Bold';
	transition: color var(--transitionparams);
	display: flex;
	align-items: baseline;
	width: fit-content;

	&:hover,
	&:focus-visible {
		color: var(--red);
	}

	& .icons {
		margin: 0 0 0 var(--spacer-xs);
		height: 1ch;
		transition: transform var(--transitionparams);
		filter: var(--filter-pa-green);
	}

	&:hover .icons,
	&:focus-visible .icons {
		transform: translateX(.25ch);
		filter: var(--filter-pa-red);
	}
}

/* UTILITIES */
.hidden {
	display: none
}

a {
	color: var(--green);
	transition: color var(--transitionparams), background-color var(--transitionparams);
	will-change: transform, opacity, color, background-color;

	&:hover,
	&:focus-visible {
		color: var(--red)
	}
}

p,
ul,
li {
	& a {
		color: var(--red);
		transition: color var(--transitionparams), background-color var(--transitionparams);

		&:hover {
			color: var(--green)
		}
	}
}

.text-background:before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(to top right, oklch(0.15 0.05 260 / 0.7) 0%, oklch(0.15 0.05 260 / 0.45) 15%, oklch(0.15 0.05 260 / 0.25) 30%, oklch(0.15 0.05 260 / 0) 100%);
	pointer-events: none;
	user-select: none;
	z-index: 0;
}


/* SWITCHERS / TAB HOLDER NEW */
#tab-holder-new,
#tab-holder-new-link {
	display: flex;
	border-radius: 100vw;
	padding: var(--spacer-xs);
	gap: var(--spacer-sm);
	border: 1px solid var(--slate-dark);
	background-color: var(--slate-medium);
	align-items: stretch;
	width: fit-content;

	& a {
		padding: var(--spacer-sm) var(--spacer-mdsm);
		color: var(--white);
		border-radius: 100vw;
		background-color: transparent;
		border: 1px solid transparent;
		font-family: BrandonText-Bold;
		text-align: center;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: background-color var(--transitionparams), border var(--transitionparams);
	}

	& a:hover,
	& a#current,
	& a:focus-visible {
		background-color: var(--green-light);
		border: 1px solid var(--white-medium);
	}
}

.tabs-new-outer-holder,
.tabs-new-outer-holder-link {
	margin: var(--spacer-2xl) 0 var(--spacer-lg);
}

section,
.h2-title-wrapper {
	width: 100%;
	max-width: var(--max-section-width);
	margin: 0 auto;

	& h2 span {
		color: var(--slate-text);
		font-family: 'brandon-regular';
		font-size: var(--font-size-base);
		margin-top: 1.25ch;
		letter-spacing: -.065ch;
	}
}

.h2-title-wrapper {
	margin: var(--spacer-2xl) auto var(--spacer-xl);

	& .flyers-dates {
		display: flex;
		font-size: var(--font-size-xl);
		margin-bottom: var(--spacer-2xl);
		font-family: 'BrandonText-Bold';
	}

	& .flyers-dates .chevron-right {
		margin: .25ch .5ch 0;
		filter: var(--filter-slate);
		height: 1ch;
	}

	& h2 {
		letter-spacing: -3px;
		font-size: var(--font-size-5xl);
		margin-bottom: var(--spacer-2xl);
	}
}

.divider {
	width: 100%;
	border-top: 1px solid var(--white-light)
}

.offset-color-wrapper {
	background: var(--slate-ultra-light);
	padding: var(--spacer-2xl) 0
}

/* CONTENT TAB SWITCHER */

#tabbed-content {
	position: relative;
}

#tabbed-content>div,
#tabbed-content>section {
	position: absolute;
	inset: 0;
	opacity: 0;
	transform: scale(0.95);
	transition: opacity var(--transitionparams), transform var(--transitionparams);
	pointer-events: none;
	/* prevent clicks */
}

#tabbed-content>div.tab-show,
#tabbed-content>section.tab-show {
	opacity: 1;
	transform: scale(1);
	position: relative;
	pointer-events: auto;
}

/* PAGE HEROS */
.collection-hero,
.page-hero,
.recipe-header {
	display: flex;
	background-size: cover;
	background-position: right top;
	margin-bottom: var(--spacer-2xl);

	& h1 {
		color: white;
		position: relative;
		text-transform: capitalize;
		max-width: 15ch;
		text-box-trim: trim-both;
		text-box-edge: cap alphabetic;
	}

	& h1 span {
		font-size: calc(100% / 2);
		display: block;
		margin-bottom: -.15ch
	}

	& h1 span:last-of-type {
		margin-top: -.15ch;
		margin-bottom: 0;
	}

	& .flyers-dates {
		display: flex;
		font-size: var(--font-size-xl);
	}

	& .flyers-dates .chevron-right {
		margin: .25ch .5ch 0;
		height: 1ch;
	}

	& section {
		width: 100%;
		max-width: var(--max-section-width);
		margin: var(--header-top-padding) auto var(--header-bottom-padding);
		padding-left: var(--spacer-sm);
	}
}

.collection-hero,
.page-hero {
	position: relative;

	&:before {
		content: "";
		position: absolute;
		inset: 0;
		background: linear-gradient(to top right, oklch(0.15 0.05 260 / 0.7) 0%, oklch(0.15 0.05 260 / 0.45) 15%, oklch(0.15 0.05 260 / 0.25) 30%, oklch(0.15 0.05 260 / 0) 100%);
		pointer-events: none;
		z-index: 0;
	}
}

:lang(fr) .template-product .page-hero h1,
:lang(fr) .recipe-header h1 {
	text-transform: lowercase;

	& .desc-wrapper:first-letter,
	& :first-letter,
	&:first-letter {
		text-transform: uppercase
	}
}

.collection-title-wrapper {
	width: 100%;
	max-width: var(--max-section-width);
	margin: var(--header-top-padding) auto var(--header-bottom-padding);
	padding-left: var(--spacer-sm);
}

:lang(fr) .collection-title-wrapper h1 {
	text-transform: lowercase
}

:lang(fr) .collection-title-wrapper h1:first-letter {
	text-transform: uppercase
}

body[id*="specials"] .collection-hero {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-specials.webp?v=75039804910909453541762550580');

	@media screen and (max-width: 650px) {
		background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-specials-mobile.webp?v=82824023834078885651770396206');
	}
}

#nuts-amp-dried-fruit .collection-hero,
.template-product .page-hero.nuts {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-nuts-dried-fruit.webp?v=41656801456311891231762545983');

	@media screen and (max-width: 650px) {
		background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-nuts-dried-fruit-mobile.webp?v=141687795703351278061771514438');
	}
}

#snacks .collection-hero,
.template-product .page-hero.snacks {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-snacks.webp?v=75855418489186102061762547558');

	@media screen and (max-width: 650px) {
		background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-snacks-mobile.webp?v=89814590820022918981771514534');
	}
}

#breakfast-amp-spreads .collection-hero,
.template-product .page-hero.breakfast {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-cereal.webp?v=71200253089931769461762548198');

	@media screen and (max-width: 650px) {
		background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-cereal-mobile.webp?v=30845291419930121171771514617');
	}
}

#bakery .collection-hero,
.template-product .page-hero.bakery {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-bakery.webp?v=93137516757404175941762551119');

	@media screen and (max-width: 650px) {
		background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-bakery-mobile.webp?v=69256790420605684551771514303');
	}
}

#beverages .collection-hero,
.template-product .page-hero.beverages {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-drinks.webp?v=83988327576490271101762551437');

	@media screen and (max-width: 650px) {
		background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-drinks-mobile.webp?v=152668322538840625341771514670');
	}
}

#fresh-fruits .collection-hero,
.template-product .page-hero.fruits {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-fruits.webp?v=67932430252122797751762637250');

	@media screen and (max-width: 650px) {
		background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-fruits-mobile.webp?v=95860085599963228261770406658');
	}
}

#canned-amp-packaged-goods .collection-hero,
.template-product .page-hero.canned {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-canned.webp?v=81346498925317300031762637595');

	@media screen and (max-width: 650px) {
		background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-canned-mobile.webp?v=177646911938012048091771514782');
	}
}

#cheeses .collection-hero,
.template-product .page-hero.cheese {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-cheese.webp?v=125133275457853796621762638359');

	@media screen and (max-width: 650px) {
		background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-cheese-mobile.webp?v=78967243567464997401771514835');
	}
}

#condiments-oils-amp-vinegars .collection-hero,
.template-product .page-hero.oils {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-oils.webp?v=136663062080118973241762639000');

	@media screen and (max-width: 650px) {
		background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-oils-mobile.webp?v=104805962993322932581771514949');
	}
}

#dairy-products .collection-hero,
.template-product .page-hero.dairy {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-dairy.webp?v=59156325919310242451762639956');

	@media screen and (max-width: 650px) {
		background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-dairy-mobile.webp?v=121303782402201490311771515001');
	}
}

#deli-amp-ready-to-eat .collection-hero,
.template-product .page-hero.deli {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-deli.webp?v=138452056573215601301764678184');

	@media screen and (max-width: 650px) {
		background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-deli-mobile.webp?v=169360360690244267681771515056');
	}
}

#fish-amp-seafood .collection-hero,
.template-product .page-hero.fish {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-fish.webp?v=68119656416614947681764681814');

	@media screen and (max-width: 650px) {
		background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-fish-mobile.webp?v=168503642225716930761771515106');
	}
}

#fresh-vegetables .collection-hero,
.template-product .page-hero.vegetables {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-vegetables.webp?v=44257622336754337431764683805');

	@media screen and (max-width: 650px) {
		background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-vegetables-mobile.webp?v=109242967916817286421771515152');
	}
}

#frozen-products .collection-hero,
.template-product .page-hero.frozen {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-frozen.webp?v=72070932014258499191764684384');

	@media screen and (max-width: 650px) {
		background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-frozen-mobile.webp?v=24816700096166341371771526384');
	}
}

#health-amp-beauty .collection-hero,
.template-product .page-hero.health {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-health.webp?v=87809886514503137101764686251');

	@media screen and (max-width: 650px) {
		background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-health-mobile.webp?v=20470051843491552001771526435');
	}
}

#household-items .collection-hero,
.template-product .page-hero.household {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-household.webp?v=26270613984308317691764686503');

	@media screen and (max-width: 650px) {
		background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-household-mobile.webp?v=67315540728735440591771526503');
	}
}

#ingredients .collection-hero,
.template-product .page-hero.Ingredients {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-ingredients.webp?v=128127655191238819401764686737');

	@media screen and (max-width: 650px) {
		background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-ingredients-mobile.webp?v=41118342809439302631771526556');
	}
}

#meat-amp-poultry .collection-hero,
.template-product .page-hero.meat {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-meat.webp?v=135097400995762384761764687069');

	@media screen and (max-width: 650px) {
		background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-meat-mobile.webp?v=148968428469720292221771526607');
	}
}

#pasta-sauces-rice-amp-grains .collection-hero,
.template-product .page-hero.pasta {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-pasta.webp?v=64045518853344035351764699807');

	@media screen and (max-width: 650px) {
		background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-pasta-mobile.webp?v=80939124452108700121771526659');
	}
}

/* LINKS */
a {
	text-decoration: none;
	position: relative;
	transition: color var(--transitionparams), background-color var(--transitionparams);

	&:before {
		position: absolute;
		inset: -.5rem;
		content: "";
	}
}

/* HEADERS */
.page-header {
	overflow: hidden;
	position: relative;

	& .hero {
		position: absolute;
		inset: 0;
		z-index: -1
	}

	& .hero img {
		object-position: top right;
	}

	& h1 {
		color: var(--white);
		max-width: 11ch;
		letter-spacing: -3px;
		position: relative;
		z-index: 1;
	}

	& section {
		margin: var(--header-top-padding) auto var(--header-bottom-padding);
		padding-left: var(--spacer-sm);
	}

	& .cta {
		margin-top: var(--spacer-2xl);
		font-size: var(--font-size-lg);
		gap: var(--spacer-xs);
	}
}

.template-index .page-header h1 {
	font-size: var(--font-size-7xl);
	letter-spacing: -5px;

	& span {
		margin-bottom: -.25ch;
		margin-left: .15ch;
	}

	& span:last-of-type {
		margin-top: -.25ch;
		margin-bottom: 0;
	}
}

.pa-logo-solo {
	width: 15rem;
	height: auto;
	margin-bottom: var(--spacer-2xl);
	object-fit: contain;
	object-position: top left;
	position: relative
}


.page-header-blank {
	width: 100%;
	max-width: 65ch;
	margin: var(--header-top-padding) auto var(--header-bottom-padding);
	display: flex;
	flex-direction: column;
	align-items: flex-start;

	& h1 {
		font-size: var(--font-size-4xl);
	}
}

/* ICONS */
.icons {
	aspect-ratio: 1;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	height: 1.15ch;
	transition: transform var(--transitionparams);
}

.chevron {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/chevron.svg?v=30425421952082895251768337451');
}

.tag {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/tag.svg?v=59719480741948040721767819216');
}

.moon {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/moon.svg?v=68139490430434751911771584531');
}

.bell-ring {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/bell-ring.svg?v=162015582195776208171767819207');
}

.alert-icon {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/triangle-alert.svg?v=36085392952854868811767819218');
}

.printer {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/printer.svg?v=16308848941154780701767819211');
}

.trash {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/trash.svg?v=111733879799541931981767819217');
}

.chevron-right {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/chevron-right.svg?v=51732191791445143881768337450');
}

.chevron-down {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/chevron-down-full.svg?v=44557166611059252611768337448');
}

.spinner {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/spinner.svg?v=126539831313340234291767819215');
}

.menu {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/menu.svg?v=172908543598770175071767819211');
	height: 1.75ch;
}

.user {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/user.svg?v=155944255198226572801767819219');
}

.search {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/search.svg?v=32459104223705931631767819213');
}

.quebec-icon {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/quebec-icon.svg?v=134984199385763999591761673120');
	filter: var(--filter-quebec-blue);
}

.canada-icon {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/canada.svg?v=49622307607059994511761672846');
	filter: var(--filter-canada-red);
}

.shopping-cart {
	height: 1.5ch;
	margin-right: var(--spacer-sm);
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/shopping-cart.svg?v=153061228531753316651767819214');
}

.minus {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/minus.svg?v=1430080937460175831768336812');
}

.close {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/close.svg?v=162956110382079585121768330231');
	height: 1ch
}

.plus {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/plus.svg?v=110474918537974722491768336821');
}

.restart {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/restart.svg?v=118987270321710295951773087588');
}

.compare-icon {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/compare-icon.svg?v=54035670904028065921773426115');
}

.compact-icon {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/compact.svg?v=160282467303363657311767819208');
}

.expanded-icon {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/square.svg?v=108064714428553599501767819215');
}

.edit {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/edit.svg?v=152893892831335771031768330542');
}

.grid-filter-icon {
	height: 1.5ch;
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/filter.svg?v=50525476846955423101768337503');
}

.heart {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/heart.svg?v=133963961771249293731767819209');
}

.flag {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/flag.svg?v=65501156140431606921767819210');
}

.recipe {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/utensils.svg?v=113369436171254310731767819220');
}

.scan {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/scan.svg?v=23654225974786290491767819212');
}

.save {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/save.svg?v=68009502907196856821768336517');
}

.organic {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/organic.svg?v=182673031989453471941767819211');
}

.calendar {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/calendar.svg?v=86774005841251274131767819207');
}

.discount {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/discount.svg?v=19043445854801234541767819208');
}

.insurance {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/insurance.svg?v=50981114552500297541767819210');
}

.merge {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/merge.svg?v=99819789816219379131767819211');
}

.retirement {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/retirement.svg?v=143448618162372823491767819211');
}

.school {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/school.svg?v=138358194607930423931767819213');
}

.map {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/map.svg?v=92531377257097309951767819211');
}

.image {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/image.svg?v=182805309273258769101767819206');
}

.metro {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/metro-icon.svg?v=155039054584435321341766066635');
}

.bike {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/bike.svg?v=166568222900444877151767736796');
}

.walk {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/walk.svg?v=42593697624183840251767712951');
}

.bus {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/bus-icon.svg?v=13526070576017421871767708886');
}

.parking {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/parking.svg?v=18251665389314495211767736761');
}

.delivery {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/delivery.svg?v=174291817670280207181767736760');
}

.opening-hours {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/time.svg?v=25432111980475304821767819217');
}

.recipe-people {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/users.svg?v=112690690374327118221767819219');
}

.map-pin {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/map-pin.svg?v=42186064692701692071767819211');
}

.phone {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/smartphone.svg?v=22915197845281572511767819214');
}

.success {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/circle-check.svg?v=170084423145027001431768596270');
}

.instagram {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/instagram.svg?v=161002832889053945931767819210');
}

.facebook {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/facebook.svg?v=16878090588827367281767819209');
}

.mail-confirm {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/mail-check.svg?v=67626820566692144611767819210');
}

.reorder {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/reorder.svg?v=146206960168279464841767819212');
}

.star {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/star.svg?v=16212953061028168361767903307');
}

.star-full {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/star-full.svg?v=164752663159092723371768148974');
}

/* NAVIGATION */
.nav-wrapper {
	background-color: var(--slate-medium);
	display: flex;
	z-index: 10;
	position: fixed;
	top: calc(var(--spacer-2xl) + var(--nav-offset));
	left: 50%;
	transform: translateX(-50%);
	max-width: var(--max-section-width);
	width: 100%;
	border-radius: 100vw;
	padding: 0 var(--spacer-sm);
	border: 1px solid var(--white-light);
	/* backdrop-filter: blur(12px); */
	transition: transform .35s ease-in-out;

	&.scrolled {
		transform: translate(-50%, -12rem);
	}

	&.search-live {
		transform: translate(-50%, -12rem) !important;
	}

	&.scrolling-up {
		transform: translate(-50%, calc(var(--nav-offset) * -1));
	}
}

.pa-mini-logo {
	width: 3rem;
	aspect-ratio: 120 / 101;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 1;
	right: -2.5rem;
	top: 50%;
	transform: translateY(-50%);
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/pa-supermarche.svg?v=88300644807934438771762547000');
}

.pa-main {
	font-family: 'BrandonText-Bold';
}

.menu-btn {
	display: none
}

.mobile-search.search-btn-wrapper {
	display: none;
	transition: transform .35s ease-in-out;
}

.mobile-search-hidden {
	transform: translateY(8rem);
}

nav {
	width: 100%;
	max-width: var(--max-section-width);
	display: flex;
	margin: 0 auto;
	align-items: center;
	gap: var(--spacer-sm);
	padding: var(--spacer-sm) 0;

	& a {
		color: var(--white);
		font-weight: 700;
		padding: var(--spacer-sm) var(--spacer-md);
		border-radius: 100vw;
		border: 1px solid transparent;
		transition: background-color var(--transitionparams);
		position: relative
	}

	&>a:first-of-type {
		margin-right: auto;
		display: flex;
		gap: var(--spacer-sm);
		align-items: center;
	}

	& a:hover,
	& a:focus-visible {
		background-color: var(--green-light);
		border: 1px solid var(--white-light);
		color: var(--white)
	}

	& a:before {
		position: absolute;
		inset: -.5rem -.5rem -1rem -.5rem;
		content: "";
	}

	& .user-btn-wrapper,
	& .alert-modal-btn {
		aspect-ratio: 1;
		padding: var(--spacer-sm)
	}

	& .user,
	& .alert-icon {
		height: 1.75ch
	}

	& .alert-modal-btn {
		margin-left: calc(var(--spacer-md) * -1);
	}

	& .search-btn-wrapper {
		margin-left: auto;
		border: 1px solid var(--white-light);
		display: flex;
		align-items: center;
		position: relative;

		& .search {
			margin-left: var(--spacer-2xl);
			height: 1.75ch;
			opacity: 0;
		}

		&:after {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			right: var(--spacer-sm);
			font-size: var(--font-size-xs);
			padding: calc(var(--spacer-xs) / 2) var(--spacer-sm);
			border-radius: 100vw;
			background: var(--slate);
			transition: background var(--transitionparams);
			border: 1px solid var(--cart-row-border-color);
		}

		&:hover:after,
		&:focus-visible:after {
			background: var(--green-light);
		}
	}
}

.mac nav .search-btn-wrapper:after {
	content: "\2318 K";
}

.pc nav .search-btn-wrapper:after {
	content: "Ctrl K";
}


.submenu-btn {
	display: flex;
	align-items: center;
	position: relative;

	& a {
		cursor: pointer;
		display: flex;
		align-items: center;
		z-index: 9;
		transition: background-color var(--transitionparams)
	}

	& a .chevron {
		margin-left: var(--spacer-sm);
	}

	& .submenu {
		visibility: hidden;
		opacity: 0;
		display: flex;
		flex-direction: column;
		gap: var(--spacer-md);
		padding: var(--spacer-md);
		position: absolute;
		left: calc(var(--spacer-sm) - var(--spacer-lg));
		top: 3rem;
		width: max-content;
		transition: opacity var(--transitionparamslinear), transform var(--transitionparamslinear);
		will-change: transform, opacity;
		transform: translateY(-1rem);
		border-radius: 0 0 var(--base-unit) var(--base-unit);
		z-index: 8;
		border: 1px solid var(--white-light);
		border-top: none;
		background-color: var(--slate-medium);
	}

	& .submenu p {
		color: var(--white);
		font-family: 'BrandonText-Bold';
		font-size: var(--font-size-xl);
		padding-left: var(--spacer-md)
	}

	& .submenu p span {
		font-family: 'brandon-regular';
		font-size: var(--font-size-base);
	}

	& .submenu p:first-of-type {
		margin-bottom: calc(var(--spacer-md) * -1.5)
	}

	&:hover .submenu,
	&:focus-visible .submenu {
		visibility: visible;
		opacity: 1;
		transform: translateY(0)
	}

	& .submenu a {
		padding: var(--spacer-sm) var(--spacer-md);
		border-radius: 100vw;
		border: 1px solid transparent;
	}

	&:hover .submenu a:hover,
	&:focus-visible .submenu a:focus-visible {
		background-color: var(--green-light);
		border: 1px solid var(--white-light);
	}

	& a.logout-btn {
		border: 1px solid var(--cancel-red);
		background-color: var(--cancel-red-light);
	}

	& a.logout-btn:hover,
	& a.logout-btn:focus-visible {
		border: 1px solid var(--cancel-red-light) !important;
		background-color: var(--cancel-red) !important;
	}
}

.submenu-btn:has(.user-btn-wrapper) {
	& .submenu {
		top: 2.9rem;
		left: calc(var(--spacer-3xl) * -1.5);
	}
}

.nav-cart {
	display: flex;
	align-items: center;
	padding: var(--spacer-sm) var(--spacer-md);
	border-radius: 100vw;
	background-color: var(--green-light);
	color: var(--white);
	border: 1px solid var(--white-medium);
	backdrop-filter: blur(12px);

	&:hover,
	&:focus-visible {
		background-color: var(--red-light);
		color: var(--white);
	}
}

.top-nav-language-btn {
	margin-left: calc(var(--spacer-mdsm) * -1);
}

nav>a:first-of-type:hover,
.top-nav-language-btn:hover {
	color: var(--green);
	background-color: unset;
	border: 1px solid transparent;
}

/* ONLINE HERO HOLDER */
.online-hero-holder {
	width: 100%;
	max-width: var(--max-section-width);
	margin: var(--outer-padding) auto;
}



.product-grid-holder {
	width: 100%;
	max-width: var(--max-section-width);
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(320px, 100%), 1fr));
	gap: var(--spacer-md);
	margin: var(--spacer-2xl) auto;

	& h2 span {
		color: var(--slate-text);
		font-family: 'brandon-regular';
		font-size: var(--font-size-base);
		margin-top: 1.25ch
	}
}

.index-products-wrapper {
	display: flex;
	gap: var(--spacer-md);
	align-items: stretch;

	& .item {
		flex: 1;
		min-width: 450px;
	}

	& .item:first-of-type {
		margin-left: calc(calc(100vw - var(--max-section-width)) / 2);
	}

	& .item:last-of-type {
		margin-right: var(--spacer-4xl);
	}

	& .item-last-link a .grid-info-wrappper {
		margin: var(--spacer-md) var(--spacer-lg) var(--spacer-lg);
		position: relative;
		z-index: 1
	}

	& .item-last-link a .grid-desc-holder {
		display: none
	}

	& .item-last-link a {
		display: flex;
		flex-direction: column;
	}

	& .item-last-link .product-grid-holder-image-inner {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: var(--spacer-xs);
		aspect-ratio: unset;
	}

	& .item-last-link .product-grid-holder-image-inner:after {
		position: absolute;
		inset: calc(var(--spacer-sm) * -1);
		border-radius: var(--spacer-lg);
		background-color: var(--green-ultra-light);
		content: "";
		z-index: 0;
		border: 1px solid var(--slate-medium-ultra-light);
		transition: background-color var(--transitionparams);
	}

	& .last-link-img-wrapper {
		aspect-ratio: 16 / 12;
		border: 1px solid var(--slate-medium-ultra-light);
		border-radius: var(--border-radius);
		background-color: var(--white);
		min-width: 0;
		min-height: 0;
		width: 100%;
		transition: transform 0.3s cubic-bezier(0.6, -1.5, 0.4, 2.0), border var(--transitionparams);
		transition-delay: var(--delay, 0s);
		transform: scale(.95);
		position: relative;
		z-index: 1
	}

	& .item-last-link:hover .mini-cta {
		color: var(--red)
	}

	& .item-last-link:hover .mini-cta .icons {
		filter: var(--filter-pa-red);
		transform: translateX(.25ch)
	}

	& .item-last-link:hover .last-link-img-wrapper {
		transform: scale(1);
		border: 1px solid var(--green-light);
	}

	& .item-last-link:hover .product-grid-holder-image-inner:after {
		background-color: var(--white);
	}
}

.item {
	display: flex;
	position: relative;
	overflow: hidden;
	flex-direction: column;
	gap: var(--spacer-md);
	padding: var(--spacer-md);
	border-radius: calc(var(--border-radius) + var(--spacer-md));
	background-color: var(--slate-ultra-light);
	border: 1px solid var(--cart-row-border-color);

	& img {
		mix-blend-mode: darken;
		object-fit: contain;
		border-radius: var(--spacer-lg);
		position: relative;
	}

	& .grid-product-image-holder {
		background-color: var(--white);
		border-radius: var(--spacer-lg);
		position: relative;
		margin: calc(var(--spacer-sm) * -1) calc(var(--spacer-sm) * -1) auto calc(var(--spacer-sm) * -1);
		border: 1px solid var(--cart-row-border-color);
		cursor: pointer;
		transition: border var(--transitionparams);

		&:hover,
		&:focus-visible {
			border: 1px solid var(--slate-medium-ultra-light);
		}

		&:before {
			content: unset;
		}
	}

	& .product-grid-holder-image-inner {
		aspect-ratio: 16/12;

	}

	& .grid-title {
		font-family: 'BrandonText-Bold';
		font-size: var(--font-size-lg);
		color: var(--red);
		letter-spacing: -.5px;
		margin: calc(var(--spacer-xs) * -1) 0;
		text-wrap: balance;
		line-height: 1.2;
		padding: var(--spacer-xs) 0;
	}

	& .grid-vendor,
	& .grid-desc {
		line-height: 1.2;
	}

	& .grid-product-price {
		position: absolute;
		bottom: var(--spacer-md);
		left: var(--spacer-md);
		font-family: 'BrandonText-Bold';
		font-size: var(--font-size-lg);
		background-color: var(--slate);
		color: var(--white);
		padding: var(--spacer-xs) var(--spacer-sm);
		border: 1px solid var(--slate-ultra-light);
		border-radius: calc(var(--border-radius) - var(--spacer-sm));
		letter-spacing: -1px;
		z-index: 1;
		transform-style: preserve-3d;
	}

	& .grid-product-price:after {
		position: absolute;
		content: var(--unit-price);
		bottom: -1px;
		height: calc(100% + 2px);
		left: calc(100% - var(--spacer-mdsm));
		text-align: center;
		font-size: var(--font-size-xs);
		background-color: var(--white);
		color: var(--slate-text);
		padding: var(--spacer-xs) var(--spacer-sm) var(--spacer-xs) calc(var(--spacer-md) + .2rem);
		border: 1px solid var(--slate-ultra-light);
		border-radius: 0 calc(var(--border-radius) - var(--spacer-sm)) calc(var(--border-radius) - var(--spacer-sm)) 0;
		letter-spacing: -1px;
		transform: translateZ(-1px) translateX(-1rem);
		z-index: -1;
		backdrop-filter: blur(12px);
		white-space: pre;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		background-image: linear-gradient(transparent 0%,
				transparent calc(50% - 0.5px),
				var(--slate-medium) calc(50% - 0.5px),
				var(--slate-medium) calc(50% + 0.5px),
				transparent calc(50% + 0.5px),
				transparent 100%);
		background-size: 50% 100%;
		background-position: 70% center;
		background-repeat: no-repeat;
		opacity: 0;
		transition: opacity var(--transitionparamslinear), transform var(--transitionparamslinear);
	}

	&:hover .grid-product-price:after,
	&.compare-active .grid-product-price:after {
		opacity: 1;
		transform: translateZ(-1px) translateX(0);
	}

	& .grid-special-price {
		background-color: var(--yellow);
		color: var(--red);
	}

	& .wk-text {
		display: none
	}

	& .grid-desc-holder {
		display: flex;
		align-items: center;
		gap: var(--spacer-sm)
	}
	
	& .grid-desc span:first-of-type {
		margin-right: var(--spacer-sm)
	}

	& .package-price {
		padding: 0 .2rem;
		border-radius: .25rem;
		border: 1px solid var(--select-border-color);
		display: inline-block;
		vertical-align: middle;
		margin-bottom: .3ch;
	}

	& .grid-right-mobile-holder {
		display: flex;
		flex-direction: column;
		height: 100%
	}

	& form {
		margin-top: auto
	}
}

.show-unit-prices .grid-product-price:after {
	opacity: 1;
	transform: translateZ(-1px) translateX(0);
}


:lang(fr) .item .grid-title::first-letter {
	text-transform: uppercase;
}

.plus-minus {
	background-color: var(--green-light);
	border-radius: 100vw;
	aspect-ratio: 1;
	display: flex;
	align-items: center;
	width: var(--spacer-lgxl);
	justify-content: center;
	cursor: pointer;
	transition: color var(--transitionparams), background-color var(--transitionparams), border var(--transitionparams);

	&:hover,
	&:focus-visible {
		background-color: var(--red);
		border: 1px solid var(--red-light);
	}

	& a:before {
		position: absolute;
		inset: -.5rem;
		content: "";
	}

	& .icons {
		width: 1ch;
		height: 1ch;
		background-size: var(--spacer-md);
	}
}

.invisible {
	opacity: .2;
	pointer-events: none;
	cursor: default;
}

.grid-quantity-holder,
.grid-button-quantity-holder {
	display: flex;
	align-items: flex-end;
}

.grid-button-quantity-holder {
	justify-content: space-between;
	align-items: center;
	margin-top: var(--spacer-md)
}

input[type="number"],
button {
	all: unset;
	/* Resets all properties to inherited values if possible, otherwise to initial */
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input.quantity,
.webkit input.quantity,
.ie input.quantity,
.gecko input.quantity,
input[type="number"] {
	width: var(--spacer-lgxl);
	display: inline;
	aspect-ratio: 1;
	margin: 0 5px;
	text-align: center;
	-moz-appearance: textfield;
	border: 1px solid var(--cart-row-border-color);
	background-color: transparent;
	font-family: 'BrandonText-Bold';
	font-size: var(--font-size-sm);
	appearance: none;
}

select,
.webkit select,
.ie select,
.gecko select {
	cursor: pointer;
	-webkit-padding-end: var(--spacer-sm);
	width: 100%;
	appearance: none;
	border: 1px solid var(--select-border-color);
	border-radius: var(--border-radius-smaller);
	padding: var(--spacer-sm);
	font-size: var(--font-size-sm);
	background: #f9f9f9 url(//www.supermarchepa.com/cdn/shop/t/8/assets/chevron-down.svg?v=109791342781308768431768337449) no-repeat 95% center;
	background-size: 10px auto;
}

.grid-button-holder {
	display: flex;
	align-items: center;
	gap: var(--spacer-sm)
}


/* TAGS */
.grid-tag-holder {
	position: absolute;
	top: var(--spacer-lg);
	left: var(--spacer-lg);
	font-family: 'BrandonText-Bold';
	display: flex;
	z-index: 2;
	overflow: hidden;
	border-radius: 100vw;
	border: 1px solid var(--slate-ultra-light);
}

.grid-tag {
	display: flex;
	padding: calc(var(--spacer-xs) / 2) var(--spacer-sm);
	align-content: center;
	justify-content: center;
	align-items: center;
	font-size: var(--font-size-xs);
	color: white;
	letter-spacing: -.5px
}

.grid-tag-holder .grid-tag:not(:first-child) {
	padding: calc(var(--spacer-xs) / 2) var(--spacer-sm) calc(var(--spacer-xs) / 2) calc(var(--spacer-sm) - 1px);
}

.grid-organic-tag {
	background-color: #aea705
}

.grid-family-tag {
	background-color: #8B0204
}

.grid-kosher-tag {
	background-color: #6c91cb
}

.grid-quebec-tag {
	background-color: #003DA5;
}

.grid-canada-tag {
	background-color: #D80621;
}

/* NOTIFIER */
.notifier,
.notifier-favourite {
	width: 100%;
	height: 12rem;
	position: absolute;
	bottom: 0;
	transform: translateY(100%);
	left: 0;
	z-index: 2;
	transition: transform var(--transitionparams);
	background: rgba(255, 255, 255, 0.75);
	backdrop-filter: blur(12px);
	border: 1px solid var(--slate-ultra-light);
	display: flex;
	font-family: 'BrandonText-Bold';
	padding: var(--spacer-md);
	flex-direction: column-reverse
}

.notifier-show {
	transform: translateY(1%);
}

.notifier-message,
.notifier-favourite .notifier-message {
	border-top: 1px solid var(--green);
	color: var(--green);
	margin: 0 auto;
	width: 80%;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	text-align: center;
	padding: var(--spacer-md) 0;
}

.notifier-checkmark,
.notifier-favourite .notifier-checkmark {
	width: 80%;
	left: 50%;
	transform: translate(-50%, -50%);
	top: 32%;
	position: absolute;
	display: flex;
	justify-content: center
}

.checkmark__circle {
	stroke-dasharray: 166;
	stroke-dashoffset: 166;
	stroke-width: 5;
	stroke-miterlimit: 5;
	stroke: #a4cd45;
	fill: none;
	animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards
}

.checkmark {
	width: 65px;
	height: 65px;
	border-radius: 50%;
	display: none;
	stroke-width: 5;
	stroke: #a4cd45;
	stroke-miterlimit: 10;
	margin: 0;
	box-shadow: inset 0px 0px 0px transparent;
	animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both
}

.checkmark__check {
	transform-origin: 50% 50%;
	stroke-dasharray: 48;
	stroke-dashoffset: 48;
	animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards
}

@keyframes stroke {
	100% {
		stroke-dashoffset: 0
	}
}

@keyframes scale {

	0%,
	100% {
		transform: none
	}

	50% {
		transform: scale3d(1.1, 1.1, 1)
	}
}

@keyframes fill {
	100% {
		box-shadow: inset 0px 0px 0px 30px transparent
	}
}

.favourite-heart {
	width: 65px;
	height: 65px;
	border-radius: 0;
	display: none;
	fill: #a4cd45;
	margin: 0;
	box-shadow: inset 0px 0px 0px transparent;
	animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both
}

.checkmark-show {
	display: block
}

.checkmark-remove {
	display: block;
	fill: transparent;
	stroke-width: 4;
	stroke: red;
	stroke-miterlimit: 10;
	width: 70px
}

.incart-banner,
.yellow-tag {
	position: absolute;
	background-color: var(--green);
	width: 7rem;
	height: 10rem;
	transform: rotate(-45deg) translate(3rem, 3rem);
	top: -5.5rem;
	right: -3.5rem;
	opacity: 0;
	visibility: hidden;
	transition: transform var(--transitionparams);
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;

	& .icons {
		margin: .5rem 0 0 -4.5rem;
		transform: rotate(45deg)
	}
}

.yellow-tag {
	background-color: var(--yellow);
	opacity: 1;
	visibility: visible;
	transform: rotate(-45deg) translate(0, 0);

	& .tag {
		filter: var(--filter-pa-red);
		height: 1.5ch;
	}
}

.incart-banner-show {
	transform: rotate(-45deg) translate(0, 0);
	opacity: 1;
	visibility: visible;
	z-index: 2
}

/* DYNAMIC PRICE */
.dynamic-price {
	transition: transform .2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity .2s ease-out, width .2s cubic-bezier(0.175, 0.885, 0.32, 1.275), margin .2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transform: scale(0) translateZ(0);
	opacity: 0;
	visibility: hidden;
	border: 1px solid var(--green-light);
	border-radius: 100vw;
	padding: 0 var(--spacer-sm);
	color: white;
	width: max-content;
	font-family: 'BrandonText-Bold';
	text-transform: uppercase;
	margin-right: calc(var(--spacer-sm) * -1);
	margin-left: calc(var(--spacer-sm) * -1);
	display: flex;
	background-color: var(--white);
	color: var(--green);
	letter-spacing: -.5px;
	transform-origin: right center;
	position: absolute;
	font-variant-numeric: tabular-nums;
}

.grid-add-to-cart.cta {
	transition: transform .2s cubic-bezier(0.175, 0.885, 0.32, 1.275), width .2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transform: scale(1) translateZ(0);
	gap: unset;
}

.dynamic-price-show {
	visibility: visible;
	opacity: 1;
	transform: scale(1) translateZ(0);
	margin-left: var(--spacer-sm);
	position: relative;
}

.dynamic-price-open {
	margin-top: 1.25em
}

.dynamic-price-hidden {
	transform: scale(1.1);
	transform-origin: center center;
}

.add-to-cart-fade {
	animation: imageFadeInOut 0.35s ease-in;
	transform-origin: 0 center;
}

@keyframes imageFadeInOut {
	0% {
		opacity: 0;
	}

	33% {
		opacity: 0;
	}

	66% {
		opacity: 0.75;
	}

	100% {
		opacity: 1;
	}
}

/* NEW FAVOURITES BUTTON STYLES */
.wishlist-button {
	--icon-size: 1.25rem;
	--icon-stroke: var(--green-light);
	--icon-stroke-width: 2px;
	--icon-fill: var(--green);
}

.wishlist-button .wk-button {
	display: flex;
	align-items: center;
	position: relative;
	padding: var(--spacer-xs) var(--spacer-sm);
	background: none;
	border: none;
	cursor: pointer;
}

.wishlist-button .wk-icon svg {
	display: block;
	width: var(--icon-size);
	height: var(--icon-size);
	overflow: visible;
	pointer-events: none;
}

.wishlist-button .wk-icon svg path {
	stroke: var(--icon-stroke);
	fill: transparent;
	stroke-width: var(--icon-stroke-width);
	vector-effect: non-scaling-stroke;
}

.wishlist-button .wk-selected .wk-icon svg path {
	fill: var(--icon-stroke);
}

.wishlist-button:hover .wk-button .wk-icon svg path {
	fill: var(--icon-stroke)
}

.wishlist-button .wk-floating .wk-text {
	display: none;
}

.wishlist-login-holder {
	display: flex;
	gap: var(--spacer-md);
	flex-direction: column;
	margin: var(--spacer-xl) auto
}


::view-transition-old(filter-bar),
::view-transition-new(filter-bar) {
	/* Prevents content jumping during the interpolation */
	height: 100%;
	overflow: hidden;
}

/* Targeted fix for Safari and Chrome to prevent 'double' animating */
::view-transition-old(filter-bar),
::view-transition-new(filter-bar) {
	transform: translateZ(0);
	mix-blend-mode: normal;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	will-change: opacity, transform;
}

/* If Safari is still struggling, disable the @starting-style transition 
   ONLY when a View Transition is active to reduce CPU load */
html.safari:active-view-transition .grid-filter-dropdown a {
	transition: none;
}


/* Fade animation for the preference holder */
::view-transition-old(pref-holder) {
	animation: 0.35s cubic-bezier(0.25, 0.8, 0.25, 1) both fade-out;
}

::view-transition-new(pref-holder) {
	animation: 0.35s cubic-bezier(0.25, 0.8, 0.25, 1) both fade-in;
}


/* GRID PREFERENCES */
.grid-pref-holder-outer {
	width: 100%;
	max-width: var(--max-section-width);
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.grid-pref-holder {
	margin-left: auto;
	view-transition-name: pref-holder;
}

.grid-pref-holder,
.grid-filter-holder,
.scroll-btns-wrapper,
.map-switcher {
	display: flex;
	align-items: center;
	border-radius: 100vw;
	padding: var(--spacer-xs);
	gap: var(--spacer-sm);
	border: 1px solid var(--cart-row-border-color);
	background-color: var(--slate);
	align-items: stretch;

	& button {
		padding: var(--spacer-sm);
		color: var(--white);
		aspect-ratio: 1;
		border-radius: 100vw;
		background-color: transparent;
		border: 1px solid transparent;
		font-family: 'BrandonText-Bold';
		width: 2.5ch;
		text-align: center;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: background-color var(--transitionparams), border var(--transitionparams), transform var(--transitionparams);
		font-size: var(--font-size-sm);
	}

	& .current-weight,
	& button:hover,
	& .layout-current,
	& button:focus-visible,
	& button#unitPriceToggle[data-state="on"] {
		background-color: var(--green-light);
		border: 1px solid var(--white-medium);
	}

	& button .icons {
		height: 2ch;
	}
	
	& button:active {
		transform: scale(0.9) translateY(1px);
	}

	& .expanded-select,
	& .compact-select {
		display: none
	}

	& .compare-btn {
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/compare-icon.svg?v=54035670904028065921773426115');
	}
}

.pref-holder-line {
	width: 1px;
	border-right: 1px solid var(--white-light);
}


/* GRID FILTER */
.grid-filter-holder {
	color: var(--white);
	font-family: 'BrandonText-Bold';
	padding: .8rem;
	gap: var(--spacer-md);
	display: flex;
	transition: background-color var(--transitionparams), border var(--transitionparams), width var(--transitionparams), height var(--transitionparams), border-radius 0.15s cubic-bezier(0.25, 0.8, 0.25, 1);
	transform-origin: top left;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	max-width: 25vw;
	position: absolute;
	z-index: 4;
	view-transition-name: filter-bar;

	&:hover,
	&:focus-visible {
		background-color: var(--green-light);
		border-color: var(--green);
	}

	&.filter-active {
		border-radius: var(--border-radius)
	}

	&.filter-active:hover,
	&.filter-active:focus-visible {
		background-color: var(--slate);
		border-color: var(--cart-row-border-color);
	}
}

.grid-filter-header {
	display: flex;
	gap: var(--spacer-sm);
	align-items: center
}

.grid-filter-dropdown {
	display: none;
	gap: var(--spacer-md);
	flex-wrap: wrap;
	padding-bottom: var(--spacer-xs);

	& a {
		color: var(--white);
		padding: var(--spacer-xs) var(--spacer-mdsm);
		border-radius: 100vw;
		border: 1px solid var(--white-light);
		text-transform: capitalize;
		opacity: 0;
		transform: translateX(-2rem);
		transition: opacity var(--transitionparams), background-color var(--transitionparams), transform var(--transitionparams), border var(--transitionparams);
		transition-delay: var(--delay, 0s);
	}

	& a.grid-filter-current,
	& a:hover,
	& a:focus-visible {
		background-color: var(--green-light);
		border: 1px solid var(--white-medium);
	}
}

:lang(fr) .grid-filter-dropdown a {
	text-transform: lowercase;

	&:first-letter {
		text-transform: uppercase;
	}
}

#locations .grid-filter-dropdown a {
	text-transform: none;
}

/* Keep your @starting-style, but ensure the parent transition is clean */
.grid-filter-dropdown a {
	transition: opacity var(--transitionparams), background-color var(--transitionparams), transform var(--transitionparams), border var(--transitionparams);
	/* This ensures they slide in nicely once the container is ready */
	transition-delay: var(--delay);
	will-change: transform, opacity;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid-filter-dropdown a:hover {
	transition-delay: 0s;
}

.grid-filter-close {
	position: absolute;
	top: var(--spacer-md);
	right: var(--spacer-md);
	transition: filter var(--transitionparams);
	display: none;

	&:hover,
	&:focus-visible {
		filter: var(--filter-canada-red)
	}

	&:before {
		position: absolute;
		inset: -.5rem;
		content: "";
	}
}

.filter-active .grid-filter-dropdown {
	display: flex;

	& a {
		opacity: 1;
		transform: translateX(0);
	}
}

.filter-active .grid-filter-dropdown a {
	@starting-style {
		opacity: 0;
		transform: translateX(-2rem);
	}
}

.filter-active .grid-filter-close {
	display: flex;
}

.grid-filter-line {
	width: 100%;
	height: 1px;
	border-top: 1px solid var(--white-light);
	margin-bottom: var(--spacer-sm);
}

/* SEARCH OVERLAY */
.all-depts-dropdown {
	position: fixed;
	left: 50%;
	top: 0;
	width: 100%;
	transform: translate(-50%, -2rem);
	max-width: var(--max-section-width);
	background: var(--slate-medium);
	display: flex;
	padding: var(--spacer-2xl);
	border-radius: 0 0 var(--border-radius) var(--border-radius);
	opacity: 0;
	transition: opacity var(--transitionparams), transform var(--transitionparams);
	will-change: transform, opacity;
	flex-direction: column;
	z-index: 9;
	pointer-events: none;
	border: 1px solid var(--white-light);
	font-family: 'BrandonText-Bold';
	backdrop-filter: blur(12px);

	&.all-depts-active {
		opacity: 1;
		transform: translate(-50%, 0);
		pointer-events: auto;
	}

	& .all-depts-search-close {
		color: var(--white);
		font-size: var(--font-size-2xl);
		margin-bottom: var(--spacer-md)
	}

	& .all-depts-close {
		position: absolute;
		top: var(--spacer-3xl);
		right: var(--spacer-2xl);
		cursor: pointer;
	}

	& .all-depts-close:hover,
	& .all-depts-close:focus-visible {
		filter: var(--filter-canada-red);
		transition: filter var(--transitionparams);
	}

	& a.all-depts-dropdown-hidden {
		display: none
	}
}

.all-dept-links-wrapper {
	display: flex;
	gap: var(--spacer-md);
	flex-wrap: wrap;

	& a {
		color: var(--white);
		padding: var(--spacer-sm) var(--spacer-mdsm);
		border-radius: 100vw;
		border: 1px solid var(--white-light);
		opacity: 0;
		transform: translateX(-2rem);
		transition: opacity var(--transitionparams), transform var(--transitionparams), background-color var(--transitionparams), border var(--transitionparams);
		transition-delay: var(--delay, 0s);
		background-color: var(--slate);

		&:hover,
		&:focus-visible {
			background-color: var(--green-light);
			transition-delay: 0s;
			border: 1px solid var(--white-medium);
		}
	}
}

.all-depts-dropdown.all-depts-active .all-dept-links-wrapper a {
	opacity: 1;
	transform: translateX(0);

	@starting-style {
		opacity: 0;
		transform: translateX(-2rem);
	}
}

.all-depts-search-open {
	display: none
}

.search-form {
	display: flex;
	padding: 0 0 var(--spacer-2xl);

	& input {
		border-radius: 100vw;
		padding: var(--spacer-md);
		width: 100%;
		border: 1px solid var(--cart-row-border-color);
		color: var(--slate-text);
	}

	& form {
		width: 96%
	}
}

/* SEARCH RESULTS */
.search-results {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(200px, 100%), 1fr));
	position: relative;
	margin-top: var(--spacer-2xl);
	gap: var(--spacer-md);

	& .thumbnail {
		display: flex;
		aspect-ratio: 16/12;
		width: 100%;
		border-radius: calc(var(--border-radius) - var(--spacer-xs));
		margin-bottom: var(--spacer-md);
		background: var(--white);
		overflow: hidden;
		border: 1px solid var(--cart-row-border-color);
		transition: transform var(--transitionparams);
	}

	& li {
		display: block;
		gap: var(--spacer-sm);
		padding: var(--spacer-xs) var(--spacer-xs) var(--spacer-md);
		border-radius: var(--border-radius);
		background: var(--white);
		justify-content: center;
		border: 1px solid var(--cart-row-border-color);
		transition: color var(--transitionparams), border var(--transitionparams);
		background-color: var(--slate-ultra-light);
	}

	& li:hover .title.search-result,
	& li:focus-visible .title.search-result {
		color: var(--slate-text);
	}

	& li:hover,
	& li:focus-visible {
		border: 1px solid var(--slate-medium);
	}

	& li:hover .thumbnail,
	& li:focus-visible .thumbnail {
		border: 1px solid var(--green-extra-ultra-light);
		transform: scale(.98);
	}

	& img {
		object-fit: contain;
	}

	& .title.search-result {
		color: var(--red);
		text-wrap: balance;
		margin: 0 var(--spacer-sm);
		display: block;
		line-height: 1.1
	}

	& .all-results {
		border-radius: 100vw;
		border: 1px solid var(--green);
		background: var(--green-light);
		display: flex;
		align-items: center;
		width: fit-content;
		padding: var(--spacer-sm) var(--spacer-md);
		color: #fff;
		font-family: BrandonText-Bold;
		cursor: pointer;
		transition: color var(--transitionparams), background var(--transitionparams), border var(--transitionparams);
		min-width: max-content;
		margin-top: var(--spacer-xl);
		margin-bottom: calc(var(--spacer-2xl) * -1);
		grid-column: 1 / -1;
		/* make it take the full width of the grid */
		justify-self: center;
	}

	& .all-results a {
		color: var(--white)
	}

	& .all-results:hover,
	& .all-results:focus-visible {
		background: var(--red);
		border: 1px solid var(--red-light);
	}
}

/* SEARCH PAGE */
body[id*="search"] .page-hero {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-specials.webp?v=75039804910909453541762550580');

	@media screen and (max-width: 650px) {
		background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-specials-mobile.webp?v=82824023834078885651770396206');
	}

	& h1 span {
		display: inline;
		font-size: 100%;
		font-weight: inherit;
	}

	& h1 {
		max-width: unset;
		font-size: var(--font-size-5xl)
	}
}

/* PRODUCT PAGE */
.template-product .product-grid-holder {
	margin: var(--spacer-2xl) auto;
	grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr));
}

.template-product .grid-product-image-holder {
	pointer-events: none;
	cursor: unset;
}

.template-product .page-hero {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-blank.webp?v=45708572941554039971763132514');
}

.template-product .grid-product-select {
	margin-top: var(--spacer-md)
}

.new-product-tags-outer {
	display: flex;
	flex-direction: column;
	gap: var(--spacer-xl);
	justify-content: center;
	padding-left: var(--spacer-2xl);
}

.new-product-tags-title {
	font-size: var(--font-size-2xl);
	letter-spacing: -.75px;
	font-family: 'BrandonText-Bold';
	color: var(--red);
	margin-bottom: var(--spacer-sm)
}

.new-product-tags {
	display: flex;
	gap: var(--spacer-md);
	flex-wrap: wrap;

	a {
		color: var(--slate-text);
		padding: var(--spacer-xs) var(--spacer-mdsm);
		border-radius: 100vw;
		background: var(--slate-ultra-light);
		text-transform: capitalize;
		font-family: 'BrandonText-Bold';
		border: 1px solid var(--slate-medium-ultra-light)
	}

	a:hover,
	a:focus-visible {
		background: var(--green-light);
		color: var(--white);
		border: 1px solid var(--slate-ultra-light)
	}
}

:lang(fr) .new-product-tags a {
	text-transform: lowercase;

	&:first-letter {
		text-transform: uppercase;
	}
}

/* RECIPES HEADERS */
#chicken-with-capers-and-sun-dried-tomatoes .recipe-header,
#chicken-with-capers-and-sun-dried-tomatoes .recipe-container section:last-of-type:after,
#poulet-aux-capres-et-tomates-sechees .recipe-header,
#poulet-aux-capres-et-tomates-sechees .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/chicken-capers-recipe@2x.jpg?v=2471373283117721501761672853');
}

#creme-caramel-with-maple-syrup .recipe-header,
#creme-caramel-with-maple-syrup .recipe-container section:last-of-type:after,
#supermarche-pa-recettes-creme-caramel-au-sirop-d-39-erable .recipe-header,
#supermarche-pa-recettes-creme-caramel-au-sirop-d-39-erable .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/creme-caramel-recipe@2x.jpg?v=77487256550649913641761672881');
}

#oven-baked-curried-chicken .recipe-header,
#oven-baked-curried-chicken .recipe-container section:last-of-type:after,
#poitrine-de-poulet-roti-au-cari .recipe-header,
#poitrine-de-poulet-roti-au-cari .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/curried-chicken-recipe@2x.jpg?v=40999733045479511421761672884')
}

#fruit-smoothies .recipe-header,
#fruit-smoothies .recipe-container section:last-of-type:after,
#smoothies-aux-fruits .recipe-header,
#smoothies-aux-fruits .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/fruit-smoothies-recipe@2x.jpg?v=41951161528605213831761672930')
}

#legume-salad .recipe-header,
#legume-salad .recipe-container section:last-of-type:after,
#salade-de-legumineuses .recipe-header,
#salade-de-legumineuses .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/legume-salad-recipe@2x.jpg?v=84185327591494961721761672979')
}

#lentil-and-chicken-soup .recipe-header,
#lentil-and-chicken-soup .recipe-container section:last-of-type:after,
#potage-de-lentilles-et-poulet .recipe-header,
#potage-de-lentilles-et-poulet .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/lentil-soup-recipe@2x.jpg?v=71607305134873926901761672981')
}

#osso-buco .recipe-header,
#osso-buco .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/osso-buco-recipe@2x.jpg?v=19570689765648813381761673044')
}

#pea-or-soya-bean-soup .recipe-header,
#pea-or-soya-bean-soup .recipe-container section:last-of-type:after,
#soupe-aux-pois-ou-soya .recipe-header,
#soupe-aux-pois-ou-soya .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/pea-soup-recipe@2x.jpg?v=53273517332202261031761673097')
}

#veal-scaloppine-with-gorgonzola-sauce .recipe-header,
#escalopes-de-veau-au-gorgonzola .recipe-header,
#veal-scaloppine-with-gorgonzola-sauce .recipe-container section:last-of-type:after,
#escalopes-de-veau-au-gorgonzola .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/veal-scaloppine-gorgonzola-recipe@2x.jpg?v=170784095579662735821761673197')
}

#grilled-octopus .recipe-header,
#pieuvre-grillee .recipe-header,
#grilled-octopus .recipe-container section:last-of-type:after,
#pieuvre-grillee .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/grilled-octopus-recipe@2x.jpg?v=179347338777746071431761672937')
}

#fennel-apple-salad .recipe-header,
#salade-fenouil-et-pommes .recipe-header,
#fennel-apple-salad .recipe-container section:last-of-type:after,
#salade-fenouil-et-pommes .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/fennel-apple-salad-recipe@2x.jpg?v=156898545851706444531761672907')
}

#cobb-salad .recipe-header,
#salade-cobb .recipe-header,
#cobb-salad .recipe-container section:last-of-type:after,
#salade-cobb .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/cobb-salad-recipe@2x.jpg?v=9281355508616014701761672873')
}

#honey-mustard-boneless-chicken-thighs .recipe-header,
#hauts-de-cuisses-de-poulet-miel-et-moutarde .recipe-header,
#honey-mustard-boneless-chicken-thighs .recipe-container section:last-of-type:after,
#hauts-de-cuisses-de-poulet-miel-et-moutarde .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/honey-mustard-boneless-chicken-thighs-recipe@2x.jpg?v=98226057884261248281761672946')
}

#dupuy-lentil-sausages .recipe-header,
#saucisses-aux-lentilles-dupuy .recipe-header,
#dupuy-lentil-sausages .recipe-container section:last-of-type:after,
#saucisses-aux-lentilles-dupuy .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/dupuy-lentil-sausages-recipe@2x.jpg?v=28935861892965560921761672895')
}

#paloma-cocktail .recipe-header,
#cocktail-paloma .recipe-header,
#paloma-cocktail .recipe-container section:last-of-type:after,
#cocktail-paloma .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/paloma-cocktail-recipe@2x.jpg?v=10351298986310203841761673088')
}

#asian-meatballs .recipe-header,
#boulettes-de-viande-asiatiques .recipe-header,
#asian-meatballs .recipe-container section:last-of-type:after,
#boulettes-de-viande-asiatiques .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/asian-meatballs-recipe@2x.jpg?v=53610648005739742561761672800')
}

#vlita .recipe-header,
#vlita-recette .recipe-header,
#vlita .recipe-container section:last-of-type:after,
#vlita-recette .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/vlita-recipe@2x.jpg?v=6307416641003966381761673202')
}

#breakfast-cookies .recipe-header,
#biscuits-dejeuner .recipe-header,
#breakfast-cookies .recipe-container section:last-of-type:after,
#biscuits-dejeuner .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/breakfast-cookies-recipe@2x.jpg?v=84560104241628833621761672837')
}

#hemp-seed-tabbouleh .recipe-header,
#taboule-aux-graines-de-chanvre .recipe-header,
#hemp-seed-tabbouleh .recipe-container section:last-of-type:after,
#taboule-aux-graines-de-chanvre .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/hemp-seed-tabbouleh-recipe@2x.jpg?v=62354676432510332971761672942')
}

#lemon-butter-scallops .recipe-header,
#petoncles-au-beurre-a-l-ail-et-citron .recipe-header,
#lemon-butter-scallops .recipe-container section:last-of-type:after,
#petoncles-au-beurre-a-l-ail-et-citron .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/lemon-butter-scallops-recipe@2x.jpg?v=97157508361789084301761672980')
}

#blue-cheese-aioli-burgers .recipe-header,
#hamburger-a-l-aioli-au-fromage-bleu .recipe-header,
#blue-cheese-aioli-burgers .recipe-container section:last-of-type:after,
#hamburger-a-l-aioli-au-fromage-bleu .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/blue-cheese-aioli-burgers-recipe@2x.jpg?v=138046167585858449461761672824')
}

#pumpkin-pie .recipe-header,
#tarte-a-la-citrouille .recipe-header,
#pumpkin-pie .recipe-container section:last-of-type:after,
#tarte-a-la-citrouille .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/pumpkin-pie-recipe@2x.jpg?v=92508472753359174331761673118')
}

#apple-sauce .recipe-header,
#compote-de-pomme .recipe-header,
#apple-sauce .recipe-container section:last-of-type:after,
#compote-de-pomme .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/apple-sauce-recipe@2x.jpg?v=95727922156275814571761672792')
}

#quinoa .recipe-header,
#quinoa-recette .recipe-header,
#quinoa .recipe-container section:last-of-type:after,
#quinoa-recette .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/quinoa-recipe@2x.jpg?v=160621895195991408601761673122')
}

#beet-salad-with-manouri-cheese .recipe-header,
#salade-aux-betteraves-et-fromage-manouri .recipe-header,
#beet-salad-with-manouri-cheese .recipe-container section:last-of-type:after,
#salade-aux-betteraves-et-fromage-manouri .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/beet-manouri-salad-recipe@2x.jpg?v=26859647758185639901761672818')
}

#shrimp-tortillas .recipe-header,
#tortillas-aux-crevettes .recipe-header,
#shrimp-tortillas .recipe-container section:last-of-type:after,
#tortillas-aux-crevettes .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/shrimp-tortillas-recipe@2x.jpg?v=70929045873156325541761673154')
}

#walnut-hummus .recipe-header,
#houmous-aux-noix-de-grenoble .recipe-header,
#walnut-hummus .recipe-container section:last-of-type:after,
#houmous-aux-noix-de-grenoble .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/walnut-hummus-recipe@2x.jpg?v=18444672473277607171761673203')
}

#pasta-with-clam-sauce .recipe-header,
#pates-aux-palourdes .recipe-header,
#pasta-with-clam-sauce .recipe-container section:last-of-type:after,
#pates-aux-palourdes .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/clam-pasta-recipe@2x.jpg?v=167801757548159623601761672869')
}

#porchetta .recipe-header,
#porchetta-recette .recipe-header,
#porchetta .recipe-container section:last-of-type:after,
#porchetta-recette .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/porchetta-recipe@2x.jpg?v=80519011839662114251761673109')
}

#chocolate-chip-cookies .recipe-header,
#biscuits-aux-brisures-de-chocolat .recipe-header,
#chocolate-chip-cookies .recipe-container section:last-of-type:after,
#biscuits-aux-brisures-de-chocolat .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/chocolate-chip-cookies-recipe@2x.jpg?v=176406236061264208451761672861')
}

#asian-fish-soup .recipe-header,
#soupe-asiatique-au-poisson .recipe-header,
#asian-fish-soup .recipe-container section:last-of-type:after,
#soupe-asiatique-au-poisson .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/asian-fish-soup-recipe@2x.jpg?v=159196382212971599691761672798')
}

#pho-soup .recipe-header,
#soupe-pho .recipe-header,
#pho-soup .recipe-container section:last-of-type:after,
#soupe-pho .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/pho-soup-recipe@2x.jpg?v=121289090546252037591761673101')
}

#berry-smoothie-bowl .recipe-header,
#bol-smoothie-aux-petits-fruits .recipe-header,
#berry-smoothie-bowl .recipe-container section:last-of-type:after,
#bol-smoothie-aux-petits-fruits .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/berry-smoothie-bowl-recipe@2x.jpg?v=133424805611129175271761672820')
}

#lasagna .recipe-header,
#lasagne .recipe-header,
#lasagna .recipe-container section:last-of-type:after,
#lasagne .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/lasagna-recipe@2x.jpg?v=86698175803073813731761672977')
}

#pork-amp-shrimp-chow-mein .recipe-header,
#chow-mein-aux-porc-et-crevettes .recipe-header,
#pork-amp-shrimp-chow-mein .recipe-container section:last-of-type:after,
#chow-mein-aux-porc-et-crevettes .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/pork-shrimp-chow-mein-recipe@2x.jpg?v=73127701711476861971761673112')
}

#morning-detox-shot .recipe-header,
#shot-detox-de-bon-matin .recipe-header,
#morning-detox-shot .recipe-container section:last-of-type:after,
#shot-detox-de-bon-matin .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/morning-detox-shot-recipe@2x.jpg?v=112536572630062262751761673011')
}

#prepared-grocery-baskets .recipe-header,
#paniers-d-39-epicerie-prepare .recipe-header,
#prepared-grocery-baskets .recipe-container section:last-of-type:after,
#paniers-d-39-epicerie-prepare .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/covid-boxes-background@2x.jpg?v=79569766960968640431761672879')
}

#maple-syrup-pork-chops .recipe-header,
#cotelettes-de-porc-au-sirop-d-erable .recipe-header,
#maple-syrup-pork-chops .recipe-container section:last-of-type:after,
#cotelettes-de-porc-au-sirop-d-erable .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/maple-pork-chops-recipe@2x.jpg?v=21417658408785147981761673003')
}

#pain-aux-kakis .recipe-header,
#persimmon-bread .recipe-header,
#pain-aux-kakis .recipe-container section:last-of-type:after,
#persimmon-bread .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/kaki-bread-recipe@2x.jpg?v=150531111127840992571761672970')
}

#french-toast .recipe-header,
#pain-dore .recipe-header,
#french-toast .recipe-container section:last-of-type:after,
#pain-dore .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/french-toast-recipe@2x.jpg?v=155254964424868057721761672926')
}

#tunisian-shakshuka .recipe-header,
#shakshouka-tunisienne .recipe-header,
#tunisian-shakshuka .recipe-container section:last-of-type:after,
#shakshouka-tunisienne .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/tunisian-shakshuka-recipe@2x.jpg?v=168527275521690573051761673190')
}

#pancakes .recipe-header,
#crepes .recipe-header,
#pancakes .recipe-container section:last-of-type:after,
#crepes .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/pancakes-recipe@2x.jpg?v=55539865990203149411761673090')
}

#eggplant-pizza .recipe-header,
#pizza-d-aubergines .recipe-header,
#eggplant-pizza .recipe-container section:last-of-type:after,
#pizza-d-aubergines .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/eggplant-pizza-recipe@2x.jpg?v=17915183986984030641761672897')
}

#portuguese-seafood-stew .recipe-header,
#ragout-de-fruits-de-mer-a-la-portugaise .recipe-header,
#portuguese-seafood-stew .recipe-container section:last-of-type:after,
#ragout-de-fruits-de-mer-a-la-portugaise .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/portuguese-seafood-stew-recipe@2x.jpg?v=78755980628623315521761673113')
}

#spanish-salted-cod-soup .recipe-header,
#soupe-espagnole-de-morue-salee .recipe-header,
#spanish-salted-cod-soup .recipe-container section:last-of-type:after,
#soupe-espagnole-de-morue-salee .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/spanish-salted-cod-soup-recipe@2x.jpg?v=9969661693943774241761673160')
}

#seafood-pasta-with-clams-and-shrimps .recipe-header,
#fettuccine-aux-fruits-de-mer-avec-palourdes-et-crevettes .recipe-header,
#seafood-pasta-with-clams-and-shrimps .recipe-container section:last-of-type:after,
#fettuccine-aux-fruits-de-mer-avec-palourdes-et-crevettes .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/pasta-seafood-clam-shrimp-recipe@2x.jpg?v=168416633029330813591761673094')
}

#mediterranean-sausage-stuffed-peppers .recipe-header,
#poivrons-farcis-a-la-saucisse-mediterraneenne .recipe-header,
#mediterranean-sausage-stuffed-peppers .recipe-container section:last-of-type:after,
#poivrons-farcis-a-la-saucisse-mediterraneenne .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/stuffed-peppers-recipe@2x.jpg?v=59077231970768848491761673174')
}

#oysters-three-ways .recipe-header,
#huitres-de-trois-facons .recipe-header,
#oysters-three-ways .recipe-container section:last-of-type:after,
#huitres-de-trois-facons .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/oysters-three-ways-recipe@2x.jpg?v=118496405058814004931761673048')
}

#virgin-bloody-caesar .recipe-header,
#bloody-caesar-version-mocktail .recipe-header,
#virgin-bloody-caesar .recipe-container section:last-of-type:after,
#bloody-caesar-version-mocktail .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/bloody-caesar-recipe@2x.jpg?v=28472538405405918751761672823')
}

#fresh-seafood-salad-herb-and-citrus-vinaigrette .recipe-header,
#salade-fraiche-aux-fruits-de-mer-vinaigrette-aux-herbes-et-agrumes .recipe-header,
#fresh-seafood-salad-herb-and-citrus-vinaigrette .recipe-container section:last-of-type:after,
#salade-fraiche-aux-fruits-de-mer-vinaigrette-aux-herbes-et-agrumes .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/seafood-salad-recipe@2x.jpg?v=151836767823880013791761673148')
}

#figues-farcies-au-fromage-bleu-et-enveloppees-de-prosciutto .recipe-header,
#blue-cheese-stuffed-figs-wrapped-in-prosciutto .recipe-header,
#figues-farcies-au-fromage-bleu-et-enveloppees-de-prosciutto .recipe-container section:last-of-type:after,
#blue-cheese-stuffed-figs-wrapped-in-prosciutto .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/blue-cheese-figs-recipe@2x.jpg?v=180808667354090448371761672825')
}

#mussels-with-white-wine-sauce .recipe-header,
#moules-au-vin-blanc .recipe-header,
#mussels-with-white-wine-sauce .recipe-container section:last-of-type:after,
#moules-au-vin-blanc .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/mussels-white-wine-sauce-recipe@2x.jpg?v=101198602674658592351761673017')
}

#sweet-amp-spicy-pork-ribs .recipe-header,
#cotes-levees-sucrees-et-epicees .recipe-header,
#sweet-amp-spicy-pork-ribs .recipe-container section:last-of-type:after,
#cotes-levees-sucrees-et-epicees .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/sweet-spicy-pork-ribs-recipe@2x.jpg?v=160322097442968661031761673182')
}

#tofu-amp-kimchi-stew .recipe-header,
#ragout-de-tofu-et-kimchi .recipe-header,
#tofu-amp-kimchi-stew .recipe-container section:last-of-type:after,
#ragout-de-tofu-et-kimchi .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/tofu-kimchi-stew-recipe@2x.jpg?v=115722053061963010521761673186')
}

#chicken-soup .recipe-header,
#soupe-au-poulet .recipe-header,
#chicken-soup .recipe-container section:last-of-type:after,
#soupe-au-poulet .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/chicken-soup-recipe@2x.jpg?v=133054726766038966991761672856')
}

#beef-and-barley-soup .recipe-header,
#soupe-boeuf-et-orge .recipe-header,
#beef-and-barley-soup .recipe-container section:last-of-type:after,
#soupe-boeuf-et-orge .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/beef-barley-soup-recipe@2x.jpg?v=97526402595731687551761672814')
}

#autumn-chicken .recipe-header,
#poulet-d-39-automne .recipe-header,
#autumn-chicken .recipe-container section:last-of-type:after,
#poulet-d-39-automne .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/autumn-chicken-recipe@2x.jpg?v=159511684460264514001761672801')
}

#fig-and-prosciutto-crostini .recipe-header,
#crostinis-aux-figues-et-au-prosciutto .recipe-header,
#fig-and-prosciutto-crostini .recipe-container section:last-of-type:after,
#crostinis-aux-figues-et-au-prosciutto .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/fig-prosciutto-crostini-recipe@2x.jpg?v=18279265647644115241761672910')
}

#two-salmon-tartare .recipe-header,
#tartare-aux-deux-saumons .recipe-header,
#two-salmon-tartare .recipe-container section:last-of-type:after,
#tartare-aux-deux-saumons .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/two-salmon-tartare-recipe@2x.webp?v=95373410699130492251772890743')
}

#chocolate-fondue .recipe-header,
#fondue-au-chocolat .recipe-header,
#chocolate-fondue .recipe-container section:last-of-type:after,
#fondue-au-chocolat .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/chocolate-fondue-recipe@2x.jpg?v=119217920957090904601761672864')
}

#shortbread-cookies .recipe-header,
#biscuits-sables .recipe-header,
#shortbread-cookies .recipe-container section:last-of-type:after,
#biscuits-sables .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/shortbread-cookies-recipe@2x.jpg?v=17286005908655876581761673152')
}

#chocolate-truffles .recipe-header,
#truffes-au-chocolat .recipe-header,
#chocolate-truffles .recipe-container section:last-of-type:after,
#truffes-au-chocolat .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/chocolate-truffles-recipe@2x.jpg?v=56815958565310371891761672865')
}

#everything-green-soup .recipe-header,
#soupe-vert .recipe-header,
#everything-green-soup .recipe-container section:last-of-type:after,
#soupe-vert .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/green-soup-recipe@2x.jpg?v=9841698025539691821761672935')
}

#heart-shaped-linzer-cookies .recipe-header,
#biscuits-linzer-en-forme-de-coeur .recipe-header,
#heart-shaped-linzer-cookies .recipe-container section:last-of-type:after,
#biscuits-linzer-en-forme-de-coeur .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/heart-shaped-linzer-cookies-recipe@2x.jpg?v=101343898973550862831761672941')
}

#individual-peach-cobblers .recipe-header,
#paves-de-peches-individuels .recipe-header,
#individual-peach-cobblers .recipe-container section:last-of-type:after,
#paves-de-peches-individuels .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/peach-cobblers-recipe@2x.jpg?v=108319072532578373621761673099')
}

#maple-glazed-pumpkin-scones .recipe-header,
#scone-a-la-citrouille .recipe-header,
#maple-glazed-pumpkin-scones .recipe-container section:last-of-type:after,
#scone-a-la-citrouille .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/maple-glazed-pumpkin-scones-recipe@2x.jpg?v=181322959652406905711761673000')
}

#pineapple-meatballs .recipe-header,
#boulettes-de-viande-aux-ananas .recipe-header,
#pineapple-meatballs .recipe-container section:last-of-type:after,
#boulettes-de-viande-aux-ananas .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/pineapple-meatballs-recipe@2x.jpg?v=109329710300039838721761673105')
}

#vanilla-orange-cake .recipe-header,
#gateau-vanille-orange .recipe-header,
#vanilla-orange-cake .recipe-container section:last-of-type:after,
#gateau-vanille-orange .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/vanilla-orange-cake-recipe@2x.jpg?v=58050723530932634801761673195')
}

#winter-granola .recipe-header,
#granola-d-hiver .recipe-header,
#winter-granola .recipe-container section:last-of-type:after,
#granola-d-hiver .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/winter-granola-recipe@2x.jpg?v=178104667860990576221761673211')
}

#wonton-soup .recipe-header,
#soupe-wonton .recipe-header,
#wonton-soup .recipe-container section:last-of-type:after,
#soupe-wonton .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/wonton-soup-recipe@2x.jpg?v=127295971705163325741761673216')
}

#tunacado .recipe-header,
#tunacado-1 .recipe-header,
#tunacado .recipe-container section:last-of-type:after,
#tunacado-1 .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/tunacado-recipe@2x.jpg?v=24888031415399655701761673189')
}

#watermelon-mocktail .recipe-header,
#mocktail-de-melon-d-39-eau .recipe-header,
#watermelon-mocktail .recipe-container section:last-of-type:after,
#mocktail-de-melon-d-39-eau .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/watermelon-mocktail-recipe@2x.jpg?v=87747855629935671731761673208')
}

#linguine-alle-vongole .recipe-header,
#linguine-alle-vongole-1 .recipe-header,
#linguine-alle-vongole .recipe-container section:last-of-type:after,
#linguine-alle-vongole-1 .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/linguine-alle-vongole-recipe@2x.jpg?v=74548242996261844181761672983')
}

#chickpea-salad .recipe-header,
#salade-de-pois-chiches .recipe-header,
#chickpea-salad .recipe-container section:last-of-type:after,
#salade-de-pois-chiches .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/chickpea-salad-recipe@2x.jpg?v=134637759741631926661761672859')
}

#beef-and-herb-meatballs .recipe-header,
#boulettes-de-viande-au-boeuf-et-aux-herbes .recipe-header,
#beef-and-herb-meatballs .recipe-container section:last-of-type:after,
#boulettes-de-viande-au-boeuf-et-aux-herbes .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/beef-and-herb-meatballs-recipe@2x.jpg?v=62898518442186447661761672813')
}

#pineapple-chicken-skewers .recipe-header,
#brochettes-de-poulet-a-l-39-ananas .recipe-header,
#pineapple-chicken-skewers .recipe-container section:last-of-type:after,
#brochettes-de-poulet-a-l-39-ananas .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/pineapple-chicken-skewers-recipe@2x.jpg?v=66039769410788641711761673104')
}

#chocolate-date-bark .recipe-header,
#ecorce-de-dattes-au-chocolat .recipe-header,
#chocolate-date-bark .recipe-container section:last-of-type:after,
#ecorce-de-dattes-au-chocolat .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/chocolate-date-bark-recipe@2x.jpg?v=44698528721418238581761672862')
}

#french-onion-soup .recipe-header,
#soupe-a-l-39-oignon .recipe-header,
#french-onion-soup .recipe-container section:last-of-type:after,
#soupe-a-l-39-oignon .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/french-onion-soup-recipe@2x.jpg?v=57802974547642244001761672925')
}

#feta-shallot-tart .recipe-header,
#tarte-a-la-feta-et-a-l-39-echalote .recipe-header,
#feta-shallot-tart .recipe-container section:last-of-type:after,
#tarte-a-la-feta-et-a-l-39-echalote .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/feta-shallot-tart-recipe@2x.jpg?v=9711169638159060041761672908')
}

#olive-oil-orange-almond-cake-gluten-free .recipe-header,
#gateau-aux-amandes-et-a-l-39-huile-d-39-olive-sans-gluten .recipe-header,
#olive-oil-orange-almond-cake-gluten-free .recipe-container section:last-of-type:after,
#gateau-aux-amandes-et-a-l-39-huile-d-39-olive-sans-gluten .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/orange-almond-cake-recipe@2x.jpg?v=36366203037748488001761673039')
}

#biscoff-cinnamon-buns .recipe-header,
#brioches-a-la-cannelle-biscoff .recipe-header,
#biscoff-cinnamon-buns .recipe-container section:last-of-type:after,
#brioches-a-la-cannelle-biscoff .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/cinnamon-buns-recipe@2x.webp?v=163770230395059093431771453540')
}

#chicken-taquitos .recipe-header,
#rouleaux-de-poulet-aux-tortillas .recipe-header,
#chicken-taquitos .recipe-container section:last-of-type:after,
#rouleaux-de-poulet-aux-tortillas .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/chicken-taquitos-recipe@2x.webp?v=130299046909288214771771452940')
}

#beef-kefta .recipe-header,
#kefta-de-boeuf .recipe-header,
#beef-kefta .recipe-container section:last-of-type:after,
#kefta-de-boeuf .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/beef-kefta-recipe@2x.webp?v=112113396107769715561771452871')
}

#lotus-truffle-cookies .recipe-header,
#biscuits-aux-truffes-de-lotus .recipe-header,
#lotus-truffle-cookies .recipe-container section:last-of-type:after,
#biscuits-aux-truffes-de-lotus .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/lotus-truffle-cookies-recipe@2x.webp?v=166785064681525125401771452439')
}

#warm-lentil-salad .recipe-header,
#salade-chaude-de-lentilles .recipe-header,
#warm-lentil-salad .recipe-container section:last-of-type:after,
#salade-chaude-de-lentilles .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/warm-lentil-soup-recipe@2x.webp?v=60923784503100123401771452025')
}

#no-bake-granola-bars .recipe-header,
#barres-granola-sans-cuisson .recipe-header,
#no-bake-granola-bars .recipe-container section:last-of-type:after,
#barres-granola-sans-cuisson .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/no-bake-granola-bars-recipe@2x.webp?v=180632115408040619901771451855')
}

#fattoush-salad .recipe-header,
#salade-fattoush .recipe-header,
#fattoush-salad .recipe-container section:last-of-type:after,
#salade-fattoush .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/fattoush-salad-recipe@2x.webp?v=16154505806996035961771451112')
}

#mango-salad .recipe-header,
#salsa-a-la-mangue .recipe-header,
#mango-salad .recipe-container section:last-of-type:after,
#salsa-a-la-mangue .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/mango-salad-recipe@2x.webp?v=112528403310265702951771450774')
}

#breakfast-burrito .recipe-header,
#burrito-du-petit-dejeuner .recipe-header,
#breakfast-burrito .recipe-container section:last-of-type:after,
#burrito-du-petit-dejeuner .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/breakfast-burrito-recipe@2x.webp?v=65040285316462018561771443407')
}

#smashed-beef-gyros .recipe-header,
#gyros-de-boeuf-ecrase .recipe-header,
#smashed-beef-gyros .recipe-container section:last-of-type:after,
#gyros-de-boeuf-ecrase .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/smashed-beef-gyros-recipe@2x.webp?v=53452689356466885501771442791')
}

#garlic-lemon-shrimps .recipe-header,
#crevettes-a-l-39-ail-et-au-citron .recipe-header,
#garlic-lemon-shrimps .recipe-container section:last-of-type:after,
#crevettes-a-l-39-ail-et-au-citron .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/garlic-lemon-shrimps-recipe@2x.webp?v=165965770442958142031771443235')
}

#loaded-smashed-potatoes .recipe-header,
#pommes-de-terre-ecrasees-garnies .recipe-header,
#loaded-smashed-potatoes .recipe-container section:last-of-type:after,
#pommes-de-terre-ecrasees-garnies .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/loaded-smashed-potatoes-recipe@2x.webp?v=126311204544084775081771442970')
}

#viral-turkish-pasta .recipe-header,
#pates-turques-virales .recipe-header,
#viral-turkish-pasta .recipe-container section:last-of-type:after,
#pates-turques-virales .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/viral-turkish-pasta-recipe@2x.webp?v=34402118920263743001771442299')
}

#baked-onion-pasta-with-sun-dried-tomatoes-amp-coconut-milk .recipe-header,
#pates-aux-oignons-rotis-avec-tomates-sechees-au-soleil-et-lait-de-coco .recipe-header,
#baked-onion-pasta-with-sun-dried-tomatoes-amp-coconut-milk .recipe-container section:last-of-type:after,
#pates-aux-oignons-rotis-avec-tomates-sechees-au-soleil-et-lait-de-coco .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/baked-onion-pasta-recipe@2x.webp?v=110089964246242213901771441445')
}

#pastina-soup .recipe-header,
#soupe-de-pastina .recipe-header,
#pastina-soup .recipe-container section:last-of-type:after,
#soupe-de-pastina .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/pastina-soup-recipe@2x.webp?v=168960481073228498451771440900')
}

#phyllo-swirls .recipe-header,
#tourbillons-de-phyllo .recipe-header,
#phyllo-swirls .recipe-container section:last-of-type:after,
#tourbillons-de-phyllo .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/phyllo-swirls-recipe@2x.webp?v=63064140791360505191771440659')
}

#beef-and-broccoli-noodles .recipe-header,
#nouilles-au-boeuf-et-au-brocoli .recipe-header,
#beef-and-broccoli-noodles .recipe-container section:last-of-type:after,
#nouilles-au-boeuf-et-au-brocoli .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/beef-broccoli-noodles-recipe@2x.webp?v=139491689962463016791771440423')
}

#crunch-wrap-supreme .recipe-header,
#croustiwrap-supreme .recipe-header,
#crunch-wrap-supreme .recipe-container section:last-of-type:after,
#croustiwrap-supreme .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/crunch-wrap-recipe@2x.webp?v=28569988484833122221761672882')
}

#strawberry-parfait .recipe-header,
#parfait-aux-fraises .recipe-header,
#strawberry-parfait .recipe-container section:last-of-type:after,
#parfait-aux-fraises .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/strawberry-parfait-recipe@2x.webp?v=125333419726128730161761673172')
}

#maple-bacon-challah-french-toast .recipe-header,
#pain-dore-challah-au-bacon-et-a-l-39-erable .recipe-header,
#maple-bacon-challah-french-toast .recipe-container section:last-of-type:after,
#pain-dore-challah-au-bacon-et-a-l-39-erable .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/maple-bacon-french-toast-recipe@2x.webp?v=23359582059958784781761672999')
}

#chicken-shawarma-sheet-pan-dinner .recipe-header,
#souper-de-poulet-shawarma-sur-plaque-de-cuisson .recipe-header,
#chicken-shawarma-sheet-pan-dinner .recipe-container section:last-of-type:after,
#souper-de-poulet-shawarma-sur-plaque-de-cuisson .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/chicken-shawarma-recipe@2x.webp?v=150486291076943528791770316776')
}

#dirty-martini-pasta-salad .recipe-header,
#salade-de-pates-quot-dirty-martini-quot .recipe-header,
#dirty-martini-pasta-salad .recipe-container section:last-of-type:after,
#salade-de-pates-quot-dirty-martini-quot .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/dirty-martini-pasta-salad-recipe@2x.webp?v=120483704727095274431765637931')
}

#greek-style-stripped-bass .recipe-header,
#bar-raye-en-style-grec .recipe-header,
#greek-style-stripped-bass .recipe-container section:last-of-type:after,
#bar-raye-en-style-grec .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/stripped-bass-recipe.jpg?v=6672847887025657421761673172')
}

#rose-sauce .recipe-header,
#sauce-rose .recipe-header,
#rose-sauce .recipe-container section:last-of-type:after,
#sauce-rose .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/rose-sauce-recipe.jpg?v=133551869694218222771761673138')
}

#sauteed-pork-lisbon-style .recipe-header,
#saute-de-porc-de-lisbonne .recipe-header,
#sauteed-pork-lisbon-style .recipe-container section:last-of-type:after,
#saute-de-porc-de-lisbonne .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/lisbon-pork-recipe.jpg?v=7393611101265887301761672985')
}

#thai-curried-cornish-hens .recipe-header,
#poule-de-cornail-a-la-thailandaise .recipe-header,
#thai-curried-cornish-hens .recipe-container section:last-of-type:after,
#poule-de-cornail-a-la-thailandaise .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/cornish-hens-recipe.jpg?v=84575142632465766071761672877')
}

#pork-cutlets-with-mustard-sauce .recipe-header,
#cotelettes-de-porc-a-la-sauce-moutarde .recipe-header,
#pork-cutlets-with-mustard-sauce .recipe-container section:last-of-type:after,
#cotelettes-de-porc-a-la-sauce-moutarde .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/pork-cutlets-recipe.jpg?v=154542141017816371361761673110')
}

#roquefort-salad .recipe-header,
#salade-au-roquefort .recipe-header,
#roquefort-salad .recipe-container section:last-of-type:after,
#salade-au-roquefort .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/roquefort-salad-recipe.jpg?v=52109992305659844901761673137')
}

#mussel-soup .recipe-header,
#potage-de-moules .recipe-header,
#mussel-soup .recipe-container section:last-of-type:after,
#potage-de-moules .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/mussel-soup-recipe@2x.webp?v=109989758021652783821763045649')
}

#garlic-rapini .recipe-header,
#rapini-a-l-39-ail .recipe-header,
#garlic-rapini .recipe-container section:last-of-type:after,
#rapini-a-l-39-ail .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/garlic-rapini-recipe.jpg?v=145401729750893958741761672933')
}

#how-to-make-greek-coffee .recipe-header,
#comment-faire-un-cafe-grecque .recipe-header,
#how-to-make-greek-coffee .recipe-container section:last-of-type:after,
#comment-faire-un-cafe-grecque .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/greek-coffee-recipe.jpg?v=71130792664680641431761672934')
}

#maple-syrup-salmon .recipe-header,
#saumon-au-sirop-d-39-erable .recipe-header,
#maple-syrup-salmon .recipe-container section:last-of-type:after,
#saumon-au-sirop-d-39-erable .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/maple-syrup-salmon-recipe.jpg?v=22526943055613390821761673004')
}

#seafood-paella .recipe-header,
#paella-aux-fruits-de-mer .recipe-header,
#seafood-paella .recipe-container section:last-of-type:after,
#paella-aux-fruits-de-mer .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/seafood-paella-recipe.jpg?v=129993245426930489321761673146')
}

#braised-lamb-shank .recipe-header,
#jaret-d-39-agneau-braisee .recipe-header,
#braised-lamb-shank .recipe-container section:last-of-type:after,
#jaret-d-39-agneau-braisee .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/braised-lamb-shank-recipe.jpg?v=127952112132803256921761672829')
}

#bolognese-sauce .recipe-header,
#sauce-bolognese .recipe-header,
#bolognese-sauce .recipe-container section:last-of-type:after,
#sauce-bolognese .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/bolognese-sauce-recipe.jpg?v=152822989531166076341761672827')
}

#supermarche-pa-recipes-sauteed-and-braised-cod-fillets .recipe-header,
#supermarche-pa-recettes-morue-braisee .recipe-header,
#supermarche-pa-recipes-sauteed-and-braised-cod-fillets .recipe-container section:last-of-type:after,
#supermarche-pa-recettes-morue-braisee .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/cod-fillets-recipe.jpg?v=173498114916041042721761672874')
}

#moroccan-chicken .recipe-header,
#poulet-a-la-marocaine .recipe-header,
#moroccan-chicken .recipe-container section:last-of-type:after,
#poulet-a-la-marocaine .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/moroccan-chicken-recipe.jpg?v=165413538496009774651761673012')
}

#supermarche-pa-recipes-spanakopita .recipe-header,
#supermarche-pa-recettes-spanakopita .recipe-header,
#supermarche-pa-recipes-spanakopita .recipe-container section:last-of-type:after,
#supermarche-pa-recettes-spanakopita .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/spanakopita-recipe.jpg?v=106936761360216639391761673159')
}

#pulled-pork-nachos .recipe-header,
#nachos-au-porc-effiloche .recipe-header,
#pulled-pork-nachos .recipe-container section:last-of-type:after,
#nachos-au-porc-effiloche .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/pulled-pork-nachos-recipe.jpg?v=141576396131530552991761673117')
}

#pasta-puttanesca .recipe-header,
#pates-puttanesca .recipe-header,
#pasta-puttanesca .recipe-container section:last-of-type:after,
#pates-puttanesca .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/pasta-puttanesca-recipe@2x.webp?v=85486272226963099801770313863')
}

#italian-wedding-soup .recipe-header,
#soupe-mariage-a-l-39-italiene .recipe-header,
#italian-wedding-soup .recipe-container section:last-of-type:after,
#soupe-mariage-a-l-39-italiene .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/italian-wedding-soup-recipe@2x.webp?v=79738685031428057991773150151')
}

#strawberry-cheesecake .recipe-header,
#cheesecake-aux-fraises .recipe-header {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/strawberry-cheesecake-recipe@2x.webp?v=89347801455168233771772740793')
}

#mango-coconut-panna-cotta .recipe-header,
#panna-cotta-a-la-mangue-et-coco .recipe-header,
#mango-coconut-panna-cotta .recipe-container section:last-of-type:after,
#panna-cotta-a-la-mangue-et-coco .recipe-container section:last-of-type:after {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/mango-panna-cotta-recipe@2x.webp?v=120064849804540202541773771055')
}

/* RECIPE PAGES */
.recipe-header {
	position: relative;
	z-index: 1;
	width: 100%;
	min-height: 55vh;
	padding-bottom: var(--spacer-2xl);
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	background-position: center;

	&:before {
		content: "";
		position: absolute;
		inset: 0;
		background: linear-gradient(to top right, oklch(0.15 0.05 260 / 0.7) 0%, oklch(0.15 0.05 260 / 0.45) 15%, oklch(0.15 0.05 260 / 0.25) 30%, oklch(0.15 0.05 260 / 0) 100%);
		pointer-events: none;
		user-select: none;
		z-index: 0;
	}

	& section {
		display: flex;
		margin: 0 auto;
		padding: unset;
		max-width: var(--max-section-width);
		flex-direction: column;
		flex: 1;
	}
}

.recipe-hero {
	width: 10rem;
	aspect-ratio: 120/101;
	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
	z-index: 1;
	margin-bottom: var(--spacer-xl);
	margin-top: var(--header-top-padding);
	margin-left: calc(calc(100vw - var(--max-section-width)) / 2);
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/pa-supermarche.svg?v=88300644807934438771762547000');
}

.recipe-details {
	display: flex;
	gap: var(--spacer-mdsm);
	color: white;
	z-index: 1;
	position: relative;
	font-family: 'BrandonText-Bold';
	width: fit-content;
	margin-top: var(--spacer-xl);
	text-transform: capitalize;

	& .red {
		color: var(--white)
	}

	& .divider {
		margin: 0 var(--spacer-xs)
	}

	& p {
		position: relative;
		border: 1px solid var(--white-medium);
		border-radius: 100vw;
		padding: .15ch var(--spacer-sm) .15ch var(--spacer-lg);
		backdrop-filter: blur(12px);
	}

	& p:before {
		content: "";
		position: absolute;
		left: var(--spacer-sm);
		top: 50%;
		transform: translateY(-50%);
		height: 1.25ch;
		aspect-ratio: 1;
		background-size: contain;
		background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/users.svg?v=112690690374327118221767819219');
		background-repeat: no-repeat;
		background-position: center;
	}

	& p:nth-of-type(1) .red {
		margin-left: calc(var(--spacer-xs) * -.75);
	}

	& p:nth-of-type(2)::before {
		background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/time.svg?v=25432111980475304821767819217');
	}

	& p:nth-of-type(3)::before {
		background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/cook.svg?v=42947031068587955011767819208');
	}
}

.recipe-container h1 {
	z-index: 1;
	position: relative;
	margin-top: auto;
}

.recipe-container section:last-of-type:after,
.video-wrapper {
	width: calc(60% - var(--spacer-2xl));
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	object-fit: cover;
	position: absolute;
	top: 0;
	right: 0;
	border-radius: var(--border-radius);
	content: "";
	aspect-ratio: 3000/1847;
	height: auto;
	overflow: hidden;
}

.replay-btn {
	position: absolute;
	bottom: var(--spacer-lg);
	right: var(--spacer-lg);
	z-index: 10;

	display: flex;
	align-items: center;
	gap: var(--spacer-xs);

	background: var(--white-light);
	backdrop-filter: blur(12px);
	/* Nice glass effect */
	border: 1px solid var(--white-medium);
	padding: var(--spacer-mdsm);
	border-radius: 100vw;
	cursor: pointer;
	font-size: var(--font-size-xs);
	transition: background var(--transitionparams);

	& .icons {
		height: 2ch;
		transition: transform var(--transitionparams), filter var(--transitionparams);
	}

	&:hover .icons {
		transform: rotate(360deg);
		filter: var(--filter-slate)
	}

	&:hover {
		background: var(--white)
	}
}

/* This handles the 50% width and the centering */
.timeline-center-wrapper {
	position: absolute;
	bottom: calc(var(--spacer-lg) + var(--spacer-mdsm) + .75ch);
	left: 50%;
	transform: translateX(-50%);
	/* Centers the container */
	width: 50%;
	/* This is your "max-width" */
	height: 2px;
	background: var(--white-light);
	/* Optional: faint track background */
	border-radius: 100vw;
	overflow: hidden;
	/* Keeps the bar inside the rounded corners */
	z-index: 10;
}

#video-progress-bar {
	width: 0%;
	height: 100%;
	background: var(--white);
	transition: none;
	will-change: width;
}

:lang(fr) .back-link a {
	text-transform: unset;

	&:first-letter {
		text-transform: uppercase
	}
}

.back-link {
	position: absolute;
	z-index: 2;
	bottom: calc(var(--spacer-3xl) * -1);
	left: calc(calc(100vw - var(--max-section-width)) / 2);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 1.25ch;
	display: flex;
	align-items: center;
	filter: var(--filter-pa-green);
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/chevron-left.svg?v=159184794213059522421768337449');

	& a {
		font-family: 'BrandonText-Bold';
		padding-left: var(--spacer-lg);
		text-transform: capitalize;
		transition: transform var(--transitionparams), color var(--transitionparams);
	}

	&:hover,
	&:focus-within {
		filter: var(--filter-pa-red);
		color: var(--red)
	}

	&:hover a,
	&:focus-within a {
		transform: translateX(-.75ch);
	}
}

.recipe-container .right.recipe-show,
.recipe-container .left.recipe-show {
	opacity: 1;
	transform: scale(1);
	position: relative;
	pointer-events: auto;
}

.recipe-container .right,
.recipe-container .left {
	position: absolute;
	inset: 0;
	opacity: 0;
	transform: scale(0.95);
	transition: opacity var(--transitionparams), transform var(--transitionparams);
	pointer-events: none;
	width: 40%;
}


.recipe-container {
	margin-bottom: var(--spacer-2xl);

	& section {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr));
		gap: var(--spacer-2xl);
		align-items: start;
		position: relative;
		min-height: 61.566%;
	}

	& h2 {
		font-size: var(--font-size-2xl);
		margin-bottom: var(--spacer-lg);
		margin-left: var(--spacer-mdsm);
	}
}

.ingredient-holder,
.recipe-page .right {
	padding: var(--spacer-lg) var(--spacer-xl) var(--spacer-xl);
	border-radius: var(--border-radius);
	background-color: var(--slate-ultra-light);
	flex: 1;
	border: 1px solid var(--cart-row-border-color);

	& ul {
		background-color: var(--white);
		padding: var(--spacer-lg);
		border-radius: var(--border-radius);
		border: 1px solid var(--cart-row-border-color);
	}
}

.recipe-page .right ul {
	margin-bottom: var(--spacer-lg);

	& h2 {
		margin-left: var(--spacer-md);
	}
}

.recipe-page .right ul:last-child {
	margin: 0
}

.directions,
.flex {

	& li {
		margin: 0 var(--spacer-md) var(--spacer-sm);
		text-wrap: pretty;
		max-width: 65ch;
	}

	& li:last-of-type {
		margin-bottom: 0
	}
}

.recipe-add-products {
	padding: var(--spacer-lg) 0;
	max-width: unset;
	border-top: 1px solid var(--cart-row-border-color);
	margin-top: var(--spacer-4xl);

	& h3 {
		margin: var(--spacer-xl) auto calc(var(--spacer-lg) * -1);
		max-width: var(--max-section-width);
	}

	& ul {
		width: 100%;
		max-width: var(--max-section-width);
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(min(320px, 100%), 1fr));
		gap: var(--spacer-md);
		margin: var(--spacer-2xl) auto;
	}

	& ul:has(.product-grid-holder) {
		display: unset
	}
}

.recipe-page .grid-pref-holder-outer {
	display: none
}

.recipe-container h2:not(:first-of-type) {
	border-top: 1px solid var(--cart-row-border-color);
	padding-top: var(--spacer-lg);
	margin-top: var(--spacer-xl);
}

/* RECIPE MAIN PAGE */
#supermarche-pa-recipes .page-hero,
#supermarche-pa-recettes .page-hero {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-recipes.webp?v=135931797708601224051763223669');

	@media screen and (max-width: 650px) {
		background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-recipes-mobile.webp?v=139546333270576385981770405753');
	}
}

.careers-section-wrapper {
	max-width: calc(var(--max-section-width) / 1.5);
}

.container {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr));
	gap: var(--spacer-md);
	margin-top: var(--spacer-5xl);
	margin-bottom: var(--spacer-2xl);

	& h2 {
		font-size: var(--font-size-base);
		letter-spacing: unset;
		padding: 0 var(--spacer-lg);
	}

	& a {
		gap: var(--spacer-lg);
		display: flex;
		flex-direction: column;
		border-radius: var(--border-radius);
		background-color: var(--slate-ultra-light);
		border: 1px solid var(--cart-row-border-color);
		transition: border var(--transitionparams), opacity 0.3s ease 3s;
		cursor: pointer;
		position: relative;
		opacity: 1;
	}

	& a.hidden-recipe {
		opacity: 0;
		pointer-events: none;
		position: absolute;
		display: none
	}

	& a:hover h2 {
		color: var(--slate-text)
	}

	& a:hover {
		border: 1px solid var(--green-light);
	}

	& a:hover .recipe-thumbnail {
		border: 1px solid var(--green-light);
		transform: scale(1.1);

	}

	& .recipe-thumbnail-wrapper {
		overflow: hidden;
		border-radius: var(--spacer-mdsm);
		width: calc(100% - calc(var(--spacer-sm) * 2));
		margin: var(--spacer-sm) auto 0;
		border: 1px solid var(--cart-row-border-color);
	}

	& .recipe-thumbnail {
		aspect-ratio: 16/10;
		background-size: cover;
		background-position: top center;
		background-repeat: no-repeat;
		background-clip: padding-box;
		transition: border var(--transitionparams), transform var(--transitionparams);
	}

	& .recipe-tag {
		position: absolute;
		top: var(--spacer-lg);
		left: var(--spacer-lg);
		display: flex;
		padding: calc(var(--spacer-xs) / 2) var(--spacer-sm);
		border-radius: 100vw;
		align-content: center;
		justify-content: center;
		align-items: center;
		border: 1px solid var(--slate-ultra-light);
		font-size: var(--font-size-sm);
		color: #fff;
		letter-spacing: -1px;
		font-family: BrandonText-Bold;
		text-transform: uppercase;
		z-index: 2
	}
}

.recipe-details-wrapper {
	display: flex;
	gap: var(--spacer-xs);
	margin: calc(var(--spacer-sm) * -1) 0 var(--spacer-md) var(--spacer-md);
}

.recipe-detail {
	border-radius: 100vw;
	padding: calc(var(--spacer-xs) / 2) var(--spacer-sm);
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	font-family: BrandonText-Bold;
	background: var(--green-ultra-light);
	border: 1px solid var(--cart-row-border-color);
	gap: var(--spacer-xs);
	font-size: var(--font-size-sm);
	color: var(--slate-text)
}

.recipe-detail .icons {
	filter: var(--filter-slate);
	height: 1.25ch
}

.meat .recipe-tag,
.viande .recipe-tag {
	background-color: #937100
}

.poultry .recipe-tag,
.volaille .recipe-tag {
	background-color: #e6b10f
}

.fish .recipe-tag,
.poisson .recipe-tag {
	background-color: #00aeef
}

.desserts .recipe-tag {
	background-color: #ec00f0
}

.vegetarian .recipe-tag,
.végétarien .recipe-tag {
	background-color: olive
}

.beverages .recipe-tag,
.breuvages .recipe-tag {
	background-color: darkorange
}

.meat .recipe-tag:before {
	content: "Meat"
}

.poultry .recipe-tag:before {
	content: "Poultry"
}

.fish .recipe-tag:before {
	content: "Fish"
}

.desserts .recipe-tag:before {
	content: "Desserts"
}

.vegetarian .recipe-tag:before {
	content: "Vegetarian"
}

.beverages .recipe-tag:before {
	content: "Beverages"
}

:lang(fr) .viande .recipe-tag:before {
	content: "Viandes"
}

:lang(fr) .volaille .recipe-tag:before {
	content: "Volailles"
}

:lang(fr) .poisson .recipe-tag:before {
	content: "Poissons"
}

:lang(fr) .desserts .recipe-tag:before {
	content: "Desserts"
}

:lang(fr) .végétarien .recipe-tag:before {
	content: "Végétarien"
}

:lang(fr) .breuvages .recipe-tag:before {
	content: "Breuvages"
}

/* RECIPE THUMBNAILS */
.legume .recipe-thumbnail {
	background-image: url(' legume-salad.jpg ')
}

.bolognese .recipe-thumbnail {
	background-image: url(' bolognese-sauce.jpg ')
}

.smoothies .recipe-thumbnail {
	background-image: url(' fruit-smoothies.jpg ')
}

.moroccan .recipe-thumbnail {
	background-image: url(' moroccan-chicken.jpg ')
}

.lamb .recipe-thumbnail {
	background-image: url(' braised-lamb-shank.jpg ')
}

.cod .recipe-thumbnail {
	background-image: url(' cod-fillets.jpg ')
}

.caramel .recipe-thumbnail {
	background-image: url(' creme-caramel.jpg ')
}

.spanakopita .recipe-thumbnail {
	background-image: url(' spanakopita.jpg ')
}

.liver .recipe-thumbnail {
	background-image: url(' chicken-liver.jpg ')
}

.pea .recipe-thumbnail {
	background-image: url(' pea-soup.jpg ')
}

.paella .recipe-thumbnail {
	background-image: url(' seafood-paella.jpg ')
}

.capres .recipe-thumbnail {
	background-image: url(' chicken-capers.jpg ')
}

.maple .recipe-thumbnail {
	background-image: url(' maple-pork-chops.jpg ')
}

.salmon .recipe-thumbnail {
	background-image: url(' salmon.jpg ')
}

.coffee .recipe-thumbnail {
	background-image: url(' greek-coffee.jpg ')
}

.rapini .recipe-thumbnail {
	background-image: url(' garlic-rapini.jpg ')
}

.lentil .recipe-thumbnail {
	background-image: url(' lentil-soup.jpg ')
}

.osso .recipe-thumbnail {
	background-image: url(' osso-buco.jpg ')
}

.mussel .recipe-thumbnail {
	background-image: url(' mussel-soup.jpg ')
}

.roquefort .recipe-thumbnail {
	background-image: url(' roquefort-salad.jpg ')
}

.fig .recipe-thumbnail {
	background-image: url(' fig-snack.jpg ')
}

.curried .recipe-thumbnail {
	background-image: url(' curried-chicken.jpg ')
}

.thai .recipe-thumbnail {
	background-image: url(' cornish-hens.jpg ')
}

.mustard .recipe-thumbnail {
	background-image: url(' pork-cutlets.jpg ')
}

.lisbon .recipe-thumbnail {
	background-image: url(' lisbon-pork.jpg ')
}

.bass .recipe-thumbnail {
	background-image: url(' stripped-bass.jpg ')
}

.rose .recipe-thumbnail {
	background-image: url(' rose-sauce.jpg ')
}

.veal-scaloppine .recipe-thumbnail {
	background-image: url(' veal-scaloppine-gorgonzola.jpg ')
}

.grilled-octopus .recipe-thumbnail {
	background-image: url(' grilled-octopus.jpg ')
}

.fennel-apple-salad .recipe-thumbnail {
	background-image: url(' fennel-apple-salad.jpg ')
}

.cobb-salad .recipe-thumbnail {
	background-image: url(' cobb-salad.jpg ')
}

.honey-mustard-boneless-chicken-thighs .recipe-thumbnail {
	background-image: url(' honey-mustard-boneless-chicken-thighs.jpg ')
}

.dupuy-lentil-sausages .recipe-thumbnail {
	background-image: url(' dupuy-lentil-sausages.jpg ')
}

.paloma-cocktail .recipe-thumbnail {
	background-image: url(' paloma-cocktail.jpg ')
}

.asian-meatballs .recipe-thumbnail {
	background-image: url(' asian-meatballs.jpg ')
}

.vlita .recipe-thumbnail {
	background-image: url(' vlita.jpg ')
}

.breakfast-cookies .recipe-thumbnail {
	background-image: url(' breakfast-cookies.jpg ')
}

.hemp-seed-tabbouleh .recipe-thumbnail {
	background-image: url(' hemp-seed-tabbouleh.jpg ')
}

.lemon-butter-scallops .recipe-thumbnail {
	background-image: url(' lemon-butter-scallops.jpg ')
}

.blue-cheese-aioli-burgers .recipe-thumbnail {
	background-image: url(' blue-cheese-aioli-burgers.jpg ')
}

.pulled-pork-nachos .recipe-thumbnail {
	background-image: url(' pulled-pork-nachos.jpg ')
}

.pumpkin-pie .recipe-thumbnail {
	background-image: url(' pumpkin-pie.jpg ')
}

.apple-sauce .recipe-thumbnail {
	background-image: url(' apple-sauce.jpg ')
}

.quinoa .recipe-thumbnail {
	background-image: url(' quinoa.jpg ')
}

.beet-manouri-salad .recipe-thumbnail {
	background-image: url(' beet-manouri-salad.jpg ')
}

.shrimp-tortillas .recipe-thumbnail {
	background-image: url(' shrimp-tortillas.jpg ')
}

.walnut-hummus .recipe-thumbnail {
	background-image: url(' walnut-hummus.jpg ')
}

.clam-pasta .recipe-thumbnail {
	background-image: url(' clam-pasta.jpg ')
}

.porchetta .recipe-thumbnail {
	background-image: url(' porchetta.jpg ')
}

.chocolate-chip-cookies .recipe-thumbnail {
	background-image: url(' chocolate-chip-cookies.jpg ')
}

.asian-fish-soup .recipe-thumbnail {
	background-image: url(' asian-fish-soup.jpg ')
}

.pho-soup .recipe-thumbnail {
	background-image: url(' pho-soup.jpg ')
}

.berry-smoothie-bowl .recipe-thumbnail {
	background-image: url(' berry-smoothie-bowl.jpg ')
}

.lasagna .recipe-thumbnail {
	background-image: url(' lasagna.jpg ')
}

.pork-shrimp-chow-mein .recipe-thumbnail {
	background-image: url(' pork-shrimp-chow-mein.jpg ')
}

.morning-detox-shot .recipe-thumbnail {
	background-image: url(' morning-detox-shot.jpg ')
}

.kaki-bread .recipe-thumbnail {
	background-image: url(' kaki-bread.jpg ')
}

.french-toast .recipe-thumbnail {
	background-image: url(' french-toast.jpg ')
}

.tunisian-shakshuka .recipe-thumbnail {
	background-image: url(' tunisian-shakshuka.jpg ')
}

.pancakes .recipe-thumbnail {
	background-image: url(' pancakes.jpg ')
}

.eggplant-pizza .recipe-thumbnail {
	background-image: url(' eggplant-pizza.jpg ')
}

.portuguese-seafood-stew .recipe-thumbnail {
	background-image: url(' portuguese-seafood-stew.jpg ')
}

.spanish-salted-cod-soup .recipe-thumbnail {
	background-image: url(' spanish-salted-cod-soup.jpg ')
}

.seafood-pasta-with-clams-and-shrimps .recipe-thumbnail {
	background-image: url(' seafood-pasta-clams-shrimps.jpg ')
}

.stuffed-peppers .recipe-thumbnail {
	background-image: url(' stuffed-peppers.jpg ')
}

.oysters-three-ways .recipe-thumbnail {
	background-image: url(' oysters-three-ways.jpg ')
}

.virgin-bloody-caesar .recipe-thumbnail {
	background-image: url(' bloody-caesar.jpg ')
}

.seafood-salad .recipe-thumbnail {
	background-image: url(' seafood-salad.jpg ')
}

.blue-cheese-figs .recipe-thumbnail {
	background-image: url(' blue-cheese-figs.jpg ')
}

.mussels-white-wine-sauce .recipe-thumbnail {
	background-image: url(' mussels-white-wine-sauce.jpg ')
}

.sweet-spicy-pork-ribs .recipe-thumbnail {
	background-image: url(' sweet-spicy-pork-ribs.jpg ')
}

.tofu-kimchi-stew .recipe-thumbnail {
	background-image: url(' tofu-kimchi-stew.jpg ')
}

.chicken-soup .recipe-thumbnail {
	background-image: url(' chicken-soup.jpg ')
}

.beef-barley-soup .recipe-thumbnail {
	background-image: url(' beef-barley-soup.jpg ')
}

.autumn-chicken .recipe-thumbnail {
	background-image: url(' autumn-chicken.jpg ')
}

.fig-prosciutto-crostini .recipe-thumbnail {
	background-image: url(' fig-prosciutto-crostini.jpg ')
}

.two-salmon-tartare .recipe-thumbnail {
	background-image: url(' two-salmon-tartare-recipe-mobile.webp ')
}

.chocolate-fondue .recipe-thumbnail {
	background-image: url(' chocolate-fondue.jpg ')
}

.shortbread-cookies .recipe-thumbnail {
	background-image: url(' shortbread-cookies.jpg ')
}

.chocolate-truffles .recipe-thumbnail {
	background-image: url(' chocolate-truffles.jpg ')
}

.green-soup .recipe-thumbnail {
	background-image: url(' green-soup.jpg ')
}

.heart-shaped-linzer-cookies .recipe-thumbnail {
	background-image: url(' heart-shaped-linzer-cookies.jpg ')
}

.peach-cobblers .recipe-thumbnail {
	background-image: url(' peach-cobblers.jpg ')
}

.maple-glazed-pumpkin-scones .recipe-thumbnail {
	background-image: url(' maple-glazed-pumpkin-scones.jpg ')
}

.pineapple-meatballs .recipe-thumbnail {
	background-image: url(' pineapple-meatballs.jpg ')
}

.vanilla-orange-cake .recipe-thumbnail {
	background-image: url(' vanilla-orange-cake.jpg ')
}

.winter-granola .recipe-thumbnail {
	background-image: url(' winter-granola.jpg ')
}

.wonton-soup .recipe-thumbnail {
	background-image: url(' wonton-soup.jpg ')
}

.tunacado .recipe-thumbnail {
	background-image: url(' tunacado.jpg ')
}

.watermelon-mocktail .recipe-thumbnail {
	background-image: url(' watermelon-mocktail.jpg ')
}

.linguine-alle-vongole .recipe-thumbnail {
	background-image: url(' linguine-alle-vongole.jpg ')
}

.chickpea-salad .recipe-thumbnail {
	background-image: url(' chickpea-salad.jpg ')
}

.beef-and-herb-meatballs .recipe-thumbnail {
	background-image: url(' beef-and-herb-meatballs.jpg ')
}

.pineapple-chicken-skewers .recipe-thumbnail {
	background-image: url(' pineapple-chicken-skewers.jpg ')
}

.chocolate-date-bark .recipe-thumbnail {
	background-image: url(' chocolate-date-bark.jpg ')
}

.french-onion-soup .recipe-thumbnail {
	background-image: url(' french-onion-soup.jpg ')
}

.feta-shallot-tart .recipe-thumbnail {
	background-image: url(' feta-shallot-tart.jpg ')
}

.orange-almond-cake .recipe-thumbnail {
	background-image: url(' orange-almond-cake.jpg ')
}

.cinnamon-buns .recipe-thumbnail {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/cinnamon-buns-recipe-mobile.webp?v=149041404959156119741771453540')
}

.chicken-taquitos .recipe-thumbnail {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/chicken-taquitos-recipe-mobile.webp?v=96604958777486903601771452940')
}

.beef-kefta .recipe-thumbnail {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/beef-kefta-recipe-mobile.webp?v=150224076563397249841771452870')
}

.lotus-truffle-cookies .recipe-thumbnail {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/lotus-truffle-cookies-recipe-mobile.webp?v=31661959971891030861771452436')
}

.warm-lentil-salad .recipe-thumbnail {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/warm-lentil-soup-recipe-mobile.webp?v=81889166577863095141771452025')
}

.no-bake-granola-bars .recipe-thumbnail {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/no-bake-granola-bars-recipe-mobile.webp?v=17139595781518383041771451854')
}

.fattoush-salad .recipe-thumbnail {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/fattoush-salad-recipe-mobile.webp?v=139465910230664475131771451109')
}

.mango-salad .recipe-thumbnail {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/mango-salad-recipe-mobile.webp?v=111221587825310346091771450771')
}

.breakfast-burrito .recipe-thumbnail {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/breakfast-burrito-recipe-mobile.webp?v=50303366975024808811771443405')
}

.smashed-beef-gyros .recipe-thumbnail {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/smashed-beef-gyros-recipe-mobile.webp?v=165684953969895384981771442787')
}

.garlic-lemon-shrimps .recipe-thumbnail {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/garlic-lemon-shrimps-recipe-mobile.webp?v=54515166171334058971771443232')
}

.loaded-smashed-potatoes .recipe-thumbnail {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/loaded-smashed-potatoes-recipe-mobile.webp?v=36240104394193119761771442968')
}

.viral-turkish-pasta .recipe-thumbnail {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/viral-turkish-pasta-recipe-mobile.webp?v=136697665192424998821771442296')
}

.baked-onion-pasta .recipe-thumbnail {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/baked-onion-pasta-recipe-mobile.webp?v=82442406317224494581771441477')
}

.pastina-soup .recipe-thumbnail {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/pastina-soup-recipe-mobile.webp?v=79967697852599830651771440896')
}

.phyllo-swirls .recipe-thumbnail {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/phyllo-swirls-recipe-mobile.webp?v=50435553970514163291771440656')
}

.beef-broccoli-noodles .recipe-thumbnail {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/beef-broccoli-noodles-recipe-mobile.webp?v=116161887567467851821771440422')
}

.crunch-wrap .recipe-thumbnail {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/crunch-wrap-recipe-mobile.webp?v=32264037927071911551771427850')
}

.strawberry-parfait .recipe-thumbnail {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/strawberry-parfait-recipe-mobile.webp?v=30985387631292548771771427748')
}

.maple-bacon-french-toast .recipe-thumbnail {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/maple-bacon-french-toast-recipe-mobile.webp?v=95031916883152768261771427636')
}

.chicken-shawarma .recipe-thumbnail {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/chicken-shawarma-recipe-mobile.webp?v=126462031717728117191770385902')
}

.dirty-martini-pasta-salad .recipe-thumbnail {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/dirty-martini-pasta-salad-recipe-mobile.webp?v=39830305462449153471770385902')
}

.pasta-puttanesca .recipe-thumbnail {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/pasta-puttanesca-recipe-mobile.webp?v=109751193206406556141770385902')
}

.italian-wedding-soup .recipe-thumbnail {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/italian-wedding-soup-recipe-mobile.webp?v=148890924563048889861773150174')
}

.strawberry-cheesecake .recipe-thumbnail {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/strawberry-cheesecake-recipe-mobile@2x.webp?v=164337791035654199931772740777');
}

.mango-panna-cotta .recipe-thumbnail {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/mango-panna-cotta-recipe-mobile.webp?v=52788782623419453671773771091');
}

/* LOGIN PAGE */
#customer {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	max-width: var(--form-max-width);
	margin: var(--spacer-2xl) auto;

	& #content {
		margin-top: var(--spacer-2xl)
	}

	& #customer-login,
	& #recover-password {
		border-radius: var(--border-radius);
		background-color: var(--slate-ultra-light);
		border: 1px solid var(--cart-row-border-color);
		padding: var(--spacer-xl);
		gap: var(--spacer-md);
		display: flex;
		flex-direction: column;
		margin: 0 auto;
		max-width: var(--max-section-width);
	}

	& #customer-login input,
	& #recover-password input {
		height: 2ch;
		border-radius: var(--font-size-xs);
		padding: var(--spacer-lg) var(--spacer-md);
		border: 1px solid var(--cart-row-border-color);
	}

	& #customer-login form label,
	& #recover-password form label {
		margin-left: var(--spacer-sm);
	}

	& form>div {
		display: flex;
		flex-direction: column
	}

	& form {
		display: flex;
		gap: var(--spacer-lg);
		flex-direction: column;
		align-items: center;
	}

	& form input {
		padding: var(--spacer-sm);
		width: var(--form-max-width);
	}

	& .cta {
		width: calc(var(--form-max-width) - var(--spacer-xl));
		justify-content: center
	}

	& #forgot_password a {
		color: red
	}

	& #forgot_password a:hover {
		color: var(--red)
	}

	& .errors {
		color: red;
		list-style: none;
	}

	& .errors ul {
		list-style-type: none
	}

	& #recover-password {
		display: flex;
		flex-direction: column;
		gap: var(--spacer-lg);
	}

	& #recover-password h2 {
		font-size: var(--font-size-xl);
		font-family: 'brandon-regular';
	}

	& #recover-password p {
		margin-bottom: var(--spacer-lg);
	}

	& .action_bottom {
		display: flex;
		gap: var(--spacer-md);
		flex-direction: row;
		align-items: center
	}

	& #recover-password .action_bottom .cta {
		width: fit-content;

	}
}

/* NEW USER LOGIN PAGE */
.red-error,
.red {
	color: var(--cancel-red);
}

.red-error {
	display: none;
}

.createaccount {
	border-radius: var(--border-radius);
	background-color: var(--slate-ultra-light);
	border: 1px solid var(--cart-row-border-color);
	padding: var(--spacer-xl);
	width: 40%;
	gap: var(--spacer-md);
	display: flex;
	flex-direction: column;
	height: fit-content;

	& .cta {
		margin-top: var(--spacer-md)
	}

	& form>div {
		display: flex;
		flex-direction: column;
		margin-bottom: var(--spacer-lg)
	}

	& form>div input:first-of-type {
		margin-bottom: var(--spacer-sm);
	}

	& form input {
		width: 100%;
		height: 2ch;
		border-radius: var(--font-size-xs);
		padding: var(--spacer-lg) var(--spacer-md);
		border: 1px solid var(--cart-row-border-color);
	}

	& form label {
		margin-left: var(--spacer-sm)
	}

	& form label.red-error {
		margin-top: 0
	}
}

button.disabled {
	opacity: 0.5;
	pointer-events: none;
}

.create-account-wrapper {
	display: flex;
	gap: var(--spacer-xl);
	margin-bottom: var(--spacer-xl);
	transition: opacity var(--transitionparams), transform var(--transitionparams);
	position: relative;
	align-items: stretch;
	margin-top: var(--spacer-xl);

	& img {
		width: 100%;
		height: unset;
		object-fit: cover;
		border-radius: var(--border-radius);
	}

	& #customer {
		margin: 0;
	}
}

#account .delivery-map-wrapper {
	padding: var(--spacer-md) 0 var(--spacer-2xl)
}

/* ACCOUNT INFO PAGE */
.account-section {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	margin: 0 auto var(--spacer-2xl);
	max-width: var(--max-section-width);

	& #customer_detail {
		display: flex;
		gap: var(--spacer-xl);
		background-color: var(--slate-ultra-light);
		border: 1px solid var(--cart-row-border-color);
		border-radius: var(--border-radius)
	}

	& #customer_detail>div {
		padding: var(--spacer-xl);
	}

	& label {
		margin-bottom: var(--spacer-md);
		color: var(--red);
		font-family: BrandonText-Bold;
		line-height: 1;
		font-size: var(--font-size-lg);
	}

	& p {
		margin-bottom: var(--spacer-lg);
	}

	& .customermeta p:last-of-type,
	& p:last-of-type {
		margin-bottom: 0
	}

	& select {
		margin-bottom: var(--spacer-lg);
		margin-top: var(--spacer-sm);

	}

	& .account-dashboard-holder {
		display: flex;
		margin: 0 0 var(--spacer-xl);
		gap: var(--spacer-2xl);
		align-items: flex-start
	}

	& .address {
		padding: var(--spacer-xl);
		margin: var(--spacer-md) var(--spacer-md) var(--spacer-md) 0;
		background-color: var(--white);
		border: 1px solid var(--cart-row-border-color);
		border-radius: var(--font-size-xs);
	}

	& .address-holder p {
		margin-bottom: unset
	}

	& #view_address {
		margin-top: var(--spacer-xl);
		margin-bottom: 0
	}
}

.customermeta .cta:not(.spin-hidden),
.order-cta-wrapper .place-same-order:not(.spin-hidden) {
	padding-right: var(--spacer-2xl)
}

.customermeta .cta:after,
.order-cta-wrapper .place-same-order:after {
	height: 2.5ch;
	aspect-ratio: 1;
	animation: spin .75s infinite linear;
	transition: opacity var(--transitionparams), transform var(--transitionparams);
	content: "";
	position: absolute;
	right: var(--spacer-mdsm);
	top: 50%;
	transform: translateY(-50%) rotate(0deg) scale(1);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 80%;
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/spinner.svg?v=126539831313340234291767819215');
}

.customermeta .cta.spin-hidden:after,
.order-cta-wrapper .place-same-order.spin-hidden:after {
	opacity: 0;
	pointer-events: none;
}

@keyframes spin {
	to {
		transform: translateY(-50%) rotate(360deg) scale(1);
	}
}


/* PAGINATION */
#pagination {
	margin: 0 auto var(--spacer-2xl);
	width: fit-content;
	max-width: var(--max-section-width);
	display: flex;
	align-items: center;
	border-radius: 100vw;
	padding: var(--spacer-xs);
	gap: var(--spacer-sm);
	border: 1px solid var(--slate-dark);
	background-color: var(--slate-medium);
	align-items: center;

	& a {
		color: var(--white);
		border-radius: 100vw;
		background-color: transparent;
		border: 1px solid transparent;
		font-family: BrandonText-Bold;
		text-align: center;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: background-color var(--transitionparams), border var(--transitionparams);
	}

	& .prev a,
	& .next a {
		padding: var(--spacer-xs) var(--spacer-sm);
	}

	& .current {
		aspect-ratio: 1;
		width: 2.5ch;
		height: 2.5ch;
		padding: var(--spacer-md);
		color: var(--white);
		border-radius: 100vw;
		background-color: var(--green-light);
		border: 1px solid var(--white-light);
		font-family: BrandonText-Bold;
		text-align: center;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: background-color var(--transitionparams), border var(--transitionparams);
	}

	& span:hover a {
		background-color: var(--green-light);
		border: 1px solid var(--white-light);
	}

	& .page a {
		aspect-ratio: 1;
		width: 2.5ch;
		height: 2.5ch;
		padding: var(--spacer-md);

	}

	& .deco {
		color: var(--white);
		display: flex;
		align-items: center
	}
}

/* ALERTS CLOSED ORDERS */
.nav-cart.ordersclosed,
.ordersclosed .grid-add-to-cart,
.ordersclosed .plus-minus,
.season .grid-add-to-cart,
.season .plus-minus {
	background-color: var(--alert-yellow-light);
	border: 1px solid var(--alert-yellow);
	opacity: .75;
	pointer-events: none;
	cursor: none
}

/* CART PAGE */
.cart-hero {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-cart.webp?v=102495689830987037401763670966');

	@media screen and (max-width: 650px) {
		background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-cart-mobile.webp?v=118267956931958621411770408118');
	}
}

.cart-row {
	display: flex;
	align-items: center;
	gap: var(--spacer-md);
	border: 1px solid var(--select-border-color);
	border-bottom: 0;
	padding: var(--spacer-mdsm);
	background-color: var(--white);
	border-radius: 0;
	position: relative;

	& img {
		max-width: 8rem;
		border-radius: var(--spacer-sm);
		overflow: hidden;
		object-fit: contain;
		aspect-ratio: 16/12;
	}

	&:first-of-type {
		border-radius: var(--font-size-xs) var(--font-size-xs) 0 0;
	}

	&:last-of-type {
		border-radius: 0 0 var(--font-size-xs) var(--font-size-xs);
		border-bottom: 1px solid var(--select-border-color);
	}

	&:only-child {
		border-radius: var(--font-size-xs);
	}
}

.cart-update-holder {
	display: flex;
	align-items: center;
	border-radius: 100vw;
	padding: var(--spacer-xs);
	gap: var(--spacer-sm);
	background-color: var(--slate-ultra-light);
	border: 1px solid var(--cart-row-border-color);
	position: relative;
	transition: transform var(--transitionparams);

	&:before {
		content: "";
		position: absolute;
		inset: 0 -2rem 0 0;
	}

	& .number {
		display: flex;
		align-items: center;
		justify-content: flex-end
	}

	& .line {
		border-bottom: 1px solid var(--cart-row-border-color);
		height: 1px;
		width: 100%;
		margin: var(--spacer-md) 0
	}

	& .disabled {
		opacity: .5;
		pointer-events: none
	}
}

.remove-btn {
	border-radius: 100vw;
	aspect-ratio: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	padding: 0;
	width: 1.75rem;
	height: 1.75rem;

	& .icons {
		margin: 0;
		height: 1.25ch
	}

	&:hover .icons {
		transform: unset
	}

	&.disabled {
		opacity: .5;
		pointer-events: none
	}
}

.cart-desc-wrapper {
	display: flex;
	align-items: center;
	text-wrap: balance;
	letter-spacing: -.5px;

	& :first-letter {
		text-transform: uppercase
	}
}

:lang(fr) .cart-desc-wrapper :first-letter {
	text-transform: uppercase
}

#your-shopping-cart h2,
.email-subscribe-wrapper h2 {
	font-size: var(--font-size-2xl);
	margin-bottom: var(--spacer-xl);
	margin-left: var(--spacer-lg);
	color: var(--slate-text);
}

.empty-cart-message {
	margin-bottom: var(--spacer-2xl);

	& .cta {
		margin-top: var(--spacer-md)
	}

	& .tagline {
		margin-top: 0
	}
}

.email-subscribe-wrapper h2 {
	font-size: var(--font-size-4xl);
}

.proceed-btn.cta {
	font-size: var(--font-size-lg);
	align-items: center;
	margin: 0 0 0 var(--spacer-xl);
	justify-content: center;
	max-width: 12vw;
	width: -webkit-fill-available;
	opacity: 0;
	transform: scale(.9) translateY(-1rem);
	pointer-events: none;
	position: absolute;
	transition: transform var(--transitionparams);
	z-index: 1;
	transform-style: preserve-3d;

	& .shopping-cart {
		margin-right: 0
	}

	&.proceed-btn-show {
		opacity: 1;
		transform: scale(1) translateY(0);
		position: relative;
		pointer-events: auto;
	}

	&:after {
		inset: calc(var(--spacer-mdsm) * -1);
		border-radius: 0 0 var(--spacer-xl) var(--spacer-xl);
		border: 1px solid var(--select-border-color);
		border-top: 0;
		background: var(--slate-ultra-light);
		content: "";
		position: absolute;
		z-index: -1;
		transform: translateZ(-1px);
	}
}

.cart-btns {
	margin-top: calc(var(--spacer-lg) * -.9)
}

.coll-listing {
	padding: var(--spacer-xl);
	border-radius: var(--border-radius);
	background-color: var(--slate-ultra-light);
	border: 1px solid var(--cart-row-border-color);
	margin-bottom: var(--spacer-xl);

	&:last-child {
		margin: 0
	}
}

.lineunitprice,
.cart-line-gst,
.cart-line-pst,
.depottotalamount,
.depotunitprice,
.depotunitqty {
	display: none !important
}

.cart-line-semi-total {
	display: flex;
	align-items: center;
	margin-left: auto;
	text-transform: lowercase
}

.cart-line-total {
	display: flex;
	align-items: center;
}

.cart-line-total {
	position: relative;

	& sup {
		position: absolute;
		bottom: -2ch;
		right: 0;
	}

	& sup:first-of-type {
		right: 2.75ch;
	}

	& sup:only-of-type {
		right: 0;
	}

	& .red {
		font-weight: 700;
		font-size: var(--font-size-lg);
		color: var(--slate-text)
	}
}

.cart-text {
	position: relative;

	& a {
		color: var(--red);
		font-family: 'BrandonText-Bold';
		font-size: var(--font-size-lg);
		text-wrap: balance;
		display: block;
		line-height: 1.1;
		letter-spacing: -.5px;
	}

	& a:hover {
		color: var(--green)
	}

	& .special-icon {
		position: absolute;
		top: -3ch;
		left: 0;
		background-color: var(--yellow);
		color: var(--red);
		font-family: 'BrandonText-Bold';
		letter-spacing: -.75px;
		font-size: var(--font-size-xs);
		padding: calc(var(--spacer-xs) / 3) calc(var(--spacer-sm) * .85);
		border-radius: 100vw;
	}
}

:lang(fr) .cart-text a {
	text-transform: lowercase;

	&:first-letter {
		text-transform: uppercase
	}
}

/* CART PAGE BOTTOM */
.list-total-items {
	width: 100%;
	max-width: var(--max-section-width);
	display: flex;
	align-items: flex-start;
	margin: 0 auto;

	& .icons {
		height: 1.25ch
	}
}

.cart-totals-holder {
	display: flex;
	flex-direction: column;
	padding: var(--spacer-2xl) var(--spacer-xl);
	gap: var(--spacer-sm);
	text-align: right;
	position: relative;
	color: var(--slate-text);
	align-items: flex-end;
	border: 1px solid var(--select-border-color);
	border-top: 0;
	border-radius: 0 0 var(--spacer-md) var(--spacer-md);
	background-color: var(--slate-ultra-light);
	margin-bottom: var(--spacer-xl);

	a:hover {
		color: var(--red)
	}

	&.cart-totals-holder-active {
		padding: var(--spacer-xl);
	}

	& .cart-proceed-btn {
		position: absolute;
		bottom: var(--spacer-xl);
	}

	& .icons {
		filter: var(--filter-white)
	}
}

.total-breakdown {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	position: absolute;
	right: var(--spacer-2xl);
	bottom: var(--spacer-md);
	letter-spacing: -.25px;

	& .icons {
		filter: var(--filter-pa-green);
		transition: transform var(--transitionparams), filter var(--transitionparams);
	}

	&:hover .icons {
		transform: rotate(360deg);
		filter: var(--filter-pa-red);
	}
}

.cartsum {
	position: relative;
	font-size: var(--font-size-2xl);
	color: var(--red);
	letter-spacing: -2px;
	background-color: var(--white);
	padding: var(--spacer-lg);
	border-radius: var(--spacer-md);

	&:before {
		position: absolute;
		content: "Estimated Total*";
		top: calc(var(--spacer-lg) * -1);
		right: 0;
		font-family: 'brandon-regular';
		color: var(--slate-text);
		font-size: var(--font-size-sm);
		color: var(--slate-medium);
		letter-spacing: -.5px
	}
}

:lang(fr) .cartsum:before {
	content: "Total estimé*";
}

.cart-totals-message {
	border-radius: var(--spacer-md) var(--spacer-md) 0 0;
	background-color: var(--slate-ultra-light);
	border: 1px solid var(--select-border-color);
	padding: var(--spacer-xl) var(--spacer-xl);
	font-family: BrandonText-Bold;
	color: var(--slate-text);
	text-wrap: balance;
	min-width: 28rem;
	text-align: right;

	& h4 {
		font-size: var(--font-size-xl);
		color: var(--red);
		margin-right: var(--spacer-md);
	}

}

.cartsum-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding-left: var(--spacer-md);
}

.cart-outer-flex-wrapper {
	display: flex;
	gap: var(--spacer-xl);
	justify-content: space-between;
	position: relative;

	& form {
		flex: 1
	}
}

.cart-totals-outer-wrapper {
	position: sticky;
	align-self: flex-start;
	top: var(--spacer-xl);
}

.cart-totals-holder-active {
	min-width: 28rem;
	margin-bottom: var(--spacer-xl);

	& .cartsum {
		font-size: var(--font-size-2xl);
		color: var(--slate-text);
		padding: 0 0 var(--spacer-md);
		background-color: transparent;
		margin-right: var(--spacer-md);
	}

	& .cartsum:before {
		content: unset;
	}

	& .cart-sum-details-inner-wrapper {
		background-color: var(--white);
		max-height: 100vh;
		opacity: 1;
		position: relative;
		padding: var(--spacer-md);
		border-radius: var(--spacer-sm);
		display: flex;
		flex-direction: column;
		gap: var(--spacer-xs);
		border: 1px solid var(--select-border-color);
	}

	& .cartsumdetails .cart-sum-details-inner-wrapper>div {
		opacity: 1;
		transform: translateX(0);
	}

	& .cartsumTaxes {
		max-height: 100vh;
		/* animate open */
		opacity: 1;
		/* fade in */
		transform: translateY(0);
		padding: var(--spacer-xl) 0 0 0;
		position: relative;
		margin-right: var(--spacer-md);
		letter-spacing: -3px;
		padding-right: 2px;

		&:before {
			position: absolute;
			content: "Estimated Total*";
			top: var(--spacer-md);
			right: 0;
			font-family: 'brandon-regular';
			font-size: var(--font-size-sm);
			color: var(--slate-text);
			letter-spacing: -.5px;
		}
	}

	& .total-breakdown {
		display: none
	}

	& .line {
		height: 1px
	}
}

:lang(fr) .cartsumTaxes:before {
	content: "Total estimé*";
}

.cartsumdetails {
	display: flex;
	width: 100%;
	flex-direction: column;
	gap: var(--spacer-sm);
	font-weight: 400;

	& span {
		margin-left: auto;
	}

	& .cart-sum-details-inner-wrapper>div {
		display: flex;
		align-items: center;
		transition: opacity var(--transitionparams), transform var(--transitionparams);
		opacity: 0;
		transform: translateX(-.5rem);
		transition-delay: var(--delay, 0s);
	}

	& .line {
		border-bottom: 1px solid var(--green-light);
		width: 100%;
		height: 0px;
		margin-top: var(--spacer-lg);
	}
}

.cartsumTaxes {
	display: flex;
	opacity: 0;
	transform: translateY(.5rem);
	max-height: 0;
	overflow: hidden;
	position: relative;
	font-size: var(--font-size-3xl);
	color: var(--red);
	padding-top: var(--spacer-md);
	margin-left: auto;
	letter-spacing: -2px;
	justify-content: flex-end;
	display: inline-flex;
	width: auto;
	/* or remove width entirely */
	transition: opacity var(--transitionparams), transform var(--transitionparams);
	transition-delay: var(--delay, 0s);
	backface-visibility: hidden;
}

.print-cart {
	display: flex;
	align-items: center;
	gap: var(--spacer-md);
	margin-bottom: var(--spacer-xl);
	flex-wrap: wrap;
}

.print-btn .icons {
	filter: var(--filter-slate);
}

.cart-footnote {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr));
	gap: var(--spacer-xl);
	opacity: .8;
	margin: var(--spacer-2xl) auto;
	font-size: var(--font-size-sm);
	padding: 0 var(--spacer-2xl);

	& p,
	& strong {
		position: relative;
		text-wrap: pretty;
	}

	& p:before,
	& p strong:before {
		position: absolute;
		content: "*";
		top: 0;
		left: -.75ch
	}
}

.delivery-tips {
	width: 100%;
}

.tips-holder.cart-row:last-of-type {
	border-radius: var(--font-size-xs);
	display: flex;
	flex-wrap: wrap;
	gap: var(--spacer-lg);
	padding: var(--spacer-lg);

	& button {
		font-family: BrandonText-Bold;
		cursor: pointer;
		border-radius: 100vw;
		border: 1px solid var(--green);
		background-color: var(--green-light);
		display: flex;
		align-items: center;
		width: fit-content;
		padding: var(--spacer-sm) var(--spacer-md);
		color: var(--white);
		transition: background-color var(--transitionparams), border var(--transitionparams);
	}

	& button:hover {
		background-color: var(--red);
		border: 1px solid var(--red-light);
	}
}

#your-shopping-cart .account-section .address {
	background-color: unset;
	border: unset;
	border-radius: unset;
	display: flex;
	flex-direction: column;

	& #view_address {
		margin-top: auto
	}
}

#your-shopping-cart .account-section {
	display: none
}


#your-shopping-cart .account-section #customer_detail {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
	background: var(--white);
	gap: var(--spacer-lg);
	width: 100%;
}

#your-shopping-cart .account-section .account-dashboard-holder {
	margin: 0;
}

.order-type-holder select:last-of-type {
	margin-bottom: 0
}

.cart-note {
	scroll-margin-top: var(--spacer-2xl);
	opacity: 0;
	transform: scale(.9);
	pointer-events: none;
	position: absolute;
	transition: transform var(--transitionparams);
	border: 1px solid var(--select-border-color);

	&.cart-note-show {
		opacity: 1;
		transform: scale(1);
		position: relative;
		pointer-events: auto;
	}

	& p {
		text-wrap: balance;
		opacity: .8;
		line-height: 1.1;
		position: relative;
		margin: var(--spacer-md) 0 0 var(--spacer-md);
	}

	& p:before {
		position: absolute;
		content: "*";
		top: 0;
		left: -.75ch;
	}

	& textarea {
		width: 100%;
		height: 15ch;
		border-radius: var(--font-size-xs);
		padding: var(--spacer-md);
		border: 1px solid var(--slate-ultra-light);
	}

	& .cart-row {
		border-radius: var(--font-size-xs);
		margin-bottom: var(--spacer-xl);
		display: flex;
		flex-direction: column;
	}

	& h2 {
		margin-left: 0 !important;
		margin-bottom: var(--spacer-md) !important
	}

	& .cart-note-inner-wrapper {
		display: grid;
		grid-template-columns: 30% 1fr;
		gap: var(--spacer-xl)
	}
}


/* MODALS */
.modal-wrapper {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	padding: var(--spacer-3xl);
	gap: var(--spacer-xl);
	border-radius: var(--border-radius);
	background-color: var(--cart-row-border-color);
	border: 1px solid var(--green-light);
	display: flex;
	flex-direction: column;
	color: var(--slate-text);
	z-index: 8;
	min-width: 25vw;
	transition: transform var(--transitionparams), opacity var(--transitionparams);
	opacity: 1;
	align-items: flex-start;

	& .alert-icon {
		height: 5ch;
		filter: var(--filter-alert-yellow)
	}

	&.modal-alert {
		background-color: var(--alert-yellow-ultra-light);
		border: 1px solid var(--alert-yellow);
	}

	&:before {
		position: absolute;
		inset: var(--spacer-xl);
		background-color: white;
		border-radius: var(--border-radius-smaller);
		content: "";
		z-index: -1
	}

	& a:last-of-type {
		color: var(--red);
		margin-left: auto;
	}

	& a:last-of-type:hover {
		color: var(--green);
	}

	&.modal-hide {
		pointer-events: none;
		transform: translate(-50%, -52%);
		opacity: 0;
	}

	& .modal-btn-wrapper {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%
	}

	& .modal-title {
		font-size: var(--spacer-lg);
		font-weight: 700;
		letter-spacing: -.75px;
		line-height: 1.1;
		text-wrap: balance
	}

	& p {
		line-height: 1.1;
		text-wrap: balance;
		margin-top: calc(var(--spacer-lg) * -1)
	}
}

.modal-blur {
	position: fixed;
	pointer-events: auto;
	z-index: 5;
	inset: 0;
	background-color: var(--slate-medium);
	backdrop-filter: blur(12px);
	transition: opacity var(--transitionparams);
	opacity: 1;

	&.modal-blur-hide {
		opacity: 0;
		cursor: none;
		pointer-events: none;
	}
}

.pulse {
	width: var(--size);
	height: var(--size);
	border-radius: 999px;
	display: grid;
	place-items: center;

	/* the animation */
	animation: pulse 1.8s ease-in-out infinite;
}

/* the pulsing ring */
.pulse::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	box-shadow: 0 0 0 0 rgba(255, 165, 0, 0.6);
	animation: ring 1.8s ease-out infinite;
}

/* scale + subtle glow */
@keyframes pulse {

	0%,
	100% {
		transform: scale(1);
		filter: drop-shadow(0 0 0 rgba(255, 165, 0, 0));
	}

	50% {
		transform: scale(1.08);
		filter: drop-shadow(0 8px 16px rgba(255, 165, 0, 0.35));
	}
}

/* outward wave */
@keyframes ring {
	0% {
		box-shadow: 0 0 0 0 rgba(255, 165, 0, 0.6);
		opacity: 1;
	}

	70% {
		box-shadow: 0 0 0 18px rgba(255, 165, 0, 0);
		opacity: 0;
	}

	100% {
		box-shadow: 0 0 0 0 rgba(255, 165, 0, 0);
		opacity: 0;
	}
}

/* accessibility: respect reduced motion */
@media (prefers-reduced-motion: reduce) {

	.pulse,
	.pulse::after {
		animation: none;
	}
}

/* SUBSCRIBE WRAPPER */
.email-subscribe-wrapper {
	max-width: var(--max-section-width);
	margin: var(--spacer-5xl) auto 0;
	background-position: center right;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: var(--spacer-lg);
	overflow: hidden;
	padding: var(--spacer-4xl);
	overflow: hidden;
	position: absolute;
	inset: 0;
	opacity: 0;
	transform: scale(0.95);
	transition: opacity var(--transitionparams), transform var(--transitionparams);
	transform-origin: top center;
	pointer-events: none;
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-email-subscribe-newsletter2.webp?v=150300811527868385091767535011');

	&:before {
		content: "";
		position: absolute;
		inset: -1rem;
		background: linear-gradient(to top right, oklch(0.15 0.05 260 / 0.7) 0%, oklch(0.15 0.05 260 / 0.45) 15%, oklch(0.15 0.05 260 / 0.25) 30%, oklch(0.15 0.05 260 / 0) 100%);
		pointer-events: none;
		-webkit-user-select: none;
		user-select: none;
		z-index: 0;
	}

	& h2 {
		color: var(--white);
		max-width: 20ch;
		z-index: 1;
		position: relative;
		margin-left: 0;
		margin-bottom: var(--spacer-3xl);
	}

	& label {
		color: var(--white);
		line-height: 1;
	}

	& input {
		appearance: none;
		border: 1px solid var(--white-medium);
		border-radius: var(--border-radius-smaller);
		padding: var(--spacer-sm) var(--spacer-md);
		font-size: var(--font-size-sm);
		display: block;
		width: 350px;
		font-size: var(--font-size-base);
		background: transparent;
		color: var(--white);
		margin-top: var(--spacer-xs);
		z-index: 1;
		position: relative;
	}

	& #mc_embed_signup_scroll {
		display: flex;
		gap: var(--spacer-sm);
		align-items: flex-end;
		z-index: 2;
		position: relative;
	}

	& #mc_embed_signup_scroll .cta {
		align-items: center;
	}

	& .icons {
		height: 1.5ch
	}

	& .cart-row {
		border-radius: var(--font-size-xs);
		z-index: 1;
		width: fit-content;
		background: unset;
		border: unset;
		padding: 0;
	}

	& .icons.subscribe-icon {
		height: 5rem;
		filter: var(--filter-pa-green);
		margin-bottom: var(--spacer-md);
	}

}

#mc_embed_signup div.mce_inline_error {
	background-color: var(--cancel-red) !important;
	border-radius: 0 0 var(--border-radius-smaller) var(--border-radius-smaller) !important;
	margin-top: 0 !important;
	width: 92% !important;
	margin-left: 4% !important;
}

#mce-success-response {
	color: var(--white);
	background-color: var(--green-light);
	padding: var(--spacer-sm);
	border-radius: var(--border-radius-smaller);
	position: absolute;
	border: 1px solid var(--green);
	left: 0;
	top: calc(var(--spacer-2xl) * -1);
}

.subscribe-btn .icons {
	height: 1.5ch;
}

.subscribe-btn {
	margin-top: var(--spacer-xl);
	font-size: var(--font-size-lg);
	align-items: center;
}

.close-subscribe-btn {
	position: absolute;
	top: var(--spacer-xl);
	right: var(--spacer-xl);
	transition: filter var(--transitionparams);
	cursor: pointer;
	z-index: 1;

	& .icons {
		height: 2ch;
	}

	&:hover {
		filter: var(--filter-canada-red);
	}

	&:before {
		position: absolute;
		inset: -.5rem;
		content: "";
	}
}

.subscribe-flyer-holder-show {

	& .email-subscribe-wrapper {
		opacity: 1;
		transform: scale(1);
		position: relative;
		pointer-events: auto;
	}

	& .subscribe-btn {
		display: none
	}

	& .flyer-outer-wrapper {
		margin: calc(var(--spacer-5xl) * -1) auto;
		padding-top: var(--spacer-md)
	}
}

.flyer-div {

	& img {
		border-bottom: 1px solid var(--select-border-color);
	}

	& img:first-of-type {
		border-radius: var(--spacer-2xl) var(--spacer-2xl) 0 0;
	}

	& img:last-of-type {
		border-radius: 0 0 var(--spacer-2xl) var(--spacer-2xl);
		margin-bottom: var(--spacer-xl);
		border: 0
	}
}

.flyer-outer-wrapper {
	background: var(--slate-ultra-light);
	margin: calc(var(--spacer-2xl) * -1) auto;
	padding-bottom: var(--spacer-2xl);
}

.print-flyer {
	margin-bottom: var(--spacer-2xl);
}

/* FOOTER */
footer {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding: var(--spacer-5xl) 0 0;
	position: relative;
	contain: paint;
	transform: translateZ(0);
	content-visibility: auto;
	contain-intrinsic-size: auto 600px;
	background-image: linear-gradient(oklch(0.15 0.02 260 / 0.5), oklch(0.15 0.02 260 / 0.5)),
	url(//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-specials-blur.webp?v=149601687667052722351771329234);

	& a {
		color: var(--white);
		font-weight: 700;
		width: fit-content;
	}

	& a:hover {
		color: var(--green)
	}

	& .pa-logo-solo {
		position: relative;
		z-index: 1
	}

}

.footer-wrapper {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr));
	gap: var(--spacer-2xl);
	z-index: 1;
	position: relative;
	border-bottom: 1px solid var(--cart-row-border-color);
	padding-bottom: var(--spacer-2xl)
}

.footer-inner-wrapper {
	display: flex;
	flex-direction: column;
	gap: var(--spacer-sm)
}

.footer-inner-title {
	color: var(--white);
	font-size: var(--font-size-lg);
	font-family: 'BrandonText-Bold';
	text-transform: uppercase;
	margin-bottom: var(--spacer-mdsm);
	display: flex;
	align-items: center;
	width: fit-content;

	& .icons {
		margin-left: var(--spacer-sm);
		height: 1.25ch;
		filter: var(--filter-pa-green);
		display: none;
		transition: filter var(--transitionparams), transform var(--transitionparams);
	}

	& .chevron-down.rotate {
		transform: rotate(180deg);
	}

	a:before {
		position: absolute;
		top: -.5rem;
		right: -.5rem;
		bottom: -.5rem;
		left: -.5rem;
		content: "";
	}
}

.footer-main-title {
	color: var(--white);
	font-size: var(--font-size-3xl);
	font-family: 'BrandonText-Bold';
	position: relative;
	z-index: 1;
	letter-spacing: -2px;
	margin-bottom: var(--spacer-3xl);

	& span {
		font-size: 66%;
		display: block;
		margin-top: -.5ch
	}
}

.footer-lang-btn {
	padding: var(--spacer-xs) var(--spacer-sm);
	border-radius: var(--border-radius-smaller);
	background-color: var(--white);
	color: var(--slate-text);
	font-family: 'BrandonText-Bold';

	&:hover {
		color: var(--white);
		background-color: var(--green-light);
	}
}

.footer-grid-wrap {
	display: flex;
	flex-direction: column;
	gap: var(--spacer-sm)
}

.footer-menu-content {
	display: flex;
	flex-direction: column;
	gap: var(--spacer-sm);
}

.footer-lower {
	position: relative;
	z-index: 1;
	padding: var(--spacer-xl) 0 var(--spacer-2xl);
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: var(--spacer-md);

	& .footer-inner-title {
		margin: 0;
		color: var(--white)
	}

	& .cta {
		margin-left: auto
	}
}

.copyright {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-size: var(--font-size-sm);
	opacity: .8;
	gap: var(--spacer-sm);
	width: 100%;

	& a {
		width: max-content;
	}
}

/* TERMS OF SERVICE */
#terms-of-service-holder {
	padding-bottom: var(--spacer-2xl);
	max-width: var(--max-section-width);
	width: 100%;
	margin: 0 auto;

	& h2 {
		font-size: var(--font-size-2xl);
		margin-bottom: var(--spacer-md);
		color: var(--slate-text);
	}

	& section {
		margin: 0 auto var(--spacer-md);
		max-width: 65ch;
	}

	& .line {
		border-top: 1px solid var(--select-border-color);
		width: 100%;
		height: 1px;
		margin: var(--spacer-xl) 0;
	}

	& ul {
		margin: var(--spacer-md) 0 var(--spacer-md) var(--spacer-md);
		line-height: 1.6;
	}

	& ul li {
		margin-bottom: var(--spacer-sm);
		text-wrap: pretty;
	}

	& ul li:last-of-type {
		margin-bottom: 0;
	}

	& p {
		margin-bottom: var(--spacer-md);
		line-height: 1.6;
		text-wrap: pretty;
	}
}

.data-table {
	border: 1px solid var(--select-border-color);
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	margin-bottom: var(--spacer-xl);

	& td {
		border: 1px solid var(--select-border-color);
		padding: var(--spacer-md);
		vertical-align: top;
	}

	& th {
		padding: var(--spacer-md);
	}

	& td:first-child {
		width: 40%
	}

	& ul {
		margin: 0 var(--spacer-md) !important
	}

	& ul li {
		margin-bottom: 0 !important;
		text-indent: -.05em;
	}
}

/* MOBILE NAVIGATION */
.mobile-nav-wrapper {
	position: fixed;
	width: 100%;
	padding: var(--spacer-lg) var(--spacer-2xl);
	background: var(--slate-medium);
	top: 0;
	left: 0;
	z-index: 10;
	transform: translateY(-100dvh);
	opacity: 0;
	transition: transform var(--transitionparams), opacity var(--transitionparams);
	backdrop-filter: blur(12px);

	&.mobile-nav-active {
		transform: translateY(0);
		opacity: 1;
	}

	&.mobile-nav-return-transition {
		transform: translateY(-100dvh);
		opacity: 1;
		transition: transform .25s ease-in;
	}

	& img {
		margin-left: calc(var(--spacer-lg) * -1)
	}

	& a {
		font-family: 'BrandonText-Bold';
		color: var(--white)
	}

	& .footer-lang-btn {
		padding: var(--spacer-xs) var(--spacer-sm);
		border-radius: var(--border-radius-smaller);
		background-color: var(--white);
		color: var(--slate-text);
		font-family: 'BrandonText-Bold';

		&:hover {
			color: var(--white);
			background-color: var(--green-light);
		}
	}

	& .mobile-nav-close {
		position: absolute;
		top: var(--spacer-2xl);
		right: var(--spacer-2xl);

		&:before {
			position: absolute;
			inset: -.5rem;
			content: "";
		}
	}

	& .footer-lower {
		padding-bottom: var(--spacer-lg);
	}

	& .footer-inner-wrapper,
	& .pa-logo-solo,
	& .footer-lang-btn,
	& .logout-btn {
		opacity: 0;
		transform: translateY(2rem);
		transition: opacity var(--transitionparams), transform var(--transitionparams);
		transition-delay: var(--delay, 0s);
		will-change: transform, opacity;
	}

	& .pa-logo-solo {
		transform: translate(0, -2rem);
	}

	&.mobile-nav-active .footer-inner-wrapper,
	&.mobile-nav-active .pa-logo-solo,
	&.mobile-nav-active .footer-lang-btn,
	&.mobile-nav-active .logout-btn {
		opacity: 1;
		transform: translate(0);
		padding: var(--spacer-xs) var(--spacer-mdsm);
	}

	&.mobile-nav-active .footer-lang-btn {
		padding: var(--spacer-xs) var(--spacer-sm);
		;
	}
}


/* SCROLL WRAPPERS */
.scroll-wrapper {
	transition: all 0.35s ease-in;
	scrollbar-width: none;
	align-items: flex-start;
	scroll-snap-align: start;
	overflow-x: auto;
	overflow-y: hidden;
	flex-wrap: nowrap;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	will-change: transform;
}

.scroll-wrapper::-webkit-scrollbar {
	display: none;
}

.scroll-btns-wrapper {
	width: fit-content;
	margin: var(--spacer-lg) 0 var(--spacer-2xl) calc(calc(100vw - var(--max-section-width)) / 2);
	padding: var(--spacer-xs);

	& .disabled {
		opacity: .5;
		pointer-events: none;
		cursor: none;
	}

	& button .icons {
		height: 1.5ch
	}

	& #scroll-left .icons {
		transform: rotate(180deg);
	}

	& button {
		padding: var(--spacer-xs);
	}
}

/* SERIVCES PAGE */
#online {
	margin: var(--spacer-2xl) auto;

	& .online-inner-wrapper {
		display: flex;
		margin: var(--spacer-2xl) auto;
		justify-content: space-between;
		gap: var(--spacer-2xl);
	}

	& img {
		width: 100%;
		aspect-ratio: 16/12;
		object-fit: cover;
		border-radius: var(--border-radius);
	}

	& picture {
		width: 60%;
		flex-shrink: 0;
	}

	& ul {
		display: flex;
		flex-wrap: wrap;
		gap: var(--spacer-xl);
	}

	& ul li {
		display: flex;
		flex-direction: column;
		border-radius: var(--border-radius);
		border: 1px solid var(--cart-row-border-color);
		padding: var(--spacer-xl);
		font-family: 'BrandonText-Bold';
		background-color: var(--slate-ultra-light);
		align-items: flex-start;
		justify-content: space-between;
		position: relative;
		text-wrap: balance;
		flex: 1 1 calc(50% - var(--spacer-2xl));
		line-height: 1.1;
		gap: var(--spacer-md);
	}

	& li .icons {
		height: 3ch;
		filter: var(--filter-pa-red)
	}

	& li:after {
		position: absolute;
		inset: var(--spacer-md);
		border: 1px solid var(--cart-row-border-color);
		border-radius: var(--border-radius-smaller);
		content: "";
	}
}

#delivery {

	& .price-list-wrapper {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(min(340px, 100%), 1fr));
		margin-bottom: var(--spacer-xl);
	}

	& .price-list-item {
		display: flex;
		align-items: center;
		background-color: var(--white);
		border: 1px solid var(--slate-ultra-light);
		gap: var(--spacer-md);
		padding: var(--spacer-xl);
		height: 100%;
	}

	& .price-list-item:first-of-type {
		border-radius: var(--border-radius) 0 0 var(--border-radius)
	}

	& .price-list-item:last-of-type {
		border-radius: 0 var(--border-radius) var(--border-radius) 0;
	}

	& .price {
		font-size: var(--spacer-3xl);
		background-color: var(--cart-row-border-color);
		padding: var(--spacer-sm) var(--spacer-md) var(--spacer-sm) var(--spacer-sm);
		border-radius: var(--border-radius-smaller);
		border: 1px solid var(--slate-ultra-light);
		width: 10rem;
		font-family: 'BrandonText-Bold';
		aspect-ratio: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
	}

	& .price:after {
		position: absolute;
		content: "*";
		top: var(--spacer-sm);
		right: var(--spacer-sm);
		font-size: var(--font-size-lg);
	}

	& .price span {
		position: relative;
	}

	& .price span:after {
		position: absolute;
		top: .4ch;
		right: -.75ch;
		content: "$";
		font-size: 60%
	}

	& .price-list-item p {
		font-family: 'BrandonText-Bold';
		line-height: 1.05;
		text-wrap: balance;
	}

	& .price-list-item p span {
		color: var(--red)
	}
}

.delivery-hours-wrapper {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(280px, 100%), 1fr));
	margin-bottom: var(--spacer-xl);

	& .delivery-hours {
		display: flex;
		flex-direction: column;
		background-color: var(--white);
		border: 1px solid var(--slate-ultra-light);
		gap: var(--spacer-md);
		padding: var(--spacer-xl);
		height: 100%;
	}

	& .hours-wrapper {
		display: flex;
		align-items: center;
		position: relative;
		z-index: 0;
		gap: var(--spacer-2xl);
		width: fit-content;
	}


	& .hours-wrapper:after {
		position: absolute;
		top: 50%;
		width: var(--spacer-4xl);
		left: 50%;
		height: 2px;
		border-top: 2px dotted var(--green-light);
		transform: translate(-50%, -50%);
		content: "";
		z-index: -1;
	}

	& .hours {
		display: flex;
		align-items: center;
		font-family: 'BrandonText-Bold';
		padding: 0 var(--spacer-sm);
		background-color: var(--green-ultra-light);
		border: 1px solid var(--slate-ultra-light);
		border-radius: var(--border-radius-smaller);
		width: fit-content;
		font-size: var(--font-size-lg);
		position: relative;
		z-index: 1;
		outline: 3px solid var(--white);
	}

	& .hours-title {
		margin-top: auto;
		text-wrap: balance;
	}

	& h3 span {
		color: var(--slate-text);
		font-size: var(--font-size-base);
		letter-spacing: -.25px;
		margin-left: var(--spacer-xs);
		margin-bottom: var(--spacer-lg);
	}

	& .hours-title span {
		font-family: 'BrandonText-Bold';
	}

	& .delivery-hours:first-of-type {
		border-radius: var(--border-radius) 0 0 var(--border-radius)
	}

	& .delivery-hours:last-of-type {
		border-radius: 0 var(--border-radius) var(--border-radius) 0;
	}
}

.delivery-fees {
	margin-left: var(--spacer-xl);
	font-family: 'BrandonText-Bold';
}

/* DELIVERY MAP	 */
.delivery-map-wrapper {
	padding: var(--spacer-2xl) 0;
	margin: 0 auto;
	width: var(--max-section-width);

	& section {
		display: flex;
		gap: var(--spacer-xl);
		margin-top: var(--spacer-xl);
		align-items: flex-start;
	}

	& .left-panel-wrapper {
		display: flex;
		flex-direction: column;
		gap: var(--spacer-md);
		width: 40%;
		border-radius: var(--border-radius);
		background-color: var(--slate-ultra-light);
		padding: var(--spacer-xl);
	}

	& #panel {
		display: flex;
		flex-direction: column;
		gap: var(--spacer-xl);
	}

	& #panel .tagline {
		margin-top: 0
	}

	& #panel input {
		width: 100%;
		height: 2ch;
		border-radius: var(--font-size-xs);
		padding: var(--spacer-lg) var(--spacer-md);
		border: 1px solid var(--cart-row-border-color);
	}

	& #panel .tagline span {
		color: var(--red);
		font-size: calc(100% * .8)
	}
}

.delivery-zone-legend-wrapper {
	display: flex;
	flex-direction: column;
	border-radius: var(--border-radius);
	border: 1px solid var(--cart-row-border-color);
	background-color: var(--green-ultra-light);
	margin-top: auto;
	color: var(--slate-text);
	overflow: hidden;
	position: absolute;
	inset: 0;
	opacity: 0;
	transform: scale(0.95);
	transition: opacity var(--transitionparams), transform var(--transitionparams);
	pointer-events: none;

	&.tab-show {
		opacity: 1;
		transform: scale(1);
		position: relative;
		pointer-events: auto;
	}

	& .legend {
		padding: var(--spacer-md);
		line-height: 1.1;
		display: flex;
		justify-content: space-between;
		text-align: right;
		align-items: center;
	}

	& .legend strong {
		text-align: left;
		margin-right: auto
	}

	& .legend-color {
		width: 1.5ch;
		aspect-ratio: 1;
		border-radius: 100vw;
		margin-left: var(--spacer-sm);
		border: 1px solid var(--slate-medium-ultra-light)
	}
}

.fort-blue {
	background-color: oklch(0.592 0.126 237.4)
}

.parc-green {
	background-color: oklch(0.793 0.167 124.585);
}

.samson-yellow {
	background-color: oklch(0.932 0.145 108.494);
	color: #444
}

.westbury-red {
	background-color: oklch(0.628 0.258 29.234);
}

.donegani-orange {
	background-color: oklch(0.793 0.171 70.67);
}

#canvas {
	height: 600px;
	width: 100%;
	border-radius: var(--border-radius-smaller)
}

/* FLYER DATES WEEK FORMAT */
.week {
	display: flex;
	gap: var(--spacer-xs);
	align-items: flex-end;
	font-family: 'BrandonText-Bold';
	width: fit-content;
	padding: var(--spacer-xs);
	margin: var(--spacer-2xl) 0;
	position: relative;

	& .month {
		display: none;
		color: var(--slate-text);
		font-size: var(--font-size-sm);
	}

	& .date {
		font-size: 0
	}

	& .day:before {
		content: attr(data-date);
		color: var(--red);
		text-align: center;
		z-index: 2;
		background-color: white;
		aspect-ratio: 1;
		border-radius: 100vw;
		border: 1px solid var(--cart-row-border-color);
		width: 2.5ch;
		height: 2.5ch;
	}

	& .past.day:before {
		color: var(--slate-text);
		opacity: 0.75;
		background-color: transparent;
		font-family: 'brandon-regular';
	}

	& .day.show-month:first-child .month,
	& .day.show-month:last-child .month {
		display: flex;
		position: absolute;
		top: -3.5ch;
		left: var(--spacer-xs);
		width: max-content;
	}

	& .day.show-month:last-child .month {
		left: unset;
		right: var(--spacer-xs);
	}

	& .day {
		display: flex;
		flex-direction: column-reverse;
		align-items: center;
		position: relative;
		min-width: 4ch;
		aspect-ratio: 1;
		padding: var(--spacer-sm);
		justify-content: center;
		border: 1px solid var(--cart-row-border-color);
		background-color: var(--yellow);
		border-radius: 100vw;
		flex: 1
	}

	& .day.today~.day:after {
		position: absolute;
		left: unset;
		content: "";
		z-index: 1;
		width: 2.75rem;
		right: 50%;
		top: -1px;
		bottom: -1px;
	}

	&:not(:has(.today)) .day:after {
		position: absolute;
		background-color: var(--white);
		left: unset;
		content: "";
		z-index: 1;
		width: 2.75rem;
		right: 50%;
		top: -1px;
		bottom: -1px;
		border: 1px solid var(--cart-row-border-color);
		border-left: 0;
		border-right: 0;
	}

	&:not(:has(.today)) .day:first-of-type:after {
		content: unset;
	}

	&:not(:has(.today)) .day {
		background-color: var(--white);
	}

	&:not(:has(.today)) .day:before {
		color: var(--slate-text)
	}

	& span {
		margin: 0
	}

	& .dayname {
		font-size: var(--font-size-sm);
		margin-bottom: var(--spacer-xs);
		z-index: 2
	}

	.past .dayname,
	.past .date {
		opacity: 0.75;
		background-color: transparent;
		font-family: 'brandon-regular';
	}

	.past {
		background-color: transparent;
		border: 1px solid transparent;
	}

	.past .date {
		color: var(--slate-text)
	}

	.past .month {
		opacity: 1
	}
}

body[id*="specials"] .week {
	margin: var(--spacer-2xl) 0 var(--spacer-2xl) calc(calc(100vw - var(--max-section-width)) / 2);
}

/* CAREERS */

#careers,
#carrieres {
	& .tabs-new-outer-holder {
		margin: 0 0 0 auto
	}

	& .grid-pref-holder-outer {
		margin-top: var(--spacer-2xl);
	}

	& section {
		position: relative
	}
}

#container-career {
	margin: var(--spacer-2xl) auto;
	display: flex;
	flex-direction: column;
	gap: var(--spacer-md);
	scroll-margin-top: 9rem;
}

.career-holder {
	padding: var(--spacer-sm);
	border-radius: var(--border-radius);
	background-color: var(--slate-ultra-light);
	position: relative;
	cursor: pointer;
	transition: border var(--transitionparams);
	border: 1px solid transparent;

	&:before {
		position: absolute;
		content: "";
		inset: calc(var(--spacer-sm) * -1);
		background: var(--green-ultra-light);
		border: 1px solid var(--cart-row-border-color);
		border-radius: var(--spacer-lg);
		z-index: -1;
		transition: opacity var(--transitionparams), transform var(--transitionparams);
		opacity: 0;
		transform: scale(.8);
	}

	&:hover:before {
		opacity: 1;
		transform: scale(1);
	}

	&:after {
		content: "";
		position: absolute;
		top: 50%;
		right: var(--spacer-lg);
		transform: translateY(-50%);
		transition: transform var(--transitionparams), filter var(--transitionparams);
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		aspect-ratio: 1;
		height: var(--spacer-md);
		width: var(--spacer-md);
		filter: var(--filter-slate);
		background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/plus.svg?v=110474918537974722491768336821');
	}

	&:hover h2 {
		color: var(--red)
	}

	&:hover:after {
		filter: var(--filter-pa-red);
		transform: translateY(-50%) rotate(90deg);
	}

	>div {
		display: flex;
		flex-direction: column;
	}

	>div:first-of-type {
		background: var(--white);
		border-radius: var(--spacer-sm);
		padding: var(--spacer-md);
		transition: background var(--transitionparams);
		position: relative
	}

	& h2 {
		font-size: var(--font-size-xl);
		margin-bottom: var(--spacer-xs);
		color: var(--slate-text);
		position: relative;
		max-width: 70%;
		width: fit-content;
	}

	& .career-desc {
		display: flex;
		flex-direction: column;
		gap: var(--spacer-xl);
		border: 1px solid var(--cart-row-border-color);
		border-bottom: 0;
		padding: var(--spacer-md);
		background-color: var(--white);
		border-radius: 0;
		border-radius: var(--font-size-xs);
		transition: max-height var(--transitionparams), padding var(--transitionparams);
		transform-origin: top center;
		will-change: max-height;
	}

	& .career-title {
		font-size: var(--font-size-lg);
		font-family: 'BrandonText-Bold';
		text-transform: capitalize;
		line-height: 1.2;
		flex: 0 0 20%;
		/* Do not grow, do not shrink, stay at 30% */
		max-width: 20%;
		min-width: 20%;
		text-wrap: balance;
	}

	& .career-desc-flex-wrapper {
		display: flex;
		gap: var(--spacer-md);
	}

	& .career-desc-flex-wrapper p:not(.career-title) {
		margin-bottom: var(--spacer-sm);
	}

	& .career-desc-flex-wrapper p:last-of-type {
		margin-top: 0
	}

	& .career-apply-btn-wrapper {
		position: sticky;
		bottom: calc(var(--spacer-md) * -1);
		background: var(--slate-ultra-light);
		padding: var(--spacer-md) var(--spacer-lg);
		border: 1px solid var(--cart-row-border-color);
		border-radius: var(--spacer-sm);
		margin: 0;
		width: 100%;
		z-index: 5;
		display: flex;
		align-items: center;
		justify-content: space-between
	}

	& p,
	& ul {
		max-width: 65ch;
		line-height: 1.6;
		text-wrap: pretty
	}

	& .location,
	& .position-available-icon {
		font-family: 'BrandonText-Bold';
		width: fit-content;
		color: var(--red);
		text-box-edge: cap alphabetic;
		text-box-trim: trim-end;
	}

	& .location {
		margin-bottom: var(--spacer-md);
	}

	& .position-available-icon {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: var(--spacer-2xl);
		background-color: var(--alert-yellow);
		display: flex !important;
		padding: calc(var(--spacer-xs) / 2) var(--spacer-sm);
		border-radius: 100vw;
		font-size: var(--font-size-xs)
	}

	& .availability {
		display: none
	}

	& .careers-btn-apply {
		position: relative;
		padding-right: var(--spacer-lg);
		text-transform: capitalize;
	}

	& .careers-btn-apply:hover:after {
		transform: translate(.25ch, -50%);
	}


	& .careers-btn-apply:after {
		content: "";
		position: absolute;
		top: calc(50% + .1ch);
		right: var(--spacer-mdsm);
		transform: translateY(-50%);
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		aspect-ratio: 1;
		height: var(--spacer-mdsm);
		width: var(--spacer-mdsm);
		transition: transform var(--transitionparams);
		background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/chevron-right.svg?v=51732191791445143881768337450');
	}

	& .career-header-details {
		max-height: 10000px;
		transition: max-height var(--transitionparams);
	}

	& .career-header-details>div {
		display: flex;
		gap: var(--spacer-md)
	}

	& ul {
		margin-left: var(--spacer-md);
	}

	& ul li {
		margin-left: .25ch;
		text-wrap: pretty
	}

	& .career-header-details .career-title {
		margin: 0
	}
}

:lang(fr) .career-holder .career-title {
	text-transform: lowercase;

	&:first-letter {
		text-transform: uppercase
	}
}

.closed-career .career-desc {
	max-height: 0;
	padding: 0 var(--spacer-lg)
}

.closed-career .career-header-details {
	opacity: 0;
	transition: opacity var(--transitionparams);
}

.closed-career .career-desc>.position-available-icon {
	position: absolute;
	opacity: 1;
}

.closed-career .career-desc * {
	display: none
}

.closed-career .location {
	margin-bottom: 0
}

.career-open .career-holder:after {
	content: unset;
}

.career-open .career-holder>div:first-of-type {
	background: transparent;
}

.career-open .career-holder .career-desc {
	margin-top: calc(var(--spacer-md) * -1)
}

::view-transition-old(expanding-card),
::view-transition-new(expanding-card) {
	/* This ensures the animation is smooth and doesn't "snap" or drift */
	animation-duration: 0.35s;
	animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0px);
	mix-blend-mode: normal;
}

::view-transition-group(expanding-card) {
	animation-duration: 0.35s;
	animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
	z-index: 9999;
}

/* Ensure the filter bar stays below the card, but above the rest of the grid */
::view-transition-group(filter-bar) {
	z-index: 1000;
}

/* If the text looks 'ghostly' or jittery in Safari during the move */
::view-transition-old(expanding-card) {
	animation: none;
	opacity: 0;
}

::view-transition-new(expanding-card) {
	animation: none;
}

.career-open.mix {
	position: fixed;
	/* Center using inset instead of transform */
	inset: 0;
	margin: auto;

	width: 90vw;
	max-width: 1200px;
	height: fit-content;
	/* Critical for margin:auto to work */
	max-height: 85vh;

	/* Remove the translate! This is what causes the jump */
	transform: none;

	overflow-y: auto;
	z-index: 999;
	background: var(--white);
	padding: var(--spacer-xl);
	border-radius: var(--spacer-lg);
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);

	& .career-holder:hover:before {
		content: unset;
	}

	& .career-holder:hover {
		cursor: auto;
	}

	& .career-holder:hover h2 {
		color: var(--slate);
	}

	& .career-holder h2 {
		font-size: var(--font-size-2xl)
	}

	& .close-career {
		display: flex
	}

	& .position-available-icon {
		top: var(--spacer-lg);
		right: var(--spacer-mdsm)
	}
}

.has-open-career .closed-career {
	opacity: .25;
	pointer-events: none;
	cursor: none
}

.closed-career {
	transition: opacity 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
	will-change: transform, opacity, box-shadow;
	cursor: pointer;
	position: relative;
	opacity: 1;
	transform: scale(1);

	&.hidden-career {
		opacity: 0;
		pointer-events: none;
		position: absolute;
		transform: scale(0.95);
	}
}


/* CAREER ADVANTAGES */
.careers-advantages-wrapper {

	& ul li {
		justify-content: flex-start
	}

	& li p:last-of-type {
		font-family: 'brandon-regular';
		margin-top: auto;
	}

	& li p:first-of-type {
		margin-top: calc(var(--spacer-sm) * -1);
	}
}

/* CAREERS HERO */
.social-media-wrapper.careers-hero-wrapper {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-careers-hero.webp?v=106097333403436268201766437252');

	@media screen and (max-width: 650px) {
		background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-careers-hero-mobile.webp?v=154172307056251337741770386385');
	}

	& .icons {
		height: 1.5ch
	}

	& a.cta {
		padding: var(--spacer-sm) var(--spacer-md);
		align-items: baseline;
	}

	& a.cta .icons {
		height: 1.15ch
	}
}

/* CONTACT PAGE LOCATIONS */

#locations {
	margin: var(--spacer-2xl) auto;

	& .grid-pref-holder-outer {
		display: none;
	}
}

.location-wrapper {
	padding: var(--spacer-md) 0;
	margin: 0 auto;
	width: var(--max-section-width);
	display: flex;

	& address {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		flex-direction: column;
	}

	& .address-holder {
		display: flex;
		background-color: var(--white);
		padding: 0;
		border-radius: 0 var(--border-radius) 0 0;
		width: 100%;
		gap: var(--spacer-xs);
		border-color: var(--cart-row-border-color);
		border-style: solid;
		border-width: 0 1px 0 1px;
	}

	& .address-holder>div {
		display: flex;
		flex-direction: column;
		flex: 1;
		padding: var(--spacer-md);
		border-right: 1px solid var(--cart-row-border-color);
		line-height: 1.1;
		text-wrap: balance;
		gap: var(--spacer-xs);
	}

	& .address-holder>div:last-of-type {
		border: 0
	}

	& .store-hours {
		display: flex;
		align-items: center;
		gap: var(--spacer-xs);
		font-family: 'BrandonText-Bold';
		padding: var(--spacer-sm) var(--spacer-md);
		background-color: var(--white);
		border-radius: var(--border-radius) var(--border-radius) 0 0;
		width: fit-content;
		position: relative;
		z-index: 1;
		margin: var(--spacer-md) 0 calc(var(--spacer-md) * -1);
		color: var(--red);
		border-color: var(--cart-row-border-color);
		border-style: solid;
		border-width: 1px 1px 0 1px;
	}

	& .store-hours .icons {
		filter: var(--filter-slate);
		height: 1ch;
	}

	& .location-wrapper-info {
		display: flex;
		flex-direction: column;
		gap: var(--spacer-md);
		width: 40%;
		border-radius: var(--border-radius) 0 0 var(--border-radius);
		background-color: var(--slate-ultra-light);
		border: 1px solid var(--cart-row-border-color);
		padding: var(--spacer-xl);
		transform: translateX(0);
		transition: opacity var(--transitionparams), transform var(--transitionparams);
		position: relative;
	}

	& .location-wrapper-info img {
		border-radius: var(--border-radius-smaller);
		border: 1px solid var(--slate-medium-ultra-light);
		aspect-ratio: 16/10;
	}

	& .metro-wrapper,
	& .cta {
		display: flex;
		align-items: center;
		gap: var(--spacer-xs);
		margin-left: var(--spacer-xs);
	}

	& .phone-wrapper {
		margin-left: var(--spacer-md);
	}

	& .metro-wrapper {
		flex-direction: column;
		align-items: flex-start;
		margin: calc(var(--spacer-md) * -1) auto;
		background-color: var(--white);
		padding: var(--spacer-md);
		width: 100%;
		border-bottom: 1px solid var(--select-border-color);
		border-top: 1px solid var(--select-border-color);
		border-right: 1px solid var(--cart-row-border-color);
		border-left: 1px solid var(--cart-row-border-color);
	}

	& .metro-inner-wrapper {
		display: flex;
		align-items: center;
		gap: var(--spacer-xs);
	}

	& .metro-inner-wrapper .icons {
		filter: var(--filter-public-transport)
	}

	& .metro-inner-wrapper .chevron-right {
		height: 1ch;
		filter: var(--filter-slate)
	}

	& .cta {
		justify-content: center;
	}

	& .metro-wrapper strong,
	& .address-holder strong {
		color: var(--red);
		margin-bottom: calc(var(--spacer-xs) * -1)
	}

	& .address-holder strong:last-of-type {
		margin-top: var(--spacer-xs);
	}

	& .location-wrapper-info-hide {
		opacity: 0;
		transform: translateX(-.5rem);
	}

	& .location-wrapper-map {
		display: flex;
		flex-direction: column;
		gap: var(--spacer-xl);
		overflow: hidden;
		width: 100%;
		aspect-ratio: 16/8;
		transform: translateX(0);
		transition: opacity var(--transitionparams), transform var(--transitionparams);
		background-color: #F0F5EE;
		/* background-color: var(--slate-ultra-light); */
		border-radius: 0 var(--border-radius) var(--border-radius) 0;
		border-left: 1px solid var(--slate-medium-ultra-light);
		position: relative;
	}

	& .location-wrapper-map-hide {
		opacity: 0;
		transform: translateX(-.5rem);
	}

	& h3 {
		font-size: var(--font-size-3xl);
		line-height: 1;
		text-wrap: balance;
		max-width: 8ch;
	}

	& h3 span {
		color: var(--slate-text);
		font-size: var(--font-size-base);
		letter-spacing: -.25px;
		margin-left: var(--spacer-xs);
		display: block
	}

	& img {
		width: 100%;
		object-position: center;
		transform: scale(1);
		opacity: 1;
		position: relative;
		pointer-events: none;
		/* prevent clicks */
		transition: opacity var(--transitionparams), transform var(--transitionparams);
	}

	& img.store-switcher-hide {
		position: absolute;
		inset: 0;
		opacity: 0;
		transform: scale(0.95);
	}

	& .map-switcher {
		position: absolute;
		top: var(--spacer-xl);
		right: var(--spacer-xl);
		z-index: 1;
		border: 1px solid var(--white-light);
	}


	& .hours-wrapper {
		display: flex;
		align-items: center;
		position: relative;
		z-index: 0;
		gap: var(--spacer-2xl);
		width: calc(100% - var(--spacer-2xl));
		margin: var(--spacer-md) auto 0;
		justify-content: space-between;
	}


	& .hours-wrapper:after {
		position: absolute;
		top: 50%;
		width: 100%;
		left: 50%;
		height: 2px;
		border-top: 2px dotted var(--green-light);
		transform: translate(-50%, -50%);
		content: "";
		z-index: -1;
	}

	& .hours {
		display: flex;
		align-items: center;
		font-family: 'BrandonText-Bold';
		padding: 0 var(--spacer-sm);
		background-color: var(--green-ultra-light);
		border: 1px solid var(--cart-row-border-color);
		border-radius: var(--border-radius-smaller);
		width: fit-content;
		position: relative;
		z-index: 1;
	}

	& .store-hours-wrapper {
		background-color: var(--white);
		padding: var(--spacer-md);
		border-radius: var(--border-radius);
	}

	& h4 {
		margin-left: var(--spacer-sm);
		margin-top: var(--spacer-sm);
		display: flex;
		align-items: center;
		justify-content: center;
	}

	& h4 span {
		font-size: var(--font-size-base);
		color: var(--slate-medium);
		display: flex;
		align-items: center;
	}

	& h4 span .icons {
		filter: var(--filter-slate);
		height: .85ch;
		margin: .25ch var(--spacer-xs) 0
	}

	& .location-info-header {
		position: relative
	}

	& .store-open-icon {
		position: absolute;
		border-radius: 100vw;
		background-color: var(--green-light);
		height: var(--spacer-sm);
		width: var(--spacer-sm);
		top: calc(var(--spacer-md) + .25ch);
		right: 0
	}

	& .store-open-word {
		position: absolute;
		right: var(--spacer-md);
		top: var(--spacer-mdsm);
		width: max-content;
		font-size: var(--font-size-sm);
		font-family: 'BrandonText-Bold';
	}

	& .nighttime {
		border: 1px solid var(--cancel-red);
		border-radius: 100vw;
		padding: calc(var(--spacer-xs) / 2) var(--spacer-sm);
		top: var(--spacer-sm);
		font-size: var(--font-size-xs);
	}

	& .store-stats-wrapper {
		justify-content: space-between;
		padding: 0;
		border-radius: 0 0 var(--border-radius) var(--border-radius);
		gap: 0;
		background: var(--white);
		display: flex;
		border-color: var(--cart-row-border-color);
		border-style: solid;
		border-width: 0 1px 1px 1px;

		&>div {
			display: flex;
			flex-direction: column;
			align-items: center;
			flex: 1;
			text-align: center;
			padding: var(--spacer-md) var(--spacer-sm);
			border-right: 1px solid var(--cart-row-border-color);
			line-height: 1.1;
			text-wrap: balance;
			gap: var(--spacer-xs);
		}

		&>div:last-of-type {
			border-right: 0;
		}

		& .icons {
			filter: var(--filter-pa-red);
			height: 2ch
		}
	}

}

/* SPECIAL MESSAGES */
.special-message {
	text-align: center;
	background-color: var(--alert-yellow-light);
	display: flex;
	align-content: center;
	padding: var(--spacer-md) 0;
	justify-content: center;
	font-family: 'BrandonText-Bold';
	text-wrap: balance;
	transition: background-color var(--transitionparams);

	& .special-message-inner {
		max-width: var(--max-section-width);
		line-height: 1.3
	}

	& a {
		color: var(--red);
		margin: 0 .5ch;
	}

	&:hover a {
		color: var(--white);
	}

	&:hover {
		background-color: var(--green);
	}
}

/* SOCIAL MEDIA */
.social-media-wrapper {
	margin: var(--spacer-2xl) auto;
	max-width: var(--max-section-width);
	background-size: cover;
	background-position: center right;
	border-radius: var(--border-radius);
	display: flex;
	align-items: center;
	padding: var(--spacer-2xl);
	position: relative;
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-social-media.webp?v=2371270842297604751766243918');

	@media screen and (max-width: 650px) {
		background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-social-media-mobile.webp?v=157456570368552012811770386385');
	}

	&:before {
		content: "";
		position: absolute;
		inset: 0;
		background: linear-gradient(to right, oklch(0 0 0 / 0.7) 0%, oklch(0 0 0 / 0.25) 0%, oklch(0 0 0 / 0) 100%);
		pointer-events: none;
		user-select: none;
		z-index: 0;
		border-radius: var(--border-radius);
	}

	& h2 {
		color: var(--white);
		font-size: var(--font-size-4xl);
	}

	& h2 span {
		color: var(--white);
		letter-spacing: 0;
		margin-left: var(--spacer-xs);
		margin-top: 0
	}

	& .social-media-inner {
		display: flex;
		flex-direction: column;
		gap: var(--spacer-lg);
		z-index: 1;
		max-width: 65ch;
	}

	& p {
		color: var(--white);
		margin-top: calc(var(--spacer-md) * -1);
		text-wrap: balance;
		font-size: var(--font-size-xl);
		line-height: 1.2
	}

	& .social-icon-wrapper {
		display: flex;
		gap: var(--spacer-md);
		margin-top: var(--spacer-5xl);
	}

	& .icons {
		height: 3ch;
	}

	& a {
		display: block;
		cursor: pointer;
		background-color: var(--green-light);
		border-radius: 100vw;
		border: 1px solid var(--green);
		display: flex;
		align-items: center;
		padding: var(--spacer-sm);
		transition: background var(--transitionparams), border var(--transitionparams);
	}

	& a:hover {
		background: var(--red);
		border: 1px solid var(--red-light);
	}
}

/* COMMENTS FORM */
.comments-wrapper {
	& .tabs-new-outer-holder-link {
		margin-top: 0;
	}
}

.form-holder {
	max-width: 65ch;
}

.comments-confirm-wrapper {
	margin: var(--spacer-3xl) auto;
	display: flex;
	flex-direction: column;
	gap: var(--spacer-lg);
	align-items: flex-start;

	& .icons {
		height: 15ch;
		filter: var(--filter-pa-red);
	}

	& p {
		margin-top: var(--spacer-sm)
	}
}

/* FAQS PAGE */
.faq-outer-wrapper {
	max-width: calc(var(--max-section-width) / 1.5);
	margin: 0 auto;
}

.faq-container {
	padding: var(--spacer-2xl) 0 0;

	& h2 {
		font-size: var(--font-size-2xl);
		color: var(--red);
		width: 20ch;
		margin-top: var(--spacer-md)
	}

	& .faq-holder {
		border-bottom: 1px solid var(--cart-row-border-color);
	}

	& .faq-holder:last-of-type {
		border: none
	}

	& .faq-wrapper {
		display: flex;
		flex-direction: column;
		padding: var(--spacer-sm) var(--spacer-xl);
		border-radius: var(--border-radius);
		background-color: var(--slate-ultra-light);
		border: 1px solid var(--cart-row-border-color);
	}


	& .faq-question {
		display: flex;
		align-items: center;
		gap: var(--spacer-md);
		cursor: pointer;
		font-family: 'BrandonText-Bold';
		padding: var(--spacer-lg) 0;
		justify-content: space-between;
		transition: color var(--transitionparams);
		text-wrap: pretty;
	}

	& .faq-question:hover {
		color: var(--red)
	}

	& .faq-answer a {
		font-family: 'BrandonText-Bold';
	}

	& .faq-question .icons {
		filter: var(--filter-slate);
		transition: transform var(--transitionparams), filter var(--transitionparams);
	}

	& .faq-question:hover .icons {
		filter: var(--filter-pa-red);
	}

	& .faq-answer {
		display: grid;
		grid-template-rows: 0fr;
		overflow: hidden;
		transition: grid-template-rows var(--transitionparamsfaq), padding var(--transitionparamsfaq);
		background: var(--white);
		border: 1px solid var(--cart-row-border-color);
		border-radius: var(--font-size-xs);
	}

	& .faq-answer>* {
		overflow: hidden;
	}

	& .faq-holder.open-faq .faq-answer {
		grid-template-rows: 1fr;
		padding: var(--spacer-md);
	}

	& .faq-wrapper .faq-holder.open-faq:last-of-type .faq-answer {
		margin-bottom: var(--spacer-lg);
	}

	& .faq-holder .faq-answer .faq-answer-content {
		opacity: 0;
		transform: translateX(-.5rem);
		transition: opacity var(--transitionparams), transform var(--transitionparams);
		transition-delay: 200ms;
		text-wrap: pretty
	}

	& .faq-holder.open-faq .faq-question .icons {
		transform: rotate(45deg);
	}

	& .faq-holder.open-faq .faq-answer .faq-answer-content {
		opacity: 1;
		transform: translateX(0);
	}

	& .faq-holder.open-faq {
		border: 0
	}

	& .faq-answer-content {
		line-height: 1.6;
		max-width: 65ch
	}
}

.faq-more-questions-wrapper {
	display: flex;
	align-items: center;
	padding: var(--spacer-xl);
	border-radius: var(--border-radius);
	background-color: var(--green-ultra-light);
	border: 1px solid var(--cart-row-border-color);
	justify-content: space-between;
	margin-top: var(--spacer-2xl);

	& span {
		color: var(--slate-text);
	}
}

#frequently-asked-questions .tabs-new-outer-holder,
#foire-aux-questions .tabs-new-outer-holder {
	margin-bottom: 0
}

/* LIST COLLECTION PAGE */
.collection-grid-specials {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-specials-mobile.webp?v=82824023834078885651770396206');
}

.collection-grid-bakery {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-bakery-mobile.webp?v=69256790420605684551771514303')
}

.collection-grid-favourites {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/favourites-background-new-mobile.webp?v=161070878882335321701761672905')
}

.collection-grid-cheeses {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-cheese-mobile.webp?v=78967243567464997401771514835')
}

.collection-grid-dairy-products {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-dairy-mobile.webp?v=121303782402201490311771515001')
}

.collection-grid-fish-amp-seafood {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-fish-mobile.webp?v=168503642225716930761771515106')
}

.collection-grid-fresh-fruits {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-fruits-mobile.webp?v=95860085599963228261770406658')
}

.collection-grid-meat-amp-poultry {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-meat-mobile.webp?v=148968428469720292221771526607')
}

.collection-grid-fresh-vegetables {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-vegetables-mobile.webp?v=109242967916817286421771515152')
}

.collection-grid-beverages {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-drinks-mobile.webp?v=152668322538840625341771514670')
}

.collection-grid-other {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-other-mobile.webp?v=116187')
}

.collection-grid-condiments-oils-amp-vinegars {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-oils-mobile.webp?v=104805962993322932581771514949')
}

.collection-grid-breakfast-amp-spreads {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-cereal-mobile.webp?v=30845291419930121171771514617')
}

.collection-grid-canned-amp-packaged-goods {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-canned-mobile.webp?v=177646911938012048091771514782')
}

.collection-grid-deli-amp-ready-to-eat {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-deli-mobile.webp?v=169360360690244267681771515056')
}

.collection-grid-frozen-products {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-frozen-mobile.webp?v=24816700096166341371771526384')
}

.collection-grid-health-amp-beauty {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-health-mobile.webp?v=20470051843491552001771526435')
}

.collection-grid-household-items {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-household-mobile.webp?v=67315540728735440591771526503')
}

.collection-grid-ingredients {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-ingredients-mobile.webp?v=41118342809439302631771526556')
}

.collection-grid-nuts-amp-dried-fruit {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-nuts-dried-fruit-mobile.webp?v=141687795703351278061771514438')
}

.collection-grid-pasta-sauces-rice-amp-grains {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-pasta-mobile.webp?v=80939124452108700121771526659')
}

.collection-grid-snacks {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/supermarche-pa-snacks-mobile.webp?v=89814590820022918981771514534')
}

.collection-grid-holder {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: var(--spacer-lg);

	& .collection-grid-item {
		border-radius: var(--border-radius);
		padding: var(--spacer-lg);
		display: flex;
		gap: var(--spacer-md);
		align-items: center;
		aspect-ratio: 1/.65;
		background-position: center right;
		background-size: cover;
		overflow: hidden;
		position: relative;
	}

	& .collection-grid-item h3 {
		transition: color var(--transitionparams);
	}

	& .collection-grid-item:hover h3 {
		color: var(--green)
	}

	& .collection-grid-item:before {
		position: absolute;
		filter: var(--filter-pa-green);
		aspect-ratio: 1;
		height: 2ch;
		opacity: 0;
		transform: translate(-1rem, -50%);
		transition: transform var(--transitionparams), opacity var(--transitionparams);
		z-index: 1;
		inset: 50% var(--spacer-lg) auto auto;
		background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/chevron-right.svg?v=51732191791445143881768337450');
	}

	& .collection-grid-item:hover:before {
		opacity: 1;
		transform: translate(0, -50%);
	}

	& .collection-grid-item:hover:after {
		transform: scale(1.1);
		backdrop-filter: blur(8px);
	}


	& .collection-grid-item:after {
		content: "";
		position: absolute;
		inset: 0;
		background: linear-gradient(to top right, oklch(0.15 0.05 260 / 0.7) 0%, oklch(0.15 0.05 260 / 0.45) 15%, oklch(0.15 0.05 260 / 0.25) 30%, oklch(0.15 0.05 260 / 0) 100%);
		pointer-events: none;
		user-select: none;
		z-index: 0;
		border-radius: var(--border-radius);
		transition: transform var(--transitionparams), backdrop-filter var(--transitionparams);
	}

	& h3 {
		font-size: var(--font-size-xl);
		color: var(--white);
		max-width: 13ch;
		z-index: 1
	}
}

/* ACCOUNT STATS */
.stats-wrapper {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: var(--spacer-lg);
	margin: var(--spacer-2xl) auto;
	max-width: var(--max-section-width);
	border-radius: var(--border-radius);
	padding: var(--spacer-lg);
	background-color: var(--slate-ultra-light);

	& .stats {
		aspect-ratio: 1;
		border-radius: var(--font-size-xs);
		padding: var(--spacer-lg);
		background-color: var(--white);
		display: flex;
		flex-direction: column;
		gap: var(--spacer-md);
		align-items: flex-start;
	}

	& .stats:first-of-type {
		background-color: transparent;
		justify-content: center
	}

	& h3 {
		font-size: var(--font-size-lg);
	}

	& h2 {
		font-size: var(--font-size-3xl);
	}

	& h3 span {
		font-size: var(--font-size-base);
		color: var(--slate-text);
		font-family: 'brandon-regular';
	}

	& p {
		font-size: var(--font-size-lg);
		letter-spacing: -1px;
		line-height: 1;
		margin-top: calc(var(--spacer-mdsm) * -1)
	}

	& .icons {
		filter: var(--filter-pa-red);
		height: 3ch;
		margin-bottom: auto;
	}
}

/* ORDER HISTORY */
.order-wrapper {
	display: flex;
	flex-direction: column;
	max-width: var(--max-section-width);
	width: 100%;
	margin: 0 auto;
	padding: 0 var(--spacer-xl) var(--spacer-xl);
	border-radius: 0 0 var(--border-radius) var(--border-radius);
	background-color: var(--slate-ultra-light);
	position: relative;
}

.order-grid {
	display: grid;
	grid-template-columns: 1fr max-content max-content max-content;
	gap: var(--spacer-md);
	border: 1px solid var(--cart-row-border-color);
	border-radius: var(--font-size-xs);
	padding: var(--spacer-lg) var(--spacer-lg) var(--spacer-xs);
	background-color: var(--white);
	cursor: pointer;
	transition: background-color var(--transitionparams);
	border-bottom: unset;

	& a {
		color: var(--green);
		font-family: 'BrandonText-Bold';
	}

	& .changed-product {
		font-size: 80%;
		display: block;
	}

	&>div {
		padding: 0 0 var(--spacer-md);
		border-bottom: 1px solid var(--cart-row-border-color);
	}

	& .order-grid-footer {
		background-color: transparent;
		border: unset
	}

	& a {
		color: var(--slate-text);
	}

	& a:hover {
		color: var(--red)
	}

	& .product {
		position: relative
	}

	& .header {
		font-family: 'BrandonText-Bold';
		color: var(--red);
		text-align: right;
	}

	& .header:first-of-type {
		text-align: left
	}

	& .price,
	& .qty,
	& .total {
		text-align: right;
	}
}

.order-header-wrapper {
	display: flex;
	max-width: var(--max-section-width);
	width: 100%;
	margin: var(--spacer-lg) auto 0;
	padding: 0 var(--spacer-lg);
	border-radius: var(--border-radius) var(--border-radius) 0 0;
	background-color: var(--slate-ultra-light);
	position: relative;

	& h3 {
		font-size: var(--font-size-xl);
		color: var(--slate-text);
	}

	&>div {
		display: flex;
		flex-direction: column;
		padding: var(--spacer-xl);
		gap: var(--spacer-md);
		width: 50%;
	}

	&>div:last-of-type {
		text-align: right
	}

	& p {
		margin-top: calc(var(--spacer-sm) * -1)
	}
}

.order-wrapper h2 {
	font-size: var(--spacer-2xl);
	margin: var(--spacer-xl) 0 var(--spacer-lg) var(--spacer-lg);
	color: var(--slate-text);
}

.order-cta-wrapper {
	display: flex;
	align-items: center;
	gap: var(--spacer-md);
	margin: var(--spacer-2xl) 0 var(--spacer-2xl) var(--spacer-xl)
}

.order-history-wrapper {
	border-radius: var(--border-radius);
	margin: var(--spacer-lg) auto var(--spacer-2xl);

	& h2 {
		font-size: var(--spacer-2xl);
		margin: var(--spacer-xl) 0 var(--spacer-lg) var(--spacer-lg);
		color: var(--slate-text);
	}

	& .price a,
	& .qty a {
		font-family: 'brandon-regular';
	}
}

.steps-wrapper {
	display: flex;
	gap: var(--spacer-md);
	flex-direction: column;
	position: relative;
	margin-left: var(--spacer-md);
	transition: opacity var(--transitionparams), transform var(--transitionparams);
	position: relative;

	& .tagline {
		margin-left: calc(var(--spacer-md) * -1)
	}

	& .step-title {
		font-size: var(--font-size-xl);
		color: var(--slate-text);
		font-family: 'BrandonText-Bold';
		position: relative;
		margin-bottom: calc(var(--spacer-md) * -1)
	}

	& .step-title:after {
		aspect-ratio: 1;
		content: "";
		background-color: var(--green);
		width: var(--spacer-sm);
		top: 50%;
		transform: translateY(-50%);
		left: calc(var(--spacer-md) * -1.3);
		position: absolute;
		border-radius: 100vw;
		outline: 5px solid var(--cart-row-border-color)
	}
}


.step-btn {
	margin: 0 auto var(--spacer-2xl);

	& .icons {
		filter: var(--filter-white);
	}
}

.steps-wrapper-two.hidden,
.create-account-wrapper.hidden {
	opacity: 0;
	transform: translateY(2rem);
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.steps-wrapper-two {
	scroll-margin-top: 40px;
}

.create-user-outer-wrapper {
	max-width: calc(var(--max-section-width) + var(--spacer-xl));
	margin: 0 auto;
	border-left: 2px solid var(--cart-row-border-color);
	position: relative;
}

.create-user-outer-wrapper:before {
	content: "";
	background-color: var(--white);
	aspect-ratio: 1;
	width: 1rem;
	top: 0;
	left: calc(var(--spacer-sm) * -1);
	position: absolute;
}


/* CUSTOMER ADDRESSES PAGE	 */
#customer-addresses {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	max-width: var(--max-section-width);
	margin: var(--spacer-2xl) auto;
	position: relative;

	& .addresses-first-visit,
	& #add_address {
		display: flex;
		flex-direction: column;
		width: fit-content;
		max-width: var(--max-section-width);
		margin: 0;
		gap: var(--spacer-xl);
		background-color: var(--slate-ultra-light);
		border: 1px solid var(--cart-row-border-color);
		border-radius: var(--border-radius);
		padding: var(--spacer-xl);
	}

	& #add_address {
		margin-bottom: var(--spacer-lg);
		width: 100%
	}

	& #add_address .customer_address_table {
		padding: var(--spacer-lg);
		margin-top: var(--spacer-sm);
		background: var(--white);
		border-radius: var(--border-radius);
		scroll-margin-top: 40px;
		overflow: hidden;
		margin-bottom: 0
	}

	& #add_address .customer_address_table input {
		border: 1px solid var(--cart-row-border-color);
		max-width: calc(30% - var(--spacer-sm))
	}

	& #add_address .customer_address_table img {
		position: absolute;
		top: 0;
		right: 0;
		width: calc(70% - var(--spacer-xl));
		height: 100%;
	}

	& #add_address .action_bottom {
		max-width: calc(30% - var(--spacer-md))
	}

	& .addresses-first-visit.hidden,
	& .back-link.hidden {
		display: none
	}

	& .addresses-first-visit .continue-btn {
		margin-top: var(--spacer-xl)
	}

	& .back-link {
		position: relative;
		bottom: unset;
		left: 0;
		margin-bottom: var(--spacer-md)
	}

	& .action_top {
		margin: var(--spacer-xl) 0
	}

	& #address_tables {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
		gap: var(--spacer-lg);
	}

	& .address_table {
		display: flex;
		gap: var(--spacer-xl);
		background-color: var(--slate-ultra-light);
		border: 1px solid var(--cart-row-border-color);
		border-radius: var(--border-radius);
		padding: var(--spacer-xl);
		position: relative;
	}

	& .address_actions,
	& .action_bottom {
		display: flex;
		gap: var(--spacer-sm);
		align-items: center;
		margin-top: auto;
		justify-content: space-between;
	}

	& .customer_address {
		display: flex;
		flex-direction: column;
		gap: var(--spacer-lg);
		width: 100%
	}

	& h4 {
		font-size: var(--font-size-lg)
	}

	& .default-address-icon {
		display: flex;
		gap: var(--spacer-sm);
		align-items: center;
		filter: var(--filter-pa-red);
		width: fit-content;
		position: absolute;
		right: 0;
		top: 0;
		text-box-edge: cap alphabetic;
		text-box-trim: trim-both;
	}

	& .view_address {
		display: flex;
		flex-direction: column;
		border: 1px solid var(--cart-row-border-color);
		padding: var(--spacer-md);
		background-color: var(--white);
		border-radius: var(--border-radius-smaller);
	}

	& input {
		height: 2ch;
		border-radius: var(--font-size-xs);
		padding: var(--spacer-lg) var(--spacer-md);
		border: 1px solid var(--cart-row-border-color);
	}

	& .checkbox-wrapper {
		display: flex;
		align-items: center;
		gap: var(--spacer-sm);
	}

	& label {
		margin-left: var(--spacer-sm);
		margin-bottom: calc(var(--spacer-md) * -1)
	}

	& .customer_address_table {
		display: flex;
		flex-direction: column;
		gap: var(--spacer-md);
		margin-bottom: var(--spacer-md)
	}


	& .edit_address,
	& .customer_address_view,
	& #add_address,
	& #add_address .customer_address_table,
	& #add_address #add-address-button,
	& .address-continue-btn {
		position: absolute;
		inset: 0;
		opacity: 0;
		transform: scale(0.95);
		transition: opacity var(--transitionparams), transform var(--transitionparams);
		pointer-events: none;
	}

	& .edit_address.tab-show,
	& .customer_address_view.tab-show,
	& #add_address.tab-show,
	& #add_address .customer_address_table.tab-show,
	& #add_address:has(.customer_address_table.tab-show) #add-address-button,
	& .address-continue-btn.tab-show {
		opacity: 1;
		transform: scale(1);
		position: relative;
		pointer-events: auto;
	}

	& .address_form::placeholder {
		color: rgba(0, 0, 0, 0.3);
		transition: color 0.2s ease;
	}

	& .address_form:focus::placeholder {
		color: rgba(0, 0, 0, 0);
	}
}

.delivery-zone-confirmation,
.delivery-zone-fail {
	padding: var(--spacer-lg);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	border-radius: var(--border-radius) var(--border-radius) 0 0;
	gap: var(--spacer-md);
	font-family: 'BrandonText-Bold';
	transform: translate(0, -1rem);
	margin-top: calc(var(--spacer-md) * -1);
	position: absolute;
	inset: 0;
	opacity: 0;
	transform: scale(0.95);
	transition: opacity var(--transitionparams), transform var(--transitionparams), background-color var(--transitionparams);
	pointer-events: none;
	transform: translate(0, 1.5rem);

	& p {
		width: 100%;
		text-wrap: balance
	}

	& .icons {
		height: var(--spacer-xl);
	}

	& .delivery-zone-confirm-header {
		display: flex;
		align-items;
		center;
		gap: var(--spacer-md);
	}

	& .cta {
		width: 100%;
		justify-content: center;
		border: 1px solid var(--white-medium)
	}
}

.delivery-zone-fail {
	background-color: var(--alert-yellow-ultra-light);
	border: 1px solid var(--alert-yellow);
	border-radius: var(--border-radius);

	& .icons {
		filter: var(--filter-alert-yellow)
	}
}

.delivery-zone-confirmation.tab-show,
.delivery-zone-fail.tab-show {
	opacity: 1;
	transform: scale(1);
	position: relative;
	pointer-events: auto;
	transform: translate(0, 0);
}

.delivery-zone-confirmation {
	background-color: var(--success-green-light);
	border: 1px solid var(--cart-row-border-color);
}

.delivery-delay-note {
	margin-left: var(--spacer-md);
	text-wrap: pretty;
	color: var(--slate-medium)
}

.customer-table-zone-icon {
	border-radius: 100vw;
	padding: var(--spacer-xs) var(--spacer-mdsm);
	background-color: blue;
	color: white;
	width: fit-content;
	font-family: 'BrandonText-Bold';
}

[zonename="PAduFort"] {
	background-color: #1087bf;
}

[zonename="PAduParc"] {
	background-color: rgba(183, 219, 171, 1);
}

[zonename="PASamson"] {
	background-color: #f1f075;
	color: var(--slate-text);
}

[zonename="PAWestbury"] {
	background-color: red;
}

[zonename="PADonegani"] {
	background-color: orange;
}

.delivery-zone-legend-wrapper[class*="PA"] .legend {
	position: absolute;
	inset: 0;
	opacity: 0;
	transform: scale(0.95);
	transition: opacity var(--transitionparams), transform var(--transitionparams);
	pointer-events: none;
	transform: translate(0, 1.5rem);
}

.delivery-zone-legend-wrapper.PAduFort .zone-PAduFort,
.delivery-zone-legend-wrapper.PAduParc .zone-PAduParc,
.delivery-zone-legend-wrapper.PASamson .zone-PASamson,
.delivery-zone-legend-wrapper.PAWestbury .zone-PAWestbury,
.delivery-zone-legend-wrapper.Donegani .zone-Donegani {
	opacity: 1;
	transform: scale(1);
	position: relative;
	pointer-events: auto;
}

.zone-active {
	border-radius: 0 0 var(--border-radius) var(--border-radius);
	margin-top: calc(calc(var(--spacer-md) + 1px) * -1);
}

/* FORMS */
.validated input:invalid {
	border: 1px solid var(--cancel-red-light) !important;
}

.address_form[readonly] {
	background-color: transparent;
	border: 0 !important;
	color: var(--slate-medium);
	padding-left: var(--spacer-sm) !important;
	margin-top: calc(var(--spacer-sm) * -1)
}

/* DELIVERY ZONES ADDRESSES PAGE */
#customer-addresses {

	& .delivery-map-wrapper .left-panel-wrapper {
		padding: 0
	}

	& .delivery-map-wrapper {
		padding: 0;
		margin: 0;
		width: unset;
	}

	& .delivery-map-wrapper section {
		margin-top: 0
	}
}

/* USER ONBOARD */
.user-onboard-wrapper {
	margin: var(--spacer-2xl) auto;
}

.user-onboard-outer-wrapper {
	padding: var(--spacer-xl);
	border-radius: var(--border-radius);
	background: var(--slate-ultra-light);
	margin: var(--spacer-lg) auto;

	& h3 {
		margin-bottom: var(--spacer-xl);
		font-size: var(--font-size-2xl);
		color: var(--slate-text);
	}
}

.user-onboard-grid-wrapper {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
	gap: var(--spacer-xl);
}

.user-onboard-step {
	display: flex;
	flex-direction: column;
	gap: var(--spacer-lg);
	padding: var(--spacer-lg);
	background: var(--white);
	border: 1px solid var(--cart-row-border-color);
	border-radius: var(--border-radius);
	position: relative;
	scroll-snap-align: start;

	&:first-of-type {
		width: 0;
		display: none;
		min-width: unset;
		opacity: 0;
		pointer-events: none;
		padding: 0
	}

	& .user-onboard-step-number {
		font-size: var(--font-size-xl);
		font-family: BrandonText-Bold;
		color: var(--red);
		letter-spacing: -.75px
	}

	& .user-onboard-step-title {
		margin-top: calc(var(--spacer-lg) * -1);
		text-wrap: pretty;
		line-height: 1.2
	}

	& .user-onboard-step-image {
		border-radius: var(--border-radius-smaller);
		overflow: hidden;
		aspect-ratio: 16/10;
		border: 1px solid var(--cart-row-border-color);
		margin-top: auto
	}

	&:before {
		position: absolute;
		content: "";
		aspect-ratio: 1;
		height: 1.5ch;
		background: var(--green);
		top: var(--spacer-xl);
		right: -.75ch;
		border-radius: 100vw;
		outline: 1px solid var(--cart-row-border-color);
		z-index: 1
	}

	&:after {
		position: absolute;
		content: "";
		height: 2px;
		width: var(--spacer-2xl);
		background: var(--green);
		top: calc(var(--spacer-xl) + .6ch);
		right: calc(var(--spacer-2xl) * -1);
	}

	& .user-onboard-dot {
		position: absolute;
		aspect-ratio: 1;
		height: 1.5ch;
		background: var(--green);
		top: var(--spacer-xl);
		left: -.75ch;
		border-radius: 100vw;
		outline: 1px solid var(--cart-row-border-color);
	}

	&:last-of-type:before,
	&:last-of-type:after {
		content: unset
	}
}

/* CUSTOM COLLECTIONS */
.custom-collections-wrapper {
	margin: var(--spacer-2xl) auto;
}

#collections .custom-collections-wrapper {
	margin: var(--spacer-2xl) auto;
}

.custom-collections {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
	gap: var(--spacer-xl);
	margin: var(--spacer-md) auto;

	& a {
		aspect-ratio: 16/9;
		border-radius: var(--border-radius);
		transition: opacity var(--transitionparams), transform var(--transitionparams);
		position: relative;
		z-index: 1;
	}

	& a:first-of-type {
		display: none;
		width: var(--spacer-xl);
		height: var(--spacer-xl);
		pointer-events: none;
		min-width: unset;
		flex: 0;
	}

	& img {
		border-radius: var(--border-radius);
		background-clip: padding-box;
		transition: transform var(--transitionparams), border var(--transitionparams);
		border: 1px solid transparent
	}

	& a:hover img {
		transform: scale(.98);
		border: 1px solid var(--green-light)
	}

	& a:before {
		position: absolute;
		content: "";
		inset: calc(var(--spacer-sm) * -1);
		background: var(--green-ultra-light);
		border: 1px solid var(--cart-row-border-color);
		border-radius: var(--spacer-lg);
		z-index: -1;
		transition: opacity var(--transitionparams), transform var(--transitionparams);
		opacity: 0;
		transform: scale(.8)
	}

	& a:hover:before {
		opacity: 1;
		transform: scale(1)
	}
}

.alternate-hero h1 span:last-of-type {
	margin-top: .15ch
}

#breakfast-essentials .collection-hero {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/breakfast.webp?v=94390066964716403431769714063');
	background-position: center;
}

#ilios-products .collection-hero {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/ilios.webp?v=158661287425231989891769638808');
	background-position: center;
}

#superfoods .collection-hero {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/superfoods.webp?v=139437630008842758121769714159');
	background-position: center;
}

#back-to-school .collection-hero {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/school.webp?v=8213903278520059251769713920');
	background-position: center;
}

#made-in-canada .collection-hero {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/canada.webp?v=41459769409954229301769638467');
	background-position: center;
}

#products-from-quebec .collection-hero {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/made-in-quebec.webp?v=107408278089740648681769638590');
	background-position: center;
}

#stay-warm-with-a-hot-soup .collection-hero {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/hot-soup.webp?v=150826035629237890401769639160');
	background-position: center;
}

#local-produce .collection-hero {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/local-produce.webp?v=145892991255180876191769713782');
	background-position: center;
}

#organic .collection-hero {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/organic.webp?v=43922673582149375751769714263');
	background-position: center;
}

#manager-promos .collection-hero {
	background-image: url(' managers-specials-large@2x.jpg ');
	background-position: center;
}

#bakers-helpers .collection-hero {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/bakers-helper.webp?v=64571768413443014281769713297');
	background-position: center;
}

#bbq-season .collection-hero {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/bbq.webp?v=90792634587487221611769712018');
	background-position: center;
}

#octoberfest .collection-hero {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/oktoberfest.webp?v=134422293119720200371769713517');
	background-position: center;
}

#fall-flavours .collection-hero {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/fall-flavours.webp?v=35591010139058398371769713407');
	background-position: center;
}

#cheese-board .collection-hero {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/cheese-board.webp?v=150964760542792346331769713200');
	background-position: center;
}

#christmas-feast .collection-hero {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/xmas.webp?v=167094976907424942851769711646');
	background-position: center;
}

#the-big-game .collection-hero {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/the-big-game.webp?v=45948228465563192791769637885');
	background-position: center;
}

#kosher-products .collection-hero {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/kosher.webp?v=74281009315206978991769711291');
	background-position: center;
}

#burgers .collection-hero {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/burger.webp?v=156152519891939453231769711904');
	background-position: center;
}

#italian-supper .collection-hero {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/italian.webp?v=103085673264733358421769711740');
	background-position: center;
}

.aged-beef {
	background-image: url(' aged-beef@2x.jpg ');
	background-position: center;
}

#tapas .collection-hero {
	background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/tapas.webp?v=120635461639180548991769639428');
	background-position: center;
}

.all-custom-collections {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
	gap: var(--spacer-xl);
	margin: var(--spacer-md) auto;

	& a {
		aspect-ratio: 16/9;
		border-radius: var(--border-radius);
		transition: opacity var(--transitionparams), transform var(--transitionparams);
		position: relative;
		z-index: 1;
	}

	& img {
		border-radius: var(--border-radius);
		background-clip: padding-box;
		transition: transform var(--transitionparams), border var(--transitionparams);
		border: 1px solid transparent
	}

	& a:hover img {
		transform: scale(.98);
		border: 1px solid var(--green-light)
	}

	& a:before {
		position: absolute;
		content: "";
		inset: calc(var(--spacer-sm) * -1);
		background: var(--green-ultra-light);
		border: 1px solid var(--cart-row-border-color);
		border-radius: var(--spacer-lg);
		z-index: -1;
		transition: opacity var(--transitionparams), transform var(--transitionparams);
		opacity: 0;
		transform: scale(.8)
	}

	& a:hover:before {
		opacity: 1;
		transform: scale(1)
	}
}

/* INDEX GRID WRAPPER */
.index-grid-wrapper {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 400px), 1fr));
	gap: var(--spacer-xl);
	margin: 0 auto;
	max-width: var(--max-section-width);

	& .social-icon-wrapper {
		margin-top: auto
	}

	& .social-media-wrapper {
		align-items: stretch
	}
}

/* INDEX RECIPES */
.index-recipes-wrapper {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 400px), 1fr));
	gap: var(--spacer-xl);
	margin: var(--spacer-xl) 0 var(--spacer-lg);
	content-visibility: auto;
	contain-intrinsic-size: auto 500px;
}

.index-recipe {
	background-color: var(--white);
	border-radius: var(--spacer-lg);
	border: 1px solid var(--cart-row-border-color);
	display: flex;
	flex-direction: column;
	position: relative;
	z-index: 1;

	&:first-of-type {
		display: none;
		pointer-events: none;
		width: var(--spacer-2xl);
		height: var(--spacer-2xl);
		min-width: var(--spacer-xl);
		flex: 0
	}

	& .index-recipe-img-wrapper {
		overflow: hidden;
		border-radius: var(--spacer-lg) var(--spacer-lg) 0 0;
	}

	& img {
		height: 20rem;
		border-radius: var(--spacer-lg) var(--spacer-lg) 0 0;
		background-clip: padding-box;
		transition: transform var(--transitionparams);
	}

	&:before {
		position: absolute;
		content: "";
		inset: calc(var(--spacer-mdsm) * -1);
		background: var(--green-ultra-light);
		border: 1px solid var(--cart-row-border-color);
		border-radius: var(--spacer-xl);
		z-index: -1;
		transition: opacity var(--transitionparams), transform var(--transitionparams);
		opacity: 0;
		transform: scale(.8);
	}

	&:hover:before {
		opacity: 1;
		transform: scale(1);
	}

	&:hover img {
		transform: scale(1.1);
	}

	&:hover h3 {
		color: var(--slate)
	}

	&:hover h3 span {
		color: var(--red)
	}

	& .index-recipe-arrow {
		position: absolute;
		bottom: var(--spacer-xl);
		right: var(--spacer-xl);
		transition: opacity var(--transitionparams), transform var(--transitionparams);
		opacity: 0;
		transform: translateX(-.5ch);
	}

	& .icons {
		filter: var(--filter-pa-red);
		height: 1.5ch
	}

	&:hover .index-recipe-arrow {
		opacity: 1;
		transform: translateX(0);
	}
}

.appear-left:nth-child(2) {
	animation-range: entry 10% cover 10.1%;
}

.appear-left:nth-child(3) {
	/* Starts later in the scroll */
	animation-range: entry 30% cover 30.1%;
}

.appear-left:nth-child(4) {
	/* Starts latest */
	animation-range: entry 50% cover 50.1%;
}

.appear-left:nth-child(5) {
	/* Starts latest */
	animation-range: entry 70% cover 70.1%;
}

.index-recipe-footer {
	padding: var(--spacer-xl);
	display: flex;
	flex-direction: column;
	z-index: 1;
	background-color: var(--white);
	border-radius: 0 0 var(--spacer-lg) var(--spacer-lg);
	position: relative;

	& h3 {
		font-size: var(--font-size-xl);
		min-height: 2.75lh;
		transition: color var(--transitionparams);
	}

	& h3 span {
		letter-spacing: 0;
		color: var(--slate);
		margin-bottom: .2ch;
	}

	& .recipe-details-wrapper {
		margin: var(--spacer-md) 0 0;
	}
}

/* 404 PAGE */
.template-404 {
	& section {
		margin-bottom: var(--spacer-2xl)
	}

	& .cta {
		font-size: var(--font-size-base);
		margin-top: var(--spacer-lg)
	}
}

.template-search {
	& section {
		margin-bottom: var(--spacer-2xl)
	}

	& .cta {
		font-size: var(--font-size-base);
	}
}

/* CHECKOUT THANK YOU PAGE */
#checkout-thank-you,
#checkout-thank-you-fr {
	
	& h2 {
		font-size: var(--font-size-5xl);
	}
	
	& .tagline {
		padding: 0 0 var(--spacer-xl)
	}

	& span {
		font-family: 'BrandonText-Bold';
	}

	& .container {
		margin-top: 0
	}

	& .cta {
		margin: var(--spacer-2xl) 0
	}

	& .thank-you-header {
		margin-bottom: var(--spacer-2xl)
	}

	& .thank-you-header p:last-of-type {
		margin-top: var(--spacer-2xl)
	}
}

/* RESPONSIVE */
@media screen and (max-width: 1660px) {
	:root {
		--max-section-width: calc(100vw - calc(var(--outer-padding) * 2));
	}
}

@media screen and (max-width: 1550px) {
	:root {
		--outer-padding: calc(var(--spacer-base-unit) * 3);
	}

	.grid-filter-holder {
		max-width: 33.3%
	}

	.modal-wrapper {
		min-width: 35vw;
	}

	.createaccount {
		min-width: 30vw
	}
}

@media screen and (max-width: 1380px) {

	.submenu-btn,
	nav a,
	nav a:first-of-type {
		display: none
	}

	.search-btn-wrapper {
		padding-left: var(--spacer-mdsm);
	}

	.menu-btn,
	.nav-cart {
		display: flex
	}

	.nav-wrapper {
		right: var(--spacer-xl);
		left: unset;
		transform: unset;
		width: fit-content;
		max-width: unset;

		&.scrolled {
			transform: translate(0, -11rem);
		}

		&.search-live {
			transform: translate(0, -11rem) !important;
		}

		&.scrolling-up {
			transform: translate(0, calc(var(--nav-offset) * -1));
		}

		&.nav-wrapper-hidden {
			transform: translate(0, calc(calc(var(--nav-offset) * -1) - 8rem)) !important;
		}
	}

	:root {
		--header-top-padding: var(--spacer-2xl);
		--header-bottom-padding: var(--spacer-2xl);
	}

	.collection-title-wrapper,
	.page-header section {
		padding: 0
	}

	.all-depts-dropdown {
		max-width: 100vw;
	}

	.recipe-header {
		margin: 0 0 var(--spacer-2xl);
		border-radius: 0;
		max-width: unset;

		&:before {
			border-radius: 0;
		}
	}

	.back-link {
		left: var(--spacer-2xl)
	}

	.flyer-div {

		& img:first-of-type {
			border-radius: var(--spacer-md) var(--spacer-md) 0 0;
		}

		& img:last-of-type {
			border-radius: 0 0 var(--spacer-md) var(--spacer-md);
			margin-bottom: var(--spacer-xl);
			border: 0
		}
	}

	.delivery-hours-wrapper {

		& .delivery-hours:first-of-type,
		& .delivery-hours:last-of-type {
			border-radius: 0
		}
	}

	.faq-outer-wrapper {
		max-width: unset
	}

	.careers-section-wrapper {
		max-width: var(--max-section-width);
	}

	#customer-addresses .back-link {
		left: 0
	}

	.user-onboard-wrapper {
		max-width: unset;
		margin: var(--outer-padding) auto;

		& h2,
		& a {
			margin-left: var(--outer-padding)
		}
	}

	.user-onboard-outer-wrapper {
		border-radius: 0;
		background: none;
		margin: 0 auto;
		padding: var(--spacer-md) var(--spacer-xl) var(--spacer-xl);
	}

	.user-onboard-grid-wrapper {
		grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
	}

	.user-onboard-step {
		background: var(--slate-ultra-light)
	}

	.collection-grid-holder {
		margin: 0 auto;
	}

	.custom-collections {
		transition: all 0.35s ease-in;
		scrollbar-width: none;
		align-items: flex-start;
		scroll-snap-align: start;
		overflow-x: auto;
		overflow-y: hidden;
		flex-wrap: nowrap;
		scroll-snap-type: x mandatory;
		scroll-behavior: smooth;
		will-change: transform;
		display: flex;
		scroll-padding: 0 var(--spacer-2xl);
		margin: var(--spacer-md) calc(var(--spacer-2xl) * -1);
		gap: var(--spacer-md);

		& a {
			flex: 1;
			min-width: 30vw;
			scroll-snap-align: start;
		}

		& a:first-of-type {
			display: block
		}

		&:after {
			content: "";
			display: block;
			width: var(--spacer-xl);
			height: var(--spacer-xl);
			pointer-events: none;
			flex-shrink: 0;
		}
	}

	.index-recipe img {
		height: unset;
		aspect-ratio: 16/9;
	}

	.cart-outer-flex-wrapper {
		flex-direction: column;

		& .cart-totals-outer-wrapper {
			align-self: unset;
			position: relative;
			top: unset;
		}
	}

	.cart-totals-message h4 {
		text-align: left
	}

	.cart-note {
		border-radius: 0 0 var(--border-radius) var(--border-radius);
		margin-top: calc(var(--spacer-xl) * -1);
	}

	.cart-totals-active-padding {
		border-radius: 0;
		border-bottom: 0
	}


	footer {
		contain-intrinsic-size: auto 750px;
	}

	.index-recipes-wrapper {
		transition: all 0.35s ease-in;
		scrollbar-width: none;
		align-items: flex-start;
		scroll-snap-align: start;
		overflow-x: auto;
		overflow-y: hidden;
		flex-wrap: nowrap;
		scroll-snap-type: x mandatory;
		scroll-behavior: smooth;
		will-change: transform;
		scroll-padding: 0 var(--spacer-2xl);
		display: flex;
		scroll-padding: 0 var(--spacer-2xl);
		margin: var(--spacer-lg) calc(var(--spacer-2xl) * -1);
		gap: var(--spacer-md);
		contain-intrinsic-size: auto 800px;

		&:after {
			content: "";
			display: block;
			width: var(--spacer-xl);
			height: var(--spacer-xl);
			pointer-events: none;
			flex-shrink: 0;
		}

	}

	.index-recipe {
		flex: 1;
		min-width: 40vw;
		scroll-snap-align: start;

		&:first-of-type {
			display: block
		}
	}

}

@media screen and (max-width: 1080px) {
	.account-section .account-dashboard-holder {
		flex-direction: column;
		align-items: unset
	}

	.custom-collections a {
		min-width: 40vw;
	}

	.product-grid-holder,
	.all-custom-collections {
		grid-template-columns: repeat(auto-fill, minmax(min(270px, 100%), 1fr));
	}

	.custom-collections-wrapper {
		margin: 0 auto;
	}

	.delivery-map-wrapper {
		& section {
			flex-direction: column
		}

		& .left-panel-wrapper {
			flex-direction: column;
			width: 100%;
			justify-content: space-between;
		}

		& .delivery-zone-legend-wrapper {
			width: 100%
		}
	}

	.location-wrapper {
		flex-direction: column-reverse;

		& .location-wrapper-info {
			width: 100%;
			padding: var(--spacer-md);
			gap: var(--spacer-sm);
			border-radius: 0 0 var(--border-radius) var(--border-radius)
		}

		& .location-wrapper-info .metro-wrapper {
			margin: calc(var(--spacer-sm) * -1) 0
		}

		& h3 {
			font-size: var(--font-size-2xl);
			margin-left: 0;
		}

		& .location-wrapper-map {
			border-radius: var(--border-radius) var(--border-radius) 0 0;
			border-left: 0;
			border-bottom: 1px solid var(--slate-medium-ultra-light);
		}

		& .store-open-word {
			position: absolute;
			top: var(--spacer-xs);
			right: 0;
			left: unset;
		}

		& .nighttime {
			top: 0
		}

		& .store-open-icon {
			position: absolute;
			top: calc(var(--spacer-xs) + .6ch);
			right: 10ch;
		}

		& .location-wrapper-info img {
			display: none
		}

		& .cta {
			margin-top: var(--spacer-sm)
		}

		& .hours-wrapper {
			width: calc(100% - var(--spacer-lg));
		}

		& .store-hours {
			margin: var(--spacer-md) 0 calc(var(--spacer-mdsm) * -1);
		}
	}

	:lang(fr) .location-wrapper .store-open-icon {
		right: 5ch
	}

	.social-media-wrapper {

		& h2 {
			font-size: var(--font-size-3xl);
		}

		& h2 span {
			margin-left: 0
		}

		& p {
			font-size: var(--font-size-lg);
		}

		& .icons {
			height: 2.5ch;
		}
	}

	.faq-container {
		flex-direction: column;
		padding: var(--spacer-md) 0;
		gap: var(--spacer-md);

		& .faq-wrapper {
			max-width: unset
		}

		& h2 {
			margin-left: var(--spacer-xl)
		}
	}

	.faq-more-questions-wrapper {
		margin-top: var(--spacer-xl)
	}

	#frequently-asked-questions .tabs-new-outer-holder,
	#foire-aux-questions .tabs-new-outer-holder {
		margin: var(--spacer-xl) 0 var(--spacer-md);
	}

	.create-account-wrapper img {
		display: none
	}

	.createaccount {
		width: 100%
	}

	#customer-addresses {
		& #add_address .customer_address_table input {
			max-width: unset;
		}

		& #add_address .customer_address_table img {
			display: none
		}

		& #add_address .action_bottom {
			max-width: unset
		}
	}

	.user-onboard-grid-wrapper {
		transition: all 0.35s ease-in;
		scrollbar-width: none;
		align-items: flex-start;
		scroll-snap-align: start;
		overflow-x: auto;
		overflow-y: hidden;
		display: flex;
		flex-wrap: nowrap;
		scroll-snap-type: x mandatory;
		scroll-behavior: smooth;
		will-change: transform;
	}

	.user-onboard-step {
		flex: 1;
		min-width: 450px;
	}

	.user-onboard-step:first-of-type {
		width: var(--spacer-md);
		display: flex;
	}

	.user-onboard-step:last-of-type {
		margin-right: var(--spacer-xl)
	}

	.user-onboard-outer-wrapper {
		padding: var(--spacer-md) 0 var(--spacer-xl);

		& h3 {
			margin-left: var(--spacer-xl)
		}

	}

	.user-onboard-grid-wrapper {
		scroll-padding: 0 var(--spacer-xl);
	}

	.customermeta .cta:not(.spin-hidden),
	.order-cta-wrapper .place-same-order:not(.spin-hidden) {
		padding-right: var(--spacer-xl)
	}

	.customermeta .cta:after,
	.order-cta-wrapper .place-same-order:after {
		background-size: 60%;
		right: var(--spacer-xs);
	}

	#online .online-inner-wrapper {
		flex-direction: column;
	}

	#online .online-inner-wrapper img {
		width: 100%
	}

	#online picture {
		width: 100%;
	}

	.print-cart {
		margin-bottom: 0
	}

	.cart-note .cart-note-inner-wrapper {
		grid-template-columns: 1fr;

	}

	.index-recipes-wrapper {
		contain-intrinsic-size: auto 500px;
	}

}

@media screen and (max-width: 850px) {
	:root {

		/* Font sizes (based on 4px steps) */
		--font-size-4xl: calc(var(--base-unit) * 3.5);
		/* 64px */
		--font-size-5xl: calc(var(--base-unit) * 4);
		/* 80px */
		--font-size-6xl: calc(var(--base-unit) * 4);
		/* 96px */
		--font-size-7xl: calc(var(--base-unit) * 5);
		/* 128px */
	}

	.h2-title-wrapper {
		display: block
	}

	.new-product-tags-outer {
		padding-left: var(--spacer-md)
	}

	.pa-logo-solo {
		width: 8rem;
		margin-bottom: var(--spacer-xl)
	}

	.recipe-hero {
		width: 8rem;
	}

	.recipe-container .right,
	.recipe-container .left {
		width: 100%;
		margin-bottom: calc(61.566% + var(--spacer-md));
	}

	.recipe-container section:last-of-type:after,
	.video-wrapper {
		width: 100%;
		top: unset;
		bottom: 0;
	}

	.replay-btn {
		bottom: var(--spacer-md);
		right: var(--spacer-md);
	}

	.timeline-center-wrapper {
		bottom: calc(var(--spacer-md) + var(--spacer-mdsm) + .75ch);
	}

	.recipe-container section {
		min-height: unset;
	}

	.recipe-add-products {
		margin-top: 0
	}

	.collection-hero,
	.page-hero {
		object-position: center top
	}

	.grid-filter-holder {
		max-width: 60vw;
	}

	.all-depts-dropdown .all-depts-close {
		right: var(--spacer-xl);
	}

	.cart-row img {
		max-width: 7rem
	}

	.cart-text a {
		font-size: var(--font-size-base)
	}

	.email-subscribe-wrapper #mc_embed_signup_scroll {
		flex-direction: column;
		align-items: flex-start;
	}

	#flyer-holder .grid-pref-holder-outer {
		flex-direction: column;

		& .tabs-new-outer-holder {
			margin: 0
		}

		& .week {
			margin: var(--spacer-2xl) 0 var(--spacer-md);
		}
	}


	.social-media-wrapper {
		padding: var(--spacer-xl);

		& h2 {
			font-size: var(--font-size-2xl);
		}

		& p {
			font-size: var(--font-size-base);
		}

		& .social-icon-wrapper {
			gap: var(--spacer-sm);
			margin-top: var(--spacer-xl);
		}
	}

	.index-grid-wrapper {
		& .careers-hero-wrapper {
			margin-top: calc(var(--spacer-2xl) * -1)
		}

		& .social-icon-wrapper {
			margin-top: auto;
		}
	}

	.index-recipe {
		min-width: 70vw;
	}

	.delivery-map-wrapper {

		& .left-panel-wrapper {
			gap: var(--spacer-sm);
			padding: var(--spacer-md);
		}

		& section {
			gap: var(--spacer-md)
		}

		& .delivery-zone-legend-wrapper {
			width: 100%;
			padding: var(--spacer-sm);
			font-size: var(--font-size-sm)
		}


		& #panel {
			gap: var(--spacer-md);
		}

		& .legend {
			padding: var(--spacer-sm);
		}
	}

	#canvas {
		height: 320px;
	}

	.email-subscribe-wrapper {
		margin: var(--spacer-5xl) auto var(--spacer-2xl);
	}

	.flyer-outer-wrapper {
		margin: calc(var(--spacer-2xl) * -1) auto;
		padding-top: var(--spacer-2xl)
	}


	footer {
		contain-intrinsic-size: auto 780px;
	}
}

@media screen and (max-width: 650px) {
	:root {
		--header-top-padding: var(--spacer-lg);
		--header-bottom-padding: var(--spacer-lg);
		--max-section-width: calc(100vw - calc(var(--spacer-md) * 2));
		--component-font-size: .875rem;
		--form-max-width: calc(100vw - calc(var(--spacer-md) * 2));
	}

	#tab-holder-new,
	#tab-holder-new-link {
		font-size: var(--font-size-sm);

		& a {
			padding: var(--spacer-xs) var(--spacer-sm);
		}
	}

	.nav-wrapper {
		top: calc(var(--spacer-lg) + var(--nav-offset));
		right: var(--spacer-md);
		padding: 0 var(--spacer-xs);
		gap: var(--spacer-md);

		&.scrolled {
			transform: translate(0, -10rem);
		}

		&.scrolling-up {
			transform: translate(0, calc(var(--nav-offset) * -1));
		}
	}

	.grid-pref-holder-outer {
		font-size: var(--component-font-size);
	}

	nav {
		gap: var(--spacer-xs);
		padding: var(--spacer-xs) 0;

		& .alert-modal-btn {
			margin-left: unset;
		}
	}

	.collection-hero,
	.page-hero {
		margin-bottom: var(--spacer-md);
		position: relative;
	}

	.product-grid-holder {
		margin: var(--spacer-md) auto;
		grid-template-columns: repeat(auto-fill, minmax(min(320px, 100%), 1fr));
	}

	.plus-minus .icons {
		width: .85ch;
		height: .85ch;
	}

	.index-products-wrapper {
		margin: calc(var(--spacer-lg) * -1) 0 var(--spacer-md) 0;
		scroll-padding: 0 var(--spacer-md);

		& .item {
			scroll-snap-align: start;
		}

		& .item:first-of-type {
			margin-left: 0
		}

		&:before {
			content: "";
			width: var(--spacer-md);
			pointer-events: none;
			aspect-ratio: 1;
			height: var(--spacer-md);
			display: block
		}

		& .item:last-of-type {
			margin-right: var(--spacer-md)
		}

	}

	.grid-filter-holder {
		max-width: 90vw;
	}

	.h2-title-wrapper .flyers-dates,
	.collection-hero .flyers-dates,
	.page-hero .flyers-dates {
		font-size: var(--font-size-lg);
	}

	.page-header .cta {
		font-size: var(--font-size-base);
		margin-top: var(--spacer-xl);
		padding: var(--spacer-xs) var(--spacer-sm) var(--spacer-xs) var(--spacer-mdsm);
	}

	.cta.cta-minor,
	.cta.cancel,
	.cta.proceed-btn {
		padding: var(--spacer-xs) var(--spacer-mdsm);
	}

	/* RESET PADDING FOR BUTTONS WITH NO ICONS */
	.action_bottom .cta,
	.grid-add-to-cart.cta,
	.account-section .cta,
	.footer-lower .cta {
		padding: var(--spacer-xs) var(--spacer-mdsm);
	}

	.cta.remove-btn {
		padding: 0
	}

	.page-header {
		margin-bottom: var(--spacer-md)
	}

	#collections .page-header {
		margin-bottom: 0
	}

	.h2-title-wrapper {
		margin: var(--spacer-md) auto 0;
	}

	.h2-title-wrapper h2 {
		font-size: var(--font-size-3xl);
	}

	h2 {
		font-size: var(--font-size-2xl);
	}

	.tagline {
		font-size: var(--font-size-xl);
		margin-left: 0;
		margin-top: var(--spacer-xs);
	}

	.h2-title-wrapper .flyers-dates .chevron,
	.collection-hero .flyers-dates .chevron,
	.page-hero .flyers-dates .chevron {
		margin: .35ch .3ch 0;
	}

	.nav-cart {
		padding: var(--spacer-sm) var(--spacer-sm);
		height: 2.5rem;
		margin-left: var(--spacer-sm)
	}

	.menu-btn {
		height: 2.5rem;
		width: 2.5rem;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		aspect-ratio: 1;

		&:hover {
			background-color: transparent;
			border: 1px solid transparent;
		}

		&:before {
			inset: -.5rem -.5rem -.5rem .25rem;
		}
	}

	nav .search-btn-wrapper {
		padding: calc(var(--spacer-mdsm) - .125rem);
		margin-right: calc(var(--spacer-md) * -1);
		border: unset;

		& .search {
			margin: 0;
			opacity: 1;
		}

		&:before {
			inset: -.5rem -.25rem -.5rem .5rem;
		}
	}

	.mac nav .search-btn-wrapper:after,
	.pc nav .search-btn-wrapper:after {
		content: unset;
	}


	.search-word {
		display: none
	}

	.mobile-search.search-btn-wrapper {
		position: fixed;
		bottom: var(--spacer-md);
		right: var(--spacer-md);
		display: flex;
		display: none;
		z-index: 9;
		gap: var(--spacer-sm);
		border-radius: 100vw;
		border: 1px solid var(--green);
		backdrop-filter: blur(12px);
		background-color: var(--green-light);
		color: var(--white);
		align-items: center;
		justify-content: space-between;
		padding: var(--spacer-sm) var(--spacer-md);
		font-family: 'BrandonText-Bold';

		& .search {
			height: 1.75ch;
		}
	}

	.all-depts-dropdown {
		padding: 0 var(--spacer-md) var(--spacer-lg);
		border-radius: 0;

		& .all-depts-close {
			right: var(--spacer-lg);
			bottom: calc(var(--spacer-2xl) - .35rem);
			top: calc(var(--spacer-2xl) - .45rem);
		}

		a {
			font-size: .9rem
		}

		& li {
			padding: var(--spacer-xs) var(--spacer-xs) var(--spacer-sm);
		}

		& .all-depts-search-close {
			margin-top: var(--spacer-lg)
		}

		& .all-dept-links-wrapper {
			gap: var(--spacer-sm);
		}
	}

	.search-form form {
		width: 85%;
		display: flex;
		flex-direction: column;

		& input {
			padding: var(--spacer-sm) var(--spacer-md);
			width: 82vw
		}
	}

	.search-results {
		margin-top: var(--spacer-md);
		margin-bottom: var(--spacer-2xl);
		grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
		width: calc(100vw - var(--spacer-xl));
		gap: var(--spacer-sm);

		& li {
			flex-direction: row;
			justify-content: flex-start
		}

		& .all-results {
			margin-top: var(--spacer-sm);
			max-width: var(--max-section-width);
		}

		& li:nth-child(n+7):nth-child(-n+10) {
			display: none
		}

		& .title.search-result {
			display: -webkit-box;
			line-height: 1.1;
			-webkit-line-clamp: 2;
			overflow: hidden;
			-webkit-box-orient: vertical;
		}

		& .thumbnail {
			margin-bottom: var(--spacer-xs);
		}
	}

	.search-form {
		padding: var(--spacer-lg) 0 0;
	}

	.recipe-header {
		padding: var(--spacer-md);
		min-height: 40vh
	}

	.recipe-details {
		flex-wrap: wrap;
	}

	.back-link {
		bottom: calc(var(--spacer-2xl) * -.95);
		left: var(--spacer-md)
	}

	.recipe-header {
		margin: 0 0 var(--spacer-xl);
	}

	.recipe-container {
		margin-bottom: var(--spacer-md)
	}

	.recipe-hero {
		margin-left: 0
	}

	.collection-hero h1,
	.page-hero h1,
	.recipe-header h1,
	.page-header h1 {
		font-size: var(--font-size-4xl);
		letter-spacing: -1px;
		max-width: 13ch;
	}

	.page-header-blank h1 {
		font-size: var(--font-size-3xl);
	}

	#terms-of-service-holder h2 {
		font-size: var(--font-size-xl)
	}

	body[id*=search] .page-hero h1 {
		font-size: var(--font-size-2xl);
	}

	.new-product-tags-title {
		font-size: var(--font-size-xl);
	}

	.recipe-container section {
		grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr));
		gap: var(--spacer-md)
	}

	.ingredient-holder,
	.recipe-page .right {
		padding: var(--spacer-lg) var(--spacer-md) var(--spacer-md);
	}

	.recipe-container h2 {
		font-size: var(--font-size-xl);
	}

	.recipe-add-products {
		padding-bottom: 0;
		margin-bottom: 0;
		margin-top: var(--spacer-xl);

		& h3 {
			margin: 0 0 var(--spacer-lg) var(--spacer-md);
			font-size: var(--font-size-2xl);
		}

		& ul {
			margin: 0 auto var(--spacer-md)
		}
	}

	.container {
		margin-top: var(--spacer-3xl);
		grid-template-columns: repeat(auto-fit, minmax(min(150px, 100%), 1fr));
		gap: var(--spacer-sm);
		margin-bottom: var(--spacer-md);

		& a {
			gap: var(--spacer-md)
		}

		& h2 {
			padding: 0 var(--spacer-md);
			margin-bottom: var(--spacer-md)
		}

		& .recipe-tag {
			top: var(--spacer-mdsm);
			left: var(--spacer-mdsm);
			font-size: var(--font-size-xs);
		}

		& .recipe-thumbnail-wrapper {
			width: calc(100% - calc(var(--spacer-xs) * 2));
			margin: var(--spacer-xs) auto 0;
		}

		& .recipe-details-wrapper {
			margin: calc(var(--spacer-lg) * -1) 0 var(--spacer-md) var(--spacer-md);
		}

		& .recipe-detail {
			font-size: var(--font-size-xs)
		}
	}

	#customer,
	.account-section,
	#history,
	#historique {
		margin: 0 auto var(--spacer-md);

		& .tabs-new-outer-holder {
			margin: 0
		}

		& #content {
			margin-top: var(--spacer-md)
		}
	}

	#customer #customer-login input,
	#customer #recover-password input {
		width: 75vw;
	}

	.login-form-wrapper {
		margin: 0 auto;
		max-width: var(--max-section-width);
	}

	#customer .cta {
		width: fit-content
	}

	.cta,
	.careers-btn-apply {
		padding: var(--spacer-xs) var(--spacer-mdsm);
		gap: var(--spacer-xs);
	}

	.social-media-wrapper.careers-hero-wrapper {


		& a.cta {
			padding: var(--spacer-xs) var(--spacer-mdsm);
			gap: var(--spacer-xs);
		}

		& .icons {
			height: 1.25ch
		}
	}

	.index-grid-wrapper {
		gap: var(--spacer-md);

		& .careers-hero-wrapper {
			margin-top: calc(var(--spacer-md) * -1)
		}
	}

	.account-section #customer_detail {
		flex-direction: column;
		gap: var(--spacer-md);

		& .address {
			margin: calc(var(--spacer-md) * -1) var(--spacer-md) var(--spacer-md) var(--spacer-md)
		}
	}

	.stats-wrapper {
		grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
		gap: var(--spacer-md);
		margin: var(--spacer-md) auto;
		padding: var(--spacer-md);

		& h3,
		& p {
			font-size: var(--font-size-base);
		}

		& h2 {
			font-size: var(--font-size-xl);
		}

		& .icons {
			height: 2ch;
		}

		& .stats {
			padding: var(--spacer-md);
			aspect-ratio: 1;
		}
	}

	.customermeta {
		margin-top: calc(var(--spacer-2xl) * -1)
	}

	#your-shopping-cart {

		& .customermeta {
			margin-top: 0
		}

		& .account-section #customer_detail>div {
			border-bottom: 1px solid var(--cart-row-border-color);
			gap: var(--spacer-md);
			padding: 0 var(--spacer-md) var(--spacer-md);

			&:first-of-type {
				padding-top: var(--spacer-md)
			}
		}

		& .account-section label {
			font-size: var(--font-size-base);
		}
	}

	.cart-note {

		& .cart-row {
			padding: 0;
			margin-bottom: var(--spacer-xs);
		}

		& p {
			font-size: var(--font-size-sm)
		}

	}

	.account-section .account-dashboard-holder {
		gap: var(--spacer-md);
		margin: var(--spacer-md) 0;
		width: 100%;
	}

	.account-section label {
		font-size: var(--font-size-base);
	}

	.customer-detail-left {
		border-bottom: 1px solid var(--cart-row-border-color)
	}

	.prev {
		display: none
	}

	.coll-listing {
		padding: var(--spacer-lg) var(--spacer-sm) var(--spacer-sm);
		margin-bottom: var(--spacer-md);
	}

	#your-shopping-cart h2,
	.email-subscribe-wrapper h2 {
		font-size: var(--font-size-xl);
		margin-left: var(--spacer-sm);
		margin-bottom: var(--spacer-lg);
	}

	.email-subscribe-wrapper h2 {
		font-size: var(--font-size-2xl);
	}

	.cart-row {
		padding: var(--spacer-xl) var(--spacer-md);
		gap: var(--spacer-sm);
		position: relative;
	}

	.cart-row img {
		display: none
	}

	.cart-text {
		margin-left: calc(var(--spacer-sm) * -1);
		width: calc(100% - 9.5rem);
	}

	.cart-desc-wrapper {
		font-size: var(--font-size-sm)
	}

	.cart-text .special-icon {
		transform: scale(0.8);
		transform-origin: bottom left;
		top: -3.5ch
	}

	.cart-update-holder {
		position: absolute;
		top: 50%;
		right: calc(var(--spacer-md) - var(--spacer-xs));
		margin: 0;
		transform: translateY(-50%);
	}

	.cart-line-total {

		& .red {
			font-size: var(--font-size-xs);
		}
	}

	.cart-line-semi-total {
		position: absolute;
		bottom: var(--spacer-sm);
		right: calc(var(--spacer-md) + var(--spacer-xs));
		font-size: var(--font-size-xs);
	}

	.cart-line-total sup {
		top: unset;
		bottom: -1.25ch;
		opacity: .75;
		font-size: calc(var(--font-size-xs) / 1.25)
	}

	.cart-special .cart-text {
		margin-top: var(--spacer-md)
	}

	.modal-wrapper {
		width: calc(var(--max-section-width) - var(--outer-padding));
		padding: var(--spacer-2xl);

		&:before {
			inset: var(--spacer-lg);
		}
	}

	.list-total-items {
		flex-direction: column;
		margin: var(--spacer-md) auto 0;
	}

	.cart-outer-flex-wrapper {
		gap: var(--spacer-md)
	}

	.cart-totals-outer-wrapper {
		margin-bottom: var(--spacer-md);
	}

	.tips-holder.cart-row:last-of-type {
		gap: var(--spacer-md);
		padding: var(--spacer-md);

		& button {
			padding: var(--spacer-xs) var(--spacer-mdsm);
		}
	}


	.cartsum {
		font-size: var(--font-size-3xl);
	}

	.cart-totals-holder {
		width: 100%;
		margin: 0 auto;
		padding: var(--spacer-xl) var(--spacer-md);
	}

	.total-breakdown {
		right: var(--spacer-md)
	}

	.cart-totals-holder-active,
	.cart-totals-message {
		min-width: var(--max-section-width);

		&:before {
			inset: var(--spacer-sm);
		}
	}

	.cart-totals-message {

		padding-left: var(--spacer-xl);

		& h4 {
			font-size: var(--spacer-lg);
			margin-right: var(--spacer-sm);
		}
	}

	.cart-totals-holder.cart-totals-holder-active {
		padding: var(--spacer-md);

		& .cartsum {
			font-size: var(--font-size-2xl);
			margin-top: var(--spacer-sm);
		}
	}

	.cartsumTaxes {
		font-size: var(--font-size-3xl);
		margin-left: auto;
	}

	.cart-totals-holder-active .cartsumTaxes {
		padding: var(--spacer-md) var(--spacer-md) 0;
		margin-right: 0
	}

	.cart-totals-holder-active .cartsumTaxes:before {
		top: .3rem;
		right: var(--spacer-md);
		font-size: var(--font-size-xs);
	}

	.email-subscribe-wrapper .cart-row {
		padding: var(--spacer-sm);
		background-color: transparent;
		border: 1px solid transparent;
		width: unset;
	}

	.email-subscribe-wrapper {
		margin: var(--spacer-xs) auto var(--spacer-md);
		padding: var(--spacer-md);

		& label {
			color: var(--white);
			font-size: var(--font-size-sm);
		}

		& input {
			width: 55vw;
		}
	}

	.subscribe-flyer-holder-show .flyer-outer-wrapper {
		margin: calc(var(--spacer-md) * -1) auto;
	}


	.close-subscribe-btn {
		top: var(--spacer-md);
		right: var(--spacer-md);
	}

	.subscribe-btn {
		font-size: var(--font-size-base);
		margin-top: var(--spacer-lg);
	}

	.email-subscribe-wrapper .icons.subscribe-icon {
		height: 2.5rem;
		margin-bottom: var(--spacer-sm);
		margin-left: var(--spacer-xs);
	}

	.email-subscribe-wrapper h2 {
		margin-bottom: var(--spacer-md)
	}

	.flyer-div {

		& img:first-of-type {
			border-radius: var(--spacer-sm) var(--spacer-sm) 0 0;
		}

		& img:last-of-type {
			border-radius: 0 0 var(--spacer-sm) var(--spacer-sm);
			margin-bottom: var(--spacer-md);
			border: 0
		}
	}

	.print-flyer {
		margin-bottom: var(--spacer-md);
	}

	.footer-wrapper {
		grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
		gap: var(--spacer-sm);
		padding-bottom: var(--spacer-xl);
	}

	.footer-main-title {
		margin-bottom: var(--spacer-xl)
	}


	.footer-inner-title .icons {
		display: unset;
	}

	.footer-inner-title {
		cursor: pointer;
		transition: color var(--transitionparams);
		margin-bottom: var(--spacer-sm);
		font-size: var(--font-size-base);
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;

		&:hover .icons,
		& .icons {
			filter: var(--filter-white);
		}

		&:hover {
			color: var(--green)
		}
	}

	.footer-grid-wrap {
		display: grid;
		grid-template-rows: 0fr;
		overflow: hidden;

		opacity: 0;
		transition:
			grid-template-rows var(--transitionparams),
			opacity 180ms ease-out;

		will-change: opacity;
		/* OK */
	}

	.footer-grid-wrap>* {
		overflow: hidden;
	}

	.footer-grid-wrap.open {
		grid-template-rows: 1fr;
		opacity: 1;
		margin-bottom: var(--spacer-md);
	}

	.footer-menu-content {
		min-height: 0;
	}

	.footer-menu-content a {
		opacity: 0;
		transform: translateX(-2rem);
		transition: opacity var(--transitionparams), transform var(--transitionparams);
		transition-delay: var(--delay, 0s);
		padding-left: var(--spacer-xs);
	}

	.footer-grid-wrap.open .footer-menu-content a {
		opacity: 1;
		transform: translateX(0);
	}

	.template-index .page-header h1 {
		letter-spacing: -4px;
	}

	footer {
		padding-top: var(--spacer-xl);
		contain-intrinsic-size: auto 450px;
	}

	footer .pa-logo-solo {
		margin: 0 auto var(--spacer-xl);
		display: block;
	}

	#terms-of-service-holder .line {
		margin: var(--spacer-xl) 0
	}

	.dynamic-price-show {
		margin-left: var(--spacer-xs);
		margin-right: calc(var(--spacer-sm) * -1);
	}

	.template-product .product-grid-holder {
		margin: var(--spacer-md) auto;
	}

	body:not(.template-product):not(.template-index) .item {

		gap: var(--spacer-sm);
		padding: var(--spacer-sm);
		border-radius: 1.5rem;

		& .grid-product-image-holder {
			width: 35vw;
			position: unset;
			border-radius: var(--spacer-md);
			border: unset;
			margin: 0 0 auto
		}

		& img {
			border-radius: var(--spacer-md)
		}

		& .grid-product-price {
			left: calc(35vw + var(--spacer-sm));
			bottom: 0;
			padding: calc(var(--spacer-xs) * .5) calc(var(--spacer-xs) / .7);
			transform: scale(.9);
			transform-origin: left bottom;
		}

		/* & .grid-product-price:after {
			right: calc(100% - var(--spacer-mdsm));
			left: unset;
			padding: var(--spacer-xs) var(--spacer-md) var(--spacer-xs) var(--spacer-xs);
			border-radius: calc(var(--border-radius) - var(--spacer-sm)) 0 0 calc(var(--border-radius) - var(--spacer-sm));
			color: var(--slate-text);
			transform: translateZ(-1px) translateX(1rem);
			opacity: 0;
			background-position: 35% center;
		} */

		& .grid-vendor,
		& .grid-title,
		& .grid-desc-holder {
			line-height: 1
		}
		
			
		& .grid-desc {
			font-size: var(--font-size-sm);
		}

		& .grid-button-quantity-holder {
			margin-top: 0;
		}

		& .grid-desc-holder {
			font-size: var(--font-size-sm);
		}
		
		& .wishlist-button .wk-button {
			position: absolute;
			top: var(--spacer-4xl);
			right: var(--spacer-sm)
		}

		& .grid-info-wrappper {
			position: absolute;
			left: calc(35vw + var(--spacer-md));
			top: var(--spacer-mdsm);
			font-size: var(--font-size-sm);
			line-height: 1.1;
		}

		& .grid-title {
			padding: var(--spacer-xs) 0;
			font-size: var(--font-size-base);
			width: 47vw;
		}
		
		& .grid-vendor {
			width: 41vw;
		}

		& .grid-tag-holder {
			top: .5rem;
			left: .5rem;
			flex-direction: column;
			gap: 0;
		}

		& .grid-tag {
			width: fit-content;
			font-size: 0;
			padding: var(--spacer-mdsm);
			background-repeat: no-repeat;
			background-position: center;
			background-size: 55% auto
		}

		.show-unit-prices .grid-product-price:after {
			opacity: 1;
			transform: translateZ(-1px) translateX(0);
		}

		.grid-quebec-tag {
			background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/quebec-icon.svg?v=134984199385763999591761673120');
		}

		.grid-canada-tag {
			background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/canada.svg?v=49622307607059994511761672846');
		}

		.grid-kosher-tag {
			background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/kosher.svg?v=89002590456119789031764533749');
		}

		.grid-family-tag {
			background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/utensils.svg?v=113369436171254310731767819220');
		}

		.grid-organic-tag {
			background-image: url('//www.supermarchepa.com/cdn/shop/t/8/assets/organic.svg?v=182673031989453471941767819211');
		}

		.grid-tag-holder .grid-tag:not(:first-child) {
			background-position: center 4px;
		}

		& .notifier,
		& .notifier-favourite {
			height: 102%;
			padding: var(--spacer-xs);
		}

		& .notifier-checkmark,
		& .notifier-favourite .notifier-checkmark {
			top: 27%;
		}

		& .checkmark {
			width: 45px;
			height: 45px
		}

		& .incart-banner,
		& .yellow-tag {
			width: 6rem;
		}

		& .incart-banner .icons,
		& .yellow-tag .icons {
			margin: 0 0 0 -4.25rem;
			height: 1.25ch;
		}

		& .grid-product-select {
			margin: 0 0 var(--spacer-sm);
		}
		
		& .grid-desc span:first-of-type {
			margin-right: var(--spacer-xs)
		}

		& .dynamic-price-show {
			margin-left: var(--spacer-xs);
			margin-right: calc(var(--spacer-sm) * -1);
		}
	}

	.show-unit-prices .grid-product-price:after {
		opacity: 1 !important;
		transform: translateZ(-1px) translateX(0) !important;
	}


	.index-products-wrapper .item {
		min-width: 85vw;
	}

	.index-products-wrapper .item-last-link {
		height: unset
	}

	.scroll-btns-wrapper {
		display: none
	}

	.week {
		gap: var(--spacer-sm);
		font-size: var(--font-size-sm);
	}

	body[id*="specials"] .week {
		margin: var(--spacer-2xl) var(--spacer-md) var(--spacer-md);
	}

	.page-hero .week {
		margin: var(--spacer-2xl) 0 var(--spacer-md)
	}

	.collection-hero .week {
		margin: var(--spacer-xl) 0 var(--spacer-md)
	}

	#online {
		margin: var(--spacer-md) auto;

		& ul {
			margin: 0 0 var(--spacer-md);
			gap: var(--spacer-md);
			grid-template-columns: repeat(auto-fit, minmax(min(120px, 100%), 1fr));
		}

		& ul li {
			padding: var(--spacer-md);
			font-size: var(--font-size-sm);
			gap: var(--spacer-md);
		}

		& li:after {
			inset: var(--spacer-sm)
		}

		& li .icons {
			height: 2.5ch
		}
	}

	#online .online-inner-wrapper {
		gap: var(--spacer-md);
		margin: var(--spacer-md) 0 0;
	}

	#delivery {
		& .price-list-wrapper {
			gap: var(--spacer-md);
			grid-template-columns: repeat(auto-fit, minmax(min(120px, 100%), 1fr));
		}

		& .price {
			font-size: var(--spacer-3xl);
			width: 100%;
			aspect-ratio: unset;
		}

		& .price-list-item {
			padding: var(--spacer-sm);
			border-radius: var(--border-radius);
			gap: var(--spacer-sm);
			flex-direction: column;
		}

		& .price-list-item:first-of-type,
		& .price-list-item:last-of-type {
			border-radius: var(--border-radius)
		}

		& .price-list-item p {
			padding: 0 var(--spacer-sm)
		}
	}

	.offset-color-wrapper,
	.delivery-map-wrapper {
		padding: var(--spacer-md) 0
	}

	.tabs-new-outer-holder,
	.tabs-new-outer-holder-link {
		margin: var(--spacer-md) 0;
	}

	.customer-tabs-new-outer-holder {
		margin-top: 0
	}

	.delivery-hours-wrapper {
		& .delivery-hours {
			padding: var(--spacer-md)
		}

		& .hours {
			font-size: var(--font-size-base)
		}

		& .delivery-hours:first-of-type {
			border-radius: var(--border-radius) var(--border-radius) 0 0;
		}

		& .delivery-hours:last-of-type {
			border-radius: 0 0 var(--border-radius) var(--border-radius);
		}

		& h3 {
			font-size: var(--font-size-2xl);
			display: flex;
			justify-content: space-between;
			align-items: center
		}

		& h3 span {
			font-size: var(--font-size-base);
			margin: unset;
			display: unset
		}
	}

	.delivery-fees {
		margin-left: var(--spacer-md);
		margin-top: calc(var(--spacer-md) * -1)
	}

	#container-career {
		gap: var(--spacer-sm);
		margin: var(--spacer-md) auto;
	}

	.career-open .career-holder .career-desc {
		margin-top: 0;
	}

	.career-holder {
		padding: var(--spacer-sm);
		aspect-ratio: unset;

		&:after {
			top: 50%;
			bottom: unset;
			right: var(--spacer-lg);
			transform: translateY(-50%);
			width: var(--spacer-mdsm);
			height: var(--spacer-mdsm);
		}

		& h2 {
			font-size: var(--font-size-lg);
			margin: 0;
			max-width: 60%;
		}

		& h2:after {
			left: unset;
			right: calc(var(--spacer-md) * -1);
		}

		& .location {
			font-size: var(--font-size-sm);
			margin: 0
		}

		& .position-available-icon {
			font-size: var(--font-size-xs);
		}

		&>div {
			margin-bottom: 0
		}

		& .career-desc {
			padding: var(--spacer-md);
			margin-top: var(--spacer-xs);
		}

		& .careers-btn-apply {
			padding-right: var(--spacer-lg);
			padding-left: var(--spacer-mdsm);
		}

		& .careers-btn-apply:after {
			right: var(--spacer-mdsm)
		}

		& .career-desc-flex-wrapper,
		& .career-header-details>div {
			flex-direction: column;
		}

		& .career-title {
			flex: 0 0 100%;
			max-width: unset;
			min-width: unset;
			margin-bottom: calc(var(--spacer-md) * -1);
			font-size: var(--font-size-base);
		}

		& .career-header-details .career-title {
			margin-bottom: calc(var(--spacer-md) * -1)
		}

		& .career-apply-btn-wrapper {
			bottom: 0;
			padding: var(--spacer-md);
		}

		& .career-apply-btn-wrapper .cta,
		& .career-apply-btn-wrapper .careers-btn-apply {
			font-size: var(--font-size-sm)
		}

	}

	.available .career-holder:after {
		right: var(--spacer-lg);
	}

	.closed-career .career-desc {
		padding: 0 var(--spacer-md);
		margin-top: 0;
	}

	#careers,
	#carrieres {

		& .grid-pref-holder-outer {
			margin-top: var(--spacer-md);
		}
	}

	.location-wrapper {
		padding: var(--spacer-md) 0 0;
		margin-top: 0;

		& .hours,
		& .store-stats-wrapper>div {
			font-size: var(--font-size-sm);
		}


		& .store-stats-wrapper .icons {
			height: 1.5ch
		}

		& h3 span {
			margin-left: 0;
		}

		& h3 {
			max-width: unset;
		}

		& .location-wrapper-map {
			aspect-ratio: 16/11;
			overflow: unset;
		}

		& .metro-wrapper,
		& address,
		& .mini-cta {
			margin-left: 0;
		}

		& img {
			border-radius: var(--border-radius) var(--border-radius) 0 0;
		}

		& .map-switcher {
			top: calc(var(--spacer-3xl) * -1);
			right: 0;
			padding: .2rem;
		}

		& .map-switcher button {
			width: 2ch;
			height: 2ch
		}

		& .map-switcher button .icons {
			width: 1.5ch
		}

		& .store-hours {
			margin: var(--spacer-md) 0 calc(var(--spacer-sm) * -1);
		}
	}

	#locations {
		margin: var(--spacer-md) auto;

		& .grid-pref-holder-outer {
			display: flex;
		}

		& .tabs-new-outer-holder {
			display: none
		}

		& h2 {
			margin-bottom: var(--spacer-md)
		}

		& #tabbed-content {
			margin-top: var(--spacer-2xl)
		}
	}

	.special-message {
		padding: var(--spacer-sm) 0;
		font-size: var(--font-size-sm)
	}

	.social-media-wrapper {
		margin: var(--spacer-md) auto;
		overflow: hidden;
		background-position: 85% center;
		padding: var(--spacer-md);

		& h2 span {
			font-size: var(--font-size-xs);
			letter-spacing: -.075ch;
		}

		& p {
			font-size: var(--font-size-sm);
		}

		& .social-media-inner {
			max-width: 20ch
		}
	}

	.careers-hero-wrapper {
		background-position: right center;
	}

	.comments-confirm-wrapper {
		margin: var(--spacer-md) auto;
		gap: var(--spacer-sm);

		& .icons {
			height: 5ch
		}
	}

	.faq-container {

		padding: 0 0 var(--spacer-md);

		& h2 {
			margin: 0 0 0 var(--spacer-md)
		}

		& .faq-question {
			padding: var(--spacer-md) 0;
			line-height: 1.2;
		}

		& .faq-answer-content {
			line-height: 1.4
		}

		& .faq-wrapper {
			padding: var(--spacer-xs) var(--spacer-md);
		}

		& .faq-wrapper .faq-holder.open-faq:last-of-type .faq-answer {
			margin-bottom: var(--spacer-mdsm);
		}
	}

	.faq-more-questions-wrapper {
		padding: var(--spacer-md);

		& h3 {
			font-size: var(--font-size-2xl);
		}
	}

	.faq-more-questions-wrapper {
		margin-top: 0;
	}

	#frequently-asked-questions .tabs-new-outer-holder,
	#foire-aux-questions .tabs-new-outer-holder {
		margin: var(--spacer-md) 0 var(--spacer-md);
	}

	.recipe-container .tabs-new-outer-holder {
		margin: var(--spacer-xl) 0 var(--spacer-md);
	}

	.collection-grid-holder {
		grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
		margin: 0 auto;
		gap: var(--spacer-md);

		& h3 {
			font-size: var(--font-size-lg)
		}

		& .collection-grid-item {
			padding: var(--spacer-md);
			aspect-ratio: 1/.55
		}
	}

	.order-wrapper {
		padding: 0 var(--spacer-mdsm) var(--spacer-mdsm);
	}

	.order-grid {
		padding: var(--spacer-mdsm) var(--spacer-mdsm) 0;
		font-size: var(--font-size-sm);
		gap: var(--spacer-sm);

		&>div {
			padding-bottom: var(--spacer-sm)
		}

		& .order-grid-footer {
			margin: var(--spacer-xs) 0;
		}
	}

	.order-header-wrapper {
		margin-top: var(--spacer-md);
		padding: 0 var(--spacer-sm) var(--spacer-sm);
	}

	.order-header-wrapper>div {
		padding: var(--spacer-md);
		font-size: var(--font-size-sm);
	}

	.order-header-wrapper h3 {
		font-size: var(--font-size-base)
	}

	.order-cta-wrapper {
		gap: var(--spacer-sm);
		flex-direction: column;
		margin: var(--spacer-md) 0 0 var(--spacer-sm);
		align-items: flex-start;
	}

	.order-history-wrapper {
		margin: var(--spacer-md) auto 0;

		& h2 {
			font-size: var(--spacer-lg);
			margin-top: var(--spacer-lg);
			margin-left: var(--spacer-md);
		}

		& .row {
			padding: var(--spacer-sm) var(--spacer-sm) var(--spacer-md);
			margin-top: 0
		}

		& .order-row:hover {
			background-color: transparent
		}
	}

	.createaccount {
		gap: var(--spacer-sm);
		padding: var(--spacer-md);

		& h3 {
			font-size: var(--font-size-xl);
		}
	}

	#account .delivery-map-wrapper {
		padding-bottom: var(--spacer-md)
	}

	.create-account-wrapper {
		margin-bottom: var(--spacer-md);
		gap: 0
	}

	.create-user-outer-wrapper {
		max-width: calc(var(--max-section-width) + var(--spacer-md));

		& h3 {
			font-size: var(--font-size-2xl);
			margin-left: var(--spacer-xs)
		}
	}

	.steps-wrapper {
		margin-left: var(--spacer-sm);

		& .step-title {
			font-size: var(--font-size-lg);
			padding-left: var(--spacer-xs)
		}

		& .step-title:after {
			width: var(--spacer-sm);
			left: calc(var(--spacer-sm) * -1.6);
		}
	}

	#customer-addresses {
		margin: var(--spacer-md) auto;

		& .address_table,
		& #add_address {
			padding: var(--spacer-md);
			gap: var(--spacer-sm)
		}

		& #address_tables {
			margin-bottom: calc(var(--spacer-md) * -1);
			gap: var(--spacer-md)
		}

		& .customer_address {
			gap: var(--spacer-md)
		}

		& .action_top {
			margin: var(--spacer-md) 0
		}

		& .addresses-first-visit {
			padding: var(--spacer-lg);
			gap: var(--spacer-md)
		}

		& .addresses-first-visit .customermeta {
			margin-top: unset;
		}

		& .delivery-map-wrapper section {
			margin-top: 0
		}
	}

	.delivery-zone-confirmation,
	.delivery-zone-fail {
		margin-top: 0;
		padding: var(--spacer-md);
		gap: var(--spacer-sm)
	}

	.zone-active {
		margin-top: calc(calc(var(--spacer-sm) + 1px) * -1);
	}

	.user-onboard-step {
		min-width: 70vw;
		padding: var(--spacer-md);
		align-items: unset;

		&:first-of-type {
			width: var(--spacer-md);
			display: flex;
		}

		&:last-of-type {
			margin-right: var(--spacer-md);
		}

		&:before {
			height: 1ch;
			right: -.5ch;
			top: calc(var(--spacer-lg) + .4ch);
		}

		&:after {
			top: calc(var(--spacer-lg) + .8ch);
		}

		& .user-onboard-dot {
			height: 1ch;
			left: -.5ch;
			top: calc(var(--spacer-lg) + .4ch);
		}
	}

	.user-onboard-wrapper {
		margin: var(--spacer-md) auto;

		& h2 {
			font-size: var(--font-size-3xl);
			margin-left: var(--spacer-md);
		}

		& a {
			margin-left: var(--spacer-md);
		}
	}

	.user-onboard-outer-wrapper {
		padding: var(--spacer-md) 0;

		& h3 {
			margin: 0 0 var(--spacer-md) var(--spacer-md);

		}
	}

	.user-onboard-grid-wrapper {
		gap: var(--spacer-md);
		scroll-padding: 0 var(--spacer-md);
	}


	#collections .custom-collections-wrapper {
		margin: var(--spacer-md) auto;
	}

	#terms-of-service-holder {
		padding-bottom: 0;

		& .line {
			margin: var(--spacer-md) 0
		}
	}

	.data-table {
		margin-bottom: var(--spacer-md)
	}

	#pagination {
		margin-bottom: var(--spacer-md)
	}

	.all-custom-collections {
		gap: var(--spacer-md);
		grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));

		& a:hover img {
			transform: scale(1);
			border: 1px solid transparent
		}

		& a:hover:before {
			content: unset;
		}
	}

	.custom-collections {
		scroll-padding: 0 var(--spacer-md);
		margin: var(--spacer-md) calc(var(--spacer-md) * -1);
		gap: var(--spacer-md);

		& a {
			min-width: 60vw;
		}

		& a:first-of-type {
			width: 0
		}

		&:after {
			width: 0;
			height: var(--spacer-md);
		}

		& a:hover img {
			transform: scale(1);
			border: 1px solid transparent
		}

		& a:hover:before {
			content: unset;
		}
	}

	.index-recipe {
		min-width: 70vw;

		&:first-of-type {
			min-width: 0
		}
	}

	.index-recipes-wrapper {
		scroll-padding: 0 var(--spacer-md);
		margin: var(--spacer-md) calc(var(--spacer-md) * -1);
		gap: var(--spacer-md);
		contain-intrinsic-size: auto 400px;

		&:after {
			width: 0;
			height: var(--spacer-xl);
		}
	}

	.index-recipe-footer {
		padding: var(--spacer-md);

		& .recipe-detail {
			font-size: var(--font-size-xs)
		}

		& h3 {
			font-size: var(--font-size-lg)
		}
	}

	.empty-cart-message {
		margin-bottom: var(--spacer-md);
	}

	.career-open.mix {
		padding: var(--spacer-md);

		& .career-holder h2 {
			font-size: var(--font-size-lg);
		}
	}

	.close-subscribe-btn .icons {
		height: var(--spacer-mdsm)
	}

	.appear-left {
		animation: appear-left 0.6s ease-out forwards;
		animation-timeline: auto;
	}

	.proceed-btn.cta {
		max-width: unset;
	}

	.cart-totals-holder .cart-proceed-btn {
		bottom: var(--spacer-md);
	}

	.cart-note {
		margin-top: calc(var(--spacer-md) * -1);
		scroll-margin-top: var(--spacer-md);
		padding: var(--spacer-lg) var(--spacer-md) var(--spacer-md);
		border-radius: 0;
	}

	.cart-footnote {
		margin: var(--spacer-md);
		padding: 0 var(--spacer-sm)
	}

	.cta.proceed-btn {
		padding: var(--spacer-sm);
		margin-left: var(--spacer-mdsm);
		margin-right: var(--spacer-mdsm);
		margin-bottom: var(--spacer-lg);
	}

	.cart-btns {
		margin: calc(var(--spacer-sm) * -1) -1px 0;
	}

	.template-404 {
		& section {
			margin-bottom: var(--spacer-md)
		}
	}

	.template-search {
		& section {
			margin-bottom: var(--spacer-md)
		}
	}

	#checkout-thank-you,
	#checkout-thank-you-fr {
		& h2 {
			font-size: var(--font-size-2xl);
		}
		
		& .thank-you-header {
			margin-bottom: var(--spacer-md)
		}
	}
}


@media screen and (max-width: 450px) {

	.faq-more-questions-wrapper {
		flex-direction: column;
		gap: var(--spacer-md);
		text-align: center;
	}

	.week {
		width: unset
	}

	.email-subscribe-wrapper h2 {
		font-size: var(--font-size-lg);
	}

	.email-subscribe-wrapper .icons.subscribe-icon {
		height: var(--spacer-xl)
	}

	.print-cart {
		width: 100%;
		justify-content: space-between;
	}


	footer {
		contain-intrinsic-size: auto 580px;
	}

	.index-recipes-wrapper {
		contain-intrinsic-size: auto 300px;
	}

	.recipe-hero {
		margin-top: 0
	}

}

@media (pointer: coarse),
(hover: none) {
	:root {
		--transitionparams: 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
		--transitionparamslinear: 0.25s cubic-bezier(0.33, 1, 0.68, 1);
		--transitionparamsfaq: 0.25s cubic-bezier(0.33, 1, 0.68, 1);
	}

	::view-transition-old(pref-holder) {
		animation: 0.25s cubic-bezier(0.25, 0.8, 0.25, 1) both fade-out;
	}

	::view-transition-new(pref-holder) {
		animation: 0.25s cubic-bezier(0.25, 0.8, 0.25, 1) both fade-in;
	}

	::view-transition-old(expanding-card),
	::view-transition-new(expanding-card) {
		/* This ensures the animation is smooth and doesn't "snap" or drift */
		animation-duration: 0.25s;
	}

	::view-transition-group(expanding-card) {
		animation-duration: 0.25s;
	}

	.index-recipe:before,
	.career-holder:before {
		content: unset;
	}

	.index-recipe-arrow {
		display: none
	}

	.career-holder:hover h2 {
		color: var(--slate)
	}

	.career-holder:hover:after {
		transform: translateY(-50%) rotate(0deg);
	}

	.career-holder:before {
		content: unset
	}

	.grid-pref-holder,
	.grid-filter-holder,
	.scroll-btns-wrapper,
	.map-switcher {
		&:not(.location-wrapper *) {
			button:hover {
				background-color: transparent;
				border: 1px solid transparent;
			}
		}
		
		& button:active {
			transform: scale(1) translateY(0);
		}
	}

	#tab-holder-new,
	#tab-holder-new-link {
		& a:hover {
			background-color: transparent;
			border: 1px solid transparent
		}
	}

	.container a:hover .recipe-thumbnail {
		transform: none
	}
	
	.item:hover .grid-product-price:after {
		opacity: 0 !important;
		transform: translateZ(-1px) translateX(-1rem) !important;
	}
	
	.show-unit-prices .item:hover .grid-product-price:after {
		opacity: 1 !important;
		transform: translateZ(-1px) translateX(0) !important;
	}

}