/*
Theme Name: drabo2
Theme URI: https://www.drakkarbois.com
Description: Thème créé spécifiquement pour drakkarbois.com.
Version: 0.0.6
Author: Paul Argoud
Author URI: https://www.drakkarbois.com
*/

/* ============================================
   Montserrat — self-hosted
   ============================================ */

@font-face {
  font-family: montserratdb; 
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Montserrat-Regular'),
       url('https://www.drakkarbois.com/wp-content/themes/drabo2/fonts/Montserrat-Regular.woff') format('woff');
}
@font-face {
  font-family: montserratdb;
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local('Montserrat-Italic'),
       url('https://www.drakkarbois.com/wp-content/themes/drabo2/fonts/Montserrat-Italic.woff') format('woff');
}
@font-face {
  font-family: montserratdb;
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: local('Montserrat-Italic[wght]'),
       url('https://www.drakkarbois.com/wp-content/themes/drabo2/fonts/Montserrat-Italic[wght].woff') format('woff');
}
@font-face {
  font-family: montserratdb;
  font-style: normal;
  font-weight: 250;
  font-display: swap;
  src: local('Montserrat-Thin'),
       url('https://www.drakkarbois.com/wp-content/themes/drabo2/fonts/Montserrat-Thin.woff') format('woff');
}
@font-face {
  font-family: montserratdb;
  font-style: italic;
  font-weight: 250;
  font-display: swap;
  src: local('Montserrat-ThinItalic'),
       url('https://www.drakkarbois.com/wp-content/themes/drabo2/fonts/Montserrat-ThinItalic.woff') format('woff');
}
@font-face {
  font-family: montserratdb;
  font-style: normal;
  font-weight: 275;
  font-display: swap;
  src: local('Montserrat-ExtraLight'),
       url('https://www.drakkarbois.com/wp-content/themes/drabo2/fonts/Montserrat-ExtraLight.woff') format('woff');
}
@font-face {
  font-family: montserratdb;
  font-style: italic;
  font-weight: 275;
  font-display: swap;
  src: local('Montserrat-ExtraLightItalic'),
       url('https://www.drakkarbois.com/wp-content/themes/drabo2/fonts/Montserrat-ExtraLightItalic.woff') format('woff');
}
@font-face {
  font-family: montserratdb;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Montserrat-Light'),
       url('https://www.drakkarbois.com/wp-content/themes/drabo2/fonts/Montserrat-Light.woff') format('woff');
}
@font-face {
  font-family: montserratdb;
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local('Montserrat-LightItalic'),
       url('https://www.drakkarbois.com/wp-content/themes/drabo2/fonts/Montserrat-LightItalic.woff') format('woff');
}
@font-face {
  font-family: montserratdb;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Montserrat-Medium'),
       url('https://www.drakkarbois.com/wp-content/themes/drabo2/fonts/Montserrat-Medium.woff') format('woff');
}
@font-face {
  font-family: montserratdb;
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: local('Montserrat-MediumItalic'),
       url('https://www.drakkarbois.com/wp-content/themes/drabo2/fonts/Montserrat-MediumItalic.woff') format('woff');
}
@font-face {
  font-family: montserratdb;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Montserrat-SemiBold'),
       url('https://www.drakkarbois.com/wp-content/themes/drabo2/fonts/Montserrat-SemiBold.woff') format('woff');
}
@font-face {
  font-family: montserratdb;
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: local('Montserrat-SemiBoldItalic'),
       url('https://www.drakkarbois.com/wp-content/themes/drabo2/fonts/Montserrat-SemiBoldItalic.woff') format('woff');
}
@font-face {
  font-family: montserratdb;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Montserrat-Bold'),
       url('https://www.drakkarbois.com/wp-content/themes/drabo2/fonts/Montserrat-Bold.woff') format('woff');
}
@font-face {
  font-family: montserratdb;
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local('Montserrat-BoldItalic'),
       url('https://www.drakkarbois.com/wp-content/themes/drabo2/fonts/Montserrat-BoldItalic.woff') format('woff');
}
@font-face {
  font-family: montserratdb;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: local('Montserrat-ExtraBold'),
       url('https://www.drakkarbois.com/wp-content/themes/drabo2/fonts/Montserrat-ExtraBold.woff') format('woff');
}
@font-face {
  font-family: montserratdb;
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: local('Montserrat-ExtraBoldItalic'),
       url('https://www.drakkarbois.com/wp-content/themes/drabo2/fonts/Montserrat-ExtraBoldItalic.woff') format('woff');
}
@font-face {
  font-family: montserratdb;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Montserrat-Black'),
       url('https://www.drakkarbois.com/wp-content/themes/drabo2/fonts/Montserrat-Black.woff') format('woff');
}
@font-face {
  font-family: montserratdb;
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: local('Montserrat-BlackItalic'),
       url('https://www.drakkarbois.com/wp-content/themes/drabo2/fonts/Montserrat-BlackItalic.woff') format('woff');
}

/* ============================================
   Marcellus Regular — self-hosted
   ============================================ */

@font-face {
  font-family: 'Marcellus';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Marcellus'),
       local('Marcellus-Regular'),
       url('https://www.drakkarbois.com/wp-content/themes/drabo2/fonts/marcellus-regular.woff2') format('woff2'),
       url('https://www.drakkarbois.com/wp-content/themes/drabo2/fonts/marcellus-regular.ttf') format('truetype');
}

/* ============================================
   Jost — Variable Font (self-hosted)
   ============================================ */

@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: local('Jost'),
       url('https://www.drakkarbois.com/wp-content/themes/drabo2/fonts/jost-vf_wght.woff2') format('woff2 supports variations'),
       url('https://www.drakkarbois.com/wp-content/themes/drabo2/fonts/jost-vf_wght.woff2') format('woff2'),
       url('https://www.drakkarbois.com/wp-content/themes/drabo2/fonts/jost-vf_wght.ttf') format('truetype supports variations'),
       url('https://www.drakkarbois.com/wp-content/themes/drabo2/fonts/jost-vf_wght.ttf') format('truetype');
}

*
{
	margin:0;
	padding:0;
	border:0;
}

.not_mobile { display:none; }
figure { margin:0; }

a
{
	text-decoration:none;
}

h1, h2, h3, h4, h5, h6
{
	font-family: montserratdb, Arial, sans-serif;
	font-weight:normal;
	text-decoration:none;
}

