/*
* CUSTOM CSS @SNT2
* - ABOT -
* ZONE CHILD
* 09/05/2022
*/

/* Custom CSS Header */


/* mini shop cart */


/* suite a un header complet fixed
on enleve le petit panier de la navbar*/


/*
#header .sticky-icon-cart .cart-link {
    background: #ff6a1b;
}

.desktop-header-version .sticky-active .sticky-icon-cart {
    opacity: 1 !important;
    visibility: visible !important;
}
*/

#header>div>div.header-banner.clearfix>div {
    background-color: #f9f9f9;
}

#header-main-menu {
    background-color: #292929;
}

#header-main-menu>ul>li>a {
    color: #fff;
}

input.form-control.ui-autocomplete-input {
    border-left: none;
    border-right: none;
    border-top: none;
    border-radius: 0px;
}

button.btn-primary {
    background: transparent;
    color: #C7C7C7;
}

button.btn-primary:hover {
    background: transparent;
    color: #6d6a6a;
}

.user-info .account-link {
    border: none;
}

#amegamenu>ul>li>a>span {
    color: #FFFFFF;
    font-weight: 400;
}

#amegamenu>ul>li:hover>a>span {
    color: #ff6a1b;
}

span.price.product-price {
    color: #ff6a1b
}

span.btn.btn-primary,
button.btn.add-to-cart.js-ajax-add-to-cart {
    color: #f1f1f1;
    background-color: #ff6a1b;
}

#scrollTopButton .scroll-button {
    background-color: #ff6a1b !important;
}

.cart-preview .cart-header:hover {
    color: #f1f1f1;
}


/* arrow slider */

.aone-slideshow .nivoSlider .nivo-directionNav .nivo-nextNav,
.aone-slideshow .nivoSlider .nivo-directionNav .nivo-prevNav {
    color: #ff6a1b;
    opacity: 0.5;
}

div#header-main-menu-sticky-wrapper .is-sticky {
    display: none;
}


/* FIX CSS CART HEADER */

.cart-products-count {
    background: #22B1D1 !important
}

#header>div>div.main-header.clearfix>div>div>div.header-right>div>div.shopping-cart-module>div>ul>li>a {
    background-color: #ff6a1b
}

#header>div>div.main-header.clearfix>div>div>div.header-right>div>div.shopping-cart-module>div:active>ul>li>a {
    color: #ff6a1b;
    outline: 1px solid #ff6a1b;
}

a.cart-link.btn-primary:hover {
    color: #ff6a1b;
    background: transparent !important;
    outline: 1px solid #ff6a1b;
}


/* retirer espace banniere */

.page-index #wrapper>nav {
    margin-bottom: 0px;
}

.page-cms #wrapper>nav {
    margin-bottom: 0px;
}

.header-main-menu .sticky .sticky-active {
    background-color: #ff6a1b;
}


/* header sticky z-index */

div#header-main-menu {
    z-index: 220;
}


/* fix header on mobile */

.header-right.sticky.sticky-active.sticky-effects {
    z-index: 220;
}

#header .mobile-header-version .sticky-background {
    background: inherit;
    display: block !important;
    height: 55px;
    position: fixed;
    z-index: -1;
    left: -100%;
    right: -100%;
    box-shadow: 0 1px 5px rgb(0 0 0 / 20%);
}


/* hover card secteur */

.secteur-card:hover img {
    transition: filter 0.3s ease-in-out;
    filter: brightness(0.7);
}

.secteur-card {
    position: relative;
    margin-bottom: 5px;
}

.secteur-card #title::after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scale(0%);
    left: 0%;
    bottom: -3px;
    height: 2px;
    background: #f1f1f1;
    transition: all ease .3s;
}

.secteur-card:hover #title::after {
    transform: scale(80%);
}

.secteur-card #title {
    transition: all ease .3s;
    position: absolute;
    color: #f1f1f1;
    font-size: 18px;
    left: 50%;
    top: 50%;
    width: 100%;
    text-shadow: -1px -1px 2px rgba(112, 112, 112, 1);
    transform: translate(-50%, -50%);
    text-align: center;
}

img.card-img-top {
    border-radius: 4px;
}

.secteur-card img {
    transition: filter 0.3s ease-in-out;
    filter: brightness(0.6);
}


/* page boutique */


/* check */

button.btn.add-to-cart.js-ajax-add-to-cart.added::after {
    background: #22b1d1;
}

div#mainProduct {
    margin-top: 15px;
}

h1.page-heading {
    margin: -5px;
}


/* CSS elementor */

.elementor-text-editor p {
    line-height: 24px!important;
}

.elementor-cta .elementor-content-item:not(:last-child) {
    line-height: 24px!important;
}

.elementor-widget-icon-box .elementor-icon-box-content .elementor-icon-box-description {
    line-height: 24px!important;
}

section.elementor-element.elementor-element-25c89e1.elementor-section-content-middle.elementor-section-stretched.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.elementor-section.elementor-top-section {
    width: 100% !important;
    padding: 0px;
    margin: 0px
}

.containerHomePageBan {
    position: relative;
    width: 100vw;
    padding: 0px
}

.containerHomePageBan video#video-ban {
    margin-left: -15px;
    filter: brightness(0.65);
}

.containerHomePageBan h1 {
    text-transform: uppercase;
    font-size: 30px;
    line-height: 24px!important;
    font-weight: 500;
    color: #ffffff;
    text-align: center;
    box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}

.containerHomePageBan button {
    padding: 15px;
    padding-left: 25px;
    padding-right: 25px;
    border: 1px solid white;
    border-radius: 10px;
    background-color: rgba(61, 61, 61, 0.8);
    font-size: 16px;
    color: #ffffff;
    font-weight: 400;
    transition: all ease .3s;
}


/* delete img logo on phone */

.a-mobile-device .containerHomePageBan img {
    display: none;
}

.a-mobile-device .containerHomePageBan video#video-ban {
    margin-left: -0px;
}

.containerHomePageBan button:hover {
    background-color: #ff6a1b;
    border: 1px solid #ff6a1b;
}


/* fix shop product card */

.product-container.product-style.pg-evl.pg-bnl {
    height: 100%;
}


/* contact form */

.contactTitle {
    color: #333333;
    text-align: center;
    font-family: "Roboto", sans-serif;
    font-size: 45px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1.2em;
}

.formulaire_contact_container {
    margin-top: 30px;
}


/* products */

#mainProduct .product-right-content {
    background: #fff;
    padding: .9375rem;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
    border-radius: 7px;
}

#mainProduct .product-left-content {
    position: sticky;
    top: 170px;
}

.product-contenu-produit ul li {
    border-bottom: 1px solid #f9f9f9;
    line-height: 2rem;
}

.product-avis-expert {
    border-left: 10px solid #44a8f2;
    padding: 20px;
    background: #fff;
}

.attributes {
    font-style: italic;
    color: #c7c7c7;
    font-size: 12px;
    text-align: right;
}

.add-to-cart {
    background-color: #ff6a1b !important;
}

.add-to-cart:hover {
    background-color: #df601b !important;
}

.add-to-cart-disabled .add-to-cart {
    background: #c7c7c7 !important;
}

#product .images-container {
    background: #fff;
}

.second-third-block .second-block h5.product-name {
    height: 50px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.product-actions .product-prices {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    align-content: center;
}


/* Bouton commentaire blog */

fieldset#prestablog-comment input#submitComment {
    width: auto;
    border: 0;
    padding: 5px 30px
}


