@import url('customise/customise.css');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;400;500;600&display=swap');

/*-------------------------------------------------------------------*/
/* Icone des réseaux sociaux ----------------------------------------*/
/*-------------------------------------------------------------------*/
.fa-brands {
    font-family: "Font Awesome 6 Brands"; font-weight: 400; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;
    display: inline-block; font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto;
}

/*-------------------------------------------------------------------*/
/* Reset root boostrap ----------------------------------------------*/
/*-------------------------------------------------------------------*/
:root, [data-bs-theme=light] {
    --bs-font-sans-serif: 'Manrope', sans-serif;
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.3;
    --bs-body-color: #212529;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg: #F6F6F6;
    --bs-primary-text-emphasis: color-mix(in srgb, var(--bs-secondary) 50%, black 50%);
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-link-color: var(--bs-primary);
    --bs-link-hover-color: var(--bs-secondary);
    --bs-link-color-rgb: var(--bs-primary-rgb);
    --bs-link-hover-color-rgb: var(--bs-secondary-rgb);
    --pws-adresse-item-line-height: 1.2em;
    --pws-adresse-item-padding: 1em;
    --pws-adresse-item-radius: 0.5em;
    --pws-color-gray: #e2ebf6;
    --pws-color-dark-gray: #c4d1e1;
    --pws-radio-border-width: 2px;
    --pws-radio-size: 1.5em;
}

/*-------------------------------------------------------------------*/
/* Bouton -----------------------------------------------------------*/
/*-------------------------------------------------------------------*/
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-secondary);
    --bs-btn-hover-border-color: var(--bs-secondary);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-secondary);
    --bs-btn-active-border-color: var(--bs-secondary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: rgba(var(--bs-primary-rgb), 0.8);
    --bs-btn-disabled-border-color: rgba(var(--bs-primary-rgb), 0.8);
}
.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: rgba(var(--bs-secondary-rgb), 0.8);
    --bs-btn-disabled-border-color: rgba(var(--bs-secondary-rgb), 0.8);
}

/*-------------------------------------------------------------------*/
/* Accordion --------------------------------------------------------*/
/*-------------------------------------------------------------------*/
.accordion {
    --bs-accordion-color: var(--bs-body-color);
    --bs-accordion-bg: var(--bs-body-bg);
    --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
    --bs-accordion-border-color: var(--bs-border-color);
    --bs-accordion-border-width: var(--bs-border-width);
    --bs-accordion-border-radius: var(--bs-border-radius);
    --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon-width: 1rem;
    --bs-accordion-btn-focus-border-color: none;
    --bs-accordion-btn-focus-box-shadow: none;
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: var(--bs-primary-text-emphasis);
    --bs-accordion-active-bg: white
}

/*-------------------------------------------------------------------*/
/* List groupe ------------------------------------------------------*/
/*-------------------------------------------------------------------*/
.list-group {--bs-list-group-border-color: #8e8e8e;}

/*-------------------------------------------------------------------*/
/* Table ------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
.table {--bs-table-bg: white}

/*-------------------------------------------------------------------*/
/* Card -------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
.card {
    --bs-card-box-shadow: 0 2px 10px -3px rgba(0, 0, 0, 0.07), 0 5px 15px -2px rgba(0, 0, 0, 0.04);
    --bs-card-bg: #fff; --bs-card-border-radius: 8px; border: none; box-shadow: var(--bs-card-box-shadow)
}

/*-------------------------------------------------------------------*/
/* Dropdown ---------------------------------------------------------*/
/*-------------------------------------------------------------------*/
.dropdown-item:focus, .dropdown-item:hover {color: white !important; background-color: var(--bs-primary)}

/*-------------------------------------------------------------------*/
/* Descr Catagorie --------------------------------------------------*/
/*-------------------------------------------------------------------*/
.block-category-inner p:last-child {margin-bottom: 0;}

/*-------------------------------------------------------------------*/
/* Modal ------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
.modal-backdrop {opacity: 0.4}

/*-------------------------------------------------------------------*/
/* Typographie ------------------------------------------------------*/
/*-------------------------------------------------------------------*/
h1 {font-size: 2em}
h2 {font-size: 1.5em}
h3 {font-size: 1.17em}
h4 {font-size: 1.12em}
h5 {font-size: .83em}
h6 {font-size: .75em}
.small-xs {font-size: .8rem}
.font-roboto-condensed {font-family: 'Roboto Condensed', sans-serif !important}
.text-size-14 {font-size: 14px}

/*-------------------------------------------------------------------*/
/* Message d'attente ------------------------------------------------*/
/*-------------------------------------------------------------------*/
#waitmsg {
    position: fixed; left: 0; right: 0; top: 0; z-index: 1200; width: 100%; height: 100%; background-color: #000; opacity: 0.8;
    filter:alpha(opacity=80); text-align: center; color:#FFF; overflow: hidden;
}
.loader {position: absolute; top: calc(50% - 32px); left: calc(50% - 32px); width: 64px; height: 64px; border-radius: 50%; perspective: 800px;}
.loader .inner {position: absolute; box-sizing: border-box; width: 100%; height: 100%; border-radius: 50%;}
.loader .inner.one {left: 0; top: 0; animation: rotate-one 1s linear infinite; border-bottom: 3px solid;}
.loader .inner.two {right: 0; top: 0; animation: rotate-two 1s linear infinite; border-right: 3px solid;}
.loader .inner.three {right: 0; bottom: 0; animation: rotate-three 1s linear infinite; border-top: 3px solid;}
@keyframes rotate-one { 0% { transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); } 100% { transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); } }
@keyframes rotate-two { 0% { transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); } 100% { transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); } }
@keyframes rotate-three { 0% { transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); } 100% { transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); } }

