@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {
	--fixwidth: 1340px;
	--green: #91AE3B;
	--blue: #124170;
	--blackWithOpactiy: #2323238C;
}

#ToggleMenu { display: none; }

/*================================*/
/* Repeated Style use this class */
/*================================*/
.Repeatedpara {
	color: rgba(35, 35, 35, 0.55);
	text-align: center;
	font-family: Poppins;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px; /* 100% */
	margin: 0;
}
.RepeatedheadTwo {
	color: #124170;
	font-family: "Playfair Display";
	font-size: 46px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.RepeatedLongpara {
	color: #1B1B1B;
	text-align: center;
	font-family: Poppins;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	width: 1103px;
}
.spacer {
	height: 150px;
	width: 100%;
}
a {
	outline: none !important;
	text-decoration: none;
}

/*================================*/
/************ Header **************/
/*================================*/
header {
	-webkit-box-shadow: unset !important;
	box-shadow: unset !important;
}
header .top {
	background: var(--green);
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
header .top section {
	width: var(--fixwidth);
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: 50px;
}
header .top section ul {
	display: flex;
	align-items: center;
	margin: 0;
	gap: 50px;
}
header .top section ul a {
	color: #FFF !important;
	font-family: Lato;
	font-size: 15px;
	font-style: normal;
	font-weight: 600;
	line-height: 19.5px; /* 130% */
	display: flex;
	align-items: center;
	gap: 8px;
}
header .top section ul a:first-child img { height: 21px; width: 21px; object-fit: contain;}
header .top section ul a img { height: 21px; width: 27px; object-fit: contain;}
header .top section ul a:last-child img { height: 17px; width: 15px; object-fit: contain;}
header .top section span {
	color: #FFF;
	font-family: Lato;
	font-size: 15px;
	font-style: normal;
	font-weight: 600;
	line-height: 19.5px; /* 130% */
}


header .middle {
	display: flex;
	justify-content: center;
}
header .middle section {
	width: var(--fixwidth);
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 71px;
	margin: 10px 0;
}
header .middle section img {
	width: 108.153px;
	height: auto;
}
header .middle section ul {
	display: flex;
	align-items: center;
	margin: 0;
	gap: 40px;
}
header .middle section ul a {
	color: #000 !important;
	font-family: "poppins";
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px; /* 100% */
}
header .middle section .middleRight {
	display: flex;
	align-items: center;
	gap: 18px;
}
header .middle section .middleRight div#_desktop_user_info {
	order: 1;
}
header .middle section .middleRight .wishlistIcon {position: relative;}
header .middle section .middleRight .wishlistIcon img {
	width: 23px;
	height: auto;
}
header .middle section .middleRight .wishlistIcon .count-wishlist-product {
	position: absolute;
	top: 10px;
    right: -5px;
    background: #D53541;
    width: 17px;
    height: 17px;
    font-size: 10px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    
}

header .middle #_desktop_user_info a i,
header .middle #_desktop_cart .header i,
header .middle #_desktop_cart span {
	display: none;
}
header .middle #_desktop_cart .header::after {
    display: none;
}
.blockcart.cart-preview.active {
    position: relative;
}
header .middle #_desktop_cart .header a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 33px;
    min-height: 32px;
}
header .middle #_desktop_cart .header a::after {
    content: '';
    display: inline-block;
    width: 25px;
    height: 24px;
    background-image: url('/img/images/icons/shop.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 8px;
    vertical-align: middle;
}
header .middle #_desktop_cart .cart-products-count {
    position: absolute;
    bottom: 0;
    right: -5px;
    background: #D53541;
    width: 17px;
    height: 17px;
    font-size: 10px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-family: Poppins, sans-serif;
    font-weight: 500;
    line-height: 1;
}
header .middle #_desktop_user_info a::before {
    content: '';
    display: inline-block; 
    width: 25px;
    height: 24px;
    background-image: url('/img/images/icons/user.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 8px; 
    vertical-align: middle; 
}
header .middle #_desktop_user_info a.logout.hidden-sm-down {
	display: none;
}
header .middle #_desktop_user_info a {
	color: #000;
	font-family: "poppins";
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 19.8px; /* 99% */
}
header .bottom {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	border-top: 1px solid var(--green);
	border-bottom: 1px solid var(--green);
	margin: 0;
}

header .bottom a,
header .bottom .menu-parent-link {
	display: flex;
	padding: 10px 20px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 60px;
	border: 1px solid #124170;
	color: #124170 !important;
	font-family: "poppins";
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 20px; /* 100% */
}
header .bottom li.parent.is-open > .menu-parent-link:first-child,
header .bottom li.parent.active > .menu-parent-link:first-child {
	background: var(--blue);
	color: #FFF !important;
}
header .bottom .menu-parent-link i {
	font-size: 15px;
	transition: transform 0.25s ease;
}
header .bottom li.parent.is-open .menu-parent-link i {
	transform: rotate(180deg);
}
header .bottom span.menu-parent-link {
	cursor: pointer;
}
header .bottom .mega-menu-label {
	color: #124170;
	font-family: "poppins";
	font-size: 18px;
	font-weight: 300;
	line-height: 20px;
}

header .bottom li {
	display: flex;
	flex-direction: column;
}
header .bottom li.parent {padding: 20px 0;}
header .bottom li.parent.is-open .mega-menu {display: flex;}
header .bottom .mega-menu {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background: #FFF;
	z-index: 1000;
	display: none;
	flex-direction: column;
	align-items: center;
	padding: 20px 50px;
	gap: 24px;
	overflow: hidden;
}
header .bottom .mega-menu p {
	color: var(--blue);
	font-family: "poppins";
	font-size: 32px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: auto;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
}
header .bottom .mega-menu ul {
	display: flex;
	gap: 32px;
}
header .bottom .mega-menu li {
	border: 1px solid var(--blue);
	border-radius: 20px;
	box-shadow: 0 4px 7.7px 0 rgba(0, 0, 0, 0.25);
	display: flex;
	width: 300px;
	height: 340px;
	padding: 20px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 24px;
	background: #FFF;
}

header .bottom .mega-menu li img {
	width: 225px;
	height: 225px;
	flex-shrink: 0;
	aspect-ratio: 1/1;
}
header .bottom .mega-menu li a {
	display: flex;
	width: 260px;
	padding: 10px 0px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 60px;
	border: 1px solid #91AE3B;
	color: var(--green) !important;
	font-family: "poppins";
	font-size: 19px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-align: center;
}
header .bottom .mega-menu li a:hover {
	color: #FFF !important;
	background: var(--green);
}

header.scrolled {
	position: fixed !important;
	top: 0;
	z-index: 999;
	width: 100%;
}
body header.scrolled .top {
    display: none !important;
}
header.scrolled .middle section {
	margin: 0 !important;
}
header.scrolled .middle section img {
     width: 75.153px;
}
header.scrolled .bottom li.parent {
	padding: 10px 0;
}


/*================================*/
/************ Footer **************/
/*================================*/

footer#footer {
	background: var(--blue);
	display: flex;
	justify-content: center;
	/*align-items: center;*/
	padding: 0;
	min-height: 567px;
}

body#checkout footer#footer {
	background: var(--blue);
	padding: 0;
}

footer .content {
	width: var(--fixwidth);
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}
footer .content .top {
	display: flex;
	justify-content: space-between;
}
footer .content .top .topLeft {
	width: 318px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
}
footer .content .top .topLeft p {
	color: #FFF;
	font-family: Poppins;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

footer .content .top .topRight {
	display: flex;
	gap: 73px;
}
footer .content .top .topRight .col {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
footer .content .top .topRight .col p {
	color: #FFF;
	font-family: "poppins";
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
footer .content .top .topRight .col a {
	color: #FFF;
	font-family: "poppins";
	font-size: 16px;
	font-style: normal;
	font-weight: 350;
	line-height: normal;
	display: flex;
	align-items: center;
	gap: 14px;
}
footer .content .top .topRight .ContactIcon  { width: 15px;}
footer .content .top .topRight .col:last-child div {
	display: flex;
	gap: 12px;
}
footer .content .top .topRight .col:last-child div img { width:25px; }


footer .content .bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 24px;
	border-top: 1px solid #FFF;
}
footer .content .bottom p {
	color: #FFF;
	font-family: "poppins";
	font-size: 16px;
	font-style: normal;
	font-weight: 350;
	line-height: 24px; /* 150% */
	margin: 0;
}
footer .content .bottom p a {
	font-weight: 600;
	color: #fff;
	font-size: 15px;
}
footer .content .bottom p a span {
	color: #28abd7;
}
footer .content .bottom img {
	height: 23.764px;
}




/*================================*/
/************ Homepage ************/
/*================================*/
#wrapper .container .row #content-wrapper,
#wrapper .container .row,
#wrapper .container,
#wrapper {
	all: unset;
}
section#main {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0;
	margin: 0;
	min-width: 100% !important;
}

