@charset "UTF-8";
:root {
	--h1-title: 1.625rem;
	--h2-title: 1.25rem;
	--h2-title-ms: 1.25rem;
	--h3-title: 1rem;
	--h4-title: 1rem;
	--p-main-faqs: .875rem;
	--lh-h1-title: 34px;
	--lh-h2-title: 24px;
	--lh-h2-title-ms: 20px;
	--lh-h3-title: 18px;
	--lh-h4-title: 16px;
	--lh-p-main-faqs: 18px;
	--main-padding: 0 15px;
	--header-height: 10rem
}

@media (min-width:768px) {
	:root {
		--h1-title: 2.5rem;
		--h2-title: 1.625rem;
		--h2-title-ms: 1.375rem;
		--h3-title: 1.125rem;
		--h4-title: 1.25rem;
		--lh-h1-title: 40px;
		--lh-h2-title: 30px;
		--lh-h2-title-ms: 22px;
		--lh-h3-title: 22px;
		--lh-h4-title: 20px;
		--main-padding: 0 30px;
		--header-height: 12.5rem
	}
}

@media (min-width:1200px) {
	:root {
		--h1-title: 3.125rem;
		--h2-title: 2rem;
		--h2-title-ms: 1.5rem;
		--h3-title: 1.25rem;
		--p-main-faqs: 1rem;
		--lh-h1-title: 50px;
		--lh-h2-title: 36px;
		--lh-h2-title-ms: 26px;
		--lh-h3-title: 24px;
		--lh-p-cards: .875rem;
		--lh-p-main-faqs: 22px;
		--main-padding: 0 100px;
		--header-height: 13.75rem
	}
}

.auc-landing__container img {
	max-width: 100%
}

.auc-landing__container .fw-black {
	font-family: SanaSans Alt Black, sans-serif
}

.auc-landing__container .fw-medium {
	font-family: SanaSans Alt Medium, sans-serif
}

.auc-landing__container .fw-regular {
	font-family: SanaSans Alt Regular, sans-serif
}

.auc-landing__container .container,
.auc-landing__container .row,
.auc-landing__container .col-sx,
.auc-landing__container .col-md-6 {
	padding: 0;
	margin: 0
}

.auc-landing__container .container,
.auc-landing__container .row {
	max-width: 100%
}

.auc-landing__container h1,
.auc-landing__container h2,
.auc-landing__container h3,
.auc-landing__container h4,
.auc-landing__container p,
.auc-landing__container ul,
.auc-landing__container ol,
.auc-landing__container li,
.auc-landing__container figure {
	margin: 0;
	padding: 0
}

.auc-landing__container .primary-cta {
	margin: 0 auto;
	height: 45px;
	width: 200px;
	border-radius: 25px;
	color: #fff;
	background-color: var(--red);
	text-decoration: none;
	-webkit-transition: 0.34s all;
	transition: 0.34s all;
	font-size: 1rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer
}

.auc-landing__container .primary-cta:hover {
	-webkit-transition: 0.34s all;
	transition: 0.34s all;
	background-color: #ff3427
}

.auc-landing__container .primary-cta:active {
	-webkit-transition: 0.34s all;
	transition: 0.34s all;
	background: #b0000b
}

.auc-landing__container .primary-cta button {
	color: #fff
}

.auc-header__container .h1-title {
	font-size: var(--h1-title);
	line-height: var(--lh-h1-title);
	background: url(images/landing_pages/2102faq/auchan.svg?$staticlink$) no-repeat 50%, -webkit-gradient(linear, left top, right top, from(#EA9846), to(#E2DC45));
	background: url(images/landing_pages/2102faq/auchan.svg?$staticlink$) no-repeat 50%, linear-gradient(90deg, #EA9846, #E2DC45);
	height: var(--header-height);
	padding: 40px 20px;
	color: #fff
}

.auc-body__container {
	padding: var(--main-padding)
}

@media (min-width:768px) {
	.cards-container-3col {
		-ms-grid-columns: (1fr)[3];
		grid-template-columns: repeat(3, 1fr)
	}
}

@media (min-width:768px) {
	.cards-container-2col {
		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: 1fr 1fr
	}
}

.cards-container {
	margin-top: -20px
}

@media (min-width:768px) {
	.cards-container {
		display: -ms-grid;
		display: grid;
		grid-column-gap: 30px;
		grid-row-gap: 30px;
        min-height: 730px;
        padding-bottom: 50px;
	}
}

.cards-container .card-item {
	padding: 30px 20px;
	background-color: #FFF;
	border-radius: 10px;
	-webkit-box-shadow: 0 5px 20px #00000029;
	box-shadow: 0 5px 20px #00000029;
	margin-bottom: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column
}

@media (min-width:768px) {
	.cards-container .card-item {
		padding: 30px;
		margin-bottom: 0
	}
}

.cards-container .card-item .h2-title {
	font-size: var(--h2-title);
	line-height: var(--lh-h2-title);
	margin-bottom: 10px
}

.cards-container .card-item p {
	font-size: var(--p-main-faqs);
	line-height: var(--lh-p-main-faqs)
}

.cards-container .card-item .primary-cta {
	margin: 20px 0 0
}

#faqs_accordion .card,
#faqs_accordion .card-header,
#faqs_accordion .card-body {
	margin: 0;
	padding: 0;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 4px
}

#faqs_accordion .card-header {
	cursor: pointer
}

#faqs_accordion .card-icon__container {
	min-width: 54px;
	min-height: 100%
}