/*-------------------------------------------------------------------*/
/* Effet loading sur input ------------------------------------------*/
/*-------------------------------------------------------------------*/
.form-control.is-loading {background-color: #f8f9fa; cursor: progress;}
.form-control.is-loading {
    background-image: linear-gradient(100deg, rgba(255,255,255,0) 40%, rgba(0,0,0,.05) 50%, rgba(255,255,255,0) 60%);
    background-size: 200% 100%; animation: loading-shimmer 1.2s infinite;
}
@keyframes loading-shimmer {
    from { background-position: 200% 0; }
    to   { background-position: -200% 0; }
}

/*-------------------------------------------------------------------*/
/* Collapse ---------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/* Icône collapse */
.collapse-icon {transition: transform 0.2s ease;}
/* Quand le collapse est fermé */
button[aria-expanded="false"] .collapse-icon {transform: rotate(-90deg);}
/* Quand ouvert (par défaut chevron-down) */
button[aria-expanded="true"] .collapse-icon {transform: rotate(0deg);}

/*-------------------------------------------------------------------*/
/* Bouton back to top -----------------------------------------------*/
/*-------------------------------------------------------------------*/
.back-icon {
    font-size:40px; position:fixed; bottom:30px; right:30px; color:#fff; border-radius:3px; width:40px; height:40px; text-align:center
}
.back-to-top .back-icon {
    z-index: 999999; display: flex; align-items: center; justify-content: center; flex-flow: column;
    right: 50px; bottom: 50px; border: 1px dashed;
}
.back-to-top i, .back-to-top .back-icon svg {font-size: 24px}
.back-to-top .back-icon svg path {color: #fff}

/*-------------------------------------------------------------------*/
/* Formulaire ---------------------------------------------------------*/
/*-------------------------------------------------------------------*/
.form-check-input:checked {background-color: var(--bs-primary); border-color: var(--bs-primary)}

/*-------------------------------------------------------------------*/
/* Lien -------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
a {text-decoration: none}
.cursor-pointer {cursor: pointer}

/*-------------------------------------------------------------------*/
/* Header -----------------------------------------------------------*/
/*-------------------------------------------------------------------*/
.social-icon {text-align: center; font-family: 'Roboto Condensed', sans-serif}
.header-logo img {max-width: 400px}

/*-------------------------------------------------------------------*/
/* Bouton user et cart ----------------------------------------------*/
/*-------------------------------------------------------------------*/
._desktop_user_info {
    height: 70px; padding: 0 40px 0 20px; margin-right: -15px; background-image: url(../img/bg-button-user.svg);
    background-position: center right; background-repeat: no-repeat; background-size: cover;
}
._desktop_user_info .user-info .dropdown {padding-top: 11px}
._desktop_user_info .user-info .dropdown .dropdown-menu.show {z-index: 2000}
@media (max-width: 991px) {
    .header-right ._desktop_user_info {display: none !important}
    ._desktop_user_info {background-image: none; height: auto; padding: 0; margin-right: .25rem}
    ._desktop_user_info .user-info .dropdown {padding: 0}
    ._desktop_user_info .user-info .dropdown .btn {padding: .43rem .75rem}
}
._desktop_cart #cart-icon {fill: #fff; width: 35px}
.blockcart-wrapper {
    background-image: url(../img/bg-button-cart.svg); background-position: center left; background-repeat: no-repeat;
    background-size: cover; height: 70px;width: 115px
}
.blockcart-wrapper ._desktop_cart .cart-button {padding: 0 40px 0 40px}
.blockcart-wrapper ._desktop_cart .cart-button .badge {left: 60%; top: 5px}
@media (max-width: 991px) {
    .blockcart-wrapper {background-image: none; height: auto; width: auto; display: inline-block}
    .blockcart-wrapper ._desktop_cart .cart-button-mobile .badge {left: 60%; top: 5px; padding: .2em .4em}
    ._desktop_cart #cart-icon-mobile {fill: #fff; width: 25px}
    .header-right .shopping_cart-mobile {display: none !important}
}
._desktop_cart .cart-button {color: #fff}

/*-------------------------------------------------------------------*/
/* Body -------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
body#contact {background-color: #fff}
body:not(.page-contact) #main h1 {
    color: #fff; padding: 10px; margin: 0 calc((var(--bs-gutter-x) * .5) * -1) calc(var(--bs-gutter-x) * .5) -1rem
}
body.layout-full-width #main h1, h1.list-brands {margin-left: calc((var(--bs-gutter-x) * .5) * -1) !important}

/*-------------------------------------------------------------------*/
/* Wrapper ----------------------------------------------------------*/
/*-------------------------------------------------------------------*/
#wrapper {padding-bottom: 15px;}
@media (min-width: 767px) {
    #wrapper {padding-bottom: 80px}
}
#contact #wrapper {padding-bottom: 0}

/*-------------------------------------------------------------------*/
/* DM Quickorder List -----------------------------------------------*/
/*-------------------------------------------------------------------*/
.container-module-dm_quickorder-list #content {padding: 0 0 1rem 0}

/*-------------------------------------------------------------------*/
/* Breadcrumb -------------------------------------------------------*/
/*-------------------------------------------------------------------*/
.page-index .breadcrumb-wrapper {display: none}

/*-------------------------------------------------------------------*/
/* Recherche --------------------------------------------------------*/
/*-------------------------------------------------------------------*/
#search_input {border-left: 1px solid rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important; padding-left: 0}
@media (max-width: 1200px) {
    #search-box {width: 100%}
}

/*-------------------------------------------------------------------*/
/* Megamenu Pro -----------------------------------------------------*/
/*-------------------------------------------------------------------*/
@media (max-width: 768px) {
    .ets_mm_megamenu {width: auto !important}
}
.ets_mm_megamenu {margin-top: 0; z-index: 1022 !important;}
.mm_menus_li {list-style-type: none;}
.ets_mm_megamenu .ets_mm_megamenu_content .container {margin-left: 0; padding-left: 0; max-width: 100%}
.ets_mm_megamenu .mm_menus_li > a {font-weight: 500; text-transform: none}
.ets_mm_megamenu .mm_menus_li .mm_arrow {display: none}
.mm_menu_content_title img {width: 32px !important}
.layout_layout2 .mm_menus_li:first-child {border-left: none;}
.ets_mm_block_content .has-sub > a:after {display: none;}
.ets_mm_megamenu.layout_layout2 .ets_mm_categories li.has-sub > a.ets_mm_url:first-child {display: none}
.ets_mm_megamenu.layout_layout2 .mm_columns_ul {max-height: 80vh; overflow-y: auto}
.ets_mm_megamenu.layout_layout2 .ets_mm_categories li {margin-bottom: 5px}
.ets_mm_megamenu.layout_layout2 .ets_mm_categories .ets_mm_url {font-weight: 700; font-size: 14px; line-height: normal}
.ybc-menu-toggle {padding: 15px 0 15px 8px !important}
@media (min-width: 768px) {
    .mm_menu_content_title {padding: 0 5px !important}
    .ets_mm_megamenu .mm_menus_li:hover .menu-name {display: block; padding-left: 5px; font-size: 14px}
    .transition_fadeInUp:not(.click_open_submenu) li:hover .mm_columns_ul,
    .transition_fade:not(.click_open_submenu) .mm_menus_li.mm_has_sub:hover .mm_columns_ul,
    .transition_fade.click_open_submenu .mm_menus_li.mm_has_sub .mm_columns_ul.open {
        animation-delay: 0.5s
    }
    .ets_mm_block_content ul li ul, .ets_mm_block_content ul li ul.ets_mm_categories {
        background-color: transparent; border: none; left: auto; pointer-events: auto;
        margin-left: 0; min-width: auto; opacity: 1; padding: 0; position: relative; visibility: visible;
    }
    li.has-sub > .ets_mm_categories {box-shadow: none; -webkit-box-shadow: none;}
}
@media (min-width: 1200px) {
    .ets_mm_megamenu .menu-name {display: none}
}
@media (max-width: 1199px) {
    .transition_floating .mm_menus_ul {max-width: 300px !important}
    .arrow.closed, .ets_mm_megamenu:not(.transition_slide) .mm_columns_ul {display: none !important}
    .mm_menus_li > a, .changestatus .mm_menus_li > a {color: #fff !important}
    .ets_mm_megamenu.layout_layout2 .mm_columns_ul .mm_columns_li {display: none}
    .ets_mm_megamenu.layout_layout2 .mm_columns_ul .mm_columns_li:first-child {display: block}
    .ets_mm_megamenu.layout_layout2 .mm_columns_ul .mm_columns_li .ets_mm_block.mm_block_type_category .h4 {display: none}
}
@media (min-width: 768px) and (max-width: 1199px) {
    .changestatus.ets_mm_megamenu.hook-custom {margin-top: 0}
}
@media (max-width: 767px) {
    .ets_mm_megamenu.hook-custom {margin-top: 0; padding-top: 5px}
    .ets_mm_megamenu .container {background-color: #fff0}
    .ybc-menu-toggle {color: #fff}
    .ybc-menu-toggle .icon-bar {background-color: #fff}
}
@media (max-width: 991px) {
    .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse {
        overflow-y: auto; max-height: 90vh; margin-top: 10px
    }
}
@media (min-width: 992px) {
    .sticky-lg-top {z-index: 1010 !important;}
}

/*-------------------------------------------------------------------*/
/* Home products ----------------------------------------------------*/
/*-------------------------------------------------------------------*/
#index .pws-home-products h2.h4 {
    margin-left: calc((var(--bs-gutter-x) * .5) * -1) !important; margin-right: calc((var(--bs-gutter-x) * .5) * -1) !important;
    margin-top: -5px;
}
#index .pws-home-products h2.h4.sticked {margin-left: 0 !important; margin-right: 0 !important}

/*-------------------------------------------------------------------*/
/* Advanced Search --------------------------------------------------*/
/*-------------------------------------------------------------------*/
.title-filter {min-height: 44px; margin-bottom: .5rem;}
.PM_ASCriterionsGroup {box-shadow: 0 0 .25rem 0 rgb(0 0 0 / .1)}
.PM_ASBlockOutputVertical .title-filter {padding: 12.5px 5px; margin-left: -12px; margin-right: -9px}
.PM_ASBlockOutputVertical .title-filter.sticked {margin-left: 0; margin-right: 0}
.PM_ASBlockOutput.PM_ASMobileMode .PM_ASBlockTitle:after, .PM_ASBlockOutput.PM_ASMobileMode .PM_ASearchTitle:after {
    display: none
}
@media (max-width: 991px) {
    .PM_ASBlockOutputVertical .title-filter {margin-left: -4px; margin-right: -4px}
}
.block-category .title-categorie {margin-left: -8px; margin-right: -12px}
@media (max-width: 991px) {
    .block-category .title-categorie {margin-left: -12px}
}
.PM_ASCriterionsGroupList {min-width: 300px}

#PM_ASBlockOutput_1 .card{
    background-color: transparent;
    box-shadow: unset;
    border-radius: unset;
}

#PM_ASBlock_1 .card-header:first-child{
    border-radius: unset;
}
.PM_ASCriterionsGroup
{
    box-shadow: 0 0 .25rem 0 rgb(0 0 0 / .1);
}

.PM_ASCriterionsGroupList {
    min-width: 300px
}

.PM_ASCriterionsGroupOuter{
    overflow: auto;
    max-height: 255px;
}

.no_radius{
    margin-left: calc((var(--bs-gutter-x) * .5) * -1) !important;
    border-radius: unset !important;
}

.PM_ASBlockOutputVertical .title-filter.sticked {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#main h1.sticked{
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/*-------------------------------------------------------------------*/
/* Page de recherche des marques ------------------------------------*/
/*-------------------------------------------------------------------*/
.brand_search_query .input-group {display: inherit}
.brand_search_query .input-group .form-control {width: inherit}
.brand_search_query #brand-reset-button {text-transform: none; display: inline-block}
.brand_search_query #brand-search-button {text-transform: none; margin-left: -3px}
.all-brands .letter-select {margin-bottom: 0}
.all-brands .letter-select a {padding: 8px 11px; font-weight: 700; font-size: 14px; display: block}
.all-brands .box-letter .box-title {
    width: 100%; display: block; background: #ccc; font-weight: 700; height: 40px; line-height: 40px; padding-left: 10px
}
.all-brands .box-letter .letter-content {line-height: 32px; padding-left: 10px}
.all-brands .box-letter p {margin-bottom: 0; float: left; width: 25%}
#manufacturer #main ul .brand-products {display: block}
#manufacturer:not(.elementor-page) #content-wrapper {width: 100%; float: none; padding-left: 0; padding-right: 0}

/*-------------------------------------------------------------------*/
/* Ecotaxe ----------------------------------------------------------*/
/*-------------------------------------------------------------------*/
.ecotaxe {color: #006417}

/*-------------------------------------------------------------------*/
/* Growl ------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
#growls.tc {top: 10px; left: 50%; right: auto; transform: translateX(-50%);}

/*-------------------------------------------------------------------*/
/* Liste de produit -------------------------------------------------*/
/*-------------------------------------------------------------------*/
.product-title {text-align: center; font-size: 16px}
.product-miniature .regular-price {
    font-family: "Roboto", sans-serif; font-size: 20px; font-weight: 400; color: #636363; text-decoration: line-through
}
.product-miniature .price {font-family: "Roboto", sans-serif; font-size: 20px; font-weight: 500;}
.product-miniature .price-ht {font-family: "Roboto", sans-serif; font-weight: 400; color: var(--bs-gray-700)}
.product-miniature .add-to-cart .svg-inline--fa {font-size: 18px; vertical-align: middle}
@media (max-width: 550px) {
    .product-miniature .regular-price {font-size: 15px; display: block}
    .product-miniature .price {font-size: 16px}
}

/*-------------------------------------------------------------------*/
/* Fiche produit ----------------------------------------------------*/
/*-------------------------------------------------------------------*/
.pws-icon-box-widget {width: 400px}
.pws-icon-box-widget:hover .icon-store {fill: #fff}
.pws-icon-box-icon, .pws-icon {width: 70px; height: 70px}
.pws-icon .icon-store {position: relative; fill: var(--bs-secondary); width: 40px; height: 40px; top: -4px}
.pws-icon {
    background-color: #fff; color: var(--bs-secondary); font-size: 30px; padding: 10px; border-radius: 50%;
    border: 3px solid var(--bs-secondary); text-align: center
}
.pws-icon svg:before {position: absolute; left: 50%; content: "\f54f"}
.pws-icon-box-widget:hover .pws-icon {color: #fff; border-color: #fff; background-color: #fff0}
@media (max-width: 600px) {
    .pws-icon-box-widget {width: 100%}
}
input[type=number] {
    width: 100%; text-align: center; font-weight: 500; background-color: #FFF; border-color: #DDD;
    border-width: 1px 1px 1px 1px; border-radius: 0.5rem !important
}
#product:not(.pwp-productlanding-page) #content-wrapper.ps-lg-2 {padding-left: 0 !important}
#product:not(.pwp-productlanding-page) #content-wrapper #main h1 {margin: 0 calc((var(--bs-gutter-x) * .5) * -1) 0 0}
#myCarousel {max-width: 800px; margin: 0 auto}
@media (max-width: 991px) {
    #myCarousel {max-width: 100%; margin: 0}
    #product #content-wrapper #main h1, #content-wrapper #main h1 {margin-left: calc((var(--bs-gutter-x) * .5) * -1)}
}
@keyframes spinner {
    0% {transform: rotate(0deg)}
    100% {transform: rotate(360deg)}
}
.image-container {position: relative; width: 800px; height: 800px}
.image-container::before {
    content: ""; position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; margin: -25px 0 0 -25px;
    border: 3px solid var(--bs-gray-300); border-top: 3px solid var(--bs-primary); border-radius: 50%;
    animation: spinner 2s linear infinite; z-index: 1; pointer-events: none
}
.image-container.image-loaded::before {display: none;}
.image-container img {position: relative; z-index: 2}
@media (max-width: 768px) {
    .image-container::before {display: none}
}
.product-description p:last-child {padding-bottom: 0; margin-bottom: 0}
#product .product-price .regular-price, .price-promo {
    color: #636363; font-size: 1.3rem; font-weight: 400; text-decoration: line-through
}
.price-promo {color: #636363; font-size: 0.9rem; text-decoration: line-through}
#product .product-price .price-ttc:not(.pws-price-primary):not(.pws-price-secondary) {font-size: 2rem}
#product .product-price .price-ttc span.unite {color: #000; font-size: 1rem; font-weight: 300}
#product .product-price .price-ht:not(.pws-price-primary):not(.pws-price-secondary) {color: var(--bs-gray-700); font-size: 1.3rem}
#product .product-price .price-ht span.unite {color: #000; font-size: .9rem; font-weight: 300}
#product .product-price .pws-ecotax {padding: 0; margin-bottom: 5px}
#product .nav.nav-tabs {border: none !important;}
#product .nav.nav-tabs .nav-link {
    border-bottom: none !important; border-top: none !important; border-left: none !important; border-radius: 0; margin: 0; color: #fff
}
#product .nav.nav-tabs .nav-link.active {color: #fff; border-right: none; min-width: 160px}
#product .reference, div.reference {font-weight: 700}
#product .title-product-left {margin-left: -0.25rem !important; margin-right: -0.25rem !important}
#product #same-product-title, #product #asso-product-title, #product #pwp-crossselling-title {margin-left: calc((var(--bs-gutter-x) * .5) * -1) !important}
#product #same-product-title.sticked, #product #asso-product-title.sticked, #product #pwp-crossselling-title.sticked {
    margin-left: 0 !important; margin-right: 0 !important
}
@media (max-width: 991px) {
    #product #left-column .offcanvas-body {overflow-x: hidden !important}
}
@media (min-width: 992px) {
    #product:not(.pwp-productlanding-page) #left-column .offcanvas-body {width: 290px !important}
}
#product #wrapper {padding-bottom: 0}
#product .container-product #left-column, #product .container-product #content-wrapper {padding-bottom: 15px}
@media (min-width: 767px) {
    #product .container-product #left-column, #product .container-product #content-wrapper {padding-bottom: 80px}
}
#product .product-quantity .qty, #product .add-to-quote {width: 220px}
#product .add-to-quote {height: auto;}
#product .pws-combinations-table .ajax_add_quote_button {width: auto}
#product .product-description p:not(:empty) {margin-bottom: 0}
#product .product-description strong {color: black}
#product .product-description ul {list-style-type: none; margin-left: 0; margin-top: .3em; margin-bottom: 1em}
#product .product-description ul li {display: list-item; margin-bottom: 5px}
#product .product-description ul li:before {
    display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; font: normal 900 1em/1 "FontAwesome";
    content: "\f058"; margin-right: 1rem; margin-left: -2em;
}
#product .product-description table {
    --bs-table-color-type: initial; --bs-table-bg-type: initial; --bs-table-color-state: initial; --bs-table-bg-state: initial;
    --bs-table-color: var(--bs-emphasis-color); --bs-table-bg: white; --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent; --bs-table-striped-color: var(--bs-emphasis-color);
    --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05); --bs-table-active-color: var(--bs-emphasis-color);
    --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1); --bs-table-hover-color: var(--bs-emphasis-color);
    --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075); width: 100%; margin-bottom: 1rem; vertical-align: top;
    border-color: var(--bs-table-border-color); margin-top: 10px;
}
#product .product-description table > tbody {vertical-align: inherit;}
#product .product-description table > tbody > tr:nth-of-type(odd) > * {
    --bs-table-color-type: var(--bs-table-striped-color); --bs-table-bg-type: var(--bs-table-striped-bg);
}
#product .product-description table > :not(caption) > * > * {
    padding: .25rem .25rem; color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
    background-color: var(--bs-table-bg); border-bottom-width: var(--bs-border-width);
    box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}
