/* BHS_PRODUCT_COLOR_VARIANT_FREEZE_FIX_V104 */

.bhs-color-square-fieldset-v104 .bhs-color-swatch,
.bhs-color-square-fieldset-v104 .bhs-color-dot,
.bhs-color-square-fieldset-v104 .bhs-color-text{
  display:none !important;
}

.bhs-color-square-fieldset-v104 .bhs-color-square-v104{
  position:relative !important;
  width:58px !important;
  height:58px !important;
  min-width:58px !important;
  min-height:58px !important;
  max-width:58px !important;
  max-height:58px !important;
  padding:0 !important;
  margin:0 7px 7px 0 !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  vertical-align:top !important;
  cursor:pointer !important;
  border:1px solid #cfd6df !important;
  border-radius:7px !important;
}

/* Resim yoksa TEK karenin tamamı renk */
.bhs-color-square-fieldset-v104 .bhs-color-square-v104.bhs-color-square-solid{
  background:var(--bhs-square-color) !important;
  background-image:none !important;
  color:transparent !important;
  font-size:0 !important;
}

.bhs-color-square-fieldset-v104 .bhs-color-square-v104.bhs-color-square-solid > :not(input){
  display:none !important;
}

/* Resim varsa TEK karenin tamamı resim */
.bhs-color-square-fieldset-v104 .bhs-color-square-image-v104{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
}

.bhs-color-square-fieldset-v104 label.bhs-color-square-v104 input{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  opacity:0 !important;
  cursor:pointer !important;
  margin:0 !important;
  z-index:3 !important;
}

.bhs-color-square-fieldset-v104 .bhs-color-square-v104.is-selected,
.bhs-color-square-fieldset-v104 label.bhs-color-square-v104:has(input:checked){
  border:3px solid var(--store-primary,#db4385) !important;
  box-shadow:0 0 0 2px #fff,0 0 0 4px var(--store-primary,#db4385) !important;
}

.bhs-color-square-fieldset-v104 .bhs-color-square-v104:hover{
  border-color:var(--store-primary,#db4385) !important;
}

@media(max-width:640px){
  .bhs-color-square-fieldset-v104 .bhs-color-square-v104{
    width:54px !important;
    height:54px !important;
    min-width:54px !important;
    min-height:54px !important;
    max-width:54px !important;
    max-height:54px !important;
  }
}