/**
 * Commercial name: SEO-Presta
 * Proprietary-license whose copyright belongs to the Licensor PRESTA MODULE, a company registered under French law
 * under the number 528 531 767, located 90 rue Stanislas Torrents 13006 Marseille
 * support@presta-module.com https://www.presta-module.com
 *
 * SEO-Presta’ source codes are protected and Licensees are not allowed to create any Derivated Work.
 * The distribution or resale of SEO-Presta is strictly forbidden.
 *
 * SEO-Presta shall be used for Licensees’ own use, which allows Customization.
 *
 * Licensees shall not distribute nor resale publicly any Customization of SEO-Presta. However, Licensees are allowed
 * to sale a customization of SEO-Presta as part of a service provided to a designated customer.
 *
 * Limitation of Liability: Under no circumstances and under no legal theory, whether in tort (including negligence),
 * contract, or otherwise, shall the Licensor be liable to anyone for any indirect, special, incidental, or
 * consequential damages of any character arising as a result of this License including, without limitation, damages
 * for loss of goodwill, work stoppage, computer failure or malfunction, or any and all other commercial damages
 * or losses. This limitation of liability shall not apply to the extent applicable law prohibits such limitation.
 *
 * Attribution notice: SEO-Presta is a Derivated Work from an Original Work created by PrestaShop SA
 * and its contributors which can be found at https://github.com/PrestaShop/PrestaShop
 */

/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */


 :root {
  --tac-navy:      #E94E1B;
  --tac-navy-dark: #7E3016;
  --tac-ink:       #421b0d;
  --tac-muted:     #58585c;
  --tac-line:      #E2E2E8;
  --tac-wash:      #F5F5F8;
  --tac-signal:    #C1121F;
  --tac-go:        #1F7A4D;
}


 *, html {font-family: "Arimo", sans-serif;}
body {
  font-size: 16px;
  color: #333;
  font-family: "Arimo", sans-serif, Arial, Helvetica, sans-serif;
}

 h1, h2, h3, h4, h5, h6 {
    font-family:"Oswald", sans-serif;
    font-weight: 600;
    color:#343434; text-transform: uppercase;
 }    

 

#custom-text ul, .articleContent ul, #content.page-cms ul {
    padding-left: 40px;
}

#content.page-cms ul li {
    list-style-type: disc;
}

#subcategories .thumbnail-container {
    position: relative;
    padding-top: 10px;
    margin-bottom: 1.563rem;
    margin: 0 .625rem;
    height: 318px;
    width: 257px;
    background: #fff;
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .2);
}

p.subcategory-heading {
    color: #000;
    font-weight: bold;
}

#subcategories .thumbnail-container a {
    display: block;
    text-align: center;
}

#index #content {
    display: flex;
    flex-direction: column;
}

#header .header-nav .baseline {
    margin-top: .9375rem;
}

#_desktop_cart {
    float: right;
}

/* block cart */

.header-top [class*=" pe-7s-"], .header-top [class^=pe-7s-] {
    font-size: 35px;
}

.cart-preview, .cart-preview:focus, .cart-preview:hover, .cart-preview:active, .cart-preview:visited {
    outline: none !important;
    font-size: 25px;
}

.cart-preview i {
    font-size: 25px;
}

/*header*/

.header_ps_searchbar.left .search-widget, .header_ps_searchbar.center .search-widget, .header_ps_searchbar.right .search-widget {
    float: none;
    width: 100%
}

.header_shoppingcart.right #_desktop_cart {
    float: none;
    text-align: center;
}

.logo_center {
    text-align: center;
}

.logo_right {
    text-align: right;
}

.header-top {
    transition: all 0.5s ease 0s;
}

.baseline {
    padding-right: 20px
}

.carousel {
    box-shadow: none;
}

.border-right {
    border-right: 1px solid #dadada;
    /* line-height: 10px; */
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 14px;
    /* padding-top: 4px; */
}

nav.header-nav {
    min-width: 60px;
    min-height: 55px;
}

#header a, .header-nav .baseline, .dropdown-menu, .dropdown .expand-more, #header .header-nav .currency-selector {
    transition: all 0.5s ease 0s;
}

#header .header-nav .right-nav {
    padding-right: 0;
}

.dropdown-menu {
    margin: .825rem 0 0;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    box-shadow: 0 0px 16px rgba(0, 0, 0, 0.19);
}

span.cart-products-count {
    position: absolute;
    display: block;
    top: -19px;
    margin-left: 20px;
    width: 20px;
    text-align: center;
    font-size: 13px;
    border-radius: 16px;
    line-height: 21px;
}

.material-icons.shopping-cart {
    font-size: 32px;
}

/*
  PS banner
*/

.ps_banner span {
    display: block;
    position: absolute;
    margin-top: 11%;
    left: 46%;
    z-index: 1;
    font-weight: 400;
    font-size: 30px;
    color: #484848;
}

/* Newsletter */

#block-newsletter-label {
    font-weight: 400;
    font-size: 30px;
    /* padding-bottom: 11px; */
    /*color: #484848;*/
}

.block_newsletter p {
    /*color: #484848;*/
    font-weight: 100;
    font-size: 13px;
    text-align: left !important;
}

.block_newsletter .form-check-label {
    padding-left: 0 !important;
    margin-top: 10px;
}

/*.kl-product-list-left .slick-list.draggable{min-height: 150px !important;}*/

@media (max-width: 1199px) {
    /* under 1200px */
    .newsletter_content p {
        font-size: 24px;
        line-height: 30px;
        text-align: justify;
    }
    .banner .newsletter_content {
        margin-top: -56%;
    }
    .wsmenu {
        /*height: 800px;
        overflow: scroll;*/
        height: 100vh !important;
        overflow-y: scroll;
    }
    .wsactive {
        overflow: hidden;
    }
}

@media (min-width: 1200px) {
    .newsletter_content p {
        font-size: 30px;
        text-align: center;
        line-height: 40px;
        text-align: justify;
    }
    .banner .newsletter_content {
        position: absolute;
        margin-top: -12%;
        margin-left: 15%;
    }
    body .kl-img-mode span:after {
        left: 32%;
        width: 87%;
        top: 153px;
        height: 600px;
    }
    #main_home_background:before {
        background-size: 100% !important;
    }
}

@media (min-width: 992px) {
    .col-md-2.js-product-miniature {
        max-width: 21% !important;
        flex: 0 37%;
    }
}

@media (min-width: 1200px) and (max-width: 1370px) {
    body .kl-img-mode span:after {
        left: 21%;
        width: 73%;
        top: 135px;
        height: 430px;
    }
    #main_home_background:before {
        background-size: 680px !important;
        background-position: left top !important;
    }
    .col-md-2.js-product-miniature {
        max-width: 24% !important;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .kl-product--item button.slick-next.slick-arrow {
        max-width: 50px;
    }
    .modal.quickview .slick-next.slick-arrow {
        margin-right: 38px !important;
    }
    .col-md-2.js-product-miniature {
        max-width: 29% !important;
    }
    body .kl-img-mode span:after {
        left: 19%;
        top: 13%;
        width: 75%;
        height: 42%;
    }
    #main_home_background:before {
        background-size: 645px !important;
        background-position: left top !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .modal.quickview .slick-next.slick-arrow {
        margin-right: 6px !important;
    }
    .kl-product--item button.slick-prev.slick-arrow {
        margin-left: 0px !important;
    }
    .col-md-2.js-product-miniature {
        max-width: 34% !important;
    }
    .kl-img-mode span:before {
        width: 110% !important;
        background-size: 399px !important;
    }
    button.slick-next.slick-arrow {
        width: 90px !important;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    /*.kl-product--item button.slick-prev.slick-arrow, .kl-product--item button.slick-next.slick-arrow {*/
    /*    top: 39px !important}*/
    /*.kl-product--item button.slick-prev.slick-arrow{  left: -1px !important;}*/
    /* .kl-product--item button.slick-next.slick-arrow{    right: -1 !important;}*/
    /* .kl-product-list-left .slick-list.draggable {    min-height: 50px !important;}*/
    .kl-img-mode span:before {
        background-size: 100% !important;
    }
    .kl-img-mode {
        min-height: 530.5px;
    }
    /* #js-product-list.mb-5 .row.kl-row-listing { padding: 0 25px; } */
    .kl-fullwidth-xs .kl-article-xts {
        padding: 0 25px;
    }
    #js-product-list.mb-5 .kl-nbr-article-show {
        padding: 0 25px;
    }
    .kl-header-product {
        margin-top: 0;
    }
    /*.product-images .slick-list.draggable {
        max-width: 311px;
        overflow: hidden;
        margin-left: 1px !important;
    }
     .kl-product--item .slick-list.draggable, .kl-product--item .slick-track {
        margin-left: -60px;
    }
    .kl-product--item button.slick-prev.slick-arrow {
        width: 70px !important;
        left: -19px !important;
    }*/
}

@media (max-width: 575px) {
    .js-product-miniature {
        max-width: 100%;
    }
    .kl-img-mode span:before {
        background-size: 407px !important;
    }
    .kl-img-mode span:after {
        height: 250px;
    }
    .kl-img-mode {
        min-height: 385.5px;
    }
}

#wrapper .banner img {
    margin: 0 auto;
    display: block;
}

.block_newsletter p.alert {
    margin-top: 20px;
}

/*Footer*/

ul#footer_sub_menu_simple {
    display: flex;
    justify-content: space-between;
}

.footer-container .social-links {
    font-size: 22px;
}

/* product list */

.product-desc-list {
    font-size: 13px;
    margin-bottom: 5px;
}

.btn-comment-big {
    padding: 7px 16px;
    height: 45px;
}

.kl-product--item button.slick-next.slick-arrow {
    bottom: -56px;
}

.kl-product--item button {
    z-index: 1!important;
}

.kl-nav-menu {
    z-index: 1000;
}

#product .kl-bg-white .container-fluid .col {
    position: relative;
}

.js-product-miniature .kl-title-aff p {
    font-size: 16px;
    line-height: 1.71;
    font-weight: bold;
}




