/* Général */
html{scroll-behavior: smooth;}
*{ font-family: "Firelli Variable";font-size: 14px;}
a{text-decoration: none;transition: .5s;cursor: pointer;}
p{margin-top: 0;margin-bottom: 1em;}
svg{transition: .5s;display: block;position: relative;z-index: 4;}
svg path{transition: .5s;}
.d-flex{display: flex;}
.d-none{display: none!important;}
.justify-content-center{justify-content: center;}
.justify-content-space-around{justify-content: space-around;}
.justify-content-space-between{justify-content: space-between;}
.justify-content-flex-end{justify-content: flex-end;}
.align-items-center{align-items: center;}
.wrap{flex-wrap: wrap;}
.gap-20{gap: 20px;}
.p0{padding: 0;}
.overflow-hidden{overflow: hidden;}
.text-center{text-align: center;} 
ul{margin-left: 0;}
.container{padding: 0 8.33333333%;}
/* Variable */
:root {
    --Main-Color-Black: #1D1D1B;
    --Main-Color-White: #fff;
    --Main-Color-Blue: #1DC9D3;
    --Main-Color-Grey: #F4F3F1;
}
body{overflow-x: hidden;}
body.not-scroll{overflow: hidden;}
.grecaptcha-badge { visibility: hidden !important; }


/* global */


/* button */
.btn-link{display: inline-flex;align-items: center;justify-content: center;gap: 10px; border-radius: 60px;transition: .5s; background: transparent;border: 1px solid var(--Main-Color-Black);padding: 20px 60px;color: var(--Main-Color-Black); font-family: "IvyEpic Variable"; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 2.4px; text-transform: uppercase;}
.btn-link:hover{background: var(--Main-Color-Blue);color: var(--Main-Color-White);border-color: var(--Main-Color-Blue);}
.btn-link.white{border: 1px solid var(--Main-Color-White);color: var(--Main-Color-White);}
.btn-link.white:hover{background: var(--Main-Color-Blue);border-color: var(--Main-Color-Blue);}

/* Bloc text */
.bloc-text h1{color: var(--Color-DarkGrey); font-family: "Hubot Sans Expanded"; font-size: 45px; font-style: normal; font-weight: 500; line-height: 48px;margin-top: 0;margin-bottom: 30px;}
.bloc-text h1 span{color: var(--Main-Color-Blue); font-family: "Hubot Sans Expanded"; font-size: 45px; font-style: normal; font-weight: 500; line-height: 48px;}
.bloc-text h1 strong{font-family: "Hubot Sans Expanded"; font-size: 45px; font-style: normal; font-weight: 700; line-height: 48px;}

.bloc-text h2{color: var(--Main-Color-Black); font-family: "Firelli Variable"; font-size: 28px; font-style: normal; font-weight: 400; line-height: normal;margin-top: 0;margin-bottom: 25px;}
.bloc-text h2 span{color: var(--Main-Color-Black); font-family: "Firelli Variable"; font-size: 28px; font-style: normal; font-weight: 400; line-height: normal;margin-top: 0;margin-bottom: 25px;}
.bloc-text h2 strong{color: var(--Main-Color-Black); font-family: "Firelli Variable"; font-size: 28px; font-style: normal; font-weight: 400; line-height: normal;margin-top: 0;margin-bottom: 25px;}
.bloc-text h2 strong span{color: var(--Main-Color-Black); font-family: "Firelli Variable"; font-size: 28px; font-style: normal; font-weight: 400; line-height: normal;margin-top: 0;margin-bottom: 25px;}