.heroSection {
	background-image: url('/img/images/novelfen_herosection.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 601px;
	width: 100%;
	position: relative;
}
.heroSection .overlay {
	background: linear-gradient(
		92deg,
		rgba(0,0,0,0.5) 36%,
		rgba(0,0,0,0) 60%
	);
	position: absolute;
	left: 0;
	height: 100%;
	width: 100%;
	inset: 0;
	z-index: 0;
}
.heroSection .content {
	position: absolute;
	z-index: 1;
	left: 0;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
}
.heroSection .content .contentFixed {
	width: var(--fixwidth);
}
.heroSection .content h1 {
	color: #FFF;
	font-family: "Playfair Display";
	font-size: 72px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.heroSection .content h2 {
	position: relative;
	height: 75px;
	background: var(--blue);
	color: #FFF;
	font-family: Poppins;
	font-size: 32px;
	font-weight: 400;
	display: inline-flex;
	align-items: center;
	width: fit-content;
	padding: 0 30px;
	padding-left: calc(0px + (100vw - var(--fixwidth)) / 2);
	margin-left: calc(-1 * (100vw - var(--fixwidth)) / 2);
}
.heroSection .content p {
	color: #FFF;
	font-family: Poppins;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	width: 605px;
}
.heroSection .content a {
	display: flex;
	padding: 10px 20px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 61px;
	background: #91AE3B;
	color: #FFF;
	font-family: Poppins;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	width: fit-content;
	line-height: normal;
}



.NosActualitesSection,
.NosArticlesSection,
.aboutusSection {
    /*width: var(--fixwidth);*/
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
}
.aboutusSection .cards {
    display: flex;
    width: var(--fixwidth);
    margin-top: 50px;
    gap: 0px; 
}

.aboutusSection .card {
    flex: 1; 
    display: flex;
    justify-content: space-between;
    height: 461px;
    position: relative;
    background: var(--green);
    transition: flex 0.5s ease; 
    overflow: hidden;
}

.aboutusSection .card:hover {
    flex: 3;
}
.aboutusSection .card p.title{
	color: #FFF;
	font-family: Poppins;
	font-size: 36px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	
	writing-mode: sideways-lr;
    text-orientation: inherit;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 72px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.aboutusSection .card .cardContent {
    width: 100%; 
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
    position: relative;
    transition: all 0.5s ease;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.aboutusSection .card.c1 .cardContent { background-image: url('/img/images/fenetres.png'); }
.aboutusSection .card.c2 .cardContent { background-image: url('/img/images/portes.png'); }
.aboutusSection .card.c3 .cardContent { background-image: url('/img/images/volets.png'); }
.aboutusSection .card.c4 .cardContent { background-image: url('/img/images/baiesVitrees.png'); }
.aboutusSection .card.c5 .cardContent { background-image: url('/img/images/accessoires.png'); }
.aboutusSection .card.c6 .cardContent { background-image: url('/img/images/garage.png'); }
.aboutusSection .card.c7 .cardContent { background-image: url('/img/images/Portes - Fenêtres.png'); }

.aboutusSection .card .cardContent .overlay {
    position: absolute;
    inset: 0;
    z-index: 0;
    background: #00000080;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease;
}
.aboutusSection .card .cardContent div.content {
    position: absolute;
    inset: 0;
    z-index: 1;
    padding: 0 26px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease;
}
.aboutusSection .card .cardContent a {
    color: #FFF;
    font-family: Poppins, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 10px 20px;
    background: var(--blue);
    border-radius: 60px;
    width: fit-content;
}
.aboutusSection .card .cardContent p {
    color: #FFF;
    font-family: Poppins, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
}
.aboutusSection .card:hover .cardContent .overlay,
.aboutusSection .card:hover .cardContent div.content {
    opacity: 1;
    visibility: visible;
}



.EtapesConfigurationSection {
	background: #FCFFF3;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 100px 0;
}
.EtapesConfigurationSection .content {
	width: var(--fixwidth);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.EtapesConfigurationSection .content .grid {
	display: flex;
	justify-content: space-between;
	gap: 52px;
	margin-top: 50px;
}
.EtapesConfigurationSection .content .grid .col {
	display: flex;
	flex-direction: column;
	gap: 12px;
	width: 226px;
}
.EtapesConfigurationSection .content .grid .col .top {
	display: flex;
	align-items: center;
	gap: 16px;
}
.EtapesConfigurationSection .content .grid .col .top p {
	width: 55px;
	height: 55px;
	background: #124170;
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFF;
	text-align: center;
	font-family: "Open Sans";
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin: 0;
}
.EtapesConfigurationSection .content .grid .col .top img {
	width: 80px;
}
.EtapesConfigurationSection .content .grid .col .bottom h3 {
	color: #124170;
	font-family: Poppins;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 136.125%; /* 32.67px */
	text-transform: capitalize;
}
.EtapesConfigurationSection .content .grid .col .bottom p {
	color: #423D3D;
	font-family: Poppins;
	font-size: 18px;
	font-style: normal;
	font-weight: 300;
	line-height: 25px; /* 138.889% */
	margin: 0;
}




/*================================*/
/*********** Product card *********/
/*================================*/
.product-list-reviews {
	display: none;
}
section.featured-products.clearfix {
	width: 100% !important;
}
.productCard {
	border-radius: 8px;
	border: 1px solid var(--blue);
	background: #FFF;
	width: calc(320px - 23px);;
	padding: 15px 23px;
}
.productCard .product-miniature {
	height: 100%;
}
/*.productCard .product-miniature .thumbnail-container {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
*/
.product-miniature .thumbnail-container:hover .product-description::after,
.productCard .highlighted-informations {display: none;}
.productCard .product-title {
	margin-bottom: 12px;
	width: 100%;
	text-align: left;
}
.productCard .product-title a {
	color: #4B4743;
	font-family: Poppins;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 0; /* 127.5% */
	text-align: left;
}  
.productCard .price {
	display: flex;
	align-items: self-end;
	gap: 5px;
}
.productCard .price {
	color: var(--blue);
	font-family: Poppins;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 4px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.productCard .price span {
	color: var(--blue);
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 0px; 
}
.productCard .price .priceDiscount {
	display: flex;
	align-items: center;
	width: 100%;
	gap: 8px;
}
.productCard .price .priceDiscount .price-ht {
	color: #4B4743;
	font-family: Poppins;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 24.75px;
	position: relative;
}
.productCard .price .priceDiscount .price-ht span {
	color: #4B4743;
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24.75px; /* 154.688% */
}
.productCard .price .priceDiscount .price-ht::after {
	content: '';
	display: flex;
	position: absolute;
	top: 50%; 
	left: 0;
	background: #FFFF54;
	height: 2px;
	width: 100%;
	transform: rotate(-4deg); /* rotate the line */
    transform-origin: left center;
} 
.productCard .price .priceDiscount .tax-rate {
	display: flex;
    height: 3px;
    padding: 5px 5px 11px 5px;
    align-items: flex-start;
    border-radius: 8px;
    background: #D53541;
    color: #FFF;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 0.5;
    width: fit-content;
}

.productCard .product-description {
	display: flex;
	flex-direction: column;
	align-items: start;
}
.productCard .cartbtns {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin-top: 12px;
}
.productCard .cartbtns a {
	display: flex;
	/*width: 274px;*/
	padding: 5px 20px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	background: var(--green);
	border-radius: 61px;
	color: #FFF;
	font-family: Poppins;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.productCard .wishlist-button-add {
	top: -10px !important;
    right: -9px !important;
	box-shadow: unset !important;
	background: unset !important;
	padding: 0 !important;
}
.productCard .wishlist-button-add i {
	color: #4B4743 !important;
	font-size: 25px !important;
}
.product-miniature .thumbnail-container .product-thumbnail {
	height: 100%;
}
.productCard .thumbnail-container {
	margin: 0;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.productCard .thumbnail-top img {
	width: 100%;
	height: auto;
	object-fit: cover;
}
.productCard .product-flags {
	padding: 0 !important;
	margin: 0 !important;
	 display: flex;
    gap: 4px;
    width: 90%;
    flex-direction: row;
    flex-wrap: wrap;
}
.productCard .product-flags .product-flag {
	padding: 3px 10px !important;
	margin: 0 !important;
	min-height: fit-content !important;
	min-width: fit-content !important;
	background: var(--blue) !important;
    
    font-size: 12px;
    font-weight: 500 !important;
    border-radius: 4px;
}
.productCard .product-flags .product-flag.discount { display:none; }

._desktop_wishlist_icon {
	position: absolute;
	top: 0;
	right: 0;
}

.productCard .nxtal-wishlist-icon {
	top: 0 !important;
	right: 0 !important;
	padding: 0 !important;
	background: unset;
}
.productCard .nxtal-wishlist-icon i {
	color: #4B4743;
}
.productCard .nxtal-wishlist-icon.active i {
	color: #D53541;
}


/*================================*/
/*********** Blog card *********/
/*================================*/
.novelfen.content {
	width: var(--fixwidth);
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 98px;
	margin-top: 50px;
}
.novelfen.content article.novelfen.card {
	position: relative;
	padding-top: 32px;
	margin: 0 !important;
}
.novelfen.content article.novelfen.card  div.date {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 85px;
	height: 85px;
	padding: 16px 18px;
	flex-direction: column;
	gap: 4px;
	background: var(--blue);
	color: #FFF;
	font-family: Lato;
	font-size: 32px;
	font-style: normal;
	font-weight: 600;
	line-height: 32px; /* 100% */
	letter-spacing: 1px;
	position: absolute;
	top: 0;
	left: 30px;
}
.novelfen.content article.novelfen.card  div.date span:last-child {
	color: #FFF;
	font-family: Lato;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px; /* 100% */
	letter-spacing: 4px;
	text-transform: uppercase;
}	
.novelfen.content article.novelfen.card  p.blogtxt {
	display: flex;
	padding: 10px 20px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 25px;
	border: 1px solid #91AE3B;
	background: #FFF;
	color: #91AE3B;
	font-family: Lato;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 14px; /* 87.5% */
	letter-spacing: 1px;
	width: fit-content;
	margin-top: 32px;
}
.novelfen.content article.novelfen.card  p.text {
	color: #121212;
	font-family: Poppins;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 28px; /* 155.556% */
	letter-spacing: 0.3px;
	margin-top: 16px;
}
.novelfen.card .sedestral.blog-img img {
	width: 100%;
}


/*================================*/
/******** Blog Page Details *******/
/*================================*/
#module-sedestral-post .breadcrumb {
	display: none;
}
#module-sedestral-post h1 {
	color: var(--black, #000);
	font-family: Poppins;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0.3px;
}
article.sedestral.single-post {
	/*border: 3px solid red;*/
	width: var(--fixwidth);
	padding-top: 34px;

}
article.sedestral.single-post .blog-post-wrapper {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
}
article.sedestral.single-post .sedestral.content {
	border-left: 3px solid #124170;
	padding-left: 10px;
}
article.sedestral.single-post .blog-date-badge {
	position: absolute;
    top: 15px;
    left: 15px;
    display: flex;
	width: 85px;
	height: 85px;
	padding: 16px 18px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 4px;
	background: var(--blue);
}
article.sedestral.single-post .blog-date-badge span:first-child {
	color: #FFF;
	font-family: Lato;
	font-size: 32px;
	font-style: normal;
	font-weight: 600;
	line-height: 32px; /* 100% */
	letter-spacing: 1px;
}
article.sedestral.single-post .blog-date-badge span:last-child {
	color: #FFF;
	font-family: Lato;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 16px; /* 100% */
	letter-spacing: 1px;
}

article.sedestral.single-post .sedestral.content p {
	color: var(--gris, #6E6E6E);
	font-family: Poppins;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin: 0;
	padding: 0;
}

.blog-post-wrapper .blog-post-sidebar {
	width: 350px;
	height: fit-content;
	border-radius: 4px;
	background: var(--gray-light, #F9F9FB);
	padding: 28px 15px;
}
.blog-post-wrapper .blog-post-sidebar h3 {
	color: var(--black, #000);
	font-feature-settings: 'liga' off, 'clig' off;
	font-family: Montserrat;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: capitalize;
	border-left: 4px solid var(--green);
	padding: 0;
	margin: 0;
	padding-left: 6px;
	margin-bottom: 32px;
}
.blog-post-wrapper .blog-post-sidebar .sidebar-recent-item {
    display: flex;
    gap: 12px;
    margin-bottom: 15px;
    text-decoration: none;
    color: inherit;
}

.blog-post-wrapper .blog-post-sidebar .sidebar-recent-item img {
	aspect-ratio: 1 / 1;
	width: 107px;
	height: auto;
	object-fit: cover;
}
.blog-post-wrapper .blog-post-sidebar .sidebar-recent-item h4 {
	color: var(--black, #000);
	font-family: Poppins;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px; /* 142.857% */
	text-transform: capitalize;
	margin: 0;
}
.blog-post-wrapper .blog-post-sidebar .sidebar-recent-item .sidebar-date {
	color: var(--gris, #6E6E6E);
	font-family: Poppins;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px; /* 150% */
	letter-spacing: 0.25px;
}

/*================================*/
/********** AboutUs page **********/
/*================================*/
body.cms-id-4 nav.breadcrumb {
	display: none;
}
.aboutpage {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.aboutHeroSection {
	display: flex;
	align-items: center;
	gap: 30px;
}
.aboutHeroSection div {
	margin-left: 6%;
}
.aboutHeroSection h1 {
	color: #124170;
	font-family: "Playfair Display";
	font-size: 46px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.aboutHeroSection p {
	color: #1B1B1B;
	font-family: Poppins;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin: 0;
}

.expertiseSection {
	width: var(--fixwidth);
	display: flex;
	flex-direction: column;
	align-items: center;
}
.expertiseSection .cards {
	display: flex;
	gap: 20px;
	margin-top: 50px;
}
.expertiseSection .cards .card {
	border-radius: 10px;
	background: #FFF;
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.10);
	display: flex;
	width: 100%;
	padding: 20px;
	flex-direction: column;
	align-items: center;
	gap: 20px;
}
.expertiseSection .cards .card h3 {
	color: #91AE3B;
	font-family: Poppins;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0.3px;
	display: flex;
	gap: 10px;
	align-items: center;
}
.expertiseSection .cards .card h3 img { height:auto; width:48px; }
.expertiseSection .cards .card:nth-child(3) h3 img { height:auto; width:36px; }
.expertiseSection .cards .card p {
	color: #423D3D;
	font-family: Poppins;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px; /* 144.444% */
	letter-spacing: 0.3px;
}



/*================================*/
/******** ACTUALITÉS page *********/
/*================================*/
body.cms-id-6 nav.breadcrumb {
	display: none;
}
.actualitesPage {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.actualitesPage section {
	width: var(--fixwidth);
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 31px;
}


/*================================*/
/********** Contact page **********/
/*================================*/
body#contact #left-column,
body#contact .breadcrumb {
	display: none;
}
.contactpage {
	width: var(--fixwidth);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}
.actualitesPage h1,
.contactpage h1 {
	color: #124170;
	font-family: "Playfair Display";
	font-size: 46px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-align: center;
	margin-top: 35px;
}
.contactpage form {
	display: inline-flex;
	padding: 20px;
	flex-direction: column;
	align-items: flex-start;
	gap: 32px;
	border-radius: 15px;
	border: 1px solid #BDBDBD;
	width: 70%;
}
.contactpage form .contactRow {
	width: 100%;
	display: flex;
	justify-content: space-between;
	gap: 35px;
}
.contactpage form label {
	width: 50%;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 4px;
    color: var(--Colors-Text-primery, #1A1A1A);
	font-family: Poppins;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; /* 133.333% */
}
.contactpage form label input {
	border-radius: var(--Corner-Small, 8px);
	border: 1px solid var(--Colors-Stroke-Input-Default, #EBEBEB);
	background: var(--Colors-Background-white, #FFF);
	display: flex;
	padding: var(--Spacing-Spacing-s, 12px);
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	outline: none;
	color: #000;
	font-family: Lexend;
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 20px; /* 142.857% */
}
.file-upload {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  height: 44px;
  background: #F5F5F5;
  border-radius: 8px;
  cursor: pointer;
  font-size: 16px;
  color: #595959;
  border: 1px solid #EBEBEB;
  transition: background 0.2s;
}
input#contactpage-tel {
	width: 100% !important;
}
.iti__selected-dial-code {
	color: #000;
	font-family: Lexend;
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 20px; /* 142.857% */
}
.contactpage .contactCol label,
.contactpage .contactCol {
	width: 100%;
}
.contactpage .contactCol label textarea {
	width: calc(100% - 27px);
	display: flex;
	height: 135px;
	padding: var(--Spacing-Spacing-s, 12px);
	align-items: flex-start;
	gap: 4px;
	flex-shrink: 0;
	align-self: stretch;
	border-radius: var(--Corner-Small, 8px);
	border: 1px solid var(--Colors-Stroke-Input-Default, #EBEBEB);
	background: var(--Colors-Background-white, #FFF);
	color: #000;
	font-family: Lexend;
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 20px; /* 142.857% */
	outline: none;
	resize: none;
}

.contactpage input.btn.btn-primary {
	border-radius: 61px;
	background: #91AE3B;
	display: flex;
	height: 51px !important;
	padding: 0px 20px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	align-self: stretch;
	color: #FFF;
	font-family: Poppins;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: capitalize;

}



/*================================*/
/***** Product Details page *******/
/*================================*/
body#product.page-product #wrapper {
	
	width: 100%;
	display: flex;  
	justify-content: center;
}
body#product.page-product #wrapper .container {
	width: var(--fixwidth);
	/*width: 100%;*/
	padding-top: 38px;
}

body#product.page-product #wrapper .breadcrumb {
	display: flex;
	padding: 10px 20px;
	flex-direction: column;
	align-items: flex-start;
	border-radius: 4px;
	background: rgba(121, 121, 121, 0.06);
	width: fit-content;
}

body#product.page-product #wrapper .breadcrumb li {
	color: #2A3B43;
	font-family: Poppins;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 11.25px; /* 93.75% */
	display: inline-flex;
	align-items: center;
}
#wrapper .breadcrumb li::after {
	content: '' !important;
	background-image: url('/img/images/icons/arrowRight.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	display: inline-flex;
	height: 14px;
	width: 14px;
}
#wrapper .breadcrumb li:last-child::after {
    display: none;
}

/*LEFT*/
#product #content {
	max-width: fit-content;
	padding: 0;
	margin: 0;
}
body#product.page-product .images-container.js-images-container {
	display: flex;
	gap: 12px;
}
body#product.page-product .page-content .product-flags {
	left: 105px;
	top: 10px;
	width: fit-content;
	gap: 8px;
}

body#product.page-product .product-flags li {
	padding: 3px 10px !important;
    margin: 0 !important;
    min-height: fit-content !important;
    min-width: fit-content !important;
    background: var(--blue) !important;
    font-size: 12px;
    font-weight: 500 !important;
    border-radius: 4px;
}
body#product.page-product .product-flags li.discount {display: none;}
ul.product-images.js-qv-product-images li.thumb-container .thumb:hover,
.product-images>li.thumb-container .thumb.selected {
	border: 3px solid var(--green) !important;
}

#main .images-container .js-qv-mask.scroll,
#main .images-container .js-qv-mask {
	min-width: 83px !important;
	width: 83px !important;
	order: -1;
	overflow: visible !important;
	height: auto !important;
	white-space: normal !important;
	padding: 0;
	margin: 0;
}
ul.product-images.js-qv-product-images {
	display: flex !important;
	flex-direction: column !important;
	align-items: center;
	width: 100% !important;
	position: static !important;
	transform: none !important;
	translate: none !important;
}
ul.product-images.js-qv-product-images li.thumb-container {
	width: 100% !important;
	height: auto !important;
	display: block !important;
	float: none !important;
}
ul.product-images.js-qv-product-images li.thumb-container .thumb {
	cursor: pointer;
	width: 100% !important;
	height: auto !important;
}
.scroll-box-arrows.scroll,
.scroll-box-arrows {
	display: none !important;
}
.product-cover-image.js-product-cover-image {
	border-radius: 5px;
	border: 1px solid #797979;
	width: 100%;
	aspect-ratio: 1/1;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.product_description.mobile { display:none }
.product_description span {
	font-size: 16px;
	color: #000;
	font-weight: 400;
}
.product_description ul,
.product_description p,
.product_description {
	border-radius: 0 0 5px 5px;
	background: #F6F6F6;
	display: flex;
	width: calc(100% - 40px);
	height: fit-content;
	padding: 13.12px 21px 32.88px 22px;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	flex-shrink: 0;
	color: #000;
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 24px */
	color: #000;
}
.product_description ul {gap: 0;}
.product_description p {
	padding: 0;
}

.product_description ul {
	list-style-position: inside;
	list-style-type: disc;
	padding: 0;
}
.product_description h2 {
	color: #124170;
	font-family: "Playfair Display";
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 0.48px;
}
.product_description p {
	margin: 0;
}
.product_description .description-content {
	overflow: hidden;
	transition: max-height 0.4s ease;
}
.product_description .description-content.collapsed {
	max-height: 15em; /* ~10 lines (1.5em line-height x 10) */
}
.product_description .description-content.expanded {
	max-height: none;
}
.voir-plus-btn {
	color: #4D4D4D;
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 24px */
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: auto;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
	outline: none;
    background: no-repeat;
    border: none;
    cursor: pointer;
}
.voir-plus-btn:hover {
	color: #0d2f52;
}
.voir-plus-btn:focus {outline: none;}

.row.product-container.js-product-container {
	display: flex !important;
	gap: 16px !important;
}
.row.product-container.js-product-container .col-md-6{
	padding: 0;
}

body#product.page-product h1 {
	color: #124170;
	font-family: "Playfair Display";
	font-size: 46px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
body#product.page-product .textTitle {
	color: #1B1B1B;
	font-family: Poppins;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin: 0;
	padding: 0;
}
body#product.page-product .avisWishlist ._desktop_wishlist_icon {
	position: relative;
}
body#product.page-product .promo {
	display: flex;
	width: fit-content;
	padding: 10px 20px;
	justify-content: center;
	align-items: flex-start;
	gap: 12px;
	border-radius: 4px;
	background: #124170;
	color: #FFF;
	font-family: Poppins;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
body#product.page-product .promo span {
	display: flex;
	width: fit-content;
	padding: 5px 10px;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
	border-radius: 4px;
	background: #91AE3B;
	color: #FFF;
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 22px; /* 137.5% */
}

.caracteristiques-table {
	display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    margin: 0;
    	margin-top: 12px;
}

.caracteristiques-table h2 {
	display: flex;
	width: 100%;
	height: 48px;
	padding: 0;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 4px 4px 0 0;
	background: #124170;
	box-shadow: 0 8px 24px 0 rgba(149, 157, 165, 0.20);
	color: #FFF;
	text-align: center;
	font-family: Poppins;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 23.1px; /* 115.5% */
	margin: 0;
}
.caracteristiques-table table {
	padding: 0;
    margin: 0;
    width: 100%;
}
.caracteristiques-table table tr {
	display: flex;
}
.caracteristiques-table table td {
	display: flex;
	padding: 14px 18px 16px 18px;
	flex-direction: column;
	align-items: flex-start;
	flex: 1 0 0;
	align-self: stretch;
}
.caracteristiques-table table td.feature-name {
	border-bottom: 2px solid #FFF;
	background: #EEECEC;
	color: #222;
	font-family: "DM Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 19.2px; /* 137.143% */
}
.caracteristiques-table table td.feature-value {
	border-bottom: 2px solid #FFF;
	background: #F6F5F5;
	color: #222;
	font-family: "DM Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 19.2px; /* 137.143% */
}

.btnCalc:hover,
.btnCalc {
	display: flex;
	height: 46px;
	justify-content: center;
	align-items: center;
	gap: 16px;
	flex: 1 0 0;
	border-radius: 4px;
	background: #91AE3B;
	color: #FFF;
	text-align: center;
	font-family: Poppins;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 18px; /* 100% */
	margin-top: 12px;
}

.paymentSec {
	margin-top: 12px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.paymentSec p.securise {
	display: flex;
	align-items: center;
	gap: 5px;
	color: #838181;
	font-family: Poppins;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 22px; /* 183.333% */
	margin: 0;
}
.paymentSec p.securise img {
	width: 23.256px;
}

.paymentSec img.payment {
	width: 100%;
    height: 37px;
    object-fit: contain;
}
.paymentSec .box {
	display: flex;
	width: calc(100% - 40px);
	height: 141px;
	padding: 0 20px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
	border-radius: 4px;
	border: 1px solid #797979;
}
.paymentSec .box p {
	color: #191B35;
	font-family: Poppins;
	font-size: 15px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-transform: capitalize;
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
}
.paymentSec .box p img {
	height: 36px;
	width: auto;
}
.paymentSec .box p span.colored {
	color: #05B77F;
	font-family: Poppins;
	font-size: 15px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-transform: capitalize;
}
.paymentSec .box .imgs {
	display: flex;
	align-items: center;
	gap: 20px;
}
.paymentSec .box .imgs img {
	width: 67px;
	height: auto;
	object-fit: contain;
	aspect-ratio: 1 / 1;
}
.paymentSec p.question {
	color: #250B19;
	text-align: center;
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.paymentSec p.question a {
	color: #91AE3B;
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
/*body#product.page-product #product-comments-list-header:last-child,
body#product.page-product #empty-product-comment:last-child,
body#product.page-product #product-comments-list-footer:last-child,
body#product.page-product #product-comments-list:last-child {
	display: none;
}

body#product.page-product .avisWishlist .social-sharing,
body#product.page-product .avisWishlist .product-comments-additional-info,
body#product.page-product .avisWishlist ._desktop_wishlist_link {
	display: none;
}*/

div#product-comments-list-header,
div#product-comments-list,
div#product-comments-list-footer,
a.link-comment,

body#product.page-product .avisWishlist .comments-note span,
body#product.page-product .avisWishlist .social-sharing,
body#product.page-product .avisWishlist ._desktop_wishlist_link {
	display: none;
}
a.link-comment.post-product-comment { 
	display:flex; 
	align-items: center;
	gap: 8px;
	margin: 0;
}
i.material-icons.edit {
	font-size: 18px;
}

body#product.page-product .avisWishlist .product-comments-additional-info {
	align-items: center;
	margin: 0;
}
body#product.page-product .avisWishlist .product-comments-additional-info div {
	margin: 0 !important;
	padding: 0 !important;
}
body#product.page-product .avisWishlist .product-comments-additional-info button.btn.btn-comment.post-product-comment {
	padding: 0px;
	height: fit-content;
	color: #000;
	box-shadow: unset;
	background: #FFF;
	outline: none;
}

body#product.page-product .featured-products {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 !important;
	padding: 0 !important;
	gap: 50px;
	width: 1409px !important;
}
body#product.page-product .featured-products h2:first-child {
	color: #124170;
	font-family: "Playfair Display";
	font-size: 46px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	line-height: 1;
}


body#product.page-product .featured-products .products {
	display: flex;
	justify-content: center;
	gap: 10px;
}
.product-miniature .thumbnail-container .product-thumbnail img {
    height: 242.16px;
    object-fit: contain;
}

body#product.page-product .avisWishlist {
	margin: 10px 0 15px 0;
	display: flex;
	align-items: center;
	gap: 15px;
}
/*body#product.page-product .avisWishlist .social-sharing,
body#product.page-product .avisWishlist .product-comments-additional-info,
body#product.page-product .avisWishlist ._desktop_wishlist_link {
	display: none;
}*/
body#product.page-product .avisWishlist .nxtal-wishlist-icon {
	position: unset !important;
	width: fit-content;
}
body#product.page-product .avisWishlist .nxtal-wishlist-icon.active {
	color: #D53541;
}



/*================================*/
/****** Page child categori *******/
/*================================*/
body#category nav.breadcrumb:first-of-type {                                                                                                    
	display: none;                                                                                                                                
}	
body#category nav.breadcrumb.cate {                                                                                                    
	display: block;                                                                                                                                
}	
body#category #left-column {
	display: none;
}
body#category nav.breadcrumb a {
	color: rgba(35, 35, 35, 0.55);
	text-align: center;
	font-family: Poppins;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px; /* 100% */
}
body#category .card-block.category-additional-description {
	padding: 0;
}
body#category .card-block.category-additional-description h1 {
	color: #124170;
	font-family: "Playfair Display";
	font-size: 46px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
body#category .card-block.category-additional-description p {
	color: #1B1B1B;
	font-family: Poppins;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
body#category .card-block.category-additional-description p a {
	border-radius: 61px;
	background: #91AE3B;
	display: flex;
	min-width: 274px;
	width: fit-content;
	padding: 5px 20px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	color: #FFF;
	font-family: Poppins;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.novelfenCategoryTop {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.novelfenCategoryTop .category-footer-cover {
	min-width: 50%;
	margin-left: 30px;
}
.novelfenCategoryTop .category-footer-cover img {
	width: 100%;
	height: auto;
    object-fit: cover;
}
.novelfenCategoryTop .category-footer-text {
	margin-left: 6%;
}


.typeProject {
	width: 100%;
	display: flex;
    flex-direction: column;
    align-items: center;
}

.typeProject .content {
	margin-top: 50px;
	width: 100%;
	background: #FCFFF3;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.typeProject .content .rowCard {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: end;
	/*gap: 85px;*/
}
.typeProject .content .rowCard:nth-child(2) {
	justify-content: start;
}

.typeProject .content ul li {
	list-style-type: disc;
	list-style-position: inside;
}

.typeProject .content li,
.typeProject .content p {
	color: #1B1B1B;
	font-family: Poppins;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.typeProject .content p.bd {
	font-weight: 500;
}
.rowCard img {
	width: 50%;
	object-fit: cover;
}
.rowCard div {
	width: 605px;
	margin-right: 30px;
}
.rowCard:nth-child(2) div {
	margin-right: 0;
	margin-left: 85px;
}

.configurezSection {
	width: var(--fixwidth);
	display: flex;
	flex-direction: column;
	align-items: center;
}

.configurezSection .content {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	margin-top: 50px;
}
.configurezSection .card {
	border-radius: 10px;
	background: #FFF;
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.10);
}
.configurezSection .card  img {
	height: 214px;
	width: 100%;
	object-fit: cover;
}
.configurezSection .card div {
	padding: 20px;
}
.configurezSection .card h3 {
	color: #91AE3B;
	font-family: Poppins;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0.3px;
}
.configurezSection .card p {
	color: #423D3D;
	font-family: Poppins;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px; /* 144.444% */
	letter-spacing: 0.3px;
}

#productsCategory {
	/*border: 1px solid red;*/
	/*width: var(--fixwidth);*/
}
#productsCategory #js-product-list .pagination,
#productsCategory #js-product-list-top {
	display: none;
}
#productsCategory #js-product-list .products.row{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	justify-content: center;
	gap: 10px;
}




