:root {
    --white-color: #fff;
    color-scheme: only light;
}

*::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }
   
*::-webkit-scrollbar-track {
    background-color: var(--primary-025);
}
   
*::-webkit-scrollbar-thumb {
    background-color: var(--primary-color);
}

html {
    scroll-behavior: smooth;
}

.d-flex{
    display: flex;
}

.align-start{
    align-items: flex-start;
}

.align-center{
    align-items: center;
}

.align-end{
    align-items: flex-end;
}

.justify-start{
    justify-content: flex-start;
}

.justify-center{
    justify-content: center;
}

.justify-between{
    justify-content: space-between;
}

.justify-evenly{
    justify-content: space-evenly;
}

.justify-end{
    justify-content: flex-end;
}

.wrap{
    flex-wrap: wrap;
}

.no-wrap{
    flex-wrap: nowrap;
}

.column{
    flex-direction: column;
}

.column-reverse{
    flex-direction: column-reverse;
}

.row{
    flex-direction: row;
}

.row-reverse{
    flex-direction: row-reverse;
}

.text-primary {
    color: var(--primary-color);
}
.text-center {
    text-align: center;
}

.header-left-div{
    margin-top: 0;
}

.header-wrap-logo{
    padding: 0 15px;
}

.header-item.header-item-phone {
    font-family: var(--font-text);
}

.header-item span {
    font-size: 13px;
}

.header-right-div > .header-down-div > .header-menu-bottom {
    width: 23%;
}

.crisp-order .crisp-client,
.breadcrumb-wrapper::before,
.crisp-order #axeptio_overlay,
.two-search-detail-block-btn-subtitle,
.menu-popup > .menu-item-see-more:first-child,
.menu-item-list-item .menu-item-list-item-see-more.first,
.machinePage-wrapper>.machineDetails .machineDetails-ref,
.machinePage-wrapper>.machineDetails .machineDetails-brand,
.piecesList .tools-bar-top .tools-bar .pagination .btn-pagination,
.machine-pieces-grid .pieces-plugs .piecePlug.vertical .customerPrice-tax,
.machine-pieces-grid .pieces-plugs .searchPiece-plug .customerPrice-tax,
.wrap-filters-help, filters-count,
.header-wrap-triple-filter .headerTripleFilter .search-form-content .search-form .searchDetailBlock .search-detail-block-buttons .search-detail-block-btn-subtitle  {
    display: none;
}

.btn-pagination  div,
.two-filter-search .searchDetailBlock,
#upsRelaypoint .SearchRelayPoints .d-flex {
    display: flex;
}

.btn-pagination,
.tutorials .row,
.header-left-div,
.two-filter-search,
.requestValidatePage,
.coinSearch  .coinSearch-wrap,
#upsRelaypoint .search_ups_option,
.two-search-detail-block-btn-title,
.breadcrumb-wrapper .breadcrumb-back,
.machinePage-wrapper>.machineDetails .d-flex,
.blog-sliders .blog_post .blog_post_title span,
.header-wrap-triple-filter .headerTripleFilter .search-form-content .search-form .searchDetailBlock{
    display: flex;
    align-items: center;
}

.breadcrumb-wrapper .breadcrumb-back::before{
    content: 'chevron_left';
    margin: 0;
}

.breadcrumb-wrapper .breadcrumb-links,
.header-wrap-triple-filter .headerTripleFilter .search-form-content .search-form select {
    padding: 0;
    margin: 0;
}

.breadcrumb-wrapper a {
    font: 400 11px/18px var(--font-text);
}

.home-slider {
    justify-content: space-between;
    min-height: 530px;
}

.home-slider .home-slider-right{
    padding: 0;
    width: 70%;
    position: relative;
}

.home-slider .home-slider-left .homeSlider-title {
    display: block;
    margin-bottom: 15px;
    font: 700 60px/60px var(--font-title);
}

.headerSearchBar-input {
    font-size: 11px;
}

.home-slider .home-slider-left .homeSlider-title span {
    color: var(--primary-color);
}

.home-slider .home-slider-left{
    max-width: 690px;
    width: 100%;
}

.home-slider .home-slider-right  a {
    display: block;
    width: 100%;
    height: 100%;
}

.home-slider .home-slider-right .homeSlider-side-picture { 
    width: auto;
    height: 100%;
    position: absolute;
    display: block;
    left: 3vw;
    transform: translate(50px, 0px);
}

.promo-slider .img_slider img.img_slider {
    border-radius: 10px;
}

.chosen-select{
    width: 100%;
    text-indent: 8px;
    border: none    ;
}

.chosen-container, .search-detail-block-btn {
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
}

.reinsurance{
    background-color:var(--primary-010);
    box-shadow: 0px 5px 24px 0px #0000001A;
    border-radius: 10px;
    padding: 40px 20px;
}
     
.reinsurance-item{
    background-color:#FFF;
    box-shadow: 0px 5px 24px 0px #0000001A;
    padding:19px 13px 19px 13px;
    border-radius:12px;
    height:90px;
    max-width: 250px;
    width: 100%;
    justify-content: center;
}
.reinsurance-name{
    color:#595959;
    font-size:18px;
    line-height:18px;
    font-weight: 500;
    width: auto;
    font-family: var(--font-title);
}
     
.reinsurance-name span{
    display:block;
    color: var(--primary-color);
    font-weight: 700;
}

.brandsList-list {
    justify-content: center!important;
}
.brandsList-item {
    width: 175px; 
    background-color: #FFF;
    border-radius: 8.84px;
    box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.10);
    padding: 10px;
}

.brandsList-item img{
    width: 100%;
    height: 50px;
}

.brandsList-link {
    background-color: var(--primary-color);
    color: #FFF;
    line-height: 1;
    transition: all 0.5s ease-in-out;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
    font: 500 13px/18px var(--font-text);
    text-transform: uppercase;
}

.brandsList-link:hover {
    color: var(--primary-color);
    background-color: #FFF;
}

.global-btn,
.search-detail-block-btn,
.search-detail-block-buttons {
    background-color: var(--primary-color);
    color: #FFF;
    transition: all 0.5s ease-in-out;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
    border: 1px solid var(--primary-color);
    cursor: pointer;
    border-radius: 24px;
}
a.two-search-detail-block-btn{
    background-color: var(--primary-color);
    color: #fff;
    border-radius: 24px;
    min-height: 48px;
    display: flex;
    justify-content: center !important;
}

.global-btn:hover,
a.search-detail-block-btn:hover,
.search-detail-block-buttons:hover {
    color: var(--primary-color);
    background-color: #FFF;
}

.thankyou-block {
    background-color: var(--secondary-020);
    padding: 30px;
}

.thankyou-block .title-block {
    max-width: 620px!important;
    width: 100%;
    margin: 0 auto;
}

.thankyou-block .title-block h2 {
    font-size: 36px;
    font-family: var(--font-title);
    line-height: 1;
}

.thankyou-block .row,
.cartSummary-estimation-click  {
    max-width: var(--width);
    width: 100%;
    margin: 30px auto;
}

.thankyou-block .list {
    display: flex;
    justify-content: space-between;
}

.thankyou-block .list .list-card{
    width: 300px;
    text-align: center;
}

.thankyou-block .list .list-card .image{
	display: block;
    background-color: var(--primary-color);
    border-top-right-radius: 25px;
    border-bottom-left-radius: 25px;
    box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.10);
    padding: 10px;
    padding-bottom: 0;
    margin-bottom: 30px;
}

.thankyou-block .list .list-card:nth-child(2) .image{
    background-color: var(--secondary-085);
}

.thankyou-block .list .list-card:nth-child(3) .image{
    background-color: var(--tertiary-color);
}

.thankyou-block .list .list-card:nth-child(3) .image img{
    margin-bottom: -3px;
}

.thankyou-block .list .list-card .image img{
    width: 250px;
    height: 250px;
    object-fit: contain;
    aspect-ratio: 1/1;
}

.thankyou-block .list .list-card .list-content h3{
    font-size: 24px;
    font-family: var(--font-title);
    font-weight: 700;
    line-height: 1;
    margin-bottom: 10px;
}

.thankyou-block .list .list-card .list-content p{
    font-size: 16px;
    color: #595959;
}

.refurbishedSlider .refurbishedSlider-head .refurbishedSlider-title {
    margin-top: 30px;
}

.service-submit a.global-btn {
    margin: 0 auto;
    margin-bottom: 30px;
    width: 240px;
}

.tutorials {
    background: #fff;
    position: relative;
    padding: 20px 0;
    margin: 40px 0;
}

