input.plus.button.is-form.rangeplus { position: relative;  left: 90%; top: -20px; width: 50px}
input.minus.button.is-form.rangeminus { position: relative;  left: 0px;  top: 40px; width: 50px}


.range-tickets{ margin:40px 0; background-color:#f5f6f7; padding:10px;  }

.range-tickets-flex{display:flex;  flex-direction: row; flex-wrap: nowrap; justify-content:space-between;     align-items: end;    gap: 10px;}
.range-tickets-flex .slider-minus{order: 1; flex-grow: 1; background-color: #333333; color: white; border-radius: 5px; border: none;}
.range-tickets-flex .ranger-wrapper{order: 2; flex-grow: 18;}
.range-tickets-flex .slider-plus{order: 3; flex-grow: 1; background-color: #333333; color: white; border-radius: 5px; border: none;}

.wcl-progress-meter-wraper { margin: 80px 0 40px }
.range-tickets { margin: 40px 0; background-color:#f5f6f7; padding: 10px; }
.range-tickets button { width: 100%; /*margin: 40px 0 20px */}



.wcl-progress-meter-wraper .rangeslider__handle { cursor: initial; }
.rangeslider-wrap { padding-top: 100px; }

.range-tickets::after, .wcl-progress-meter-wraper:after {
  content: "";
  clear: both;
  display: table;
}

 .rangeslider {
   position: relative;
   height: 4px;
   border-radius: 5px;
   width: 100%;
   background-color: gray;
}
 .rangeslider__handle {
   transition: background-color 0.2s;
   box-sizing: border-box;
   width: 20px;
   height: 20px;
   border-radius: 100%;
   background-color: #ffc421;
   touch-action: pan-y;
   cursor: pointer;
   display: inline-block;
   position: absolute;
   z-index: 3;
   top: -8px;
   /*box-shadow: 0 1px 3px rgba(0, 0, 0, .5), inset 0 0 0 2px white;*/
}
 .rangeslider__handle__value {
   transition: background-color 0.2s, box-shadow 0.1s, transform 0.1s;
   box-sizing: border-box;
/*   min-width: 150px;*/
   text-align: center;
   padding: 10px;
   background-color: #ffc421;
   border-radius: 5px;
   color: black;
/*   transform: translate(-50%,0);*/
    left: calc(-50% - 10px);
     top: -55px;
   position: absolute;
   white-space: nowrap;
   border-top: 1px solid #ffc421;
   /*box-shadow: 0 -4px 1px rgba(0, 0, 0, .07), 0 -5px 20px rgba(0, 0, 0, .3);*/
}
 .rangeslider__handle__value:before {
   transition: border-top-color 0.2s;
   position: absolute;
   bottom: -10px;
   left: calc(50% - 10px);
   content: "";
   width: 0;
   height: 0;
   border-left: 10px solid transparent;
   border-right: 10px solid transparent;
   border-top: 10px solid;
   border-top-color: #ffc421;
}
 .rangeslider__fill {
   position: absolute;
   top: 0;
   z-index: 1;
   height: 100%;
   background-color: #ffc421;
   border-radius: 5px;
}
 .rangeslider__labels {
   position: absolute;
   width: 100%;
   z-index: 2;
   display: flex;
   justify-content: space-between;
}
 .rangeslider__labels__label {
   font-size: 0.75em;
   position: relative;
   padding-top: 15px;
   color: gray;
}
 .rangeslider__labels__label:before {
   position: absolute;
   top: 0;
   left: 50%;
   transform: translateX(-50%);
   content: "";
   width: 1px;
   height: 9px;
   border-radius: 1px;
   background-color: rgba(128, 128, 128, .5);
}
 .rangeslider__labels__label:first-child:before, .rangeslider__labels__label:last-child:before {
   height: 12px;
   width: 2px;
}
 .rangeslider__labels__label:first-child:before {
   background-color: #ffc421;
}
 .rangeslider__labels__label:last-child:before {
   background-color: gray;
}
 .rangeslider__labels__label:first-child {
   transform: translateX(-48%);
}
 .rangeslider__labels__label:last-child {
   transform: translateX(48%);
}
 .rangeslider.rangeslider--active .rangeslider__handle, .rangeslider.rangeslider--active .rangeslider__handle * {
   background-color: #ffc421;
}
 .rangeslider.rangeslider--active .rangeslider__handle *:before {
   border-top-color: #ffc421;
}
 .rangeslider.rangeslider--active .rangeslider__handle__value {
   transform: translateY(-5px);
   box-shadow: 0 -3px 2px rgba(0, 0, 0, .04), 0 -9px 25px rgba(0, 0, 0, .15);
}

.single-product div.product{overflow: visible;}