.custom-buckle-model-option,  .custom-buckle-model-option:hover {
    transition: ease-in .4s;
}
 
.smokeyCard:hover {
    background-color: rgba(0, 0, 0, 0.603)  !important;
    border: 1px solid rgb(58, 48, 48);
    transition: ease-in .4s;
    transform: scale(1.1); 
    opacity:100%;

}
.smokeyCard {
     transition: ease-in .4s;
    opacity:50%;
}

 .custom-buckle-model-option_img{height:50px;width:auto;}

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, 
.woocommerce-page div.product div.images { width: 100%;}

.breadCrum {display: none !important;}

.builder-switch-row {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    user-select: none;}

.builder-switch-label {font-size: 16px;font-weight: 500;}

/* ocultar checkbox original */
.builder-switch-input {display: none;}

/* switch base */
.builder-switch-slider {
    position: relative;
    width: 46px;
    height: 24px;
    background: #ccc;
   border-radius: 50px;
    transition: 0.3s;}

/* ball */
.builder-switch-slider::before {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    top: 3px;
    left: 4px;
    background: white;
    border-radius: 50%;
    transition: 0.3s;}
/*  active */
.builder-switch-input:checked + .builder-switch-slider { 
    background: #595656;
    border: 1px solid #7d7c7c;
}
.builder-switch-input:checked + .builder-switch-slider::before {
 transform: translateX(20px);}
.ProductosDestacados-Container {
    background-size: cover;
    background-attachment: fixed;
}
.beltDemoColor {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin: 0 auto 14px auto;
}

.custom-buckle-option-is-selected,
.custom-buckle-model-option-isSelected {
    border: 2px solid #e06a4d !important;
    box-shadow: 0 0 0 0.2rem rgba(255, 124, 72, 0);
    opacity:100%;
}

select.custom-buckle-option-is-selected,
select.custom-buckle-model-option-isSelected {
    border: 2px solid #e06a4d !important;
    box-shadow: 0 0 0 0.2rem rgba(255, 124, 72, 0);
    opacity:100%;
}

.custom-belt-preview img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.custom-buckle-stone-picker {
    display: block;
}

.custom-buckle-stone-option {
    display: inline-block;
    padding: 4px !important;
    min-width: 40px;
    min-height: 40px;
    line-height: 1;
}

.custom-buckle-stone-option_img {
    width: 32px;
    height: 32px;
    object-fit: cover;
    display: block;
}

@keyframes cb-size-required-pulse {
  0% { box-shadow: 0 0 0 0 rgba(240, 95, 29, 0.65); border-color: rgba(240, 95, 29, 0.95); }
  70% { box-shadow: 0 0 0 10px rgba(240, 95, 29, 0); border-color: rgba(240, 95, 29, 0.95); }
  100% { box-shadow: 0 0 0 0 rgba(240, 95, 29, 0); border-color: rgba(240, 95, 29, 0.95); }
}

.cb-size-required-label {
    color: #ff9f7a !important;
    font-weight: 700;
}

.cb-size-required-field {
    border-color: #f05f1d !important;
    animation: cb-size-required-pulse 1s ease-in-out 3;
}

.cb-size-required-field:focus {
    box-shadow: 0 0 0 0.25rem rgba(240, 95, 29, 0.25) !important;
}

.cb-step-1-required .step-counter {
    animation: cb-size-required-pulse 1s ease-in-out 3;
    border: 2px solid #f05f1d;
}

.stepper-wrapper {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.stepper-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;

  @media (max-width: 768px) {
    font-size: 12px;
  }
}

.stepper-item::before {
  position: absolute;
  content: "";
  border-bottom: 2px solid #ccc;
  width: 100%;
  top: 20px;
  left: -50%;
  z-index: 2;
}

.stepper-item::after {
  position: absolute;
  content: "";
  border-bottom: 2px solid #5c5959;
  width: 100%;
  top: 20px;
  left: 50%;
  z-index: 2;
}

.stepper-item .step-counter {
  position: relative;
  z-index: 5;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #504747;
  margin-bottom: 6px;
}

.stepper-item.active {
  font-weight: bold;
}

.stepper-item.active .step-counter {
  background: #1f1f1f;
  color: #fff;
  border: 2px solid #f07b2d;
  box-shadow: 0 0 12px rgba(240, 123, 45, 0.45);
}

.stepper-item.completed .step-counter {
    background: rgb(250, 121, 29);
    background: -moz-linear-gradient(4deg, rgba(250, 121, 29, 1) 11%, rgba(250, 62, 29, 1) 74%);
    background: -webkit-linear-gradient(4deg, rgba(250, 121, 29, 1) 11%, rgba(250, 62, 29, 1) 74%);
    background: linear-gradient(4deg, rgba(250, 121, 29, 1) 11%, rgba(250, 62, 29, 1) 74%);
    color: #fffec7;
    font-weight: bold;
    text-shadow: 1px 1px 1px #000000;
    width: 50px;
    height: 50px;
    border: 3px solid rgba(250, 121, 29, 1);
    box-shadow: #ff7434 0px 0px 15px ;
}

.chkuot {
    background: rgb(250, 121, 29);
    background: -moz-linear-gradient(4deg, rgba(250, 121, 29, 1) 11%, rgba(250, 62, 29, 1) 74%);
    background: -webkit-linear-gradient(4deg, rgba(250, 121, 29, 1) 11%, rgba(250, 62, 29, 1) 74%);
    background: linear-gradient(4deg, rgba(250, 121, 29, 1) 11%, rgba(250, 62, 29, 1) 74%);
    color: #ffffff !important;
    font-weight: bold;
    text-shadow: 1px 1px 1px #0000008a;
    border: 3px solid rgba(250, 121, 29, 1);
    box-shadow: #ff7434 0px 0px 15px;
}

.chkuot:hover {
    background: rgb(250, 121, 29);
    background: -moz-linear-gradient(4deg, rgba(250, 121, 29, 1) 11%, rgba(250, 62, 29, 1) 74%);
    background: -webkit-linear-gradient(4deg, rgba(250, 121, 29, 1) 11%, rgba(250, 62, 29, 1) 74%);
    background: linear-gradient(4deg, rgb(243 168 114) 11%, rgba(250, 62, 29, 1) 74%);
    color: #ffffff !important;
    font-weight: bold;
    text-shadow: 1px 1px 1px #0000008a;
    border: 3px solid rgb(255 215 187);
    box-shadow: #f5cebb 0px 0px 25px, #f7c8b3 0px 0px 15px inset;
}
.stepper-item.completed::after {
  position: absolute;
  content: "";
  border-bottom: 2px solid #f05f1d;
  width: 100%;
  top: 20px;
  left: 50%;
  z-index: 3;
}

.stepper-item:first-child::before {
  content: none;
}
.stepper-item:last-child::after {
  content: none;
}