@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/silka-regular-webfont.woff') format('woff'),
		 url('../fonts/silka-regular-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CenturyGothic-Bold';
    src: url('../fonts/CenturyGothic-Bold.woff') format('woff'),
		 url('../fonts/CenturyGothic-Bold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'arial_blackregular';
    src: url('../fonts/arial_black-webfont.woff2') format('woff2'),
         url('../fonts/arial_black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'arial_condensed_bold';
    src: url('../fonts/arial_condensed_bold-webfont.woff2') format('woff2'),
         url('../fonts/arial_condensed_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto_regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html, body, ul, li {margin:0; padding:0; font-family: 'robotoregular'; font-size:16px; }
body, #page { min-height:100vh; display:flex; flex-direction:column; background-color:#fff;}
.site-content { flex:1;}
p, ul, ol {margin-bottom: .8rem;}
h1, h2, h3, h4, h5 {font-family: 'robotoregular';}
h1 {font-weight: 100; font-family: 'arial_condensed_bold'; line-height: 1em;} 
h2 {margin: 0 0 .8rem; font-size:2rem; line-height:1.2em; font-weight: 100; font-family: 'arial_condensed_bold';} 
a:focus, img:focus, button:focus, input:focus { outline: none;}
.formobile {display:none;}
.notformobile {display:inline-block;}
.cuttingmat { background-image: url('../images/grid.svg'); background-repeat: repeat; background-size: 100px 100px; background-position: top left;  background-color: #395e53;}

/* Header personnalisé Storefront */
#header {background-color: #f0f0f0;}
#header-items {padding: 20px 0; width: 100%; display:flex; flex-wrap:wrap; justify-content: space-between;}
/* The sticky class is added to the header with JS when it reaches its scroll position */
#header.sticky { position:fixed; top:0; width:100%; height:85px; transition: opacity 1s ease-out; animation:slide-down 1s; z-index:30; box-shadow: 0 2px 4px rgba(0,0,0,0.075), 0 10px 0 rgba(0,0,0,0.01);}
body.admin-bar #header.sticky {top:32px;}
@keyframes slide-down {
	0% 	 { opacity:0; transform: translateY(-100%);} 
    100% { opacity:1; transform: translateY(0);} 
}

/* Structure des rangées */
.header-row {display:flex; align-items:center; margin-bottom:15px;}
.header-row:last-child {margin-bottom:0;}
.header-col {display:flex; align-items:center;}
.header-col-right {flex-direction: column; align-items: flex-end;}

#header.sticky .header-row.header-top-row {display: none;}

/* Logo */
#header-logo .custom-logo-link {display:inline-block;}
#header-logo .custom-logo {height:auto; max-width:200px;}
#header-logo .header-logo-picture {display:inline-block; width:180px; height:auto; aspect-ratio:200/131; background-image: url("../images/logo-tracksandwings-square.png"); background-repeat: no-repeat; background-size: 100%;}

#header.sticky #header-logo .header-logo-picture {display:inline-block; width:260px; height:auto; aspect-ratio:300/40; background-image: url("../images/logo-tracksandwings-hor.png"); background-repeat: no-repeat;}

/* Recherche */
#header-search form, #header-search input {margin:0;}
.header-search-wrapper {min-width:280px;}
.header-search-wrapper .woocommerce-product-search {position:relative; display:flex; align-items:center;}
.header-search-wrapper input[type="search"] {width:100%; padding:12px 45px 12px 15px; border:2px solid #ddd; border-radius: 25px; font-size: 14px; outline: none; transition: border-color 0.3s ease, box-shadow 0.3s ease;}
.header-search-wrapper input[type="search"]:focus {border-color: #0073aa; box-shadow: 0 0 0 3px rgba(0, 115, 170, 0.1);}
.header-search-wrapper input[type="search"]::placeholder {color: #999; font-style: italic;}
.header-search-wrapper input[type="submit"] {position: absolute; right: 8px; top: 50%;  transform: translateY(-50%);  background: transparent;  border: none;  padding: 8px;  cursor: pointer; border-radius: 50%; transition: background-color 0.3s ease; display: flex;  align-items: center;  justify-content: center; width: 32px; height: 32px;}
.header-search-wrapper input[type="submit"]:hover {background-color: rgba(0, 115, 170, 0.1);}
.header-search-wrapper input[type="submit"]:focus {outline: 2px solid #0073aa; outline-offset: 2px;}

/* Bouton de recherche avec SVG */
.header-search-wrapper .search-submit { position:absolute; right:8px; top:23px; transform: translateY(-50%); background:transparent; border:none; padding:8px; cursor:pointer; border-radius:50%; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; color: #666;}
.header-search-wrapper .search-submit:hover {background-color: rgba(0, 115, 170, 0.1); color: #0073aa;}
.header-search-wrapper .search-submit:focus {outline:2px solid #0073aa; outline-offset: 2px;}
.header-search-wrapper .screen-reader-text {position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden;}

/* Navigation */
.primary-navigation-menu {display:flex; list-style:none; margin:0; padding:0; gap:30px;}
.main-navigation ul li {position:relative; margin-right: 20px;}
.main-navigation ul li:last-child {margin-right:0;}
.main-navigation ul li a { text-decoration:none; text-transform:uppercase; padding:10px 0; font-size: 1.22em; color: #333; font-family: 'arial_condensed_bold'; font-weight:100; display: flex; align-items: center; gap: 8px; padding: 6px 15px; background: #e5e5e5; color: #000; text-decoration: none; border-radius: 25px; transition: background-color 0.3s ease;}
.main-navigation ul li a:hover, .main-navigation ul li.current-menu-item a, body.actus-template-default ul li#menu-item-86 a {background: #ee7601; color: white;}

/* Sous-menus */
.primary-navigation-menu .sub-menu { position: absolute; top: 100%; left: 0; background: white; box-shadow: 0 2px 10px rgba(0,0,0,0.1); opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all 0.3s ease; min-width:200px; z-index:999;}
.primary-navigation-menu li:hover .sub-menu {opacity: 1; visibility: visible; transform: translateY(0);}
.primary-navigation-menu .sub-menu a {padding: 10px 15px; display: block; border-bottom: 1px solid #f0f0f0;}

/* Panier */
.header-cart-wrapper {position:relative;}
.cart-customlocation { display:flex; align-items:center; gap:8px; padding:10px 15px; background:#0073aa;  color:white; text-decoration:none; border-radius:25px; transition: background-color 0.3s ease;}
.cart-customlocation:hover {background: #005177; color: white;}
.cart-count {background: rgba(255,255,255,0.2); border-radius: 50%; padding: 2px 6px; font-size: 12px; font-weight: bold; min-width: 18px; text-align: center;}

.light-blue {background-color:#EEF0FB; padding:60px 0;} /* #F6FBFF */
.dark-blue {background-color:#05104E; color:#fff; padding:60px 0;} 
.light-border {padding:20px 0;} 
.section {width:100%; margin:0 auto; }

/* Footer*/
#footer { margin-top:auto; position:relative; min-height:200px; background-color: #2c6b79; color:#fff; padding:25px 0 40px 0;}
.site-footer a:not(.button):not(.components-button) {color: #ffc234; text-decoration:none;}
.site-footer a:not(.button):not(.components-button).social-picto {border: 2px solid #ffc234; border-radius: 180px;}
.site-footer a:not(.button):not(.components-button):hover {text-decoration: underline; color:#ee7601;}
#footer.site-footer::before {content: ''; position: absolute; top:0; left:0; width:100%; height:100%; background-image: url('../images/grid-green.svg'); background-repeat:repeat; background-size:180px 180px; opacity:1;  z-index:0; pointer-events:none; }

.footer-row {display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; line-height: 1.4em;}
.footer-row p {font-size: 15px;}
.footer-column {display:flex; width:32%; flex-wrap:wrap; flex-direction: column; }
.footer-column:nth-child(2) { justify-content: flex-start; align-items: center; text-align: center;}
.footer-column:nth-child(3) { justify-content: flex-start; align-items: flex-end; text-align: right;}
.footer-column h4 { font-size:20px; margin:0 0 8px 0; padding:0; font-family:'arial_condensed_bold'; color: #ffc234; letter-spacing:0;}

#footer-bottom {background-color: #333; padding:20px 0; color:#e5e5e5 }
#footer-bottom a:not(.button):not(.components-button) {color: #ffc234; text-decoration:none;}
#footer-bottom a:not(.button):not(.components-button):hover {text-decoration: underline; color:#ee7601;}

.social-pictos-holder { display:flex; flex-wrap:wrap;}
.social-picto {display:flex; width:46px; height:46px; justify-content:center; align-items:center; margin-right: 15px;}
.social-picto:last-child {margin-right:0;}
.social-facebook {background-image: url(../images/social-logo-facebook.png); background-repeat:no-repeat; background-size: contain; }
.social-instagram {background-image: url(../images/social-logo-instagram.png); background-repeat:no-repeat; background-size: contain; }
.social-facebook:hover {background-image: url(../images/social-logo-facebook-hover.png); }
.social-instagram:hover {background-image: url(../images/social-logo-instagram-hover.png);}

/* Classe pour cacher visuellement mais garder pour lecteurs d'écran */
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space:nowrap; border:0;}

/* Lay-out*/
.section-2-columns {padding:54px 0;}
.section-2-columns .section {width:70%;}
.section-2-columns-holder {display:flex; flex-wrap:wrap; justify-content:space-between;}
.section-2-columns-holder.row-reverse {flex-direction: row-reverse;}
.section-2-columns-item {width:48%;}
.section-2-columns-item.picture, .section-2-columns-item.sidetext {width:48%;}
.section-2-columns-item-picture img {width:100%; height:auto; object-fit:cover;}
.section-2-columns-item-text .button-std {margin-top:15px; }
.section-2-columns-item.sidetext p {margin:0; padding:0;}
.section-2-columns-item.sidetext p:first-child {margin-top: 1em;}

/* Contenus principaux */
header.entry-header {display: flex; justify-content: center;}

/* Homepage */
.page-template-template-homepage .site-main { padding-top: 4.235801032em;}
body.page-template-template-homepage h1 {margin:0 0 10px 0}

/* Actualités - page de contenu */
.actus-row {display:flex; flex-wrap:wrap; margin-bottom: 50px;}
.actus-column {width:50%; padding-right:5%; display: flex; flex-direction: column;}
.actus-row h2 {font-size: 30px; line-height: 1.2em; margin:0 0 12px 0; }
#actus-main-picture img {width:100%; object-fit:cover;}

.button-std { border-radius:20px; border: 2px solid #ee7601; background-color: transparent; color: #222; font-size: 14px; padding:2px 15px; font-weight:100; margin:10px 0; display:inline-block; }
.post-edit-link { border-radius:20px; background-color: #e5e5e5; color: #999; padding:5px 15px; font-weight:100; margin:10px 0; display:inline-block;}
.button-std:hover { background-color:#ee7601; color:#fff;}
.post-edit-link:hover { background-color:#999; color:#fff;}
.buttons-holder {margin:15px 0 ;}
.edit-link {margin:40px 0 0 0; position:relative; display:inline-block;}

.back-link-holder {margin-top:30px;}
a.back-link {display:inline-flex; align-items:center; padding:1px 10px 1px 24px; background:url("../images/arrow-left.svg"); background-position:9px 6px ; background-repeat:no-repeat; background-size: 7px; text-decoration: none; border: 2px solid #ee7601; font-size: 14px; border-radius: 15px; color:#222}
a.back-link span { font-size:1em; position:relative;  }
a.back-link:hover { color:#fff; background:url("../images/arrow-left.svg"); background-position:9px 6px ; background-repeat:no-repeat; background-size: 7px; text-decoration: none; background-color: #ee7601}

/* Actus - Listing + Carousel */
#actus-grid, #actus-grid-header {margin-bottom:20px; display:flex; flex-wrap:wrap;}  
#actus-grid { gap: 2% 2%; }  
.actus-grid-item {display:flex; flex-wrap:wrap; flex-direction:column; width:32%; margin-bottom:25px;}
.actus-grid-item-column {display:flex; flex-wrap:wrap; flex-direction:column; width:100%; justify-content: center;}

#actus-grid-header {margin-bottom:50px;}
#actus-grid-header .actus-grid-item {flex-direction:row; gap:20px; width:100%; }
#actus-grid-header .actus-grid-item-column {width:33.33%; flex:0 0 calc(33.33% - 10px);}
#actus-grid-header .actus-grid-item-column:first-child {width:66.66%; flex:0 0 calc(66.66% - 10px);}

.actus-grid-picture {display:flex; position: relative; flex-direction:column; justify-content:flex-start; align-items:flex-start; height:auto; border:0; width:100%; aspect-ratio:16/10; padding: 20px; overflow: hidden; /* IMPORTANT pour le blur */}
.actus-grid-picture::before {content: ''; position: absolute; top: -50px; left: -50px;  right: -50px; bottom: -50px; background-image: var(--bg-image); /* Utilise la variable CSS */ background-size: cover; background-position: center; background-repeat: no-repeat; filter: blur(50px); z-index: 0; }
.actus-grid-picture img { position: relative; z-index: 1;height:100%; aspect-ratio: 16/10; width:100%; left: 0; -o-object-fit: contain; object-fit:contain; transition: opacity .35s; width: 100%; transition: transform 0.15s ease, opacity 0.15s; /* Ajout de transform */ transform: scale(1); /* État initial */}
.actus-grid-picture img:hover {opacity: 1; transform: scale(1.6); }
.actus-grid-title {font-size:24px; line-height:1.2em; margin:10px 0 8px; font-family: 'arial_condensed_bold';}
.actus-grid-publication {color:#7d7d7d; font-size:14px; padding: 8px 0 0 0;}
.actus-grid-summary {font-size: 16px; line-height: 1.3em; padding:0; margin:0 0 15px 0; }
.actus-page-summary {font-size: 22px; line-height: 1.3em; padding:0; margin:0 0 15px 0; font-family: 'arial_condensed_bold';}
.actus-grid-event-data-holder {margin:0px 0 20px;}
.actus-grid-event-data {font-size:21px; line-height: 1.2em; }

#actus-grid-header .actus-grid-picture {aspect-ratio: 2/1;}

/* Template galerie photo*/
.media-grid {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; margin:14px 0;}
.media-grid-item {width:32%; margin:0 2% 2% 0;}
.media-grid-item:nth-child(3n) {width:32%; margin:0 0 2% 0;}
.media-grid-item-inner {display:flex; background-color:#ee7601; border:1px solid #e5e5e5;}
.media-grid-item img {width:100%; height:100%; object-fit:cover; aspect-ratio:4 / 3; transition: opacity .35s; border-radius:0;}
.media-grid-item img:hover {mix-blend-mode: screen; -webkit-filter: contrast(150%); filter: contrast(150%); opacity: 1;}
.section-2-columns-item-picture {margin:0;}

.wp-block-media-text {margin-bottom:30px;}
.wp-block-media-text > .wp-block-media-text__content { display:flex; height:100%;}

.owl-carousel.owl-loaded {display:block;}
.owl-nav {font-size:4em; position:absolute; top:25%; display:flex; width:100%; justify-content:space-between;}
.owl-prev.disabled span, .owl-next.disabled span {display:none;}

/* Photo magasin - page de contenu */
img.shop-item-picture {aspect-ratio: 16/11; object-fit: cover;}
h1.shop-item-title {font-size:3em;}

/* Cache les flèches par défaut */
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {font-size: 0 !important; /* Cache le texte par défaut */ width: 30px; height: 30px; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; border: none; background-color: transparent;}
.owl-carousel .owl-nav button.owl-prev {background-image: url('../images/arrow-2024-left.png') !important;}
.owl-carousel .owl-nav button.owl-next {background-image: url('../images/arrow-2024-right.png') !important;}
.owl-carousel .owl-nav button.owl-prev:hover {background-image: url('../images/arrow-2024-left-hover.png') !important;}
.owl-carousel .owl-nav button.owl-next:hover {background-image: url('../images/arrow-2024-right-hover.png') !important;}

.owl-carousel-item .grid-item-inner {display:flex; position: relative; flex-direction:column; justify-content:flex-start; align-items:flex-start; height:50%; border:0; width:100%;  padding: 20px; overflow: hidden; /* IMPORTANT pour le blur */}
.owl-carousel-item .grid-item-inner::before {content: ''; position: absolute; top: -50px; left: -50px;  right: -50px; bottom: -50px; background-image: var(--bg-image); /* Utilise la variable CSS */ background-size: cover; background-position: center; background-repeat: no-repeat; filter: blur(50px); z-index: 0; }
.owl-carousel-item {display:flex; flex-direction:column; justify-content:flex-start; overflow:hidden; position:relative; aspect-ratio:1/1.11; background-color:#f0f0f0;}
.owl-carousel-item img { position: relative; z-index: 1;height:100%; aspect-ratio: 16/10; width:100%; left: 0; -o-object-fit: contain; object-fit:contain; transition: opacity .35s; width: 100%; transition: transform 0.15s ease, opacity 0.15s; /* Ajout de transform */ transform: scale(1); /* État initial */}
.owl-carousel-item img:hover {opacity: 1; transform: scale(1.6); }
.owl-item-data {padding:2% 4%; height:50%;}
.owl-carousel-item .actus-grid-publication {padding:0;}
.owl-carousel-item .actus-grid-title {font-size:22px; margin:10px 0 6px; font-family: 'arial_condensed_bold'; line-height: 1.1em;}
.owl-carousel-item .actus-grid-summary {font-size:16px; line-height:1.4em;;}
.owl-carousel-item .actus-grid-event-data {font-size:18px; }

/* Adpatations carousel magasin */
.owl-shop-carousel-item {display:flex; flex-direction:column; justify-content:flex-start; overflow:hidden; position:relative; background-color:#f0f0f0;}
.owl-shop-carousel-item img { position: relative; z-index: 1;height:100%; aspect-ratio: 16/11; width:100%; left: 0; -o-object-fit: cover; object-fit:cover; transition: opacity .35s; width: 100%; transition: transform 0.15s ease, opacity 0.15s; /* Ajout de transform */ transform: scale(1); /* État initial */}
#shop-carousel .owl-nav {font-size:4em; position:absolute; bottom:-40px; top:auto; display:flex; width:100%; justify-content:flex-end;}
#shop-carousel.owl-carousel .owl-nav button.owl-next, #shop-carousel.owl-carousel .owl-nav button.owl-prev, #shop-carousel.owl-carousel button.owl-dot {margin: 0;}
.shop-gallery-description { position: absolute; z-index: 999; bottom: 20px; left: 20px; font-size: 2em;}
.shop-gallery-description span {display: inline; box-shadow: 8px 0 0 #ffeb3b, -8px 0 0 #ffeb3b; background-color: #ffeb3b; padding: 4px 0; line-height: 1.6; box-decoration-break: clone; -webkit-box-decoration-break: clone;}

#home-about {margin: 0 0 80px 0;}

.section-blog.blog-row:nth-child(even) .section-blog-inner.blog-row {flex-direction:row-reverse;}
.section-blog {display:flex; width:100%; } 
.section-blog-holder {display:flex; width:100%; height:500px;} 
.section-blog-inner {display:flex; flex-wrap:wrap; width:100%;}
.blog-row {flex-direction:row;}
.section-blog-item {width:50%; height:100%;}
.section-blog-text { display:flex; flex-direction:column; align-items:center; justify-content:center;}
.section-blog-text-copy {padding:30px; display:flex; flex-direction:column; text-align: center;}
.section-blog-text-copy h2 {font-family: 'arial_condensed_bold'; line-height:1em; color:#000; font-size:2.2em; margin: 0 20px 20px; text-align: center;}
.section-blog-text-copy p {font-size:15px; }
.section-blog-picture-file { display:flex; width:100%; height:100%;}
.section-blog-picture-file img {width:100%; height:100%; object-fit: cover;}

.blog-column {flex-direction: column-reverse;}
.section-blog-inner.blog-column {flex-wrap: initial;}
.blog-column .section-blog-item {width:100%; height:100%;}
.blog-column .section-blog-holder {height:auto;}
.blog-column .section-blog-text {background-color: #394248; }
.blog-column .section-blog-text-copy {padding:80px 30px;}
.blog-column .section-blog-text-copy .button-std {color: #fff; border: 2px solid #fff;}
.blog-column .section-blog-text-copy .button-std:hover {color: #394248; border:2px solid #fff; background-color: #fff;}
.section-blog-text-columns {columns:2;}

/* Responsive */
@media (max-width: 1599px) {
    .shop-gallery-description {bottom: 10px; font-size: 1.4em;}
    .shop-gallery-description span {line-height: 1.8;}

    .owl-carousel-item .actus-grid-title {font-size:18px;}
    .owl-carousel-item .actus-grid-summary {font-size:14px;}
}
@media (max-width: 1299px) {
	.section-blog-holder {height:auto; min-height:500px;} 
    #header-logo .header-logo-picture {width:150px;}
    .main-navigation ul li {margin-right: 12px;}
    .main-navigation ul li:last-child {margin-right:0;}
    .main-navigation ul li a {font-size:1em; padding: 4px 15px;}
    .cart-customlocation {padding: 4px 15px;}
    .header-search-wrapper input[type="search"] {padding: 10px 45px 10px 15px;}
    #header.sticky #header-logo .header-logo-picture {width:200px;}
    .social-picto {width:35px; height:35px;}

    .owl-carousel-item .actus-grid-title {font-size:22px;}
    .owl-carousel-item .actus-grid-summary {font-size:16px;}
}
@media screen and (max-width: 1100px) {
    .slicknav_menu {display: block; background: url(../images/logo-tracksandwings-hor.svg) no-repeat #394248; background-position-x: 0%; background-position-y: 0%; background-size: auto; background-size: 180px; padding: 0; background-position: 15px 17px;}
	#mobile-logo.formobile {display:inline-block; position:relative; z-index:90; left:0px; top:0px; width:213px; height:53px;}
	#mobile-logo.formobile a {display:inline-block; position:fixed; z-index:91; width:213px; height:53px;}

    .actus-grid-item {width: 49%;}
    #actus-grid-header .actus-grid-item-column:first-child, #actus-grid-header .actus-grid-item-column {width: 49%; flex: 0 0 calc(49% - 10px);}
    #actus-grid-header .actus-grid-picture {aspect-ratio: 16/10;}

    .owl-carousel-item .actus-grid-title {font-size:18px;}
    .owl-carousel-item .actus-grid-summary {font-size:14px;}
}
@media (max-width: 991px) {
	.blog-row, .blog-column {flex-direction:column;}
	.section-blog-item {width:100%; height:auto;}
	.blog-column .section-blog-text {background-color:transparent;}
	.section-blog-picture-file img {aspect-ratio:16/9;}
	.section-blog-text-columns {columns:1;}

    .section-2-columns-item, .section-2-columns-item.picture {width: 100%;}
    h1 {font-size: 3rem}
    #shop-carousel {margin: 0 0 50px 0;} 
}
@media screen and (max-width: 782px) {
  html #wpadminbar {position:fixed;}
  .section-blog-text-copy h2 {text-align:center; font-size:2em; }
  
  .owl-carousel-item {aspect-ratio: auto;}
  .owl-item-data {height: auto;}

  .woocommerce-handheld-footer-bar,
  .storefront-handheld-footer-bar,
  footer.woocommerce-handheld-footer-bar,
  nav.woocommerce-handheld-footer-bar {display:none !important; visibility:hidden !important; opacity:0 !important; height:0 !important;}
}
@media (max-width: 768px) {
    h1 {font-size: 2.6rem;}
    h2 {font-size: 1.6rem;}
    .header-row {flex-direction:column; gap:15px; text-align:center;} 
    .header-col-left, .header-col-right {flex:1 1 100%; justify-content:center;}
    .header-search-wrapper {min-width:280px; width:100%;}
    .primary-navigation-menu {flex-direction: column; gap:10px;}
    
    /* Menu mobile hamburger */
    .mobile-menu-toggle {display:block; background:none; border:none; cursor:pointer; padding:10px;}
    .primary-navigation-menu {display:none; position:absolute; top:100%; left:0; right:0; background: white; box-shadow:0 2px 10px rgba(0,0,0,0.1); flex-direction: column; padding: 20px;}
    .primary-navigation-menu.is-open {display: flex;}

	.actus-row {flex-direction:row; margin-bottom:10px;}
	.actus-column {width:100%; padding-right:0; margin-bottom:20px;}

    .header-search-wrapper, .header-cart-wrapper {display: none;}

   .actus-grid-item {width: 100%;}
    #actus-grid-header .actus-grid-item-column:first-child, #actus-grid-header .actus-grid-item-column {width: 100%; flex: 0 0 calc(100% - 10px);}
    .media-grid-item img {object-fit:contain; aspect-ratio:auto; }

    .media-grid-item, .media-grid-item:nth-child(3n) {width:48%; margin: 0 2% 2% 0;}
	.media-grid-item:nth-child(2n) {margin: 0 0 2% 0; }

    .shop-gallery-description {bottom: 10px; font-size: 1em;}
    .shop-gallery-description span {line-height: 1.9;}

    .footer-row {flex-direction: column;}
    .footer-column {width:100%; margin-bottom: 20px;}
    .footer-column:nth-child(2), .footer-column:nth-child(3) { align-items: flex-start; text-align:left;}

    .owl-carousel-item .actus-grid-title {font-size:22px;}
    .owl-carousel-item .actus-grid-summary {font-size:16px;}

    .page-template-page-contact .actus-row {flex-direction: column-reverse;}
}
@media (min-width: 768px) {
  .col-full { max-width:88.5%; margin-left:auto; margin-right:auto; padding:0; box-sizing:content-box;}
  .storefront-breadcrumb {margin: 0;}
}
@media (max-width: 480px) {
    .media-grid-item, .media-grid-item:nth-child(2n), .media-grid-item:nth-child(3n) {width:100%; margin:2% 0;}
	.wp-block-media-text > .wp-block-media-text__content {padding: 20px 0;}

    .shop-gallery-description {bottom: 10px; font-size:1em;}
    .shop-gallery-description span {line-height:1.9;}
}