.tutorials:before{
    content: '';
    width: 55%;
    background: var(--primary-025);
    top: 0;
    right: 0;
    left: auto;
}

.tutorials .row{
    max-width: var(--width);
    width: 97%;
    margin: 10px auto;
    justify-content: space-between;
    padding: 0 15px;
}

.tutorials .row .tutorial-content{
    max-width: 360px;
    width: 100%;
}

.tutorials .row .tutorial-content h4{
    font: 700 36px/1 var(--font-title);
    color: var(--secondary-color);
    margin-bottom: 10px;
}

.tutorials .row .tutorial-content p{
    font-size: 16px;
    color: #595959;
    margin-bottom: 20px;
}

.tutorials .row .blog-sliders {
    width: 65%;
}

.blog-sliders .slick-slide{
    background-color: #FFF;
    border-radius: 30px;
    padding: 5px;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
    margin: 20px;
}

.blog-sliders .blog_post .blog_post_img img{
    width: 100%;
    height: 180px;
    border-radius: 30px;
    margin-bottom: 10px;
    object-fit: cover;
}

.blog-sliders .blog_post .blog_post_title {
    padding: 0 10px;
}

.blog-sliders .blog_post .blog_post_title span{
    font-size: 10px;
}
.blog-sliders .blog_post .blog_post_title span svg{
    margin-right: 5px;
}

.blog-sliders .blog_post .blog_post_title a{
    font: 700 18px/18px var(--font-title);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 5px;
}

.whoAreWe {
    padding: 0 15px;
}

.pieceDetails-characteristic-row, 
.whoAreWe .whoAreWe-left .whoAreWe-image {
    height: auto;
}

.whoAreWe .whoAreWe-right {
    padding: 0;
}

 .requestValidatePage {
     margin-top: 100px;
     margin-bottom: var(--margin);
     padding: 0 20px;
     text-align: center;
 }

 .requestValidatePage-content {
     margin: 0 auto;
     max-width: 680px;
     padding: 40px 60px;
     border-radius: 20px;
     box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
 }

 .requestValidatePage-title {
     font: 700 36px/1 var(--font2);
     color: var(--primary-color);
 }

 .requestValidatePage-icon {
     width: 120px;
     height: 120px;
     border-radius: 50%;
     border: 8px solid var(--secondary-color);
     margin: 30px auto;
 }

 .requestValidatePage-icon:after {
     position: absolute;
     content: '';
     top: 32px;
     left: 26px;
     width: 54px;
     height: 30px;
     border: 8px solid var(--primary-color);
     border-width: 0 0 8px 8px;
     transform: rotate(-45deg);
 }

 .requestValidatePage-text {
     font: 400 16px/18px var(--font1);
     color: #595959;
     margin: 30px 0;
 }

 .requestValidatePage-text p {
    margin: 16px 0;
}

 .requestValidatePage-link {
     display: inline-block;
     padding: 20px 30px;
     background: var(--light);
     border-radius: 10px;
 }

 .requestValidatePage-link {
     font: 400 24px/1 var(--font2);
     color: var(--primary-color);
 }

 .requestValidatePage {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     margin: 0 auto;
     z-index: 9;
     background-color: rgba(255, 255, 255, 0.7);
     justify-content: center;
     height: 100vh;
     backdrop-filter: blur(8px);
 }

 .requestValidatePage-content {
     margin: 0 auto;
     max-width: 680px;
     padding: 40px;
     border-radius: 20px;
     background-color: #FFF;
     box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
     text-align: center;
 }

 .requestValidatePage-title {
     font: 700 36px/1 var(--font-title);
     color: var(--primary-color);
 }

 .requestValidatePage-link {
     font: 400 24px/1 var(--font-title);
     color: var(--primary-color);
 }

 .requestValidatePage-link {
     display: inline-block;
     padding: 20px 30px;
     background: var(--primary-005);
     border-radius: 10px;
 }

 .requestValidatePage-link:hover {
     background: var(--primary-color);
     color: #FFF;
 }

 .coinSearch {
    padding: 60px 15px;
 }

 .coinSearch  .coinSearch-wrap {
    max-width: var(--width);
    background-color: var(--secondary-color);
    border-radius: 10px;
    padding: 40px;
    margin: 40px auto;
    position: relative;
 }

 .coinSearch  .coinSearch-wrap .coinSearch-text{
    text-align: left;
    max-width: calc(100% - 343px);
    margin: 20px 15px;
 }

 .coinSearch  .coinSearch-wrap .coinSearch-text h3{
    font: 700 36px/36px var(--font-title);
    color: #FFF;
    margin-bottom: 10px;
 }

 .coinSearch  .coinSearch-wrap .coinSearch-text p{
    font-size: 16px;
    color: #FFF;
    font: 400 16px/16px var(--font-text);
    margin-bottom: 5px;
 }

 .coinSearch  .coinSearch-wrap .coinSearch-text button{
    background-color: #FFF;
    color: var(--secondary-color);
    text-transform: uppercase;
    font: 700 14px/14px var(--font-text);
    border: 0;
    border-radius: 20px;
    padding: 10px 30px;
    margin-top: 20px;
    width: 190px;
 }

 .coinSearch  .coinSearch-wrap .coinSearch-image {
    position: absolute;
    bottom: 0;
    width: 280px;
    height: auto;
    right: 60px;
 }

.footer .trustpilot-content .trustpilot-widget {
    transform: scale(1.5);
}

.whatIsSwap .whatIsSwap-wrapper .whatIsSwap-text{
    font: 400 13px/14px var(--font-text);
}

.machinePage-wrapper {
    gap: 0;
}

.machinePage-wrapper .picturesSlider .picturesSlider-view {
    max-width: 204px;
    border-radius: 10px;
    box-shadow: 0px 3.41px 17.049px 0px rgba(0, 0, 0, 0.10);
}

.machinePage-wrapper .picturesSlider .picturesSlider-list {
    border-radius: 10px;
}

.machinePage-wrapper .picturesSlider .picturesSlider-view img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    aspect-ratio: 1/1;
}

.machinePage-wrapper>.machineDetails {
    max-width: calc(100% - 240px);
    width: 100%;
    background: var(--primary-005);
    padding: 30px;
    border-radius: 10px;
}

.machinePage-wrapper>.machineDetails .machineDetails-name {
    font: 700 36px/1 var(--font-title);
    color: var(--secondary-color);
    margin: 0;
    margin-bottom: 30px;
}

.machinePage-wrapper>.machineDetails .machineDetails-name span{
    color: var(--primary-color);
}

.machinePage-wrapper>.machineDetails .d-flex a {
    margin-top: 0;
    border-radius: 10px;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
    display: block;
    width: auto;
    font: 400 16px/16px var(--font-text);
}

.machinePage-wrapper>.machineDetails .d-flex a.pointer {
    background-color: #FFF;
    padding: 12px 20px;
    margin-left: 25px;
}


.machinePage-notice-wrapper {
    padding: 20px;
    position: relative;
}

.machinePage-notice-wrapper img {
    display: block;
    margin: 0 auto;
}

