.wcpqr-trigger-wrap {
  display:block;
  position: absolute;
  top: 55px;
  left: 0px;
}
.wcpqr-trigger {
  position: relative;
}
.wcpqr-trigger svg {
  color: #a7815a;
}
.wcpqr-trigger:hover,.wcpqr-trigger:focus {
  border-color:#777;
  outline-offset:2px
}
.wcpqr-icon {
  width:21px;
  height:21px;
  display:inline-flex;
  flex:0 0 21px
}
.wcpqr-icon svg {
  width:100%;
  height:100%;
  fill:currentColor
}
.wcpqr-overlay {
  position:fixed;
  inset:0;
  z-index:999999;
  background:rgba(0,0,0,.62);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  box-sizing:border-box
}
.wcpqr-modal {
  position:relative;
  width:min(94vw,520px);
  max-height:90vh;
  overflow:auto;
  background:#fff;
  color:#222;
  border-radius:12px;
  padding:26px 22px 22px;
  box-sizing:border-box;
  text-align:center;
  box-shadow:0 18px 70px rgba(0,0,0,.28)
}
.wcpqr-modal h2 {
  font-size:1.35rem;
  line-height:1.4;
  margin:0 35px 8px
}
.wcpqr-product-name {
  margin:0 0 12px;
  font-weight:600
}
.wcpqr-close {
  position:absolute;
  right:12px;
  top:8px;
  border:0;
  background:transparent;
  color:#333;
  font-size:30px;
  line-height:1;
  cursor:pointer;
  padding:3px 8px
}
.wcpqr-code {
  display:flex;
  justify-content:center;
  align-items:center;
  max-width:100%;
  overflow:hidden;
  margin:12px auto
}
.wcpqr-code svg {
  display:block
}
.wcpqr-url {
  font-size:12px;
  overflow-wrap:anywhere;
  color:#666;
  margin:10px 0
}
.wcpqr-actions {
  display:flex;
  gap:9px;
  justify-content:center;
  flex-wrap:wrap;
  margin-top:14px
}
.wcpqr-actions button {
  border:1px solid #bbb;
  background:#f7f7f7;
  color:#222;
  border-radius:6px;
  padding:9px 13px;
  font:inherit;
  cursor:pointer
}
body.wcpqr-lock {
  overflow:hidden
}
@media(max-width:767px) {
  .wcpqr-modal {
    padding:24px 14px 18px
  }
  .wcpqr-modal h2 {
    font-size:1.15rem
  }
  .wcpqr-trigger {
    padding:8px 10px
  }
}