/*** CSS du single Product ***/
/*****************************/
/*** breadcrumb (woo) ***/
#breadcrumb_product {
    margin: 31px 0 42px;
}
/*** slider ***/
.bloc_chapo_single_product {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin-bottom: 61px;
}
.chapo_single_prod_slider {
    display: flex;
    width: 650px;
}
#single_product_img_block {
    position: sticky;
    display: block;
    width: 100%;
    max-width: 650px;
    height: fit-content;
    margin-bottom: 36px;
    top: 0;
}
#single_product_img_window_wrapp {
    position: relative;
    display: block;
    width: 100%;
    height: 650px;
    margin-bottom: 18px;
    background: var(--gris2);
    border-radius: var(--rad10);
}
.single_product_img_window_pic_link {
    display: block;
    height: 537px;
    box-sizing: border-box;
    padding: 0;
    border-radius: var(--rad10);
}
.woocommerce .single_product_img_window_pic_link img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    margin: auto;
    object-fit: cover;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: var(--rad10);
    z-index: 2;
}
.woocommerce .single_product_img_thumb img {
    border-radius: var(--rad10);
}

/* lightbox */
#single_product_img_lightbox {
    position: fixed;
    display: none;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 40px;
    box-sizing: border-box;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .85);
    z-index: 9999;
}
#single_product_img_lightbox.is_open {
    display: flex;
}
#single_product_img_lightbox_view {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    margin: 0 auto;
    object-fit: contain;
    border-radius: var(--rad10);
}
#single_product_img_lightbox_close {
    position: absolute;
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 40px;
    color: #fff;
    top: 12px;
    right: 12px;
    cursor: pointer;
}
body.has_lightbox_open {
    overflow: hidden;
}
#single_product_img_lightbox {
    display: none;
}

/* boutons swiper */
.my_product_swiper_buttons {
    position: absolute;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
}
.my_product_swiper_buttons .single_product_img_bt_prev,
.my_product_swiper_buttons .single_product_img_bt_next {
    position: absolute;
    content: '';
    display: block;
    width: 44px;
    height: 44px;
    top: 50%;
    transform: translateY(-50%);
    background: url("../img/arrow_swiper_product.svg") no-repeat center center;
    cursor: pointer;
    pointer-events: auto;
    z-index: 1;
}
.my_product_swiper_buttons .single_product_img_bt_prev {
    left: 23px;
    transform: translateY(-50%) rotate(180deg);
}
.my_product_swiper_buttons .single_product_img_bt_next {
    right: 23px;
}

/*** Content ***/
.chapo_single_prod_content {
    flex: 1;
    padding: 0;
}
.single_prod_maintitle h1 {
    line-height: normal;
    margin-bottom: 0;
    color: var(--bleu1);
}
.single_prod_ref.sku_wrapper {
    margin-bottom: 24px;
}
.single_prod_download {
    margin-bottom: 32px;
}
.single_prod_download .classic_btn_wizpic:before {
    position: absolute;
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    top: 8px;
    left: 22px;
    background-color: currentColor;
    -webkit-mask: url("../img/btn_download_picto.svg") no-repeat center / 24px 24px;
            mask: url("../img/btn_download_picto.svg") no-repeat center / 24px 24px;
}
.single_prod_excerpt {
    display: block;
    margin-bottom: 27px;
}
.list_product_caracteristics {
    display: block;
    margin-bottom: 24px;
}
.single_product_caracteristic {
    display: flex;
    justify-content: flex-start;
    column-gap: 19px;
    margin-bottom: 12px;
}
.single_prod_carac_title {
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 25px;
    width: 119px;
}
.single_prod_carac_text {
    flex: 1;
    display: block;
}
.single_prod_transport {
    margin-bottom: 10px;
}
.single_prod_addtocart {
    display: block;
    box-sizing: border-box;
    padding: 22px 25px 24px 28px;
    background-color: var(--gris2);
    border-radius: var(--rad10);
}