/*================================*/
/********* WishlistPage ***********/
/*================================*/
body#module-nxtalwishlist-wishlist nav.breadcrumb li {
	display: inline-flex;
}
body#module-nxtalwishlist-wishlist #wrapper,
body#module-nxtalwishlist-wishlist #wrapper .container {
	display: flex;
	flex-direction: column;
	align-items: center;
}
body#module-nxtalwishlist-wishlist #wrapper .container {
	width: var(--fixwidth);
}

body#module-nxtalwishlist-wishlist nav.breadcrumb {
	width: 100%;
	margin-top: 38px;
}
body#module-nxtalwishlist-wishlist section#content,
body#module-nxtalwishlist-wishlist div.row {
	width: 100% !important;
}
body#module-nxtalwishlist-wishlist #created-wishlist .nxtal-wishlist-cart.card {
	box-shadow: unset;
}
body#module-nxtalwishlist-wishlist .card-block-item h2 {
    font-family: Poppins;
    font-size: 23px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: math-auto;
}
body#module-nxtalwishlist-wishlist .card-block-item i {
	display: none;
}
body#module-nxtalwishlist-wishlist .nxtal-wishlist-cart .card-block .card-block-item:nth-child(n+2) {
	display: flex;
    align-items: center;
    justify-content: end;
}

body#module-nxtalwishlist-wishlist .cart-item .product-line-grid-body a.label {
	color: #4B4743;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 25.5px;
    text-align: left;
}
body#module-nxtalwishlist-wishlist .cart-item .product-line-grid-body span.price {
	color: var(--blue);
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 4px;
    display: flex;
    flex-direction: column;
}
body#module-nxtalwishlist-wishlist .cart-item .product-line-grid-body {
	display: flex;
    flex-direction: column;
    gap: 15px;
}
body#module-nxtalwishlist-wishlist .cart-item .col-md-12 {
	display: flex;
    justify-content: space-between;
    align-items: center;
}
body#module-nxtalwishlist-wishlist .btn.btn-primary.pull-right {
	box-shadow: unset;
	display: flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 61px;
    background: var(--blue);
    color: #FFF;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    width: fit-content;
    line-height: normal;
}
body#module-nxtalwishlist-wishlist .button-actions {
	padding: 0;
	margin: 15px 0;
}
body#module-nxtalwishlist-wishlist .button-actions .col-md-6.col-xs-6{
	width: 100%;
	display: flex;
	justify-content: center;
}
body#module-nxtalwishlist-wishlist .page-footer {
	display: none;
}
body#module-nxtalwishlist-wishlist section#content {
	margin-bottom: 100px;
}


/*================================*/
/********** mon-compte ************/
/*================================*/
body#my-account .container,
body#my-account #content-wrapper {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
}
body#my-account .container nav.breadcrumb {
	width: var(--fixwidth);
	margin-top: 38px;
}
body#my-account #main {
	min-width: var(--fixwidth) !important;
	width: var(--fixwidth) !important;
	margin-bottom: 100px;
}
body#my-account h1 {
	color: #124170;
    font-family: "Playfair Display";
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    margin-top: 35px;
    text-transform: capitalize;
}
body#my-account #content {
	width: 100% !important;
}

body#my-account #content .links {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	align-items: center;
}
body#my-account #content .links .col-lg-4.col-md-6.col-sm-6.col-xs-12 {
	width: 100%;
}
body#my-account #content .links .col-lg-4.col-md-6.col-sm-6.col-xs-12 span.link-item {
	color: #000;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 136.125%;
    text-transform: capitalize;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.page-my-account #content .links a i {
	margin: 0;
	margin-bottom: 15px;
	padding: 0;
	color: #FFF;
	background: var(--blue);
	width: fit-content;
	padding: 10px;
	border-radius: 55px;
}
body#my-account .page-footer a{
    display: flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 61px;
    background: var(--blue);
    color: #FFF !important;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    width: fit-content;
    line-height: normal;
}


/*================================*/
/********* authentication *********/
/*================================*/

body#authentication nav.breadcrumb {
	display: none;
}
body#authentication h1 {
	color: #124170;
    font-family: "Playfair Display";
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    margin-top: 35px;
}
body#authentication .login-form {
	display: flex;
    padding: 30px;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    border-radius: 15px;
    border: 1px solid #BDBDBD;
    width: 35%;
}
body#authentication .login-form form {
	width: 100%;
}
body#authentication .login-form label {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 4px;
    color: var(--Colors-Text-primery, #1A1A1A);
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
body#authentication .login-form .js-input-column {
	width: calc(100% - 25px);
	padding: 0;
}

body#authentication .login-form .input-group.js-parent-focus,
body#authentication .login-form input[type="email"] {
	border-radius: var(--Corner-Small, 8px);
    border: 1px solid var(--Colors-Stroke-Input-Default, #EBEBEB);
    background: var(--Colors-Background-white, #FFF);
    display: flex;
    padding: var(--Spacing-Spacing-s, 12px);
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    outline: none;
    color: #000;
    font-family: Lexend;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
}

body#authentication .login-form .input-group.js-parent-focus input {
	border: none;
	padding: 0;
	margin: 0;
	background: none;
}
body#authentication .login-form .input-group.js-parent-focus button {
	padding: 0;
	background: unset;
	color: var(--blue);
	outline: none;
	/*font-size: 0;*/
}
body#authentication .login-form #submit-login {
    display: flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 61px;
    background: var(--blue);
    color: #FFF;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    width: calc(100% - 40px);
    line-height: normal;
}
body#authentication .login-form .forgot-password {
	margin: 20px 0;
}
body#authentication .no-account a,
body#authentication .login-form .forgot-password a {
	color: #1B1B1B;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
body#authentication .no-account a {
	text-align: center;
}



/*================================*/
/*********** Identity *************/
/*================================*/
body#module-psgdpr-gdpr .breadcrumb,
body#order-slip .breadcrumb,
body#history .breadcrumb,
body#address .breadcrumb,
body#identity .breadcrumb {
	margin-top: 38px;
	width: var(--fixwidth);
}
body#module-psgdpr-gdpr section#wrapper,
body#order-slip section#wrapper,
body#history section#wrapper,
body#address section#wrapper,
body#identity section#wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
}

body#module-psgdpr-gdpr h1,
body#order-slip h1,
body#history h1,
body#address h1,
body#identity h1 {
	color: #124170;
    font-family: "Playfair Display";
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    text-transform: capitalize;
}

body#module-psgdpr-gdpr section#main {
	max-width: var(--fixwidth);
	min-width: var(--fixwidth);
}



/*================================*/
/*********** Password *************/
/*================================*/

body#password .breadcrumb {
	margin-top: 38px;
	width: var(--fixwidth);
}
body#password section#wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
}
body#password h1 {
	color: #124170;
    font-family: "Playfair Display";
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    text-transform: capitalize;
}
body#password .forgotten-password .form-fields .center-email-fields {
	flex-direction: column;
	gap: 10px;
}
body#password section#wrapper section.form-fields {
    width: 100%;
}
body#password section#wrapper form {
	display: flex;
    padding: 30px;
    flex-direction: column;
    align-items: flex-start;
    gap: 0px;
    border-radius: 15px;
    border: 1px solid #BDBDBD;
    width: 35%;
    margin-bottom: 50px;
}
body#password section#wrapper form .send-renew-password-link {
	/*color: #1B1B1B;*/
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
body#password section#wrapper form div.form-group.center-email-fields label {
	    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 4px;
    color: var(--Colors-Text-primery, #1A1A1A);
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    width: fit-content;
}
body#password section#wrapper form input[type='email'] {
	border-radius: var(--Corner-Small, 8px);
    border: 1px solid var(--Colors-Stroke-Input-Default, #EBEBEB);
    background: var(--Colors-Background-white, #FFF);
    display: flex;
    padding: var(--Spacing-Spacing-s, 12px);
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    outline: none;
    color: #000;
    font-family: Lexend;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    height: unset;
}
body#password section#wrapper form button#send-reset-link {
	display: flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 61px;
    background: var(--blue);
    color: #FFF;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    width: calc(100% - 40px);
    line-height: normal;
    margin-top: 15px;
}

body#password #back-to-login span,
body#password #back-to-login {
	color: #1B1B1B;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}



/*================================*/
/********* registration ***********/
/*================================*/
body#registration .container {
    display: flex;
    flex-direction: column;
    align-items: center;
}
body#registration .breadcrumb {
	margin-top: 38px;
	width: var(--fixwidth);
}
body#registration section#wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
}
body#registration h1 {
	color: #124170;
    font-family: "Playfair Display";
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    text-transform: capitalize;
}
body#registration .register-form {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 50px 0;
}
body#registration .register-form p:first-child a,
body#registration .register-form p:first-child {
	color: #1B1B1B;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
}
body#registration .register-form p,
body#registration .register-form p:first-child {
	display: block;
    align-items: flex-start;
    justify-content: left;
    gap: 10px;
}
body#registration .register-form p:first-child span {
	    padding: 0;
    margin: 0;
    width: fit-content;
    text-align: left
}

body#registration .register-form p:first-child a {
	text-decoration: underline;
}

body#registration .register-form form {
	display: flex;
    padding: 30px;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    border-radius: 15px;
    border: 1px solid #BDBDBD;
    width: 50%;
}
body#registration .register-form form button.btn.btn-primary.form-control-submit.float-xs-right {
	display: flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 61px;
    background: var(--blue);
    color: #FFF;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    width: calc(100% - 40px);
    line-height: normal;
}
body#registration .register-form form label {
	display: flex;
    flex-direction: column;
    align-items: start;
    gap: 4px;
    color: var(--Colors-Text-primery, #1A1A1A);
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
body#registration .register-form form input {
	border-radius: var(--Corner-Small, 8px);
    border: 1px solid var(--Colors-Stroke-Input-Default, #EBEBEB);
    background: var(--Colors-Background-white, #FFF);
    display: flex;
    padding: var(--Spacing-Spacing-s, 12px);
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    outline: none;
    color: #000;
    font-family: Lexend;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
}

body#registration .register-form form div.input-group.js-parent-focus {
	border-radius: var(--Corner-Small, 8px);
    border: 1px solid var(--Colors-Stroke-Input-Default, #EBEBEB);
    background: var(--Colors-Background-white, #FFF);
    display: flex;
    padding: var(--Spacing-Spacing-s, 12px);
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    outline: none;
    color: #000;
    font-family: Lexend;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
}
body#registration .register-form form footer.form-footer.clearfix {
	width: 100%;
}
body#registration .register-form form div.input-group.js-parent-focus input {
	border: none;
    padding: 0;
    margin: 0;
    background: none;
}
body#registration .register-form form div.input-group.js-parent-focus button {
	padding: 0;
    background: unset;
    color: var(--blue);
    outline: none;
}
body#registration .register-form form div.js-input-column.form-control-valign {
	display: flex;
	align-items: center;
}
body#registration .register-form form span.custom-checkbox label {
	color: #1B1B1B;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}
body#registration .register-form form span.custom-checkbox span {
	min-width: 18px;
}
body#registration .register-form form span.custom-checkbox:nth-child(2) label {
	flex-wrap: nowrap !important;
}