/* menu blog */

#prestablog_menu_cat nav ul {
    border-radius: 7px;
}


/* text menu blog */

#prestablog_menu_cat>nav>ul>li>a {
    font-weight: 100;
}


/* short desc produits */

.product-description-short p {
    text-align: justify;
}


/* text récapitulatif commande */

.cart-detailed-totals .cart-products-count {
    color: #f1f1f1
}


/* produit non disponible */

span.product-availability.product-unavailable {
    color: #ff6a1b;
}


/* style icon changement de page */

a.disabled.js-search-link {
    border-radius: 3px;
}


/* curseurs selecteurs style */

.ui-slider-range.ui-widget-header.ui-corner-all {
    background: #ff6a1b!important;
}


/* recap cart price style */

.cart-items.bg-white.cart-summary {
    border-radius: 7px;
    box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
}


/* button commander hover */

.cart-dropdown .cart-bottom .cart-action .text-center a {
    color: #fff !important;
    ;
}


/* aligner description court produits */

.product-description-short {
    text-align: justify;
    padding: 10px
}


/* product avis expert */

.product-avis-expert {
    border-left: 10px solid #ff6a1b;
}


/* sub categories style */

#js-product-list-header .subcategory-bloc {
    border: none;
    background: #fff;
}

.subcategory-bloc:hover .img-thumbnail {
    filter: brightness(90%);
}

.subcategory-bloc .img-thumbnail {
    padding: 0px !important;
    box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
}

.subcategory-bloc:hover a {
    color: #ff6a1b;
}


/* description categorie */

.category-description .descCollapsed .descSmall:after {
    background-image: -webkit-linear-gradient(top, hsla(0, 0%, 97%, 0), hsla(0, 0%, 97%, .8) 40%, #fff 90%) !important;
}

.product-list-header .js-expand-description p {
    text-align: justify;
}

#product-list-header p {
    text-align: justify;
}

.category-description .descCollapsed .descToggle.expand,
.category-description .descExpanded .descToggle.collapse {
    display: flex !important;
    justify-content: center;
    width: 100%;
    box-shadow: rgba(27, 31, 35, 0.04) 0px 1px 0px, rgba(255, 255, 255, 0.25) 0px 1px 0px inset;
}


/* dropdown menu account */

.dropdown-customer-account-links ul.dropdown-menu {
    border: 1px solid #3333!important;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
}


/* Gestion formulaire fiche produit */

.callUs-container {
    width: 100%;
    display: flex;
    justify-content: center;
    padding-top: 20px;
}

.callUs-container h4 {
    margin-top: 10px;
    color: #ff6a1b;
    font-weight: 100;
}

.callUs-container .wrapper {
    width: 70%;
}

p.cart-products-count.alert-info {
    border-radius: 3px;
    color: #fff;
}

#amegamenu>ul>li.amenu-item.plex>div>div>div.dropdown-content.acot1.dd27>div>div>p.category-title.h5 {
    display: flex;
    justify-content: center;
}

#right-column>div>div:nth-child(2)>h4 {
    margin-top: 15px;
}


/* correction blog */

#blog_list_1-7-snt .block_cont {
    border-radius: 7px
}

#blog_list_1-7-snt .block_cont .block_bas h3 .date_blog-cat .categorie_blog {
    color: #22B1D1;
    font-size: 13px;
}

#blog_list_1-7-snt .block_cont .block_bas h3>a {
    color: #22B1D1;
}

#module-prestablog-blog div#right-column {
    border-radius: 7px;
    padding-top: 12px;
    box-shadow: rgb(0 0 0 / 5%) 0px 0px 0px 1px;
}

#blog_list_1-7-snt .block_bas h3 {
    height: 111px;
}

#blog_list_1-7-snt p.prestablog_desc {
    height: 60px;
}


/* page produit align Marque, référence, EAN */

.main-product-details .product-attributes {
    padding-left: 11px;
}


/* fix css menu catégorie boutique en ligne */

#js-account-sidebar>ul>li>div>a {
    border-radius: 7px;
    background-color: #fff;
    border: 1px solid #9a999927;
}


/* home page retirer icons sur moble 'nos services' */

.page-index.a-mobile-device span.elementor-icon.elementor-animation-grow {
    opacity: 0 !important;
}


/* scroll cart item */

.shopping-cart-module .cart-items {
    max-height: 280px;
    overflow: scroll;
    overflow-x: hidden;
}


/* fix css blog - alignement */

#module-prestablog-blog .fancybox {
    display: flex;
    justify-content: center;
}

#module-prestablog-blog .fancybox img {
    border-radius: 7px;
    margin-top: 10px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}

#prestablogfont p,
#prestablogfont ul,
#prestablogfont li {
    text-align: justify;
    padding: 5px;
}


/* fix page produit bullet point - point fort */

.product-points-forts .block-content ul {
    list-style: inside;
    padding-left: 10px;
}

.product-price-container {
    height: 30px;
    width: 80%;
}

#module-prestablog-blog div#right-column a.link_block {
    color: #333333;
}


/* home page article blog */

.page-index .last-article-container p {
    height: 180px;
}


/* page catégorie description */


/* triangle h1 */

.page-category h1.page-heading.js-category-page:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #ff6a1b;
    border-right: 8px solid transparent;
    transition: all 0.2s ease-in-out;
}

.page-category h1.page-heading.js-category-page {
    position: relative;
    text-transform: uppercase;
    padding-left: 15px;
    margin-left: 1px;
    font-size: 2em;
}

.page-category h1.page-heading.js-category-page:hover:before {
    border-left: 8px solid #22B1D1;
}

.page-category #product-list-header h2 {
    font-size: 1.5em;
    text-transform: capitalize;
    font-weight: 600;
}

.page-category #product-list-header h3 {
    font-size: 1.2em;
    text-transform: capitalize;
    font-weight: 600;
}


/* full  header fixed */

.all-header-sticky {
    background-color: #fff !important;
}

div.shopping-cart-module>div>ul>li>a {
    background-color: #ff6a1b !important;
}

.custom-st-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    padding-left: 5px;
    padding-right: 5px;
}

.custom-st-header i {
    font-size: 20px !important;
    color: #333333 !important;
}


/* ps_email alert */

.mailalert-form.js-mailalert-form.d-flex {
    display: flex;
    justify-content: center;
}

.cms_category-image img {
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}


/* Passage des titres page contenu en noir */

#wrapper h2.elementor-heading-title.elementor-size-default,
#wrapper h3.elementor-heading-title.elementor-size-default,
#wrapper h4.elementor-heading-title.elementor-size-default {
    color: #333333 !important;
}


/* titres non lisibles en blanc */

#wrapper #title-reverted>div>h1 {
    color: #fff !important;
}

#wrapper #title-reverted>div>h2 {
    color: #fff !important;
}

#wrapper #title-reverted>div>h3 {
    color: #fff !important;
}

#wrapper #title-reverted>div>h4 {
    color: #fff !important;
}

#wrapper #title-reverted>div>h1 {
    color: #fff !important;
}


/* fix scroll latéral */

body {
    overflow-x: hidden;
}


/* fix css mobile & tablette */


/* ordre des éléments blog */

/* + 8564 - Preciser pour le blog, sans ca les pages categories sont en desordre */
#module-prestablog-blog .main-content .mobile-main-content {
    display: flex;
    flex-direction: column;
}

/* mega menu tablette + video home page */