/* Panier achat (sur single product) */
.single_prod_addtocart {
    margin-bottom: 25px;
}
.single_prod_addtocart form {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    column-gap: 11px;
}
.single_prod_addtocart form table {
    margin-bottom: 10px;
}
.single_prod_addtocart form table.variations tr td.value select {
    width: 337px;
    height: 45px;
    box-sizing: border-box;
    padding: 9px 14px;
    background-color: var(--wh);
    border-radius: var(--rad5);
    border: unset;
}
.single_prod_addtocart form table.variations tr td a {
    display: none !important;
}
.single_prod_addtocart form table.variations tr th.label,
.single_prod_addtocart form table.variations tr td.value .reset_variations {
    display: none;
}
.single_prod_addtocart form .quantity input {
    height: 100%;
    border: unset;
    border-radius: var(--rad5);
}
.single_prod_addtocart form .single_variation_wrap,
.single_prod_addtocart .single_prod_addtocart_purchase {
    margin-bottom: 25px;
}
.single_variation_wrap .single_variation {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.single_product_price_variations,
.single_product_price_simple {
    margin-bottom: 18px;
}
.single_variation_wrap .single_variation .woocommerce-variation-price {
    margin-right: 20px;
}
.single_variation_wrap .single_variation .kal-unit-price {
    display: block;
}
.single_variation_wrap .single_variation .kal-unit-price .kal-unit-price__ht,
.single_variation_wrap .single_variation .kal-unit-price .kal-unit-price__ttc {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    padding: 2px 5px;
    margin-bottom: 7px;
    color: var(--bleu3);
    background-color: var(--gris1);
    border-radius: var(--rad5);
}
.single_product_price_variations .single_product_price_ht,
.single_product_price_simple .single_product_price_ht {
    font-size: 23px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 7px;
}
.single_prod_addtocart form .single_variation_wrap .woocommerce-variation-description,
.single_prod_addtocart form .single_variation_wrap .woocommerce-variation-availability,
.single_prod_addtocart_purchase .stock {
    display: none;
}
.single_prod_addtocart form .single_variation_wrap .woocommerce-variation-add-to-cart,
.single_prod_addtocart_purchase form {
    display: flex;
    justify-content: flex-start;
    gap: 11px;
}
.single_prod_addtocart form .single_variation_wrap .woocommerce-variation-add-to-cart .quantity input,
.single_prod_addtocart_purchase form .quantity input {
    width: 97px;
}
.single_prod_addtocart form button {
    font-family: "Rethink Sans", sans-serif;
    font-size: 15px !important;
    font-style: normal;
    line-height: normal !important;
    padding: 9px 22px 9px 51px !important;
    color: var(--bleu1) !important;    /* la couleur du picto va suivre celle du texte */
    background-color: var(--vert-pomme) !important;
    border-radius: var(--rad5) !important;
    transition: color 0.3s, background-color 0.3s;
}
.single_prod_addtocart form button:hover,
.single_prod_addtocart form button:focus-visible {
    color: var(--wh) !important;
    background-color: var(--bleu3) !important;
}
.single_prod_addtocart form button:before {
    position: absolute;
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    top: 8px;
    left: 22px;
    background-color: currentColor;
    -webkit-mask: url("../img/basket_picto.svg") no-repeat center / 24px 24px;
            mask: url("../img/basket_picto.svg") no-repeat center / 24px 24px;
}
.single_prod_payment_infos {
    display: flex;
    justify-content: flex-start;
    gap: 11px;
}
.payment_info_txt {
    display: block;
    max-width: 276px;
}
.payment_info_pics_container {
    flex: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 11px;
}
.payment_info_pic {
    display: block;
    width: auto;
    height: 34px;
}
.payment_info_pic img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

/**************************/
/*** DEBUT TUNNEL ACHAT ***/
/**************************/
/* Page Panier d'achat + Page Validation commande (checkout) */
.woocommerce-cart h1,
.woocommerce-checkout h1 {
    margin-top: 25px;
    text-align: center;
    color: var(--bleu1);
}
.woocommerce-cart .wc-block-cart__submit-button,
.woocommerce-checkout .wc-block-components-checkout-place-order-button {
    position: relative; /* pour la flèche */
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    padding: 18px 54px;
    text-decoration: unset;
    background: var(--vert-pomme);
    border-radius: var(--rad5);
    transition: all 0.3s;
}
.woocommerce-cart .wc-block-cart__submit-button:after,
.woocommerce-checkout .wc-block-components-checkout-place-order-button:after {
    position: absolute;
    content: '';
    background-image: url('../img/fleche_blanche_bouton.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-color: var(--turquoise);
    width: 9px;
    height: 7px;
    padding: 6px 8px;
    top: 50%;
    right: 22px;
    transform: translateY(-50%);
    border-radius: var(--rad90);
    transition: all 0.3s;
}
.woocommerce-cart .wc-block-cart__submit-button:hover,
.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover {
    color: var(--bleu1) !important;
}
.woocommerce-cart .wc-block-cart__submit-button:hover::after,
.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover::after {
    padding: 6px 12px;
    right: 14px;
    transition: all 0.3s;
}
.woocommerce-checkout .wc-block-components-checkout-place-order-button__text {
    display: block;
    color: var(--bleu1) !important;
}

/* Page Checkout */
.woocommerce-checkout .woocommerce-order .woocommerce-notice.woocommerce-notice--success {
    font-weight: 700;
    font-size: 18px;
    padding: 12px 20px;
    margin: 20px 0;
    background-color: var(--vert-pomme);
    border-radius: var(--rad10);
}
/************************/
/*** FIN TUNNEL ACHAT ***/
/************************/
.wp-block-product-new ul li a.add_to_cart_button {
    position: relative; /* pour la flèche */
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    padding: 18px 54px 18px 22px;
    text-decoration: unset;
    background: var(--vert-pomme);
    border-radius: var(--rad5);
    transition: all 0.3s;
}
.wp-block-product-new ul li a.add_to_cart_button:after {
    position: absolute;
    content: '';
    background-image: url('../img/fleche_blanche_bouton.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-color: var(--turquoise);
    width: 9px;
    height: 7px;
    padding: 6px 8px;
    top: 50%;
    right: 22px;
    transform: translateY(-50%);
    border-radius: var(--rad90);
    transition: all 0.3s;
}
.wp-block-product-new ul li a.add_to_cart_button:hover {
    color: var(--bleu1) !important;
}
.wp-block-product-new ul li a.add_to_cart_button:hover::after {
    padding: 6px 12px;
    right: 14px;
    transition: all 0.3s;
}

/*****************************/
/*** MB blocs page Produit ***/
/*****************************/
.single_product_long_desc {
    margin-bottom: 95px;
}
.bloc_tabs {
    margin-bottom: 95px;
}
.bloc_tabs_maintitle,
#bloc_tabs_nav {
    margin-bottom: 20px;
}
#bloc_tabs_nav ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 5px 3px;
    background-color: var(--gris2);
    border-radius: var(--rad5);
}
#bloc_tabs_nav ul li {
    box-sizing: border-box;
    padding: 8px 20px;
}
#bloc_tabs_nav ul li a {
    display: inline-block;
    font-weight: 500;
    line-height: 21px;
    padding: 7px 20px;
    text-decoration: unset;
    background-color: var(--gris2);
    border-radius: var(--rad5);
}
#bloc_tabs_nav ul li a:hover {
    color: unset;
    background-color: var(--wh);
}
#bloc_tabs_nav ul li a.selected {
    color: var(--wh);
    background-color: var(--bleu3);
}
#bloc_tabs_nav ul li a.selected:hover {
    color: var(--wh);
}
.bloc_tabs_content,
.bloc_tabs_single_content {
    display: block;
}
.bloc_tabs_content_iframe iframe {
    display: block;
    margin: 0 auto;
    border-radius: var(--rad10);
}
.bloc_avantages {
    display: block;
    box-sizing: border-box;
    padding: 46px 70px 50px;
    margin-bottom: 95px;
    background: var(--degrad-vert);
    border-radius: var(--rad10);
}
.bloc_avantage_maintitle {
    margin-bottom: 42px;
    text-align: center;
}
.bloc_avantages_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 46px;
}
.bloc_single_avantage {
    flex: 1;
    display: block;
    max-width: 260px;
}
.single_avantage_pic {
    display: block;
    width: 36px;
    height: 36px;
    margin-bottom: 16px;
}
.single_avantage_pic img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.single_avantage_title {
    margin-bottom: 17px;
}
.single_avantage_desc {
    color: var(--wh) !important;
}
.classic_content  {
    margin-bottom: 97px;
}
.bloc_faq {
    display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
    margin-bottom: 95px;
}
.faq_pic_n_title {
    display: block;
}
.faq_picto {
    position: relative;
    width: 448px;
    height: 310px;
    z-index: 1;
}
.faq_picto img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: var(--rad10);
}
.faq_picto:after {
    position: absolute;
    content: "";
    top: 0;
    left: 35px;
    width: 368px;
    height: 310px;
    background-color: rgba(255,255,255,.18);
    -webkit-backdrop-filter: blur(8.2px);
    backdrop-filter: blur(8.2px);
    /* utilise le SVG comme masque */
    mask: url("../img/lune.svg") no-repeat center;
    -webkit-mask: url("../img/lune.svg") no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
    pointer-events: none;
    z-index: 2;
}
.faq_maintitle {
    position: absolute;
    display: block;
    font-size: 53px;
    font-style: normal;
    font-weight: 800;
    line-height: 61px;
    width: 366px;
    left: 37px;
    bottom: 44px;
    color: var(--wh);
    z-index: 3;
}
.selected_faq_list {
	flex: 1;
	display: block;
	padding-left: 27px;
}
.single_faq {
	display: block;
	padding: 10px 24px;
	margin-bottom: 12px;
    background-color: var(--gris2);
	border-radius: var(--rad5);
}
.single_faq:hover {
	cursor: pointer;
}
.faq_question {
	position: relative; /* pour l'after "+" */
	font-size: 17px;
	font-weight: 700;
	line-height: normal;
	padding-right: 76px;
	margin-bottom: 15px;
}
.faq_question:after {
	position: absolute;
	content: '';
    background: url("../img/arrow_breadcrumb.svg") no-repeat center;
    transform: rotate(90deg);
	width: 12px;
	height: 24px;
	top: 0;
	right: 0;
	padding: 2px 13px 7px 22px;
    transition: all 0.3s;
}
.single_faq.single_faq_open .faq_question:after {
    transform: rotate(-90deg);
    transition: all 0.3s;
}
.faq_answer {
	display: none;
	line-height: 24px;
    padding-left: 42px;
    margin-right: 9%;
}
.single_faq.single_faq_open .faq_answer {
	display: block;
}
.get_related_products {
    margin-bottom: 95px;
}
.get_related_products .classic_title_h2 {
    margin-bottom: 36px;
}
.get_related_products_list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(311px, 100%), 1fr));
    gap: 24px;
    margin: 0;
    padding-left: 0;
}
.single_product_card {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-width: 0;
}
.single_product_card_pic {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    margin-bottom: 12px;
    overflow: hidden;
    border-radius: var(--rad10);
}
.single_product_card_pic img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    transition: transform 0.3s ease;
}
.single_product_card:hover .single_product_card_pic img {
    transform: scale(1.1);
}
.single_product_card_labels {
    position: absolute;
    top: 13px;
    right: 15px;
}
.single_product_card_labels span {
    display: block;
    font-weight: 500;
    line-height: normal;
    padding: 5px 11px;
    color: var(--wh);
    border-radius: var(--rad90);
}
.single_product_card_labels .label_new {
    background-color: var(--turquoise);
}
.single_product_card_labels .label_discount {
    background-color: var(--orange);
}
.single_product_card_price .single_product_price_simple {
    margin-bottom: 0;
}
.single_product_card_price .single_product_price_ht,
.single_product_card_price .price {
    font-size: 15px !important;
    line-height: 21px !important;
    margin-bottom: 0 !important;
    font-weight: 700 !important;
    color: var(--bleu1) !important;
}
.single_product_card_price .single_product_price_ht small {
    font-size: 100%;
}
.single_product_card_price .single_product_price_ttc {
    display: none;
}
.single_product_card a {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.bloc_realisations {
    margin-bottom: 95px;
}
.bloc_realisations_maintitle .classic_title_h2 {
    margin-bottom: 33px;
}
.bloc_single_realisations_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 25px;
}
.single_realisation_card {
    position: relative; /* pour le titre + <a> */
    display: block;
}
.single_realisation_pic {
    display: block;
    width: 422px;
    height: 435px;
    overflow: hidden;
    border-radius: var(--rad10);
}
.single_realisation_pic img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: var(--rad10);
    transform: scale(1);
    transition: 0.3s;
}
.single_realisation_card:hover .single_realisation_pic img {
    transform: scale(1.1);
    transition: 0.3s;
}
.single_realisation_title {
    position: absolute;
    display: block;
    bottom: 16px;
    right: 13px;
    left: 13px;
    background: var(--wh);
}
.single_realisation_title.classic_btn {
    background-color: var(--wh);
}
.single_realisation_card:hover .single_realisation_title:after {
    padding: 6px 12px;
    right: 14px;
    transition: all 0.3s;
}
.single_realisation_card a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}


