/* RED FAWN – dynamic variant buttons v2 */

.rf-native-variant-select{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}

.rf-original-variant-label{
  display:none!important;
}

.rf-variant-group{
  margin:0 0 20px!important;
}

.rf-variant-title{
  margin:0 0 9px!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  color:#30251f!important;
}

.rf-variant-buttons{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
}

.rf-variant-option{
  appearance:none!important;
  -webkit-appearance:none!important;
  min-height:48px!important;
  padding:0 22px!important;
  border:1px solid rgba(77,57,44,.28)!important;
  border-radius:10px!important;
  background:#fffdfb!important;
  color:#3a2d25!important;
  font-family:inherit!important;
  font-size:15px!important;
  font-weight:600!important;
  line-height:1!important;
  cursor:pointer!important;
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease,opacity .18s ease!important;
}

.rf-variant-option:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(77,57,44,.50)!important;
  box-shadow:0 5px 14px rgba(61,42,31,.07)!important;
}

.rf-variant-option.is-selected{
  background:#4a372c!important;
  color:#fff9f3!important;
  border-color:#4a372c!important;
  box-shadow:0 5px 15px rgba(61,42,31,.13)!important;
}

.rf-variant-option.is-unavailable{
  opacity:.35!important;
  cursor:not-allowed!important;
  text-decoration:line-through!important;
  transform:none!important;
  box-shadow:none!important;
}

@media(max-width:767px){
  .rf-variant-group{margin-bottom:17px!important}
  .rf-variant-buttons{gap:8px!important}
  .rf-variant-option{
    min-height:44px!important;
    padding:0 17px!important;
    font-size:14px!important;
    border-radius:9px!important;
  }
}