/******************** 2026 *************************/
.kl-sidebar h2, .PM_ASCriterionGroupSelect, .kl-bx-filter--item select, .kl-filter-xts select, .kl-frm-item select, .kl-frm-item input[type="text"], .kl-frm-item textarea, .kl-bx-filter--item h3, .kl-sub-categories .kl-subtitle, .kl-row-listing .kl-subtitle, .kl-hero-produit .kl-breadcrumb ul > li > a, .kl-details-product h1, .kl-details-product .kl-desc li, .kl-nbr-avis, .kl-frm-item .form-group > label, .kl-quantity, .kl-bg-grey p, .kl-bg-white p, .kl-avi-info p, .kl-avis-content p, .kl-abstract-desc p, .kl-acc-item .kl-acc
{color:#343434;}
.homelogo  {
  max-width: 190px;
}

a {transition: all 0.5s ease 0s;}
a:hover {transform: scale(0.98);}
.btn {
    background: #343434;
    position: relative;
    overflow: hidden;
    font-family:"Oswald", sans-serif;  
    border:1px solid #343434; 
    font-weight: 600;
      text-transform: uppercase;
    vertical-align: center;
    transition: box-shadow .25s ease,
                transform .25s cubic-bezier(.34, 1.3, .64, 1);
}
.btn  span, .btn-general-bg {font-family:"Oswald", sans-serif;  }
.btn-secondary, .btn-comment-inverse {background:#fff; border:1px solid #343434; color :#343434!important} 
.btn-secondary:hover, .btn-comment-inverse:hover {background: rgba(37, 14, 153, 0.93); border: 1px solid #343434; color :#f2f2f2!important}
.btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 60%;
    height: 100%;
    background: linear-gradient(115deg,
                transparent,
                rgba(255,255,255,.35),
                transparent);
    transition: left .55s ease;
}



.btn:hover::after { left: 130%; }

.btn:hover {
    box-shadow: 0 4px 16px rgba(37, 14, 153, 0.4);  border:1px solid #343434; 
    transform: scale(.98); 
}
a.btn:hover {text-decoration: none;}
.btn:active {
    transform: scale(.95);
    transition-duration: .08s;
}

.content h2, .content h3, .content h4 {font-family : "Arimo"; margin-bottom:5px; margin-top:20px; font-weight:bold}
.content h2 {font-size:32px !important;}
.content h3 {font-size:24px !important;}
.searchtitle {text-align: center; color:#333;   font-size: 27px; line-height: 1;}

@media (min-width: 1200px) {
  .container {
    max-width: 1490px;
  }
}

/*** PRE HEADER ***/

.cc-copyright {display: none!important;}
.tac-sep{
  position:relative;
  height:2px;
  overflow:hidden;
  margin:0px 0;
  background:linear-gradient(90deg,
    #E94E1B 0 20%,
    #7E3016 66.66% 100%);
}
.tac-sep::after{
  content:"";
  position:absolute;
  top:0; left:0;
  width:25%; height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);
  transform:translateX(-100%);
  animation:tacSweep 3.4s linear infinite;
}
@keyframes tacSweep{to{transform:translateX(500%)}}
@media (prefers-reduced-motion:reduce){.tac-sep::after{animation:none}}

.cc-copyright {display:none!important;}


.tac-band {
  height: 28px;
  background: repeating-linear-gradient(
    -45deg,
    #e94e1b 0 20px,     /* jaune-vert */
    #f5683a 20px 40px   /* bande blanche */
  );
  animation: defile 2.2s linear infinite;
  text-align:center; 
  font-family: 'oswald';
  text-transform: uppercase;
  color: #fff;
}


.tac-band strong { font-family: 'oswald';}
@keyframes defile {
  from { background-position: 0 0; }
  to   { background-position: 56.57px 0; } /* 40px ÷ cos(45°) */
}

/**** HEADER ***/
.wsmenu {font-family: "Arimo", sans-serif; font-weight: 600;}
#header, .navbar-expand-lg.navbar-light.kl-nav-menu, .kl-topbar {background: #110E0C;}
.navbar-expand-lg.navbar-light.kl-nav-menu {
  padding: 20px 0;
  background: #fff;
}


.ets_multilayerslider { margin-top: -55px;}

.sticky_menu.is-fixed.kl-nav-menu   {
  padding: 0px 0 !important;
}

.navbar-expand-lg.navbar-light.kl-nav-menu, .wsmenu-list, .logo, .headerfull {background: transparent !important;}
.wsmenu > .wsmenu-list {
  display: flex !important;
  justify-content: flex-start !important;
}
.cart-search i {
  color: #E94E1B !important;
  font-size: 21px;
}
.hvr-shutter-out-horizontal {background:transparent !important; }
.navbar-expand-lg.navbar-light.kl-nav-menu, .headerfull {background:#110E0C  !important;}

.wsmenu > .wsmenu-list > li > a {font-size: 15px; background: #110E0C;line-height: 1.2em;}
.wsmenu > .wsmenu-list > li > .navtext > span + span {color:#fff ; font-family: 'oswald';
  text-transform: uppercase;
  font-size: 17px;}
 .wsmenu > .wsmenu-list > li > ul.sub-menu > li > span.obs { font-size: 17px;}
.kl-tel-top-header  {
  position: absolute;
  left: 10px;
  color: #fff !important;
  text-decoration: none; font-family: 'arimo';
}

.kl-tel-top-header a {  color: #fff !important;font-size: 15px;}

.kl-nav-menu.sticky_menu.is-fixed {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1030;
    background: #e8e7e4;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
    animation: navDrop .25s ease;
}

@keyframes navDrop {
    from { transform: translateY(-100%); }
    to   { transform: translateY(0); }
}


.header-log  {list-style:none}
.cart-search i {transition: all 0.5s ease 0s;}
.cart-search i:hover {opacity: 0.5; transform: scale(0.98);}
.kl-choice span {background: #19722f;}

.obs-heading {font-size: 15px; text-transform:capitalize; color:#333 }
.obs-heading:hover {font-size: 15px; text-transform:capitalize; color:141f7e; opacity: 0.5; transform: scale(0.98);}

li .wstheading {
  padding: 21px 10px 11px 0px!important;
  border-bottom: solid 0px #d9d9d9 !important;
  margin-bottom: 0!important;
}

.mobile-logo-container {background:#110E0C  !important;}


.wsmenu > .wsmenu-list > li > .navtext > span, .wsmenu > .wsmenu-list > li .wstliststy02 li.wstheading a {
  color: #333;
}
.wsmenu > .wsmenu-list > li > .navtext > span:hover, .wsmenu > .wsmenu-list > li .wstliststy02 li.wstheading a:hover {
  color: #E94E1B;
}

.wsmenu > .wsmenu-list > li .wstliststy02 li.wstheading a {font-size: 15px;}
.wsmenu > .wsmenu-list > li:hover > a {
  box-shadow: none !important;
}

#searchModal {margin-top: 30px;}
#searchModal .modal-body {border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem; padding :60px 1rem}

/**** ARIANE   ******/

.kl-hero-listing {
  background: #fff;}

  .kl-hero-listing .kl-breadcrumb ul > li > a::after {
  content: "/";
  color: #e5e5e5;
  margin: 0 5px;

}
.kl-hero-listing .kl-breadcrumb ul > li > a {
  font-style: italic;
  font-size: 11px;
  letter-spacing: -0.1px;
  color: #777;
}
.kl-breadcrumb ul {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    margin: 0;
    padding-bottom: 4px;
}

.kl-breadcrumb ul > li {
    flex: 0 0 auto;      /* empêche l'écrasement des éléments longs */
    white-space: nowrap;
}




/******* FOOTER *********/

.kl-text-foot {
  font-size: 25px;
  font-family: "Oswald";
  letter-spacing: 0.5px;
    text-transform: uppercase; font-weight:800 !important
}

.kl-footer a, .kl-footer span.obfuscate {
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  display: block;
  line-height: 1.9em;
  transition: 0.2s all ease;
}

.kl-footer a:hover, .kl-footer span.obfuscate:hover {
opacity: 0.4; transform : scale(0.99)

}


.facebook {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNDAwIDMySDQ4QTQ4IDQ4IDAgMCAwIDAgODB2MzUyYTQ4IDQ4IDAgMCAwIDQ4IDQ4aDEzNy4yNVYzMjcuNjloLTYzVjI1Nmg2M3YtNTQuNjRjMC02Mi4xNSAzNy05Ni40OCA5My42Ny05Ni40OCAyNy4xNCAwIDU1LjUyIDQuODQgNTUuNTIgNC44NHY2MWgtMzEuMjdjLTMwLjgxIDAtNDAuNDIgMTkuMTItNDAuNDIgMzguNzNWMjU2aDY4Ljc4bC0xMSA3MS42OWgtNTcuNzhWNDgwSDQwMGE0OCA0OCAwIDAgMCA0OC00OFY4MGE0OCA0OCAwIDAgMC00OC00OHoiLz48L3N2Zz4=);
}
.twitter {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNDU5LjM3IDE1MS43MTZjLjMyNSA0LjU0OC4zMjUgOS4wOTcuMzI1IDEzLjY0NSAwIDEzOC43Mi0xMDUuNTgzIDI5OC41NTgtMjk4LjU1OCAyOTguNTU4LTU5LjQ1MiAwLTExNC42OC0xNy4yMTktMTYxLjEzNy00Ny4xMDYgOC40NDcuOTc0IDE2LjU2OCAxLjI5OSAyNS4zNCAxLjI5OSA0OS4wNTUgMCA5NC4yMTMtMTYuNTY4IDEzMC4yNzQtNDQuODMyLTQ2LjEzMi0uOTc1LTg0Ljc5Mi0zMS4xODgtOTguMTEyLTcyLjc3MiA2LjQ5OC45NzQgMTIuOTk1IDEuNjI0IDE5LjgxOCAxLjYyNCA5LjQyMSAwIDE4Ljg0My0xLjMgMjcuNjE0LTMuNTczLTQ4LjA4MS05Ljc0Ny04NC4xNDMtNTEuOTgtODQuMTQzLTEwMi45ODV2LTEuMjk5YzEzLjk2OSA3Ljc5NyAzMC4yMTQgMTIuNjcgNDcuNDMxIDEzLjMxOS0yOC4yNjQtMTguODQzLTQ2Ljc4MS01MS4wMDUtNDYuNzgxLTg3LjM5MSAwLTE5LjQ5MiA1LjE5Ny0zNy4zNiAxNC4yOTQtNTIuOTU0IDUxLjY1NSA2My42NzUgMTI5LjMgMTA1LjI1OCAyMTYuMzY1IDEwOS44MDctMS42MjQtNy43OTctMi41OTktMTUuOTE4LTIuNTk5LTI0LjA0IDAtNTcuODI4IDQ2Ljc4Mi0xMDQuOTM0IDEwNC45MzQtMTA0LjkzNCAzMC4yMTMgMCA1Ny41MDIgMTIuNjcgNzYuNjcgMzMuMTM3IDIzLjcxNS00LjU0OCA0Ni40NTYtMTMuMzIgNjYuNTk5LTI1LjM0LTcuNzk4IDI0LjM2Ni0yNC4zNjYgNDQuODMzLTQ2LjEzMiA1Ny44MjcgMjEuMTE3LTIuMjczIDQxLjU4NC04LjEyMiA2MC40MjYtMTYuMjQzLTE0LjI5MiAyMC43OTEtMzIuMTYxIDM5LjMwOC01Mi42MjggNTQuMjUzeiIvPjwvc3ZnPg==);
}

.instagram {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjI0LjEgMTQxYy02My42IDAtMTE0LjkgNTEuMy0xMTQuOSAxMTQuOXM1MS4zIDExNC45IDExNC45IDExNC45UzMzOSAzMTkuNSAzMzkgMjU1LjkgMjg3LjcgMTQxIDIyNC4xIDE0MXptMCAxODkuNmMtNDEuMSAwLTc0LjctMzMuNS03NC43LTc0LjdzMzMuNS03NC43IDc0LjctNzQuNyA3NC43IDMzLjUgNzQuNyA3NC43LTMzLjYgNzQuNy03NC43IDc0Ljd6bTE0Ni40LTE5NC4zYzAgMTQuOS0xMiAyNi44LTI2LjggMjYuOC0xNC45IDAtMjYuOC0xMi0yNi44LTI2LjhzMTItMjYuOCAyNi44LTI2LjggMjYuOCAxMiAyNi44IDI2Ljh6bTc2LjEgMjcuMmMtMS43LTM1LjktOS45LTY3LjctMzYuMi05My45LTI2LjItMjYuMi01OC0zNC40LTkzLjktMzYuMi0zNy0yLjEtMTQ3LjktMi4xLTE4NC45IDAtMzUuOCAxLjctNjcuNiA5LjktOTMuOSAzNi4xcy0zNC40IDU4LTM2LjIgOTMuOWMtMi4xIDM3LTIuMSAxNDcuOSAwIDE4NC45IDEuNyAzNS45IDkuOSA2Ny43IDM2LjIgOTMuOXM1OCAzNC40IDkzLjkgMzYuMmMzNyAyLjEgMTQ3LjkgMi4xIDE4NC45IDAgMzUuOS0xLjcgNjcuNy05LjkgOTMuOS0zNi4yIDI2LjItMjYuMiAzNC40LTU4IDM2LjItOTMuOSAyLjEtMzcgMi4xLTE0Ny44IDAtMTg0Ljh6TTM5OC44IDM4OGMtNy44IDE5LjYtMjIuOSAzNC43LTQyLjYgNDIuNi0yOS41IDExLjctOTkuNSA5LTEzMi4xIDlzLTEwMi43IDIuNi0xMzIuMS05Yy0xOS42LTcuOC0zNC43LTIyLjktNDIuNi00Mi42LTExLjctMjkuNS05LTk5LjUtOS0xMzIuMXMtMi42LTEwMi43IDktMTMyLjFjNy44LTE5LjYgMjIuOS0zNC43IDQyLjYtNDIuNiAyOS41LTExLjcgOTkuNS05IDEzMi4xLTlzMTAyLjctMi42IDEzMi4xIDljMTkuNiA3LjggMzQuNyAyMi45IDQyLjYgNDIuNiAxMS43IDI5LjUgOSA5OS41IDkgMTMyLjFzMi43IDEwMi43LTkgMTMyLjF6Ii8+PC9zdmc+);
}

.linkedin {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTAwLjI4IDQ0OEg3LjRWMTQ4LjloOTIuODh6TTUzLjc5IDEwOC4xQzI0LjA5IDEwOC4xIDAgODMuNSAwIDUzLjhhNTMuNzkgNTMuNzkgMCAwIDEgMTA3LjU4IDBjMCAyOS43LTI0LjEgNTQuMy01My43OSA1NC4zek00NDcuOSA0NDhoLTkyLjY4VjMwMi40YzAtMzQuNy0uNy03OS4yLTQ4LjI5LTc5LjItNDguMjkgMC01NS42OSAzNy43LTU1LjY5IDc2LjdWNDQ4aC05Mi43OFYxNDguOWg4OS4wOHY0MC44aDEuM2MxMi40LTIzLjUgNDIuNjktNDguMyA4Ny44OC00OC4zIDk0IDAgMTExLjI4IDYxLjkgMTExLjI4IDE0Mi4zVjQ0OHoiLz48L3N2Zz4=);
}
.youtube {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NzYgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNTQ5LjY1NSAxMjQuMDgzYy02LjI4MS0yMy42NS0yNC43ODctNDIuMjc2LTQ4LjI4NC00OC41OTdDNDU4Ljc4MSA2NCAyODggNjQgMjg4IDY0UzExNy4yMiA2NCA3NC42MjkgNzUuNDg2Yy0yMy40OTcgNi4zMjItNDIuMDAzIDI0Ljk0Ny00OC4yODQgNDguNTk3LTExLjQxMiA0Mi44NjctMTEuNDEyIDEzMi4zMDUtMTEuNDEyIDEzMi4zMDVzMCA4OS40MzggMTEuNDEyIDEzMi4zMDVjNi4yODEgMjMuNjUgMjQuNzg3IDQxLjUgNDguMjg0IDQ3LjgyMUMxMTcuMjIgNDQ4IDI4OCA0NDggMjg4IDQ0OHMxNzAuNzggMCAyMTMuMzcxLTExLjQ4NmMyMy40OTctNi4zMjEgNDIuMDAzLTI0LjE3MSA0OC4yODQtNDcuODIxIDExLjQxMi00Mi44NjcgMTEuNDEyLTEzMi4zMDUgMTEuNDEyLTEzMi4zMDVzMC04OS40MzgtMTEuNDEyLTEzMi4zMDV6bS0zMTcuNTEgMjEzLjUwOFYxNzUuMTg1bDE0Mi43MzkgODEuMjA1LTE0Mi43MzkgODEuMjAxeiIvPjwvc3ZnPg==);
}

.footerSocialLinks li:hover {
opacity: 0.4; transform : scale(0.99)

}
.kl-mail-footer ul li p {
line-height: 1.2em;
}

.kl-footer-seo  {
  background: #000;
}
.kl-footer {
  background: #110E0C;
}

.mls_slides a span {  font-family:"Oswald", sans-serif;background-color: #343434 !important;
  color: #fff !important;
  padding: 5px 10px !important;
  border-radius: 0px !important;
  font-size: 15px !important;
  transform:uppercase
}


.mls_slides_front > li {background-size: cover;}
.ets_multilayerslider .mls_nav  {display:none}
.slick-slider .slick-track .item, .slick-slider .slick-list .item {padding: 10px 15px;;}
.kl-slick-product.ps_specials .item {padding: 20px 5px;}


.mls_pag_button {
  background-color: #fff !important;
  border-color: #343434 !important;
  font-size: 10px;
  height: 20px;
  width: 20px;
}

.mls_pag_button.active {background-color: #343434 !important;}
.kl-block-service  {padding-bottom: 50px; padding-top: 50px;
  text-align: center;
  background: #f2f2f2;}

  .kl-title-h2  {    font-family:"Oswald", sans-serif; color:#343434}
  .seopresta_reinsurance figure {
  margin: 0 0 0.5rem;
}

.seopresta_reinsurance .kl-title-h2  {text-transform:uppercase; font-weight:bold; color:#E94E1B; letter-spacing: -2px; font-size: 45px;}
.kl-block-service .col-md-3 p {
  font-size: 20px;
  color: #7E3016;
  font-family: 'Arimo';
  font-weight: 900;
}

.seopresta_reinsurance figure .img-fluid {
  max-width: 90px;
  height: auto;
}

.kl-block-service span {color: #666;}
.kl-block-service  p {
  margin-top: 0;
  margin-bottom: 0.2rem;
}
.kl-bx-content p {  padding-bottom: 0px;}

.kl-bx-content p::after {display:none}



#authentication h1 {text-align:center}
#authentication  #content-wrapper, #password #content-wrapper {padding-top:50px; padding-bottom:50px}
#authentication .btn-general-bg {width:100%}

/***** PRODUCT PAGE ***********/

.kl-details-product .mb-5 {margin-bottom:5px !important}
.kl-details-product .mb-4 {margin-bottom:4px!important}
.kl-details-product h1  {  font-size: 39px;
  line-height: 0.9;  font-family:"Oswald", sans-serif; color:#343434}
.kl-header-product {
  padding: 0px 0 20px;
}
.kl-frm-item {
  margin-bottom: 10px;
}
.kl-frm-item .form-group > label {
  font-size: 13px;
  font-weight: bold;
}
.kl-details-product .kl-desc li {color:#333}
.kl-details-product .kl-price-note p {color: #6a6d75;}
#product-availability {
  margin-top: 0;
  display: inline-block;
  font-weight: 700;
  font-size: 12px;
  color: #555;
}
#product-availability .material-icons {
  line-height: inherit;
  font-size: 12px;
}

#product #content-wrapper {padding : 0}
.kl-bg-grey {  background: #f2f2f2;
  padding: 50px 0;
}

#product  h2.kl-title-section 
{ font-family:"Oswald", sans-serif; color:#343434; 
  text-align: left;
  margin-bottom: 0px;font-size: 25px;
}

#product  .kl-title-section::after {display: none;}
#product .product-description p {
  margin: 0 !important;
  padding-bottom: 5px;
  font-size: 15px;
  line-height: 1.4;
}


.kl-detail-product--list .kl-detail-product--item {
min-height: auto; padding: 10px 2px;
}

.kl-detail-product--list .kl-detail-product--item h3, .kl-detail-product--list h3 {letter-spacing: 0.5px;
  color: #666;
  text-transform: uppercase; font-size: 15px;
  margin-bottom: 0px;}

.kl-detail-product--list .kl-detail-product--item p, .kl-detail-product--list p {
  font-size: 13px;
  color: #333;
  margin: 0;
}

#product-comments-list .btn-comment span {    font-family:"Oswald", sans-serif;}
.material-icons.shopping-cart {
  font-size: 17px;
}

.product-comment-modal .modal-header .h2 {
  float: left;
  font-size: 20px;
  color: #333;
}
.product-comment-modal .modal-dialog .h3 {
  font-size: 20px;  font-family:"Oswald", sans-serif; 
  color: #343434;
}


.modal-header #myModalLabel {
  color: #333;
}

.cart-content-btn {
  vertical-align: center;
}

#blockcart-modal {
  font-size:14px
}

#blockcart-modal .h6.product-name  {
    font-family:"Oswald", sans-serif; line-height: 1;
  font-size:16px ; color: #343434
}
#blockcart-modal .divide-right {
  border-right: 1px solid #f2f2f2;
}

.product-comment-modal label.form-label {
  font-size: 14px;
  margin: 10px 0;
  font-weight: 600;
}
.kl-details-product .kl-price-note p {letter-spacing: 0;}
.kl-frm-item .form-group > label {letter-spacing: 0.2px; color:#444}
.kl-abstract-desc p {color:#333}
.kl-tag {
  position: relative;
  color: #289d17;
  font-family: 'Arimo';
  font-size: 9px;
  font-weight: bold;
  font-style: italic;
  text-transform: uppercase;
  padding: 6px 13px;
  border-radius: 50px;bottom: auto;
  left: auto; margin-bottom: 10px;
}

#product-description-short {
  background: transparent;
  padding: 10px;
  border-radius: 10px;
  
}
#product .product-information .kl-abstract-desc {font-size:80% !important}
.kl-details-product .kl-logo-product {border: solid 0px #CB4418;}
.kl-tag.kl-promotion, .kl-tag.kl-discount {background: #CB4418;}
.kl-on-sale {
  position: relative;
  top: auto;
  height: auto;
  background-color: #f2f2f2;
  color: #000;
  border-radius: 0px;
  font-size: 16px !important;
  left: auto;
}
.container_category  .kl-on-sale {display:none}


.show-productmodal {
  position: absolute;
  left: 0;
  color: #333;
}

.show-productmodal:hover {
color: #1b0d61;
}

#product-modal #id-js-slick-product {width:100%}
#product-modal #product-description-short {
      font-size: 20px;  font-family:"Oswald", sans-serif; 
  color: #343434;
}

.seopresta_manufacturerslider .kl-more-slide {display:none}
.mls_slider_running { background: #1b0d61; border-radius: 0px; height: 5px; }



/********* CATEGORY AND LISTING PAGE *********/




/********** CMS PAGE *************/

.slick-slider .item .kl-img-xts img {object-fit: cover !important;}
 .slick-slider .slick-list .prdt_content .kl-title-aff span {padding:0px}
  .slick-slider .slick-list .prdt_content .kl-title-aff > a p {font-family:"Oswald", sans-serif;  text-transform:uppercase;
  color: #343434;}

  .slick-slider .slick-list .prdt_content .kl-title-aff > a .h3 {
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0px;
}

#seoprestahomeblogpost {margin-top: 100px; margin-bottom: 0px;}

#seoprestahomeblogpost  .kl-more-slide {display:none}



.kl-img-offer figure {transition: all 0.5s ease 0s;}
.kl-img-offer figure:hover {opacity: 0.8; transform: scale(0.98);}

.kl-img-offer ul {
  padding: 8px 0px 5px;
  background: #CB4418;
  margin-bottom: 0;

}
.kl-img-offer ul li h3 {
  font-size: 22px;
  font-style: normal;
  font-family: "Oswald", sans-serif;
  color: #fff;
}
.kl-img-offer ul li a {color:#fff}
#homedescription p {
  font-weight: 400 !important;
  line-height: 1.6;
  margin-bottom: 0.5rem !important;
}

#main_home_background {
  display: block;
  position: relative;
  overflow: hidden;
}




#index .kl-bx-content {
  text-align: center;
  margin-top: 0px;
  margin-bottom: 10px;
}


.kl-block-mode .kl-title-h2 {
  margin-bottom: 00px;
}

.slick-slider .item .kl-img-xts img {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  mix-blend-mode: multiply;
}

.kl-content-box p {
  color: #444;}

#homedescription h2 , #homedescription h1 {  font-size: 29px;
  margin-top: 50px;
  margin-bottom: 0px;
}
#homedescription ul li {margin-bottom: 10px;}

  body .kl-img-mode span::after { display:none  }
.kl-img-mode span::before {width: 100%;
  height: 100%}
@media (min-width: 1200px) {
  #main_home_background::before {
    background-size: contain !important;
    height: 800px;
    width: 80%;
    margin-left: 10%;display: block;
    position: relative;
  }
}
#index .kl-see-more {
  text-align: center;
  font-size: 13px;
  font-weight: 700 !important;
  letter-spacing: 0px;
  text-align: left;
  text-decoration: underline;
  display: block;
  margin-bottom: 47px;
  margin-top: 40px;
  color: #999;
}















































/************ CART PAGE **********/


.kl-main-content {
  padding: 0;
}

/* --------------------------------------------------------------------------
   1. Structure — colonne gauche sans carte ni bordure
   -------------------------------------------------------------------------- */

.cart-grid {
  margin-top: 1rem;
  margin-bottom: 2.5rem;min-height: 61vh;
}

.cart-grid .cart-container.card {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.cart-grid .cart-container > .card-block {
  padding: 0;
  border: 0;
}

.cart-grid .cart-container .card-block h1.h1 {
  margin: 0 0 .5rem;
  padding: 0;
  border: 0;
  font-size: 1.75rem;
  line-height: 1;      font-size: 40px;  font-family:"Oswald", sans-serif;  color: #1b0d61;
}

.cart-grid .cart-container > hr.separator {
  display: none;
}

/* --------------------------------------------------------------------------
   2. Lignes produit — compactes
   -------------------------------------------------------------------------- */

.cart-overview .cart-items {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--tac-line);
}

.cart-overview .cart-item {
  padding: 0;
  border-bottom: 1px solid var(--tac-line);
}

.cart-overview .product-line-grid {
  position: relative;
  align-items: center;
  margin: 0;
  padding: .625rem .5rem;
  transition: background-color .15s ease;
}

.cart-overview .product-line-grid::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background: var(--tac-navy);
  transform: scaleY(0);
  transform-origin: top;
  transition: transform .18s ease;
}

.cart-overview .product-line-grid:hover {
  background: var(--tac-wash);
}

.cart-overview .product-line-grid:hover::before {
  transform: scaleY(1);
}

/* Répartition des colonnes : la vignette ne dicte plus la hauteur de ligne */
@media (min-width: 768px) {
  .cart-overview .product-line-grid > .product-line-grid-left {
    flex: 0 0 96px;
    max-width: 96px;
    padding-right: 0; padding-left: 0px;
  }
  .cart-overview .product-line-grid > .product-line-grid-body {
    flex: 0 0 50%;
    max-width: none;
  }
  .cart-overview .product-line-grid > .product-line-grid-right {
    flex: 0 0 300px;
    max-width: 300px;
  }
}

/* Vignette */
.product-line-grid-left .product-image {
  display: block;
  max-width: 68px;
  padding: 2px;
  background: #fff;
  border: 1px solid var(--tac-line);
  border-radius: 2px;
}

.product-line-grid-left .product-image img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  mix-blend-mode: multiply;
}

/* Libellé produit */
.product-line-info.product-name {
  margin-bottom: .15rem;
  line-height: 1.15;
}

.product-line-grid-body .product-line-info.product-name .label {
  font-family: "Oswald", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1em;
  color: var(--tac-navy);
  text-decoration: none;
  transition: opacity .15s ease;
}

.product-line-grid-body .product-line-info.product-name .label:hover {
  opacity: .65;
  text-decoration: none;
}

/* Prix unitaire : information secondaire */
.product-line-grid-body .product-price.h5 {
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  color: var(--tac-muted);
  font-variant-numeric: tabular-nums;
  line-height: 1.4;
}

.product-line-grid-body .product-price.h5 .current-price .price {
  font-size: inherit;
  color: inherit;
}

.product-line-grid-body br {
  display: none;
}

/* Déclinaisons */
.product-line-grid-body .product-line-info:not(.product-name):not(.product-price) {
  margin-top: .1rem;
  font-size: 12px;
  line-height: 1.3;
  color: var(--tac-ink);
}

.product-line-grid-body > .product-line-info > .label {
  font-family: "Oswald", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: var(--tac-muted);
  margin-right: .2rem;
}

/* --------------------------------------------------------------------------
   3. Quantité
   -------------------------------------------------------------------------- */

.product-line-actions .qty {
  max-width: 92px;
}

.product-line-actions .input-group.bootstrap-touchspin {
  position: relative;
  width: 100%;
}

.product-line-actions input.js-cart-line-product-quantity {
  height: 34px;
  padding: 0 24px 0 9px;
  border: 1px solid var(--tac-line);
  border-radius: 2px;
  font-size: 14px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--tac-ink);
  box-shadow: none;
  transition: border-color .15s ease;
}

.product-line-actions input.js-cart-line-product-quantity:focus {
  border-color: var(--tac-navy);
  outline: 2px solid rgba(24, 13, 82, .15);
  outline-offset: 1px;
}

.product-line-actions .input-group-btn-vertical {
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  width: 22px;
  display: flex;
  flex-direction: column;
  z-index: 3;
}

.product-line-actions .input-group-btn-vertical .btn-touchspin {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  min-height: 0;
  border: 0;
  border-left: 1px solid var(--tac-line);
  border-radius: 0;
  background: #fff;
  color: var(--tac-muted);
  cursor: pointer;
  transition: background-color .12s ease, color .12s ease;
}

.product-line-actions .input-group-btn-vertical .bootstrap-touchspin-up {
  border-bottom: 1px solid var(--tac-line);
}

.product-line-actions .input-group-btn-vertical .btn-touchspin:hover {
  background: var(--tac-navy);
  color: #fff;
}

/* Effets .btn hérités du thème : neutralisés sur ces micro-boutons */
.product-line-actions .btn-touchspin::after {
  display: none;
}

.product-line-actions .btn-touchspin:hover {
  box-shadow: none;
  transform: none;
  border: 0;
  border-left: 1px solid var(--tac-line);
}

.product-line-actions .touchspin-up::before   { content: "keyboard_arrow_up"; }
.product-line-actions .touchspin-down::before { content: "keyboard_arrow_down"; }

.product-line-actions .touchspin-up::before,
.product-line-actions .touchspin-down::before {
  font-family: "Material Icons";
  font-size: 15px;
  line-height: 1;
  font-weight: 400;
}

/* --------------------------------------------------------------------------
   4. Total ligne + suppression
   -------------------------------------------------------------------------- */

.product-line-actions .price .product-price {
  display: block;
  font-size: 15px;
  font-weight: 700;
  color: var(--tac-ink);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  line-height: 34px;
}

.cart-line-product-actions .remove-from-cart {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 2px;
  color: var(--tac-muted);
  transition: background-color .15s ease, color .15s ease;
}

.cart-line-product-actions .remove-from-cart:hover {
  background: rgba(225, 0, 15, .08);
  color: var(--tac-signal);
  transform: none;
}

.cart-line-product-actions .remove-from-cart .material-icons {
  font-size: 18px;margin-top: 5px;
  margin-right: 5px; color:#666
}

/* --------------------------------------------------------------------------
   5. Récapitulatif
   -------------------------------------------------------------------------- */

.cart-grid-right   {
  padding-top: 83px;
}
.cart-grid-right .cart-summary.card {
  overflow: hidden;
  border: 1px solid var(--tac-line);
  border-radius: 2px;
  box-shadow: none;
}

@media (min-width: 992px) {
  .cart-grid-right .cart-summary {
    position: sticky;
    top: 1rem;
  }
}

.cart-summary .cart-detailed-totals > .card-block {
  padding: .875rem 1rem;
  border-bottom: 0;
}

.cart-summary .cart-summary-line {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: .75rem;
  padding: .2rem 0;
}

.cart-summary .cart-summary-line .label {
  font-size: 13px;
  color: var(--tac-muted);
}

.cart-summary .cart-summary-line .value {
  font-size: 14px;
  font-weight: 600;
  color: var(--tac-ink);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

#cart-subtotal-shipping .value {
  color: var(--tac-go);
  text-transform: uppercase;
  letter-spacing: .04em;
  font-size: 12px;
  font-weight: 700;margin-left: 140px;
}

.cart-summary hr.separator {
  margin: 0;
  border: 0;
  border-top: 1px solid var(--tac-line);
}

.cart-summary .cart-total {
  padding: 0;
  align-items: center;
}

.cart-summary .cart-total .label {
  font-family: "Oswald", sans-serif;
  font-size: 13px;
  letter-spacing: .04em;
  color: var(--tac-ink);
}

.cart-summary .cart-total .value {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--tac-navy);
  line-height: 1.1;
}

/* --------------------------------------------------------------------------
   6. Code promo
   -------------------------------------------------------------------------- */

.cart-summary .block-promo {
  border-top: 1px solid var(--tac-line);
  background: var(--tac-wash);
}

.cart-summary .cart-voucher {
  padding: .625rem 1rem;
}

.cart-summary .cart-voucher p {
  margin: 0;
}

.cart-summary .promo-code-button {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  color: var(--tac-navy);
  text-decoration: none;
  border-bottom: 1px dotted currentColor;
}

.cart-summary .promo-code-button:hover {
  border-bottom-style: solid;
  transform: none;
}

.cart-summary .promo-code form {
  display: flex;
  gap: .4rem;
  margin-top: .625rem;
}

.cart-summary .promo-code .promo-input {
  flex: 1;
  min-width: 0;
  height: 34px;
  padding: 0 .6rem;
  border: 1px solid var(--tac-line);
  border-radius: 2px;
  background: #fff;
  text-transform: uppercase;
  letter-spacing: .03em;
  font-size: 13px;
}

.cart-summary .promo-code .promo-input:focus {
  border-color: var(--tac-navy);
  outline: 2px solid rgba(24, 13, 82, .15);
  outline-offset: 1px;
}

.cart-summary .promo-code form .btn {
  flex: 0 0 auto;
  height: 34px;
  padding: 0 .875rem;
  font-size: 13px;
  line-height: 32px;
}

.cart-summary .js-error {
  margin: .5rem 0 0;
  padding: .4rem .6rem;
  font-size: 12px;
  border-radius: 2px;
}

.cart-summary .js-error:not(.d-block) {
  display: none;
}

/* --------------------------------------------------------------------------
   7. Boutons
   -------------------------------------------------------------------------- */

.cart-detailed-actions.card-block {
  padding: .875rem 1rem;
  border-top: 1px solid var(--tac-line);
  border-bottom: 0;
}

.cart-detailed-actions .btn-primary {
  display: block;
  width: 100%;
  padding: .7rem 1rem;
  border-radius: 2px;
  font-size: 25px;
  letter-spacing: .06em; text-align:center
}

.cart-grid-body > .btn-secondary {
  display: inline-flex;
  align-items: center;
  margin-top: 1rem;
  padding: .5rem 1rem;
  border-radius: 2px;
  font-size: 13px;
  letter-spacing: .04em;
}

/* --------------------------------------------------------------------------
   8. Mobile
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
  .cart-overview .product-line-grid {
    padding: .625rem .25rem;
  }

  .product-line-grid-left .product-image {
    max-width: 100%;
  }

  .product-line-actions .col-4.d-block.d-md-none {
    display: none !important;
  }

  .product-line-grid-right.product-line-actions {
    margin-top: .5rem;
    padding-top: .5rem;
    border-top: 1px dashed var(--tac-line);
  }

  .product-line-actions > .row {
    align-items: center;
  }

  .product-line-actions .price {
    text-align: right;
  }

  .cart-grid-right {
    margin-top: 1.25rem;
  }

  .cart-grid-body > .btn-secondary {
    width: 100%;
    justify-content: center;
  }
}

/* --------------------------------------------------------------------------
   9. Accessibilité
   -------------------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
  .cart-overview .product-line-grid,
  .cart-overview .product-line-grid::before,
  .cart-line-product-actions .remove-from-cart {
    transition: none;
  }
}

.cart-grid a:focus-visible,
.cart-grid button:focus-visible {
  outline: 2px solid var(--tac-navy);
  outline-offset: 2px;
}




/************ CHECKOUT PAGE **********/

/* --------------------------------------------------------------------------
   1. Structure
   -------------------------------------------------------------------------- */

#checkout #content-wrapper,
.page-order #content-wrapper {
  padding: 0;
}

.page-order #content > .row {
  margin-top: 1.5rem;
  margin-bottom: 3rem;
  min-height: 61vh;
}

