/* HanAnHua application v94 — resilient photo-guide confirmation control. */

.photo-guide-dialog{
  overscroll-behavior:contain;
}

/* Keep the acknowledgement action visible even when the guide itself scrolls. */
.hh-guide-footer{
  position:sticky;
  bottom:-1px;
  z-index:8;
  display:flex;
  justify-content:flex-end;
  align-items:center;
  margin:16px calc(clamp(18px,2.4vw,28px) * -1) calc(clamp(18px,2.4vw,28px) * -1);
  padding:14px clamp(18px,2.4vw,28px) 16px;
  border-top:1.5px solid #d8d1bb;
  background:linear-gradient(180deg,rgba(255,253,244,.94),#fffdf4 34%);
}

/* Deliberately use a dedicated, neutral class instead of the site's generic
   primary-button selector. This reduces the chance that aggressive cosmetic
   filtering/browser extensions hide or restyle the acknowledgement control. */
.hh-continue-control{
  -webkit-appearance:none !important;
  appearance:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:150px !important;
  min-height:50px !important;
  padding:11px 24px !important;
  border:2px solid #111 !important;
  border-radius:999px !important;
  background:#111 !important;
  color:#fff !important;
  font:900 16px/1.15 "DM Sans",system-ui,sans-serif !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  cursor:pointer !important;
  box-shadow:5px 5px 0 #f45a2a !important;
  text-decoration:none !important;
  transform:none;
}
.hh-continue-control:hover{
  transform:translate(-1px,-1px);
}
.hh-continue-control:focus-visible{
  outline:3px solid #ffd22e !important;
  outline-offset:3px !important;
}

@media(max-width:860px){
  .hh-guide-footer{
    margin:14px -16px -16px;
    padding:12px 16px 14px;
  }
}
@media(max-width:620px){
  .hh-guide-footer{
    margin:12px -14px -14px;
    padding:12px 14px 14px;
  }
  .hh-continue-control{
    width:100% !important;
    min-width:0 !important;
    min-height:52px !important;
  }
}