h1
{
	font-size:3.4em;
	font-weight:500;
	line-height:1.4em;
	margin-bottom:.3em;
	text-align:left;
}
	
h2
{
	font-size:1.75rem;
	font-size:28px;
}
	
h3
{
	font-size:1.5rem;
	font-size:24px;
}
	
h4
{
	font-size:1.125rem;
	font-size:18px;
}
	
h5
{
	font-size:1.125rem;
	font-size:17px;
}
	
h6
{
	font-size:1rem;
	font-size:16px;
}

html
{
	scroll-behavior: smooth;
}

body
{
	background-color:#FFF;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	font-family:montserratdb, Arial, Roboto, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 62.5%; /* Resets 1em to 10px */
	justify-content:space-around;
	padding:0;
}

.wrap
{
	box-sizing:border-box;
	margin-left:auto !important;
	margin-right:auto !important;
	max-width:1190px;
	padding:1.2em;
}

/* Abréviations */

.bgcb {	background-color:#000; }
.bgcw {	background-color:#FFF; }
.bsbb {	box-sizing: border-box; }
.c000 {	color:#000; }
.cfff {	color:#FFF; }
.dblk {	display:block; }
.dflx {	display:flex; }
.dnon {	display:none; }
.faic {	align-items:center; }
.flex {	display:flex; }
.fltl {	float:left; }
.fltn {	float:none; }
.fltr {	float:right; }
.fsi  { font-style:italic !important; }
.fwb  { font-weight:bold; }
.fw100{ font-weight:100; }
.fw200{ font-weight:200; }
.fw250{ font-weight:250; }
.fw275{ font-weight:275; }
.fw300{ font-weight:300; }
.fw400{ font-weight:400; }
.fw500{ font-weight:500; }
.fw600{ font-weight:600; }
.fw700{ font-weight:700; }
.fw800{ font-weight:800; }
.fw900{ font-weight:900; }
.fs02 {	font-size:0.2rem !important; }
.fs04 {	font-size:0.4rem !important; }
.fs06 {	font-size:0.6rem !important; }
.fs08 {	font-size:0.8rem !important; }
.fs10 {	font-size:  1rem !important; }
.fs12 {	font-size:1.2rem !important; }
.fs14 {	font-size:1.4rem !important; }
.fs16 {	font-size:1.6rem !important; }
.fs18 {	font-size:1.8rem !important; }
.fs20 {	font-size:2.0rem !important; }
.fs22 {	font-size:2.2rem !important; }
.fs24 {	font-size:2.4rem !important; }
.fs28 {	font-size:2.8rem !important; }
.fs30 {	font-size:3.0rem !important; }
.fs50 {	font-size:5.0rem !important; }
.jcc { justify-content:center; }
.lh10{ line-height:1.0em; }
.lsn { list-style:none; }
.m0a { margin:0 auto; }
.mb0 { margin-bottom:0 !important; }
.mb10 { margin-bottom:1em !important; }
.mb20 { margin-bottom:2em !important; }
.mb30 { margin-bottom:3em !important; }
.mb40 { margin-bottom:4em !important; }
.mb50 { margin-bottom:5em !important; }
.mha { min-height:auto !important; }
.ml0 { margin-left:0 !important; }
.ml10 { margin-left:1em !important; }
.ml20 { margin-left:2em !important; }
.ml30 { margin-left:2em !important; }
.ml40 { margin-left:2em !important; }
.ml50 { margin-left:2em !important; }
.mr0 { margin-right:0 !important; }
.mr10 { margin-right:1em !important; }
.mr20 { margin-right:2em !important; }
.mr30 { margin-right:3em !important; }
.mr40 { margin-right:4em !important; }
.mr50 { margin-right:5em !important; }
.mt0 { margin-top:0 !important; }
.mt10 { margin-top:1em !important; }
.mt20 { margin-top:2em !important; }
.mt30 { margin-top:3em !important; }
.mt40 { margin-top:4em !important; }
.mt50 { margin-top:5em !important; }
.mw  { max-width:1190px; }
.pabs { position:absolute !important; }
.prel { position:relative !important; }
.pd0  { padding:0   !important; }
.pd10 { padding:1em !important; }
.pd20 { padding:2em !important; }
.pd30 { padding:3em !important; }
.pd40 { padding:4em !important; }
.pd50 { padding:5em !important; }
.pd60 { padding:6em !important; }
.pd70 { padding:7em !important; }
.pd80 { padding:8em !important; }
.pd90 { padding:9em !important; }
.pd100 { padding:10em !important; }
.pb0  { padding-bottom:0   !important; }
.pb10  { padding-bottom:1em !important; }
.pb20  { padding-bottom:2em}
.pb30  { padding-bottom:3em}
.pb40  { padding-bottom:4em}
.pb50  { padding-bottom:5em}
.pl0  { padding-left:0 !important; }
.pl10 { padding-left:1em !important; }
.pl20 { padding-left:2em !important; }
.pl30 { padding-left:3em !important; }
.pl40 { padding-left:4em !important; }
.pl50 { padding-left:5em !important; }
.pt0  { padding-top:0 !important; }
.pt10 { padding-top:1em !important; }
.pt20 { padding-top:2em !important; }
.pt30 { padding-top:3em !important; }
.pt40 { padding-top:4em !important; }
.pt50 { padding-top:5em !important; }
.jcsb { justify-content: space-between; }
.tac  { text-align:center; }
.taj  { text-align:justify; }
.tal  { text-align:left; }
.tar  { text-align:right; }
.ttu  { text-transform:uppercase; }
.w25  { width:calc(100% / 4); }
.w33  { width:calc(100% / 3); }
.w50  { width:calc(100% / 2 - 2em); }
.w66  { width:66%; }
.w75  { width:75%; }
.w100 { width:100%; }
.w1190 { width:1190px; }
.wrap { flex-wrap:wrap; }






/* Styles pour boutons et plugins enfants de .entry-summary (ex: YITH Wishlist) */
/*.single-product .entry-summary .yith-add-to-wishlist-button-block {
  margin-top: 0;
  font-size: 0;
  position: relative;
  border: 1px solid var(--wp--preset--color--secondary);
  background: #fff;
  padding: 10px 15px;
  margin-bottom: 0;
}

.single-product .entry-summary .yith-add-to-wishlist-button-block .feedback {
  display: flex;
}

.single-product .entry-summary .yith-add-to-wishlist-button-block .feedback ~ a {
  height: 21px;
  width: 21px;
  position: absolute;
  inset: 0;
}

.single-product .entry-summary .yith-add-to-wishlist-button-block .feedback ~ a::after {
  content: "";
}

.single-product .entry-summary .yith-add-to-wishlist-button-block .feedback .yith-wcwl-icon {
  margin-right: 0;
}

.single-product .entry-summary .yith-add-to-wishlist-button-block a {
  display: flex;
}

.single-product .entry-summary .yith-add-to-wishlist-button-block i,
.single-product .entry-summary .yith-add-to-wishlist-button-block svg {
  font-size: 17px;
  margin-right: 0 !important;
  width: 20px !important;
}

.single-product .entry-summary .yith-add-to-wishlist-button-block .yith-wcwl-add-to-wishlist-button__label {
  display: none;
}

.single-product .entry-summary .yith-add-to-wishlist-button-block:hover {
  background: var(--wp--preset--color--secondary);
}

.single-product .entry-summary .yith-add-to-wishlist-button-block:hover svg {
  color: var(--wp--preset--color--base) !important;
}

YITH Compare 
.single-product .entry-summary .yith-wccp-compare .compare {
  font-size: 0;
  position: relative;
  border: 1px solid var(--wp--preset--color--secondary);
  background: #fff;
  padding: 16px 15px;
  margin-bottom: 0;
  display: flex;
}

.single-product .entry-summary .yith-wccp-compare .compare::after {
  content: "\f12b";
  display: inline-block;
  font-size: 14px;
  font-family: "bootstrap-icons";
}

.single-product .entry-summary .yith-wccp-compare .compare:hover {
  background: var(--wp--preset--color--secondary);
}

.single-product .entry-summary .yith-wccp-compare .compare:hover:after {
  color: var(--wp--preset--color--base);
}*/

/* Bouton Add to Cart */
.single-product .entry-summary #yith-cart-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .single-product .entry-summary #yith-cart-btn {
    flex: 1;
  }
}

.single-product main
{
	margin:1.2rem 3.5rem 0 3.5rem;
}

.single-product nav.woocommerce-breadcrumb
{
    font-family: Jost, sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #151515;
    margin-bottom: 1rem;
}
.single-product nav.woocommerce-breadcrumb a
{
    color: #151515;
    text-decoration: none;
}
.single-product nav.woocommerce-breadcrumb a:hover
{
    text-decoration: underline;
}

.single-product .product
{
	/*display:flex;*/
	margin:3.75rem 0;
}

.single-product #test14
{
	display:flex;
	justify-content:space-between;
}

.single-product .entry-summary
{
	align-self: start;
	/*flex-basis: 0;
    flex-grow: 1;*/
	height: fit-content;
	position: sticky;
	top: 5rem;
	width:35% !important;
}

.single-product .entry-summary .woocommerce-product-gallery
{
	flex-basis: 63.87%;
	flex-grow: 0;
	width:64% !important;
}

.single-product .entry-summary h1.product_title
{
	font-family:Marcellus;
	font-size: clamp(18.959px, 1.185rem + ((1vw - 3.2px) * 0.863), 30px);
	font-style: normal;
	font-weight: 400;
	line-height: 1.3;
	text-transform: uppercase;
}

.single-product .entry-summary p.price
{
	font-size: clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.156), 16px);
	display: flex;
	flex-wrap: wrap;
	column-gap: 11px;
	align-items: center;
}