/* --------------------------------------------------------------------------
   2. Étapes — titres et badges numérotés
   -------------------------------------------------------------------------- */

.checkout-step {
  margin: 0;
  padding: 0;
  border: 0;
  border-bottom: 1px solid var(--tac-line);
  background: transparent;
  box-shadow: none;
}

.checkout-step:last-of-type {
  border-bottom: 0;
}

.checkout-step .step-title {
  display: flex;
  align-items: center;
  gap: .625rem;
  margin: 0;
  padding: 1rem 0;
  font-family: "Oswald", sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
  color: var(--tac-navy);
  cursor: default;
}

.checkout-step.-clickable .step-title {
  cursor: pointer;
}

/* Badge : carré plein, pas de pastille ronde */
.checkout-step .step-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 26px;
  width: 26px;
  height: 26px;
  border: 1px solid var(--tac-line);
  border-radius: 2px;
  background: #fff;
  font-family: "Arimo", sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  color: var(--tac-muted);padding: 4px 7px !important;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

.checkout-step.-current .step-number {
  background: var(--tac-navy);
  border-color: var(--tac-navy);
  color: #fff;
}

/* Étape validée : le badge cède la place à la coche */
.checkout-step.-complete .step-number {
  display: none;
}

.checkout-step .step-title .material-icons.done {
  display: none;
}