@media screen and (max-width: 1024px) and (min-width: 750px) {
    .containerHomePageBan video#video-ban {
        margin-left: 0px !important;
    }
    #amegamenu .anav-top .amenu-item.hover>a>span {
        color: #ff6a1b !important;
    }
}


/* mega menu sombre sur telephone */

.a-mobile-device #mobile-amegamenu .dropdown-wrapper {
    background-color: #333333 !important;
}

.a-mobile-device #mobile-amegamenu img.card-img-top {
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
}


/* fix alert email pas de stock produit */

.mailalert-form a.btn.btn-warning {
    width: 100%;
    font-size: 0.9em;
}


/* price ttc shop */

p.product-price-custom-taxes {
    padding: 5px;
    border-radius: 3px;
    transform: translate(50%, 20%);
}

#ttc-lbl-price {
    font-size: 0.7em;
    font-style: italic;
}


/* blog */

div#prestablogfont table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}

.elementor-text-editor li+li {
    padding-top: 5px;
}


/* Masquer le groupe de feature "Livraison outre-mer" */

dl.data-sheet.id_grp_3 {
    display: none;
}


/* Fiche article > Disponible en X autre(s) version(s) */

.product-accessories .product-list .buttons-sections {
    padding-left: 10px;
}

@media (max-width: 768px) {
    .product-accessories .product-list .buttons-sections i {
        display: none;
    }
    .product-list .table-view .product-miniature .third-block {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
    .product-list .table-view .product-miniature .product-price-and-shipping {
        display: flex;
        justify-content: flex-end;
    }
}


/* fix : modal "add to cart" hover doofinder */

#blockcart-modal {
    z-index: 9999999999999;
    background-color: hsla(0, 0%, 15%, 0.38)
}


/* search doofinder */


/*** Modules/zonecolorsfonts **/


/* A intégrer dans custom.css*/

.dfd-embedded .dfd-layer {
    max-width: 1250px;
    margin: auto;
}


/* A corriger en désactivant le module de recherche natif Prestashop et en ajoutant notre propre barre de recherche (liée à DF) */

.search-widget ul.ui-autocomplete {
    display: none;
}


/* Custom creative Elements buttons */


/* White Background */

.elementor-button-filled-black.elementor-widget.elementor-widget-button>div>div>a {
    background: #333333;
    border-radius: 5px;
    padding: 15px 60px 15px 60px;
    border: 2px solid #333333;
}

.elementor-button-filled-black.elementor-widget.elementor-widget-button>div>div>a:hover {
    background: transparent;
    border: 2px solid #333333;
}

.elementor-button-filled-black.elementor-widget.elementor-widget-button>div>div>a:hover span {
    color: #333333;
}

.elementor-button-filled-color.elementor-widget.elementor-widget-button>div>div>a {
    background: #ff6a1b;
    border-radius: 5px;
    padding: 15px 60px 15px 60px;
    border: 2px solid #ff6a1b;
}

.elementor-button-filled-color.elementor-widget.elementor-widget-button>div>div>a:hover {
    background: transparent;
    border: 2px solid #ff6a1b;
}

.elementor-button-filled-color.elementor-widget.elementor-widget-button>div>div>a:hover span {
    color: #ff6a1b;
}


/* Black Background */

.elementor-button-transparent-black.elementor-widget.elementor-widget-button>div>div>a {
    background: transparent;
    border: 2px solid #333333;
    border-radius: 5px;
    padding: 15px 60px 15px 60px;
}

.elementor-button-transparent-black.elementor-widget.elementor-widget-button>div>div>a span {
    color: #333333;
}

.elementor-button-transparent-black.elementor-widget.elementor-widget-button>div>div>a:hover {
    background: #333333;
    border: 2px solid #333333;
    border-radius: 5px;
    padding: 15px 60px 15px 60px;
}

.elementor-button-transparent-black.elementor-widget.elementor-widget-button>div>div>a:hover span {
    color: #fff;
}

.elementor-button-transparent-color.elementor-widget.elementor-widget-button>div>div>a {
    background: transparent;
    border: 2px solid #ff6a1b;
    border-radius: 5px;
    padding: 15px 60px 15px 60px;
}

.elementor-button-transparent-color.elementor-widget.elementor-widget-button>div>div>a span {
    color: #ff6a1b;
}

.elementor-button-transparent-color.elementor-widget.elementor-widget-button>div>div>a:hover {
    background: #ff6a1b;
}

.elementor-button-transparent-color.elementor-widget.elementor-widget-button>div>div>a:hover span {
    color: #fff;
}

.elementor-button-transparent-white.elementor-widget.elementor-widget-button>div>div>a {
    background: transparent;
    border: 2px solid #fff;
    border-radius: 5px;
    padding: 15px 60px 15px 60px;
}

.elementor-button-transparent-white.elementor-widget.elementor-widget-button>div>div>a span {
    color: #fff;
}

.elementor-button-transparent-white.elementor-widget.elementor-widget-button>div>div>a:hover {
    background: #fff;
}

.elementor-button-transparent-white.elementor-widget.elementor-widget-button>div>div>a:hover span {
    color: black;
}


/* Product availability */

.product-list .product-miniature .product-availability .unavailable.alloutofstock {
    background: transparent;
    color: #ff3a1b;
}

.product-list .product-miniature .product-availability .last_remaining_items {
    background: transparent;
    color: #4e9112;
}

.product-list .product-miniature .product-availability .available {
    background: transparent;
    color: #4e9112;
}

span.product-availability.product-available,
span.product-availability.product-last-items {
    color: #4e9112;
}

.aone-slideshow .slide-products-related .product-item .regular-price {
    display: block;
}

/* header mobile fix */
@media only screen and (max-width: 425px) {
    .header-nav-wrapper, .customer-signin-module {
        display:none
    }

    .header-event-banner-wrapper p {
        font-size:12px
    }

    #header > div > div.main-header.clearfix > div > div > div.header-logo img.logo {
        max-height:3em
    }

    .mobile-breadcrumb-wrapper {
        margin-bottom: -22px;
    }
    
    #header>div>div.main-header.clearfix {
        margin-bottom: 0px
    }
}

.a-mobile-device #main h1.page-heading:before,
.a-mobile-device #main h1.page-heading:after {
    display:none
}

.a-mobile-device #main h1.page-heading {
    margin-top:15px
}


/* fix css mega menu reglementation ticket : 2078*/

#header li.amenu-item.megamenu-reglementation {
    background: #ff6a1b;
}

#header li.amenu-item.megamenu-reglementation:hover a span {
    color: #fff;
}

#header li.amenu-item.megamenu-reglementation:hover a {
    background:#ff6a1b
}

/* fix css modal cookie - ticket : 2588 */
#didomi-popup > div > div > div > div.didomi-popup-notice-text-container > div.didomi-popup-notice-text > p {
    text-align:justify;
}

#didomi-popup > div > div > div > div.didomi-popup-notice-text-container > div.didomi-popup-notice-text {
    max-width:100%
}

/* fix ticket : 2812*/
/* zone additional product */
#product .zone-product-extra-fields .c2_marquage > button .extra-title-image {
    max-height:100px;
    width:auto;
}

#product .zone-product-extra-fields .c2_marquage > button  {
    background:transparent;
}

/* gls - ticket : 3410 */
#checkout .card.gls-relay-infos .row {
    flex-wrap: wrap !important
}
#checkout .gls-select-relay {
    opacity: 1!important;
    position: relative!important;
}