.single-product .entry-summary .quantity
{
	border: 1px solid #000;
	display: flex;
	align-items: center;
	padding: 0;
}

.single-product .entry-summary .quantity .qty-btn
{
	background: none;
	border: none;
	color: #000;
	cursor: pointer;
	font-family: Jost, sans-serif;
	font-size: 18px;
	font-weight: 300;
	line-height: 1;
	padding: 0 1.4rem;
	height: 100%;
	min-height: 50px;
	display: flex;
	align-items: center;
}

.single-product .entry-summary .quantity .qty-btn:hover
{
	background: #f5f5f5;
}

.single-product .entry-summary .quantity .qty
{
	border: none !important;
	font-size: 15px !important;
	text-align: center;
	width: 40px !important;
	padding: 0 !important;
	-moz-appearance: textfield;
	appearance: textfield;
}

.single-product .entry-summary .quantity .qty::-webkit-outer-spin-button,
.single-product .entry-summary .quantity .qty::-webkit-inner-spin-button
{
	-webkit-appearance: none;
}

.single-product .entry-summary .woocommerce-product-details__short-description
{
	line-height: 1.9;
  	margin-top: 18px;
}

.single-product .entry-summary .woocommerce-product-details__short-description p
{
	font-family:Jost, sans-serif;
	font-size:14px;
	margin-bottom: 0;
	margin-top: 0;
}

.single-product .entry-summary > details
{
	border-bottom: 1px solid #e4e4e4;
	padding: 14px 0;
}

.single-product .entry-summary > details:first-of-type
{
	border-top: 1px solid #e4e4e4;
}

.single-product .entry-summary > details > summary
{
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-family: Jost, sans-serif;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	list-style: none;
	padding: 0;
}

.single-product .entry-summary > details > summary::-webkit-details-marker
{
	display: none;
}

.single-product .entry-summary > details > summary::after
{
	content: "+";
	font-family: Jost, sans-serif;
	font-size: 18px;
	font-weight: 300;
	color: var(--wp--preset--color--primary);
	flex-shrink: 0;
	margin-left: 1rem;
}

.single-product .entry-summary > details[open] > summary::after
{
	content: "\2212";
}

.single-product .entry-summary > details > p
{
	font-family: Jost, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.8;
	margin-top: 12px;
	margin-bottom: 0;
}

.single-product .entry-summary span.woocommerce-Price-amount
{
	font-family:Jost, sans-serif;
	font-size:16px;
	font-weight:500;
}

.single-product .entry-summary .single_add_to_cart_button
{
	background-color:#1D1D1D !important;
	border:1px solid #1D1D1D !important;
	border-radius:0 !important;
	color:#FFF !important;
	font-family:Jost !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	min-height: 56px;
	min-width:150px;
}