@media (max-width: 1024px) {
	/*================================*/
	/* Repeated Style use this class */
	/*================================*/
	.Repeatedpara {
		color: rgba(35, 35, 35, 0.55);
		text-align: center;
		font-family: Poppins;
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 20px; /* 100% */
		margin: 0;
	}
	.RepeatedheadTwo {
		color: #124170;
		font-family: "Playfair Display";
		font-size: 35px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		text-align: center;
	}
	.RepeatedLongpara {
		color: #1B1B1B;
		text-align: center;
		font-family: Poppins;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		width: 100%;
	}
	.spacer {
		height: 80px;
		width: 100%;
	}

	/*================================*/
	/************ Header **************/
	/*================================*/
	#ToggleMenu {
		background: #fff;
		border: none;
		display: flex;
		width: 30px;
		padding: 0;
		order: 1;
		outline: none;
		cursor: pointer;
	}
	#ToggleMenu img {
		width: 100%;
		height: auto;
		object-fit: contain;
	}
	header .middle section .middleRight {
		gap: 15px;
	}
	header .middle #_desktop_cart .header::after,
	header .middle #_desktop_user_info a::before {
		margin-left: 0;
	}

	header .middle section ul,
	header .top {
		display: none;
	}
	header .middle section {
		width: 90%;
		margin: 0;
	}
	header .middle #_desktop_user_info a span.hidden-sm-down {
		display: none;
	}
	header .middle section img {
		width: 60px;
	}
	header.scrolled .middle section img {
		width: 50px;
	}
	header .middle section {
		height: auto;
		padding: 10px 0;
	}
	header.scrolled .middle section {
		height: auto;
		padding: 10px 0;
	}
	header.scrolled .middle section ul {
		top: 53px;
	}
	header .middle section ul {
	    display: none;
	    flex-direction: column;
	    align-items: center;
	    position: absolute;
	    background: white;
	    width: 100%;
	    padding: 0;
	    top: 60px;
	    left: 0;
	    padding: 50px 0;
	    border-top: 1px solid #91AE3B;
	    border-bottom: 1px solid #91AE3B;
	    gap: 40px;
	    transition: max-height 0.5s ease, padding 0.5s ease, border 0.5s ease; 
	}
	header .middle section ul.open {                                                                                                                
    	display: flex;                                                                                                                              
  	} 
	header .middle section ul li {
		width: 90%;
	}
	/*header .bottom {
	  	display: flex;
	  	flex-direction: column;
	  	max-height: 0;
	  	overflow: hidden;
	  	padding: 0;
	  	border: none;
	  	gap: 0;
    	transition: max-height 0.5s ease, padding 0.5s ease;
	}*/
	/*header .bottom.open {
    	max-height: 800px;
        padding: 20px 0;
        position: absolute;
        top: 320px;
        left: 0;
        background: white;
        width: 100%;
        gap: 0;
        padding: 0;
  	}
  	header .bottom.open li.parent {
  		width: 90%;
  		padding: 10px 0;
  	}*/
  	ul.bottom {
  		overflow-x: auto;
	    display: flex;
	    align-items: center;
	    justify-content: unset;
	    gap: 10px;
	    padding: 0 10px;
  	}
	header .bottom a,
	header .bottom .menu-parent-link {
	    white-space: nowrap;
        font-size: 15px;
        line-height: 1;
        padding: 8px 14px;
	}
	header .bottom li.parent {
	    padding: 10px 0;
	}
	header .bottom .mega-menu {
		padding: 10px;
		        overflow-y: auto !important;
        max-height: calc(100svh - 111px);
	}
	header .bottom .mega-menu ul {
		display: grid;
    	grid-template-columns: repeat(1, 1fr);
    	width: 90%;
	}
	header .bottom .mega-menu li {
		width: 100%;
		min-width: 100%;
	}
	header .bottom .mega-menu li img {
		width: 200px;
		height: auto;
	}
	header .bottom .mega-menu li a {
		width: 90%;
		font-size: 16px;
	}

	/*================================*/
	/************ Footer **************/
	/*================================*/
	footer .content .top .topLeft {
		align-items: start;
		gap: 20px;
	}
	footer .content {
		width: 90%;
		padding: 50px 0;
		gap: 30px;
	}
	footer .content .top {
		flex-direction: column;
	}
	footer .content .top .topRight {
		flex-direction: column;
		gap: 20px;
	}
	footer .content .top .topLeft {
		width: 100%;
	}
	footer .content .bottom {
		flex-direction: column;
		gap: 20px;
	}

	/*================================*/
	/************ Homepage ************/
	/*================================*/
	.heroSection .content .contentFixed {
		width: 90%;
	}
	.heroSection .content h1 {
		font-size: 50px;
	}
	.heroSection .content h2 {
		margin-left: 0;
		padding: 10px 20px;
		font-size: 17px;
		height: auto;
	}
	.heroSection .content p {
		font-size: 16px;
		width: 100%;
	}
	.heroSection .content a {
		font-size: 16px;
	}


	.aboutusSection {
		width: 90%;
	}
	.aboutusSection .cards {
		width: 100%;
		flex-direction: column;
		align-items: center;
	}
	.aboutusSection .cards .card {
		flex-direction: column;
		height: 200px;
		width: 100%;
		flex: unset;
		transition: height 0.5s ease !important;
		margin: 0;
	}
	.aboutusSection .card .cardContent {
		height: 100%;
		width: 100%;
		object-fit: cover;
	}
	.aboutusSection .cards .card:hover {
	      flex: unset;
	      height: 500px;
	  }
	.aboutusSection .card .cardContent a {
		font-size: 16px;
		padding: 5px 15px;
	}
	.aboutusSection .card .cardContent div.content {
		padding: 0 20px;
	}
	.aboutusSection .card .cardContent p {
		font-size: 16px;
	}

	.aboutusSection .card p.title {
		writing-mode: unset;
    	text-orientation: unset;
    	font-size: 25px;
    	width: 100%;
    	height: 60px;
	}

	.NosArticlesSection {
		width: 90%;
	}
	.products.rowTab {
		display: grid;
        grid-template-columns: repeat(2, 1fr);
	}
	.NosArticlesSection .nf-categorytabs {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	

	.EtapesConfigurationSection .content {
		width: 90%;
	}
	.EtapesConfigurationSection .content .grid {
		flex-direction: column;
		align-items: center;
		display: grid;
        grid-template-columns: repeat(2, 1fr);
	}
	.EtapesConfigurationSection .content .grid .col {
		width: 100%;
		align-items: center;
	}
	.EtapesConfigurationSection .content .grid .col .bottom p,
	.EtapesConfigurationSection .content .grid .col .bottom h3 {
		text-align: center;
	}

	.NosActualitesSection {
		width: 90%;
	}
	.novelfen.content {
		grid-template-columns: repeat(2, 1fr);
		width: 100%;
		gap: 40px;
	}


	/*================================*/
	/************ AboutUS *************/
	/*================================*/
	body.cms-id-4 .aboutHeroSection {
		flex-direction: column;
		align-items: center;
		width: 90%;
	}
	body.cms-id-4 .aboutHeroSection img {
		width: 100%;
		order: -1;
	}
	.aboutHeroSection h1 {
		font-size: 35px;
		line-height: 1;
		margin-bottom: 20px;
	}
	body.cms-id-4 .aboutHeroSection div  {
		margin: 0;
	}
	body.cms-id-4 .expertiseSection {
		width: 90%;
	}
	body.cms-id-4 .expertiseSection .cards {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 90%;
	}
	body.cms-id-4 .expertiseSection .cards .card p {
		text-align: center;
		font-size: 16px;
	}
	.expertiseSection .cards .card h3 {
		font-size: 18px;
	}

	/*================================*/
	/********** ACTUALITÉS ************/
	/*================================*/
	.actualitesPage section {
		width: 90%;
	}
	.actualitesPage h1 {
		font-size: 35px;
		line-height: 1;
		margin-bottom: 20px;
	}

	.blog-post-wrapper .blog-post-sidebar {
		display: none;
	}
	article.sedestral.single-post {
		width: 90%;
	}
	#module-sedestral-post h1 {
		font-size: 20px;
		line-height: 1.2;
	}
	article.sedestral.single-post .sedestral.content p {
		font-size: 16px;
	}

	/*================================*/
	/********** contact ************/
	/*================================*/
	.contactpage {
		width: 90%;
	}
	.contactpage h1 {
		font-size: 35px;
		line-height: 1;
		margin-bottom: 20px;
	}
	.contactpage form {
		width: calc(100% - 40px);
	}
	.contactpage form .contactRow {
		flex-direction: column;
	}
	.contactpage form label {
		width: 100%;
		font-size: 15px;
	}


	/*================================*/
	/******** Product Details *********/
	/*================================*/
	body#product.page-product #wrapper .container {
		width: 90%;
	}
	.row.product-container.js-product-container {
		flex-direction: column !important;
	}
	body#product.page-product .images-container.js-images-container {
		flex-direction: column;
	}
	.row.product-container.js-product-container .col-md-6 {
		width: 100%;
	}

	ul.product-images.js-qv-product-images {
		flex-direction: row !important;
		gap: 10px;
	}
	#main .images-container .js-qv-mask.scroll, #main .images-container .js-qv-mask {
		min-width: 100% !important;
		width: 100% !important;
		order: 1;
	}
	body#product.page-product .page-content .product-flags {
		left: 10px;
	}
	body#product.page-product .featured-products .products {
		flex-direction: column;
		display: grid;
        grid-template-columns: repeat(2, 1fr);
	}
	body#product.page-product .featured-products {
		width: 100% !important;
	}

	body#product.page-product h1 {
		font-size: 35px;
	}
	body#product.page-product .textTitle {
		font-size: 20px;
	}
	.caracteristiques-table h2 {
		font-size: 15px;
	}
	body#product.page-product .featured-products h2:first-child {
		font-size: 30px;
	}
	body#product.page-product #wrapper .breadcrumb li {
		font-size: 12px;
	}
	body#product.page-product #wrapper .breadcrumb {
		margin: 0;
		margin-bottom: 16px;
		padding: 5px 10px;
	}
	ul.product-images.js-qv-product-images li.thumb-container {
		width: 70px !important;
	}
	.row.product-container.js-product-container {
		width: 100% !important;
	}
	.product_description.mobile { display:flex; }
	.product_description.desktop { display:none; }



	/*================================*/
	/****** Page child categorie ******/
	/*================================*/
	body#category nav.breadcrumb li:last-child,
	body#category nav.breadcrumb a {
		font-size: 14px;
	}
	body#category .card-block.category-additional-description h1 {
		font-size: 35px;
	}
	body#category .card-block.category-additional-description p {
		font-size: 16px;
	}
	div#js-product-list-footer .card {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	body#category .card-block.category-additional-description {
		width: 90%;
		gap: 20px;
	}
	.novelfenCategoryTop {
		flex-direction: column;
	}
	.novelfenCategoryTop .category-footer-text {
		margin: 0;
	}
	.novelfenCategoryTop .category-footer-cover {
		min-width: 100%;
		margin: 0;
	}
	body#category nav.breadcrumb.cate {
		margin-top: 30px;
	}

	#productsCategory #js-product-list .products.row {
		grid-template-columns: repeat(2, 1fr);
	}
	.configurezSection {
		width: 90%;
	}
	.configurezSection .content {
		    grid-template-columns: repeat(2, 1fr);
	}

	.typeProject .content {
		padding: 50px 0;
		gap: 50px;
	}
	.typeProject .content .rowCard {
		flex-direction: column;
		width: 90%;
		gap: 20px	;
	}
	.typeProject .content .rowCard div {
		width: 100%;
		margin: 0;
	}
	.typeProject .content .rowCard img {
		width: 100%;
	}
	.typeProject p.RepeatedLongpara,
	.typeProject h2 {
		width: 90% !important;
	}

	.typeProject .content .rowCard:nth-child(2) div {
		order: -1;
	}
	.nf-other-category-products {
		width: 90%;
	}


	/*================================*/
	/********* authentication **********/
	/*================================*/
	body#authentication h1 {
		font-size: 25px;
	}
	body#authentication header.page-header {
		width: 90%;
	}
	body#authentication .login-form {
		width: calc(90% - 60px);
	}

	/*================================*/
	/********* registration ***********/
	/*================================*/
	body#registration .breadcrumb {
		width: 90%;
	}
	body#registration h1 {
		font-size: 25px;
	}
	body#registration .register-form {
		width: 90% !important;
	}
	body#registration .register-form form {
		width: calc(100% - 60px )!important;
	}
	body#registration form .form-group.row {
		display: flex !important;
    	flex-direction: column !important;
	}
	body#registration .register-form form.col-md-6.js-input-column,
	body#registration .register-form form label {
		width: 100%	;
	}

	body#registration .register-form form .col-md-6.js-input-column {
		width: calc(100% - 60px);
	}
	body#registration .register-form form {
		min-width: calc(100% - 30px);
		padding: 30px 15px;
	}
	body#registration header.page-header {
		margin-bottom: 0;
		margin-top: 30px;
	}

	/*================================*/
	/************ password ************/
	/*================================*/
	body#password .container {
		width: 90%;
	}
	body#password .breadcrumb {
		width: 90%;
	}
	body#password section#wrapper form {
		width: calc(100% - 60px) !important;
		padding: 30px 20px;
	}
	body#password .forgotten-password .form-fields .center-email-fields {
		align-items: center;
		justify-content: center;
	}
	body#password section#wrapper form input[type='email'] {
		    width: calc(100% - 25px);
	}
	body#password section#wrapper form button.form-control-submit.btn.btn-primary.hidden-sm-up {
		display: flex;
	    padding: 10px 20px;
	    justify-content: center;
	    align-items: center;
	    gap: 10px;
	    border-radius: 61px;
	    background: var(--blue);
	    color: #FFF;
	    font-family: Poppins;
	    font-size: 18px;
	    font-style: normal;
	    font-weight: 400;
	    width: calc(100% - 40px);
	    line-height: normal;
	    margin-top: 15px;
	}
	body#password h1 {
		font-size: 25px;
	}


	/*================================*/
	/************ my-account ************/
	/*================================*/
	body#my-account #content .links {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
		align-items: center;
		justify-content: center;
	}
	body#my-account #content .links .col-lg-4.col-md-6.col-sm-6.col-xs-12 span.link-item {
		padding: 0;
		margin: 0;
	}
	body#my-account #main {
		min-width: 90% !important;
		width: 100% !important;
	}
	body#my-account #content .links .col-lg-4.col-md-6.col-sm-6.col-xs-12 {
		padding: 0;
		margin: 0;
	}
	body#my-account #content,
	body#my-account .container nav.breadcrumb {
		width: 90% !important;
	}
	body#my-account h1 {
		font-size: 25px;
	}
	body#my-account #content .links .col-lg-4.col-md-6.col-sm-6.col-xs-12 span.link-item {
		padding: 0;
		margin: 0;
	}
	body#my-account #content .links .col-lg-4.col-md-6.col-sm-6.col-xs-12 span.link-item {
		font-size: 14px;
	}
	.page-my-account #content .links a i {
		font-size: 30px;
	}

	/*================================*/
	/************ identity ************/
	/*================================*/
	body#identity .container {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
	}

	body#identity h1 {
		font-size: 25px;
	}
	body#module-psgdpr-gdpr 
	.breadcrumb, body#order-slip .breadcrumb, 
	body#history .breadcrumb, 
	body#address .breadcrumb, 
	body#identity .breadcrumb {
		width: 90%;
	}
	body#module-psgdpr-gdpr section#main {	
		max-width: 90%;
		min-width: 90%;
	}
	body#identity .col-md-6.js-input-column {
		padding-left: 0;
		padding-right: 0;
	}
	body#identity .form-control {
		width: calc(100% - 35px);
	}

	/*================================*/
	/************ address ************/
	/*================================*/
	body#address .container {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	body#address .breadcrumb {
		width: 90%;
	}
	body#module-psgdpr-gdpr h1, body#order-slip h1, body#history h1, body#identity h1,
	 body#address h1 {
	 	font-size: 25px;
	 }
	 body#address .row {
	 	width: 100% !important;
	 }
	 body#address #main .page-content {
	 	    width: 90%;
    		padding: 0;
	 }

	 body#address .col-md-6.js-input-column {
	 	display: flex;
	 	width: 100%;
	 	padding-left: 0;
	 	padding-right: 0;
	 }

	 /*================================*/
	/************ address ************/
	/*================================*/
	body#history .container {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	/*================================*/
	/************ module-nxtalwishlist-wishlist ************/
	/*================================*/
	body#module-nxtalwishlist-wishlist #wrapper .container {
		width: 90%;
	}
	body#module-nxtalwishlist-wishlist .button-actions .col-md-6.col-xs-6 {
		padding: 0;
	}

	.nf-othercatproducts-grid {
		display: grid;
    	grid-template-columns: repeat(2, 1fr);
	}
	.nf-othercatproducts-grid .productCard {
		max-width: 100%;
	}


	/*================================*/
	/************ module-ps_emailalerts-account ************/
	/*================================*/
	body#module-ps_emailalerts-account .breadcrumb {
		width: 90%;
	}
	body#order-slip .container,
	body#module-psgdpr-gdpr .container,
	body#module-ps_emailalerts-account .container {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
	}

	body#module-psgdpr-gdpr .psgdprinfo17 {
		    width: calc(100% - 40px);
	}
}

@media (max-width: 768px) {
	.products.rowTab {
		display: grid;
        grid-template-columns: repeat(1, 1fr);
	}
	.EtapesConfigurationSection .content .grid {
		grid-template-columns: repeat(1, 1fr)
	}

	.novelfen.content {
		grid-template-columns: repeat(1, 1fr);
	}
	#productsCategory #js-product-list .products.row {
		grid-template-columns: repeat(1, 1fr);
	}
	.nf-othercatproducts-grid {
		display: grid;
    	grid-template-columns: repeat(1, 1fr);
	}

	.configurezSection .content {
        grid-template-columns: repeat(1, 1fr);
    }

    body#product.page-product .featured-products .products {

        grid-template-columns: repeat(1, 1fr);
	}
}
/***** Figma Accessoires category ******/
body.category-id-14 nav.breadcrumb {
	display: none;
}

.nf-accessoires-page {
	width: 100%;
	min-width: 100% !important;
	padding: 0;
	align-items: center;
}

.nf-accessoires-page__inner {
	width: min(var(--fixwidth), calc(100% - 40px));
	margin-top: 30px;
	margin-bottom: 300px;
	display: flex;
	flex-direction: column;
	gap: 45px;
	padding-top: 0;
}

.nf-accessoires-heading {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0;
	min-height: 94px;
}

.nf-accessoires-heading h1 {
	color: var(--blue);
	font-family: "Playfair Display";
	font-size: 46px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin: 0 0 -3px;
}

.nf-accessoires-heading p {
	color: #1B1B1B;
	font-family: Poppins;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin: 0;
}

.nf-accessoires-layout {
	display: grid;
	grid-template-columns: minmax(0, 533px) minmax(0, 779px);
	gap: 28px;
	align-items: flex-start;
	width: 100%;
}

.nf-accessoires-layout > * {
	min-width: 0;
}

.nf-accessoires-summary {
	display: flex;
	flex-direction: column;
	gap: 50px;
	width: 100%;
}

.nf-accessoires-price {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	min-height: 74px;
}

.nf-accessoires-price p {
	color: #7F7F7F;
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	margin: 0;
}

.nf-accessoires-price strong {
	color: #333;
	font-family: Poppins;
	font-size: 32px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin: 0;
}

.nf-accessoires-table {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.nf-accessoires-table h2 {
	height: 37px;
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0 10px;
	border-radius: 4px 4px 0 0;
	background: var(--blue);
	color: #FFF;
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 25px;
	letter-spacing: 0.48px;
	text-transform: uppercase;
}

.nf-accessoires-table p {
	min-height: 35px;
	display: flex;
	align-items: center;
	margin: 0;
	padding: 4px 9px;
	border-right: 1px solid #BDBDBD;
	border-bottom: 1px solid #BDBDBD;
	border-left: 1px solid #BDBDBD;
	color: #4B4743;
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 25px;
	letter-spacing: 0.48px;
	text-transform: capitalize;
}

.nf-accessoires-table strong {
	color: #4B4743;
	font-weight: 500;
}


.nf-accessoires-summary-row {
	display: flex !important;
	align-items: flex-start;
	gap: 8px;
}

.nf-accessoires-summary-text {
	flex: 1 1 auto;
	min-width: 0;
	overflow-wrap: anywhere;
}

.nf-accessoires-summary-row.is-syncing {
	opacity: .65;
}

.nf-accessoires-summary-remove {
	border: 0;
	background: transparent;
	color: #A33A32;
	font-family: Poppins;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	text-transform: uppercase;
	cursor: pointer;
}

.nf-accessoires-summary-remove:hover,
.nf-accessoires-summary-remove:focus {
	text-decoration: underline;
}

.nf-accessoires-cart-message {
	color: #124170;
	font-family: Poppins, sans-serif;
	font-size: 13px;
	font-weight: 500;
	line-height: 18px;
	margin: 8px 0 0;
	min-height: 18px;
}

.nf-accessoires-cart-message:empty {
	display: none;
}

.nf-accessoires-cart-message.is-error {
	color: #A33A32;
}


.nf-accessoires-card-error {
	display: none !important;
	margin: 6px 0 0 !important;
	color: #A33A32 !important;
	font-family: Poppins, sans-serif !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	line-height: 16px !important;
	text-align: center !important;
	text-transform: none !important;
}

.nf-accessoires-card-error:not(:empty) {
	display: block !important;
}

.nf-accessoires-card.has-error {
	border-color: #A33A32;
}

.nf-accessoires-card.is-selected {
	border-color: var(--green);
	box-shadow: 0 0 0 2px rgba(145, 174, 59, 0.18);
}

.nf-accessoires-options {
	display: flex;
	flex-direction: column;
	width: 100%;
	min-width: 0;
	max-width: 100%;
}

.nf-accessoires-option {
	width: 100%;
	margin: 0;
	border: 0;
	border-bottom: 1px solid #BDBDBD;
}

.nf-accessoires-option summary {
	min-height: 45px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	padding: 0px 16px;
	background: var(--blue);
	color: #FFF;
	cursor: pointer;
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 25px;
	letter-spacing: 0.48px;
	text-align: left;
	text-transform: uppercase;
	overflow-wrap: anywhere;
	list-style: none;
}

.nf-accessoires-option summary::-webkit-details-marker {
	display: none;
}

.nf-accessoires-option summary span {
	width: 10px;
	height: 10px;
	border-right: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	transform: rotate(45deg) translateY(-2px);
	transition: transform 0.18s ease;
	flex: 0 0 auto;
	margin-left: auto;
	margin-right: 10px;
}

.nf-accessoires-option[open] summary span {
	transform: rotate(-135deg) translateY(-1px);
}

.nf-accessoires-option summary:focus-visible {
	outline: 3px solid rgba(145, 174, 59, 0.45);
	outline-offset: -3px;
}

.nf-accessoires-panel {
	display: flex;
	flex-direction: column;
	gap: 12px;
	width: 100%;
	min-width: 0;
	max-width: 100%;
	padding: 12px 0 18px;
	background: #FFF;
}

.nf-accessoires-panel__lead {
	margin: 0;
	color: #333;
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
}

.nf-accessoires-card-row {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	align-items: stretch;
	gap: 12px;
	width: 100%;
	min-width: 0;
	max-width: 100%;
}

.nf-accessoires-card {
	width: 100%;
	min-width: 0;
	min-height: 238px;
	display: flex;
	flex-direction: column;
	align-items: center;
	border: 1px solid #BDBDBD;
	border-radius: 4px;
	background: #FFF;
	overflow: hidden;
}


.nf-accessoires-card.has-active-color {
	border: 3px solid var(--active-card-color, #91AE3B);
}

.nf-accessoires-card__image {
	width: 100%;
	height: 138px;
	border-bottom: 1px solid #BDBDBD;
	background-color: #F4F4F4;
	background-image: linear-gradient(145deg, rgba(255,255,255,0.9), rgba(0,0,0,0.08));
	position: relative;
}

img.nf-accessoires-card__image {
	display: block;
	object-fit: cover;
	background: #FFF;
}

.nf-accessoires-page img.nf-accessoires-card__image,
.nf-accessoires-page img.nf-accessoires-family-card__image,
.nf-accessoires-page img.nf-accessoires-volet-card__image {
	object-fit: cover;
}

.nf-accessoires-card__image::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 22px;
	width: 20px;
	height: 88px;
	border-radius: 10px;
	background: currentColor;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.12), 0 52px 0 -6px currentColor;
	transform: translateX(-50%) rotate(28deg);
}