/*** CSS de TAXONOMY-PRODUCT_CAT (pages "Hub" - taxos parentes) ***/
/******************************************************************/
.taxo_product_cat_case_has_cats {
    display: block;
    margin-bottom: 88px;
}
.count_single_product_cat {
    display: block;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 88%;
    padding-bottom: 17px;
    margin-bottom: 43px;
    border-bottom: 1px solid var(--gris1);
}
.product_cat_children_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 21px 24px;
}
.product_cat_single_child_cat {
    position: relative; /* pour le titre + <a> */
    display: block;
}
.product_cat_single_pic,
.product_cat_single_nopic {
    display: block;
    width: 311px;
    height: 363px;
    overflow: hidden;
    border-radius: var(--rad10);
}
.product_cat_single_pic img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: var(--rad10);
    transform: scale(1);
    transition: 0.3s;
}
.product_cat_single_nopic {
    background-color: var(--turquoise);
    border-radius: var(--rad10);
}
.product_cat_single_child_cat:hover .product_cat_single_pic img {
    transform: scale(1.1);
    transition: 0.3s;
}
.product_cat_single_infos {
    position: absolute;
    bottom: 16px;
    right: 13px;
    left: 13px;
    background: var(--wh);
}
.product_cat_single_child_cat:hover .product_cat_single_infos:after {
    padding: 6px 12px;
    right: 14px;
    transition: all 0.3s;
}
.product_cat_single_infos.classic_btn {
    background-color: var(--wh);
}
.product_cat_single_title {
    display: block;
}
.product_cat_single_title .product_cat_single_desc {
    position: relative;
    font-size: 15px;
    font-weight: 400;
    padding: 5px 0 0;
    bottom: 0;
    right: 0;
    left: 0;
}
.product_cat_single_desc {
    position: absolute;
    display: block;
    bottom: 16px;
    right: 13px;
    left: 13px;
    padding: 6px 12px;
    background: var(--wh);
    transition: all 0.3s;
}
.product_cat_single_child_cat a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.bloc_cta {
    position: relative; /* pour le :after lune */
    display: block;
    box-sizing: border-box;
    padding: 122px 110px 100px;
    margin-bottom: 95px;
    overflow: hidden;
    border-radius: var(--rad10);
    z-index: 1;
}
.bloc_cta:after {
    position: absolute;
    content: "";
    display: block;
    width: 835px;
    height: 1428px;
    top: 0;
    left: -39px;
    background-color: var(--wh);
    -webkit-backdrop-filter: blur(8.2px);
    backdrop-filter: blur(8.2px);
    /* utilise le SVG comme masque */
    mask: url("../img/lune_transparente.svg") no-repeat center;
    -webkit-mask: url("../img/lune_transparente.svg") no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
    pointer-events: none;
    z-index: 2;
}
.bloc_cta_content {
    position: relative;
    display: block;
    z-index: 3;
}
.bloc_cta_maintitle {
    position: relative;
    display: block;
    font-size: 53px;
    font-style: normal;
    font-weight: 800;
    line-height: 61px;
    max-width: 510px;
    margin-bottom: 42px;
    color: var(--wh);
    z-index: 2;
}
.bloc_cta_edit {
    position: relative;
    display: block;
    line-height: 23px;
    max-width: 444px;
    margin-bottom: 31px;
    color: var(--wh);
    z-index: 2;
}
.bloc_cta_edit p a.classic_btn_simple,
.bloc_cta_edit p a.classic_btn_simple:hover {
    color: var(--wh) !important;
}
.bloc_content_product_cat {
    display: block;
    margin-bottom: 76px;
}