.machinePage-notice-wrapper:after{
    content: '';
    width: 100%;
    height: 80px;
    display: block;
    background-color: var(--primary-010);
    border-radius: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.machinePage-notice-wrapper .global-btn {
    padding: 5px 12px;
    width: 100%;
    border-radius: 20px;
    height: 36px;
    font: 400 13px/13px var(--font-text);
}

.machinePage-notice-wrapper .global-btn img{
    height: 24px;
    margin: 0;
}

.wrap-filters {
    background: #FFF;
}
.filters-wrap-list{
    padding: 0 !important;
}
.filters-title{
    font: 700 15px / 21px var(--font-title) !important  ;
    padding: 13px 0;
	background: white;
}
.filters-characteristics{
    background-color:  #FFF !important;
    margin: 0 -20px 15px !important;
    padding: 13px 17px !important;
}
.filters-nb-pieces{
    margin-bottom: 10px !important;
}
.list-filters{
    box-shadow: 0px 4px 20px 0px #0000001A;
    border-radius: 10px !important;
    padding: 20px !important;
}
.machine-pieces-grid .pieces-plugs {
    gap: 1.5%
}

.machine-pieces-grid .pieces-plugs .piecePlug.vertical,
.machine-pieces-grid .pieces-plugs .searchPiece-plug{
    width: 23.8%;
    margin-bottom: 30px;
    border: 0;
    border-radius: 8px;
    box-shadow: 0px 3.473px 13.025px 0px rgba(0, 0, 0, 0.10);
    padding: 15px 20px 20px;
}

.machine-pieces-grid .pieces-plugs .piecePlug.vertical .piecePlug-name,
.machine-pieces-grid .pieces-plugs .searchPiece-plug .piecePlug-name{ 
    font: 700 13px/15px var(--font-text);
    text-transform: uppercase;
    color: #222;
}

.wrap-modified-checkbox label:before {
    border-radius: 3px;
}

.machine-pieces-grid.wrap-shop .wrap-left {
    min-width: 260px;
    width: 260px;
}

.piecesList .tools-bar-top .tools-bar {
    width: calc(100% - 280px);
    margin-left: auto;
}

.piecesList .tools-bar-top .tools-bar,
.piecesList .tools-bar-top .tools-bar .pagination,
.piecesList .tools-bar-top .tools-bar .pointer{
    border: 0;
}

.footer .footer-wrapper .footer-columns .order-one-mobile {
    max-width: 380px;
    width: 100%;
}

.footer .footer-wrapper .footer-columns .order-one-mobile .footer-text a.footer-link{
    font: 700 24px/1 var(--font-title);
}
.piecePlugV2-picture,
.piecePlug-picture img,
.pieceDetails-tutos .pieceTabs-tutos-wrap .pieceTabs-tutos-img{
    margin: 0 auto;
    display: block;
}

#upsRelaypoint {
    width: 97%!important;
    position: relative;
    display: inline-block;
    margin: 10px;
    background-color: transparent;
    border-radius: 5px;
    border: 1px solid #bbbb;
    overflow: auto;
}

#upsRelaypoint .SearchRelayPoints p {
    font-weight: 500;
    margin-bottom: 10px;
}

#upsRelaypoint .SearchRelayPoints {
    padding: 10px 20px;
}

#upsRelaypoint .SearchRelayPoints .d-flex input{
    width: 100%;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #C8C8C8;
    text-indent: 10px;
    padding-right: 10px;
}

#upsRelaypoint .SearchRelayPoints .d-flex button{
    background-color: var(--primary-color);
    color: #fff;
    border-radius: 5px;
    padding: 0 10px;
    margin-left: -5px;
}

#upsRelaypoint #itjlMap {
    height: 400px!important;
    border-radius: 5px;
    width: 93%;
    margin: 0 auto;
    margin-bottom: 15px;
}

#upsRelaypoint .search_ups_option {
    border: 1px solid #C8C8C8;
    width: 93%;
    height: 40px;
    margin: 15px auto;
    border-radius: 5px;
    padding: 2px;
}

#upsRelaypoint .search_ups_option button {
    width: 98%;
    background-color: transparent;
    font-family: var(--font-text);
    font-size: 16px;
    height: 36px;
}

#upsRelaypoint .SearchRelayPoints p,
#upsRelaypoint #listRelayPoints .row,
#upsRelaypoint #selectedRelayPoint .contact-card .contact-details p {
    font-family: var(--font-text);
    font-size: 13px;
}

#upsRelaypoint #listRelayPoints .row span {
    display: block;
}

#upsRelaypoint .search_ups_option button:hover {
    box-shadow: 0px 1px 2px #ccc;
}

#upsRelaypoint #listRelayPoints .relay-points{
    padding: 10px 20px;
}

#upsRelaypoint #listRelayPoints .relay-points:not(:first-child) {
    border-top: 1px solid #c8c8c8;
}

#upsRelaypoint #listRelayPoints .relay-points input{
    display: inline-block;
    margin-right: 15px;
    cursor: pointer;
}

#upsRelaypoint #selectedRelayPoint{
    padding: 10px 20px;
}

#upsRelaypoint #selectedRelayPoint .contact-card h1 {
    font-family: var(--font-text);
    font-size: 15px;
    margin-bottom: 12px;
}

#upsRelaypoint #selectedRelayPoint .contact-card .contact-details p {
    margin: 8px 0;
}

#upsRelaypoint #selectedRelayPoint .contact-card .contact-details p span {
    display: inline-block;
    font-family: var(--font-text);
    width: 120px;
    font-weight: bold;
}

/* -------------------------------------------------------- */
.wrap-contact{
    display: flex;
    border-radius: 35px ;
    gap: 30px;
    padding: 10px;
}
.swap-contact-title{
    margin: 50px 0;
}
.swap-contact-title h3{
    font-size: 48px !important;
    color: var(--tertiary-reversed) !important;
}
.swap-contact-title p{
    color: #595959;
    font-style: var(--font-title);
    margin: 10px 0;
    font-size: 24px;
}
.contact-form-column{
    padding: 0 20px;
}
.contact-wrap-form{
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    grid-gap: 25px;
}
.field-select::after{
    filter: grayscale(1);
}
.ContactFormClass label{
    color: #909090 !important;
    font-weight: 400 !important;
    font-size: 16px !important;
}
.contact-form-column + .contact-form-column{
    margin: 0 !important;
}
.wrap-contact .wrap-contact-content .contact-information{
    background-color: var(--primary-color);
    width: 400px;
    height: 100%;
    padding: 30px 50px;
    border-radius: 30px;
}
.wrap-contact .wrap-contact-content .contact-information .contact-info-wrap{
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.wrap-contact .wrap-contact-content .contact-information .contact-info-content{
    padding: 0 0 30px
}
.wrap-contact .wrap-contact-content .contact-information .contact-info-content h4{
    font-size: 36px;
    font-weight: 500;
    font-family: var(--font-title)!important;
}
.wrap-contact .wrap-contact-content .contact-information .contact-info-content p{
    font-size: 16px;
    font-weight: 400;
}
.wrap-contact .wrap-contact-content .contact-information .header-item .header-contact-item,
.wrap-contact .wrap-contact-content .contact-information .contact-info-wrap .header-item .mail-name{
    font-weight: 500;
}
.wrap-contact .wrap-contact-content .contact-information .header-item .header-contact-item,
.wrap-contact .wrap-contact-content .contact-information .contact-info-wrap .header-item .mail-name,
.wrap-contact .wrap-contact-content .contact-information .contact-info-content p,
.wrap-contact .wrap-contact-content .contact-information .contact-info-content h4{
    color: var(--white-color);
    font-family: var(--font-text);
    color: var(--white-color);
}

.wrap-contact .wrap-contact-content .contact-information .header-item{
    margin-left: 0 !important;
}
.wrap-contact form .contact-wrap-form .form-field .form-font-regular,
.wrap-contact form .contact-form-column .form-field .form-font-regular{
    border: none;
    border-bottom: 1px solid var(--secondary-020);
    padding: 10px 0;
}

.wrap-contact form .contact-form-column .form-field .field-select .form-font-regular{
    box-shadow: 0px 4px 8px 0px #00000026;
    color: var(--text);
    padding: 10px ;
    border-radius: 5px;
}
.category-container .form-field .btn-file{
    border-radius: 30px !important;
}
.captcha-container{
    display: flex;
    justify-content: space-between;
    margin: 20px 0;
}
.piecePlug-delivery,
.search-machine-select .searchDetailBlock .home-slider-select,
.searchDetailBlock .home-slider-select .select2-container,
.search-machine-select .searchDetailBlock .two-search-detail-block-buttons,
.search-machine-select .searchDetailBlock .search-detail-block-buttons,
.header-wrap-triple-filter .headerTripleFilter .search-form-content .search-form .searchDetailBlock .home-slider-select .select2{
    width: 100% !important;
}
.piecePlug.full .piecePlug-cart{
    display: flex;
    gap: 10px;
}
.piecePlug.full{
    max-height: none !important;
    height: auto !important;
}

.select2-container--default *:hover,
.select2-container--default *:focus {
    outline: 0;
    outline: none;
}

.select2-container--default .select2-selection--single {
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1);
    border: 1px solid #e9e9e9 !important;
    border-radius: 24px;
    height: 48px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 46px;
    padding: 0 25px;
    font-size: 13px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 15px;
    top: 18px;
    height: auto;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b{
    border: solid var(--primary-color)!important;
    border-width: 0 2px 2px 0!important;
    background-color: transparent;
    width: 9px;
    height: 9px;
    transform: rotate(45deg);
    display: block;
} 

.select2-container--default .select2-search--dropdown .select2-search__field {
    height: 38px;
    border-radius: 20px;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--primary-color);
}

.headerSearchBar-area {
    top: 65px;
}