.single-product .entry-summary .woocommerce-accordion { border-top: 1px solid #e5e5e5; }

.single-product .entry-summary .accordion-item { border-bottom: 1px solid #e5e5e5; }

.single-product .entry-summary .accordion-title
{
	width: 100%;
	padding: 15px;
	background: none;
	border: none;
	text-align: left;
	font-weight: 600;
	font-size: 16px;
	cursor: pointer;
	position: relative;
}

.single-product .entry-summary .accordion-title::after
{
	content: "+";
	position: absolute;
	right: 15px;
	font-size: 20px;
}

.single-product .entry-summary .accordion-title[aria-expanded="true"]::after {	content: "–"; }

.single-product .entry-summary .accordion-content { padding: 15px; }

.single-product .entry-summary .product_meta,
.single-product .entry-summary .woocommerce-accordion h2
{ display: none; }

.single-product .related
{
	font-family:Jost, sans-serif;
	font-size:14px;
	text-align:center;
	text-transform: uppercase;
	width:100%;
}

.single-product .related > h2
{
	font-family:Marcellus, sans-serif;
	font-size:45px;
	margin:40px 0 25px;
	text-transform: uppercase;
}

.single-product .related a
{
	color:#000;
}

.single-product .related a.add_to_cart_button
{
	display:none !important;
}

.single-product .related span.woocommerce-Price-amount
{
	color:#000;
	font-size:13px;
	font-weight:500;
}


/* Header */

body > header,
body.home > main > header
{
	background-color: #FFF;
	border-bottom: 5px solid transparent;  /* Transparent pour laisser passer le gradient */
	border-image: linear-gradient(90deg, #FBE189 24%, #B57916 76%, #8D591D 90%) 0 0 1 0;
	padding:.5rem 0;
	position: sticky;
	top:0;
	width: 100%;
	z-index:999;
}

body > header nav,
body.home > main > header nav
{
	font-family:montserratdb;
	font-weight: 300;
	margin:0 auto;
	width:100%;
}

body > header nav a,
body.home > main > header nav a
{
	font-family:montserratdb;
	font-weight:300;
}

body > header nav svg
{
	height:6.2rem;
}

body > main
{
	/*margin-top:4.25rem;*/
	width:100%;
}

body > .woodenfooter
{
	background-image:url('images/woodenfooter.avif');
	background-repeat:no-repeat;
	background-size:100% 100%;
	height:16rem;
}

/* Footer */

body > footer
{
	background-color:#000;
	color:#FFF;
	font-size:1rem;
	line-height:2rem;
	margin-top:8rem;
	padding-top: 10rem;
	position:relative;
}

body > footer a
{
	color:#FFF;
	transition:.5s all linear;
}

body > footer a:hover
{
	color:red;
}

body>footer ul
{
	list-style:none;
	width:calc(100% / 4 - 1rem);
}

body > footer .logo svg,
body > footer .logo img
{
	height:12rem;
	width:12rem;
}

body > footer > .logo
{
	aspect-ratio: 1;
	background-color: #000;
	border-radius: 50%;
	left: calc(50% - 8rem);
	padding:2rem;
	position: absolute;
	top: -8rem;
	text-align:center;
}

body > footer > .copyright,
body > footer > .fef
{
	margin-top:4rem;
}

body > footer > .copyright ul
{
	display:flex;
	width:100%;
}

body > footer > .copyright ul > li
{
	width:calc(100% / 4);
}

body > footer > .copyright ul > li:nth-child(2),
body > footer > .copyright ul > li:nth-child(3)
{
	text-align:center;
}

body > footer > .copyright ul > li:nth-child(4)
{
	text-align:right;
}

body > footer > .fef img
{
	display:block;
	height: 3rem;
	margin:0 auto;
	width:auto;
}

body>footer ul:nth-child(2),
body>footer ul:nth-child(3),
body>footer ul:nth-child(4),
body>footer ul:nth-child(5)
{
	font-weight:300;
}

body>footer ul:nth-child(6)
{
	display:flex;
	flex-wrap:wrap;
	font-size:1.2rem;
	font-weight:300;
	justify-content:space-evenly;
	margin-top:3rem;
	text-align:right;
	width:100%;
}

/* Home */

.scroll-arrow {
	position: fixed;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
	width: 40px;
	height: 40px;
	cursor: pointer;
	opacity: 1;
	transition: opacity 0.5s ease;
	z-index: 1000;
  }

  .scroll-arrow.hidden {
	opacity: 0;
	pointer-events: none;
  }

  /* L'icône flèche en CSS pur */
  .scroll-arrow::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
	width: 16px;
	height: 16px;
	border-bottom: 3px solid #333;
	border-right: 3px solid #333;
  }

  /* Animation de rebond */
  .scroll-arrow {
	animation: bounce 2s infinite;
  }

  @keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
	  transform: translateX(-50%) translateY(0);
	}
	40% {
	  transform: translateX(-50%) translateY(-10px);
	}
	60% {
	  transform: translateX(-50%) translateY(-5px);
	}
  }

body.home h1
{
	font-size:3.4rem;
	font-weight: 500;
	margin-bottom:3rem;
	text-align: center;
	text-transform:uppercase;
}

body.home section
{
	padding-bottom:5rem;
	padding-top:5rem;
}

body.home section#video video
{
	display:block;
	height:auto;
	width:100%;
}

body.home section#valeurs article,
body.home section#histoire article
{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-bottom:5rem;
}

body.home section#valeurs article figure,
body.home section#histoire article figure
{
	width:calc(100% * 3 / 5 - 1rem);
}

body.home section#valeurs article figure img,
body.home section#histoire article figure img
{
	display:block;
	height:auto;
	max-width:100%;
	/*transform: rotate(180deg) scale(0);
	transition-duration:943ms, 400ms;
	transition-property: all;
	transition-timing-function: ease, linear;*/
}
/*
body.home section#valeurs article figure img.active
{
	transform: rotate(0) scale(1);
}*/

body.home section#valeurs article > div,
body.home section#histoire article > div
{
	position:relative;
	width:calc(100% * 2 / 5 - 2rem);
}

body.home section#valeurs article > div h2,
body.home section#histoire article > div h2
{
	font-size:1.9rem;
	font-weight:300;
	text-transform:uppercase;
}