/* fix modal cookie - ticket : 3062*/
#didomi-popup .didomi-exterior-border #buttons #didomi-notice-agree-button {
    color:#fff !important
}

.checkout-step-display .delivery-option label {
    margin-bottom: 0;
    text-align: initial;
    width: calc(100% - 40px);
}

.step-button-continue.text-end {
    text-align: right
}
.carrier-extra-content.row.js-carrier-extra-content {
    justify-content: center;
}

/* Stylisation-BLOG-ABOT : 4726 */

#prestablogfront h1 {
    font-size: 1.375rem;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    overflow: hidden;
    border: none;
    margin: 0 10px 0 10px;
    color: #ff6a1b !important;
}

#prestablogfront h2 {
    font-size: 1.275rem;
    text-align: left;
    padding-top: 15px;
    padding-bottom: 15px;
    overflow: hidden;
    border: none;
    margin: 0 10px 0 10px;
    color: #333 !important;
}

#prestablogfront h3 {
    font-size: 1.15rem;
    font-weight: 400;
    text-align: left;
    padding-top: 15px;
    padding-bottom: 15px;
    overflow: hidden;
    border: none;
    margin: 0 10px 0 10px;
    color: #ff6a1b !important;
}

#prestablogfront h4 {
    font-size: 1.1rem;
    font-weight: 300;
    text-align: left;
    padding-top: 15px;
    padding-bottom: 15px;
    border: none;
    overflow: hidden;
    margin: 0 10px 0 10px;
    color: #ff6a1b !important;
}

#prestablogfront h5 {
    font-size: 1.05rem;
    font-weight: 300;
    text-align: left;
    padding-top: 15px;
    padding-bottom: 15px;
    border: none;
    overflow: hidden;
    margin: 0 10px 0 10px;
    color: #333 !important;
}

#prestablogfront h6 {
    font-size: 1rem;
    font-weight: 300;
    text-align: left;
    padding-top: 15px;
    padding-bottom: 15px;
    overflow: hidden;
    border: none;
    margin: 0 10px 0 10px;
    color: #da4b00 !important;
}

#prestablogauthor h1 {
    font-size: 1.375rem;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    border: none;
    margin: 0 10px 0 10px;
    color: #ff6a1b !important;
}

#prestablogauthor h2 {
    font-size: 1.275rem;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    border: none;
    margin: 0 10px 0 10px;
    color: #333 !important;
}

.prestablogtitle {
    font-size: 1.375rem;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    border: none;
    margin: 0 10px 0 10px;
    color: #444 !important;
}

#prestablogfront .elementor-widget-text-editor p {
    text-align: justify;
}

#prestablogfront .elementor-widget-text-editor p a:hover {
    color: #da4b00 !important;
}

#prestablogfront .elementor-widget-text-editor ul,#prestablogfront .elementor-widget-text-editor ol {
    list-style-type: disc!important;
    padding-left: 20px;
}

#prestablogfront .elementor-widget-text-editor ul li a,#prestablogfront .elementor-widget-text-editor ol li a {
    color: #ff6a1b !important;
}

#prestablogfront .elementor-widget-text-editor ul li a:hover,#prestablogfront .elementor-widget-text-editor ol li a:hover {
    color: #da4b00 !important;
}

#prestablogfront .elementor-button {
    background-color: #ff6a1b !important;
}

#prestablogfront .elementor-button:hover {
    background-color: #da4b00 !important;
}

/* FIN Stylisation-BLOG-ABOT */

/* ABOT.fr > CSS quickfix image dans ZOneSLideShow - 5624 */
.aone-slideshow .nivo-caption .caption-content img {
    width: auto;
}

/*----------5653-----------*/
.column-block {
    border: none;
}

.category-tree>ul>li>a:before {
    border: none;
}

.category-tree > ul > li > a:hover:before {
    border: none;
    background-color: white;
}

.first-block {
    background: gray;
}

.first-block img {
    opacity: .9;
}

.product-style {
    border-radius: 0;
}

.product-style:hover {
    transform: translateY(0);
}

li {
    border: none;
}

li::before {
    content: none;
}

.category-tree .category-sub-menu>ul>li:before {
    border: none;
}

.category-tree .category-sub-menu>ul>li:after {
    border: none;
}

.product-information {
    border-color: white;
}

.category-tree>ul>li {
    padding: 15px 0;
    border-bottom: 1px solid #dfdfdf;
    margin: 0;
}

.category-tree>ul>li:last-child {
    border: none;   
}

.collapse-icons {
    top: 15px !important;
}

#ospb {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important;
}

/*5687 - Refonte graphique abot*/

#header .main-header .container {
    max-width: 1200px;
}

#header .header-nav .container {
    display: flex;
    justify-content: end;
}

#category .main-content .container, .breadcrumb-wrapper .container {
    max-width: 1200px;
}

#product .main-content .container, .breadcrumb-wrapper .container {
    max-width: 1200px;
}

#product .main-product-bottom .product-normal-layout {
    max-width: 1200px;
    margin: auto;
}

#category .main-content .container .first-block {
    background: gray;
}

#category .main-content .container .first-block img {
    width: 1200%;
}

#category .product-list .product-container .third-block .third-block-left .product-price-container {
    height: auto;
}

#category .product-list .product-container .third-block {
    margin: 10px 0;
}

#category .product-list .product-container .second-block .product-name {
    font-size: 1rem;
}

#category .product-list .product-container .second-block .product-name a {
    text-align: left;
}

#footer .footer-main .container {
    max-width: 1200px;
}

#module-prestablog-blog .main-content .container {
    max-width: 1200px;
}

/*------------------5993------------------*/

#amegamenu .anav-top {
    margin: 0;
}

.desktop-header-version .left-nav-trigger {
    display: none;
}

.desktop-header-version .main-header .header-wrapper {
    gap: 30px;
    flex-wrap: nowrap;
}

.desktop-header-version .main-header .header-logo {
    flex: 0 0 auto;
}

.desktop-header-version .main-header .searchbar-wrapper {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    justify-content: center;
}

.desktop-header-version .main-header .searchbar-wrapper .search-widget {
    width: 100%;
    max-width: 500px;
}

.desktop-header-version .main-header .header-right {
    flex: 0 0 auto;
    width: auto !important;
}

.mobile-header-version .main-header .container {
    max-width: 1140px;
}

.mobile-header-version .main-header .header-wrapper {
    justify-content: space-between;
    flex-wrap: nowrap;
}

.mobile-header-version .main-header .header-logo {
    flex: 0 0 auto;
    width: auto !important;
}

.mobile-header-version .main-header .header-right {
    flex: 0;
    display: flex;
    align-items: center;
}

.mobile-header-version .header-nav .container {
    max-width: 100%;
}

@media screen and (max-width: 992px) {
    .desktop-header-version .header-bottom .container {
        max-width: 100%;
    }

    .desktop-header-version .header-main-menu-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .desktop-header-version .left-nav-trigger {
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    .desktop-header-version .left-nav-trigger .left-nav-icon {
        background: transparent !important;
        font-size: 24px;
        height: 34px;
        width: 34px;
        transition: all .3s;
    }

    .desktop-header-version .left-nav-trigger .left-nav-icon i {
        color: #fff !important;
    }

    #amegamenu .anav-top .amenu-item:not(.get-call-back) {
        display: none !important;
    }

    #amegamenu .anav-top .amenu-item.get-call-back {
        display: flex !important;
        margin-left: auto;
    }

    #header-main-menu {
        background-color: #1a1a1a !important;
    }

    .desktop-header-version .main-header .container .searchbar-wrapper {
        width: 60%;
    }
}