.product-quantity .qty .input-group-btn {display: none;}

/*-------------------------------------------------------------------*/
/* DM Advanced Quotation --------------------------------------------*/
/*-------------------------------------------------------------------*/
#header .quotation_cart .dropdown-menu .cart-images img {height: 60px; width: 60px}
#header .quotation_cart .dropdown-menu .cart-info .product-name a {
    font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height)
}
#header .quotation_cart .dropdown-menu dt {
    margin-bottom: 0; padding-right: 0; border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}
#header ._desktop_quotecart .quotation_cart .dropdown-menu {padding-top: 0; z-index: 20}
#header .quotation_cart .dropdown-menu .cart-buttons {margin-top: 10px}
#header .header-nav ._desktop_quotecart {display: none}
@media (max-width: 992px) {
    #header .header-right ._desktop_quotecart {display: none}
    #header .header-nav ._desktop_quotecart {display: block; margin-right: .25rem}
}
@media (max-width: 575px) {
    #header ._desktop_quotecart .quotation_cart .dropdown-menu {position: fixed; top: 55px; width: 96%; left: 10px}
}
#header .header-top ._desktop_quotecart {margin-right: 0; float: none; width: 88px}
#header .header-top ._desktop_quotecart .quotation_cart {height: 70px; padding-top: 11px}
#header .header-top ._desktop_quotecart .quotation_cart .header {padding: 0}
#header .quotation_cart .quote-qty {left: 60%; top: -5px; padding: .2em .4em}
#header .quotation_cart .header .quote-header-element > svg {fill: #fff}
#header .quotation_cart span.ajax_quote_quantity {background: var(--bs-primary)}
.request-product .product-line-grid .product-discount {color: rgb(98 98 102 / .51)}
#quote_summary .btn.btn-touchspin {
    --bs-btn-color: #fff; --bs-btn-bg: var(--bs-secondary); --bs-btn-border-color: var(--bs-secondary); --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-primary); --bs-btn-hover-border-color: var(--bs-primary); --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
    --bs-btn-active-color: #fff; --bs-btn-active-bg: #013b73; --bs-btn-active-border-color: #013b73;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #05294d;
    --bs-btn-disabled-border-color: #05294d
}
#quote_summary .btn.btn-touchspin.bootstrap-touchspin-down {border-bottom-right-radius: 0; border-top-right-radius: 0}
#quote_summary .btn.btn-touchspin.bootstrap-touchspin-up {border-bottom-left-radius: 0; border-top-left-radius: 0}
@media (max-width: 991px) {
    #header .header-top ._desktop_quotecart {display: none !important}
    #header .header-nav ._desktop_quotecart {margin-right: .25rem}
    #header .header-nav ._desktop_quotecart .quotation_cart {display: block}
    #header .header-nav .quotation_cart {height: auto; padding: .43rem .75rem}
}