.checkout-step.-complete .step-title .material-icons.done {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 26px;
  width: 26px;
  height: 26px;
  border-radius: 2px;
  background: var(--tac-go);
  color: #fff;
  font-size: 17px;padding: 5px;
}

.checkout-step.-complete .step-title .material-icons.done::before {
  content: "check";
}

/* Étape non atteinte : tout s'éteint */
.checkout-step.-unreachable .step-title {
  color: var(--tac-muted);
}

.checkout-step.-unreachable .step-number {
  background: var(--tac-wash);
  color: #b5b5bf;
}

/* Lien « Modifier » repoussé à droite */
.checkout-step .step-edit {
  display: none;
  align-items: center;
  gap: .2rem;
  margin-left: auto;
  font-family: "Arimo", sans-serif;
  font-size: 13px;
  font-weight: 500;
  text-transform: lowercase;
  color: var(--tac-muted) !important;
  transition: color .15s ease;
}

.checkout-step.-complete.-clickable .step-edit {
  display: inline-flex;
}

.checkout-step .step-title:hover .step-edit {
  color: var(--tac-navy) !important;
}

.checkout-step .step-edit .material-icons {
  font-size: 15px;
}

/* --------------------------------------------------------------------------
   3. Contenu des étapes
   -------------------------------------------------------------------------- */

.checkout-step .content {
  padding: 0 0 1.5rem;
  font-size: 14px;
  color: var(--tac-ink);
}

.checkout-step.-unreachable .content {
  display: none;
}

.checkout-step .content p {
  margin-bottom: .625rem;
  line-height: 1.5;
  color: var(--tac-ink);
}

.checkout-step .content a {
  color: var(--tac-navy);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.checkout-step .content a:hover {
  text-decoration: none;
  transform: none;
}

.checkout-step .content .identity {
  font-weight: 600;
}

/* Formulaires */
.checkout-step .form-control,
.checkout-step select.form-control {
  height: 40px;
  padding: 0 .75rem;
  border: 1px solid var(--tac-line);
  border-radius: 2px;
  font-size: 14px;
  color: var(--tac-ink);
  box-shadow: none;
}

.checkout-step textarea.form-control {
  height: auto;
  padding: .625rem .75rem;
  line-height: 1.5;
}

.checkout-step .form-control:focus {
  border-color: var(--tac-navy);
  outline: 2px solid rgba(24, 13, 82, .15);
  outline-offset: 1px;
}

.checkout-step .form-control-label {
  margin-bottom: .25rem;
  font-size: 12px;
  font-weight: 600;
  color: var(--tac-muted);
}

.checkout-step .form-group {
  margin-bottom: .875rem;
}

/* --------------------------------------------------------------------------
   4. Adresses
   -------------------------------------------------------------------------- */

.address-selector {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin-bottom: 1rem;
}

.address-selector .address-item {
  position: relative;
  flex: 0 0 calc(50% - .375rem);
  max-width: calc(50% - .375rem);
  margin: 0;
  padding: .875rem 1rem;
  border: 1px solid var(--tac-line);
  border-radius: 2px;
  background: #fff;
  box-shadow: none;
  transition: border-color .15s ease, background-color .15s ease;
}

.address-selector .address-item:hover {
  border-color: #c9c9d2;
}

/* Sélection : liseré navy à gauche, comme les lignes du panier */
.address-selector .address-item.selected {
  border-color: var(--tac-navy);
  background: var(--tac-wash);
}

.address-selector .address-item.selected::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  width: 3px;
  background: var(--tac-navy);
}

.address-selector .radio-block {
  display: flex;
  align-items: center;
  gap: .5rem;
  margin: 0;
  cursor: pointer;
}
body#checkout section.checkout-step .radio-block {
  padding: 0px;
  text-align: left;
  cursor: pointer;
  vertical-align: revert;
  display: inline;
}
body#checkout section.checkout-step .address-alias {margin-bottom: 0 !important;}
body#checkout section.checkout-step.-reachable.-complete h1 .step-edit {text-transform: capitalize;}
.address-selector .address-alias {
  margin: 0;
 font-family: "Arimo";
  font-size: 17px;
  font-weight: 400;
  line-height: 1em;
  color: #222;
}

body#checkout section.checkout-step .address-item.selected  {
  background: white;
  border: #2d179d 1px solid;
}

.address-selector .address {
  margin-top: .375rem;
  font-size: 13px;
  line-height: 1.5;
  color: var(--tac-ink);
}

.address-selector .address-item hr {
  margin: .625rem 0 .5rem;
  border: 0;
  border-top: 1px solid var(--tac-line);
}

.address-selector .address-footer {
  display: flex;
  gap: 1rem;
}

.address-selector .address-footer a {
  display: inline-flex;
  align-items: center;
  gap: .2rem;
  font-size: 12px;
  color: var(--tac-muted) !important;
  text-decoration: none;
  transition: color .15s ease;
}

.address-selector .address-footer .edit-address:hover {
  color: var(--tac-navy) !important;
}

.address-selector .address-footer .delete-address:hover {
  color: var(--tac-signal) !important;
}

.address-selector .address-footer .material-icons {
  font-size: 15px;
}

/* Ligatures manquantes dans le template */
.address-footer .edit-address .material-icons.edit::before   { content: ""; }
.address-footer .delete-address .material-icons.delete::before { content: ""; }
.add-address a .material-icons::before                        { content: ""; }
.js-address-form #delivery-address {  background: #f2f2f2;  padding: 10px;}


body#checkout #order-summary-content h4.addresshead {
  margin-top: 0.1875rem;
  font-size: 14px;
}
#order-summary-content .order-confirmation-table .details a span {
  font-size: 16px;
font-family: "Oswald", sans-serif;
}

#order-confirmation-table .order-confirmation-table  .image img {
  width: 50px !important;
}


body#checkout #order-summary-content h4.h4 {font-size: 15px;}
body#checkout #order-summary-content h3 {
  font-size: 14px !important;
  opacity: 0.5;
}
.add-address a {
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  font-size: 13px;
  font-weight: 600;
  color: var(--tac-navy) !important;
  text-decoration: none !important;
  border-bottom: 1px dotted currentColor;
}

.add-address a:hover {
  border-bottom-style: solid;
  transform: none;
}

.add-address a .material-icons {
  font-size: 16px;
}

/* --------------------------------------------------------------------------
   5. Modes de livraison (étape 3)
   -------------------------------------------------------------------------- */

.delivery-options-list .delivery-options {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  margin-bottom: 1rem;
}

.delivery-option {
  display: flex;
  align-items: center;
  margin: 0;
  padding: .75rem 1rem;
  border: 1px solid var(--tac-line);
  border-radius: 2px;
  background: #fff;
  cursor: pointer;
  transition: border-color .15s ease, background-color .15s ease;
}

.delivery-option:hover {
  border-color: #c9c9d2;
}

.delivery-option .carrier-name {
  font-weight: 600;
  font-size: 14px;
  color: var(--tac-ink);
}

.delivery-option .carrier-delay {
  font-size: 12px;
  color: var(--tac-muted);
}

.delivery-option .carrier-price {
  font-size: 15px;
  font-weight: 700;
  color: var(--tac-navy);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.delivery-option .carrier-logo img {
  max-height: 32px;
  width: auto;
}

#delivery label {
  font-size: 13px;
  font-weight: 600;
  color: var(--tac-muted);
}

/* --------------------------------------------------------------------------
   6. Paiement (étape 4)
   -------------------------------------------------------------------------- */

.payment-options .payment-option {
  display: flex;
  align-items: center;
  gap: .5rem;
  margin: 0 0 .5rem;
  padding: .75rem 1rem;
  border: 1px solid var(--tac-line);
  border-radius: 2px;
  background: #fff;
  font-size: 14px;
  cursor: pointer;
  transition: border-color .15s ease;
}

.payment-options .payment-option:hover {
  border-color: #c9c9d2;
}

.payment-options .payment-option label {
  margin: 0;
  cursor: pointer;
}

.js-payment-option-form {
  padding: .875rem 1rem;
  border: 0px solid var(--tac-line);
  border-top: 0;
  background: transparent;
  font-size: 13px;
}

#conditions-to-approve {
  margin: 1rem 0;
  padding: .875rem 1rem;
  border: 1px solid var(--tac-line);
  border-radius: 2px;
  background: var(--tac-wash);
  font-size: 13px;
  line-height: 1.5;
}

#conditions-to-approve label {
  margin: 0;
  cursor: pointer;
}

#payment-confirmation .btn {
  width: 100%;
  padding: .8rem 1rem;
  border-radius: 2px;
  font-size: 20px;
  letter-spacing: .06em;
}

#payment-confirmation .btn[disabled] {
  opacity: .45;
  cursor: not-allowed;
}

/* --------------------------------------------------------------------------
   7. Récapitulatif (colonne droite)
   -------------------------------------------------------------------------- */