/*** CSS de TAXONOMY-PRODUCT_CAT (sous-taxos enfants - Listing produits) ***/
/***************************************************************************/
.product_cat_list_single_products {
    position: relative; /* pour la sidebar en responsive */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 17px 24px;
    margin-bottom: 91px;
}
#product_cat_responsive_anchor {
    display: none; /* passe en block sous 880px + ajout JS pour déplacer sidebar dedans */
}
.product_cat_sidebar_n_filters {
    position: sticky;
    display: block;
    width: 313px;
    top: 45px; /* pour la vue en mode sticky */
    height: fit-content;
    align-self: flex-start;
}
/*** Sidebar ***/
.product_cat_sidebar {
    display: block;
    box-sizing: border-box;
    padding: 11px 10px 24px;
    margin-bottom: 22px;
    background-color: var(--gris2);
    border-radius: var(--rad10);
}
.product_cat_back {
    position: relative; /* pour le :before flèche */
    display: block;
    font-weight: 700;
    box-sizing: border-box;
    padding: 25px 35px;
    margin-bottom: 24px;
    text-decoration: none;
    color: var(--wh) !important;
    background-color: var(--bleu3);
    border-radius: var(--rad10);
}
.product_cat_back:before {
    position: absolute;
    content: '';
    background: url("../img/arrow_breadcrum_white.svg") no-repeat center;
    width: 12px;
    height: 24px;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
}
.product_cat_tree,
.product_cat_navigation_list,
.product_cat_navigation_item {
    display: block;
}
.product_cat_navigation_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: 17px;
}
.product_cat_navigation_item {
    width: 100%;
    margin-bottom: 9px;
}
.product_cat_navigation_item a {
    display: block;
    line-height: 28px;
    padding-left: 8px;
    text-decoration: none;
}
.product_cat_navigation_item.current {
    font-weight: 700;
    padding-left: 8px;
}
.product_cat_navigation_item ul {
    padding-left: 8px;
}
.product_cat_navigation_item ul li a {
    font-weight: 400 !important;
}
.product_cat_navigation_item ul li .current a {
    font-weight: 700 !important;
}
.product_cat_navigation_list li ul {
    display: none;
}
.product_cat_navigation_list li.current ul {
    display: block;
}
.product_cat_navigation_list li.current ul li a {
    padding-left: 17px;
}