.search-detail-block-btn .loader {
    display: none;
	width: 1em;
	height: 1em;
	color: inherit;
	vertical-align: middle;
	pointer-events: none;
	border: .2em solid currentcolor;
	border-bottom-color: transparent;
	border-radius: 50%;
	animation: 1s loader-03 linear infinite;
	position: relative;
    margin-right: 5px;
}

.headerSearchBar-bar .headerSearchBar-area {
    z-index: 99!important;
    border: 0;
}

.header-wrap-triple-filter {
    background-color: #fff;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
    position: absolute;
    top: 85px;
    left: -180px;
    max-width: 1440px;
    width: 100vw;
    z-index: 99;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    display: none;
}
.header-wrap-triple-filter .info {
    background-color: var(--primary-color);
    padding: 12px;
    text-align: center;
}

.header-wrap-triple-filter .info p {
    font-size: 18px;
    font-family: var(--font-text);
    color: #fff;
}

.header-wrap-triple-filter .headerTripleFilter {
    display: flex;
    padding: 40px;
}

.header-wrap-triple-filter .headerTripleFilter h4 {
    font-size: 24px;
    font-family: var(--font-title);
    margin-bottom: 30px;
}

.header-wrap-triple-filter .headerTripleFilter .search-form-content {
    border-right: 1px solid #C8C8C8;
    padding-right: 40px;
}
.header-wrap-triple-filter .headerTripleFilter .search-form-content,
.header-wrap-triple-filter .headerTripleFilter .reference-card {
    width: 50%;
}

.header-wrap-triple-filter .headerTripleFilter .search-form-content h4,
.header-wrap-triple-filter .headerTripleFilter .reference-card{
    text-align: center;
}

.header-wrap-triple-filter .headerTripleFilter .search-form-content .search-form{
    display: flex;
    border: 1px solid #C8C8C8;
    border-radius: 31px;
    padding: 7px;
}

.header-wrap-triple-filter .headerTripleFilter .search-form-content .search-form .searchDetailBlock {
    margin: 0;
    gap: 0;
}

.header-wrap-triple-filter .headerTripleFilter .search-form-content .search-form *:focus,
.header-wrap-triple-filter .headerTripleFilter .search-form-content .search-form *:hover {
    outline: 0;
    outline: none;
    box-shadow: none;
}

.header-wrap-triple-filter .headerTripleFilter .search-form-content .search-form .select2-container--default .select2-selection--single {
    box-shadow: none;
    background-color: transparent;
    border: 0!important;
    height: auto;
}

.header-wrap-triple-filter .headerTripleFilter .search-form-content .search-form .select2-container--default .select2-selection--single .select2-selection__rendered{
    padding: 0 15px;
    line-height: 30px;
}

.header-wrap-triple-filter .headerTripleFilter .search-form-content .search-form select {
    text-indent: 0;
    border: 0;
}

.header-wrap-triple-filter .headerTripleFilter .search-form-content .search-form .searchDetailBlock .home-slider-select .search-label-instance1 {
    display: block!important;
    color: #222;
    font: 500 13px/1em var(--font-text);
    padding-left: 15px;
    margin-top: 10px;
    margin-bottom: -5px;
}

.header-wrap-triple-filter .headerTripleFilter .search-form-content .search-form .searchDetailBlock .search-detail-block-buttons,
.header-wrap-triple-filter .headerTripleFilter .search-form-content .search-form .searchDetailBlock .search-detail-block-buttons {
    border: 0;
}

.header-wrap-triple-filter .headerTripleFilter .search-form-content .search-form .searchDetailBlock .home-slider-select {
   width: 31%;
   border-right: 1px solid #C8C8C8;
}

.header-wrap-triple-filter .headerTripleFilter .search-form-content .search-form .searchDetailBlock .home-slider-select.third-select {
    border-right: 0;
}

.header-wrap-triple-filter .headerTripleFilter .search-form-content .search-form .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 10px;
    display: none;
}

.header-wrap-triple-filter .headerTripleFilter .search-form-content .search-form .searchDetailBlock .search-detail-block-buttons .search-detail-block-btn-title {
    color: transparent;
    width: 48px;
    height: 48px;
    background-image: url(../img/search-icon.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.headerSearchResults-column-name {
    color: #909090;
    font-size: 16px;
}
.menu-support span,
.header-item-nos-services,
.header-menu-catman-item-title,
.headerSearchResults-item-name,
.customerPrice-price {
    font-size: 16px;
}
.customerPrice-price {
    font: 500 16px/1em var(--font-text)
}

.headerSearchResults-item-picture,
.headerSearchResults-item-picture img {
    width: 70px;
    height: 70px;
}

.headerSearchResults-column-detail {
    gap: 10px;
}

.headerSearchResults-item-name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1;
}

.header-wrap-triple-filter .headerTripleFilter .search-form-content .search-form .searchDetailBlock .home-slider-select .select2.select2-container--disabled {
    opacity: 0.3;
}

.sub-category-item .sub-category-item-text {
    text-wrap: unset;
    height: auto;
    overflow: unset;
    line-height: normal;
}

.wrap-shop .wrap-sub-category-list { 
    row-gap: 55px;
}

.wrap-sub-category-overflow {
    height: 175px;
}

@keyframes loader-03 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
/* ------------------------------------------------------ */
.pieces-plugs{
    gap: 24px !important;
    justify-content: left !important;
}
.wrap-left {
    max-width: 265px;
    margin-right: 21px;
    width: 100%;
    min-width: unset !important;
    display: block;
}
.filters-parent .filters-parent{
    margin-left: 10px !important;
}
.piecePlug.vertical {
    width: 210px !important;
    padding: 10px 15px 10px !important;
    margin-bottom: unset !important;
    border: none !important;
    box-shadow: 0px 3.47px 13.02px 0px #0000001A;

}
.searchPiece-plug{
    width: 210px !important;
}
.piecesSlider-item .piecePlug.vertical .piecePlug-name {
    height: 36px!important;
}
.piecePlug.vertical .piecePlug-name{
    text-transform: uppercase !important;
    font-size: 13px !important;
    height: auto !important;
}
.piecePlug-brand{
    font-size: 11px !important;
}
.piecePlug-text{
    gap: 10px;
}
.pagination-selected,
.pagination-grey:hover{
    border-radius: 50%;
    border: 1px 0px 0px 0px;
    background-color: #4DAF7C;
    border-color: #4DAF7C;
    padding: 7px;
    margin: 5px;
    color: #FFF;
}

.btn-pagination {
    justify-content: end;
    margin: 20px 0;
}

.pagination-grey {
    border: 1px solid #E9E9E9;
    border-radius: 50%;
    padding: 7px;
    color: #595959;
    margin: 5px;
   
}
.pagination-grey, .pagination-selected{
    width: 32px;
    height: 32px;
    text-align: center;
    display: inline-block;
}



.tools-bar, .tools-bar-item,.tools-bar-bottom .tools-bar-item:last-child,.tools-bar-item:last-child{
    border: none !important;
}
.tools-bar,.tools-bar-bottom{
    max-width: 100%  !important;
    max-width: 1200px  !important;
    padding: 0 !important;
}
.filters-characteristics .filter-character,
.filters-title .filter-character{
    color: #222;
}

.two-filter-search{
    max-width: 1200px;
    width: 95%;
    margin: 0 auto;
    border-radius: 10px;
    padding: 15px;
    gap: 30px;
    background-color: var(--white-color);
}

.two-filter-search .label{
    width: 100%;
    padding: 20px;
}
.two-filter-search .label .label-text{
    font-size: 24px;
    font-weight: 700;
    font-family: var(--font-title);
}
.category-page-wrapper{
    background-color: var(--primary-010);
}
.category-page-wrapper .breadcrumb{
    margin: 0 !important;
    padding: 30px 0 !important;
}
.full-width-twofilter.category-page-wrapper
{
    padding: 30px 0;
}

.hide-filters,.mini-fiche-direction,
.name-piece-category:before{
    display: none !important;
}
.breadcrumb .breadcrumb-wrapper a,
.breadcrumb .breadcrumb-wrapper .breadcrumb-links,
.category-page-wrapper div > .wrap-shop .name-piece-category span {  
    background-color: unset !important;
    border: none !important;
}
.category-page-wrapper div > .wrap-shop .name-piece-category span{
    color: var(--secondary-color);
    max-width: 100%;
    white-space: wrap;
    overflow: unset;
    line-height: normal;
}

.wrap-shop .category-description p {
    margin-bottom: 10px;
    transition: all 0.5s  ease-in-out;
}

.wrap-shop .category-description .content{
    height: 54px;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
    margin: 15px 0;
    line-height: 1.5;
}

.wrap-shop .category-description.show-more .content{
    height: auto;
    overflow: unset;
}

.wrap-shop .category-description span {
    color: var(--primary-color);
    text-decoration: underline;
    cursor: pointer;
}

.two-filter-search .search-machine-img{
    box-shadow: 0px 4px 15px 0px #0000001A !important;
}
.two-filter-search .search-machine-img img{
    max-width: unset  !important;
    padding: 5px !important;
}

.sort-by-text{
    border: 1px solid #C8C8C8;
    border-radius: 10px;
    padding: 10px 15px;
    max-width: 120px;
    width: 100%;
}
.sub-category-item{
    background-color: var(--white-color) !important;
}
.filters-checkbox label{
    width: 100%;
}
.filters-search-bar i{
    margin: 7px 4px !important;
}

.searchResultHeader + div .wrapSearchCategory .full-width-twofilter  {
    background-color: transparent;
    padding: 0;
}

/* ---------------------------------------------------------- */
.sidebar-search-Filter{
    display: flex;
    border: 1px solid #E9E9E9;
    border-radius: 25px;
    height: 33px;
    padding-right: 15px;
    cursor: text;
}
.sidebar-search-Filter i{
    color: #909090;
    font-size: 17px;
    font-weight: 500;
    margin: 8px 10px;
}
.sidebar-search-Filter #search-piece-name[type="text"] {
    border: none;
}
.sidebar-search-Filter #search-piece-name[type="text"]:focus {
    outline: none;
    border: none;
}
div#piecesName-input-message {
    box-shadow: var(--shadow);
    border-radius: 20px;
    text-align: center;
    margin: 5px 0;
    border-top: 1px solid var(--primary-color);
    padding: 10px;
    width: 100%;
    position: absolute;
    z-index: 99;
    background-color: var(--white-color);
}