#js-checkout-summary.card {
  overflow: hidden;
  border: 1px solid var(--tac-line);
  border-radius: 2px;
  background: #fff;
  box-shadow: none;
}

@media (min-width: 768px) {
  #js-checkout-summary {
    position: sticky;
    top: 1rem;
  }
}

#js-checkout-summary > .card-block {
  padding: 0;
  border: 0;
}

#js-checkout-summary .cart-summary-products {
  padding: .875rem 1rem;
  border-bottom: 1px solid var(--tac-line);
}

#js-checkout-summary .cart-summary-products > p {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--tac-ink);
}

#js-checkout-summary .cart-summary-products > p:last-of-type {
  margin-top: .2rem;
}

#js-checkout-summary .cart-summary-products a[data-toggle="collapse"] {
  font-size: 12px;
  font-weight: 500;
  color: var(--tac-navy) !important;
  text-decoration: none;
  border-bottom: 1px dotted currentColor;
}

#js-checkout-summary .cart-summary-products a[data-toggle="collapse"]:hover {
  border-bottom-style: solid;
  transform: none;
}

/* Détail des produits */
#js-checkout-summary .media-list {
  margin: .75rem 0 0;
  padding: 0;
  list-style: none;
}

#js-checkout-summary .media-list .media {
  display: flex;
  gap: .625rem;
  padding: .5rem 0;
  border-top: 1px solid var(--tac-line);
}

#js-checkout-summary .media-left {
  flex: 0 0 46px;
}

#js-checkout-summary .media-object {
  width: 46px;
  height: 46px;
  object-fit: contain;
  border: 1px solid var(--tac-line);
  border-radius: 2px;
  background: #fff;
  mix-blend-mode: multiply;
}

#js-checkout-summary .media-body {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: .25rem .5rem;
}

#js-checkout-summary .media-body .product-name {
  flex: 1 1 100%;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--tac-ink);
}

#js-checkout-summary .media-body .product-quantity {
  font-size: 12px;
  color: var(--tac-muted);
  font-variant-numeric: tabular-nums;
}

#js-checkout-summary .media-body .product-price {
  margin-left: auto;
  float: none !important;
  font-size: 13px;
  font-weight: 700;
  color: var(--tac-ink);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

/* Sous-totaux */
#js-checkout-summary .cart-summary-subtotals-container {
  padding: .875rem 1rem;
  border-bottom: 0;
}

#js-checkout-summary .cart-summary-line {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: .75rem;
  padding: .2rem 0;
}

#js-checkout-summary .cart-summary-line .label {
  font-size: 13px;
  color: var(--tac-muted);
}

#js-checkout-summary .cart-summary-line .value {
  font-size: 14px;
  font-weight: 600;
  color: var(--tac-ink);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

#js-checkout-summary #cart-subtotal-shipping .value {
  color: var(--tac-go);
  text-transform: uppercase;
  letter-spacing: .04em;
  font-size: 12px;
  font-weight: 700;
}

#js-checkout-summary hr.separator {
  margin: 0;
  border: 0;
  border-top: 1px solid var(--tac-line);
}

#js-checkout-summary .cart-summary-totals {
  padding: .875rem 1rem;
  border: 0;
}

#js-checkout-summary .cart-total {
  align-items: center;
  padding: 0;
}

#js-checkout-summary .cart-total .label {
  font-family: "Oswald", sans-serif;
  font-size: 13px;
  letter-spacing: .04em;
  color: var(--tac-ink);
}

#js-checkout-summary .cart-total .value {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--tac-navy);
  line-height: 1.1;
}

/* Code promo : même traitement que sur le panier */
#js-checkout-summary .block-promo {
  border-top: 1px solid var(--tac-line);
  background: var(--tac-wash);
}

#js-checkout-summary .cart-voucher {
  padding: .625rem 1rem;
}

#js-checkout-summary .cart-voucher p {
  margin: 0;
}

#js-checkout-summary .promo-code-button {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  color: var(--tac-navy) !important;
  text-decoration: none;
  border-bottom: 1px dotted currentColor;
}

#js-checkout-summary .promo-code-button:hover {
  border-bottom-style: solid;
  transform: none;
}

#js-checkout-summary .promo-code form {
  display: flex;
  gap: .4rem;
  margin-top: .625rem;
}

#js-checkout-summary .promo-code .promo-input {
  flex: 1;
  min-width: 0;
  height: 34px;
  padding: 0 .6rem;
  border: 1px solid var(--tac-line);
  border-radius: 2px;
  background: #fff;
  text-transform: uppercase;
  letter-spacing: .03em;
  font-size: 13px;
}

#js-checkout-summary .promo-code form .btn {
  flex: 0 0 auto;
  height: 34px;
  padding: 0 .875rem;
  font-size: 13px;
  line-height: 32px;
}

#js-checkout-summary .js-error {
  margin: .5rem 0 0;
  padding: .4rem .6rem;
  font-size: 12px;
  border-radius: 2px;
}

#js-checkout-summary .js-error:not(.d-block) {
  display: none;
}

/* --------------------------------------------------------------------------
   8. Boutons et alertes
   -------------------------------------------------------------------------- */

.checkout-step .btn-primary.continue {
  padding: .6rem 1.75rem;
  border-radius: 2px;
  font-size: 16px;
  letter-spacing: .06em;
}

.checkout-step .alert {
  padding: .625rem .875rem;
  border-radius: 2px;
  font-size: 13px;
}

.checkout-step .alert-danger {
  border: 1px solid rgba(225, 0, 15, .25);
  background: rgba(225, 0, 15, .06);
  color: var(--tac-signal);
}

/* --------------------------------------------------------------------------
   9. Mobile
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
  .checkout-step .step-title {
    padding: .875rem 0;
    font-size: 19px;
  }

  .address-selector .address-item {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .checkout-step .btn-primary.continue {
    width: 100%;
  }

  .page-order #content > .row > .col-md-4 {
    margin-top: 1.5rem;
    margin-bottom: 3rem;
  }

  .delivery-option {
    flex-wrap: wrap;
  }
}

/* --------------------------------------------------------------------------
   10. Accessibilité
   -------------------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
  .checkout-step .step-number,
  .address-selector .address-item,
  .delivery-option,
  .payment-options .payment-option {
    transition: none;
  }
}

#checkout a:focus-visible,
#checkout button:focus-visible,
#checkout input:focus-visible {
  outline: 2px solid var(--tac-navy);
  outline-offset: 2px;
}




/********* USER ACCOUNT *************/

/************ MY ACCOUNT — toutes les pages client **********/

/* --------------------------------------------------------------------------
   1. Structure commune
   -------------------------------------------------------------------------- */

.container_my-account {
  min-height: 61vh;
  margin-top: 1.5rem;
  margin-bottom: 3rem;
}

.container_my-account .page-header {
  margin: 0 0 1.25rem;
  padding: 0;
  border: 0;
  background: transparent;
}

.container_my-account .page-header h1 {
  margin: 0;
  padding: 0;
  font-family: "Oswald", sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 1;
  color: var(--tac-navy);
}

.container_my-account .page-content,
.container_my-account .page-footer {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.container_my-account .page-content > .container,
.container_my-account #notifications > .container {
  padding-left: 0;
  padding-right: 0;
  max-width: none;
}

/* Sous-titres internes (blocs de commande, sections identité…) */
.container_my-account .page-content h2,
.container_my-account .page-content h3,
.container_my-account .page-content .h3 {
  font-family: "Oswald", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.1;
  color: var(--tac-navy);
  margin: 0 0 .625rem;
}

/* --------------------------------------------------------------------------
   2. Tableau de bord — tuiles de navigation
   -------------------------------------------------------------------------- */

.container_my-account .links {
  margin: 0 -.375rem;
}

.container_my-account .links > a {
  padding: .375rem;
  text-decoration: none !important;
}

.container_my-account .links > a:hover {
  transform: none;
}

.container_my-account .links .link-item {
  display: flex;
  align-items: center;
  gap: .75rem;
  height: 100%;
  min-height: 68px;
  padding: .875rem 1rem;
  border: 1px solid var(--tac-line);
  border-radius: 2px;
  background: #fff;
  box-shadow: none;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.25;
  color: var(--tac-ink);
  text-align: left;
  transition: border-color .15s ease, background-color .15s ease, color .15s ease;
}

.container_my-account .links > a:hover .link-item {
  border-color: var(--tac-navy);
  background: var(--tac-wash);
  color: var(--tac-navy);
}

/* Pictogramme : carré plein à gauche, pas d'icône flottante */
.container_my-account .links .link-item .material-icons {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  margin: 0;
  border-radius: 2px;
  font-size: 20px;
  line-height: 1;
  color: var(--tac-navy);
}


.contact-form, .container_identity, .container_manufacturer, .container_addresses, .container_order-history, .container_discount, .container_search, .container_module-ps_emailalerts-account,  .container_order-detail, .container_order-follow, .container_order-slip, .container_my-credit-slips, .container_my-vouchers, .container_history  {
  padding-top: 20px;
  padding-bottom: 180px;
}

.page-footer.mt-4 {
  padding-top: 80px !important;
}

#wishlist-link {display: none !important;}

#search #content-wrapper h1 {text-align:center}
#search #content h4, #search #content p {display:none}


.page-my-account #content .links {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 -.375rem;
}

/* Mobile : 1 colonne */
.page-my-account #content .links > a {
  flex: 0 0 100%;
  max-width: 100%;
  padding: .375rem;
}

/* Tablette : 2 colonnes */
@media (min-width: 768px) {
  .page-my-account #content .links > a {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

/* Desktop : 3 colonnes */
@media (min-width: 992px) {
  .page-my-account #content .links > a {
    flex: 0 0 33%;
    max-width: 33%;
  }
}


/* --------------------------------------------------------------------------
   3. Pied de page — déconnexion
   -------------------------------------------------------------------------- */

.container_my-account .page-footer {
  margin-top: 1.5rem !important;
  padding-top: 1.25rem;
  border-top: 1px solid var(--tac-line);
}

.container_my-account .page-footer a {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  font-size: 13px;
  font-weight: 600;
  color: var(--tac-muted) !important;
  text-decoration: none;
  border-bottom: 1px dotted currentColor;
  transition: color .15s ease;
}

.container_my-account .page-footer a:hover {
  color: var(--tac-signal) !important;
  border-bottom-style: solid;
  transform: none;
}

/* --------------------------------------------------------------------------
   4. Formulaires (identité, adresse, mot de passe)
   -------------------------------------------------------------------------- */

.container_my-account form {
  max-width: 640px;
}

.container_my-account .form-control,
.container_my-account select.form-control {
  height: 40px;
  padding: 0 .75rem;
  border: 1px solid var(--tac-line);
  border-radius: 2px;
  background: #fff;
  font-size: 14px;
  color: var(--tac-ink);
  box-shadow: none;
}

.container_my-account textarea.form-control {
  height: auto;
  padding: .625rem .75rem;
  line-height: 1.5;
}

.container_my-account .form-control:focus {
  border-color: var(--tac-navy);
  outline: 2px solid rgba(24, 13, 82, .15);
  outline-offset: 1px;
}

.container_my-account .form-control-label,
.container_my-account label.col-md-3 {
  padding-top: 0;
  margin-bottom: .25rem;
  font-size: 12px;
  font-weight: 600;
  color: var(--tac-muted);
  text-align: left;
}

.container_my-account .form-group {
  margin-bottom: .875rem;
}

.container_my-account .form-control-comment {
  padding-top: .25rem;
  font-size: 12px;
  color: var(--tac-muted);
}

.container_my-account .form-footer {
  margin-top: 1.25rem;
  padding-top: 1rem;
  border-top: 1px solid var(--tac-line);
}

.container_my-account .form-footer .btn {
  padding: .6rem 1.75rem;
  border-radius: 2px;
  font-size: 16px;
  letter-spacing: .06em;
}

.container_my-account .input-group .input-group-btn > .btn {
  border-radius: 0 2px 2px 0;
}

/* --------------------------------------------------------------------------
   5. Page adresses
   -------------------------------------------------------------------------- */

.container_my-account .address {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin-bottom: .75rem;
  padding: .875rem 1rem;
  border: 1px solid var(--tac-line);
  border-radius: 2px;
  background: #fff;
  box-shadow: none;
  transition: border-color .15s ease;
}

.container_my-account .address:hover {
  border-color: #c9c9d2;
}

.container_my-account .address .address-header {
  padding: 0 0 .5rem;
  border: 0;
  background: transparent;
}

.container_my-account .address .address-header h4,
.container_my-account .address .address-header .h4 {
  margin: 0;
  font-family: "Oswald", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: var(--tac-navy);
}

.container_my-account .address .address-body {
  flex: 1 1 auto;
  padding: 0;
  font-size: 13px;
  line-height: 1.5;
  color: var(--tac-ink);
}

.container_my-account .address .address-body address {
  margin: 0;
  font-style: normal;
}

.container_my-account .address .address-footer {
  display: flex;
  gap: 1rem;
  margin-top: .625rem;
  padding-top: .5rem;
  border-top: 1px solid var(--tac-line);
  background: transparent;
}

.container_my-account .address .address-footer a {
  display: inline-flex;
  align-items: center;
  gap: .2rem;
  font-size: 12px;
  color: var(--tac-muted) !important;
  text-decoration: none;
  transition: color .15s ease;
}

.container_my-account .address-footer a[data-link-action="edit-address"]:hover {
  color: var(--tac-navy) !important;
  transform: none;
}

.container_my-account .address-footer a[data-link-action="delete-address"]:hover {
  color: var(--tac-signal) !important;
  transform: none;
}

.container_my-account .address-footer .material-icons {
  font-size: 15px;
}

.container_my-account .address-footer .edit::before   { content: "edit"; }
.container_my-account .address-footer .delete::before { content: "delete"; }

.container_my-account .addresses-footer a,
.container_my-account .add-address a {
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  margin-top: .5rem;
  font-size: 13px;
  font-weight: 600;
  color: var(--tac-navy) !important;
  text-decoration: none !important;
  border-bottom: 1px dotted currentColor;
}

.container_my-account .addresses-footer a:hover {
  border-bottom-style: solid;
  transform: none;
}

.container_my-account .addresses-footer .material-icons::before { content: "add"; }

/* --------------------------------------------------------------------------
   6. Tableaux (historique, avoirs, bons de réduction, détail commande)
   -------------------------------------------------------------------------- */