/*** Filtres ***/
.product_cat_filters {
    display: block;
    box-sizing: border-box;
    padding: 30px 18px 42px;
    background-color: var(--gris2);
    border-radius: var(--rad10);
}
.product_cat_filters_maintitle {
    display: block;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 13px;
    margin-bottom: 24px;
}
.product_cat_filters fieldset {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.product_cat_filters fieldset legend {
    display: block;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 13px;
    margin-bottom: 24px;
}
.product_cat_filters fieldset label.product_filter_item {
    display: block;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 13px;
    margin-bottom: 20px;
    width: 100%;
}

/*** Affichage Produits ***/
.product_cat_content {
    flex: 1;
}
#product_cat_results ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 24px;
}
#product_cat_results ul:before {
    display: none;
}
#product_cat_results ul li {
    width: 311px;
    margin: 0;
}

/*** Affichage Formulaire ***/
.product_cat_noproduct_editor {
    display: block;
    margin-bottom: 43px;
}
.classic_gravity_form {
    display: block;
    margin-bottom: 91px;
}
.classic_gravity_form.classic_gravity_form {
    margin-bottom: 0;
}
.classic_gravity_form form {
    position: relative; /* pour le bouton envoi */
}
/*.classic_gravity_form .gfield:not(.gfield--type-consent) .ginput_container input,*/
.classic_gravity_form .gform_heading,
.classic_gravity_form .gfield--input-type-consent legend,
.classic_gravity_form .gform-field-label--type-sub {
    display: none !important;
}
.classic_gravity_form .gform_fields {
    gap: 13px 18px !important;
}
.classic_gravity_form .gfield legend,
.classic_gravity_form .gfield label {
    font-size: 15px;
    font-weight: 400;
    line-height: 27px;
    margin-bottom: 0;
    color: var(--bleu1);
}
.classic_gravity_form .gfield input,
.classic_gravity_form .gfield textarea,
.classic_gravity_form .gfield .ginput_container:not(.ginput_container_consent),
.classic_gravity_form .gfield .ginput_container input,
.classic_gravity_form .gfield .ginput_container span input,
.classic_gravity_form .gfield select {
    height: 54px;
    background-color: var(--gris2);
    border: unset;
    border-radius: var(--rad5);
}
.classic_gravity_form .gfield select {
    align-items: center;
}
.classic_gravity_form .gfield .ginput_container {
    margin: 0;
}
.classic_gravity_form .gfield .ginput_container span {
    padding: 0;
}
.classic_gravity_form .gfield--input-type-email,
.classic_gravity_form .gfield .ginput_container.ginput_container_textarea {
    height: auto;
}
.classic_gravity_form .ginput_container_consent input {
    width: 17px !important;
    height: 17px !important;
    margin-top: 5px !important;
}
.classic_gravity_form .ginput_container_consent input:before {
    color: var(--bleu1 ) !important;
}
.classic_gravity_form .gform-field-label {
    font-size: 14px;
}
.classic_gravity_form:has(.gfield--type-consent) .gfield--type-consent {
    width: 69%;
}
.classic_gravity_form:has(.gfield--type-consent) .gform-footer {
    position: absolute;
    display: block;
    right: 0;
    bottom: 0;
}
.classic_gravity_form .gform-footer button {
    display: block;
    padding: 9px 40px !important;
    background-color: var(--bleu1) !important;
    border-radius: var(--rad5) !important;
    transition: all 0.3s;
}
.classic_gravity_form .gform-footer:hover button {
    background-color: var(--bleu3) !important;
    transition: all 0.3s;
}
.classic_gravity_form .gform_confirmation_message {
    display: block;
    font-weight: 500;
    box-sizing: border-box;
    padding: 9px 21px;
    background-color: var(--vert-pomme);
    border-radius: var(--rad10);
}