.sidebarFilters-boxFilter-text,
.sidebarFilters-boxFilter-count{
    font-size: 12px !important;
    font-family: var(--font-text) !important;
}
.sidebarFilters-title{
    font-size: 14px !important;
    font-family: var(--font-text) !important;
    font-weight: 700 !important;

}

.two-search-detail-block-btn-title{
    font: 700 16px / 16px var(--font-text);
    text-transform: uppercase;
    flex-direction: column;
    justify-content: center;
    background-color: var(--primary-color);
    color: #FFF;
    border-radius: 24px;
    min-height: 48px;
    cursor: not-allowed;
    width: 100%;
}

.two-search-detail-block-btn.pointer .two-search-detail-block-btn-title {
    cursor: pointer;
}
.search-detail-block-buttons{
    color: #ffffffaa;
    cursor: auto;
}

.crisp-order #order-table {
    width: 100%;
    font-size: 12px;
    border-collapse: collapse;
}

.crisp-order #order-table thead tr th,
.crisp-order #order-table tbody tr td {
    padding: 8px 10px;
    text-align: left;
}

.crisp-order #order-table tbody tr td button {
    background-color: #4daf7c;
    color: #fff;
    padding: 5px 15px;
    border-radius: 5px;
    transition: all 0.5s ease-in-out;
}

.crisp-order #order-table tbody tr td button:hover {
    background-color: #333b53;
}

.crisp-order #order-table tbody {
    border-bottom: 1px solid #333;
}

.crisp-order #order-table tbody tr.item-details td:first-child {
    font-weight: bold;
}
.machinePlug-reference{
    word-break: break-all;
}
.piecePage-wrapper {
    gap: 4vw;
}
#filter-toggle {
    position: absolute;
    opacity: 0;
}
.piecesSlider-item .piecePlug.vertical  {
    width: 210px!important;
}


.related-products-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin: 30px 0;
}

.related-products-section .related-products-content {
    width: 150px;
}
.related-products-section .related-products {
    width: calc(100% - 170px);
}

.related-products-section .related-products-content h4{
    font-size: 16px;
}

.related-products-section .related-products-content a {
    display: block;
    width: 100%;
    border-radius: 20px;
    margin-top: 10px;
    background-color: var(--primary-color);
    text-align: center;
    font: 400 13px / 13px var(--font-text);
    color: white;
    padding: 11px 24px;
}

.cartSummary-estimation-click .shippers,
.related-products-section .related-products {
    display: flex;
    gap: 20px;
}

.related-products-section .related-products .piecePlugV3 {
    width: 33%;
    border: 1px solid #E9E9E9;
    border-radius: 10px;
    padding: 10px;
    transition: all 0.5s ease-in-out;
}

.related-products-section .related-products .piecePlugV3:hover {
    border-color: var(--primary-color);
}

.related-products-section .related-products .piecePlugV3 .piecePlugV3-anchor {
    gap: 10px;
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}

.related-products-section .related-products .piecePlugV3 img {
    width: 50px;
    height: 50px;
    object-fit: contain;
}

.related-products-section .related-products .piecePlugV3 .piecePlugV3-name {
    font: 300 11px / 12px var(--font-text);
    color: #909090;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
    height: 24px;
}

.related-products-section .related-products .piecePlugV3 .customerPrice-price {
    font: 700 13px / 1em var(--font-text);
}

.cart-overview-summary .cartSummary-estimation {
    padding: 0;
    background-color: transparent;
    box-shadow: none;
}   

.cartSummary-payments img {
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);
}

.cartSummary-estimation-click {
    background: var(--primary-005);
    box-shadow: 0px 4px 20px rgb(0 0 0 / 15%);
    border-radius: 10px;
    padding: 20px 30px;
    flex-direction: column;
    gap: 18px;
}

.cartSummary-estimation-click .shippers {
    flex-wrap: wrap;
}
.cartSummary-estimation-click .shippers .cartChoices-estimation-item {
    width: 31.8%;
    border: 1px solid #E9E9E9;
    border-radius: 5px;
    padding: 10px;
}

.piecePlugV3 form.piecePlugV2-cart .piecePlugV2-button img{
    width: 20px;
    height: 20px;
}

.tutoIframeBg .video-close {
    position: absolute;
    right: 15px;
    top: 15px;
}

.header-item-cart .header-cart-popup {
    left: auto;
    right: -15px;
}

.piecePictures {
    margin: 0 -15px;
}


.piecePlug-piece-statement-full {
    z-index: 2;
}

/* .piecePictures .swiper {
    width: 100%;
    height: 100%;
    
} */

.piecePictures .swiper {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
  }

.piecePictures .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
  }

  .piecePictures .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    aspect-ratio: 1/1;
  }

  .piecePictures .swap-gallery {
    max-height: 450px;
    height: 100%;
    width: 100%;
  }

  .piecePictures .swap-gallery-thumb {
    height: 130px;
    box-sizing: border-box;
    padding: 12px;
  }

  .piecePictures .swap-gallery-thumb .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
  }

  .piecePictures .swap-gallery-thumb .swiper-slide-thumb-active {
    opacity: 1;
    box-shadow: 0 0px 10px var(--primary-color);
  }

  .piecePictures  .swap-gallery-thumb .swiper-slide{
    width: 80px!important;
    height: 80px;
  }

  .piecePictures .swiper-slide.video-thumb {
    position: relative;
  }

   .piecePictures .swiper-slide.video-thumb svg {
    position: absolute;
    z-index: 1;
    width: 30px;
    height: 30px;
    display: block;
    stroke: var(--primary-color);
    stroke-width: 1px;
  }

  .zoom {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: transform 1s ease, opacity 0.3s ease;
    opacity: 0;
    cursor: zoom-in;
    background-color: var(--white-color);
    pointer-events: none;
    transform: scale(1);
  }