.container_my-account .table,
.container_my-account #order-slips-table,
.container_my-account #order-products {
  width: 100%;
  margin-bottom: 1rem;
  border: 1px solid var(--tac-line);
  border-radius: 2px;
  background: #fff;
  font-size: 13px;
}

.container_my-account .table thead th {
  padding: .625rem .75rem;
  border: 0;
  border-bottom: 1px solid var(--tac-line);
  background: var(--tac-wash);
  font-family: "Oswald", sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: .03em;
  color: var(--tac-navy);
  white-space: nowrap;
  vertical-align: middle;
}

.container_my-account .table tbody td {
  padding: .625rem .75rem;
  border: 0;
  border-top: 1px solid var(--tac-line);
  color: var(--tac-ink);
  vertical-align: middle;
}

.container_my-account .table tbody tr:first-child td {
  border-top: 0;
}

.container_my-account .table tbody tr {
  transition: background-color .15s ease;
}

.container_my-account .table tbody tr:hover {
  background: var(--tac-wash);
}

/* Montants et références alignés */
.container_my-account .table td[data-value],
.container_my-account .table .text-xs-right,
.container_my-account .table .text-right {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.container_my-account .table .order-reference,
.container_my-account .table td:first-child {
  font-weight: 600;
}

.container_my-account .table a {
  color: var(--tac-navy) !important;
  text-decoration: none;
  border-bottom: 1px dotted currentColor;
}

.container_my-account .table a:hover {
  border-bottom-style: solid;
  transform: none;
}

.container_my-account .table .btn {
  padding: .3rem .75rem;
  border-radius: 2px;
  font-size: 12px;
  letter-spacing: .04em;
}

/* Badge de statut de commande */
.container_my-account .label,
.container_my-account .order-status .label {
  display: inline-block;
  padding: .25rem .5rem;
  border-radius: 2px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .03em;
  line-height: 1.2;
  text-transform: uppercase;
  white-space: normal;
}

/* --------------------------------------------------------------------------
   7. Détail d'une commande
   -------------------------------------------------------------------------- */

.container_my-account #order-infos,
.container_my-account #order-history,
.container_my-account .box,
.container_my-account #address-invoice,
.container_my-account #address-delivery {
  margin-bottom: 1rem;
  padding: .875rem 1rem;
  border: 1px solid var(--tac-line);
  border-radius: 2px;
  background: #fff;
  box-shadow: none;
  font-size: 13px;
  line-height: 1.5;
}

.container_my-account #order-infos h3,
.container_my-account .box h3,
.container_my-account #address-invoice h3,
.container_my-account #address-delivery h3 {
  margin-bottom: .5rem;
  font-size: 16px;
}

.container_my-account #order-products tfoot td,
.container_my-account .table tfoot td {
  padding: .5rem .75rem;
  border-top: 1px solid var(--tac-line);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.container_my-account #order-products tfoot tr:last-child td {
  font-size: 15px;
  font-weight: 700;
  color: var(--tac-navy);
}

.container_my-account #order-products img,
.container_my-account .order-detail img {
  width: 46px;
  height: 46px;
  object-fit: contain;
  border: 1px solid var(--tac-line);
  border-radius: 2px;
  background: #fff;
  mix-blend-mode: multiply;
}

/* --------------------------------------------------------------------------
   8. Bons de réduction et listes d'envies
   -------------------------------------------------------------------------- */

.container_my-account .wishlist-container,
.container_my-account .wishlist-list {
  margin: 0;
}

.container_my-account .wishlist-list-item {
  margin-bottom: .75rem;
  padding: .875rem 1rem;
  border: 1px solid var(--tac-line);
  border-radius: 2px;
  background: #fff;
  box-shadow: none;
  transition: border-color .15s ease;
}

.container_my-account .wishlist-list-item:hover {
  border-color: var(--tac-navy);
}

.container_my-account .wishlist-list-item-title {
  font-family: "Oswald", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: var(--tac-navy);
}

.container_my-account .wishlist-list-item-count,
.container_my-account .wishlist-list-item-date {
  font-size: 12px;
  color: var(--tac-muted);
}

/* --------------------------------------------------------------------------
   9. Alertes et messages
   -------------------------------------------------------------------------- */

.container_my-account #notifications .alert,
.container_my-account .alert {
  margin-bottom: 1rem;
  padding: .625rem .875rem;
  border-radius: 2px;
  font-size: 13px;
  line-height: 1.5;
}

.container_my-account .alert-success {
  border: 1px solid rgba(40, 157, 23, .25);
  background: rgba(40, 157, 23, .07);
  color: #1d7212;
}

.container_my-account .alert-danger {
  border: 1px solid rgba(225, 0, 15, .25);
  background: rgba(225, 0, 15, .06);
  color: var(--tac-signal);
}

.container_my-account .alert-warning,
.container_my-account .alert-info {
  border: 1px solid var(--tac-line);
  background: var(--tac-wash);
  color: var(--tac-ink);
}

.container_my-account .alert ul {
  margin: 0;
  padding-left: 1.125rem;
}

/* État vide */
.container_my-account .page-content > p:only-child,
.container_my-account #content > p:only-child {
  padding: 1.25rem 1rem;
  border: 1px dashed var(--tac-line);
  border-radius: 2px;
  background: var(--tac-wash);
  font-size: 14px;
  color: var(--tac-muted);
  text-align: center;
}

/* --------------------------------------------------------------------------
   10. Mobile
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
  .container_my-account .page-header h1 {
    font-size: 32px;
  }

  .container_my-account .links .link-item {
    min-height: 58px;
    padding: .75rem;
    font-size: 13px;
  }

  .container_my-account .links .link-item .material-icons {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    font-size: 18px;
  }

  /* Tableaux : défilement horizontal plutôt qu'écrasement */
  .container_my-account .table-responsive,
  .container_my-account .table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .container_my-account .form-footer .btn {
    width: 100%;
  }
}

/* --------------------------------------------------------------------------
   11. Accessibilité
   -------------------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
  .container_my-account .links .link-item,
  .container_my-account .links .link-item .material-icons,
  .container_my-account .address,
  .container_my-account .table tbody tr {
    transition: none;
  }
}

.container_my-account a:focus-visible,
.container_my-account button:focus-visible,
.container_my-account input:focus-visible {
  outline: 2px solid var(--tac-navy);
  outline-offset: 2px;
}




/************** SEARCH **************/ 
body h2.kl-title-post {
  font-weight: 500 !important;
  font-size: 12px;
  font-family: 'Arimo';
  color: #666;
  text-align: left;
}


.PM_ASCriterionGroupSelect, .kl-bx-filter--item select, .kl-filter-xts select, .kl-frm-item select
{border: 2px solid #7E3016;}
.kl-nbr-article-show p {
  font-weight: 700;
  font-size: 13px;
  margin: 0;
  color: #666;
}




/********* PRODUCT LISTING *********/

/* --------------------------------------------------------------------------
   1. Grille
   -------------------------------------------------------------------------- */

#js-product-list .kl-row-listing {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -.5rem;
  padding: 0;
  list-style: none;
}

#js-product-list .kl-xts-item,
.kl-row-listing .js-product-miniature {
  display: flex;
  flex: 0 0 33%;
  max-width: 33% !important;
  padding: .5rem;
  margin: 0;
}

@media (max-width: 1199px) {
  #js-product-list .kl-xts-item,
  .kl-row-listing .js-product-miniature {
    flex: 0 0 33.333%;
    max-width: 33.333% !important;
  }
}

@media (max-width: 991px) {
  #js-product-list .kl-xts-item,
  .kl-row-listing .js-product-miniature {
    flex: 0 0 50%;
    max-width: 50% !important;
  }
}

@media (max-width: 575px) {
  #js-product-list .kl-xts-item,
  .kl-row-listing .js-product-miniature {
    flex: 0 0 50%;
    max-width: 50% !important;
    padding: .25rem;
  }
}

/* --------------------------------------------------------------------------
   2. Carte produit
   -------------------------------------------------------------------------- */

.kl-xts-item .prdt_content {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
  border: 1px solid var(--tac-line);
  border-radius: 2px;
  background: #fff;
  transition: border-color .18s ease, box-shadow .18s ease;
}

.kl-xts-item:hover .prdt_content {
  border-color: var(--tac-navy);
  box-shadow: 0 4px 18px rgba(24, 13, 82, .1);
}

/* --------------------------------------------------------------------------
   3. Visuel
   -------------------------------------------------------------------------- */

.kl-xts-item .kl-img-xts {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 1 / 1;
  background: var(--tac-wash);
}

.kl-xts-item .kl-img-xts img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 0rem;
  object-fit: contain;
  mix-blend-mode: multiply;
  transition: transform .35s ease;
}
.item:hover .kl-see {background: #1f3f9e33;
}
.kl-xts-item:hover .kl-img-xts img {
  transform: scale(1.04);
}

/* Zone cliquable : ne doit jamais voiler l'image */
.kl-xts-item .kl-see {
  position: absolute;
  inset: 0;
  z-index: 2;
  background: transparent;
  cursor: pointer;
}

/* --------------------------------------------------------------------------
   4. Bouton d'action — masqué, révélé au survol
   -------------------------------------------------------------------------- */

.kl-xts-item .kl-add-see {
  position: absolute;
  left: 50%;
  bottom: .625rem;
  z-index: 3;
  width: calc(100% - 1.25rem);
  padding: .5rem .75rem;
  border: 0;
  border-radius: 2px;
  background: var(--tac-navy);
  font-family: "Oswald", sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: .05em;
  line-height: 1.4;
  color: #fff !important;
  text-align: center;
  text-decoration: none !important;
  white-space: nowrap;
  transform: translate(-50%, calc(100% + .75rem));
  opacity: 0;
  transition: transform .22s ease, opacity .22s ease, background-color .15s ease;
}

.kl-xts-item:hover .kl-add-see,
.kl-xts-item:focus-within .kl-add-see {
  transform: translate(-50%, 0);
  opacity: 1;
}

.kl-xts-item .kl-add-see:hover {
  background: var(--tac-navy-dark, #0f0836);
  box-shadow: none;
  transform: translate(-50%, 0);
}

/* Traduction des libellés sortis en anglais par le thème */
.kl-xts-item .kl-add-see {
  font-size: 0;
}

.kl-xts-item a.kl-add-see::after {
  content: "Choisir";
  font-size: 20px;
}

.kl-xts-item button.kl-add-see::after,
.kl-xts-item .btn-cart-list::after {
  content: "Ajouter au panier";
  font-size: 20px;
}

/* Le formulaire d'ajout direct ne doit pas décaler la carte */
.kl-xts-item .kl-img-xts form.d-none {
  display: none !important;
}

/* Sur tactile, pas de survol : le bouton reste visible */
@media (hover: none) {
  .kl-xts-item .kl-add-see {
    transform: translate(-50%, 0);
    opacity: 1;
  }
}

/* --------------------------------------------------------------------------
   5. Txt & Badges (promo, nouveauté, exclu web)
   -------------------------------------------------------------------------- */

.kl-xts-item .kl-img-xts .kl-tag {
  position: absolute;
  top: .5rem;
  left: .5rem;
  z-index: 4;
  margin: 0;
  padding: .25rem .5rem;
  border-radius: 20px;
  font-size: 10px;
  font-style: normal;
  letter-spacing: .04em;
}

.kl-title-aff {padding:10px!important}

/* Titre */
.kl-xts-item .kl-title-aff h3 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0 0 .2rem;
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
  font-size: 21px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.15px;
  color: var(--tac-navy);
  text-align: left;
  transition: opacity .15s ease;
}
/* Description courte */
.kl-xts-item .kl-title-aff span[itemprop="description"] {
  display: -webkit-box !important;
  visibility: visible !important;
  opacity: 1 !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 3.9em;
margin-bottom: 0rem;
  font-family: "Arimo", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.3;
  color: var(--tac-muted);
  text-align: left;
  letter-spacing: 0px;
  padding: 0px !important;
}
 .kl-row-listing .prdt_content .kl-title-aff ul {
  margin-top: 0;padding-top: 0 !important;
 }


.kl-xts-item .kl-title-aff ul li {
  display: block !important;
  font-family: "Arimo", sans-serif; text-align: left;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--tac-ink);
  font-variant-numeric: tabular-nums;
}

.kl-xts-item .kl-title-aff ul li.regular-price,
.kl-xts-item .kl-title-aff ul li del {
  font-size: 13px;
  font-weight: 400;
  color: var(--tac-muted);
  text-decoration: line-through; 
}

.kl-xts-item .kl-title-aff ul li.price-discount,
.kl-xts-item .kl-title-aff ul li.has-discount {
  color: var(--tac-signal);
}

#js-product-list .kl-title-aff .kl-price-promotion {text-decoration: line-through;
  font-size: 13px !important;
  font-weight: normal;
  color: #af1111 !important;}
/* --------------------------------------------------------------------------
   9. Compteur et pagination
   -------------------------------------------------------------------------- */

.kl-nbr-article-show {
  padding: 0;
  margin-bottom: .75rem;
  border-bottom: 0px solid var(--tac-line);
  padding-top: 40px;
}

.kl-nbr-article-show .kl-title-post {
  margin: 0;
  font-family: "Arimo", sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: var(--tac-muted);
  text-align: left;
}

.pagination-wrapper {
  width: 100%;
  padding-top: 1rem;
  border-top: 1px solid var(--tac-line);
}

.pagination-wrapper .page-list {
  display: flex;
  flex-wrap: wrap;
  gap: .25rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pagination-wrapper .page-list li a,
.pagination-wrapper .page-list li span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
  padding: 0 .5rem;
  border: 1px solid var(--tac-line);
  border-radius: 2px;
  background: #fff;
  font-size: 13px;
  font-weight: 600;
  color: var(--tac-ink);
  text-decoration: none;
  transition: border-color .15s ease, background-color .15s ease, color .15s ease;
}

.pagination-wrapper .page-list li a:hover {
  border-color: var(--tac-navy);
  color: var(--tac-navy);
  transform: none;
}

.pagination-wrapper .page-list li.current a,
.pagination-wrapper .page-list li.current span {
  border-color: var(--tac-navy);
  background: var(--tac-navy);
  color: #fff;
}

.pagination-wrapper .page-list li.disabled a,
.pagination-wrapper .page-list li.disabled span {
  opacity: .4;
  pointer-events: none;
}
/* --- Fond des visuels : blanc, jamais de couleur héritée --- */
.kl-xts-item .kl-img-xts,
.kl-xts-item .prdt_content {
  background: #fff !important;
}