/*-------------------------------------------------------------------*/
/* Page 404 ---------------------------------------------------------*/
/*-------------------------------------------------------------------*/
#content.page-not-found {margin: 6rem 0}
#content.page-not-found h4 {font-size: 2.6rem; color: var(--bs-primary); font-weight: bolder}
#content.page-not-found p {font-size: 1.8rem; color: var(--bs-secondary)}
@media (max-width: 767px) {
    #content.page-not-found h4 {font-size: 2rem; color: var(--bs-primary)}
    #content.page-not-found p {font-size: 1.2rem; color: var(--bs-secondary)}
}

/*-------------------------------------------------------------------*/
/* Page CMS ---------------------------------------------------------*/
/*-------------------------------------------------------------------*/
#cms .cms-padding-less h1.h5 {margin-bottom: 0;}
#cms .cms-padding-less #content {margin: 0 calc((var(--bs-gutter-x) * .5) * -1) calc(var(--bs-gutter-x) * .5) -1rem;}
#cms #main h2 {margin-top: 30px}
#cms #main h3 {font-weight: 600; margin-top: 25px}
#cms #main h4 {font-weight: 600; margin-top: 20px}
#cms #main ul {list-style-type: none; margin-left: 1em}
#cms #main ul li {display: list-item; margin-bottom: 10px}
#cms #main ul li:last-child {margin-bottom: 0}
#cms #main ul li:before {
    display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; font: normal 900 1em/1 "FontAwesome";
    content: "\f058"; margin-right: 1rem; margin-left: -2em;
}

/*-------------------------------------------------------------------*/
/* Page contact -----------------------------------------------------*/
/*-------------------------------------------------------------------*/
#contact .container-map {height: 440px; margin: 0 calc((var(--bs-gutter-x) * .5) * -1) 0 calc((var(--bs-gutter-x) * .5) * -1)}
#contact .container-map iframe {height: 440px; max-width: 100%; width: 100%; margin: 0; line-height: 1; border: none}
#contact .container-img {
    margin: 0 calc((var(--bs-gutter-x) * .5) * -1) 0 calc((var(--bs-gutter-x) * .5) * -1);
    background-position: 0 -30px; background-repeat: no-repeat; background-size: cover; width: auto; min-height: 300px
}

#contact .psgdpr_consent_message .form-check-input, #contact .psgdpr_consent_message .form-check-label{cursor: pointer;}
#contact .psgdpr_consent_message{display: flex;align-items: center;justify-content: center;gap: 10px;}
#contact .psgdpr_consent_message #psgdpr_consent_checkbox_2{height: 1.1em;margin-top: unset;}

#contact-map {scroll-margin-top: 200px;}

@media (max-width: 1200px) {
    #contact .container-img {display: none}
    #contact .container-map {height: auto;}
}

@media (max-width: 740px) {
    #contact .psgdpr_consent_message{display: block;}
}

/*-------------------------------------------------------------------*/
/* Breadcrumb back office client ------------------------------------*/
/*-------------------------------------------------------------------*/
.breadcrumb-account {
    background-color: #eaeaea;margin: calc((var(--bs-gutter-x) * .5) * -1) calc((var(--bs-gutter-x) * .5) * -1) 0 calc((var(--bs-gutter-x) * .5) * -1)
}
.breadcrumb-account a {color: var(--bs-gray-800); font-size: .95rem}
.breadcrumb-account a:hover {color: var(--bs-primary)}
.breadcrumb-wrapper {padding-inline: .5rem;}
.breadcrumb-wrapper nav {background: transparent !important; padding: .25rem 0 !important;}
.breadcrumb-wrapper .breadcrumb {padding: 0;}

/*-------------------------------------------------------------------*/
/* Page du Panier ---------------------------------------------------*/
/*-------------------------------------------------------------------*/
.card-login {max-width: 600px}
.js-cart-line-product-quantity {text-align: center}
#cart .bootstrap-touchspin {padding-right: 20px}
.bootstrap-touchspin .input-group-btn-vertical > .btn {
    --bs-btn-color: #fff; --bs-btn-bg: var(--bs-primary); --bs-btn-border-color: var(--bs-primary); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--bs-secondary);
    --bs-btn-hover-border-color: var(--bs-secondary); --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb); --bs-btn-active-color: #fff; --bs-btn-active-bg: #013b73;
    --bs-btn-active-border-color: #013b73; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #0288b6;
    --bs-btn-disabled-border-color: #0288b6; padding: 9px 10px
}
.bootstrap-touchspin .input-group-btn-vertical i::before {font-family: 'FontAwesome'; font-style: normal}
.bootstrap-touchspin .input-group-btn-vertical i.touchspin-up::before {content: "\f067"}
.bootstrap-touchspin .input-group-btn-vertical i.touchspin-down::before {content: "\f068"}
#cart .product-price .pws-ecotax {padding: 0; margin-bottom: 5px}
#cart .cart-items .cart-item, #request-summary-products .cart-items .cart-item {border-bottom: 1px solid #e1e1e1; padding-bottom: 15px; margin-bottom: 15px}
#cart .cart-items .cart-item:last-child, #request-summary-products .cart-items .cart-item:last-child {border-bottom: none; padding-bottom: 0; margin-bottom: 0}
#cart .product-line-grid-body .list-inline {margin-bottom: 10px}
#cart .product-line-grid-body .list-inline span {color: var(--bs-primary)}
#cart .product-line-grid-body .product-line-info.product-price {margin-top: .5rem}
#cart .product-line-grid-body .product-line-info.product-price .product-discount {color: rgb(98 98 102 / .51)}
#cart .product-line-grid-body .product-line-info.product-price .product-discount .regular-price {margin-right: 0}
#cart .product-line-grid-body .product-line-info.product-price .product-discount .small {display: none}
#cart .product-line-grid-body .product-line-info.product-price .product-discount, #cart .product-line-grid-body .product-line-info.product-price .current-price {
    display: inline
}
#cart .product-line-grid-body .product-line-info.product-price .current-price {color: var(--bs-primary)}
#cart .product-line-grid-body .product-line-info.product-price .current-price-ht {color: var(--bs-gray-700); font-weight: 400; padding-top: 3px; font-size: 14px}
.quote-product-image .pws-specificprice {margin: 0}
#cart .pws-specificprice, .popup-modal .pws-specificprice, .quote-product-image .pws-specificprice img {margin: 0 0 0 10px}
#cart .pws-specificprice img, .popup-modal .pws-specificprice img, .quote-product-image .pws-specificprice img {height: 29px; width: auto;}
.card-block.cart-summary-totals .cart-summary-line, .card-block.cart-summary-totals .cart-summary-line.cart-total {padding: .3rem 0 0 0}
.cart-summary-line:not(:last-child) {margin-bottom: .2rem}
.cart-summary-line .value {font-weight: 500}
.product-line-grid-right .product-price {line-height: normal}
#cart-summary-product-list .pws-ecotax {display: inline; padding: 0 0 0 10px}
.carrier-locked {display: none;}
.carrier-price small{font-size: .675em;}



