:root{ --bordure_gris:#ccc;}

.one_btn_add_to_cart{ margin-top:15px}
.attribute_choice{ width:100%;margin-bottom:20px;margin-left:10px;}
.colorsquare{ display:inline-block;width:20px;height:20px;position:relative;bottom:-5px;border:1px solid #ccc;}
.sticky{ position:sticky;background-color:#fff}
.table_d_c_line_container:first-child { border-top:1px solid var(--bordure_gris);} 
input.d_c_selector{ margin-left:10px;}
.table_d_c_line_container { 
    z-index:1000;
    border-left:1px solid var(--bordure_gris);
    border-bottom:1px solid var(--bordure_gris);
    border-right:1px solid var(--bordure_gris);
}

.mini_qty { font-style: italic;font-size: 80%; }
.table_d_c_line .prixBarre{ text-decoration:line-through}
.table_d_c_line .product-price { font-size: 120%; }

.d_c_label{ display:none}
.table_d_c_grid{ overflow: clip;}
._number-input input{ font-size: 95%!important}
.number-input input{ padding-left:0px!important;padding-right:0px!important;}

/* On définit le conteneur qui sera "observé" */
.table_d_c_line_container { container-type: inline-size;}

/* Style par défaut : affichage desktop (5 colonnes) */
.table_d_c_line { 
  display: grid;
   grid-template-columns: repeat(auto-fit, minmax(1px, 1fr));
}
.d_c_item { 
  text-align: center;
  padding: 10px;
  margin-bottom: 0px;
  margin-right:0px;
  display: grid;
  align-items: center;
  justify-content: center;
  padding: 10px;
  text-align: center;
}

{if $config.attributes_column eq 0}
.attribute_name{ display:inline}
{else}
.attribute_name{ display:none}
{/if}
  

.number-input input {
  width: 40px;
  text-align: center;
  border: none;
  outline: none;
  font-size: 16px;
  padding: 6px;
}

.number-input button {
  background: #d9d9d9;
  border: none;
  cursor: pointer;
  padding: 6px;
  font-size: 18px;
  line-height: 1;
  transition: background 0.2s;
}
.btn-primary .material-icons{ margin-right:0px!important}
.number-input button:hover {
  background: #e0e0e0;
}

.number-input button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* --- Pour Firefox --- */
input[type=number] {
  -moz-appearance: textfield;
}