.nf-accessoires-card__image--white { color: #F8F8F2; background-color: #E9E9E4; }
.nf-accessoires-card__image--brown { color: #4B3128; background-color: #D9D1CB; }
.nf-accessoires-card__image--olive { color: #56613E; background-color: #D8DED1; }
.nf-accessoires-card__image--silver { color: #B5B9BB; background-color: #ECEFF0; }
.nf-accessoires-card__image--steel { color: #9BA1A6; background-color: #DFE3E5; }
.nf-accessoires-card__image--anthracite { color: #3D454A; background-color: #D8DEE0; }
.nf-accessoires-card__image--cream { color: #EFE8D8; background-color: #F3EFE6; }
.nf-accessoires-card__image--black { color: #161616; background-color: #D7D7D7; }
.nf-accessoires-card__image--vent { color: #F7F7F7; background-color: #DDE3E6; }
.nf-accessoires-card__image--vent-dark { color: #2B3137; background-color: #DDE3E6; }
.nf-accessoires-card__image--metal { color: #A8ADB0; background-color: #E6E8E9; }
.nf-accessoires-card__image--glass { color: rgba(180, 215, 230, 0.9); background-color: #E9F3F6; }
.nf-accessoires-card__image--glass-dark { color: rgba(115, 145, 155, 0.9); background-color: #D7E7EA; }
.nf-accessoires-card__image--shutter { color: #C8CED2; background-color: #EEF1F2; }
.nf-accessoires-card__image--shutter-dark { color: #404950; background-color: #E0E4E6; }
.nf-accessoires-card__image--mesh { color: rgba(72, 82, 86, 0.45); background-color: #EEF3F2; }

.nf-accessoires-card__image--vent::before,
.nf-accessoires-card__image--vent-dark::before {
	left: 18px;
	top: 50%;
	width: 106px;
	height: 18px;
	border-radius: 12px;
	box-shadow: 0 18px 0 -5px currentColor, 0 -18px 0 -5px currentColor;
	transform: translateY(-50%);
}

.nf-accessoires-card__image--glass::before,
.nf-accessoires-card__image--glass-dark::before {
	left: 50%;
	top: 18px;
	width: 70px;
	height: 98px;
	border: 2px solid rgba(255,255,255,0.8);
	border-radius: 2px;
	box-shadow: inset 18px 0 0 rgba(255,255,255,0.18);
	transform: translateX(-50%);
}

.nf-accessoires-card__image--shutter::before,
.nf-accessoires-card__image--shutter-dark::before,
.nf-accessoires-card__image--mesh::before {
	left: 23px;
	top: 27px;
	width: 96px;
	height: 82px;
	border-radius: 2px;
	background: repeating-linear-gradient(to bottom, currentColor 0, currentColor 5px, transparent 5px, transparent 12px);
	box-shadow: none;
	transform: none;
}

.nf-accessoires-card h3 {
	width: 100%;
	margin: 9px 0 0;
	padding: 0 5px;
	color: #222;
	font-family: Poppins;
	font-size: 13px;
	font-style: normal;
	font-weight: 600;
	line-height: 18.571px;
	text-align: center;
}

.nf-accessoires-card p {
	width: 100%;
	margin: 2px 0 8px;
	padding: 0 5px;
	color: #222;
	font-family: Poppins;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: 14px;
	text-align: center;
}


.nf-accessoires-colors {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	margin: -2px 0 8px;
	padding: 0 5px;
}

.nf-accessoires-colors span {
	color: #222;
	font-family: Poppins;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: 14px;
	text-align: center;
}

.nf-accessoires-color-row {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	min-height: 15px;
}

.nf-accessoires-color-swatch {
	width: 11px;
	height: 11px;
	padding: 0;
	border: 1px solid #BDBDBD;
	border-radius: 0;
	background: var(--swatch-color);
	box-sizing: border-box;
	cursor: pointer;
}

.nf-accessoires-color-swatch.is-active {
	border: 2px solid #91AE3B;
}

.nf-accessoires-card strong {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 29px;
	padding: 5px 10px;
	margin-top: auto;
	background: var(--green);
	color: #FFF;
	font-family: Poppins;
	font-size: 13px;
	font-style: normal;
	font-weight: 600;
	line-height: 18.571px;
	text-align: center;
}

@media (max-width: 1180px) {
	.nf-accessoires-layout {
		grid-template-columns: minmax(0, 40%) minmax(0, 1fr);
		gap: 24px;
	}
}

@media (max-width: 900px) {
	.nf-accessoires-page__inner { gap: 36px; }
	.nf-accessoires-option summary { padding: 0px 16px; }
	.nf-accessoires-option summary span { margin-right: 10px; }
	.nf-accessoires-layout { grid-template-columns: 1fr; }
	.nf-accessoires-summary { gap: 34px; }
	.nf-accessoires-card-row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 600px) {
	.nf-accessoires-option summary span { margin-right: 10px; }
	.nf-accessoires-page__inner { width: calc(100% - 28px); gap: 28px; }
	.nf-accessoires-heading { min-height: auto; }
	.nf-accessoires-heading h1 { font-size: 36px; }
	.nf-accessoires-heading p { font-size: 20px; line-height: 1.25; }
	.nf-accessoires-price { gap: 8px; min-height: auto; }
	.nf-accessoires-price strong { font-size: 29px; }
	.nf-accessoires-table h2,
	.nf-accessoires-table p,
	.nf-accessoires-option summary { font-size: 15px; line-height: 22px; letter-spacing: 0.2px; }
	.nf-accessoires-table p { align-items: flex-start; flex-direction: column; padding: 7px 9px; }
	.nf-accessoires-option summary { height: auto; min-height: 45px; padding: 0px 16px; }
	.nf-accessoires-panel { padding: 10px 0 16px; }
	.nf-accessoires-panel__lead { font-size: 14px; line-height: 19px; }
	.nf-accessoires-card-row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.nf-accessoires-card { min-height: 222px; }
	.nf-accessoires-card__image { height: 118px; }
	.nf-accessoires-card h3 { font-size: 12px; line-height: 16px; }
}

@media (max-width: 420px) {
	.nf-accessoires-option summary { padding: 0px 16px; }
	.nf-accessoires-option summary span { margin-right: 10px; }
	.nf-accessoires-page__inner { width: calc(100% - 20px); gap: 24px; }
	.nf-accessoires-heading h1 { font-size: 32px; }
	.nf-accessoires-heading p { font-size: 18px; }
	.nf-accessoires-price strong { font-size: 26px; }
	.nf-accessoires-table h2,
	.nf-accessoires-table p,
	.nf-accessoires-option summary { font-size: 14px; line-height: 20px; }
	.nf-accessoires-card-row { grid-template-columns: 1fr; }
	.nf-accessoires-card__image { height: 108px; }
}
.nf-accessoires-family-row {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 12px;
	width: 100%;
}

.nf-accessoires-family-card {
	width: 100%;
	min-width: 0;
	min-height: 190px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	padding: 0 0 10px;
	border: 1px solid #BDBDBD;
	border-radius: 4px;
	background: #FFF;
	cursor: pointer;
}

.nf-accessoires-family-card.is-active {
	border: 2px solid var(--green);
}

.nf-accessoires-family-card__image {
	width: 100%;
	height: 138px;
	display: block;
	object-fit: cover;
	background: #FFF;
	border-bottom: 1px solid #BDBDBD;
	border-radius: 4px 4px 0 0;
}

.nf-accessoires-family-card span {
	width: 100%;
	padding: 0 5px;
	color: #222;
	font-family: Poppins;
	font-size: 13px;
	font-weight: 600;
	line-height: 18.571px;
	text-align: center;
}

.nf-accessoires-child-panel {
	display: none;
	flex-direction: column;
	gap: 12px;
}

.nf-accessoires-child-panel.is-active {
	display: flex;
}

.nf-accessoires-panel-label {
	width: 100%;
	min-height: 30px;
	display: flex;
	align-items: center;
	padding: 5px 20px;
	background: #edf6ff;
	color: var(--blue);
	font-family: Poppins;
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
}

@media (max-width: 900px) {
	.nf-accessoires-family-row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 600px) {
	.nf-accessoires-family-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.nf-accessoires-family-card { min-height: 170px; }
	.nf-accessoires-family-card__image { height: 118px; }
}

@media (max-width: 420px) {
	.nf-accessoires-family-row { grid-template-columns: 1fr; }
	.nf-accessoires-family-card__image { height: 108px; }
}

.nf-accessoires-volet {
	display: flex;
	flex-direction: column;
	gap: 28px;
	max-width: 779px;
	width: 100%;
}

.nf-accessoires-volet-section {
	display: flex;
	flex-direction: column;
	gap: 12px;
	width: 100%;
}

.nf-accessoires-volet-subtitle {
	align-items: center;
	background: #124170;
	border-radius: 4px;
	color: #fff;
	display: flex;
	font-family: Poppins, sans-serif;
	font-size: 13px;
	font-weight: 600;
	line-height: 18.571px;
	min-height: 38px;
	padding: 0 10px;
}

.nf-accessoires-volet-note {
	color: #333;
	font-family: Poppins, sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	margin: 0;
}


.nf-accessoires-volet-card-row.nf-accessoires-volet-gamme-row {
	display: none;
}

.nf-accessoires-volet-card-row.nf-accessoires-volet-gamme-row.is-active {
	display: flex;
}

.nf-accessoires-volet-card-row {
	display: flex;
	gap: 8px;
	overflow-x: auto;
	overflow-y: hidden;
	padding-bottom: 4px;
	width: 100%;
}

.nf-accessoires-volet-card {
	align-items: center;
	background: #fff;
	border: 1px solid #BDBDBD;
	border-radius: 4px;
	color: #222;
	cursor: pointer;
	display: flex;
	flex: 0 0 142px;
	flex-direction: column;
	min-height: 172px;
	overflow: hidden;
	padding: 0;
	text-align: center;
}

.nf-accessoires-volet-card.is-active {
	border: 2px solid #91AE3B;
}

.nf-accessoires-volet-card__image {
	border-bottom: 1px solid #BDBDBD;
	height: 138px;
	object-fit: cover;
	width: 100%;
}

.nf-accessoires-volet-card__title {
	color: #222;
	font-family: Poppins, sans-serif;
	font-size: 13px;
	font-weight: 600;
	line-height: 18.571px;
	padding: 8px 5px 4px;
	width: 100%;
}

.nf-accessoires-volet-card__price,
.nf-accessoires-volet-type-price {
	background: #91AE3B;
	color: #fff;
	display: block;
	font-family: Poppins, sans-serif;
	font-size: 13px;
	font-weight: 600;
	line-height: 18.571px;
	margin-top: auto;
	padding: 5px 10px;
	width: 100%;
}

.nf-accessoires-volet-type-panel {
	display: none;
}

.nf-accessoires-volet-type-panel.is-active {
	display: block;
}

.nf-accessoires-volet-type-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
	width: 100%;
}

.nf-accessoires-volet-type-grid--ra {
	gap: 12px;
}

.nf-accessoires-volet-type-card {
	background: #fff;
	border: 2px solid #BDBDBD;
	border-radius: 8px;
	color: #222;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	min-height: 306px;
	overflow: hidden;
	padding: 18px 0 0;
	text-align: center;
}

.nf-accessoires-volet-type-card.is-active {
	border-color: #91AE3B;
	box-shadow: 0 0 0 1px #91AE3B;
}

.nf-accessoires-volet-type-title {
	color: #222;
	font-family: Poppins, sans-serif;
	font-size: 13px;
	font-weight: 600;
	line-height: 18.571px;
	padding: 0 8px 4px;
}

.nf-accessoires-volet-type-desc {
	color: #4B4743;
	font-family: "Open Sans", sans-serif;
	font-size: 10px;
	font-weight: 400;
	line-height: normal;
	min-height: 28px;
	padding: 0 8px 12px;
}

.nf-accessoires-volet-features {
	display: flex;
	flex: 1;
	flex-direction: column;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

.nf-accessoires-volet-features li {
	align-items: center;
	border-bottom: 1px solid #BDBDBD;
	color: #222;
	display: flex;
	font-family: "Open Sans", sans-serif;
	font-size: 12px;
	gap: 6px;
	line-height: 18.571px;
	min-height: 48px;
	padding: 0 8px 10px;
}

.nf-accessoires-volet-features li:last-child {
	border-bottom: 0;
}

.nf-accessoires-volet-features span {
	color: #124170;
	flex: 0 0 auto;
	font-weight: 700;
}

@media (max-width: 900px) {
	.nf-accessoires-volet-type-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 600px) {
	.nf-accessoires-volet-type-grid { grid-template-columns: 1fr; }
}


.nf-accessoires-volet-titlebar {
	align-items: center;
	background: #EDF6FF;
	color: #124170;
	display: flex;
	font-family: Poppins, sans-serif;
	font-size: 16px;
	font-weight: 500;
	height: 30px;
	line-height: 20px;
	padding: 5px 0px 5px 16px;
}


.nf-accessoires-brise-dimensions,
.nf-accessoires-moustiquaire-dimensions,
.nf-accessoires-volet > .nf-accessoires-volet-dimensions {
	order: -2;
}

.nf-accessoires-panel__lead {
	order: -1;
}

.nf-accessoires-volet-dimensions {
	gap: 8px;
	max-width: 779px;
}

.nf-accessoires-volet-dimensions__lead {
	color: #333;
	font-family: Poppins, sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	margin: 0;
}

.nf-accessoires-volet-dimensions__grid {
	display: grid;
	gap: 21px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	padding-top: 11px;
	width: 100%;
}

.nf-accessoires-volet-dimension-field {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin: 0;
	min-width: 0;
}

.nf-accessoires-volet-dimension-field > span:first-child {
	color: #222;
	font-family: Poppins, sans-serif;
	font-size: 13px;
	line-height: 18.571px;
}

.nf-accessoires-volet-dimension-field strong {
	font-weight: 600;
}

.nf-accessoires-volet-dimension-control {
	align-items: center;
	border: 1px solid #595959;
	border-radius: 4px;
	display: grid;
	grid-template-columns: 56px minmax(0, 1fr) 64px;
	height: 40px;
	overflow: hidden;
	width: 100%;
}

.nf-accessoires-volet-dimension-control small {
	color: rgba(34, 34, 34, 0.7);
	font-family: Poppins, sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 19.2px;
	text-align: center;
}

.nf-accessoires-volet-dimension-control input {
	border: 0;
	color: #222;
	font-family: Poppins, sans-serif;
	font-size: 15px;
	height: 100%;
	line-height: 19.2px;
	min-width: 0;
	outline: 0;
	padding: 0 8px;
	text-align: center;
	width: 100%;
}

.nf-accessoires-volet-dimension-control input::placeholder {
	color: #222;
	opacity: 1;
}

.nf-accessoires-volet-dimensions__hint {
	align-items: center;
	color: #4B4743;
	display: flex;
	font-family: Poppins, sans-serif;
	font-size: 14px;
	font-weight: 400;
	gap: 4px;
	line-height: 20px;
	margin: 0;
}

.nf-accessoires-volet-dimensions__hint span {
	align-items: center;
	border: 1px solid #4B4743;
	border-radius: 50%;
	display: inline-flex;
	flex: 0 0 14px;
	font-size: 10px;
	height: 14px;
	justify-content: center;
	line-height: 1;
	width: 14px;
}

@media (max-width: 700px) {
	.nf-accessoires-volet-dimensions__grid { grid-template-columns: 1fr; gap: 12px; }
	.nf-accessoires-volet-dimensions__hint { align-items: flex-start; white-space: normal; }
}


.nf-accessoires-brise-dimensions {
	margin-top: 16px;
}


.nf-accessoires-moustiquaire-dimensions {
	margin-top: 16px;
}

.nf-cart-config-summary {
	background: #F8F6F2;
	border: 1px solid #E4DED6;
	border-radius: 6px;
	color: #2D2925;
	font-family: Poppins, sans-serif;
	margin-top: 12px;
	padding: 12px;
}

.nf-cart-config-summary__head {
	font-size: 13px;
	font-weight: 700;
	margin-bottom: 8px;
	text-transform: uppercase;
}

.nf-cart-config-summary__rows {
	display: grid;
	gap: 6px 14px;
	grid-template-columns: minmax(120px, auto) 1fr;
	margin: 0;
}

.nf-cart-config-summary__row {
	display: contents;
}

.nf-cart-config-summary dt,
.nf-cart-config-summary dd {
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}

.nf-cart-config-summary dt {
	color: #6D665D;
	font-weight: 600;
}

.nf-cart-config-summary dd {
	color: #2D2925;
	font-weight: 500;
}

@media (max-width: 575px) {
	.nf-cart-config-summary__rows {
		display: block;
	}

	.nf-cart-config-summary__row {
		display: block;
		margin-bottom: 7px;
	}
}

.nf-cart-page {
	--nf-cart-blue: #124170;
	--nf-cart-green: #91AE3B;
	--nf-cart-ink: #222222;
	--nf-cart-muted: #4B4743;
	--nf-cart-border: #BDBDBD;
	--nf-cart-soft: #F4F4F1;
	color: var(--nf-cart-ink);
	font-family: Poppins, sans-serif;
	margin: 0 auto 70px;
	max-width: 1320px;
	padding: 66px 15px 0;
}

.nf-cart-page .card {
	background: transparent;
	border: 0;
	box-shadow: none;
}

.nf-cart-steps {
	align-items: flex-start;
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(6, minmax(104px, 1fr));
	margin: 85px auto 88px;
	max-width: 1240px;
	width: min(100%, 1240px);
}

.nf-cart-step {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 12px;
	justify-content: flex-start;
	position: relative;
	text-align: center;
}

.nf-cart-step__link {
	align-items: center;
	color: inherit;
	display: flex;
	flex-direction: column;
	gap: 12px;
	text-decoration: none;
}

.nf-cart-step__link:hover,
.nf-cart-step__link:focus {
	color: inherit;
	text-decoration: none;
}

.nf-cart-step:not(:last-child)::after {
	background: var(--nf-cart-blue);
	border-radius: 54px;
	content: "";
	height: 2px;
	left: calc(50% + 36px);
	position: absolute;
	right: calc(-50% + 36px);
	top: 23px;
}

.nf-cart-step .material-icons {
	align-items: center;
	background: #FFFFFF;
	border: 1px solid var(--nf-cart-green);
	border-radius: 50%;
	color: var(--nf-cart-green);
	display: inline-flex;
	font-family: "Material Icons";
	font-size: 23px;
	height: 48px;
	justify-content: center;
	line-height: 1;
	position: relative;
	width: 48px;
	z-index: 1;
}

.nf-cart-step--active .material-icons {
	background: var(--nf-cart-green);
	color: #FFFFFF;
}

.nf-cart-step--disabled {
	opacity: 0.45;
}

.nf-cart-step strong {
	color: #000000;
	font-size: 18px;
	font-weight: 400;
	line-height: 20px;
	max-width: 168px;
	text-align: center;
	white-space: normal;
}

.nf-cart-title {
	padding: 0;
}

.nf-cart-title .h1 {
	color: #000000;
	font-family: "Playfair Display", Georgia, serif;
	font-size: 32px;
	font-weight: 600;
	line-height: 1.2;
	margin: 0 0 42px;
}

.nf-cart-container {
	margin: 0;
	padding: 0;
}

.nf-cart-table-head,
.nf-cart-line {
	display: grid;
	grid-template-columns: 70px 110px 165px minmax(360px, 1fr) 135px 145px;
}

.nf-cart-table-head {
	background: #EDEDED;
	border: 1px solid var(--nf-cart-border);
	border-bottom: 0;
	color: #000000;
	font-size: 13px;
	font-weight: 400;
	line-height: 18px;
}

.nf-cart-table-head span {
	align-items: center;
	border-right: 1px solid #D0D0D0;
	display: flex;
	justify-content: center;
	min-height: 48px;
	padding: 10px;
}

.nf-cart-table-head span:last-child {
	border-right: 0;
}

.nf-cart-items {
	border: 1px solid var(--nf-cart-border);
	list-style: none;
	margin: 0;
	padding: 0;
}

.nf-cart-items .cart-item {
	border-bottom: 1px solid var(--nf-cart-border);
	margin: 0;
	padding: 0;
}

.nf-cart-items .cart-item:last-child {
	border-bottom: 0;
}

.nf-cart-line {
	background: #FFFFFF;
	min-height: 330px;
}

.nf-cart-line > div {
	border-right: 1px solid #D0D0D0;
	padding: 14px 10px;
}

.nf-cart-line > div:last-of-type {
	border-right: 0;
}

.nf-cart-line__position,
.nf-cart-line__quantity,
.nf-cart-line__unit,
.nf-cart-line__total {
	color: #000000;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
}

.nf-cart-line__quantity input {
	background: transparent;
	border: 0;
	color: #000000;
	height: 28px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 54px;
}

.nf-cart-line__product {
	align-items: flex-start;
	display: flex;
	justify-content: center;
}

.nf-cart-line__image {
	background: #F8F8F8;
	border: 1px solid #E6E6E6;
	display: block;
	height: 112px;
	margin-top: 6px;
	overflow: hidden;
	position: relative;
	width: 112px;
}

.nf-cart-line__image + .nf-cart-line__image {
	margin-top: 18px;
}

.nf-cart-line__image img,
.nf-cart-line__video {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.nf-cart-line__video {
	background: #000000;
	display: block;
}

.nf-cart-line__previews {
	color: inherit;
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-top: 6px;
	text-decoration: none;
	width: 132px;
}

.nf-cart-preview-card {
	background: #F8F8F8;
	border: 1px solid #E6E6E6;
	display: block;
	overflow: hidden;
	width: 132px;
}

.nf-cart-preview-card__label {
	background: #FFFFFF;
	border-bottom: 1px solid #E6E6E6;
	color: #3A3A3A;
	display: block;
	font-size: 10px;
	font-weight: 700;
	line-height: 14px;
	padding: 4px 5px;
	text-align: center;
	text-transform: uppercase;
}

.nf-cart-preview-card__visual {
	align-items: center;
	display: flex;
	height: 96px;
	justify-content: center;
	overflow: hidden;
	padding: 5px;
	width: 100%;
}

.nf-cart-preview-card__visual .window-preview,
.nf-cart-preview-card__visual .nf-overview-preview,
.nf-cart-preview-card__visual .door-fixed-preview,
.nf-cart-preview-card__visual .shutter-image-preview {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	margin: 0;
	max-height: 100%;
	max-width: 100%;
	width: 100%;
}

.nf-cart-preview-card__visual svg,
.nf-cart-preview-card__visual img {
	display: block;
	height: 100%;
	max-height: 100%;
	max-width: 100%;
	object-fit: contain;
	width: 100%;
}

.nf-cart-preview-card__visual .door-fixed-preview__fallback,
.nf-cart-preview-card__visual .shutter-image-preview__caption {
	display: none;
}

.nf-cart-line__description {
	padding: 18px 12px 12px;
}

.nf-cart-line__name {
	color: #000000;
	display: inline-block;
	font-size: 18px;
	font-weight: 600;
	line-height: 25px;
	margin-bottom: 8px;
}

.nf-cart-line__name:hover,
.nf-cart-line__links a:hover {
	color: var(--nf-cart-blue);
}

.nf-cart-attribute {
	color: var(--nf-cart-muted);
	font-size: 14px;
	line-height: 23px;
}

.nf-cart-attribute span {
	color: #000000;
	font-weight: 600;
}

.nf-cart-page .nf-cart-config-summary {
	background: transparent;
	border: 0;
	border-radius: 0;
	margin: 0;
	padding: 0;
}

.nf-cart-page .nf-cart-config-summary__head {
	color: #000000;
	font-size: 15px;
	font-weight: 700;
	line-height: 25px;
	margin: 8px 0 2px;
	text-transform: none;
}

.nf-cart-page .nf-cart-config-summary__rows {
	display: block;
}

.nf-cart-page .nf-cart-config-summary__row {
	display: block;
	font-size: 14px;
	line-height: 23px;
}

.nf-cart-page .nf-cart-config-summary dt,
.nf-cart-page .nf-cart-config-summary dd {
	display: inline;
	font-size: 14px;
	line-height: 23px;
}

.nf-cart-page .nf-cart-config-summary dt {
	color: #000000;
	font-weight: 600;
}

.nf-cart-page .nf-cart-config-summary dt::after {
	content: " : ";
}

.nf-cart-page .nf-cart-config-summary dd {
	color: var(--nf-cart-muted);
	font-weight: 400;
}

.nf-cart-line__links {
	border-top: 1px solid #D0D0D0;
	display: flex;
	flex-wrap: wrap;
	gap: 2px 12px;
	margin-top: 12px;
	padding-top: 8px;
}

.nf-cart-line__links a,
.nf-cart-customization-toggle {
	align-items: center;
	background: transparent;
	border: 0;
	color: var(--nf-cart-green);
	display: inline-flex;
	font-size: 14px;
	font-weight: 400;
	gap: 4px;
	line-height: 20px;
	padding: 4px 0;
	text-decoration: none;
}

.nf-cart-line__links .material-icons {
	font-size: 17px;
	line-height: 1;
}

.nf-cart-line__unit span,
.nf-cart-line__total strong {
	display: block;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
}

.nf-cart-line__unit small {
	color: var(--nf-cart-muted);
	display: block;
	font-size: 11px;
	line-height: 16px;
	margin-top: 4px;
}

.nf-cart-line__total strong {
	font-weight: 600;
}

.nf-cart-delivery-row {
	align-items: center;
	border: 1px solid var(--nf-cart-border);
	border-top: 0;
	display: flex;
	font-size: 14px;
	justify-content: space-between;
	line-height: 22px;
	padding: 12px 16px;
}

.nf-cart-delivery-row strong {
	background: rgba(145, 174, 59, 0.2);
	border-radius: 62px;
	color: #222222;
	font-weight: 400;
	margin-left: 4px;
	padding: 5px 10px;
}

.nf-cart-actions-panel {
	margin-top: 34px;
	text-align: center;
}

.nf-cart-page .nxtal-wishlist-products,
.nf-cart-page .blockreassurance_product {
	display: none;
}

.nf-cart-summary {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 28px;
}

.nf-cart-summary .cart-detailed-totals {
	display: none;
}

.nf-cart-summary .cart-detailed-actions {
	padding: 0;
}

.nf-cart-summary .btn-primary {
	background: var(--nf-cart-green);
	border: 0;
	border-radius: 37px;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: 400;
	line-height: 20px;
	min-width: 249px;
	padding: 12px 28px;
	text-transform: none;
}

.nf-cart-secondary-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 22px;
	justify-content: center;
}

.nf-cart-secondary-actions a {
	color: var(--nf-cart-blue);
	font-size: 15px;
	font-weight: 600;
	text-decoration: underline;
}

.nf-cart-empty-actions {
	display: flex;
	justify-content: center;
	margin-top: 18px;
}

.nf-cart-empty-actions .btn-primary {
	align-items: center;
	background: var(--nf-cart-green);
	border: 0;
	border-radius: 37px;
	color: #FFFFFF;
	display: inline-flex;
	font-size: 18px;
	gap: 4px;
	line-height: 20px;
	padding: 12px 28px;
	text-transform: none;
}

.nf-cart-empty-actions .material-icons {
	font-size: 20px;
	line-height: 1;
}

@media (max-width: 1199px) {
	.nf-cart-table-head,
	.nf-cart-line {
		grid-template-columns: 56px 86px 140px minmax(300px, 1fr) 120px 130px;
	}
}

@media (max-width: 991px) {
	.nf-cart-page {
		padding-top: 24px;
	}

	.nf-cart-steps {
		gap: 8px;
		grid-template-columns: repeat(6, minmax(74px, 1fr));
		margin-bottom: 52px;
	}

	.nf-cart-step {
		display: flex;
		justify-content: center;
	}

	.nf-cart-step:not(:last-child)::after {
		left: calc(50% + 28px);
		right: calc(-50% + 28px);
	}

	.nf-cart-step .material-icons {
		font-size: 20px;
		height: 40px;
		width: 40px;
	}

	.nf-cart-step strong {
		font-size: 11px;
		line-height: 14px;
		max-width: 78px;
	}

	.nf-cart-table-head {
		display: none;
	}

	.nf-cart-line {
		border-bottom: 1px solid var(--nf-cart-border);
		display: grid;
		grid-template-columns: 1fr;
		min-height: 0;
	}

	.nf-cart-line > div {
		border-right: 0;
		padding: 10px 14px;
	}

	.nf-cart-line > div::before {
		color: #000000;
		content: attr(data-label);
		display: block;
		font-size: 12px;
		font-weight: 700;
		margin-bottom: 4px;
		text-transform: uppercase;
	}

	.nf-cart-line__product {
		justify-content: flex-start;
	}

	.nf-cart-line__unit,
	.nf-cart-line__total,
	.nf-cart-line__position,
	.nf-cart-line__quantity {
		text-align: left;
	}
}

@media (max-width: 575px) {
	.nf-cart-steps {
		grid-template-columns: repeat(6, 82px);
		overflow-x: auto;
		padding-bottom: 8px;
		scrollbar-width: thin;
	}

	.nf-cart-title .h1 {
		font-size: 28px;
		margin-bottom: 24px;
	}

	.nf-cart-delivery-row,
	.nf-cart-secondary-actions {
		align-items: flex-start;
		flex-direction: column;
	}

	.nf-cart-summary .btn-primary {
		min-width: 0;
		width: 100%;
	}
}

body#checkout #wrapper {
	background: #FFFFFF;
	padding-bottom: 98px;
}

body#checkout #wrapper .container {
	max-width: none;
	width: 100%;
}

body#checkout #wrapper .breadcrumb {
	display: none;
}

body#checkout .nf-checkout-page {
	--nf-checkout-blue: #124170;
	--nf-checkout-green: #91AE3B;
	--nf-checkout-border: #BDBDBD;
	--nf-checkout-muted: #4B4743;
	color: #000000;
	font-family: Poppins, sans-serif;
	padding: 86px 15px 0;
}

body#checkout .nf-checkout-steps {
	align-items: flex-start;
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(6, minmax(104px, 1fr));
	margin: 0 auto 88px;
	max-width: 1240px;
	width: min(100%, 1240px);
}

body#checkout .nf-checkout-step {
	align-items: center;
	color: #000000;
	display: flex;
	flex-direction: column;
	gap: 12px;
	position: relative;
	text-align: center;
	text-decoration: none;
}

body#checkout .nf-checkout-step:not(:last-child)::after {
	background: var(--nf-checkout-blue);
	border-radius: 54px;
	content: "";
	height: 2px;
	left: calc(50% + 36px);
	position: absolute;
	right: calc(-50% + 36px);
	top: 23px;
}

body#checkout .nf-checkout-step .material-icons {
	align-items: center;
	background: #FFFFFF;
	border: 1px solid var(--nf-checkout-green);
	border-radius: 50%;
	color: var(--nf-checkout-green);
	display: inline-flex;
	font-family: "Material Icons";
	font-size: 23px;
	height: 48px;
	justify-content: center;
	line-height: 1;
	position: relative;
	width: 48px;
	z-index: 1;
}

body#checkout .nf-checkout-step--complete .material-icons,
body#checkout:has(#checkout-personal-information-step.-current) .nf-checkout-step:nth-child(2) .material-icons,
body#checkout:has(#checkout-addresses-step.-current) .nf-checkout-step:nth-child(2) .material-icons,
body#checkout:has(#checkout-addresses-step.-current) .nf-checkout-step:nth-child(3) .material-icons,
body#checkout:has(#checkout-delivery-step.-current) .nf-checkout-step:nth-child(2) .material-icons,
body#checkout:has(#checkout-delivery-step.-current) .nf-checkout-step:nth-child(3) .material-icons,
body#checkout:has(#checkout-delivery-step.-current) .nf-checkout-step:nth-child(4) .material-icons,
body#checkout:has(#checkout-payment-step.-current) .nf-checkout-step:nth-child(2) .material-icons,
body#checkout:has(#checkout-payment-step.-current) .nf-checkout-step:nth-child(3) .material-icons,
body#checkout:has(#checkout-payment-step.-current) .nf-checkout-step:nth-child(4) .material-icons,
body#checkout:has(#checkout-payment-step.-current) .nf-checkout-step:nth-child(5) .material-icons {
	background: var(--nf-checkout-green);
	color: #FFFFFF;
}

body#checkout .nf-checkout-step strong {
	color: #000000;
	font-size: 18px;
	font-weight: 400;
	line-height: 20px;
	max-width: 168px;
}

body#checkout .nf-checkout-page > .row {
	float: none;
	margin: 0;
}

body#checkout .nf-checkout-page > .row::after {
	content: "";
	display: table;
	clear: both;
}

body#checkout .nf-checkout-page .cart-grid-body {
	float: none;
	margin: 0 auto;
	max-width: 1050px;
	padding: 0;
	width: 100%;
}

body#checkout:has(#checkout-personal-information-step.-current) .nf-checkout-page .cart-grid-right,
body#checkout:has(#checkout-addresses-step.-current) .nf-checkout-page .cart-grid-right,
body#checkout:has(#checkout-delivery-step.-current) .nf-checkout-page .cart-grid-right,
body#checkout:has(#checkout-payment-step.-current) .nf-checkout-page .cart-grid-right {
	display: none;
}

body#checkout:has(#checkout-delivery-step.-current) #checkout-payment-step {
	display: none;
}

body#checkout section.checkout-step {
	background: transparent;
	box-shadow: none;
	margin: 0;
	padding: 0;
}