/*-------------------------------------------------------------------*/
/* Sticky -----------------------------------------------------------*/
/*-------------------------------------------------------------------*/
.sticky {z-index: 3}
@media (min-width: 992px) {
    .sticky-lg-top {position: sticky !important}
    #cart .sticky-lg-top, #checkout .sticky-lg-top {top: 180px; z-index: 1}
}
@media (min-width: 992px) and (max-width: 1200px) {
    #cart .sticky-lg-top, #checkout .sticky-lg-top {top: 165px}
}

/*-------------------------------------------------------------------*/
/* Block reassurance ------------------------------------------------*/
/*-------------------------------------------------------------------*/
.blockreassurance_product .img-container img, .blockreassurance_product .img-container svg {height: auto; width: 40px}

/*-------------------------------------------------------------------*/
/* Checkout ---------------------------------------------------------*/
/*-------------------------------------------------------------------*/
body#checkout .product-name {font-family: "Roboto", sans-serif}
body#checkout #search_widget {display: block}
body#checkout .product-line-info .label {font-size: .8rem; color: #595959; font-family: "Roboto Condensed", sans-serif}
body#checkout .product-line-info .value {font-size: .8rem; color: #989898; font-family: "Roboto Condensed", sans-serif}
body#checkout hr.separate-product {margin-top: .6rem; margin-bottom: .6rem; border-color: darkgray}
body#checkout .product-price .price-ttc:not(.pws-price-primary):not(.pws-price-secondary) {color: var(--bs-secondary)}
body#checkout .product-price .price-ttc:not(.pws-price-primary):not(.pws-price-secondary):after {content: 'TTC'; padding-left: 5px; font-size: .6rem; color: darkgray}
body#checkout .product-price .price-ht:not(.pws-price-primary):not(.pws-price-secondary) {color: var(--bs-gray-700); font-size: .8rem}
body#checkout .product-price .price-ht:not(.pws-price-primary):not(.pws-price-secondary):after {content: 'HT'; padding-left: 5px; font-size: .6rem; color: darkgray}
body#checkout .product-price .price-ttc:not(.pws-price-primary):not(.pws-price-secondary) span,
body#checkout .product-price .price-ht:not(.pws-price-primary):not(.pws-price-secondary) span {color: darkgray; font-size: .8rem}
body#checkout .cart-summary-products .product-price .pws-price-primary {font-size: 1rem}
body#checkout .cart-summary-products .product-price .pws-price-secondary {color: var(--bs-gray-700); font-size: .8rem}
body#checkout .cart-summary-products .product-price .pws-price-primary .price-value,
body#checkout .cart-summary-products .product-price .pws-price-secondary .price-value {font-size: inherit}
body#checkout .cart-summary-products .product-price .pws-price-primary .tax-label,
body#checkout .cart-summary-products .product-price .pws-price-secondary .tax-label {color: var(--bs-gray-700); font-size: .7rem; font-weight: 400}
body#checkout .cart-summary-products .product-price .pws-price-primary::after,
body#checkout .cart-summary-products .product-price .pws-price-secondary::after {content: none}
body#checkout #footer {padding: 0}
body#checkout #checkout-panier-step {padding: .3rem}
body#checkout #checkout-panier-step a {
    padding-bottom: .5rem; font-size: 1.2rem; font-weight: 500; border-bottom: 1px solid #ddd; display: block; color: #232323
}
body#checkout section.checkout-step {padding: .3rem}
body#checkout section.checkout-step.-complete:first-of-type .step-title {padding-top: 0}
body#checkout section.checkout-step .step-title {padding-bottom: .5rem; font-size: 1.2rem; text-transform: inherit; line-height: 1.5}
body#checkout section.checkout-step .step-number {
    display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 25.59px;
    height: 25.59px; font-size: 1rem; vertical-align: middle; border-radius: 50%
}
body#checkout section.checkout-step .content {display: none; padding-bottom: 15px}
body#checkout section.checkout-step .step-edit {display: none}
body#checkout section.checkout-step .step-number {background-color: #fff; color: var(--bs-gray); border: 1px solid var(--bs-gray)}
body#checkout section.checkout-step.-current .done, body#checkout section.checkout-step.-unreachable .done,
body#checkout section.checkout-step.-reachable.-clickable:not(.-current,.-complete) .done {
    display: none
}
body#checkout section.checkout-step.-unreachable .step-title {color: var(--bs-gray)}
body#checkout section.checkout-step.-current .step-number {display: inline-flex; background-color: var(--bs-primary); border: none; color: #fff}
body#checkout section.checkout-step.-current .content {display: block}
body#checkout section.checkout-step.-complete .done {color: var(--bs-success)}
body#checkout section.checkout-step.-complete .step-edit {display: block}
body#checkout section.checkout-step.-complete .step-number {display: none}
body#checkout section.checkout-step.-complete.-current .step-number {display: inline-flex}
body#checkout section.checkout-step {border-bottom: 1px solid #ddd}
body#checkout section.checkout-step:last-child {border-bottom: none}
body#checkout section.checkout-step.-current .step-edit {display: none}
body#checkout section.checkout-step:not(.-unreachable,.-current) {cursor: pointer}
body#checkout .address-selector input[type="radio"] {font-size: inherit; margin: 0; position: absolute; right: .5rem; top: .5rem}
@supports (-webkit-appearance:none) or (-moz-appearance:none) {
    body#checkout .address-selector input[type="radio"] {
        -webkit-appearance: none; -moz-appearance: none; background: #fff; border: var(--pws-radio-border-width) solid var(--pws-color-gray);
        border-radius: 50%; cursor: pointer; height: var(--pws-radio-size); outline: none; transition: background 0.2s ease-out, border-color 0.2s ease-out;
        width: var(--pws-radio-size)
    }
    body#checkout .address-selector input[type="radio"]::after {
        border: var(--pws-radio-border-width) solid #fff; border-top: 0; border-left: 0; content: ""; display: block; height: .75rem;
        left: 25%; position: absolute; top: 50%; transform: rotate(45deg) translate(-50%, -50%); width: .375rem
    }
    body#checkout .address-selector input[type="radio"]:checked {background: var(--bs-primary); border-color: var(--bs-primary)}
    body#checkout .address-selector .adresse-item:hover input[type="radio"] {border-color: var(--pws-color-dark-gray)}
    body#checkout .address-selector .adresse-item:hover input[type="radio"]:checked {border-color: var(--bs-primary)}
}
body#checkout .address-selector .adresse-item {
    border: var(--pws-radio-border-width) solid var(--pws-color-gray); border-radius: var(--pws-adresse-item-radius); cursor: pointer
}
body#checkout .address-selector .adresse-item:hover {border-color: var(--pws-color-dark-gray)}
body#checkout .address-selector .adresse-item.option-selected {border-color: var(--bs-primary)}
body#checkout .address-selector .adresse-alias {color: var(--bs-primary); font-size: 1.2rem; font-weight: 700; line-height: .5em; padding-bottom: 10px}
body#checkout .address-selector .adresse-detail {font-size: .93rem; padding-bottom: 10px}
body#checkout .address-selector .btn-adresse {font-size: .9rem}
body#checkout .delivery-options input[type="radio"] {font-size: inherit; margin: 0; position: absolute; left: 0; top: 1.4rem}
body#checkout .delivery-options .delivery-option .delivery-option-2 {padding-left: 35px}
@supports (-webkit-appearance:none) or (-moz-appearance:none) {
    body#checkout .delivery-options input[type="radio"] {
        -webkit-appearance: none; -moz-appearance: none; background: #fff; border: var(--pws-radio-border-width) solid var(--pws-color-gray);
        border-radius: 50%; cursor: pointer; height: var(--pws-radio-size); outline: none; transition: background 0.2s ease-out, border-color 0.2s ease-out;
        width: var(--pws-radio-size)
    }
    body#checkout .delivery-options input[type="radio"]::after {
        border: var(--pws-radio-border-width) solid #fff; border-top: 0; border-left: 0; content: ""; display: block; height: .75rem;
        left: 25%; position: absolute; top: 50%; transform: rotate(45deg) translate(-50%, -50%); width: .375rem
    }
    body#checkout .delivery-options input[type="radio"]:checked {background: var(--bs-primary); border-color: var(--bs-primary)}
    body#checkout .delivery-options .delivery-option:hover input[type="radio"] {border-color: var(--pws-color-dark-gray)}
    body#checkout .delivery-options .delivery-option:hover input[type="radio"]:checked {border-color: var(--bs-primary)}
}
body#checkout .delivery-options .delivery-option {
    border: var(--pws-radio-border-width) solid var(--pws-color-gray); border-radius: var(--pws-adresse-item-radius); cursor: pointer
}
body#checkout .delivery-options .delivery-option:hover {border-color: var(--pws-color-dark-gray)}
body#checkout .delivery-options .delivery-option.option-selected {border-color: var(--bs-primary)}
body#checkout .summary-selected-carrier .carrier-delay {font-size: .8rem}
body#order-confirmation #content-hook_order_confirmation {margin: 0 calc((var(--bs-gutter-x) * .5) * -1) calc(var(--bs-gutter-x) * .5) -1rem !important}