.kl-xts-item .kl-img-xts img {
  mix-blend-mode: normal;
}

/* --- Survol : plus léger --- */
.kl-xts-item .prdt_content {
  transition: border-color .18s ease, box-shadow .18s ease;
}

.kl-xts-item:hover .prdt_content {
  border-color: #c9c9d2;
  box-shadow: 0 2px 28px rgba(24, 13, 82, 0.19);
}

.kl-xts-item:hover .kl-img-xts img {
  transform: scale(1.02);
}

/* --- Traduction des libellés : remplacement, pas ajout --- */
.kl-xts-item .kl-add-see {
  font-size: 0 !important;
  line-height: 0;
  color: transparent !important;
}

.kl-add-see.hvr-sweep-to-right::before {
  background: #0b2f73f2 !important;
}

.kl-xts-item a.kl-add-see::after,
.kl-xts-item button.kl-add-see::after {
  display: block;
  font-size: 20px;
  line-height: 1;
  color: #fff !important;
}

.slick-slider .slick-track .prdt_content:hover .kl-add-see, .slick-slider .slick-list .prdt_content:hover .kl-add-see, .kl-row-listing .prdt_content:hover .kl-add-see
{
  left: 49%;
  bottom: 2%;
}

.kl-row-listing .prdt_content .kl-title-aff > a:hover {text-decoration: none;}
.kl-xts-item a.kl-add-see::after      { content: "Choisir"; }
.kl-xts-item button.kl-add-see::after { content: "Ajouter au panier"; }
/* --------------------------------------------------------------------------
   6. Accessibilité
   -------------------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
  .kl-xts-item .prdt_content,
  .kl-xts-item .kl-img-xts img,
  .kl-xts-item .kl-add-see,
  .pagination-wrapper .page-list li a {
    transition: none;
  }
  .kl-xts-item:hover .kl-img-xts img {
    transform: none;
  }
}

.kl-xts-item a:focus-visible {
  outline: 2px solid var(--tac-navy);
  outline-offset: 2px;
}







/********* PRODUCT CAROUSEL (slick) *********/

/* --------------------------------------------------------------------------
   1. Structure slick — hauteurs égalisées
   -------------------------------------------------------------------------- */

.slick-slider .slick-track {
  display: flex !important;
  align-items: stretch;
}

.slick-slider .slick-slide {
  height: auto !important;
  padding: .5rem;
}

.slick-slider .slick-slide > div,
.slick-slider .item.js-product-miniature {
  display: flex !important;
  height: 100%;
}

.slick-slider .slick-list {
  padding: 0 !important;
}

/* --------------------------------------------------------------------------
   2. Carte produit
   -------------------------------------------------------------------------- */

.slick-slider .item .prdt_content {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
  border: 1px solid var(--tac-line);
  border-radius: 2px;
  background: #fff !important;
  transition: border-color .18s ease, box-shadow .18s ease;
}

.slick-slider .item:hover .prdt_content {
  border-color: #c9c9d2;
  box-shadow: 0 2px 28px rgba(24, 13, 82, .19);
}

/* --------------------------------------------------------------------------
   3. Visuel
   -------------------------------------------------------------------------- */

.slick-slider .item .kl-img-xts {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 1 / 1;
  background: #fff !important;
}

.slick-slider .item .kl-img-xts img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  mix-blend-mode: normal;
  transition: transform .35s ease;
}

.slick-slider .item:hover .kl-img-xts img {
  transform: scale(1.02);
}

/* Zone cliquable */
.slick-slider .item .kl-see {
  position: absolute;
  inset: 0;
  z-index: 2;
  background: transparent;
  cursor: pointer;
  transition: background-color .18s ease;
}

.slick-slider .item:hover .kl-see {
  background:rgba(158, 96, 31, 0.12);
}

/* --------------------------------------------------------------------------
   4. Bouton d'action
   -------------------------------------------------------------------------- */

.slick-slider .item .kl-add-see {
  position: absolute;
  left: 50%;
  bottom: .625rem;
  z-index: 3;
  width: calc(100% - 1.25rem);
  padding: .5rem .75rem;
  border: 0;
  border-radius: 2px;
  background: var(--tac-navy);
  font-family: "Oswald", sans-serif;
    text-transform: uppercase;
  font-weight: 600;
  letter-spacing: .05em;
  text-align: center;
  text-decoration: none !important;
  white-space: nowrap;
  transform: translate(-50%, calc(100% + .75rem));
  opacity: 0;
  /* Masque le libellé anglais du template */
  font-size: 0 !important;
  line-height: 0;
  color: transparent !important;
  transition: transform .22s ease, opacity .22s ease, background-color .15s ease;
}

.slick-slider .item:hover .kl-add-see,
.slick-slider .item:focus-within .kl-add-see {
  transform: translate(-50%, 0);
  opacity: 1;
}

.slick-slider .item .kl-add-see:hover {
  background: var(--tac-navy-dark, #0f0836);
  box-shadow: none;
  transform: translate(-50%, 0);
}

.slick-slider .item .kl-add-see.hvr-sweep-to-right::before {
  background: #0b2f73f2 !important;
}

.slick-slider .item a.kl-add-see::after,
.slick-slider .item button.kl-add-see::after {
  display: block;
  font-size: 18px;
  line-height: 1;
  color: #fff !important;
}

.slick-slider .item a.kl-add-see::after      { content: "Choisir"; }
.slick-slider .item button.kl-add-see::after { content: "Ajouter au panier"; }

/* Le formulaire caché ne doit pas décaler la carte */
.slick-slider .item .kl-img-xts form.d-none {
  display: none !important;
}

@media (hover: none) {
  .slick-slider .item .kl-add-see {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  .slick-slider .item .kl-see {
    background: transparent;
  }
}

/* --------------------------------------------------------------------------
   5. Badges — empilés verticalement
   -------------------------------------------------------------------------- */

.slick-slider .item .kl-img-xts .kl-tag {
  position: absolute;
  left: .5rem;
  z-index: 4;
  margin: 0;
  padding: .25rem .5rem;
  border-radius: 20px;
  font-size: 10px !important;
  font-style: normal;
  letter-spacing: .04em;
  line-height: 1.2;
}

.slick-slider .kl-on-sale {display:none !important}
.slick-slider .item .kl-img-xts .kl-tag:nth-of-type(1) { top: .5rem; }
.slick-slider .item .kl-img-xts .kl-tag:nth-of-type(2) { top: 2.1rem; }
.slick-slider .item .kl-img-xts .kl-tag:nth-of-type(3) { top: 3.7rem; }

.slick-slider .item .kl-tag.kl-out_of_stock {
  background: #6e6e7c;
  color: #fff;
}

 .slick-track .kl-title-aff h3 {font-family: "Oswald", sans-serif !important;
  font-size: 20px !important;
    text-transform: uppercase !important;
  letter-spacing:-0.2px !important;
  font-weight: bold!important;
  margin-top: 10px!important; color:var(--tac-navy); text-align: left;
  min-height: auto;
}

.slick-slider .kl-title-aff {text-align: left}

.slick-slider .kl-title-aff span[itemprop="description"] {
  
margin-bottom: 0rem;
  font-family: "Arimo", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.3;
  color: var(--tac-muted);
  text-align: left;
  letter-spacing: 0px;
  padding: 0px!important;

}

.kl-aff-list .slick-slide {
  width: 320px !important;
}
/* --------------------------------------------------------------------------
   7. Prix
   -------------------------------------------------------------------------- */

.slick-slider .item .kl-title-aff ul {
  display: flex !important;
  align-items: baseline;
  flex-wrap: wrap;
  gap: .5rem;
  margin: auto 0 0 !important;
  padding: .4rem 0 0 !important;
  list-style: none;
}

.slick-slider .item .kl-title-aff ul li {
  display: block !important;
  font-family: "Arimo", sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--tac-ink);
  font-variant-numeric: tabular-nums;
  text-align: left;
}

/* Ancien prix barré */
.slick-slider .item .kl-title-aff .kl-price-promotion {
  font-size: 13px !important;
  font-weight: 400;
  color: #af1111 !important;
  text-decoration: line-through;
}

/* --------------------------------------------------------------------------
   8. Flèches et pagination slick
   -------------------------------------------------------------------------- */

.slick-slider .slick-arrow {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  padding: 0;
  border: 1px solid var(--tac-line);
  border-radius: 2px;
  background: #fff;
  color: var(--tac-navy);
  transform: translateY(-50%);
  transition: border-color .15s ease, background-color .15s ease, color .15s ease;
}

.slick-slider .slick-arrow::after {
  display: none;
}

.slick-slider .slick-arrow:hover {
  border-color: var(--tac-navy);
  background: var(--tac-navy);
  color: #fff;
  box-shadow: none;
  transform: translateY(-50%);
}

.slick-slider .slick-prev { left: -14px; }
.slick-slider .slick-next { right: -14px; }

.slick-slider .slick-dots {
  display: flex;
  justify-content: center;
  gap: .3rem;
  margin: 1rem 0 0;
  padding: 0;
  list-style: none;
  display:none
}

.slick-slider .slick-dots li {
  margin: 0;
  line-height: 0;
}

.slick-slider .slick-dots li button {
  width: 8px;
  height: 8px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--tac-line);
  font-size: 0;
  text-indent: -9999px;
  transition: background-color .15s ease, transform .15s ease;
}

.slick-slider .slick-dots li button::before {
  display: none;
}

.slick-slider .slick-dots li.slick-active button {
  background: var(--tac-navy);
  transform: scale(1.3);
}

/* --------------------------------------------------------------------------
   9. Accessibilité
   -------------------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
  .slick-slider .item .prdt_content,
  .slick-slider .item .kl-img-xts img,
  .slick-slider .item .kl-add-see,
  .slick-slider .item .kl-see,
  .slick-slider .slick-arrow {
    transition: none;
  }
  .slick-slider .item:hover .kl-img-xts img {
    transform: none;
  }
}

.slick-slider .item a:focus-visible {
  outline: 2px solid var(--tac-navy);
  outline-offset: 2px;
}















/********* CATEGORY SIDEBAR *********/

/* --------------------------------------------------------------------------
   1. Structure
   -------------------------------------------------------------------------- */


   #search_filters  .kl-bx-filter--item select {
  border: 2px solid #e5e5e5 !important;
  padding: 10px;
  font-size: 14px;
}

.block-categories .category-top-menu i {
  color: #999;
}
.kl-sidebar {
  padding-right: 1.5rem;
}

.kl-sidebar .kl-bx-filter {
  margin-bottom: 1.5rem;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

/* Titre de bloc : « Filtrer par », « Categories » */
.kl-sidebar .kl-title-sidebar {
  margin: 0 0 .75rem;
  padding: 0 0 .5rem;
  border-bottom: 2px solid var(--tac-navy);
  font-family: "Oswald", sans-serif;
  font-size: 20px;
  font-weight: 800;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: .02em;
  color: var(--tac-navy);
}

/* --------------------------------------------------------------------------
   2. Groupes de filtres
   -------------------------------------------------------------------------- */

.kl-sidebar .kl-bx-filter--item {
  margin-bottom: 1rem;
  padding-bottom: .875rem;
  border-bottom: 1px solid var(--tac-line);
}

.kl-sidebar .kl-bx-filter--item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.kl-sidebar .kl-title-filter {
  margin: 0 0 .5rem;
  font-family: "Arimo", sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--tac-muted);
}

/* --------------------------------------------------------------------------
   3. Lignes de filtre — compactes
   -------------------------------------------------------------------------- */

.kl-sidebar .kl-price-interval {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.kl-sidebar .kl-price-interval p {
  display: flex;
  align-items: center;
  gap: .5rem;
  margin: 0;
  padding: .25rem .35rem;
  border-radius: 2px;
  line-height: 1.3;
  transition: background-color .15s ease;
}

.kl-sidebar .kl-price-interval p:hover {
  background: var(--tac-wash);
}

/* Case à cocher */
.kl-sidebar .kl-price-interval input[type="checkbox"] {
  flex: 0 0 15px;
  width: 15px;
  height: 15px;
  margin: 0;
  accent-color: var(--tac-navy);
  cursor: pointer;
}

/* Libellé */
.kl-sidebar .kl-price-interval label {
  flex: 1 1 auto;
  margin: 0;
  font-family: "Arimo", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.3;
  color: var(--tac-ink);
  cursor: pointer;
  transition: color .15s ease;
}

.kl-sidebar .kl-price-interval p:hover label {
  color: var(--tac-navy);
}

/* Compteur entre parenthèses : atténué */
.kl-sidebar .kl-price-interval label {
  position: relative;
}

.kl-sidebar .kl-price-interval input[type="checkbox"]:checked + label {
  font-weight: 700;
  color: var(--tac-navy);
}

/* --------------------------------------------------------------------------
   4. Bloc catégories
   -------------------------------------------------------------------------- */

.kl-sidebar .block-categories {
  margin-bottom: 1.5rem;
}

.kl-sidebar .category-top-menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

.kl-sidebar .category-top-menu > li {
  margin: 0;
  list-style: none;
}

/* Catégorie courante, en tête de liste */
.kl-sidebar .category-top-menu > li > a.h6 {
  display: block;
  margin: 0 0 .375rem;
  padding: 0;
  font-family: "Oswald", sans-serif;
  font-size: 15px;
  font-weight: 600;
    text-transform: uppercase;
  letter-spacing: .02em;
  line-height: 1.2;
  color: var(--tac-ink);
  text-decoration: none;
}

/* Sous-catégories */
.kl-sidebar .category-sub-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  border-left: 1px solid var(--tac-line);
}

.kl-sidebar .category-sub-menu li {
  margin: 0;
  list-style: none;
}

.kl-sidebar .category-sub-menu li > a {
  position: relative;
  display: block;
  margin: 0;
  padding: .3rem .5rem .3rem .75rem;
  font-family: "Arimo", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.3;
  color: var(--tac-ink);
  text-decoration: none;
  transition: color .15s ease, background-color .15s ease;
}

/* Liseré navy révélé au survol, comme les lignes du panier */
.kl-sidebar .category-sub-menu li > a::before {
  content: "";
  position: absolute;
  top: 0;
  left: -1px;
  width: 2px;
  height: 100%;
  background: var(--tac-navy);
  transform: scaleY(0);
  transform-origin: top;
  transition: transform .18s ease;
}

.kl-sidebar .category-sub-menu li > a:hover {
  background: var(--tac-wash);
  color: var(--tac-navy);
  text-decoration: none;
  transform: none;
}

