/* =========================================================
   PINCODE CHECKER – PREMIUM UI
   File: ti-pincode-checker-1002.css
========================================================= */

.hidden{
  display: none !important;
}

.treow-pincode-box{
  position: relative;
  display: inline-flex;
  align-items: center;
}

/* Panel */
.treow-pincode-box .pincode-form{
  position: absolute;
  top: 0;
  left: calc(100% + 12px);
  width: 320px;
  max-width: 90vw;
  background: #fff;
  border-radius: 14px;
  border: 1px solid #e7e7e7;
  box-shadow: 0 14px 40px rgba(0,0,0,.14);
  padding: 16px;
  transform: translateX(18px);
  opacity: 0;
  pointer-events: none;
  transition: all .22s ease;
  z-index: 9999;
}

.treow-pincode-box .pincode-form:not(.hidden){
  transform: translateX(0);
  opacity: 1;
  pointer-events: auto;
}

@media (max-width: 768px){
  .treow-pincode-box{
    width: 100%;
  }

  .treow-pincode-box .pincode-form{
    position: static;
    width: 100%;
    margin-top: 10px;
    transform: none;
    opacity: 1;
    pointer-events: auto;
    box-shadow: none;
  }
}