body#checkout .payment-options input[type="radio"] {
    font-size: inherit; margin: 0; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
}
body#checkout .payment-options .payment-option .payment-option-2 {padding-left: 35px; min-height: 60px;}
@supports (-webkit-appearance:none) or (-moz-appearance:none) {
    body#checkout .payment-options input[type="radio"] {
        -webkit-appearance: none; -moz-appearance: none; background: #fff; border: var(--pws-radio-border-width) solid var(--pws-color-gray);
        border-radius: 50%; cursor: pointer; height: var(--pws-radio-size); width: var(--pws-radio-size); outline: none;
        transition: background 0.2s ease-out, border-color 0.2s ease-out;
    }
    body#checkout .payment-options input[type="radio"]::after {
        border: var(--pws-radio-border-width) solid #fff; border-top: 0; border-left: 0; content: ""; display: block;
        height: .75rem; width: .375rem; left: 25%; position: absolute; top: 50%; transform: rotate(45deg) translate(-50%, -50%);
    }
    body#checkout .payment-options input[type="radio"]:checked {
        background: var(--bs-primary); border-color: var(--bs-primary);
    }
    body#checkout .payment-options .payment-option:hover input[type="radio"] {
        border-color: var(--pws-color-dark-gray);
    }
    body#checkout .payment-options .payment-option:hover input[type="radio"]:checked {
        border-color: var(--bs-primary);
    }
}
body#checkout .payment-options .payment-option {
    border: var(--pws-radio-border-width) solid var(--pws-color-gray); border-radius: var(--pws-adresse-item-radius);
    cursor: pointer; background: #fff; transition: border-color .2s ease, box-shadow .2s ease;
}
body#checkout .payment-options .payment-option:hover {border-color: var(--pws-color-dark-gray);}
body#checkout .payment-options .payment-option .adresse-item {border: 0; box-shadow: none; background: transparent;}
body#checkout .payment-options .payment-option.option-selected,
body#checkout .payment-options .payment-option:has(input[type="radio"]:checked) {border-color: var(--bs-primary);}
body#checkout .payment-options .payment-option-logo {
    width: 38px; min-width: 38px; height: 38px; display: flex; align-items: center; justify-content: center;
}
body#checkout .payment-options .payment-option-logo img {max-width: 100%; max-height: 100%;}
body#checkout .payment-options .payment-option-title {line-height: 1.2;}
body#checkout .payment-options .payment-option-subtitle {margin-top: .15rem; font-style: normal;}
body#checkout .payment-options .payment-option-extra {
    margin-top: -.35rem; margin-left: 2.5rem; padding: .75rem 1rem; border: 1px solid #f3d48b;
    border-radius: .5rem; background: #fff8e8; color: #6b4e00; font-size: .92rem;
}

.payment-option label img[src*="systempay"] {margin-right: 0 !important;}

/*-------------------------------------------------------------------*/
/* Footer -----------------------------------------------------------*/
/*-------------------------------------------------------------------*/
.footer-container {color: #fff}
#footer .links .h3 {font-size: 15px; color: #fff; margin-bottom: 10px}
#footer .links li {padding-bottom: 10px; font-size: 14px}
#footer .links li:last-child {padding-bottom: 0}
#footer #about-us {font-size: 15px; margin-top: 10px}
#footer .links h3 .icon-close, #footer .links h3 .icon-open {display: none}
#footer .footer-container-center {border-bottom: 10px solid; margin-top: -80px; z-index: 20;}
#footer .mw-85 {min-width: 85%;}
#footer .container-coordo .sub-title {font-size: 20px; font-weight: 300;}
#footer .container-coordo .title {font-size: 34px; font-weight: 700; margin-bottom: 30px}
#footer .container-coordo ul.fa-ul {margin-left: 1.6em}
#footer .container-coordo ul li {margin-bottom: 30px; font-size: 14px; font-weight: 300}
#footer .container-coordo ul li:last-child {margin-bottom: 0}
#footer .container-coordo ul li .horaire-samedi {color: #fff}
#footer .active-link.cms-page-link {color: #fff; font-style: italic}
@media (max-width: 991px) {
    #footer .container-coordo ul li {margin-bottom: 15px}
    #footer .container-coordo .sub-title {margin-top: 10px}
    #footer .container-coordo .title {font-size: 28px;margin-bottom: 20px}
    #footer ul.fa-ul.mobile-icon-stack {margin-left: 0}
    #footer ul.fa-ul.mobile-icon-stack .fa-li {
        display: block; text-align: center; position: relative; width: auto; top: auto; left: auto; font-size: 1.5rem; margin-bottom: 5px
    }
    #footer .footer-container-center .mobile-icon-stack .fa-text {display: block; width: 100%}
    #footer .footer-container-center {margin-top: 0}
    #footer .link-about-us {font-weight: 700}
    #footer .links h3[aria-expanded="true"] .icon-close {display: block}
    #footer .links h3[aria-expanded="true"] .icon-open {display: none}
    #footer .links h3[aria-expanded="false"] .icon-close {display: none}
    #footer .links h3[aria-expanded="false"] .icon-open {display: block}
    #footer .mobile-border {border-top: none; padding: 0.5rem !important}
    #footer .links .h3 {margin-bottom: 0; display: inline-block; margin-top: 5px}
    #footer #about-us {font-size: 16px; margin-top: 15px;}
    #footer #about-us a {color: #fff; width: 100%; display: block; padding: 7px 5px}
}/* Catalog drawer ---------------------------------------------------*/
body.catalog-drawer-open {
    overflow: hidden;
}

body.catalog-drawer-open::before {
    content: "";
    position: fixed;
    inset: var(--pws-megamenu-drawer-offset, 0px) 0 0 0;
    background: rgba(0, 0, 0, 0.42);
    pointer-events: auto;
    z-index: 1040;
}

.ets_mm_megamenu .mm_menus_li.mm-catalog-toggle {
    position: relative;
}

@media (min-width: 1200px) {
    .ets_mm_megamenu .mm_menus_li.mm-catalog-toggle > a {
        display: inline-flex;
        align-items: center;
        float: none;
        width: auto;
        min-width: 160px;
        padding: 0 16px;
    }

    .ets_mm_megamenu .mm_menus_li.mm-catalog-toggle > a .mm_menu_content_title {
        display: inline-flex;
        align-items: center;
        float: none;
        min-height: 60px;
        padding: 0;
        gap: 8px;
    }

    .ets_mm_megamenu .mm_menus_li.mm-catalog-toggle > a .mm_menu_content_title img,
    .ets_mm_megamenu .mm_menus_li.mm-catalog-toggle > a .mm_menu_content_title i.fa {
        margin-right: 0;
        flex: 0 0 auto;
    }

    .ets_mm_megamenu .mm_menus_li.mm-catalog-toggle > a .menu-name {
        display: block !important;
        padding-left: 0 !important;
        white-space: nowrap;
        font-size: 14px;
        font-weight: 600;
        line-height: 1;
    }
}

.ets_mm_megamenu .mm_menus_li.mm-catalog-toggle > .mm_columns_ul {
    position: fixed !important;
    top: var(--pws-megamenu-drawer-offset, 0px) !important;
    left: 0 !important;
    right: auto !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: calc(100vh - var(--pws-megamenu-drawer-offset, 0px)) !important;
    height: calc(100dvh - var(--pws-megamenu-drawer-offset, 0px)) !important;
    max-height: none !important;
    display: block !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background-color: #F4F4F4 !important;
    transform: translateX(-100%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    visibility: hidden !important;
    transition: transform 0.28s ease, opacity 0.2s ease, visibility 0.2s ease;
    z-index: 1050;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.18);
}

.ets-dir-rtl .ets_mm_megamenu .mm_menus_li.mm-catalog-toggle > .mm_columns_ul {
    left: auto !important;
    right: 0 !important;
    transform: translateX(100%) !important;
}