/*7687 - Revert shipoing step file */


#widget_colissimo_contenu {
    background: #fff;
}

span.carrier-price {
    font-weight: bold !important;
}

@media (max-width: 768px) {
    span.carrier-delay {
        width: 100%
    }
    span.carrier-price {
        width: 100%
    }
}

/*7970 - Mention disponible sur commande couleur*/
.main-product-details .product-availability {
    color: #4e9112;
    padding: 5px 0;
}

.swiper-slide-image {
    object-fit: contain !important;
}

/*8342 - style du bouton nivo slideshow*/

.nivo-caption .btn-primary {
    color: #fff;
    background-color: rgba(61,61,61,.8) !important;
    border-radius: 10px;
    border: 1px solid #fff;
    font-size: 16px;
    text-transform: capitalize;
}

.nivo-caption .btn-primary:hover {
    background-color: rgba(0,0,0,.8) !important;
}

/*7676 - category image*/

.category-cover {
    width: 100%;
    padding-top: 39%; /* Maintien le ratio 870/340 */
    background-size: cover;
    background-position: center;
    position: relative;
    color: white;
    overflow: hidden;
  }
  
  .category-cover .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4); /* assombrissement */
    z-index: 1;
  }
  
  .category-cover .cover-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    text-align: center;
  }
  
  .category-cover h1 {
    font-size: clamp(1.5rem, 5vw, 3rem);
    color: #fff;
    margin: 0;
  }

/* ticket 9873 */
#customer-form label.custom-checkbox {
    align-items: start;
}

/*10373 - fixed subcategory image*/

#category .subcategories .subcategory-image img {
    object-fit: none;
}

#mobile-amegamenu .anav-top .adropdown .dropdown-wrapper {
    background: #333333;
}

/*10366 - Fix SEO - hn in category pages*/

.page-category #product-list-header h2 {
    font-size: 1em;
    margin-top: 10px;
}

/*11246 - Fix carrier logo in checkout page*/

.checkout-step-display .delivery-option .carrier-logo {
    margin: 0 !important;
    min-width: 30px !important;
}

.checkout-step-display .delivery-option .carrier-logo {
    max-width: 40px;
    min-width: auto;
}

.delivery-options .delivery-option .row .col-xs-1 {
    padding: 0 !important;
}

/*8270 - Add Logo on sticky header*/

.header-main-menu {
            position: relative;
        }

.header-sticky-logo {
    position: absolute;
    top: 0;
    left: 0;
    width: fit-content;
    height: fit-content;
    z-index: 1;
}

.header-sticky-logo.tablet {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header-sticky-logo.tablet img {
    margin: 0;
}

.header-sticky-logo img {
    opacity: 0;
    width: max-content;
    object-fit: cover;
    transition: all .2s linear;
}

.desktop-sticky-wrapper.is-sticky .header-sticky-logo img {
    opacity: 1;
}

/*Chronopost checkout step shipping*/

#relais_txt .checkbox label {
    border-bottom: solid 1px #c7c7c7;
    padding: 10px 0;
    width: 100%;
    margin-bottom: 0;
}

#relais_txt .checkbox label:hover {
    background: #dedede
}

#relais_txt .checkbox input {
    margin: 0 10px;
}

#relais_txt {
    border: solid 1px #c7c7c7;
    border-radius: 10px;
    margin-top: 15px;
}

#chronorelais_container {
    background: #fff;
    margin-top: 20px;
    padding: 25px;
}

#chronorelais_container .pointRelais td {
    height: auto;
    padding: 2px;
    font-size: 10px;
}

#chronorelais_container .leaflet-popup-content {
    width: 400px !important;
}

#chronorelais_container a.button_large.btselect {
    background: #871810;
    color: #fff;
    padding: 10px 20px;
    border: solid 1px #871810;
    border-radius: 20px;
}

#chronorelais_container .pointRelais {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

#chronorelais_container .leaflet-container p.text-right {
    line-height: 50px;
}

/*10287 - Cross sell product boxes*/

.ets_crosssell_block .add-to-cart>.text-for-list {
    display: none;
}

.ets_crosssell_block .product-name {
    height: 40px !important;
}

.ets_crosssell_block .third-block-left {
    min-height: 20px;
}

/* 12827 - fix apple input zoom on focus */
#search_widget input.form-control.ui-autocomplete-input {
    font-size: 16px;
}

/*10722 - Fix product extra fields for product miniature*/

.product-miniature .zone-product-extra-fields {
    position: absolute;
    margin-bottom: 0 !important;
    bottom: 0;
}

/*13246 - Module alert mail style*/
@media screen and (max-width: 1220px) {
    .mailalert-product-page .alert-button .btn {
        white-space: normal !important;
    }
}

@media screen and (max-width: 992px) {
    .mailalert-product-page .alert-button {
        padding: 0 !important;
    }

    .mailalert-product-page .mailalert-mail-btn {
        flex-direction: column;
        gap: 5px;
    }
}

/*
-------------------------------------------------------------------------------
REFONTE
-------------------------------------------------------------------------------
*/

.search-widget form input[type=text] {
    background-color: rgba(245, 245, 245, 0.92) !important;
    border: none !important;
    border-radius: 12px !important;
    padding-left: 50px !important;
}

.search-widget form [type=submit] {
    left: 0 !important;
}

.desktop-header-version .header-bottom,
.desktop-header-version #mobile-amegamenu {
    background-color: transparent !important;
}

.mobile-header-version #mobile-amegamenu {
    background-color: #333 !important;
}

.mobile-header-version .header-bottom {
    background-color: #333 !important;
    z-index: 1000;
    position: relative;
}

.mobile-header-version .left-nav-icon {
    background: transparent !important;
    color: #fff !important;
}

.mobile-header-version .left-nav-icon i {
    color: #fff !important;
}

#header-main-menu {
    margin: auto !important;
    border-radius: 0px !important;
    width: 100% !important;
    min-width: 0 !important;
}

@media screen and (min-width: 1401px) {
    #header-main-menu {
        width: fit-content !important;
        min-width: 1200px !important;
        border-radius: 12px !important;
    }
}

#header-main-menu .anav-top {
    justify-content: flex-start !important;
}

#amegamenu .anav-top .amenu-item.hover, #amegamenu .anav-top .amenu-item:hover {
    background: transparent !important;
}

#header .get-call-back .amenu-link {
    background-color: #FF6A1B !important;
    border-radius: 6px !important;
    color: #fff !important;
    border: 1px solid #FF6A1B !important;
    transition: background-color .2s ease, color .2s ease;
}

#header .get-call-back {
    background-color: transparent !important;
    border: none !important;
}

/* État hover : fond transparent, bordure + texte + icône orange */
#header .get-call-back:hover .amenu-link {
    background-color: transparent !important;
    border-color: #FF6A1B !important;
}
#header .get-call-back:hover .amenu-link > span {
    color: #FF6A1B !important;
}
.amenu-item.get-call-back:hover .amenu-link > span::before {
    background-color: #FF6A1B !important;
}

.anav-top .amenu-link {
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 10px !important;
}

/* Bouton "NOS SOLUTIONS" — style contour blanc + icône drone */
#header .our-solutions .amenu-link {
    background-color: transparent !important;
    border-radius: 6px !important;
    color: #fff !important;
    border: 2px solid #fff !important;
    transition: background-color .2s ease, color .2s ease;
}