body.home section#valeurs article > div hr,
body.home section#histoire article > div hr
{
	border:1px solid #FFF;
	display:none;
	left: -4rem;
	position: absolute;
	width: 300px;
}

body.home section#valeurs article > div p,
body.home section#histoire article > div p
{
	font-size:1.5rem;
	font-weight:300;
	margin:1rem 0;
	text-align:justify;
}

body.home section button
{
	background:transparent;
	border: 2px solid rgba(249, 175, 23, 1);
	border-radius: 200px;
	cursor: pointer;
	display:block;
	float:right;
	font-family:montserratdb;
	font-size:1.5rem;
	font-size:24px;
	font-weight:300;
	margin:0 auto;
	padding:.6rem;
	width:22rem;
}

body.home section button:hover
{
	background-color:rgba(249, 175, 23, 1);
}

body.home section button a
{
	color:#000;
	display:block;
}

body.home section#references
{
	border-bottom:4px solid #c8c8c8;
}

body.home section#references img
{
	height:auto;
	margin:0 auto;
	max-width:100%;
	opacity:0;
	transform: scale(0);
	transition-duration:943ms, 400ms;
	transition-property: all;
	transition-timing-function: ease, linear;
	
}

body.home section#references img.active
{
	opacity:1;
	transform: scale(1);
}

body.home section#engagements p.slogan
{
	color:#000;
	font-size:2.4rem;
	font-weight: 300;
	margin-top:10rem;
	text-align:center;
	text-transform: uppercase;
}

@keyframes reemploi
{ 
	0% { transform: scale(1); }
	50% { transform: scale(1.2); }
	100% { transform: scale(1); }
}

body.home section#engagements article#circulaire button.reemploi
{
	animation-duration: 3s;
	animation-iteration-count:infinite;
	animation-name: reemploi;
	background-image:url('https://www.drakkarbois.com/wp-content/themes/drabo2/images/nos-engagements/bouton-reemploi.png');
	background-size:cover;
	/*border: 3px solid #000;*/
	display: block;
	/*margin: 5rem auto 0;*/
	height: 200px;
	width: 200px;
}

body.home section#engagements article#circulaire button.reemploi a
{
	box-sizing: border-box;
	height: 100%;
	/*color:#000;
	font-family: montserratdb;
	font-size:1.4rem;*/
}

body.home section#boutique img.bonsplans
{
	animation-duration: 3s;
	animation-iteration-count:infinite;
	animation-name: reemploi;
}


#test14 {
    display: flex;
    align-items: flex-start;
    gap: 1%;
}

#test14 > .woocommerce-product-gallery {
    flex: 0 0 64%;
    width: 64%;
}

.woocommerce-product-gallery {
    width: 100%;
}

.woocommerce-product-gallery .flex-control-thumbs,
.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs {
    display: flex !important;
    flex-wrap: wrap;
    gap: 4px;
    padding: 8px 0 0;
    list-style: none;
    margin: 0;
}

.woocommerce-product-gallery .flex-control-thumbs li {
    width: 60px;
    cursor: pointer;
}

.woocommerce-product-gallery .flex-control-thumbs img {
    width: 100%;
    height: auto;
    opacity: 0.5;
    cursor: pointer;
}

.woocommerce-product-gallery .flex-control-thumbs img.flex-active {
    opacity: 1;
}

.woocommerce-product-gallery .flex-viewport {
    overflow: hidden;
}

.woocommerce-product-gallery .flex-viewport img {
    width: 100%;
    height: auto;
}
 
/*
@keyframes test
{ 
	0%
	{
		transform: translate(0, 80px);
		animation-timing-function: cubic-bezier(0.4, 0.8, 0.74, 1.0);
	} 
	100% { transform: translate(0px, 0px); }
}

@keyframes linear_fade {  0% {    opacity: 0.0;  }  100% {    opacity: 1.0;  }}

body.home section#engagements span.deco99
{
	animation-name: test, linear_fade;
  animation-duration: 943ms, 400ms;
  animation-timing-function: ease, linear;
  animation-delay: 100ms, 0s;
  animation-iteration-count: 1, 1;
  animation-direction: normal, normal;
  animation-fill-mode: both, both;
  animation-play-state: running;
  height:100%;
  width:100%;
}
*/
body.home section#engagements span.deco1
{
	background-color:#000;
	height:41rem;
	margin-top:50vh;
	position:absolute;
	right:0;
	top:8rem;
	transition-duration:943ms, 400ms;
	transition-property: all;
	transition-timing-function: ease, linear;
	width:24rem;
	z-index:-1;
}

body.home section#engagements span.deco2
{
	background-color:#000;
	height:43rem;
	margin-top:50vh;
	position:absolute;
	transition-duration:943ms, 400ms;
	transition-property: all;
	transition-timing-function: ease, linear;
	width:24rem;
	z-index:-1;
}

body.home section#engagements span.deco1.active,
body.home section#engagements span.deco2.active
{
	margin-top:0;
}

body.home section#engagements article#planter h2,
body.home section#engagements article#planter p,
body.home section#engagements article#circulaire h2,
body.home section#engagements article#circulaire p,
body.home section#lignesproduits article#boisdebout h2,
body.home section#lignesproduits article#boisdebout p,
body.home section#lignesproduits article#parquet h2,
body.home section#lignesproduits article#parquet p,
body.home section#lignesproduits article#mural h2,
body.home section#lignesproduits article#mural p,
body.home section#lignesproduits article#exterieur h2,
body.home section#lignesproduits article#exterieur p,
body.home section#lignesproduits article#mobilier h2,
body.home section#lignesproduits article#mobilier p,
body.home section#lignesproduits article#objetsdeco h2,
body.home section#lignesproduits article#objetsdeco p,
body.home section#lignesproduits article#surmesure h2,
body.home section#lignesproduits article#surmesure p
{
	/*filter: blur(.6rem);*/
	transition-duration:2s, 1s;
	transition-property: all;
	transition-timing-function: ease, linear;
}