.video-wrapper{
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  width: 100%;
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.swap-gallery .swiper-slide:hover .zoom,
.swap-gallery .swiper-slide:focus .zoom {
    pointer-events: auto; 
    transition: transform 1s ease;
}

.swap-gallery-thumb .swiper-slide:hover {
    cursor: pointer;
}

.swiper-button-next {
    right: 0;
}

.swiper-button-prev {
    left: 0;
}

.swiper-slide.video  {
    background-color: #000;
}

.swiper-slide.video .zoom {
    display: none;

}

.swiper-button-next:after,
.swiper-button-prev:after {
    color: var(--primary-color);
}

.swap-gallery-thumb .swiper-button-next,
.swap-gallery-thumb  .swiper-button-prev {
    width: 24px;
    height: 24px;
    border-radius: 50px;
    background-color: var(--primary-color);
}

.swap-gallery-thumb .swiper-button-next:after,
.swap-gallery-thumb  .swiper-button-prev:after {
    font-size: 12px;
    color: var(--white-color);
    line-height: 2;
} 

.swiper-slide {
    background-size: cover;
    background-position: center;
  }

.pieceCart-tutorials .pieceTabs-tutos-wrap .swiper .swiper-slide {
    background-color: transparent;
}

.pieceCart-tutorials .pieceTabs-tutos-wrap {
    width: 98%;
    min-width: auto;
}

.pieceCart-tutorials .pieceTabs-tutos-wrap .swiper-slide {
    flex-direction: column;
    box-shadow: none;
}

.pieceCart-tutorials .pieceTabs-tutos-wrap .swiper-slide .tutoLecture {
    width: 100%;
}

.pieceCart-tutorials .pieceTabs-tutos-wrap .swiper-slide .tutoLecture .content {
    position: relative;
    margin-bottom: 10px;
}

.pieceCart-tutorials .pieceTabs-tutos-wrap .swiper-slide .tutoLecture .content img {
    width: 100%;
    height: auto;
}

.pieceCart-tutorials .pieceTabs-tutos-wrap .swiper-slide .tutoLecture .content .play-icon {
    position: absolute;
    top: 44%;
    left: 43%;
    width: 35px;
    height: auto;
}

.pieceCart-tutorials .pieceTabs-tutos-wrap .controls {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 5px 0;
}

.pieceCart-tutorials .pieceTabs-tutos-wrap .controls img {
    width: 28px;
    height: auto;
    margin-left: 8px;
}

.pieceDetails-wrap-description.mobile {
    display: none;
}

/* ------------------------------------------------------------- */
@media screen and (min-width:700px) and (max-width:1300px) {
    .header-cart-popup{
        margin-left:-500px !important;
    }
}

@media screen and (max-width: 1300px) {
    .header-wrap-triple-filter,
    .menu-popup > .menu-item-see-more.last,
    .menu-item-list-item .menu-item-list-item-see-more.last {
        display: none!important;
    }
    .menu-popup > .menu-item-see-more:first-child,
    .menu-item-list-item .menu-item-list-item-see-more.first {
        display: block;
        text-align: left;
    }
    .piecePlug.vertical,
    .searchPiece-plug {
        width: 30.5%!important;
    }
    .wrap-pieces, .piecesList {
        padding: 0 15px;
    }
    .header-user-popup.header-popup-container {
        margin-left: 0;
        left: auto;
        right: -20px;
    }
    .cartSummary-estimation-click .shippers .cartChoices-estimation-item {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .cartSummary-estimation-click .shippers .cartChoices-estimation-item  .cartChoices-item-picture {
        margin: 0;
    }
    .cartSummary-estimation-click .shippers .cartChoices-estimation-item .cartChoices-item-details {
        width: 100%;
        flex: unset;
        order: 1;
        margin-top: 10px;
    }
    .tutoIframeBg .video-close {
        top: 100px;
        z-index: 999;
    }
    .pieceTabs-tutos-container iframe.tutoIframe {
        z-index: 999!important;
        width: 80%;
    }
}
@media screen and (max-width: 1400px) {
    .home-slider .home-slider-right .homeSlider-side-picture {
        transform: unset!important;
    }
    .home-slider .home-slider-right .homeSlider-side-picture {  
        position: relative;
        left: 0;
        height: auto;
    }
	.homeSlider-circle{
		height: 145%;
		top: 50px;
		left: 0;
	}
}
@media screen and (max-width: 1220px) {
    .piecePlug-cart{
        max-height: none !important;
    }
    .piecePlug-text{
        display: flex;
        flex-direction: column !important;
        gap: 20px;
    }
}

@media screen and (max-width: 1080px) {
    .reinsurance {
        width: 95%;
    }
    .coinSearch  .coinSearch-wrap,
    .piecePage ~ .horizontal.pieceSearch-plug {
        padding: 20px;
    }
    .searchResultHeader-btn {
        text-align: center;
        min-width: fit-content;
        font-size: 13px;
    }
    .searchResultHeader-wrap-btn {
        flex-direction: row;
        overflow-x: auto;
        padding: 10px;
        scroll-behavior: smooth;
        scroll-snap-align: start;
        width: 99%;
    }
    /* .pieceCart-add{ 
        position: fixed; bottom: 0;left: 0;right: 0;z-index: 1;background: white;border-radius: 0;box-shadow: 0 -7px 15px rgba(0, 0, 0, 0.03);    
    } */
    .piecePage-wrapper{flex-wrap: wrap;}
    .pieceCart-secure-payment {
        display: none;
    }
    .pieceDetails-cart {
        max-width: 480px;
        margin: 0 auto;
    }
}

@media screen and (min-width:1300px)  and (max-width: 1440px) {
    .menu-support span, .header-item-nos-services, .header-menu-catman-item-title{
        font-size: 14px !important;
    }
    .header .header-wrap .header-item-nos-services{
      font-size: 14px !important;
      padding: 5px 10px !important;
    }
    
    .header-logo img {
      width: 140px !important;
    }
  
    .header-wrap-logo {
      padding: 5px 12px 0 !important;
    }
  }

 @media screen and (max-width: 992px) {
    .home-slider .home-slider-left {
        margin: 40px 0;
        padding: 0;
    }
    .home-slider .home-slider-right {
        width: 50%;
    }
    .piecePlug.vertical, .searchPiece-plug, .machineGrid-content .piecePlugV2, .searchPiecePlugV2{
        width: 47.3% !important;
    }
    .reinsurance{
        gap: 15px;
    }
    .reinsurance-item {
        max-width: 100%;
        margin: 15px auto;
    }
    .thankyou-block .list .list-card {
        width: 30%;
    }
    .thankyou-block .list .list-card .image img {
        width: 100%;
        height: 180px;
    }
    .whoAreWe {
        flex-direction: column;
        padding: 15px;
    }
    .whoAreWe .whoAreWe-right,
    .whoAreWe .whoAreWe-left {
        width: 100%;
        display: block;
    }
    .whoAreWe .whoAreWe-left {
        text-align: center;
    }
    .wrap-contact{
        width: 90%;
        margin: 0 auto;
        flex-direction: column !important;
    }
    .wrap-contact .wrap-contact-content .contact-information{
        width: 100% !important;
        padding: 15px 25px;
    }
    .cartSummary-estimation-click {
        padding: 20px;
    }
    .cartSummary-estimation-click .shippers .cartChoices-estimation-item {
        width: 31%;
    }
 }
@media screen and (max-width: 767px) {
    .two-filter-search .searchDetailBlock{
        display: flex;
        gap: 10px;
    }
    .cartSummary-estimation-click .shippers .cartChoices-estimation-item {
        width: 31%;
    }
    .wrap-pieces,
    .searchMachine,
    .tutorials .row,
    .machinePage-wrapper,
    .thankyou-block .list,
    .coinSearch  .coinSearch-wrap,
    .two-filter-search .searchDetailBlock,
    .machinePage-wrapper>.machineDetails .d-flex {
        flex-direction: column;
    }
    .thankyou-block .list .list-card {
        width: 100%;
        margin-bottom: 30px;
    }
    .thankyou-block .list .list-card img{
        height: auto;
    }
    .tutorials .row{
        width: 91%;
    }
    .tutorials:before{
        width: 100%;
        bottom: 0;
        top: auto;
        height: 300px;
        left: 0;
    }
    .blog-sliders .blog_post .blog_post_img img{
        height: 260px;
        object-fit: cover;
    }
    .whoAreWe,
    .whoAreWe .whoAreWe-left img,
    .tutorials .row .blog-sliders {
        width: 100%;
    }
    .coinSearch  .coinSearch-wrap .coinSearch-image { 
        position: relative;
        margin-bottom: -20px;
        left: 0;
        right: 0;
    }
    .piecePictures,
    .coinSearch  .coinSearch-wrap .coinSearch-text{ 
        max-width: 100%;
    }
    .machinePage-wrapper {
        align-items: center;
    }
    .machinePage-wrapper>.machineDetails {
        max-width: 100%;
        padding: 15px;
        margin: 0;
    }
    .machinePage-wrapper .picturesSlider .picturesSlider-view {
        margin-bottom: 30px;
    }
    .machinePage-wrapper>.machineDetails .machineDetails-name {
        margin-bottom: 20px;
    }
    .machinePage-wrapper>.machineDetails .d-flex a {
        width: 100%;
        margin: 0;
        margin-left: 0!important;
        text-align: center;
    }
    .machinePage-wrapper>.machineDetails .d-flex a:not(:last-child) {
        margin-bottom: 20px;
    }
    .repairMachinesList .repairMachinesList-title {
        font: 700 25px/1 var(--font-title);
    }
    .repairMachinesList .repairMachinesList-list {
        gap: 35px 20px;
    }
    .repairMachinesList .repairMachinesList-list .repairMachinesList-item {
        flex: 0 0 45%;
    }
    .repairMachinesList .repairMachinesList-list .repairMachinesList-item .repairMachinesList-item-title{
        margin-top: 15px;
        font: 700 16px/1 var(--font-title);
    }
    .searchResultHeader {
        padding: 20px 0;
        gap: 15px;
    }
    .searchResultHeader-title {
        font-size: 24px;
        width: 95%;
    }
    .piecePlug-form {
        flex: unset;
    }
    .piecePlug-button,
    .machineGrid-content .piecePlugV2 .piecePlugV2-button
     {
        border-radius: 50%;
        padding: 10px 12px;
    }
    .machineGrid-content .piecePlugV2 .piecePlugV2-button{
        max-width: fit-content;
    }
    .filters-wrap-list {
        position: fixed;
        top: 100%;
        z-index: 99;
        left: 0;
        right: 0;
        padding: 12px!important;
        height: 0;
        overflow: hidden;
        background-color: #fff;
    }
    .filters-characteristics {
        margin: 0!important;
    }
    .tools-bar .sort-by{display: none;}
    .wrap-left{max-width: none;}
	.wrap-filters{padding: 0;}
	.filters-title svg *{fill: var(--primary-color);}
	#filter-toggle:not(:checked) ~ #filter-toggle-label{display:inline-flex;background: var(--secondary-color); height: 50px; padding: 10px 15px; border-radius: 25px; color: white;}
	.filters-title .filter-character{color: inherit;}
	.filters-count {
		position: absolute;
		top: 0;
		right: 0;
		height: 50px;
		display: flex;
		align-items: center;
		font: 15px/1 var(--font-text);
		color: #000;
	}
    #filter-toggle:checked ~ #filter-toggle-label{
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        background-color: #4daf7c !important;
        padding: 12px !important;
        z-index: 999;
        color: #fff;
    }
    #filter-toggle:checked ~ #filter-toggle-label svg {
        filter: brightness(10);
        margin-right: 10px;
    }

    #filter-toggle:checked ~ #filter-toggle-label:after,
    #filter-toggle:checked ~ #filter-toggle-label:before {
        content: '';
        width: 20px;
        height: 2px;
        display: block;
        background-color: #fff;
        position: absolute;
        right: 10px;
        top: 20px;
        transform: rotate(45deg);
    }
    #filter-toggle:checked ~ #filter-toggle-label:after {
        transform: rotate(130deg);
    }

    #filter-toggle:checked ~ #filter-toggle-label + .filters-wrap-list {
        top: 45px;
        height: calc(100vh - 45px);
        overflow: auto;
        z-index: 2140000000;
        padding-bottom: 80px!important;
    }
	#filter-toggle:checked ~ .filters-wrap-list .filters-submit {
	    position: fixed;
	    bottom: 0;
	    left: 0;
	    right: 0;
		margin: 0;
	    background: white;
	    padding: 10px 20px;
	    display: flex !important;
	    justify-content: flex-end;
	    gap: 20px;
    }
	#filter-toggle:checked ~ .filters-wrap-list .filters-submit button {
		height: 45px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex: 1;
		border-radius: 0;
		font: 700 16px/24px var(--font-title);
		text-transform: uppercase;
	}
	#filter-toggle:checked ~ .filters-wrap-list .filters-submit button[type=reset] {
		color: #000;
		background: white;
		border: 2px solid #000;
	}
	#filter-toggle:checked ~ .filters-wrap-list .filters-submit button[type=submit] {
		color: white;
		background: var(--primary-color);
	}
	.filters-checkbox {
		font-size: 15px;
		line-height: 30px;
	}
	.wrap-modified-checkbox label:before {
		width: 18px;
		height: 18px;
		top: 7px;
	}
	.wrap-modified-checkbox label:after {
		width: 12px;
		height: 7px;
		top: 11px;
	}
    .tools-bar-top {
        width: 70%;
        margin-left: auto;
        z-index: 2;
    }
    .wrap-shop.wrap-pieces {
        margin-top: -30px;
    }
    .tools-bar-top .tools-bar .tools-bar-item.pagination {
        display: none;
    }
    .tools-bar-top .sort-by{
        text-align: right;
        text-align: -webkit-right;
    }
    .wrap-shop .wrap-left {
        margin-bottom: 30px;
    }
    .tutoIframeBg,
    .tutoIframeBg .video-close {
        top: 20px;
        z-index: 999!important;
    }
    .pieceTabs-tutos-container iframe.tutoIframe {
        z-index: 999;
        width: 80%;
        height: 49vw;
    }
    .pieceDetails-check {
        background-color: var(--primary-color);
    }
    .pieceDetails-check .checkCompatibility-description,
    .pieceDetails-check .checkCompatibility-title{
        color: var(--white-color);
    }
    .pieceDetails-check .checkCompatibility-title {
        justify-content: center;
    }
    .pieceDetails-check .checkCompatibility-title img {
        filter: brightness(10);
    }

    .reinsurance {
        flex-wrap: nowrap;
        padding: 15px;
        align-items: unset;
        margin: 25px auto;
    }

    .reinsurance .reinsurance-item{
        flex-direction: column;
        height: auto;
        min-width: auto;
        margin: 0;
        justify-content: flex-start;
    }
    .reinsurance .reinsurance-item svg {
        width: 40px;   
        height: 40px;
        margin-bottom: 15px;
    }

}