.ets_mm_megamenu .mm_menus_li.mm-catalog-toggle.is-open > .mm_columns_ul,
.ets_mm_megamenu .mm_menus_li.mm-catalog-toggle.open_li > .mm_columns_ul,
.ets_mm_megamenu .mm_menus_li.mm-catalog-toggle > .mm_columns_ul.open,
.ets_mm_megamenu .mm_menus_li.mm-catalog-toggle > .mm_columns_ul.active {
    transform: translateX(0) !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    visibility: visible !important;
}

.ets_mm_megamenu .mm_menus_li.mm-catalog-toggle .mm_columns_ul .mm_columns_li {
    padding-top: 0;
}

.ets_mm_megamenu .mm_menus_li.mm-catalog-toggle .mm_columns_ul .ets_mm_block_content ul.ets_mm_categories li.has-sub {
    position: relative;
    width: 100%;
}

.ets_mm_megamenu .mm_menus_li.mm-catalog-toggle .mm_columns_ul .ets_mm_block_content ul.ets_mm_categories li.has-sub > a {
    padding: 12px 44px 12px 16px !important;
    border-bottom: 1px solid #edf1f5;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 500;
}

.ets_mm_megamenu .mm_menus_li.mm-catalog-toggle .mm_columns_ul .ets_mm_block_content ul.ets_mm_categories li.has-sub > a::after {
    right: 18px;
}

.ets_mm_megamenu .mm_menus_li.mm-catalog-toggle .mm_columns_ul .ets_mm_block_content ul.ets_mm_categories li.has-sub .arrow {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    height: 100%;
    cursor: pointer;
}

.ets_mm_megamenu .mm_menus_li.mm-catalog-toggle .mm_columns_ul .ets_mm_block_content ul.ets_mm_categories li.has-sub ul {
    position: relative !important;
    left: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
    display: inline-block !important;
    width: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    float: none !important;
    height: 0;
    overflow: hidden;
    padding: 0 16px !important;
    background: transparent !important;
}

.ets_mm_megamenu .mm_menus_li.mm-catalog-toggle .mm_columns_ul .ets_mm_block_content ul.ets_mm_categories li.has-sub ul.active {
    height: auto;
    padding-bottom: 8px !important;
}

.ets_mm_megamenu .mm_menus_li.mm-catalog-toggle .mm_columns_ul .ets_mm_block_content ul.ets_mm_categories li.has-sub ul.active > li > a {
    padding-left: 18px;
}

@media (max-width: 767px) {
    .ets_mm_megamenu .mm_menus_li.mm-catalog-toggle > .mm_columns_ul {
        width: 100vw !important;
    }
}

/* Catalog drawer drilldown override --------------------------------*/
body.catalog-drawer-open::before {
    display: none !important;
    content: none !important;
}

.transition_floating .ybc-menu-toggle.opened::before,
.changestatus.transition_floating .ybc-menu-toggle.opened::before,
.transition_full .ybc-menu-toggle.opened::before,
.changestatus.transition_full .ybc-menu-toggle.opened::before {
    display: none !important;
    content: none !important;
}

.mm-category-children-source {
    display: none !important;
}

.ets_mm_megamenu .mm_menus_li.mm-catalog-toggle > .mm_columns_ul {
    display: none !important;
}

.ets_mm_megamenu .mm_menus_li.mm-catalog-toggle > .catalog-drawer-shell {
    position: fixed;
    top: var(--pws-megamenu-drawer-offset, 0px);
    left: 0;
    width: min(420px, 100vw);
    height: calc(100vh - var(--pws-megamenu-drawer-offset, 0px));
    height: calc(100dvh - var(--pws-megamenu-drawer-offset, 0px));
    background: #fff;
    box-shadow: 16px 0 42px rgba(4, 19, 39, 0.18);
    overflow: hidden;
    transform: translateX(-100%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: transform 0.28s ease, opacity 0.2s ease, visibility 0.2s ease;
    z-index: 1055;
}

.ets-dir-rtl .ets_mm_megamenu .mm_menus_li.mm-catalog-toggle > .catalog-drawer-shell {
    left: auto;
    right: 0;
    transform: translateX(100%);
}

.ets_mm_megamenu .mm_menus_li.mm-catalog-toggle.is-open > .catalog-drawer-shell,
.ets_mm_megamenu .mm_menus_li.mm-catalog-toggle > .catalog-drawer-shell.is-active {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.catalog-drawer-panel {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    background: #fff;
    transform: translateX(100%);
    visibility: hidden;
    transition: transform 0.26s ease, visibility 0.26s ease;
}

.catalog-drawer-panel.is-active {
    transform: translateX(0);
    visibility: visible;
    z-index: 2;
}

.catalog-drawer-panel.is-previous {
    transform: translateX(-14%);
    visibility: visible;
    z-index: 1;
}

.catalog-drawer-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 60px;
    padding: 0 16px;
    border-bottom: 1px solid #e7edf4;
    background: #fff;
}

.catalog-drawer-header-spacer,
.catalog-drawer-back,
.catalog-drawer-close {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
}

.catalog-drawer-back,
.catalog-drawer-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #0f2440;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
}

.catalog-drawer-back:hover,
.catalog-drawer-close:hover {
    background: #eef4fa;
}

.catalog-drawer-title {
    flex: 1 1 auto;
    min-width: 0;
    color: #0f2440;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
}

.catalog-drawer-body {
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: hidden;
    background: #fff;
}

.catalog-drawer-list {
    display: flex;
    flex-direction: column;
}

.catalog-drawer-row,
.catalog-drawer-see-all {
    border-bottom: 1px solid #edf1f5;
}

.catalog-drawer-entry,
.catalog-drawer-see-all-link {
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
    min-height: 64px;
    padding: 0 18px;
    border: 0;
    background: #fff;
    color: #0f2440;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.25;
    text-align: left;
    text-decoration: none;
}

.catalog-drawer-entry:hover,
.catalog-drawer-see-all-link:hover {
    background: #f7fafc;
    color: #0f2440;
}

.catalog-drawer-entry:disabled {
    cursor: default;
    opacity: 0.65;
}

.catalog-drawer-entry-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    min-width: 28px;
}

.catalog-drawer-entry-icon img {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.catalog-drawer-entry-icon i.fa {
    font-size: 20px;
}

.catalog-drawer-entry-label {
    flex: 1 1 auto;
    min-width: 0;
}

.catalog-drawer-entry-arrow {
    flex: 0 0 auto;
    font-size: 20px;
    line-height: 1;
    opacity: 0.7;
}

.catalog-drawer-see-all-link {
    font-weight: 700;
}

@media (max-width: 767px) {
    .catalog-drawer-title {
        font-size: 18px;
    }

    .catalog-drawer-entry,
    .catalog-drawer-see-all-link {
        min-height: 60px;
        padding: 0 16px;
        font-size: 16px;
    }
}
/* Keep first-level category links visible in the horizontal megamenu. */
.ets_mm_megamenu.layout_layout2:not(.ybc_vertical_menu) .ets_mm_categories li.has-sub > a.ets_mm_url.ets_mm_category_link:first-child {
    display: inline-flex !important;
}

/* Actions compactes selon la largeur réelle de la carte produit. */
.product-miniature { container-type: inline-size; }
.product-action-label-tablet,
.product-action-label-mobile { display: none; }
@container (max-width: 300px) {
    .product-buttons .product-action-label-full { display: none; }
    .product-buttons .product-action-label-tablet { display: inline-flex; align-items: center; gap: 0.25rem; }
    .product-buttons .btn,
    .product-buttons .add-to-quote-listing { min-width: 0; padding-right: 0.55rem; padding-left: 0.55rem; }
}
@container (max-width: 220px) {
    .product-buttons .product-action-label-tablet { display: none; }
    .product-buttons .product-action-label-mobile { display: inline-flex; align-items: center; gap: 0.25rem; }
}
@media (max-width: 767.98px) {
    .product-buttons .product-action-label-full,
    .product-buttons .product-action-label-tablet { display: none; }
    .product-buttons .product-action-label-mobile { display: inline-flex; align-items: center; gap: 0.25rem; }
}

/* Footer plus lisible sur mobile et tablette. */
@media (max-width: 991.98px) {
    #footer .footer-main-row {
        align-items: stretch !important;
    }

    #footer .footer-main-row > .flex-fill {
        width: 100%;
        max-width: 100%;
    }

    #footer .footer-container-center {
        width: 100%;
    }

    #footer .footer-container-center .container-coordo {
        width: 100%;
        min-width: 0;
        max-width: 960px;
        margin-right: auto;
        margin-left: auto;
    }
}

/* Présentation équilibrée des coordonnées sur tablette. */
@media (min-width: 768px) and (max-width: 991.98px) {
    #footer .container-coordo .contact-store-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 2rem;
        row-gap: 1rem;
        margin-right: 0;
        margin-left: 0;
    }

    #footer .container-coordo .contact-store-grid > [class*="col-"] {
        width: auto;
        max-width: none;
        padding-right: 0;
        padding-left: 0;
    }
}