body.home section#engagements article#planter div p,
body.home section#engagements article#circulaire div p,
body.home section#lignesproduits article#boisdebout div h2,
body.home section#lignesproduits article#boisdebout div p,
body.home section#lignesproduits article#parquet div h2,
body.home section#lignesproduits article#parquet div p,
body.home section#lignesproduits article#mural div h2,
body.home section#lignesproduits article#mural div p,
body.home section#lignesproduits article#exterieur div h2,
body.home section#lignesproduits article#exterieur div p,
body.home section#lignesproduits article#mobilier div h2,
body.home section#lignesproduits article#mobilier div p,
body.home section#lignesproduits article#objetsdeco div h2,
body.home section#lignesproduits article#objetsdeco div p,
body.home section#lignesproduits article#surmesure div h2,
body.home section#lignesproduits article#surmesure div p
{
	margin-top:10rem;
}

body.home section#engagements article#planter div.active p,
body.home section#engagements article#circulaire div.active p,
body.home section#lignesproduits article#boisdebout div.active h2,
body.home section#lignesproduits article#boisdebout div.active p,
body.home section#lignesproduits article#parquet div.active h2,
body.home section#lignesproduits article#parquet div.active p,
body.home section#lignesproduits article#mural div.active h2,
body.home section#lignesproduits article#mural div.active p,
body.home section#lignesproduits article#exterieur div.active h2,
body.home section#lignesproduits article#exterieur div.active p,
body.home section#lignesproduits article#mobilier div.active h2,
body.home section#lignesproduits article#mobilier div.active p,
body.home section#lignesproduits article#objetsdeco div.active h2,
body.home section#lignesproduits article#objetsdeco div.active p,
body.home section#lignesproduits article#surmesure div.active h2,
body.home section#lignesproduits article#surmesure div.active p
{
	margin-top:0;
}

body.home section#engagements article#planter img,
body.home section#engagements article#circulaire img,
body.home section#lignesproduits article img,
body.home section#boutique img
{
	filter: saturate(1);
	transform: scale(125%);
	transition-duration: 4s, 2s;
	transition-property: all;
	transition-timing-function: ease, linear;
}

body.home section#engagements article#planter img.active,
body.home section#engagements article#circulaire img.active,
body.home section#lignesproduits article img.active,
body.home section#boutique img.active
{
	/*filter: saturate(1);*/
	transform: scale(100%);
}

body.home section#engagements article
{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-bottom:5rem;
	margin-top:8rem;
}

body.home section#engagements article figure
{
	width:calc(100% * 1 / 2 - 4rem);
}

body.home section#engagements article#planter
{
	text-align:right;
}

body.home section#engagements article#circulaire
{
	text-align:left;
}

body.home section#engagements article#planter figure
{
	margin-right:4rem;
}

body.home section#engagements article#circulaire figure
{
	margin-left:4rem;
	width:calc(100% * 1 / 2 - 4rem);
}

body.home section#engagements article figure img
{
	height:auto;
	max-width:100%;
}

body.home section#engagements article > div
{
	width:calc(100% * 1 / 2 - 3rem);
}

body.home section#engagements article > div h2
{
	font-size:1.9rem;
	font-weight: 500;
	text-transform:uppercase;
}

body.home section#engagements article > div p
{
	font-size:1.6rem;
	font-weight: 300;
	margin:1rem 0;
}

body.home section#engagements article button
{
	background:transparent;	
}

body.home section#engagements article button a
{
	color:#FFF;
	display:block;
	padding:1rem;
}

/* Front-page : Nos collections */

body.home section#collections article
{
	aspect-ratio: 16/9;
	background-repeat: no-repeat;
	background-size: cover;
	overflow:hidden;
	position:relative;
	width:100%;
}

body.home section#collections article#signature
{
	margin-bottom:3rem;
}

body.home section#collections article#reemploi
{
	margin-bottom: 3rem;
}

body.home section#collections article a
{
	display: block;
	height:100%;
}

body.home section#collections article h2
{
	line-height: 0;
	text-indent:-9999px;
}

body.home section#collections article span
{
	align-items: center;
	background:rgb(255 255 255 / 70%);
	box-sizing:border-box;
	display:flex;
	height:20rem;
	justify-content: center;
	padding:1rem;
	position:absolute;
	/*right: -40rem;*/
	top:calc(50% - 10rem);
	transition:all 1000ms ease-in-out;
	width:100%;
}

body.home section#collections article span img
{
	height: auto;
	max-width: 100%;
}

body.home section#collections article span p
{
	color:#000;
	display:flex;
	font-size:1.5rem;
	padding-left:2rem;
	text-align: justify;
}

body.home section#collections article span:hover
{
	right: 0;
}

/* Front-page : Notre vision */

body.home section#vision article
{
	aspect-ratio: 2/3;
	background-repeat: no-repeat;
	background-size: cover;
	overflow:hidden;
	position:relative;
	width:calc(100% / 3 - 1em);
}

body.home section#vision article::before
{
	background: rgba(0, 0, 0, 0);
	bottom: 0;
	content: '';
	left: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
	transition: all 0.4s ease;
}

body.home section#vision article:hover::before
{
	background: rgba(0, 0, 0, 0.25);
	backdrop-filter: brightness(75%) blur(1px);
}

body.home section#vision article:hover blockquote
{
	opacity:1;
}

body.home section#vision article > span
{
	color:#FFF;
	display:inline-block;
	font-size:2.4rem;
	margin-bottom:2rem;
	display: block;
	position: absolute;
}

body.home section#vision article h2
{
	bottom:3rem;
	color:#FFF;
	font-size:1.6rem;
	position:absolute;
	text-align:center;
	text-transform: uppercase;
	width:100%;
}

body.home section#vision article > a
{
	display: block;
	height: 100%;
	position: relative;
	width: 100%;
}

body.home section#vision article blockquote
{
	color:#FFF;
	font-size:.875rem;
	opacity:0;
	padding:13rem 1rem 1rem 1rem;
	text-align:justify;
	transition: all 0.4s ease;
}

body.home section#vision article blockquote > p
{
	margin:.5rem 0;
}

body.home section#reseauxsociaux ul
{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-evenly;
	list-style:none;
	margin:0 auto 3rem auto;
}

body.home section#reseauxsociaux time.MediaOverlay__date
{
	display:none;
}

body.home section#reseauxsociaux ul > li
{
	width:calc(100% / 4);
}

body.home section#reseauxsociaux ul > li a
{
	background-position:center;
	background-repeat:no-repeat;
	background-size: contain;
	display:block;
	height:8rem;
	margin:0 auto;
	text-indent: -99999px;
}