@media (min-width:768px) {
	#faqs_accordion .card-icon__container {
		min-width: 70px
	}
}

#faqs_accordion .card-icon__container .arrow-down,
#faqs_accordion .card-icon__container .arrow-up {
	height: 14px;
	width: 14px
}

#faqs_accordion .card-icon__container .arrow-up {
	display: none
}

#faqs_accordion .card-header[aria-expanded="true"] .card-icon__container .arrow-up {
	display: block
}

#faqs_accordion .card-header[aria-expanded="true"] .card-icon__container .arrow-down {
	display: none
}

#faqs_accordion .h2-title,
#faqs_accordion .h3-title {
	padding: 20px
}

@media (min-width:1200px) {
	#faqs_accordion .h2-title,
	#faqs_accordion .h3-title {
		padding: 30px
	}
}

#faqs_accordion p,
#faqs_accordion ul {
	padding: 0 20px 20px
}

@media (min-width:1200px) {
	#faqs_accordion p,
	#faqs_accordion ul {
		padding: 0 30px 30px
	}
}

.main-faqs__container {
	margin-top: 50px
}

.main-faqs__container .h2-title {
	font-size: var(--h2-title-ms);
	line-height: var(--lh-h2-title-ms)
}

#faqs_accordion {
	margin-top: 20px
}

#faqs_accordion .card {
	margin-bottom: 3px
}

#faqs_accordion .card .h3-title {
	font-size: var(--h3-title);
	line-height: var(--lh-h3-title)
}

#faqs_accordion .card p,
#faqs_accordion .card ul {
	font-size: var(--p-main-faqs);
	line-height: var(--lh-p-main-faqs)
}

#faqs_accordion .card ul {
	list-style: none
}

#faqs_accordion .card ul li {
	text-indent: -22px;
	padding-left: 23px
}

#faqs_accordion .card ul li:before {
	content: "—";
	padding-right: 5px
}

.auc-footer__container {
	margin-top: 50px;
    background: #ffffff;
    margin-bottom: 50px;
}

@media (min-width:768px) {
	.auc-footer__container .footer-card__container {
		padding: 0 30px 40px
	}
}

@media (min-width:1200px) {
	.auc-footer__container .footer-card__container {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: (3fr)[3];
		grid-template-columns: repeat(3, 3fr);
		grid-column-gap: 30px
	}
}