#header .our-solutions:hover .amenu-link,
#header .our-solutions .amenu-link:hover {
    color: #FF6A1B !important;
}

/* Icône drone devant le label */
.amenu-item.our-solutions .amenu-link > span::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    vertical-align: middle;
    background-color: #FF6A1B;
    -webkit-mask: url('/img/cms/abot_refonte/drone.svg') no-repeat center / contain;
            mask: url('/img/cms/abot_refonte/drone.svg') no-repeat center / contain;
    transition: background-color .2s ease;
}

.amenu-item.our-solutions:hover .amenu-link > span::before {
    background-color: #FF6A1B;
}

/* ============================================
   TYPOGRAPHIE — Poppins (body + méga menu) + Montserrat (titres + boutons)
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap');

/* Corps de texte : Poppins */
body,
p,
span:not(.material-icons):not([class*="fa-"]):not(.fa),
a,
li,
td,
th,
label,
input,
textarea,
select {
    font-family: 'Poppins', sans-serif !important;
}

/* Titres + boutons : Montserrat */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
button,
.btn,
.elementor-button,
input[type="button"],
input[type="submit"] {
    font-family: 'Montserrat', sans-serif !important;
}

/* Tailles des titres */
h1, .h1 { font-size: 32px; }
h2, .h2 { font-size: 20px; }
h3, .h3 { font-size: 16px; }

/* Méga menu : Poppins (avec le corps de texte) */
#amegamenu,
#amegamenu a,
#amegamenu span,
#amegamenu .amenu-link,
#mobile-amegamenu,
#mobile-amegamenu a,
#mobile-amegamenu span,
#mobile-amegamenu .amenu-link {
    font-family: 'Poppins', sans-serif !important;
}

/* Classes utilitaires pour simuler des h2 (mises à jour en Montserrat) */
.as-h2 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 0.5rem;
}

.as-h2-lg {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 0.5rem;
}

.as-h2-sm {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 0.5rem;
}

/* ============================================================
   Sticky Contact — ABOT
   ============================================================ */
.abot-sticky-contact {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9998;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  pointer-events: none;
}

.abot-sticky-contact > * {
  pointer-events: auto;
}

.abot-sticky__btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 40px;
  max-width: 40px;
  background: #f2f2f2;
  color: #333;
  text-decoration: none;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  transition: all .45s ease-in-out;
}

.abot-sticky__btn--phone {
    border-radius: 8px 0 0 0;
}
.abot-sticky__btn--drone {
    border-radius: 0 0 0 8px;
}

.abot-sticky__btn:hover,
.abot-sticky__btn:focus {
  max-width: 320px;
  text-decoration: none;
  outline: none;
  border-radius: 8px 0 0 8px;
}

/* CTA téléphone — orange permanent, texte blanc, AUCUN changement au hover */
.abot-sticky__btn--phone,
.abot-sticky__btn--phone:hover,
.abot-sticky__btn--phone:focus,
.abot-sticky__btn--phone:active,
.abot-sticky__btn--phone:visited {
  background: #ff6600;
  color: #fff;
}

/* Icône — carré fixe ancré à droite, ne bouge JAMAIS */
.abot-sticky__icon {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;                    /* l'icône passe devant le label qui glisse */
}

.abot-sticky__icon .material-icons {
  font-size: 22px;
  line-height: 1;
  color: inherit;
}

/* Icônes SVG masquées (mail + drone) */
.abot-sticky__btn--mail .abot-sticky__icon::before,
.abot-sticky__btn--drone .abot-sticky__icon::before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  background-color: #9E9E9E;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
          mask-repeat: no-repeat;
          mask-position: center;
          mask-size: contain;
}

.abot-sticky__btn--mail .abot-sticky__icon::before {
  -webkit-mask-image: url('/img/cms/abot_refonte/contact.svg');
          mask-image: url('/img/cms/abot_refonte/contact.svg');
}

.abot-sticky__btn--drone .abot-sticky__icon::before {
  -webkit-mask-image: url('/img/cms/abot_refonte/drone.svg');
          mask-image: url('/img/cms/abot_refonte/drone.svg');
}

/* Label — caché derrière l'icône puis glisse vers la gauche */
.abot-sticky__label {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  height: 40px;
  padding: 0 20px;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  line-height: 1;
  color: #9E9E9E;
  position: relative;
  z-index: 1;
  font-family: 'Montserrat', sans-serif !important;
}

/* Texte blanc forcé sur le bouton orange (override du thème) */
.abot-sticky__btn--phone .abot-sticky__label {
  color: #fff;
}

.abot-sticky__btn:hover .abot-sticky__label,
.abot-sticky__btn:focus .abot-sticky__label {
  transform: translateX(0);
}

/* ============================================================
   Responsive — bascule en bas à droite sur mobile/tablette
   ============================================================ */
@media (max-width: 991px) {
  .abot-sticky-contact {
    top: auto;
    bottom: 16px;
    right: 16px;
    transform: none;
    flex-direction: row-reverse;
    align-items: center;
    gap: 8px;
  }

  .abot-sticky__btn,
  .abot-sticky__btn:hover,
  .abot-sticky__btn:focus {
    max-width: 40px;
    border-radius: 50%;
  }

  .abot-sticky__label {
    display: none;
  }
}

@media print {
  .abot-sticky-contact { display: none !important; }
}

/*17465 - Align logos of payment options*/
#checkout-payment-step .payment-option {
    display: flex;
}
.paypal-mark img {
    max-width: 44px !important;
    height: auto !important;
}

/* ======================================================
   CARTE PRODUIT CUSTOM "HOME" – Refonte 2026
   Namespace : .phc-card
   ====================================================== */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  --phc-radius: 14px;
  --phc-media-bg: #ffffff;
  --phc-body-bg: #ffffff;
  --phc-text: #111111;
  --phc-muted: #8a8a8a;
  --phc-accent: #ff6a1b;
  --phc-accent-hover: #e85c12;
  --phc-shadow: 0 1px 2px rgba(0,0,0,0.04), 0 6px 18px rgba(0,0,0,0.06);
  --phc-shadow-hover: 0 4px 10px rgba(0,0,0,0.06), 0 16px 36px rgba(0,0,0,0.10);
}

/* ---------- CARD WRAPPER ---------- */
.phc-card {
  position: relative;
  display: flex;
  flex-direction: column;
  background: var(--phc-body-bg);
  border-radius: var(--phc-radius);
  overflow: hidden;
  box-shadow: var(--phc-shadow);
  border: 1px solid #e5e5e5;
  transition: transform .25s ease, box-shadow .25s ease;
  height: 100%;
}

.phc-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--phc-shadow-hover);
}