body.home section#reseauxsociaux ul>li.instagram a {	background-image:url('images/reseaux-sociaux/instagram.png'); }
body.home section#reseauxsociaux ul>li.facebook a  {	background-image:url('images/reseaux-sociaux/facebook.png');  }
body.home section#reseauxsociaux ul>li.twitter a   {	background-image:url('images/reseaux-sociaux/twitter.png');   }
body.home section#reseauxsociaux ul>li.linkedin a  {	background-image:url('images/reseaux-sociaux/linkedin.png');  }
body.home section#reseauxsociaux ul>li.instagram a:hover {	background-image:url('images/reseaux-sociaux/instagram-hover.png'); }
body.home section#reseauxsociaux ul>li.facebook a:hover  {	background-image:url('images/reseaux-sociaux/facebook-hover.png');  }
body.home section#reseauxsociaux ul>li.twitter a:hover   {	background-image:url('images/reseaux-sociaux/twitter-hover.png');   }
body.home section#reseauxsociaux ul>li.linkedin a:hover  {	background-image:url('images/reseaux-sociaux/linkedin-hover.png');  }

body.tax-lignes header#boisdebout
{
	background-color:#000;
	padding-bottom:6rem;
	position:relative;
}

body.tax-lignes header#boisdebout img
{
	height:auto;
	width:100%;
}

body.tax-lignes header#boisdebout h1
{
	color:#FFF;
	font-size:3rem;
	left:50%;
	margin:0;
	padding-bottom:5rem;
	top:50%;
	transform: translate(-50%, -50%);
	position:absolute;
	text-transform:uppercase;
	z-index:5;
}

body.tax-lignes header#boisdebout h1 span
{
	display:block;
	font-size:5.8rem;
	font-weight:400;
}

body.tax-lignes section#introduction
{
	border-bottom-style:solid;
	border-bottom-width:.8rem;
}

body.tax-lignes section#introduction p
{
	font-size:1.34rem;
	font-weight:300;
	line-height:2rem;
	margin:2rem 0;
	text-align:center;
}

body.tax-lignes section#lignesboisdebout article
{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 5rem;
	margin-top: 5rem;
	position: relative;
}

body.tax-lignes section#lignesboisdebout article > figure
{
	position: relative;
	width: calc(100% * 1 / 2 - 4rem);
}

body.tax-lignes section#lignesboisdebout article > figure img
{
	display: block;
	height: auto;
	position: relative;
	max-width: 100%;
	z-index: 1;
}

body.tax-lignes section#lignesboisdebout article > div > figure
{
	width:500px;
}

body.tax-lignes section#lignesboisdebout article > div > figure img
{
	height:auto;
	width:100%;
}

body.tax-lignes section#lignesboisdebout article > div
{
	position: relative;
	width: calc(100% * 1 / 2 - 3rem);
}

body.tax-lignes section#lignesboisdebout article h2
{
	font-size: 3rem;
	font-weight: 300;
	margin-bottom:2rem;
	text-transform: uppercase;
}

body.tax-lignes section#lignesboisdebout article h2 a
{
	color:#726958;
}

body.tax-lignes section#lignesboisdebout span.deco01
{
	height: 30rem;
	left: -2rem;
	position: absolute;
	top: -2rem;
	width: 30rem;
	z-index: 0;
}

body.tax-lignes section#lignesboisdebout article button
{
	background: transparent;
	border-style: solid;
	border-width: 3px;
	display: block;
	font-family: montserratdb;
	font-size:2rem;
	font-weight: 300;
	margin: 5rem auto 0;
	width: 22rem;
}
body.tax-lignes section#lignesboisdebout article button a
{
	display:block;
	padding:.5rem 1rem;
}

/* Responsive */