body#checkout:has(#checkout-personal-information-step.-current) section.checkout-step:not(#checkout-personal-information-step),
body#checkout:has(#checkout-addresses-step.-current) section.checkout-step:not(#checkout-addresses-step) {
	display: none;
}

body#checkout #checkout-personal-information-step > .step-title {
	display: none;
}

body#checkout #checkout-personal-information-step > .content {
	border: 1px solid var(--nf-checkout-green);
	border-radius: 20px;
	margin: 0 auto;
	padding: 40px 80px;
	width: 100%;
}

body#checkout #checkout-personal-information-step .nf-identification-title {
	color: #000000;
	font-family: "Playfair Display", Georgia, serif;
	font-size: 32px;
	font-weight: 600;
	line-height: 1.25;
	margin: 0 0 42px;
}

body#checkout #checkout-personal-information-step .nav-inline {
	align-items: center;
	display: flex;
	gap: 10px;
	margin: -24px 0 34px;
}

body#checkout #checkout-personal-information-step .nav-inline .nav-separator {
	display: none;
}

body#checkout #checkout-personal-information-step .nav-inline .nav-link {
	border: 1px solid var(--nf-checkout-green);
	border-radius: 37px;
	color: var(--nf-checkout-green);
	display: inline-flex;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	padding: 7px 18px;
	text-decoration: none;
	text-transform: none;
}

body#checkout #checkout-personal-information-step .nav-inline .nav-link.active {
	background: var(--nf-checkout-green);
	color: #FFFFFF;
}

body#checkout #checkout-personal-information-step .js-customer-form > div,
body#checkout #checkout-personal-information-step #login-form > div {
	display: grid;
	gap: 28px 10px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

body#checkout #checkout-personal-information-step .form-group {
	display: block;
	margin: 0;
}

body#checkout #checkout-personal-information-step .form-group.row {
	margin-left: 0;
	margin-right: 0;
}

body#checkout #checkout-personal-information-step .form-control-label,
body#checkout #checkout-personal-information-step .js-input-column,
body#checkout #checkout-personal-information-step .form-control-comment {
	float: none;
	max-width: none;
	padding: 0;
	width: 100%;
}

body#checkout #checkout-personal-information-step .form-control-label {
	color: #000000;
	display: block;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.35;
	margin: 0 0 12px;
	text-align: left;
}

body#checkout #checkout-personal-information-step .form-control-label.required::before,
body#checkout #checkout-personal-information-step .form-control-label.required::after {
	display: none;
}

body#checkout #checkout-personal-information-step .form-control,
body#checkout #checkout-personal-information-step .input-group .form-control {
	background: #FFFFFF;
	border: 1px solid var(--nf-checkout-border);
	border-radius: 10px;
	box-shadow: none;
	color: #000000;
	font-size: 18px;
	font-weight: 400;
	height: 48px;
	line-height: 26px;
	padding: 10px;
}

body#checkout #checkout-personal-information-step .form-control:focus {
	border-color: var(--nf-checkout-green);
	outline: 0;
}

body#checkout #checkout-personal-information-step .form-control::placeholder {
	color: var(--nf-checkout-muted);
	opacity: 1;
}

body#checkout #checkout-personal-information-step .form-group:has(#field-id_gender),
body#checkout #checkout-personal-information-step .form-group:has(#field-email),
body#checkout #checkout-personal-information-step .field-password-policy,
body#checkout #checkout-personal-information-step .form-group:has(#field-birthday),
body#checkout #checkout-personal-information-step .form-group:has(input[type="checkbox"]),
body#checkout #checkout-personal-information-step .form-informations,
body#checkout #checkout-personal-information-step .forgot-password,
body#checkout #checkout-personal-information-step #login-form .form-group {
	grid-column: 1 / -1;
}

body#checkout #checkout-personal-information-step .form-group:has(#field-firstname) {
	grid-column: 1 / 2;
}

body#checkout #checkout-personal-information-step .form-group:has(#field-lastname) {
	grid-column: 2 / 3;
}

body#checkout #checkout-personal-information-step .form-group:has(#field-id_gender) .js-input-column {
	align-items: center;
	display: flex;
	gap: 24px;
}

body#checkout #checkout-personal-information-step .radio-inline {
	align-items: center;
	color: #000000;
	display: inline-flex;
	font-size: 18px;
	font-weight: 400;
	gap: 4px;
	line-height: 24px;
	margin: 0;
	padding: 0;
}

body#checkout #checkout-personal-information-step .custom-radio {
	border-color: #BDBDBD;
	height: 22px;
	width: 22px;
}

body#checkout #checkout-personal-information-step .custom-radio input[type="radio"]:checked + span {
	background-color: var(--nf-checkout-green);
}

body#checkout #checkout-personal-information-step .js-input-column > .form-control-comment,
body#checkout #checkout-personal-information-step .form-group > .form-control-comment {
	display: none;
}

body#checkout #checkout-personal-information-step .form-informations {
	color: #3F3F3F;
	font-size: 15px;
	line-height: 22px;
	margin: 0;
}

body#checkout #checkout-personal-information-step .field-password-policy {
	margin: 0;
}

body#checkout #checkout-personal-information-step .input-group {
	border-collapse: separate;
	display: flex;
	width: 100%;
}

body#checkout #checkout-personal-information-step .input-group .form-control {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	flex: 1 1 auto;
}

body#checkout #checkout-personal-information-step .input-group-btn {
	display: flex;
	width: auto;
}

body#checkout #checkout-personal-information-step .input-group-btn .btn {
	background: #FFFFFF;
	border: 1px solid var(--nf-checkout-border);
	border-left: 0;
	border-radius: 0 10px 10px 0;
	color: var(--nf-checkout-blue);
	font-size: 12px;
	font-weight: 600;
	height: 48px;
	padding: 0 14px;
	text-transform: none;
}

body#checkout #checkout-personal-information-step .custom-checkbox label {
	color: #3F3F3F;
	font-size: 14px;
	line-height: 20px;
}

body#checkout #checkout-personal-information-step .forgot-password a {
	color: var(--nf-checkout-blue);
	font-size: 15px;
	text-decoration: underline;
}

body#checkout #checkout-personal-information-step .form-footer {
	align-items: center;
	clear: both;
	display: flex;
	gap: 20px;
	justify-content: center;
	margin: 50px 0 0;
	padding: 0;
	transform: none;
}

body#checkout #checkout-personal-information-step .nf-checkout-back,
body#checkout #checkout-personal-information-step .continue {
	align-items: center;
	border-radius: 37px;
	display: inline-flex;
	font-size: 18px;
	font-weight: 400;
	height: 40px;
	justify-content: center;
	line-height: 20px;
	padding: 10px 40px;
	text-decoration: none;
	text-transform: none;
}

body#checkout #checkout-personal-information-step .nf-checkout-back {
	background: #FFFFFF;
	border: 1px solid var(--nf-checkout-green);
	color: var(--nf-checkout-green);
}

body#checkout #checkout-personal-information-step .continue,
body#checkout #checkout-personal-information-step .continue:hover,
body#checkout #checkout-personal-information-step .continue:focus {
	background: var(--nf-checkout-green);
	border: 1px solid var(--nf-checkout-green);
	color: #FFFFFF;
	min-width: 249px;
}

body#checkout #checkout-personal-information-step .alert {
	grid-column: 1 / -1;
}

body#checkout #checkout-addresses-step {
	background: transparent;
	box-shadow: none;
	margin: 0;
	padding: 0;
}

body#checkout #checkout-addresses-step > .step-title {
	display: none;
}

body#checkout #checkout-addresses-step > .content {
	border: 1px solid var(--nf-checkout-green);
	border-radius: 20px;
	margin: 0 auto;
	padding: 40px 80px;
	width: 100%;
}

body#checkout #checkout-addresses-step .nf-address-title {
	color: #000000;
	font-family: "Playfair Display", Georgia, serif;
	font-size: 32px;
	font-weight: 600;
	line-height: 1.25;
	margin: 0 0 42px;
}

body#checkout #checkout-addresses-step .js-address-form > form > p:first-of-type {
	color: #3F3F3F;
	font-size: 15px;
	line-height: 22px;
	margin: -26px 0 34px;
}

body#checkout #checkout-addresses-step .js-address-form form > .clearfix,
body#checkout #checkout-addresses-step .js-address-form form form {
	align-items: center;
	clear: both;
	display: flex;
	gap: 20px;
	justify-content: center;
	margin: 50px 0 0;
	padding: 0;
}

body#checkout #checkout-addresses-step .js-address-form form form {
	width: 100%;
}

body#checkout #checkout-addresses-step .form-fields,
body#checkout #checkout-addresses-step #delivery-address .form-fields,
body#checkout #checkout-addresses-step #invoice-address .form-fields {
	display: grid;
	gap: 28px 10px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