/* ---------- MEDIA ---------- */
.phc-card__media {
  position: relative;
  background: var(--phc-media-bg);
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

/* Le partial _product_thumbnail.tpl génère un .product-thumbnail
   qui wrappe son propre <a><img></a>. On lui dit de prendre toute la place. */
.phc-card__media .product-thumbnail,
.phc-card__media > a {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 22px;
  box-sizing: border-box;
  background: transparent;
}

.phc-card__media .product-thumbnail a,
.phc-card__media .product-thumbnail picture {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin: 0;
}

.phc-card__media img {
  max-width: 100% !important;
  max-height: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain;
  transition: transform .35s ease;
}

.phc-card:hover .phc-card__media img {
  transform: scale(1.04);
}

/* ---------- FLAGS (badge -10% etc.) ---------- */
.phc-card__flags {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.phc-card__flags ul.product-flags {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.phc-card__flags li.product-flag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--phc-accent);
  color: #fff;
  font-family: 'Manrope', sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.02em;
  padding: 4px 10px;
  border-radius: 6px;
  text-transform: uppercase;
  line-height: 1.4;
}

.phc-card__flags li.product-flag.discount,
.phc-card__flags li.product-flag.discount-percentage,
.phc-card__flags li.product-flag.discount-amount {
  background: var(--phc-accent);
}

.phc-card__flags li.product-flag.new,
.phc-card__flags li.product-flag.online-only {
  background: #111111;
}

.phc-card__flags li.product-flag.on-sale {
  background: #22b1d1;
}

/* ---------- BODY ---------- */
.phc-card__body {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 16px 18px 18px;
  flex: 1;
}

/* ---------- BRAND : slot de hauteur fixe (toujours réservé) ---------- */
.phc-card__brand {
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--phc-muted);
  line-height: 1;
  min-height: 11px;          /* réserve la place même si vide */
  margin-bottom: 2px;
}

/* ---------- TITLE : 2 lignes max, hauteur réservée ---------- */
.phc-card__title {
  font-family: 'Manrope', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--phc-text);
  margin: 0;
  height: calc(1.3em * 2);    /* hauteur FIXE de 2 lignes (peu importe le contenu) */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.phc-card__title a {
  color: inherit;
  text-decoration: none;
  transition: color .2s ease;
}

.phc-card__title a:hover {
  color: var(--phc-accent);
}

/* ---------- REVIEWS : slot stable, jamais retiré du flux ---------- */
.phc-card__reviews {
  font-family: 'Manrope', sans-serif;
  font-size: 13px;
  color: var(--phc-muted);
  min-height: 18px;
}

.phc-card__reviews:empty {
  display: none;
}

/* ---------- FOOTER : PRIX + CTA ---------- */
.phc-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: auto;
  padding-top: 10px;
}

.phc-card__prices {
  display: flex;
  flex-direction: column;
  gap: 2px;
  line-height: 1;
}

.phc-card__price-old {
  font-family: 'Manrope', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: var(--phc-muted);
  text-decoration: line-through;
}

.phc-card__price {
  font-family: 'Manrope', sans-serif;
  font-size: 22px;
  font-weight: 800;
  color: var(--phc-text);
  letter-spacing: -0.01em;
}

/* ---------- CTA BUTTON ---------- */
.phc-card .phc-card__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: 'Manrope', sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #ffffff;
  background: var(--phc-accent);
  border: none;
  border-radius: 10px;
  padding: 11px 22px;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  line-height: 1;
  transition: background .2s ease, transform .2s ease;
  box-shadow: none;
}

.phc-card .phc-card__cta:hover,
.phc-card .phc-card__cta:focus {
  background: var(--phc-accent-hover) !important;
  color: #fff;
  transform: translateY(-1px);
}

.phc-card .phc-card__cta.added::after {
  background: #22b1d1;
}

.product-list .grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 20px;
}

.product-list[class*="grid"] .product-miniature,
.product-list .grid .product-miniature {
    flex: unset !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* ============ VUE LISTE — image à gauche, infos à droite ============ */
.product-list.list .phc-card,
.product-list .list .phc-card {
  flex-direction: row;
  height: auto;
  align-items: stretch;
}
.product-list.list .phc-card__media,
.product-list .list .phc-card__media {
  flex: 0 0 240px;
  width: 240px;
  aspect-ratio: 1 / 1;
}
.product-list.list .phc-card__body,
.product-list .list .phc-card__body {
  flex: 1;
  justify-content: center;
}
/* footer reste en ligne (prix ↔ CTA), comportement par défaut OK */


/* ============ VUE TABLEAU — ligne compacte ============ */
.product-list.table-view .phc-card,
.product-list .table-view .phc-card {
  flex-direction: row;
  height: auto;
  align-items: center;
}
.product-list.table-view .phc-card__media,
.product-list .table-view .phc-card__media {
  flex: 0 0 90px;
  width: 90px;
  aspect-ratio: 1 / 1;
}
.product-list.table-view .phc-card__media .product-thumbnail,
.product-list.table-view .phc-card__media > a {
  padding: 8px;
}
.product-list.table-view .phc-card__body {
  flex: 1;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  padding: 10px 16px;
}
.product-list.table-view .phc-card__title {
  height: auto;
  -webkit-line-clamp: 1;
  flex: 1;
  font-size: 15px;
}
.product-list.table-view .phc-card__brand,
.product-list.table-view .phc-card__reviews {
  display: none;
}
.product-list.table-view .phc-card__footer {
  margin: 0;
  padding: 0;
  flex: 0 0 auto;
}

/* ---------- RESPONSIVE ---------- */
@media (max-width: 768px) {
  .phc-card__body {
    padding: 14px 14px 16px;
  }
  .phc-card__title {
    font-size: 15px;
  }
  .phc-card__price {
    font-size: 19px;
  }
  .phc-card .phc-card__cta {
    padding: 10px 18px;
    font-size: 13px;
  }
  .phc-card__media-link {
    padding: 16px;
  }

  .product-list .grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }

  /* Footer empilé : prix au-dessus, bouton pleine largeur en dessous */
  .phc-card__footer {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .phc-card .phc-card__cta {
    width: 100%;
    padding: 10px 12px;
  }

  /* Le titre 2 lignes reste OK, mais on peut réduire un poil */
  .phc-card__title {
    font-size: 14px;
  }
  .phc-card__price {
    font-size: 18px;
  }
}

@media (max-width: 480px) {
  .phc-card__footer {
    gap: 8px;
  }
  .phc-card .phc-card__cta {
    padding: 9px 16px;
  }
}

/* Mobile header - refonte ABOT */
.mobile-header-version .main-header .header-wrapper {
    padding: 10px 0;
}

.mobile-header-version .header-right .display-top {
    gap: 12px;
}

.mobile-header-version .header-right img[alt="Gold partner"] {
    height: 50px;
    width: auto;
}

/* Masquer le panier en mobile si tu ne le veux pas dans le header (il reste accessible via menu) */
/* .mobile-header-version .shopping-cart-module { display: none; } */

/* Icône user en rond blanc comme la maquette */
.mobile-header-version .user-info .account-link {
    background: #fff;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobile-header-version .user-info .account-link i {
    color: #333 !important;
    font-size: 22px;
}

/* CTA "Me faire rappeler" mobile */
.mobile-call-back-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background-color: #ff6a1b;
    color: #fff !important;
    padding: 8px 14px;
    border-radius: 6px;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    text-decoration: none;
    transition: background-color .2s ease;
    white-space: nowrap;
    margin-left: auto;
}

.mobile-call-back-btn:hover,
.mobile-call-back-btn:focus {
    background-color: #e55d15;
    color: #fff !important;
    text-decoration: none;
}

.mobile-call-back-btn .icon-phone-cta {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: #fff;
    -webkit-mask: url('/img/cms/abot_refonte/phone-call.svg') no-repeat center / contain;
            mask: url('/img/cms/abot_refonte/phone-call.svg') no-repeat center / contain;
}

/* Masquer le "Me faire rappeler" du méga menu en mobile (il est dans le drawer, doublon) */
.mobile-header-version #mobile-amegamenu .amenu-item.get-call-back,
#mobile-amegamenu .amenu-item.get-call-back {
    display: none !important;
}