@media only screen and (max-width: 700px) {
    .breadcrumb-wrapper .breadcrumb-links {
        padding: 0;
    }
    .breadcrumb-wrapper .breadcrumb-links .breadcrumb-link {
        background-color: #F4F4F4 !important;
    }
    .breadcrumb-wrapper .breadcrumb-links {
        justify-content: flex-start;
    }
    .search-detail-block-btn{
        margin-top: unset !important;
    }
    .two-filter-search .label .label-text,
    .two-filter-search .label{
        font-size: 20px ;
        padding: 0 !important;
    }
    .two-filter-search{
        gap: 15px ;
    }
    .home-slider .chosen-select{
        appearance: auto !important;
    }
    .pieceCart-wrap .tutoIframe {
        width:100%;
        height: 56vw
    }
    .warningRestock-title{
		font-size:25px;
		line-height: normal;
	}
    .piecePlug{
        flex-direction:column;
        align-items: center;
        justify-content: flex-start;
        padding: 10px !important;
    }
    .piecePlug.horizontal .piecePlug-text{
        width:100% !important;
        margin-left: 10px !important;
    }
    .pieceDetails-wrap-description.mobile,
    .piecePage .piecePage-wrapper .pieceDetails .pieceDetails-wrap-infos {
        display: block;
    }

    .piecePage .piecePage-wrapper .pieceCart .pieceDetails-cart .pieceDetails-submit {
        flex: unset;
        width: 155px;
    }

    .piecePage .piecePage-wrapper .pieceCart .pieceCart-wrap .pieceDetails-prices .pieceDetails-price-machine-origin-reconditioned {
        font-size: 14px;
    }

    .piecePage .piecePage-wrapper .pieceCart .pieceCart-wrap .pieceDetails-prices .pieceDetails-price-final {
        font-size: 24px;
    }

    .piecePage .piecePage-wrapper .pieceCart .pieceCart-wrap {
        padding: 12px;
    }    
    .pieceDetails-wrap-description.desktop,
    .piecePage .piecePage-wrapper .piecePictures .piecePictures-slider-nav,
    .piecePage .piecePage-wrapper .pieceCart .pieceCart-wrap .pieceDetails-delivery  {
        display: none;
    } 
    #axeptio_main_button,
    #crisp-chatbox a{
        bottom: 70px!important;
    }

    #crisp-chatbox a .cc-157aw.cc-1kgzy {
        width: 40px!important;
        height: 40px!important;
    }

    #crisp-chatbox a .cc-157aw.cc-1kgzy .cc-1bvfm.cc-hshc7 {
        width: 28px !important;
        height: 20px !important;
        top: 11px !important;
        left: 6px !important;
    }

    .piecePage .piecePage-wrapper .pieceDetails .pieceDetails-wrap-description .pieceDetails-description-title,
    .piecePage .piecePage-wrapper .pieceDetails .pieceDetails-wrap-characteristic .pieceDetails-characteristic-title {
        font-size: 16px;
        font-weight: bold;
    }

    .piecePage .piecePage-wrapper .pieceDetails .pieceDetails-wrap-description .pieceDetails-description-text {
        height: 66px;
        overflow: hidden;
        line-height: normal;
    }
    .piecePage .piecePage-wrapper .pieceDetails .pieceDetails-wrap-description .pieceDetails-description-text.pieceDetails-description-text-open {
        height: 600px;
        overflow: auto;
    }

    .piecePage .piecePage-wrapper .pieceDetails .pieceDetails-wrap-description #arrow-pieceDetails-description,
    .piecePage .piecePage-wrapper .pieceDetails .pieceDetails-wrap-characteristic #arrow-pieceDetails-characteristic{
        display: flex!important;
        background-color: rgb(255 255 255 / 76%);
        margin-top: -13px;
    }
    .warningRestock{
        max-width: 600px;
        margin: 0 auto;
        width: 95% !important;
        padding: 15px 20px;
    }
    .warningRestock .piecePlug-name,
    .warningRestock .piecePlug-price{
        font-size:18px;
    }
    .warningRestock-input input{
        padding:9px 5px;
    }
    .contact-wrap-form,.captcha-container{
        display: block !important;
    }
    .header-cart-popup {
        position: fixed;
        width: 98%;
        top: 92px;
        left: 0;
        margin-left: 0;
    }
    .category-page-wrapper .breadcrumb {
        padding: 15px !important;
    }
    .piecePictures {
        position: relative;
    }
    .footer-newsletter {
        max-width: 100%;
        width: 100%;
    }
    .reinsurance .reinsurance-item .reinsurance-name {
        margin-left: 0;
        text-align: center;
    }
}