body#checkout #checkout-addresses-step .form-group {
	display: block;
	margin: 0;
}

body#checkout #checkout-addresses-step .form-group.row {
	margin-left: 0;
	margin-right: 0;
}

body#checkout #checkout-addresses-step .form-control-label,
body#checkout #checkout-addresses-step .js-input-column,
body#checkout #checkout-addresses-step .form-control-comment,
body#checkout #checkout-addresses-step .col-md-9 {
	float: none;
	max-width: none;
	padding: 0;
	width: 100%;
}

body#checkout #checkout-addresses-step .form-control-label {
	color: #000000;
	display: block;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.35;
	margin: 0 0 12px;
	text-align: left;
}

body#checkout #checkout-addresses-step .form-control-label.required::before,
body#checkout #checkout-addresses-step .form-control-label.required::after {
	display: none;
}

body#checkout #checkout-addresses-step .form-control,
body#checkout #checkout-addresses-step select.form-control {
	background: #FFFFFF;
	border: 1px solid var(--nf-checkout-border);
	border-radius: 10px;
	box-shadow: none;
	color: #000000;
	font-size: 18px;
	font-weight: 400;
	height: 48px;
	line-height: 26px;
	padding: 10px;
}

body#checkout #checkout-addresses-step .form-control:focus {
	border-color: var(--nf-checkout-green);
	outline: 0;
}

body#checkout #checkout-addresses-step .form-control::placeholder {
	color: var(--nf-checkout-muted);
	opacity: 1;
}

body#checkout #checkout-addresses-step .form-group:has(#field-firstname) {
	grid-column: 1 / 2;
}

body#checkout #checkout-addresses-step .form-group:has(#field-lastname) {
	grid-column: 2 / 3;
}

body#checkout #checkout-addresses-step .form-group:has(#field-address1),
body#checkout #checkout-addresses-step .form-group:has(#field-address2),
body#checkout #checkout-addresses-step .form-group:has(#field-id_country),
body#checkout #checkout-addresses-step .form-group:has(#field-id_state),
body#checkout #checkout-addresses-step .form-group:has(#field-phone),
body#checkout #checkout-addresses-step .form-group:has(#use_same_address),
body#checkout #checkout-addresses-step .alert {
	grid-column: 1 / -1;
}

body#checkout #checkout-addresses-step .form-group:has(#field-postcode) {
	grid-column: 1 / 2;
}

body#checkout #checkout-addresses-step .form-group:has(#field-city) {
	grid-column: 2 / 3;
}

body#checkout #checkout-addresses-step .form-group:has(#use_same_address) {
	align-items: center;
	display: flex;
	gap: 8px;
}

body#checkout #checkout-addresses-step #use_same_address {
	height: 18px;
	margin: 0;
	width: 18px;
}

body#checkout #checkout-addresses-step label[for="use_same_address"] {
	color: #3F3F3F;
	font-size: 15px;
	line-height: 22px;
	margin: 0;
}

body#checkout #checkout-addresses-step .js-input-column > .form-control-comment,
body#checkout #checkout-addresses-step .form-group > .form-control-comment {
	display: none;
}

body#checkout #checkout-addresses-step .address-selector {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 0;
}

body#checkout #checkout-addresses-step .address-item {
	border: 1px solid var(--nf-checkout-border);
	border-radius: 10px;
	box-shadow: none;
	margin: 0;
	padding: 18px;
}

body#checkout #checkout-addresses-step .address-item.selected {
	border-color: var(--nf-checkout-green);
}

body#checkout #checkout-addresses-step .add-address a,
body#checkout #checkout-addresses-step a[data-link-action="different-invoice-address"] {
	color: var(--nf-checkout-blue);
	font-size: 15px;
	text-decoration: underline;
}

body#checkout #checkout-addresses-step .nf-checkout-back,
body#checkout #checkout-addresses-step .continue {
	align-items: center;
	border-radius: 37px;
	display: inline-flex;
	float: none !important;
	font-size: 18px;
	font-weight: 400;
	height: 40px;
	justify-content: center;
	line-height: 20px;
	padding: 10px 40px;
	text-decoration: none;
	text-transform: none;
}

body#checkout #checkout-addresses-step .nf-checkout-back {
	background: #FFFFFF;
	border: 1px solid var(--nf-checkout-green);
	color: var(--nf-checkout-green);
}

body#checkout #checkout-addresses-step .continue,
body#checkout #checkout-addresses-step .continue:hover,
body#checkout #checkout-addresses-step .continue:focus {
	background: var(--nf-checkout-green);
	border: 1px solid var(--nf-checkout-green);
	color: #FFFFFF;
	min-width: 249px;
}

body#checkout #checkout-addresses-step .cancel-address {
	color: var(--nf-checkout-blue);
	float: none !important;
	font-size: 15px;
	text-decoration: underline;
}

body#checkout #checkout-delivery-step {
	background: transparent;
	box-shadow: none;
	margin: 0;
	padding: 0;
}

body#checkout #checkout-delivery-step > .step-title {
	display: none;
}

body#checkout #checkout-delivery-step > .content {
	border: 1px solid var(--nf-checkout-green);
	border-radius: 20px;
	margin: 0 auto;
	padding: 40px 80px;
	width: 100%;
}

body#checkout #checkout-delivery-step .nf-delivery-title {
	color: #000000;
	font-family: "Playfair Display", Georgia, serif;
	font-size: 32px;
	font-weight: 600;
	line-height: 1.25;
	margin: 0 0 42px;
}

body#checkout #checkout-delivery-step #hook-display-before-carrier,
body#checkout #checkout-delivery-step #hook-display-after-carrier,
body#checkout #checkout-delivery-step #extra_carrier {
	display: none;
}

body#checkout #checkout-delivery-step .delivery-options-list,
body#checkout #checkout-delivery-step #js-delivery,
body#checkout #checkout-delivery-step .form-fields,
body#checkout #checkout-delivery-step .delivery-options {
	margin: 0;
	width: 100%;
}

body#checkout #checkout-delivery-step .delivery-options {
	display: grid;
	gap: 16px;
}

body#checkout #checkout-delivery-step .delivery-option {
	align-items: center;
	background: #FFFFFF;
	border: 1px solid var(--nf-checkout-border);
	border-radius: 12px;
	display: grid;
	gap: 18px;
	grid-template-columns: 32px minmax(0, 1fr);
	margin: 0;
	padding: 18px 20px;
	transition: border-color 160ms ease, box-shadow 160ms ease;
}

body#checkout #checkout-delivery-step .delivery-option:has(input:checked) {
	border-color: var(--nf-checkout-green);
	box-shadow: 0 0 0 1px var(--nf-checkout-green);
}

body#checkout #checkout-delivery-step .delivery-option > .col-sm-1,
body#checkout #checkout-delivery-step .delivery-option > label,
body#checkout #checkout-delivery-step .delivery-option .row,
body#checkout #checkout-delivery-step .delivery-option [class*="col-"] {
	float: none;
	margin: 0;
	max-width: none;
	min-height: 0;
	padding: 0;
	width: auto;
}

body#checkout #checkout-delivery-step .custom-radio {
	align-items: center;
	display: inline-flex;
	float: none !important;
	height: 24px;
	justify-content: center;
	margin: 0;
	position: relative;
	width: 24px;
}

body#checkout #checkout-delivery-step .custom-radio input {
	cursor: pointer;
	height: 24px;
	margin: 0;
	opacity: 0;
	position: absolute;
	width: 24px;
}

body#checkout #checkout-delivery-step .custom-radio span {
	background: #FFFFFF;
	border: 1px solid var(--nf-checkout-green);
	border-radius: 50%;
	display: block;
	height: 20px;
	position: relative;
	width: 20px;
}

body#checkout #checkout-delivery-step .custom-radio input:checked + span::after {
	background: var(--nf-checkout-green);
	border-radius: 50%;
	content: "";
	height: 10px;
	left: 4px;
	position: absolute;
	top: 4px;
	width: 10px;
}

body#checkout #checkout-delivery-step .delivery-option-2 {
	cursor: pointer;
	display: block;
	margin: 0;
	width: 100%;
}

body#checkout #checkout-delivery-step .delivery-option-2 > .row {
	align-items: center;
	display: grid;
	gap: 18px;
	grid-template-columns: minmax(180px, 1.4fr) minmax(160px, 1fr) minmax(96px, auto);
}

body#checkout #checkout-delivery-step .carrier {
	align-items: center;
	display: flex;
	gap: 14px;
}

body#checkout #checkout-delivery-step .carrier-logo img {
	display: block;
	height: auto;
	max-height: 42px;
	max-width: 92px;
	object-fit: contain;
}

body#checkout #checkout-delivery-step .carrier-name {
	color: #000000;
	display: block;
	font-family: Poppins, sans-serif;
	font-size: 18px;
	font-weight: 500;
	line-height: 24px;
	margin: 0;
	text-transform: none;
}

body#checkout #checkout-delivery-step .carrier-delay {
	color: #3F3F3F;
	display: block;
	font-size: 15px;
	font-weight: 400;
	line-height: 22px;
}

body#checkout #checkout-delivery-step .carrier-price {
	color: #000000;
	display: block;
	font-size: 17px;
	font-weight: 500;
	line-height: 24px;
	text-align: right;
}

body#checkout #checkout-delivery-step .carrier-extra-content {
	margin: 0 0 10px 50px;
}

body#checkout #checkout-delivery-step .delivery-options .clearfix {
	display: none;
}

body#checkout #checkout-delivery-step .order-options {
	margin: 34px 0 0;
}

body#checkout #checkout-delivery-step #delivery {
	display: grid;
	gap: 12px;
	margin: 0;
}

body#checkout #checkout-delivery-step #delivery label,
body#checkout #checkout-delivery-step #gift label {
	color: #000000;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.35;
	margin: 0;
}

body#checkout #checkout-delivery-step #delivery_message,
body#checkout #checkout-delivery-step #gift_message {
	background: #FFFFFF;
	border: 1px solid var(--nf-checkout-border);
	border-radius: 10px;
	box-shadow: none;
	color: #000000;
	font-size: 16px;
	line-height: 24px;
	min-height: 92px;
	padding: 12px;
	resize: vertical;
	width: 100%;
}

body#checkout #checkout-delivery-step #delivery_message:focus,
body#checkout #checkout-delivery-step #gift_message:focus {
	border-color: var(--nf-checkout-green);
	outline: 0;
}

body#checkout #checkout-delivery-step .order-options .custom-checkbox {
	align-items: center;
	display: flex;
	gap: 10px;
	margin: 18px 0 0;
}

body#checkout #checkout-delivery-step .nf-delivery-actions {
	align-items: center;
	clear: both;
	display: flex;
	gap: 20px;
	justify-content: center;
	margin: 50px 0 0;
}

body#checkout #checkout-delivery-step .nf-checkout-back,
body#checkout #checkout-delivery-step .continue {
	align-items: center;
	border-radius: 37px;
	display: inline-flex;
	float: none !important;
	font-size: 18px;
	font-weight: 400;
	height: 40px;
	justify-content: center;
	line-height: 20px;
	padding: 10px 40px;
	text-decoration: none;
	text-transform: none;
}

body#checkout #checkout-delivery-step .nf-checkout-back {
	background: #FFFFFF;
	border: 1px solid var(--nf-checkout-green);
	color: var(--nf-checkout-green);
}

body#checkout #checkout-delivery-step .continue,
body#checkout #checkout-delivery-step .continue:hover,
body#checkout #checkout-delivery-step .continue:focus {
	background: var(--nf-checkout-green);
	border: 1px solid var(--nf-checkout-green);
	color: #FFFFFF;
	min-width: 249px;
}

body#checkout #checkout-payment-step {
	background: transparent;
	box-shadow: none;
	margin: 0;
	padding: 0;
}

body#checkout #checkout-payment-step > .step-title {
	display: none;
}

body#checkout #checkout-payment-step > .content {
	border: 1px solid var(--nf-checkout-green);
	border-radius: 20px;
	margin: 0 auto;
	padding: 40px 80px;
	width: 100%;
}

body#checkout #checkout-payment-step .nf-payment-title {
	color: #000000;
	font-family: "Playfair Display", Georgia, serif;
	font-size: 32px;
	font-weight: 600;
	line-height: 1.25;
	margin: 0 0 42px;
}

body#checkout #checkout-payment-step .payment-options {
	display: grid;
	gap: 16px;
	margin: 0;
}

body#checkout #checkout-payment-step .payment-option {
	align-items: center;
	background: #FFFFFF;
	border: 1px solid var(--nf-checkout-border);
	border-radius: 12px;
	display: grid;
	gap: 18px;
	grid-template-columns: 32px minmax(0, 1fr);
	margin: 0;
	padding: 18px 20px;
	transition: border-color 160ms ease, box-shadow 160ms ease;
}

body#checkout #checkout-payment-step .payment-option:has(input:checked) {
	border-color: var(--nf-checkout-green);
	box-shadow: 0 0 0 1px var(--nf-checkout-green);
}

body#checkout #checkout-payment-step .payment-option .custom-radio {
	align-items: center;
	display: inline-flex;
	float: none !important;
	height: 24px;
	justify-content: center;
	margin: 0;
	position: relative;
	width: 24px;
}

body#checkout #checkout-payment-step .payment-option .custom-radio input {
	cursor: pointer;
	height: 24px;
	margin: 0;
	opacity: 0;
	position: absolute;
	width: 24px;
}

body#checkout #checkout-payment-step .payment-option .custom-radio span {
	background: #FFFFFF;
	border: 1px solid var(--nf-checkout-green);
	border-radius: 50%;
	display: block;
	height: 20px;
	position: relative;
	width: 20px;
}

body#checkout #checkout-payment-step .payment-option .custom-radio input:checked + span::after {
	background: var(--nf-checkout-green);
	border-radius: 50%;
	content: "";
	height: 10px;
	left: 4px;
	position: absolute;
	top: 4px;
	width: 10px;
}

body#checkout #checkout-payment-step .payment-option label {
	align-items: center;
	color: #000000;
	cursor: pointer;
	display: flex;
	font-size: 18px;
	font-weight: 500;
	gap: 14px;
	line-height: 24px;
	margin: 0;
}

body#checkout #checkout-payment-step .payment-option label img {
	display: block;
	max-height: 34px;
	max-width: 96px;
	object-fit: contain;
}

body#checkout #checkout-payment-step .additional-information,
body#checkout #checkout-payment-step .js-payment-option-form {
	margin: 12px 0 0 50px;
}

body#checkout #checkout-payment-step .alert {
	background: #FFF9F1;
	border: 1px solid #E7CFA9;
	border-radius: 12px;
	color: #5E4521;
	font-size: 15px;
	line-height: 22px;
	margin: 0 0 28px;
	padding: 16px 18px;
}

body#checkout #checkout-payment-step .cart-payment-step-refreshed-info,
body#checkout #checkout-payment-step .cart-payment-step-not-needed-info {
	background: #F5F8ED;
	border: 1px solid var(--nf-checkout-green);
	border-radius: 12px;
	color: #3F4B1C;
	font-size: 15px;
	line-height: 22px;
	margin: 0 0 22px;
	padding: 14px 16px;
}

body#checkout #checkout-payment-step #conditions-to-approve {
	margin: 30px 0 0;
}

body#checkout #checkout-payment-step #conditions-to-approve ul {
	display: grid;
	gap: 14px;
	list-style: none;
	margin: 0;
	padding: 0;
}

body#checkout #checkout-payment-step #conditions-to-approve li {
	align-items: flex-start;
	background: #FFFFFF;
	border: 1px solid var(--nf-checkout-border);
	border-radius: 12px;
	display: grid;
	gap: 12px;
	grid-template-columns: 24px minmax(0, 1fr);
	margin: 0;
	padding: 16px 18px;
}

body#checkout #checkout-payment-step #conditions-to-approve .float-xs-left {
	float: none !important;
	margin: 0;
}

body#checkout #checkout-payment-step .condition-label,
body#checkout #checkout-payment-step .condition-label label {
	color: #000000;
	font-size: 15px;
	font-weight: 400;
	line-height: 22px;
	margin: 0;
}

body#checkout #checkout-payment-step .condition-label a {
	color: var(--nf-checkout-blue);
	text-decoration: underline;
}

body#checkout #checkout-payment-step #conditions-to-approve .custom-checkbox {
	align-items: center;
	display: inline-flex;
	height: 22px;
	margin: 0;
	position: relative;
	width: 22px;
}

body#checkout #checkout-payment-step #conditions-to-approve .custom-checkbox input {
	height: 22px;
	margin: 0;
	opacity: 0;
	position: absolute;
	width: 22px;
}

body#checkout #checkout-payment-step #conditions-to-approve .custom-checkbox > span {
	align-items: center;
	background: #FFFFFF;
	border: 1px solid var(--nf-checkout-green);
	border-radius: 5px;
	display: inline-flex;
	height: 22px;
	justify-content: center;
	width: 22px;
}

body#checkout #checkout-payment-step #conditions-to-approve .custom-checkbox input:checked + span {
	background: var(--nf-checkout-green);
	color: #FFFFFF;
}

body#checkout #checkout-payment-step .nf-payment-actions {
	align-items: center;
	clear: both;
	display: flex;
	gap: 20px;
	justify-content: center;
	margin: 50px 0 0;
}

body#checkout #checkout-payment-step .nf-payment-actions .ps-shown-by-js {
	display: contents;
}

body#checkout #checkout-payment-step .nf-checkout-back,
body#checkout #checkout-payment-step #payment-confirmation button {
	align-items: center;
	border-radius: 37px;
	display: inline-flex;
	float: none !important;
	font-size: 18px;
	font-weight: 400;
	height: 40px;
	justify-content: center;
	line-height: 20px;
	margin: 0;
	padding: 10px 40px;
	text-decoration: none;
	text-transform: none;
}

body#checkout #checkout-payment-step .nf-checkout-back {
	background: #FFFFFF;
	border: 1px solid var(--nf-checkout-green);
	color: var(--nf-checkout-green);
}

body#checkout #checkout-payment-step #payment-confirmation button,
body#checkout #checkout-payment-step #payment-confirmation button:hover,
body#checkout #checkout-payment-step #payment-confirmation button:focus {
	background: var(--nf-checkout-green);
	border: 1px solid var(--nf-checkout-green);
	color: #FFFFFF;
	min-width: 249px;
}

body#checkout #checkout-payment-step #payment-confirmation button.disabled {
	cursor: not-allowed;
	opacity: 0.55;
}