@media screen and (min-width: 0) and (max-width: 1189px)
{
	body > main	{ margin-top:3.5rem !important;	}
	body > header nav svg {	height:2.4rem !important; }

	/* Accueil : sur mobile le menu est toujours épinglé tout en haut.
	   Le <header> est placé après la vidéo dans le DOM ; on le remonte en
	   premier (order:-1) et on garde position:sticky, ce qui le colle au
	   sommet dès le chargement sans chevaucher la vidéo. */
	body.home > main
	{
		display:flex;
		flex-direction:column;
		margin-top:0 !important;
	}

	body.home > main > header
	{
		order:-1;
	}
	
	body.home span.deco1,
	body.home span.deco2,
	body.home span.deco01,
	body.home span.deco02,
	body.home span.deco03,
	body.home span.deco04,
	body.home span.deco05,
	body.home span.deco06,
	body.home span.deco07,
	body.home span.deco08,
	body.home span.deco09,
	body.home span.deco10,
	body.home span.deco11,
	body.home span.deco12,
	body.home span.deco13,
	body.home span.deco14,
	/*body.home section#engagements article#planter figure,
	body.home section#engagements article#circulaire figure,*/
	body.home div.fabricantfrancais,
	body.home section#lignesproduits article#boisdebout > div figure,
	body.home section#lignesproduits article#parquet > div figure,
	body.home section#lignesproduits article#mural > div figure,
	body.home section#lignesproduits article#exterieur > div figure,
	body.home section#lignesproduits article#mobilier > div figure,
	body.home section#lignesproduits article#objetsdeco > div figure,
	body.home section#lignesproduits article#surmesure > div figure,
	body > footer ul:first-child,
	body > footer ul:nth-child(3),
	body > footer ul:nth-child(4) li:nth-child(2),
	body > footer ul:nth-child(4) li:nth-child(3),
	body > footer ul:nth-child(4) li:nth-child(4),
	body.home section#boutique span.deco01,
	body.home section#boutique span.deco02,
	body.home section#services article button,
	body.home section#reseauxsociaux .spotlight-instagram-feed
	{
		display:none !important;
	}
	
	body.home section#lignesproduits article#boisdebout > figure,
	body.home section#lignesproduits article > figure,
	body.home section#engagements article#circulaire figure
	{
		order:2 !important;
	}
	body.home section button
	{
		float:none !important;
	}
	body > footer ul:nth-child(4) li
	{
		text-align:center;
		width:100% !important;
	}
	body > header, body.home > main > header
	{
		padding:0 !important;
	}
	body > .woodenfooter
	{
		height:4rem !important;
	}

	body > footer .logo svg,
	body > footer .logo img
	{
		height:8rem;
		width:8rem;
	}
	
	body.home section#references,
	body.home section#valeurs article figure,
	body.home section#valeurs article > div,
	body.home section#engagements article > div,
	body.home section#lignesproduits article > figure,
	body.home section#lignesproduits article > div,
	body.home section#lignesproduits article > div figure,
	body.home section#engagements article figure,
	body.home section#engagements article#circulaire figure
	{
		margin-left:0 !important;
		margin-right:0 !important;
		width:100% !important;
	}
	


	body.home section > div,
	body > footer > div
	{
		box-sizing: border-box;
		margin:0 auto;
		text-align:left;
		width:95% !important;
	}
	body > footer > div
	{
		width:44% !important;
	}
	body > footer > .logo
	{
		padding:1rem !important;top: -5rem !important;left:calc(50% - 6rem) !important;
	}

	body.home section#video > div,
	body > footer ul
	{
		width:100% !important;
	}
	
	body.home section#lignesproduits article#parquet > div figure,
	body.home section#lignesproduits article > div figure,
	body.home section#lignesproduits article#boisdebout > div figure
	{
		bottom:0 !important;
		float:none;
		left:0 !important;
		position:relative !important;
	}
	
	body.home section#engagements article#planter img,
	body.home section#engagements article#circulaire img,
	body.home section#lignesproduits article img,
	body.home section#boutique img,
	body.home section#engagements article#planter h2,
	body.home section#engagements article#planter p,
	body.home section#engagements article#circulaire h2,
	body.home section#engagements article#circulaire p
	body.home section#lignesproduits article#boisdebout h2,
	body.home section#lignesproduits article#boisdebout p,
	body.home section#lignesproduits article#parquet h2,
	body.home section#lignesproduits article#parquet p,
	body.home section#lignesproduits article#mural h2,
	body.home section#lignesproduits article#mural p,
	body.home section#lignesproduits article#exterieur h2,
	body.home section#lignesproduits article#exterieur p,
	body.home section#lignesproduits article#mobilier h2,
	body.home section#lignesproduits article#mobilier p,
	body.home section#lignesproduits article#objetsdeco h2,
	body.home section#lignesproduits article#objetsdeco p,
	body.home section#lignesproduits article#surmesure h2,
	body.home section#lignesproduits article#surmesure p,
	body.home section#boutique h1
	{
		transition:none !important;
	}
	
	body.home h1
	{
		font-size:1.6rem !important;
		margin-bottom:1rem !important;
		text-align:left;
	}
	
	body.home h2
	{
		font-size:1.4rem !important;
		font-weight:400 !important;
		text-align:left;
	}
	
	body.home section
	{
		overflow:hidden;
		padding-bottom: 1rem;
		padding-top: 1rem;
	}
	
	body.home section#lignesproduits article#boisdebout,
	body.home section#engagements p.slogan
	{
		margin-top:0 !important;
	}
	
	body.home section#engagements article,
	body.home section#lignesproduits article
	{
		/*margin-bottom:0 !important;*/
		margin-top:0 !important;
	}
	
	body.home section#valeurs article > div p,
	body.home section#histoire article > div p,
	body.home section#engagements article > div p,
	body.home section#lignesproduits article p,
	body.home section#lignesproduits article#parquet > div p
	{
		font-size:1rem !important;
		font-weight:300 !important;
		text-align:justify !important;
	}
	
	body.home section#lignesproduits article#parquet > div h2,
	body.home section#lignesproduits article#exterieur h2,
	body.home section#lignesproduits article#objetsdeco > div h2
	{
		text-align:left !important;
	}
	
	body.home section#lignesproduits article#boisdebout button
	{
		margin:2rem auto;
	}
	
	body.home section#services > div > div
	{
		flex-wrap:wrap;
	}
	
	body.home section#services article
	{
		width:95%;
	}
	
	body.home section#services article img
	{
		margin:0 auto;
		width:50%;
	}
	
	body.home section#reseauxsociaux ul > li
	{
		margin:0 auto;
		width:25%;
	}
	
	#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle img
	{
		height:2.6rem;
		width:auto;
	}
	body.home section#engagements p.slogan
	{
		font-size:.9rem !important;
	}
	body.home section#services span
	{
		font-size:1rem !important;
		text-align:center;
		width:100%;
	}
	body > footer ul:nth-child(2)
	{
		font-size:1rem;
		line-height:1.4rem;
	}
	body > footer ul:nth-child(2) li.fs18
	{
		font-size:1.4rem !important;
		line-height:2rem;
	}
	body.home section#engagements article#planter div figure img,
	body.home section#boutique > div > img
	{
		display:none !important;
	}
	
	body.home section#boutique a.bonsplans
	{
		bottom: 0;
		left: 0;
		margin: 0 auto;
		position: relative;
		top: 9rem;
	}
	body.home section#boutique a h1
	{
		box-sizing:border-box;
		left:0 !important;
		padding:4rem 0;
		width:100%;
	}
	body.home section#reseauxsociaux ul
	{
		margin-bottom:0;
		max-width:50%;
	}

	/* Front-page : Notre histoire — on empile texte et image */
	body.home section#histoire article > div,
	body.home section#histoire article figure
	{
		width:100% !important;
	}

	body.home section#histoire article figure
	{
		margin-top:1.5rem;
	}

	/* Front-page : Notre vision — on empile les 3 cartes en pleine largeur.
	   Au toucher il n'y a pas de :hover : on affiche le texte en permanence
	   sur un voile sombre, et on laisse la hauteur s'adapter au contenu. */
	body.home section#vision .dflx
	{
		flex-direction:column;
	}

	body.home section#vision article
	{
		aspect-ratio:auto !important;
		min-height:70vw;
		margin-bottom:1rem;
		width:100% !important;
	}

	body.home section#vision article::before
	{
		background:rgba(0, 0, 0, 0.2) !important;
	}

	body.home section#vision article > a
	{
		display:flex;
		flex-direction:column;
		justify-content:flex-end;
		height:auto;
		min-height:70vw;
		padding:1.5rem 1.25rem;
	}

	body.home section#vision article h2
	{
		order:-1;
		position:static !important;
		width:auto !important;
		font-size:1.6rem !important;
		text-align:left !important;
	}

	body.home section#vision article blockquote
	{
		margin-top:1rem;
		opacity:1 !important;
		padding:0 !important;
		font-size:1rem !important;
		display:none !important;
	}
}