@media screen and (max-width: 600px) {
    .wrap-sub-category-overflow {
        height: 155px;
    }
    .sub-category-item {
        padding: 12px;
    }
    .wrap-shop .wrap-sub-category-list {
        row-gap: 30px;
        padding: 0 10px;
        margin: 0 -10px;
    }
    .wrap-shop {
        padding: 0 15px;
    }
    .wrap-shop.searchMachine {
        padding: 15px;
    }
    .search-machine-title,
    .sub-category-title {
        font-size: 24px;
        margin-bottom: 0;
    }
    .wrap-shop .wrap-sub-category-list .sub-category-item {
        width: 150px;
    }
    .name-piece-category span {
        max-width: 100%;
        border-left: 0;
        border-right: 0;
        overflow: unset;
    }
}

 @media screen and (max-width:480px){
    .customSelect{
        height: auto;
    }
    .customSelect .customSelect-placeholder{
        white-space: normal;
    }
    .home-slider{
        height: 460px;
    }
    .homeSlider-container {
        background-image: none;
        background-color: var(--primary-025);
    }
    .home-slider .home-slider-left .homeSlider-title {
        font: 700 28px/28px var(--font-title);
        margin-bottom: 0;
    }
    .cartSummary-payments {
        display: grid; 
        grid-template-columns: 1fr 1fr 1fr 1fr; 
        grid-gap: 10px;
    }
    .machinePage-wrapper>.machineDetails .machineDetails-name{
        font-size: 24px;
    }
    .piecePlug.vertical,
    .piecePlug-text {
        width: 100%;
        margin-bottom: 0;
    }
    .related-products-section {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .searchPiecePlugV2-wrap,
    .related-products-section .related-products,
    .searchPiecePlugV2-wrap .searchPiecePlugV2-image,
    .related-products-section .related-products-content,
    .cartSummary-estimation-click .shippers .cartChoices-estimation-item {
        width: 100%;
    }
    .piecePlug.vertical .piecePlug-cart {
        margin-top: auto;
    }
    .piecePlug.vertical .piecePlug-cart .piecePlug-form {
        flex: none;
    }
    .piecePictures,
    .whatIsSwap-button {
        margin: 0 auto;
    }
    .piecesSlider-wrap-list {
        padding: 0;
    }
    .piecesSlider-list .slick-slide {
        margin: 0 15px;
    }
    .wrap-contact{
        width: 95% !important;
    }
    .wrap-contact .wrap-contact-content .contact-information .contact-info-content h4{
        font-size: 24px;
    }
    .captcha-container .form button{
        margin-left: 0 !important;
    }
    .swap-contact-title{
        margin: 50px 10px;
    }
    .swap-contact-title h3{
        font-size: 36px  !important;
    }
    .swap-contact-title p,
    .searchPiece-plug-title,
    .searchPiecePlugV2-title,
    .searchPiecePlugV2-title p{
        font-size: 16px !important;
    }
    .piecePlugV2-cart {
        padding-top: 8px;
    }
    .wrap-contact .wrap-contact-content .contact-information .header-item .header-contact-item,
    .wrap-contact .wrap-contact-content .contact-information .contact-info-wrap .header-item .mail-name{
        font-size: 14px !important ;
        
    }
    .pagination{
        flex-direction: column;
        height: unset !important;
    }
    .pagination-grey, .pagination-selected{
        width: 23px;
        height: 23px;
        padding: 3px;
    }
    .piecePlug.vertical, .searchPiece-plug {
        width: 48%;
    }
    .piecePlug-button, .machineGrid-content .piecePlugV2 .piecePlugV2-button { 
        padding: 8px;
    }
    .piecePlug-button img,
    .piecePlugV2-button img {
        width: 20px;
        height: 20px;
    }
    .piecePlug-text {
        gap: 0;
        height: 100%;
    }
    .piecePlug.vertical .piecePlug-name {
        font-size: 12px!important;
    }
    .piecePlug.vertical, .searchPiece-plug, .machineGrid-content .piecePlugV2 {
        max-height: unset;
        height: auto;
        padding: 10px!important;
    }
    .piecePlug.vertical .piecePlug-picture {
        width: 100%;
    }
    .piecePlug.vertical .piecePlug-picture img {
        aspect-ratio: 1/1;
    }
    .piecePlug.vertical .piecePlug-picture .piecePlug-piece-statement {
        left: 0;
        padding: 5px;
    }
    .searchPiece-plug-btn, .searchPiecePlugV2-button {
        width: 100%;
        height: auto;
        font-size: 13px;
        padding: 5px 12px;
        line-height: 1.2;
    }
    .piecePlugV2-picture,
    .searchPiece-plug-img,
    .piecePlug-picture img,
    .searchPiece-plug-img img{
        width: 100%;
        height: auto;
    }
    .piecePlugV2-picture {
        aspect-ratio: 1/1;
        object-fit: contain;
    }
    .pieces-plugs,
    .pieces-plugs, 
    .machineGrid-content, 
    .cartSummary-estimation-click .shippers, 
    .related-products-section .related-products {
        gap: 12px!important;
    }

    .piecePage .piecePage-wrapper {
        margin: 0 -15px;
    }

    .searchPiece-plug-img {
        margin-top: 0;
    }
    .piecesSlider-item .piecePlug.vertical {
        width: 87vw!important; 
    }
    
    .header-item-cart .header-cart-popup {
        right: 0;
    }
    .swap-gallery-thumb .swiper-button-next, .swap-gallery-thumb .swiper-button-prev {
        top: 57%;
    }
    .swiper-slide  .zoom {
        display: none!important;
    }
    
    .reinsurance .reinsurance-item .reinsurance-name {
        font-size: 12px;
        line-height: 1;
    }
    .reinsurance .reinsurance-item svg {
        width: 30px;
        height: 30px;
    }
    .reinsurance .reinsurance-item {
        padding: 10px 8px;
    }
    .reinsurance {
        padding: 12px;    
        width: 92%;
    }
    .piecePage-wrapper>.pieceDetails,
    .piecePage-wrapper>.pieceCart {
        padding: 0 12px;
    }
 }


 @media screen and (max-height:480px){
    .pieceTabs-tutos-container iframe.tutoIframe{
        height: 90%;
    }
 }
 @media screen and (orientation: portrait) {
    .pieceCart-add{ 
        position: fixed; bottom: 0;left: 0;right: 0;z-index: 1;background: white;border-radius: 0;box-shadow: 0 -7px 15px rgba(0, 0, 0, 0.03);    
    }
  }
  @media screen and (orientation: landscape) {
    .tutoIframeBg, 
    .tutoIframeBg .video-close, 
    .tutoIframe {
      top: 20px;
      z-index: 999 !important;
  }
}