.kl-sidebar .category-sub-menu li > a:hover::before {
  transform: scaleY(1);
}

/* Niveaux imbriqués éventuels */
.kl-sidebar .category-sub-menu .category-sub-menu {
  margin-left: .75rem;
}

/* --------------------------------------------------------------------------
   5. Accordéon mobile
   -------------------------------------------------------------------------- */

.kl-sidebar .kl-acc-item,
.faceted-mobiles .kl-acc-item {
  margin-bottom: .5rem;
  border: 1px solid var(--tac-line);
  border-radius: 2px;
  overflow: hidden;
}

.faceted-mobiles .kl-acc {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: .75rem 1rem;
  border: 0;
  background: var(--tac-wash);
  font-family: "Oswald", sans-serif;
  font-size: 15px;
  font-weight: 600;
    text-transform: uppercase;
  letter-spacing: .02em;
  color: var(--tac-navy);
  text-align: left;
  cursor: pointer;
  transition: background-color .15s ease;
}

.faceted-mobiles .kl-acc::after {
  content: "＋";
  font-family: "Arimo", sans-serif;
  font-size: 14px;
  color: var(--tac-muted);
  transition: transform .2s ease;
}

.faceted-mobiles .kl-acc.active::after {
  content: "－";
}

.faceted-mobiles .kl-acc:hover {
  background: #eeeef2;
  box-shadow: none;
  transform: none;
}

.faceted-mobiles .kl-panel {
  margin: 0;
  padding: .5rem .75rem;
  border: 0;
}

.faceted-mobiles .kl-price-interval p {
  padding: .3rem .35rem;
}

/* --------------------------------------------------------------------------
   6. Mobile
   -------------------------------------------------------------------------- */

@media (max-width: 1199px) {
  .kl-sidebar {
    padding-right: 0;
    margin-bottom: 1.5rem;
  }
}

/* --------------------------------------------------------------------------
   7. Accessibilité
   -------------------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
  .kl-sidebar .kl-price-interval p,
  .kl-sidebar .category-sub-menu li > a,
  .kl-sidebar .category-sub-menu li > a::before,
  .faceted-mobiles .kl-acc {
    transition: none;
  }
}

.kl-sidebar a:focus-visible,
.kl-sidebar input:focus-visible,
.kl-sidebar button:focus-visible {
  outline: 2px solid var(--tac-navy);
  outline-offset: 2px;
}




/********* SUB-CATEGORIES *********/

/* --------------------------------------------------------------------------
   1. En-tête du bloc
   -------------------------------------------------------------------------- */

.kl-sub-categories {
  margin: 1.5rem 0 2rem;
  padding: 0;
}

.kl-sub-categories h2 span {display:none}
.kl-sub-categories h2 {
  margin: 0 0 .2rem;
  font-family: "Oswald", sans-serif;
  font-size: 26px;
  font-weight: 600;
    text-transform: uppercase;
  line-height: 1;
  letter-spacing: .02em;
  color: var(--tac-navy);
  text-align: left;
}

.kl-sub-categories h2 span {
  font-weight: 600;
  color: var(--tac-muted);
}

.kl-sub-categories h2::after {
  display: none;
}

.kl-sub-categories .kl-subtitle {
  margin: 0 0 1rem;
  padding: 0 0 .625rem;
  border-bottom: 1px solid var(--tac-line);
  font-family: "Arimo", sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: var(--tac-muted);
  text-align: left;
}

/* --------------------------------------------------------------------------
   2. Grille — on neutralise les colonnes Bootstrap du template
   -------------------------------------------------------------------------- */

.kl-sub-categories > .row {
  margin: 0;
  justify-content: flex-start !important;
}

.kl-sub-categories .kl-sub-categories-list {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  flex: 0 0 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
}

/* Le offset-1 du template décale et casse l'alignement */
.kl-sub-categories .kl-sub-categories-list > div[class*="col-"] {
  flex: 0 0 calc(20% - .4rem);
  max-width: calc(20% - .4rem);
  margin: 0 !important;
  padding: 0;
}

@media (max-width: 1199px) {
  .kl-sub-categories .kl-sub-categories-list > div[class*="col-"] {
    flex: 0 0 calc(25% - .375rem);
    max-width: calc(25% - .375rem);
  }
}

@media (max-width: 767px) {
  .kl-sub-categories .kl-sub-categories-list > div[class*="col-"] {
    flex: 0 0 calc(50% - .25rem);
    max-width: calc(50% - .25rem);
  }

  .item.slick-slide:not(.slick-active) {
    opacity: 1 !important;
  }
    .slick-slider .slick-track .item, .slick-slider .slick-list .item {
  padding: 15px 15px;
}
}

@media (max-width: 479px) {
  .kl-sub-categories .kl-sub-categories-list > div[class*="col-"] {
    flex: 0 0 calc(50% - .25rem);
    max-width: calc(50% - .25rem);
    
  }

}
.kl-add-to-cart {font-size: 111%; text-transform: uppercase;}
.slick-dots {display:none !important}
.kl-aff-list .kl-title-aff p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0 0 .2rem;
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  font-weight: 600;
    text-transform: uppercase;
  line-height: 1;
  letter-spacing: -0.05px;
  color: var(--tac-navy);
  text-align: left;
  transition: opacity .15s ease;

}

/* --------------------------------------------------------------------------
   3. Tuile — horizontale
   -------------------------------------------------------------------------- */

.kl-sub-categories .kl-sub-categories-list a {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  height: 100%;
  min-height: 48px;
  overflow: hidden;
  border: 1px solid var(--tac-line);
  border-radius: 2px;
  background: #fff;
  text-decoration: none !important;
  transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
}

.kl-sub-categories .kl-sub-categories-list a:hover {
  border-color: var(--tac-navy);
  background: var(--tac-wash);
  box-shadow: 0 2px 10px rgba(24, 13, 82, .08);
  transform: none;
  text-decoration: none;
}

/* --------------------------------------------------------------------------
   4. Vignette à gauche — disparaît totalement si vide
   -------------------------------------------------------------------------- */
.kl-sub-categories-list > div {
  height: 75px;
  border: solid 2px #eaeaea;
  background-color: #fff;
}
.kl-sub-categories .kl-img {
  flex: 0 0 48px;
  width: 48px;
  overflow: hidden;
  border-right: 0px solid var(--tac-line);
}

.kl-sub-categories .kl-img:empty {
  display: none;
}

.kl-sub-categories .kl-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .35s ease;
}

.kl-sub-categories a:hover .kl-img img {
  transform: scale(1.06);
}

/* --------------------------------------------------------------------------
   5. Libellé à droite
   -------------------------------------------------------------------------- */

.kl-sub-categories .kl-sub-categories-list h3 {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  padding: .5rem .625rem;
  font-family: "Oswald", sans-serif;
  font-size: 16px;
  font-weight: 600;
    text-transform: uppercase;
  line-height: 1.15;
  letter-spacing: .01em;
  color: var(--tac-navy);
  text-align: left;
  transition: color .15s ease;
}

/* Chevron : présent dans les deux cas */
.kl-sub-categories .kl-sub-categories-list h3::after {
  content: "›";
  flex: 0 0 auto;
  margin-left: auto;
  padding-left: .4rem;
  font-family: "Arimo", sans-serif;
  font-size: 16px;
  line-height: 1;
  color: var(--tac-line);
  transition: color .15s ease, transform .15s ease;
}

.kl-sub-categories a:hover h3::after {
  color: var(--tac-navy);
  transform: translateX(2px);
}

/* --------------------------------------------------------------------------
   6. Accessibilité
   -------------------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
  .kl-sub-categories .kl-sub-categories-list a,
  .kl-sub-categories .kl-img img,
  .kl-sub-categories .kl-img:empty + h3::after {
    transition: none;
  }
  .kl-sub-categories a:hover .kl-img img {
    transform: none;
  }
}

.kl-sub-categories a:focus-visible {
  outline: 2px solid var(--tac-navy);
  outline-offset: 2px;
}


/**** CATEGORY SECTION TOP ****/

.kl-category-section .kl-intro {padding: 20px 0 0px;}
.kl-category-section {background: #fff;}
.kl-category-section .kl-intro h1 {font-family: "Oswald", sans-serif; font-size: 60px; font-weight: 800; color: var(--tac-navy); text-align: left; margin-bottom: 20px; text-transform: uppercase; line-height: 1em; letter-spacing: -2px;}

#category .kl-main-content {padding-top: 30px; padding-bottom: 80px}

.kl-category-section img {
  position: absolute;
  opacity: 0.3;object-fit: contain;
}




.kl-sub-categories-list a .kl-img {margin: 0px 0;}
.kl-category-section .kl-intro p {color:var(--tac-muted)}
.kl-category-section #category-description {margin-top: 20px; font-family: "Arimo", sans-serif; font-size: 14px; font-weight: 400; color: var(--tac-muted); text-align: left; line-height: 1.5;max-width: 50%;}
.kl-category-section .kl-intro .kl-see-more
 {
  font-size: 10px;
  font-weight: 700 !important;
  letter-spacing: 1px;
  text-align: left;
  color: #666;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  font-family: 'Arimo';
  width: 100%;}


/********* HOMEPAGE *************/









/***************** CMS *************/

#cms #content-wrapper {
  padding-top: 50px;
  padding-bottom: 80px;
}
#cms h2, #cms h3, #cms h4 {font-family : "Arimo"; margin-bottom:5px; margin-top:20px; font-weight:bold}
#cms h1 {font-size:50px !important;}
#cms h2 {font-size:32px !important;}
#cms h3 {font-size:26px !important;}
#cms h4 {font-size:20px !important;}
#cms .page-header {margin-bottom:30px}














.wsanimated-arrow span::before, .wsanimated-arrow span::after {
  background: #fff;
}
 .wsmobileheader .wssearch {
  color: #fff;
}

/**************** RESPONSIVE ****************/


@media (min-width: 1200px) {
  .wsmenu > .wsmenu-list > li:hover > .wsmegamenu {
    min-width: 900px;
    margin-top: -10px;
  }
}

@media (max-width: 1200px) {
.wsmenu > .wsmenu-list {background: #110E0C !important;}


   .kl-content-box .kl-title-h2 {
    font-size: 39px !important;
    line-height: 1em;
  }

   .kl-bx-content h2 {
    font-size: 35px;
    line-height: 1;
  }
.navbar-expand-lg.navbar-light.kl-nav-menu {
  padding: 00px 0;
  background: #fff;
}
.wsmobileheader {top: 34px !important;background: #110E0C;}
.is-fixed .wsmobileheader {top: 0px !important;}
.homelogo {
  max-width: 170px;
  margin-top: 7px;
}

 .wsmenu > .wsmenu-list > li > .wsmenu-click > i {color: #E94E1B !important;}
.wsmenu > .wsmenu-list > li > a {
  font-size: 13px;
  background: #110E0C ;
  line-height: 1.2em;
}
.header-log {display:none}
.wsmenu > .wsmenu-list > li .wstliststy02 li.wstheading a {
  font-size: 13px; 
}
.wsmenu > .wsmenu-list > li:hover > .wsmegamenu {background: #e9e9e9;}
.wsmenucontainer .wsmenu > .wsmenu-list > li a i {font-size:18px}
  .wsmobileheader .wssearch.wsopensearch {
    width: 100%;
    background-color: #141f7e;
    text-align: center;
  }
.wsmobileheader .wssearchform form {
    width: calc(100% - 10px);
    display: block;
    position: relative;
  }

}

.none {display:none !important}
/* #psImageSliderCarousel {display:none} */
a.kl-more-slide {margin-top: 0px; width:100%}
.ps_imageslider .carousel-caption {width: 100%;}
.kl-slide-home .carousel-indicators li.active {display:none}

.kl-slick-product.ps_specials {padding-top: 30px;}
.wsmenu > .wsmenu-list > li > ul.sub-menu {top: 36px;}
.mobcar {max-height: 60vh;}
.mobcar img {margin-top:-70px}
@media (max-width: 767px) {
  .kl-slide-home .carousel-item {
    height: 40vh;
    max-height: 480px;
    overflow: hidden;
  }
.mobcar img {margin-top:-0px}
  .kl-slide-home .carousel-item a,
  .kl-slide-home .carousel-item > a > img {
    display: block;
    width: 100%;
    height: 100%;
  }

  .kl-slide-home .carousel-item img {
    object-fit: cover !important;
    object-position: center 30%;
  }

  

  .ets_multilayerslider {display:none}
#psImageSliderCarousel {display:block}
  .kl-filter-mob {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70%;
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0 auto;
  }
  .kl-acc-item {
  margin-bottom: 9px;
}
  .kl-category-section #category-description {max-width: 100%;}
  .cart-grid-right {
    margin-top: 1.25rem;
    margin-bottom: 11.25rem;
    padding-top: 20px;
  }
.kl-tel-top-header  {display:none}
.tac-band{
  text-align: center;
  line-height: 1.5;
    font-size: 16px;
}
 .navbar.navbar-expand-lg.kl-nav-menu.sticky_menu {
    padding-bottom: 30px;
  }

  #product-modal .modal-content .modal-body .image-caption {
  width: 800px;
  padding: 0px;
  background: transparent;
  border-top: #f1f1f1 0px solid;
}
#product-modal{padding-top: 130px;}
  .kl-footer p {
    margin-top: 60px;
    margin-bottom: 10px;
  }
  .kl-block-service .col-md-3 p {
  font-size: 16px;}
  .kl-block-service span {
  font-size: 12px;
  line-height: 1.2;
  margin-bottom: 60px;
}

.kl-block-service figure {
  min-height: auto;
}
  section#main {
    padding-right: 0px;
    padding-left: 0px;
  }
.seopresta_reinsurance .kl-title-h2  { letter-spacing: -1px; font-size: 35px;}
}





@media (max-width: 575px) {

#search_widget .btn {width:100%}
.kl-details-product h1 {
  font-size: 29px;}

  .kl-details-product .kl-price-note {
  margin-bottom: 0.5rem;
}
.form-group {
  margin-bottom: 5px;
}

.mobcar {
  max-height: 38vh;
}

}


@media (max-width: 575.98px) {
  .cart-grid-body .cart-overview {
    padding: 0;
  }
}

@media (max-width: 375px) {
  .kl-details-product div[class*="col-"] {
    text-align: inherit !important;
  }
}
@media (max-width: 350px) {
body {min-width: 350px;}


}