.cusbloc_tcmc_catalogue {
    --color-1: #90C300;
}

/*
.cusbloc_tcmc_catalogue .catalogue { display: flex; gap: 15px; }
.cusbloc_tcmc_catalogue .catalogue .col0 { flex: 0 0 25%; }
*/
.cusbloc_tcmc_catalogue .back-button { text-decoration: none; display: inline-flex; align-items: center; gap: 5px; font-size: 1.1rem; margin-bottom: 2rem; padding: 0.5rem; border: 2px solid #ccc; border-radius: 10px; }
.cusbloc_tcmc_catalogue .back-button:hover { border-color: #000; }
.cusbloc_tcmc_catalogue a.back-button * { color: #666; }
.cusbloc_tcmc_catalogue a.back-button:hover * { color: #666!important; }
.cusbloc_tcmc_catalogue .back-button svg { width: 12px; height: 18px; fill: var(--color-1); display: block; }

.cusbloc_tcmc_catalogue .filter-form { line-height: 1.2em; }
.cusbloc_tcmc_catalogue .filter-form .sections { width: 100%; display: flex; gap: 15px; flex-wrap: wrap; }
.cusbloc_tcmc_catalogue .filter-form .section { background-color: transparent; margin: 5px 0; border-radius: 7px; }
.cusbloc_tcmc_catalogue .filter-form .section-header { padding: 4px 8px; font-size: 1rem; display: flex; align-items: center; justify-content: space-between; }
.cusbloc_tcmc_catalogue .filter-form .section-header .icon { width: 20px; height: 20px; fill: #999; }
.cusbloc_tcmc_catalogue .filter-form .section-body { padding: 8px; }
.cusbloc_tcmc_catalogue .filter-form input { padding: 6px; border-radius: 3px; border: 1px solid #ccc; font-size: 1em; }
.cusbloc_tcmc_catalogue .filter-form .slider-dot { border-color: var(--color-1)!important; }
.cusbloc_tcmc_catalogue .filter-form .slider-bar { background-color: var(--color-1)!important; }
.cusbloc_tcmc_catalogue .filter-form .field-select select { padding: 0.3rem; min-width: 6rem; }

.cusbloc_tcmc_catalogue .filter-form .field-doublerange.wide { display: flex; gap: 10px; align-items: center; }
.cusbloc_tcmc_catalogue .filter-form .field-doublerange.wide .field input { width: 3em; position: relative; }
.cusbloc_tcmc_catalogue .filter-form .field-doublerange.wide .field label { margin-right: 0.3rem; }
.cusbloc_tcmc_catalogue .filter-form .field-doublerange.wide .slider-field { width: 200px; }

.cusbloc_tcmc_catalogue .filter-form .field-doublerange.compact .inputs { min-width: 200px; display: flex; justify-content: space-between; gap: 10px; }
.cusbloc_tcmc_catalogue .filter-form .field-doublerange.compact .inputs .field { width: 5em; position: relative; margin-top: 1em; }
.cusbloc_tcmc_catalogue .filter-form .field-doublerange.compact .inputs label { position: absolute; left: 0.5em; font-size: 0.8em; top: -1.2em; pointer-events: none; }
.cusbloc_tcmc_catalogue .filter-form .field-doublerange.compact .inputs input { width: 100%; box-sizing: border-box; padding: 6px; }

.cusbloc_tcmc_catalogue .filter-form .field-checkboxes { display: flex; flex-direction: column; gap: 0.5em; }
.cusbloc_tcmc_catalogue .filter-form .checkbox-field { display: flex; gap: 0.5em; align-items: middle;  cursor: default; user-select: none; }
.cusbloc_tcmc_catalogue .filter-form .checkbox { display: inline-block; border: 2px solid #999; border-radius: 5px; width: 20px; background-color: #fff; height: 20px; position: relative; box-sizing: border-box; }
.cusbloc_tcmc_catalogue .filter-form .checkbox .icon { width: 100%; height: 100%; position: absolute; fill: #009; }

.cusbloc_tcmc_catalogue .splitbar { margin-bottom: 1rem; }
.cusbloc_tcmc_catalogue .articles { display: flex; gap: 20px; flex-wrap: wrap; }
.cusbloc_tcmc_catalogue .articles .result { position: relative; flex: 1 1 250px; min-width: 250px; max-width: 350px; border: 3px solid #ccc; border-radius: 8px; background-color: #eee; padding: 12px; cursor: pointer; display: flex; flex-direction: column; box-sizing: border-box; }
.cusbloc_tcmc_catalogue .articles .result:hover { border-color: #4c6600; }
.cusbloc_tcmc_catalogue .articles .result h2 { margin-bottom: 0em!important; font-size: 1.6rem!important; color: var(--color-1)!important; }
.cusbloc_tcmc_catalogue .articles .result h3 { margin-bottom: 1em; font-size: 1.2rem!important; }
.cusbloc_tcmc_catalogue .articles .result .thumb { position: relative; padding: 10px; margin: -12px -12px 4px -12px; background-color: #fff; border-top-left-radius: 6px; border-top-right-radius: 6px; box-sizing: border-box; }
.cusbloc_tcmc_catalogue .articles .result .thumb .img { width: 100%; min-height: 160px; background-size: contain; background-repeat: no-repeat; background-position: center; }
.cusbloc_tcmc_catalogue .articles .result .size { position: absolute; right: 8px; bottom: -14px; border: 2px solid #eee; line-height: 20px; border-radius: 10px; background-color: #fff; color: #000; text-align: center; padding: 2px 8px; }
.cusbloc_tcmc_catalogue .articles .result .price { font-size: 2rem; font-weight: bold; color: #333; margin-top: auto; }
.cusbloc_tcmc_catalogue .articles .result .price-new { font-size: 1.3rem; font-weight: normal; color: #333; text-decoration: line-through; }
.cusbloc_tcmc_catalogue .articles .result .thumb img { width: 100%; height: auto; }
.cusbloc_tcmc_catalogue .articles .result .specs .spec { font-size: 1.1rem; display: inline-block; margin-right: 1em; }


.cusbloc_tcmc_catalogue .button { text-decoration: none; padding: 6px 10px; background-color: #333; color: white!important; }

.cusbloc_tcmc_catalogue .fiche .description { line-height: 1.5em; margin-bottom: 1em; font-size: 1.1em; }
.cusbloc_tcmc_catalogue .fiche table.spec { width: 100%; border-collapse: collapse; margin-top: 1rem; }
.cusbloc_tcmc_catalogue .fiche img { width: 100%; height: auto; }
.cusbloc_tcmc_catalogue .fiche table.spec th { border-bottom: 1px solid #ddd; text-align: left; padding: 8px; }
.cusbloc_tcmc_catalogue .fiche table.spec td { border-bottom: 1px solid #ddd; padding: 8px; }

.cusbloc_tcmc_catalogue .fiche h1 { 
    margin-bottom: 0!important; font-size: 2.5rem!important; color: var(--color-1)!important; 
    
}
.cusbloc_tcmc_catalogue .fiche h2 { margin-bottom: 1em!important; font-size: 1.5rem!important; color: #000!important; }
.cusbloc_tcmc_catalogue .fiche .row { display: flex; gap: 100px; }
.cusbloc_tcmc_catalogue .fiche .col0 { width: 50%; }
.cusbloc_tcmc_catalogue .fiche .col1 { width: 50%; }
.cusbloc_tcmc_catalogue .fiche .subrow { display: flex; gap: 10px; justify-content: space-between; margin-bottom: 2rem; }
.cusbloc_tcmc_catalogue .fiche .price { text-align: right; margin-top: 1rem!important; font-size: 2rem; font-weight: bold; color: #333; margin-top: auto; }
.cusbloc_tcmc_catalogue .fiche .price-new { text-align: right; font-size: 1.3rem; font-weight: normal; color: #333; text-decoration: line-through; }
.cusbloc_tcmc_catalogue .fiche .dispo { font-size: 1rem; text-align: right; font-weight: bold; margin-top: 0.5rem; color: #c70; }
.cusbloc_tcmc_catalogue .fiche .dispo-out { color: #c00; }
.cusbloc_tcmc_catalogue .fiche .dispo-en-stock { color: var(--color-1); }
.cusbloc_tcmc_catalogue .fiche img { display: block; margin-bottom: 2rem; }

.cusbloc_tcmc_catalogue .fiche .images { display: flex; gap: 5px; flex-wrap: wrap; justify-content: space-between; position: relative; overflow: hidden; }
.cusbloc_tcmc_catalogue .fiche .images a { display: block; }
.cusbloc_tcmc_catalogue .fiche .images a:first-child { width: 100% }
.cusbloc_tcmc_catalogue .fiche .images a { width: 32%; }
.cusbloc_tcmc_catalogue .fiche .images a img { width: 100%; height: auto; display: block; border: 1px solid #000; }

@media (max-width: 768px) {
    .cusbloc_tcmc_catalogue .fiche .row { display: flex; gap: 0px; flex-direction: column; }
    .cusbloc_tcmc_catalogue .fiche .col0 { width: 100%; }
    .cusbloc_tcmc_catalogue .fiche .col1 { width: 100%; }
    .cusbloc_tcmc_catalogue .fiche table.spec th { padding-left: 0; }
}