/* Sur écran très étroit, réduire à l'icône seule */
@media (max-width: 380px) {
    .mobile-call-back-btn span:not(.icon-phone-cta) {
        display: none;
    }
    .mobile-call-back-btn {
        padding: 8px 10px;
    }
}

/* Séparer le menu en 2 groupes : liens à gauche / CTA à droite */
#amegamenu .anav-top .amenu-item.our-solutions {
    margin-left: auto;
    padding: 5px 0;
}

#amegamenu .anav-top .amenu-item.our-solutions + .amenu-item.get-call-back {
    margin-left: 8px;
    padding: 5px 0;
}

/* Bouton "NOS SOLUTIONS" — style contour blanc + icône drone */
#header .our-solutions .amenu-link {
    background-color: transparent !important;
    border-radius: 6px !important;
    color: #fff !important;
    border: 1px solid #fff !important;
    transition: background-color .2s ease, color .2s ease;
}

#header .our-solutions:hover .amenu-link,
#header .our-solutions .amenu-link:hover {
    color: #FF6A1B !important;
    border-color: #FF6A1B !important;
}

.amenu-item.our-solutions .amenu-link > span::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    vertical-align: middle;
    background-color: #fff;
    -webkit-mask: url('/img/cms/abot_refonte/drone.svg') no-repeat center / contain;
            mask: url('/img/cms/abot_refonte/drone.svg') no-repeat center / contain;
    transition: background-color .2s ease;
}

.amenu-item.our-solutions:hover .amenu-link > span::before {
    background-color: #FF6A1B;
}

/* Icône téléphone devant "NOUS CONTACTER" */
.amenu-item.get-call-back .amenu-link > span::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    vertical-align: middle;
    background-color: #fff;
    -webkit-mask: url('/img/cms/abot_refonte/phone-call.svg') no-repeat center / contain;
            mask: url('/img/cms/abot_refonte/phone-call.svg') no-repeat center / contain;
    transition: background-color .2s ease;
}
.amenu-item.get-call-back:hover .amenu-link > span::before {
    background-color: #FF6A1B;
}

#amegamenu .anav-top .amenu-link>span:after {
    content: none !important;
}

#header .header-bottom .header-main-menu-wrapper {
    min-height: 0 !important;
}

@media (min-width: 1420px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1200px !important;
    }
}

/* Le wrapper : espacement vertical régulier entre les lignes */
.subcategories-wrapper {
    row-gap: 12px;
}

/* La colonne devient un conteneur flex pour étirer le lien */
.subcategory-miniature {
    display: flex;
}

/* Reset du h2 : pas de marge parasite, prend toute la place */
.subcategory-name {
    margin: 0;
    width: 100%;
    display: flex;
}

/* Le lien devient le bouton plein */
.subcategory-name .li-a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    min-height: 48px;
    padding: 5px 10px;
    background: #ff6a1b;
    color: #fff;
    font-weight: 600;
    border-radius: 8px;
    line-height: 1.2;
    text-decoration: none;
    box-sizing: border-box;

    white-space: normal;
    word-break: break-word;
    hyphens: auto;
}

.subcategory-name .li-a:hover {
    background: #d9661a;
}

#header .header-logo .logo {
    max-height: 60px !important;
    max-width: 170px !important;
}

/* ===== HEADER MOBILE ===== */
.mobile-header-version .header-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-height: 56px;
}

/* Logo gauche — on force une vraie taille */
.mobile-header-version .header-logo {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
}
.mobile-header-version .header-logo .logo,
.mobile-header-version .header-logo .svg-logo {
  height: 44px;
  width: auto;
  max-height: none; /* écrase d'éventuelles règles du thème */
}

/* Bloc droite */
.mobile-header-version .header-right {
  margin-left: auto;
  min-height: 0;      /* écrase le min-height: 50px du thème */
  padding: 0;         /* écrase le padding 6px du thème */
}
.mobile-header-version .display-top {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Badge Gold partner */
.mobile-header-version .display-top > img {
  width: 36px;
  height: auto;
}

/* sticky-background ne doit pas prendre de flux */
.mobile-header-version .header-right .sticky-background {
  position: absolute;
}

.mobile-header-version .header-bottom .container {
  padding: 5px;
}

.header-bottom #amegamenu .amenu-item a {
    height: 100%;
}

#amegamenu .anav-top .adropdown {
    box-shadow: 0 2px 4px rgba(0,0,0,.2) !important;
}

#scrollTopButton {
    opacity: 1 !important;
}
#scrollTopButton .scroll-button {
    border-radius: 50% !important;
}

.btn-add-devis button {
    display: flex;
    justify-content: center;
    transition: background-color .2s ease;
    font-family: 'Poppins', sans-serif !important;
    border-radius: 6px !important;
    align-items: baseline;
}
.btn-add-devis .btn:not(.devis-unavailable) {
    background-color: #333 !important;
    border-color: #333 !important;
}
.btn-add-devis .btn:not(.devis-unavailable):hover {
    background-color: #4d4d4d !important;
    border-color: #4d4d4d !important;
}
#product .product-information .add-to-cart {
    border-radius: 6px !important;
}

/* ===== Page Marques — cartes ===== */
.brand { margin-bottom: 24px; }

.brand-card {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 6px;
  overflow: hidden;
  text-decoration: none;
  background-color: #f0f0f2;      /* ← gris CLAIR par défaut (pas de fond) */
  transition: transform .25s ease, box-shadow .25s ease;
}
.brand-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 26px rgba(0,0,0,.16);
}

/* Photo de fond */
.brand-card__bg {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover; object-position: center;
}

/* Voile — version LÉGÈRE pour carte grise (juste pour lire le nom) */
.brand-card::after {
  content: "";
  position: absolute; inset: 0;
  z-index: 1; pointer-events: none;
  background: linear-gradient(to top,
              rgba(0,0,0,.45) 0%,
              rgba(0,0,0,0)  32%);
  transition: opacity .25s ease;
}
/* Voile — version FORTE quand il y a une photo de fond */
.brand-card:has(.brand-card__bg)::after {
  background: linear-gradient(to top,
              rgba(0,0,0,.65) 0%,
              rgba(0,0,0,.25) 45%,
              rgba(0,0,0,.15) 100%);
}
.brand-card:has(.brand-card__bg):hover::after {
  opacity: .55;
}

/* Logo centré — PLUS GROS */
.brand-card__logo {
  position: absolute;
  inset: 9% 10% 22% 10%;          /* réduis les 10% latéraux pour agrandir encore */
  z-index: 2;
  display: flex; align-items: center; justify-content: center;
}
.brand-card__logo img {
  max-width: 100%;
  max-height: 100%;
  width: auto; height: auto;
  object-fit: contain;
}
/* Logo en BLANC uniquement s'il y a une photo de fond */
.brand-card:has(.brand-card__bg) .brand-card__logo img {
  filter: brightness(0) invert(1) drop-shadow(0 2px 6px rgba(0,0,0,.45));
}

/* Nom en bas */
.brand-card__name {
  position: absolute; left: 0; right: 0; bottom: 0;
  z-index: 3;
  padding: 14px 18px;
  color: #fff; font-weight: 700; font-size: 15px;
  letter-spacing: .05em; text-transform: uppercase;
  text-shadow: 0 1px 3px rgba(0,0,0,.6);
}

#manufacturer .manufacturer-list {
  margin-top: 20px;
}

#category .desc-outro {
    margin-top: 20px;
}