.renlow-lenses, .rl-table{ /* container */
  border-radius: 20px;
  background: #f6f6f6;
  margin-bottom:20px;
}

/* Header row */
.rl-row.rl-head{
  display: grid;
  grid-template-columns: minmax(100px, 1fr) 1fr 1fr;
  gap: 0;
  align-items: center;
text-align:center;
  font-weight: 600;
  padding: 10px 0;
}

/* Field rows */
.rl-row.rl-field{
  display: grid;
  grid-template-columns: minmax(100px, 1fr) 1fr 1fr;
  gap: 0;
  align-items: center;
}
.rl-row.rl-field .rl-cell, .rl-title {
  padding: 5px 20px;
  text-transform:uppercase;
  font-size:12px;
}


/* Inputs */
.rl-row select,
.rl-row input[type="number"]{
  width: 100%;
  padding: 5px 10px;
  border-radius: 10px;
  background: #fff;
  border:1px solid #ddd;
}
.rl-row select:disabled{
  background: #f6f6f6;
  color: #777;
}

/* Qty row */
.rl-row.rl-qty{
  display: grid;
  grid-template-columns: minmax(100px, 1fr) 1fr 1fr;
  gap: 0;
  align-items: center;
  padding-bottom:10px;
}
.rl-row.rl-qty .rl-cell{ padding: 10px 20px; }

/* Helper: compact select heights on mobile iOS */
@supports (-webkit-touch-callout: none) {
  .rl-row select { font-size: 16px; }
}


/* --- v2.0.6 qty controls --- */
/* Hide native number spinners (Chrome/Safari/Edge) */
.rl-row input[type="number"]::-webkit-outer-spin-button,
.rl-row input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
/* Firefox */
.rl-row input[type="number"] { -moz-appearance: textfield; }

/* Control wrapper */
.rl-qty-control {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  border: 1px solid #cbd5e1;
  border-radius: 12px;
  padding: 4px 8px;
  background: #fff;
  border:1px solid #ddd;}

/* Buttons */
.rl-qty-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 0px solid #cbd5e1;
  background: #fff;
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
  transition: background .15s ease, border-color .15s ease, transform .05s ease-in-out;
  user-select: none;
}
.rl-qty-btn:hover { background: #eef2ff; border-color: #93c5fd; }
.rl-qty-btn:active { transform: scale(0.98); }

/* The input */
.rl-qty-control input[type="number"]{
  text-align: center;
  border: none;
  padding: 4px 0;
  font-weight: 600;
  background: transparent;
  box-shadow: none;
}
.rl-qty-control input[type="number"]:focus{ outline: none; border: none; box-shadow: none; }

/* Mobile */
@media (max-width: 480px){
  .rl-qty-control { gap: 8px; padding: 4px 6px; }
  .rl-qty-btn { width: 32px; height: 32px; }
  .rl-qty-control input[type="number"]{ width: 56px; min-width: 56px; }
}


/* Progressive reveal */
.rl-hidden{ display:none !important; }

/* Locked (auto-sélection unique) */
.rl-locked{
  background:#f1f5f9 !important;
  color:#64748b !important;
  border-color:#e2e8f0 !important;
  pointer-events:none;
}