.auc-footer__container .footer-card__container .footer-card {
	background-color: #fff;
	border-radius: 10px;
	-webkit-filter: drop-shadow(0 5px 20px #0000001A);
	filter: drop-shadow(0 5px 20px #0000001A);
	margin-bottom: 10px;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 100px 60%;
	grid-template-columns: 100px 60%;
	grid-column-gap: 15px;
	padding: 15px
}

.auc-footer__container .footer-card__container .footer-card:last-child {
	margin-bottom: 0em
}

@media (min-width:768px) {
	.auc-footer__container .footer-card__container .footer-card {
		-ms-grid-columns: 200px 60%;
		grid-template-columns: 200px 60%;
		grid-column-gap: 50px;
		margin-bottom: 15px
	}
}

@media (min-width:1200px) {
	.auc-footer__container .footer-card__container .footer-card {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column;
		flex-flow: column;
		padding: 0;
		margin-bottom: 0
	}
}

.auc-footer__container .footer-card__container .footer-card figure {
	margin: 0
}

@media (min-width:1200px) {
	.auc-footer__container .footer-card__container .footer-card figure {
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content
	}
}

.auc-footer__container .footer-card__container .footer-card figure img {
	border-radius: 10px;
	min-width: 100px;
	min-height: 100px;
	-o-object-fit: cover;
	object-fit: cover
}

@media (min-width:768px) {
	.auc-footer__container .footer-card__container .footer-card figure img {
		min-height: 200px;
		min-width: 200px
	}
}

@media (min-width:1200px) {
	.auc-footer__container .footer-card__container .footer-card figure img {
		min-width: 100%;
		border-radius: 10px 10px 0 0
	}
}

@media (min-width:1200px) {
	.auc-footer__container .footer-card__container .footer-card .footer-card__content {
		padding: 20px 30px 30px
	}
}

@media (min-width:768px) {
	.auc-footer__container .footer-card__container .footer-card .footer-card__content .app-container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%
	}
}

@media (min-width:1200px) {
	.auc-footer__container .footer-card__container .footer-card .footer-card__content .app-container {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: 20px
	}
}

.auc-footer__container .footer-card__container .footer-card .footer-card__content .app-container a {
	background-color: #333437;
	color: #fff;
	height: 50px;
	width: 160px;
	margin-bottom: 5px;
	border-radius: 4px;
	font-size: .875rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-decoration: none
}

@media (min-width:768px) {
	.auc-footer__container .footer-card__container .footer-card .footer-card__content .app-container a {
		height: 60px;
		width: 175px;
		font-size: 1.125rem
	}
}

@media (min-width:1200px) {
	.auc-footer__container .footer-card__container .footer-card .footer-card__content .app-container a {
		width: 145px;
		font-size: .825rem
	}
}

@media (min-width:1362px) {
	.auc-footer__container .footer-card__container .footer-card .footer-card__content .app-container a {
		width: 173px;
		font-size: 1.125rem
	}
}

@media (min-width:768px) {
	.auc-footer__container .footer-card__container .footer-card .footer-card__content .app-container a:nth-child(1) {
		margin-right: 10px
	}
}

.auc-footer__container .footer-card__container .footer-card .footer-card__content .app-container a:nth-child(1) span {
	margin-right: 4px
}

.auc-footer__container .footer-card__container .footer-card .footer-card__content .app-container a:nth-child(2) {
	margin: 0
}

.auc-footer__container .footer-card__container .footer-card .footer-card__content .app-container a img {
	max-width: 50px
}

@media (min-width:768px) {
	.auc-footer__container .footer-card__container .footer-card .footer-card__content .app-container a img {
		max-width: 60px
	}
}

.auc-footer__container .footer-card__container .footer-card .footer-card__content .app-container a span {
	width: 90px
}

@media (min-width:768px) {
	.auc-footer__container .footer-card__container .footer-card .footer-card__content .app-container a span {
		width: 120px
	}
}

@media (min-width:1200px) {
	.auc-footer__container .footer-card__container .footer-card .footer-card__content .h4-title,
	.auc-footer__container .footer-card__container .footer-card .footer-card__content p {
		text-align: center;
		width: 100%
	}
}

.auc-footer__container .footer-card__container .footer-card .footer-card__content .h4-title {
	font-size: var(--h4-title);
	line-height: var(--lh-h4-title);
	margin-bottom: 10px
}

@media (min-width:768px) {
	.auc-footer__container .footer-card__container .footer-card .footer-card__content .h4-title {
		margin-bottom: 20px
	}
}

@media (min-width:1200px) {
	.auc-footer__container .footer-card__container .footer-card .footer-card__content .h4-title {
		margin-bottom: 10px
	}
}

.auc-footer__container .footer-card__container .footer-card .footer-card__content p {
	font-size: .875rem;
	line-height: var(--lh-h4-title);
	margin-bottom: 10px
}

@media (min-width:768px) {
	.auc-footer__container .footer-card__container .footer-card .footer-card__content p {
		font-size: 16px;
		margin-bottom: 20px
	}
}

.auc-footer__container .footer-card__container .footer-card .footer-card__content .secondary-cta {
	height: 40px;
	width: 175px;
	border-radius: 20px;
	border: 1px solid #CFD8DC;
	background-color: #fff;
	font-size: .8125rem;
	text-decoration: none;
	-webkit-transition: 0.34s all;
	transition: 0.34s all
}

@media (min-width:768px) {
	.auc-footer__container .footer-card__container .footer-card .footer-card__content .secondary-cta {
		width: 190px;
		font-size: .875rem
	}
}

@media (min-width:1200px) {
	.auc-footer__container .footer-card__container .footer-card .footer-card__content .secondary-cta {
		margin: 0 auto
	}
}

.auc-footer__container .footer-card__container .footer-card .footer-card__content .secondary-cta:hover {
	-webkit-transition: 0.34s all;
	transition: 0.34s all;
	border: 1px solid #7d8d94
}

.auc-footer__container .footer-card__container .footer-card .footer-card__content .secondary-cta:active {
	-webkit-transition: 0.34s all;
	transition: 0.34s all;
	background-color: #cdd8dd
}