@media (max-width: 991px) {
	body#checkout .nf-checkout-page {
		padding-top: 48px;
	}

	body#checkout .nf-checkout-steps {
		gap: 8px;
		grid-template-columns: repeat(6, minmax(74px, 1fr));
		margin-bottom: 52px;
	}

	body#checkout .nf-checkout-step:not(:last-child)::after {
		left: calc(50% + 28px);
		right: calc(-50% + 28px);
	}

	body#checkout .nf-checkout-step .material-icons {
		font-size: 20px;
		height: 40px;
		width: 40px;
	}

	body#checkout .nf-checkout-step strong {
		font-size: 11px;
		line-height: 14px;
		max-width: 78px;
	}

	body#checkout #checkout-personal-information-step > .content {
		padding: 32px 24px;
	}

	body#checkout #checkout-personal-information-step .js-customer-form > div,
	body#checkout #checkout-personal-information-step #login-form > div {
		grid-template-columns: 1fr;
	}

	body#checkout #checkout-personal-information-step .form-group:has(#field-firstname),
	body#checkout #checkout-personal-information-step .form-group:has(#field-lastname) {
		grid-column: 1 / -1;
	}

	body#checkout #checkout-personal-information-step .form-footer {
		margin-bottom: 0;
		transform: none;
	}

	body#checkout #checkout-addresses-step > .content {
		padding: 32px 24px;
	}

	body#checkout #checkout-delivery-step > .content {
		padding: 32px 24px;
	}

	body#checkout #checkout-payment-step > .content {
		padding: 32px 24px;
	}

	body#checkout #checkout-addresses-step .form-fields,
	body#checkout #checkout-addresses-step #delivery-address .form-fields,
	body#checkout #checkout-addresses-step #invoice-address .form-fields,
	body#checkout #checkout-addresses-step .address-selector {
		grid-template-columns: 1fr;
	}

	body#checkout #checkout-addresses-step .form-group:has(#field-firstname),
	body#checkout #checkout-addresses-step .form-group:has(#field-lastname),
	body#checkout #checkout-addresses-step .form-group:has(#field-postcode),
	body#checkout #checkout-addresses-step .form-group:has(#field-city) {
		grid-column: 1 / -1;
	}

	body#checkout #checkout-delivery-step .delivery-option-2 > .row {
		gap: 8px;
		grid-template-columns: 1fr;
	}

	body#checkout #checkout-delivery-step .carrier-price {
		text-align: left;
	}

	body#checkout #checkout-payment-step .payment-option label {
		align-items: flex-start;
		flex-direction: column;
		gap: 8px;
	}
}

@media (max-width: 575px) {
	body#checkout .nf-checkout-page {
		padding-left: 10px;
		padding-right: 10px;
	}

	body#checkout .nf-checkout-steps {
		grid-template-columns: repeat(6, 82px);
		overflow-x: auto;
		padding-bottom: 8px;
		scrollbar-width: thin;
	}

	body#checkout #checkout-personal-information-step .nf-identification-title {
		font-size: 26px;
		margin-bottom: 34px;
	}

	body#checkout #checkout-personal-information-step > .content {
		border-radius: 14px;
		padding: 26px 16px;
	}

	body#checkout #checkout-personal-information-step .form-footer {
		flex-direction: column;
		gap: 12px;
		margin-bottom: 0;
		transform: none;
	}

	body#checkout #checkout-personal-information-step .nf-checkout-back,
	body#checkout #checkout-personal-information-step .continue {
		width: 100%;
	}

	body#checkout #checkout-addresses-step .nf-address-title {
		font-size: 26px;
		margin-bottom: 34px;
	}

	body#checkout #checkout-addresses-step > .content {
		border-radius: 14px;
		padding: 26px 16px;
	}

	body#checkout #checkout-addresses-step .js-address-form form > .clearfix,
	body#checkout #checkout-addresses-step .js-address-form form form {
		flex-direction: column;
		gap: 12px;
	}

	body#checkout #checkout-addresses-step .nf-checkout-back,
	body#checkout #checkout-addresses-step .continue {
		width: 100%;
	}

	body#checkout #checkout-delivery-step .nf-delivery-title {
		font-size: 26px;
		margin-bottom: 34px;
	}

	body#checkout #checkout-delivery-step > .content {
		border-radius: 14px;
		padding: 26px 16px;
	}

	body#checkout #checkout-delivery-step .delivery-option {
		align-items: flex-start;
		gap: 12px;
		grid-template-columns: 24px minmax(0, 1fr);
		padding: 16px;
	}

	body#checkout #checkout-delivery-step .carrier-name {
		font-size: 16px;
		line-height: 22px;
	}

	body#checkout #checkout-delivery-step .nf-delivery-actions {
		align-items: stretch;
		flex-direction: column;
		gap: 12px;
	}

	body#checkout #checkout-delivery-step .nf-checkout-back,
	body#checkout #checkout-delivery-step .continue {
		width: 100%;
	}

	body#checkout #checkout-payment-step .nf-payment-title {
		font-size: 26px;
		margin-bottom: 34px;
	}

	body#checkout #checkout-payment-step > .content {
		border-radius: 14px;
		padding: 26px 16px;
	}

	body#checkout #checkout-payment-step .payment-option,
	body#checkout #checkout-payment-step #conditions-to-approve li {
		gap: 12px;
		grid-template-columns: 24px minmax(0, 1fr);
		padding: 16px;
	}

	body#checkout #checkout-payment-step .additional-information,
	body#checkout #checkout-payment-step .js-payment-option-form {
		margin-left: 0;
	}

	body#checkout #checkout-payment-step .nf-payment-actions {
		align-items: stretch;
		flex-direction: column;
		gap: 12px;
	}

	body#checkout #checkout-payment-step .nf-checkout-back,
	body#checkout #checkout-payment-step #payment-confirmation button {
		width: 100%;
	}
}

/* Order confirmation */
body#order-confirmation {
	background: #FFFFFF;
	color: #222222;
	font-family: Poppins, sans-serif;
}

body#order-confirmation #wrapper {
	background: #FFFFFF;
}

body#order-confirmation .breadcrumb {
	display: none;
}

body#order-confirmation #main {
	margin: 0 auto;
	max-width: var(--fixwidth);
	padding: 64px 15px 86px;
}

body#order-confirmation .card {
	background: transparent;
	border: 0;
	box-shadow: none;
}

body#order-confirmation .card-block {
	padding: 0;
}

body#order-confirmation .nf-order-confirmation-progress {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(5, minmax(118px, 1fr));
	margin: 24px auto 72px;
	max-width: 1120px;
}

body#order-confirmation .nf-order-confirmation-progress__step {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 11px;
	position: relative;
	text-align: center;
}

body#order-confirmation .nf-order-confirmation-progress__step:not(:last-child)::after {
	background: var(--blue);
	border-radius: 999px;
	content: "";
	height: 2px;
	left: calc(50% + 34px);
	position: absolute;
	right: calc(-50% + 34px);
	top: 22px;
}

body#order-confirmation .nf-order-confirmation-progress__step > span {
	align-items: center;
	background: #FFFFFF;
	border: 1px solid var(--green);
	border-radius: 50%;
	color: var(--green);
	display: inline-flex;
	height: 46px;
	justify-content: center;
	position: relative;
	width: 46px;
	z-index: 1;
}

body#order-confirmation .nf-order-confirmation-progress__step--active > span {
	background: var(--green);
	color: #FFFFFF;
}

body#order-confirmation .nf-order-confirmation-progress .material-icons {
	font-size: 23px;
	line-height: 1;
}

body#order-confirmation .nf-order-confirmation-progress strong {
	color: #000000;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
}

body#order-confirmation #content-hook_order_confirmation {
	margin-bottom: 24px;
}

body#order-confirmation #content-hook_order_confirmation .row,
body#order-confirmation #content .row,
body#order-confirmation #content-hook_payment_return .row {
	margin-left: 0;
	margin-right: 0;
}

body#order-confirmation #content-hook_order_confirmation .col-md-12,
body#order-confirmation #content-hook_payment_return .col-md-12 {
	float: none;
	padding-left: 0;
	padding-right: 0;
	width: 100%;
}

body#order-confirmation #content-hook_order_confirmation .card-title {
	align-items: center;
	color: #000000;
	display: flex;
	font-family: "Playfair Display", Georgia, serif;
	font-size: 34px;
	font-weight: 600;
	gap: 14px;
	line-height: 1.18;
	margin: 0 0 14px;
	text-transform: none;
}

body#order-confirmation #content-hook_order_confirmation .card-title span {
	min-width: 0;
	overflow-wrap: anywhere;
}

body#order-confirmation #content-hook_order_confirmation .done {
	align-items: center;
	background: var(--green);
	border-radius: 50%;
	color: #FFFFFF;
	display: inline-flex;
	font-size: 24px;
	height: 44px;
	justify-content: center;
	line-height: 1;
	width: 44px;
}

body#order-confirmation #content-hook_order_confirmation p {
	color: #4B4743;
	font-size: 15px;
	font-weight: 400;
	line-height: 24px;
	margin: 0 0 22px;
	max-width: 820px;
}

body#order-confirmation .nf-order-confirmation-facts {
	border: 1px solid #BDBDBD;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-top: 24px;
}

body#order-confirmation .nf-order-confirmation-facts > div {
	background: #FFFFFF;
	border-right: 1px solid #D9D9D9;
	display: flex;
	flex-direction: column;
	gap: 5px;
	min-width: 0;
	padding: 16px 18px;
}

body#order-confirmation .nf-order-confirmation-facts > div:last-child {
	border-right: 0;
}

body#order-confirmation .nf-order-confirmation-facts span {
	color: #4B4743;
	font-size: 13px;
	line-height: 18px;
}

body#order-confirmation .nf-order-confirmation-facts strong {
	color: #000000;
	font-size: 18px;
	font-weight: 500;
	line-height: 24px;
	overflow-wrap: anywhere;
}

body#order-confirmation .page-order-confirmation {
	margin: 0;
}

body#order-confirmation .page-order-confirmation > .card-block > .row {
	align-items: start;
	display: grid;
	gap: 20px;
	grid-template-columns: minmax(0, 1fr) 330px;
}

body#order-confirmation #order-items,
body#order-confirmation #order-details {
	float: none;
	max-width: none;
	padding-left: 0;
	padding-right: 0;
	width: auto;
}

body#order-confirmation #order-items > .row {
	background: #EDEDED;
	border: 1px solid #BDBDBD;
	border-bottom: 0;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 140px 105px 150px;
	margin: 0;
}

body#order-confirmation #order-items > .row::after,
body#order-confirmation .order-line.row::after,
body#order-confirmation .qty .row::after {
	content: none;
}

body#order-confirmation #order-items .card-title {
	align-items: center;
	border-right: 1px solid #D0D0D0;
	color: #000000;
	display: flex;
	float: none;
	flex: none;
	font-family: Poppins, sans-serif;
	font-size: 13px;
	font-weight: 400;
	justify-content: center;
	line-height: 18px;
	max-width: none;
	margin: 0;
	min-height: 46px;
	padding: 10px 12px;
	text-align: center;
	text-transform: none;
	white-space: normal;
	width: auto;
	word-break: normal;
}

body#order-confirmation #order-items .card-title:first-child {
	justify-content: flex-start;
}

body#order-confirmation #order-items .card-title:last-child {
	border-right: 0;
}

body#order-confirmation .order-confirmation-table {
	border: 1px solid #BDBDBD;
	background: #FFFFFF;
}

body#order-confirmation .order-confirmation-table .order-line {
	border-bottom: 1px solid #BDBDBD;
	display: grid;
	grid-template-columns: 124px minmax(0, 1fr) 360px;
	margin: 0;
}

body#order-confirmation .order-confirmation-table .order-line > div {
	float: none;
	max-width: none;
	padding: 18px;
	width: auto;
}

body#order-confirmation .order-confirmation-table .order-line > div:not(:last-child) {
	border-right: 1px solid #E0E0E0;
}

body#order-confirmation .order-confirmation-table .image {
	align-items: center;
	background: #F7F8F6;
	border: 1px solid #E4E4E4;
	display: flex;
	height: 88px;
	justify-content: center;
	width: 88px;
}

body#order-confirmation .order-confirmation-table .image img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

body#order-confirmation .order-confirmation-table .details > span,
body#order-confirmation .order-confirmation-table .details > a {
	color: #000000;
	display: inline-block;
	font-size: 18px;
	font-weight: 500;
	line-height: 25px;
	margin-bottom: 10px;
}

body#order-confirmation .order-confirmation-table .customizations {
	display: none;
}

body#order-confirmation .nf-order-confirmation-customization {
	margin-top: 10px;
}

body#order-confirmation .nf-order-confirmation-customization__label {
	color: #000000;
	display: block;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	margin-bottom: 8px;
}

body#order-confirmation .nf-order-confirmation-customization__value {
	min-width: 0;
}

body#order-confirmation .nf-order-confirmation-customization .nf-cart-config-summary {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
}

body#order-confirmation .nf-order-confirmation-customization .nf-cart-config-summary__head {
	display: none;
}

body#order-confirmation .nf-order-confirmation-customization .nf-cart-config-summary__rows {
	gap: 5px 16px;
	grid-template-columns: minmax(152px, auto) minmax(0, 1fr);
}

body#order-confirmation .nf-order-confirmation-customization .nf-cart-config-summary dt,
body#order-confirmation .nf-order-confirmation-customization .nf-cart-config-summary dd {
	font-size: 13px;
	line-height: 19px;
}

body#order-confirmation .nf-order-confirmation-customization .nf-cart-config-summary dt {
	color: #222222;
	font-weight: 500;
}

body#order-confirmation .nf-order-confirmation-customization .nf-cart-config-summary dd {
	color: #4B4743;
	font-weight: 400;
}

body#order-confirmation .order-confirmation-table .qty {
	color: #000000;
	font-size: 14px;
	line-height: 20px;
}

body#order-confirmation .order-confirmation-table .qty .row {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	height: 100%;
	margin: 0;
}

body#order-confirmation .order-confirmation-table .qty .col-xs-4 {
	align-items: flex-start;
	display: flex;
	float: none;
	justify-content: center;
	padding: 0 8px;
	width: auto;
}

body#order-confirmation .order-confirmation-table .qty .bold {
	color: #000000;
	font-weight: 600;
	justify-content: flex-end;
}

body#order-confirmation .order-confirmation-table hr {
	display: none;
}

body#order-confirmation .order-confirmation-table table {
	margin: 0 0 0 auto;
	max-width: 360px;
	width: 100%;
}

body#order-confirmation .order-confirmation-table table td {
	border: 0;
	border-bottom: 1px solid #E0E0E0;
	color: #4B4743;
	font-size: 14px;
	line-height: 20px;
	padding: 10px 14px;
}

body#order-confirmation .order-confirmation-table table td:last-child {
	color: #000000;
	font-weight: 500;
	text-align: right;
}

body#order-confirmation .order-confirmation-table table .total-value td {
	color: #000000;
	font-size: 16px;
	font-weight: 600;
}

body#order-confirmation #order-details {
	background: #FFFFFF;
	border: 1px solid #BDBDBD;
	padding: 20px;
}

body#order-confirmation #order-details .card-title {
	color: #000000;
	font-family: Poppins, sans-serif;
	font-size: 18px;
	font-weight: 500;
	line-height: 24px;
	margin: 0 0 14px;
}

body#order-confirmation #order-details ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

body#order-confirmation #order-details li {
	border-bottom: 1px solid #E0E0E0;
	color: #4B4743;
	font-size: 14px;
	line-height: 21px;
	padding: 12px 0;
}

body#order-confirmation #order-details li:first-child {
	padding-top: 0;
}

body#order-confirmation #order-details li:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

body#order-confirmation #order-details em {
	color: var(--green);
	font-style: normal;
	font-weight: 500;
}

body#order-confirmation #content-hook_payment_return {
	background: #FFFFFF;
	border: 1px solid #BDBDBD;
	margin-top: 20px;
	padding: 24px;
}

body#order-confirmation #content-hook_payment_return p,
body#order-confirmation #content-hook_payment_return strong {
	color: #222222;
	display: block;
	font-size: 15px;
	line-height: 24px;
	margin: 0 0 16px;
}

body#order-confirmation #content-hook_payment_return dl {
	border-bottom: 1px solid #E0E0E0;
	border-top: 1px solid #E0E0E0;
	display: grid;
	grid-template-columns: minmax(190px, 260px) minmax(0, 1fr);
	margin: 18px 0;
}

body#order-confirmation #content-hook_payment_return dt,
body#order-confirmation #content-hook_payment_return dd {
	border-bottom: 1px solid #E0E0E0;
	font-size: 14px;
	line-height: 22px;
	margin: 0;
	padding: 12px 0;
}

body#order-confirmation #content-hook_payment_return dt {
	color: #000000;
	font-weight: 600;
	padding-right: 18px;
}

body#order-confirmation #content-hook_payment_return dd {
	color: #4B4743;
}

body#order-confirmation #content-hook_payment_return dt:nth-last-child(2),
body#order-confirmation #content-hook_payment_return dd:last-child {
	border-bottom: 0;
}

body#order-confirmation #content-hook_payment_return a {
	color: var(--blue);
	font-weight: 500;
	text-decoration: underline;
	text-underline-offset: 3px;
}

body#order-confirmation #content-hook-order-confirmation-footer {
	display: none;
}

@media (max-width: 991px) {
	body#order-confirmation #main {
		padding-top: 42px;
	}

	body#order-confirmation .nf-order-confirmation-progress {
		grid-template-columns: repeat(5, minmax(92px, 1fr));
		margin-bottom: 48px;
		overflow-x: auto;
		padding-bottom: 8px;
	}

	body#order-confirmation .page-order-confirmation > .card-block > .row {
		grid-template-columns: 1fr;
	}

	body#order-confirmation #order-items,
	body#order-confirmation #order-details {
		width: 100%;
	}

	body#order-confirmation #order-items > .row {
		grid-template-columns: 1fr;
	}

	body#order-confirmation #order-items ._desktop-title {
		display: none;
	}

	body#order-confirmation .order-confirmation-table .order-line {
		grid-template-columns: 110px minmax(0, 1fr);
	}

	body#order-confirmation .order-confirmation-table .qty {
		border-right: 0;
		border-top: 1px solid #E0E0E0;
		grid-column: 1 / -1;
	}
}

@media (max-width: 767px) {
	body#order-confirmation #main {
		padding-left: 12px;
		padding-right: 12px;
	}

	body#order-confirmation .nf-order-confirmation-progress {
		gap: 4px;
		grid-template-columns: repeat(5, minmax(0, 1fr));
		overflow: visible;
	}

	body#order-confirmation .nf-order-confirmation-progress__step {
		gap: 8px;
	}

	body#order-confirmation .nf-order-confirmation-progress__step:not(:last-child)::after {
		left: calc(50% + 24px);
		right: calc(-50% + 24px);
		top: 18px;
	}

	body#order-confirmation .nf-order-confirmation-progress__step > span {
		height: 38px;
		width: 38px;
	}

	body#order-confirmation .nf-order-confirmation-progress .material-icons {
		font-size: 20px;
	}

	body#order-confirmation .nf-order-confirmation-progress strong {
		font-size: 11px;
		line-height: 14px;
	}

	body#order-confirmation #content-hook_order_confirmation .card-title {
		align-items: center;
		font-size: 26px;
		gap: 12px;
	}

	body#order-confirmation .nf-order-confirmation-facts {
		grid-template-columns: 1fr;
	}

	body#order-confirmation .nf-order-confirmation-facts > div {
		border-bottom: 1px solid #D9D9D9;
		border-right: 0;
	}

	body#order-confirmation .nf-order-confirmation-facts > div:last-child {
		border-bottom: 0;
	}

	body#order-confirmation .order-confirmation-table .order-line {
		grid-template-columns: 1fr;
	}

	body#order-confirmation .order-confirmation-table .order-line > div {
		border-right: 0 !important;
		padding: 16px;
	}

	body#order-confirmation .order-confirmation-table .image {
		height: 112px;
		width: 112px;
	}

	body#order-confirmation .order-confirmation-table .qty .row {
		gap: 10px;
		grid-template-columns: 1fr;
	}

	body#order-confirmation .order-confirmation-table .qty .col-xs-4 {
		justify-content: space-between;
	}

	body#order-confirmation .order-confirmation-table table {
		max-width: none;
	}

	body#order-confirmation #content-hook_payment_return {
		padding: 18px;
	}

	body#order-confirmation #content-hook_payment_return dl {
		display: block;
	}

	body#order-confirmation #content-hook_payment_return dt {
		border-bottom: 0;
		padding-bottom: 3px;
	}

	body#order-confirmation #content-hook_payment_return dd {
		padding-top: 0;
	}
}