/* Cartes produit : actions équilibrées avec un espace central. */
.product-buttons > .d-flex {
    gap: 0.5rem;
    margin-right: 0.5rem;
    margin-left: 0.5rem;
}

.product-buttons > .d-flex > form,
.product-buttons > .d-flex > .product-quantity {
    flex: 1 1 0;
    min-width: 0;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

/* Grand écran : retrouver la largeur historique des boutons à libellé complet. */
@media (min-width: 1200px) {
    .product-buttons > .d-flex {
        margin-right: 0.25rem;
        margin-left: 0.25rem;
    }
}

/* Fiche produit : galerie et achat sur deux colonnes à largeur intermédiaire. */
@media (min-width: 768px) and (max-width: 1199.98px) {
    .product-buttons > .d-flex > form .btn,
    .product-buttons > .d-flex > .product-quantity > .add-to-quote-listing {
        width: 100%;
    }

    #product .product-details-column {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        column-gap: 1.5rem;
        align-items: start;
        margin-top: 0.75rem;
    }

    #product .product-description-short-wrapper {
        grid-column: 1;
        grid-row: 1;
        padding-left: 1rem;
    }

    #product .product-technical-info {
        grid-column: 2;
        grid-row: 1;
    }
}

/* Fiche produit : supprimer le retrait résiduel sous le breakpoint desktop. */
@media (max-width: 991.98px) {
    #product .container-product {
        padding-right: 0;
        padding-left: 0;
    }
}

/* Les contenus détaillés prolongent naturellement leur barre de titre. */
#product #main > .tab-content {
    border-left: 0;
}

/* Fiche produit : description avant le bloc technique sur mobile. */
@media (max-width: 767.98px) {
    #product .product-container {
        margin-right: 0;
        margin-left: 0;
    }

    #product .product-details-column {
        display: flex;
        flex-direction: column;
    }

    #product .product-description-short-wrapper {
        order: 1;
    }

    #product .product-technical-info {
        order: 2;
    }
}

/* Les médias et les actions restent contenus dans leur colonne. */
#product {
    overflow-x: hidden;
}

#product #offcanvascartm:not(.show):not(.showing):not(.hiding) {
    display: none;
}

#product .product-gallery-column,
#product .product-purchase-column,
#product .product-details-column {
    min-width: 0;
}

#product #myCarousel,
#product #myCarousel .f-carousel__viewport,
#product #myCarousel .f-carousel__track,
#product #myCarousel .f-carousel__slide {
    max-width: 100%;
}

#product #myCarousel .image-container {
    display: block;
    width: 100%;
    max-width: 800px;
    height: auto;
    aspect-ratio: 1 / 1;
}

#product #myCarousel .image-container img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#product .product-description iframe {
    width: 100%;
    max-width: 560px;
    height: auto;
    aspect-ratio: 16 / 9;
}

#product .product-quantity .qty,
#product .product-add-to-cart .add-to-cart,
#product .add-to-quote {
    max-width: 100%;
}

#product .product-infos {
    width: 100%;
    table-layout: fixed;
}

#product .product-infos .infos-title {
    width: 40%;
}

#product .product-infos .infos-value {
    overflow-wrap: anywhere;
}

/*-------------------------------------------------------------------*/
/* Espace client ----------------------------------------------------*/
/*-------------------------------------------------------------------*/
.customer-account-client .badge, .customer-subpage-account .badge {
    font-size: .75rem;
}

.page-my-account #content .customer-account-grid > a .link-item {
    box-shadow: var(--bs-box-shadow-sm); line-height: 1.4;
    transition: box-shadow .2s ease, transform .2s ease; font-size: .98rem;
}
.customer-account-grid > a:hover .link-item, .customer-account-grid > a:focus-visible .link-item {
    box-shadow: var(--bs-box-shadow); transform: translateY(-3px);
}
.page-my-account #content .customer-account-grid > a .link-item .customer-account-card-icon {
    font-size: 1.15rem; height: 42px; width: 42px;
}

.customer-account-link-content {min-width: 0;}
.customer-account-link-content strong {
    font-size: 1rem; font-weight: 500; line-height: 1.3;
}
.customer-account-link-content small {
    font-size: .8rem; font-weight: 400; line-height: 1.4;
}

.page-my-account #content .customer-account-intro {box-shadow: var(--bs-box-shadow-sm);}
.page-my-account #content .customer-account-intro h1 {
    background-color: transparent !important; color: var(--pws-account-intro-title, var(--pws-account-header-accent, var(--bs-primary)));
}
.page-my-account #content .customer-account-kpi, .page-my-account #content .customer-account-panel,
.page-my-account #content .customer-account-grid > a .link-item {
    box-shadow: var(--bs-box-shadow-sm);
}
.page-my-account #content .customer-account-kpi:hover, .page-my-account #content .customer-account-kpi:focus-visible,
.page-my-account #content .customer-account-grid > a:hover .link-item,
.page-my-account #content .customer-account-grid > a:focus-visible .link-item {
    box-shadow: var(--bs-box-shadow);
}
.customer-account-kpi-icon, .customer-account-panel h2 > i {
    flex: 0 0 3rem; font-size: 1.5rem; height: 3rem; width: 3rem;
}
.customer-account-kpi b, .customer-account-kpi small, .customer-account-panel-link, .customer-account-follow li > i,
.customer-account-follow li > strong {
    color: var(--pws-account-accent, var(--pws-account-header-accent, var(--bs-primary)));
}
.customer-account-legend, .customer-account-follow {list-style: none;}
.customer-account-legend strong {margin-left: auto;}
.customer-account-section-title {margin-left: 1rem;}
.page-my-account #content .customer-account-intro-contact {align-self: center; display: flex; flex: 0 0 auto; justify-content: flex-end; min-width: min(100%, 27rem);}
.page-my-account #content .customer-representative-card {background: transparent; box-shadow: none; min-width: 25rem;}
.page-my-account #content .customer-representative-profile {align-items: flex-start; display: flex; gap: 1.1rem;}
.page-my-account #content .customer-representative-visual {width: 5.8rem;}
.page-my-account #content .customer-representative-icon {flex: 0 0 4.2rem; font-size: 1.8rem; height: 4.2rem; width: 4.2rem;}
.page-my-account #content .customer-representative-contact {font-size: .72rem; line-height: 1.2;}
.page-my-account #content .customer-representative-actions {display: flex; flex-direction: column; gap: .3rem;}
.page-my-account #content .customer-representative-action {color: var(--pws-account-button-text, var(--bs-dark)); padding: 0; white-space: nowrap;}
.page-my-account #content .customer-representative-action i {color: var(--pws-account-accent, var(--pws-account-header-accent, var(--bs-primary)));}
.page-my-account #content .customer-representative-contact {
    border-color: var(--pws-account-accent, var(--pws-account-header-accent, var(--bs-primary))); color: var(--pws-account-accent, var(--pws-account-header-accent, var(--bs-primary)));
}
@media (min-width: 1200px) {
    .col-xl-5th {flex: 0 0 auto; width: 20%;}
}
@media (max-width: 767.98px) {
    .page-my-account #content .customer-account-intro-contact {justify-content: flex-start; min-width: 0; width: 100%;}
    .page-my-account #content .customer-representative-card {min-width: 0; width: 100%;}
}

/* Sous-pages du compte : bandeau, formulaires et adresses. */
.customer-subpage-hero {
    border: 0;
}
.customer-subpage-hero-content {min-width: 0;}
.customer-subpage-eyebrow, .customer-form-panel-eyebrow {font-size: .72rem; letter-spacing: .1em;}
.customer-subpage-hero h1 {font-size: clamp(1.35rem, 2.2vw, 1.8rem);}

.page-content-customer .card,
.customer-address-card,
.customer-form-panel {
    border: 0 !important;
    box-shadow: var(--bs-box-shadow-sm);
}
.customer-address-card-body {min-width: 0;}
.customer-address-card address {font-size: .9rem; line-height: 1.55;}
.customer-form-panel-heading p {font-size: .85rem;}
.customer-form-panel .js-customer-form, .customer-form-panel .js-address-form {padding: 1.25rem;}
.customer-form-panel label {font-size: .88rem; font-weight: 600;}
.customer-form-panel .form-control, .customer-form-panel .custom-select, .customer-form-panel select {min-height: 2.45rem;}
.customer-form-panel .form-control-submit {width: auto;}
.customer-form-panel .form-switch .form-check-label > span:first-child {min-width: 0;}

@media (max-width: 767.98px) {
    .customer-subpage-account .badge {white-space: normal;}
}
@media (max-width: 767.98px) {
    .customer-form-panel .js-customer-form .form-control-submit {width: 100%;}
}