.bloc-text p{color: var(--Main-Color-Black); font-family: "Firelli Variable"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.bloc-text li{color: var(--Main-Color-Black); font-family: "Firelli Variable"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.bloc-text p:last-of-type{margin-bottom: 0;}
.bloc-text ul{    padding-left: 30px;}
.bloc-text a{text-decoration: underline;color: var(--Main-Color-Black);}
.bloc-text a:hover{color: var(--Main-Color-Blue);}

.bloc-text.white h2{color: var(--Main-Color-White);}
.bloc-text.white h2 span{color: var(--Main-Color-White);}
.bloc-text.white h2 strong{color: var(--Main-Color-White);}
.bloc-text.white h2 strong span{color: var(--Main-Color-White);}

.bloc-text.white p{color: var(--Main-Color-White);}
.bloc-text.white li{color: var(--Main-Color-White);}

/* Bloc media */
.bloc-media img{width: 100%;height: 100%;object-fit: cover;object-position: center;display: block;}
.bloc-media video{width: 100%;height: 100%;object-fit: cover;object-position: center;display: block;}

/* Formulaire */
.bloc-contact form{display: flex;flex-wrap: wrap;gap:25px;justify-content: center;}
.bloc-contact form p{width: 100%;display: flex;flex-direction: column;gap: 15px;margin: 0;height: 100%;}
.bloc-contact form p br{display: none;}
.bloc-contact form .half{width: calc(50% - 12.5px);}
.bloc-contact form .half p{margin: 0;}
.bloc-contact form input[type="text"], .bloc-contact form input[type="email"], .bloc-contact form input[type="tel"]{width: 100%;padding: 15px 20px;border-radius: 10px;background: var(--Color-LightGrey);outline: none;color: var(--Color-DarkGrey, #3B3D44);font-family: "Hubot Sans"; font-size: 16px; font-style: normal; font-weight: 500;border: none;}
.bloc-contact form select{width: 100%;padding: 15px 20px;border-radius: 10px;background: var(--Color-LightGrey);outline: none;color: var(--Color-DarkGrey);font-family: "Hubot Sans"; font-size: 16px; font-style: normal; font-weight: 500;border: none;}
.bloc-contact form textarea{width: 100%;padding: 15px 20px;border-radius: 10px;background: var(--Color-LightGrey);outline: none;color: var(--Color-DarkGrey);font-family: "Hubot Sans"; font-size: 16px; font-style: normal; font-weight: 500;border: none; height: 170px;}
.bloc-contact form .wpcf7-response-output{margin: 0; width: 100%;padding: 10px 15px;border-radius: 0; background: transparent; outline: none; color: var(--Main-Color-Black); font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px;}
/* .bloc-contact form *::placeholder{color: var(--Color-LightGrey);} */
.bloc-contact form button.btn-container{margin-left: auto;margin-top: auto;cursor: pointer; display: flex;gap: 5px;align-items: center;transition: .5s;background: transparent;outline: none;border: none;padding: 0;}
.bloc-contact form span:not(.btn-container>*){color: var(--Color-DarkGrey);font-family: "Hubot Sans"; font-size: 16px; font-style: normal; font-weight: 500;}
.bloc-contact form span.wpcf7-not-valid-tip{color: #dc3232;}
.bloc-contact form label{color: var(--Color-DarkGrey);font-family: "Hubot Sans"; font-size: 16px; font-style: normal; font-weight: 500;}
.bloc-contact form .wpcf7-list-item{margin: 0;}

/* .bloc-contact form input[type=file] {height: 48px; position: relative; width: 100%;padding: 10px 20px;border-radius: 30px;border: none; border: 1px solid var(--Color-LightGrey); background: transparent; outline: none;color: var(--Color-LightGrey); font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px; }
.bloc-contact form input[type=file]::file-selector-button { position: absolute;right: 20px; border: none; background-color: transparent; padding: 0; cursor: pointer;color: transparent; background-image: url(/wp-content/themes/ecom/img/file.svg);background-size: cover;width: 24px;height: 24px; } */


/* Header */
header{position: absolute;top: 0;left: 0;z-index: 990; width: 100%;}

/* Header - Menu Desktop */
header .menu-desktop{display: flex;align-items: center;padding: 40px 120px 0;position: relative;z-index: 60;transition: .5s;}
header.scrolled .menu-desktop{padding: 20px 120px 0;}

/* Header - Logo */
header .menu-desktop .logo{overflow: hidden;width: 122px;height: auto;margin: 0 90px;}
header .menu-desktop .logo svg{width: 100%;height: auto;}

/* Header - Navigation */
header .menu-desktop .navigation{display: flex;align-items: flex-end;justify-content: center;width: 100%;}
header .menu-desktop .navigation nav>ul.menu{display: flex;gap: 40px;margin: 0;padding: 0;list-style: none;padding-bottom: 60px;}
header .menu-desktop .navigation nav>ul.menu>li{position: relative;}
header .menu-desktop .navigation nav>ul.menu>li>a{ color: var(--Main-Color-White); font-family: "Firelli Variable"; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; display: inline-block;position: relative;}
header .menu-desktop .navigation nav>ul.menu>li>a:hover{}
header .menu-desktop .navigation nav>ul.menu>li.open>a{}
header .menu-desktop .navigation nav>ul.menu>li.current-menu-ancestor>a{}
header .menu-desktop .navigation nav>ul.menu>li.current-menu-item>a{}
header .menu-desktop .navigation nav>ul.menu>li.menu-item-has-children>a{padding-right: 18px;}
header .menu-desktop .navigation nav>ul.menu>li.menu-item-has-children>a::after{content: '';position: absolute;background-image: url(/wp-content/themes/maison_billard/img/arrow-down.svg);background-size: contain;background-position: center;background-repeat: no-repeat; height: 12px;width: 12px; right: 0px;top: 50%;transform: translateY(-50%); transition: .5s;}

/* Header - Sub Menu */
header .menu-desktop .navigation nav>ul.menu>li>.sub-menu{z-index: 60;list-style: none;width: max-content; margin: 0;gap:15px; position: absolute;top: calc(100% + 10px);left: -20px;transition: .8s;display: flex;flex-direction: column; align-items: flex-start;justify-content: flex-start;height: auto;padding: 15px;background: var(--Main-Color-White);opacity: 0;visibility: hidden;}
header .menu-desktop .navigation nav>ul.menu>li.open>.sub-menu{opacity: 1;visibility: visible;}
header .menu-desktop .navigation nav>ul.menu>li>.sub-menu>li>a{ color: var(--Main-Color-Black); font-family: "Firelli Variable"; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; display: inline-block;position: relative;}

/* Header - Burger Button */
header .burger-button{position: relative;margin-left: 5px; display: none;align-items: center;justify-content: center;height: 100px;width: 100px; border-radius: 10px; background: rgba(255, 255, 255, 0.70); backdrop-filter: blur(15px);cursor: pointer; transition: .5s;}
header .burger-button svg{width: 20px;height: 20px;}
header .burger-button:hover{background: rgba(255, 255, 255, 0.90);}
header .burger-button svg path{fill: var(--Main-Color-Blue);transition: .5s;}
header .burger-button:hover svg path{fill: var(--Main-Color-Blue);}

header.open .burger-button{background: var(--Main-Color-Blue);}
header.open .burger-button svg path{fill: var(--Main-Color-White);}

/* Header - Black */
header.black .navigation nav>ul.menu>li>a{color: var(--Main-Color-Black);}
header.black .menu-desktop .navigation nav>ul.menu>li.menu-item-has-children>a::after{background-image: url(/wp-content/themes/maison_billard/img/arrow-down-black.svg);}
header.black .menu-desktop .navigation nav>ul.menu>li>.sub-menu{background: var(--Main-Color-Black);}
header.black .menu-desktop .navigation nav>ul.menu>li>.sub-menu>li>a{ color: var(--Main-Color-White);}



/* Header - Menu Mobile */
header .menu-mobile{transition: .5s;position: absolute;top: 0;left: 0;padding: 120px 30px 40px; width: 100%;height: 100vh;z-index: 55;background: var(--Main-Color-White);opacity: 0;visibility: hidden;max-height: 0vh;overflow-y: auto;}
header.open .menu-mobile{ opacity: 1; visibility: visible; max-height: 100vh;  }
header .menu-mobile .navigation{display: flex;align-items: flex-start;justify-content: flex-start;width: 100%;flex-direction: column;}
header .menu-mobile .navigation nav{width: 100%;}
header .menu-mobile .navigation nav>ul.menu{display: flex;gap: 0;margin: 0;padding: 0;list-style: none;flex-direction: column;width: 100%;}
header .menu-mobile .navigation nav>ul.menu>li{width: 100%;border-bottom: 1px solid var(--Color-LightGrey);}
/* header .menu-mobile .navigation nav>ul.menu>li:last-child{border-bottom: none;} */
header .menu-mobile .navigation nav>ul.menu>li>a{ color: var(--Main-Color-Blue); font-family: "Hubot Sans SemiCondensed"; font-size: 20px; font-style: normal; font-weight: 700; line-height: normal; display: block;position: relative;padding: 20px 0;width: 100%;transition: .3s;}
header .menu-mobile .navigation nav>ul.menu>li>a:hover{color: var(--Main-Color-Blue);}
header .menu-mobile .navigation nav>ul.menu>li.open>a{color: var(--Main-Color-Blue);}
header .menu-mobile .navigation nav>ul.menu>li.current-menu-ancestor>a{color: var(--Main-Color-Blue);}
header .menu-mobile .navigation nav>ul.menu>li.current-menu-item>a{color: var(--Main-Color-Blue);}
header .menu-mobile .navigation nav>ul.menu>li.menu-item-has-children>a{padding-right: 35px;}
header .menu-mobile .navigation nav>ul.menu>li.menu-item-has-children>a::after{content: '';position: absolute;background-image: url(/wp-content/themes/ecom/img/plus.svg);background-size: contain;background-position: center;background-repeat: no-repeat; height: 14px;width: 14px; right: 0px;top: 50%;transform: translateY(-50%) rotate(0deg); transition: .3s;}
header .menu-mobile .navigation nav>ul.menu>li.open.menu-item-has-children>a::after{transform: translateY(-50%) rotate(90deg);}

/* Header - Menu Mobile Sub Menu */
header .menu-mobile .navigation nav>ul.menu>li>.sub-menu{z-index: 60;padding: 0; display: flex;margin-top: 0; list-style: none; margin: 0;flex-direction: column;position: relative;top: 0;opacity: 1;visibility: visible;max-height: 0;overflow: hidden;gap: 0;transition: max-height .3s ease, padding .3s ease;}
header .menu-mobile .navigation nav>ul.menu>li.open>.sub-menu{max-height: 1000px;padding: 0 0 10px 0;}
header .menu-mobile .navigation nav>ul.menu>li>.sub-menu>li{border-bottom: 1px solid rgba(245, 244, 242, 0.5);transition: .3s;}
header .menu-mobile .navigation nav>ul.menu>li>.sub-menu>li:last-child{border-bottom: none;}
header .menu-mobile .navigation nav>ul.menu>li>.sub-menu>li:hover a{color: var(--Main-Color-Blue);}
header .menu-mobile .navigation nav>ul.menu>li>.sub-menu>li.open a{color: var(--Main-Color-Blue);}
header .menu-mobile .navigation nav>ul.menu>li>.sub-menu>li.current-menu-item a{color: var(--Main-Color-Blue);}
header .menu-mobile .navigation nav>ul.menu>li>.sub-menu>li.current-menu-ancestor a{color: var(--Main-Color-Blue);}
header .menu-mobile .navigation nav>ul.menu>li>.sub-menu>li>a{color: var(--Main-Color-Blue); font-family: "Hubot Sans SemiCondensed"; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; display: block;padding: 15px 0 15px 20px;transition: .3s;}
header .menu-mobile .navigation nav>ul.menu>li>.sub-menu>li.menu-item-has-children>a{padding-right: 35px;position: relative;}
header .menu-mobile .navigation nav>ul.menu>li>.sub-menu>li.menu-item-has-children>a::after{content: '';position: absolute;background-image: url(/wp-content/themes/ecom/img/plus.svg);background-size: contain;background-position: center;background-repeat: no-repeat; height: 12px;width: 12px; right: 0px;top: 50%;transform: translateY(-50%) rotate(0deg); transition: .3s;}
header .menu-mobile .navigation nav>ul.menu>li>.sub-menu>li.open.menu-item-has-children>a::after{transform: translateY(-50%) rotate(90deg);}

/* Footer */
footer{padding: 60px 120px; display: flex;}
footer .footer-logo{width: 16.66666667%;}
footer .footer-menu{width: 33.33333333%;display: flex;align-items: center;}
footer .footer-menu ul{list-style: none;display: flex;flex-wrap: wrap;gap: 10px 5px;margin: 0;padding: 0;}
footer .footer-menu ul li{width: calc(50% - 5px);}
footer .footer-menu ul li a{color: var(--Main-Color-Black); font-family: "Firelli Variable"; font-size: 14px; font-style: normal; font-weight: 700; line-height: normal;}
footer .footer-menu ul li a:hover{color: var(--Main-Color-Blue);}
footer .footer-right{margin-left: auto; width: 16.66666667%;display: flex;flex-direction: column;justify-content: space-between;align-items: flex-end;}
footer .footer-right .rs{display: flex;align-items: center;gap: 10px;margin-bottom: auto;}
footer .footer-right .rs a:hover svg path{fill: var(--Main-Color-Blue);}
footer .footer-right .copyright a{margin: 0; color: var(--Main-Color-Black); font-family: "Firelli Variable"; font-size: 14px; font-style: normal; font-weight: 300; line-height: normal;}
footer .footer-right .copyright a:hover{color: var(--Main-Color-Blue);}

/* page 404 */
.page-404 #content{padding: 150px 20px 100px;}
.page-404 #content .content{display: flex;}
.page-404 #content .content .text{width: 100%;}

/* Card produit */
.card-produit .card-produit__image{position: relative;width: 100%;height: 380px;overflow: hidden;}
.card-produit .card-produit__image img{width: 100%;height: 100%;display: block;transition: .5s;}
.card-produit:hover .card-produit__image img{transform: scale(1.06);}
.card-produit .card-produit__image .corner{position: absolute;bottom: -30px;right: 0px;z-index: 5;opacity: 0;transition: .5s;width:150px;height: auto; }
.card-produit:hover .card-produit__image .corner{bottom: 0px; opacity: 1;}
.card-produit .card-produit__content{padding: 20px 20px 0;width: 100%;display: flex;flex-direction: column;gap: 15px;align-items: center;}
.card-produit .card-produit__content .card-produit__title{color: var(--Main-Color-White); text-align: center; font-family: "Firelli Variable"; font-size: 22px; font-style: normal; font-weight: 400; line-height: normal;margin: 0;}
.card-produit .card-produit__content .card-produit__description{color: var(--Main-Color-White); text-align: center; font-family: "Firelli Variable"; font-size: 14px; font-style: italic; font-weight: 300; line-height: normal;margin: 0;}
.card-produit .card-produit__content .btn-link{opacity: 0;visibility: hidden;}
.card-produit:hover .card-produit__content .btn-link{opacity: 1;visibility: visible;}

/* page classique */
.page-classique #entry{position: relative;width: 100%;padding: 20px;position: relative;width: 100%;height: 70vh;}
.page-classique #entry .media{width: 100%;height: 100%;border-radius: 10px;overflow: hidden;}
.page-classique #entry .title{width: 33.33333333%;z-index: 2;position: absolute;bottom: 80px;left: 8.33333333%;}
.page-classique #entry .title h1{margin: 0;margin-bottom: 30px; color: var(--Main-Color-White); font-family: "Space Grotesk"; font-size: 56px; font-style: normal; font-weight: 700; line-height: 52px; text-transform: uppercase;}
.page-classique #entry .title h1 span{color: var(--Main-Color-Black); font-family: "Space Grotesk"; font-size: 22px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase;margin: 0;}

.page-classique #content{display: flex;background: var(--Color-LightGrey);margin: 0 20px 20px;border-radius: 10px;} 
.page-classique #content .content-container{width: 100%;position: relative; padding: 100px 0;}
.page-classique #content .text{width: 83.33333333%;margin: auto;}
.page-classique #content .text a{color: var(--Main-Color-Blue);text-decoration: underline;}

/* Page accueil */
.page-home #hero{height: 100vh;width: 100%;position: relative;background: var(--Main-Color-Black);}
.page-home #hero .title{position: absolute;bottom: 180px;left: 50%;transform: translate(-50%, 0%);text-align: center;z-index: 5;}
.page-home #hero .title h1{color: var(--Main-Color-White); font-family: "Firelli Variable"; font-size: 40px; font-style: italic; font-weight: 100; line-height: normal;margin: 0;}
.page-home #hero .title h1 strong{color: var(--Main-Color-White); font-family: "Firelli Variable"; font-size: 40px; font-style: normal; font-weight: 600; line-height: normal;}
.page-home #hero .hero-carousel{width: 100%;height: 100vh;position: relative}
.page-home #hero .hero-carousel .owl-nav{margin: 0;}
.page-home #hero .hero-carousel .owl-nav .owl-prev{opacity: 0.4; transition: .5s; position: absolute;left: 120px;top: 50%;transform: translateY(-50%);margin: 0; z-index: 5;background: transparent;outline: none;border: none;}
.page-home #hero .hero-carousel .owl-nav .owl-next{opacity: 0.4; transition: .5s; position: absolute;right: 120px;top: 50%;transform: translateY(-50%);margin: 0; z-index: 5;background: transparent;outline: none;border: none;}
.page-home #hero .hero-carousel .owl-nav button:hover{opacity: 1;}
.page-home #hero .hero-carousel .hero-carousel__item{width: 100%;height: 100vh;}
.page-home #hero .hero-carousel .hero-carousel__item .btn-link{position: absolute;bottom: 50px;z-index: 5;left: 50%;transform: translateX(-50%);}

.page-home #gamme-menu{padding: 120px;display: flex;gap: 20px;}
.page-home #gamme-menu .gamme-item{position: relative;height: 500px;width: 100%;overflow: hidden;}
.page-home #gamme-menu .gamme-item img{width: 100%;height: 100%;object-fit: cover;object-position: center;display: block; transition: .5s;}
.page-home #gamme-menu .gamme-item:hover img{transform: scale(1.08);}
.page-home #gamme-menu .gamme-item .title{position: absolute;bottom: 40px;z-index: 5;width: 100%;transition: .5s;}
.page-home #gamme-menu .gamme-item:hover .title{bottom: 110px;}
.page-home #gamme-menu .gamme-item .title h2{margin: 0; color: var(--Main-Color-Black); text-align: center; font-family: "Firelli Variable"; font-size: 28px; font-style: normal; font-weight: 400; line-height: normal;}
.page-home #gamme-menu .gamme-item .title h2::first-line{color: var(--Main-Color-Blue); font-family: "Firelli Variable"; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal;}
.page-home #gamme-menu .gamme-item .btn-link{position: absolute;bottom: 0px;z-index: 5;left: 50%;transform: translateX(-50%);opacity: 0;}
.page-home #gamme-menu .gamme-item:hover .btn-link{bottom: 40px; opacity: 1;}
.page-home #gamme-menu .gamme-item .corner{position: absolute;bottom: -12px;right: 0px;z-index: 5;opacity: 0;transition: .5s;width:100px;height: auto; }
.page-home #gamme-menu .gamme-item:hover .corner{bottom: 0px; opacity: 1;}

.page-home #gateaux{display: flex;background: var(--Main-Color-Black);align-items: center;}
.page-home #gateaux .text{width: 50%;padding-left: 120px;display: flex;flex-direction: column;justify-content: center;}
.page-home #gateaux .text .text-container{width: 50%;margin-left: 16.66666667%;}
.page-home #gateaux .text .text-container h2::first-line{color: var(--Main-Color-Blue); font-family: "Firelli Variable"; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal;}
.page-home #gateaux .text .text-container a.btn-link{margin-top: 20px;}
.page-home #gateaux .media{width: 50%;}

.page-home #maison-billard{position: relative;margin-top: 120px;margin-bottom: 120px; display: flex;background: var(--Main-Color-Grey);align-items: center;}
.page-home #maison-billard .text{ width: 33.33333333%;padding-right: 120px; margin-left: 8.33333333%;display: flex;flex-direction: column;justify-content: center;}
.page-home #maison-billard .text .text-container{width: 100%;}
.page-home #maison-billard .text .text-container h2 strong{color: var(--Main-Color-Blue); font-family: "Firelli Variable"; font-size:28px; font-style: italic; font-weight: 700; line-height: normal;}
.page-home #maison-billard .text .text-container a.btn-link{margin-top: 20px;}
.page-home #maison-billard .corner{position: absolute;bottom: -52px;right: 120px;z-index: 5;}
.page-home #maison-billard .media{width: 50%;}

.page-home #boutiques{padding: 120px;background: var(--Main-Color-Black);display: flex;}
.page-home #boutiques .title{width: 16.66666667%;display: flex;justify-content: center;align-items: center;}
.page-home #boutiques .title h2{    white-space: nowrap;transform: rotate(-90deg);color: var(--Main-Color-Blue); font-family: "Firelli Variable"; font-size: 38px; font-style: normal; font-weight: 300;margin: 0;}
.page-home #boutiques .title h2 strong{color: var(--Main-Color-White); font-family: "Firelli Variable"; font-size: 38px; font-style: italic; font-weight: 600;}
.page-home #boutiques .boutiques-list{width: 75%;display: flex;flex-wrap: wrap;gap: 20px;}
.page-home #boutiques .boutiques-list .boutique-item{width: calc(33.33333333% - 15px);}
.page-home #boutiques .boutiques-list .boutique-item img{width: 100%;height: auto;object-fit: cover;object-position: center;display: block;}
.page-home #boutiques .boutiques-list .boutique-item h3{margin-top: 30px;margin-bottom: 15px; color: var(--Main-Color-Blue); font-family: "Firelli Variable"; font-size: 18px; font-style: italic; font-weight: 700; line-height: normal;}
.page-home #boutiques .boutiques-list .boutique-item p{margin-bottom: 0; color: var(--Main-Color-White); font-family: "Firelli Variable"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}

/* Page - Gamme produits */
.page-gamme #hero{height: 680px;width: 100%;position: relative;background: var(--Main-Color-Black);}
.page-gamme #hero .title{position: absolute;bottom: 80px;right: 120px;z-index: 5;}
.page-gamme #hero .title h1{color: var(--Main-Color-White); font-family: "Firelli Variable"; font-size: 40px; font-style: italic; font-weight: 100; line-height: normal;margin: 0;}
.page-gamme #hero .title h1 strong{color: var(--Main-Color-White); font-family: "Firelli Variable"; font-size: 40px; font-style: normal; font-weight: 600; line-height: normal;}
.page-gamme #hero .media{width: 100%;height: 100%;position: relative}

.page-gamme #gamme-menu{padding: 120px 120px 0;display: flex;gap: 20px;justify-content: center;align-items: center;}

.page-gamme #content .gamme-content{width: 100%;display: flex;flex-wrap: wrap;}
.page-gamme #content .gamme-title{width: 50%;padding: 120px;position: relative;margin: auto;}
.page-gamme #content .gamme-title:before{content:'';position: absolute;bottom: -1px;left: 50%;transform: translateX(-50%);width: 80px;height: 40px;background-image: url(/wp-content/themes/maison_billard/img/shape.svg);background-size: cover;background-repeat: no-repeat;}
.page-gamme #content .gamme-title h2{margin-top: 0;margin-bottom: 30px; color: var(--Main-Color-Black); text-align: center; font-family: "Firelli Variable"; font-size: 34px; font-style: normal; font-weight: 400; line-height: normal;}
.page-gamme #content .gamme-title h2::first-line{color: var(--Main-Color-Blue); text-align: center; font-family: "Firelli Variable"; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal;}
.page-gamme #content .gamme-title p{margin-bottom: 0; color: var(--Main-Color-Black); text-align: center; font-family: "Firelli Variable"; font-size: 16px; font-style: italic; font-weight: 300; line-height: 26px;}
.page-gamme #content .gamme-content-inner{padding: 120px;display: flex;flex-wrap: wrap;gap: 60px 20px;width: 100%;background: var(--Main-Color-Black);}
.page-gamme #content .gamme-content-inner .card-produit{width: calc(25% - 15px);}

.page-gamme #other-gamme{padding: 120px;position: relative;display: flex;flex-direction: column;gap: 50px;}
.page-gamme #other-gamme:before{content:'';position: absolute;top: -39px;left: 50%;transform: translateX(-50%); width: 80px;height: 40px;background-image: url(/wp-content/themes/maison_billard/img/shape-white.svg);background-size: cover;background-repeat: no-repeat;}
.page-gamme #other-gamme>.title{width: 100%;display: flex;justify-content: center;align-items: center;}
.page-gamme #other-gamme>.title h2{margin: 0;text-align: center; color: var(--Main-Color-Black); font-family: "Firelli Variable"; font-size: 32px; font-style: normal; font-weight: 300; line-height: normal;}
.page-gamme #other-gamme>.title h2 strong{color: var(--Main-Color-Blue); font-family: "Firelli Variable"; font-size: 32px; font-style: italic; font-weight: 700; line-height: normal;}
.page-gamme #other-gamme .gamme-menu{display: flex;gap: 20px;width: 100%;}
.page-gamme #other-gamme .gamme-menu .gamme-item{position: relative;height: 500px;width: 100%;overflow: hidden;}
.page-gamme #other-gamme .gamme-menu .gamme-item img{width: 100%;height: 100%;object-fit: cover;object-position: center;display: block; transition: .5s;}
.page-gamme #other-gamme .gamme-menu .gamme-item:hover img{transform: scale(1.08);}
.page-gamme #other-gamme .gamme-menu .gamme-item .title{position: absolute;bottom: 40px;z-index: 5;width: 100%;transition: .5s;}
.page-gamme #other-gamme .gamme-menu .gamme-item:hover .title{bottom: 110px;}
.page-gamme #other-gamme .gamme-menu .gamme-item .title h2{margin: 0; color: var(--Main-Color-Black); text-align: center; font-family: "Firelli Variable"; font-size: 28px; font-style: normal; font-weight: 400; line-height: normal;}
.page-gamme #other-gamme .gamme-menu .gamme-item .title h2::first-line{color: var(--Main-Color-Blue); font-family: "Firelli Variable"; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal;}
.page-gamme #other-gamme .gamme-menu .gamme-item .btn-link{position: absolute;bottom: 0px;z-index: 5;left: 50%;transform: translateX(-50%);opacity: 0;}
.page-gamme #other-gamme .gamme-menu .gamme-item:hover .btn-link{bottom: 40px; opacity: 1;}
.page-gamme #other-gamme .gamme-menu .gamme-item .corner{position: absolute;bottom: -12px;right: 0px;z-index: 5;opacity: 0;transition: .5s;width:100px;height: auto; }
.page-gamme #other-gamme .gamme-menu .gamme-item:hover .corner{bottom: 0px; opacity: 1;}

.page-gamme #boutiques{padding: 120px;background: var(--Main-Color-Black);display: flex;}
.page-gamme #boutiques .title{width: 16.66666667%;display: flex;justify-content: center;align-items: center;}
.page-gamme #boutiques .title h2{    white-space: nowrap;transform: rotate(-90deg);color: var(--Main-Color-Blue); font-family: "Firelli Variable"; font-size: 38px; font-style: normal; font-weight: 300;margin: 0;}
.page-gamme #boutiques .title h2 strong{color: var(--Main-Color-White); font-family: "Firelli Variable"; font-size: 38px; font-style: italic; font-weight: 600;}
.page-gamme #boutiques .boutiques-list{width: 75%;display: flex;flex-wrap: wrap;gap: 20px;}
.page-gamme #boutiques .boutiques-list .boutique-item{width: calc(33.33333333% - 15px);}
.page-gamme #boutiques .boutiques-list .boutique-item img{width: 100%;height: auto;object-fit: cover;object-position: center;display: block;}
.page-gamme #boutiques .boutiques-list .boutique-item h3{margin-top: 30px;margin-bottom: 15px; color: var(--Main-Color-Blue); font-family: "Firelli Variable"; font-size: 18px; font-style: italic; font-weight: 700; line-height: normal;}
.page-gamme #boutiques .boutiques-list .boutique-item p{margin-bottom: 0; color: var(--Main-Color-White); font-family: "Firelli Variable"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}

/* Single Produit */

.single-produit #entry{display: flex;flex-wrap: wrap;padding: 60px 120px 120px;margin-top: 220px;align-items: center;}
.single-produit #entry .col-left{width: 33.33333333%;margin-left: 8.33333333%;}
.single-produit #entry .col-right{margin-left: 16.66666667%;width: 33.33333333%;}
.single-produit #entry .col-right .title{width: 50%;}
.single-produit #entry .col-right .title .cat{color: var(--Main-Color-Blue); font-family: "Firelli Variable"; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal;margin-bottom: 0;}
.single-produit #entry .col-right .title h1{margin-top: 10px;margin-bottom: 20px; color: var(--Main-Color-Black); font-family: "Firelli Variable"; font-size: 36px; font-style: normal; font-weight: 400; line-height: normal;}
.single-produit #entry .col-right .content{width: 100%;}
.single-produit #entry .col-right .commande{width: 100%;}

.single-produit #linked-products{padding: 120px 120px 100px;position: relative;display: flex;flex-direction: column;gap: 50px;background: var(--Main-Color-Black);}
.single-produit #linked-products:before{content:'';position: absolute;top: -39px;left: 50%;transform: translateX(-50%); width: 80px;height: 40px;background-image: url(/wp-content/themes/maison_billard/img/shape.svg);background-size: cover;background-repeat: no-repeat;}
.single-produit #linked-products>.title{width: 100%;display: flex;justify-content: center;align-items: center;}
.single-produit #linked-products>.title h2{margin: 0;text-align: center; color: var(--Main-Color-White); font-family: "Firelli Variable"; font-size: 32px; font-style: normal; font-weight: 300; line-height: normal;}
.single-produit #linked-products>.title h2 strong{color: var(--Main-Color-Blue); font-family: "Firelli Variable"; font-size: 32px; font-style: italic; font-weight: 700; line-height: normal;}
.single-produit #linked-products .products-list{display: flex;flex-wrap: wrap;gap: 60px 20px;width: 100%;}
.single-produit #linked-products .products-list .card-produit{width: calc(25% - 15px);}

.single-produit #boutiques{padding: 120px;background: var(--Main-Color-Black);display: flex;}
.single-produit #boutiques .title{width: 16.66666667%;display: flex;justify-content: center;align-items: center;}
.single-produit #boutiques .title h2{    white-space: nowrap;transform: rotate(-90deg);color: var(--Main-Color-Blue); font-family: "Firelli Variable"; font-size: 38px; font-style: normal; font-weight: 300;margin: 0;}
.single-produit #boutiques .title h2 strong{color: var(--Main-Color-White); font-family: "Firelli Variable"; font-size: 38px; font-style: italic; font-weight: 600;}
.single-produit #boutiques .boutiques-list{width: 75%;display: flex;flex-wrap: wrap;gap: 20px;}
.single-produit #boutiques .boutiques-list .boutique-item{width: calc(33.33333333% - 15px);}
.single-produit #boutiques .boutiques-list .boutique-item img{width: 100%;height: auto;object-fit: cover;object-position: center;display: block;}
.single-produit #boutiques .boutiques-list .boutique-item h3{margin-top: 30px;margin-bottom: 15px; color: var(--Main-Color-Blue); font-family: "Firelli Variable"; font-size: 18px; font-style: italic; font-weight: 700; line-height: normal;}
.single-produit #boutiques .boutiques-list .boutique-item p{margin-bottom: 0; color: var(--Main-Color-White); font-family: "Firelli Variable"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}




/* Responsive */
@media screen and (max-width: 1500px) {
	
}