.reference-layout .booking-status.hatn-secure-status{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:22px;text-align:center}
.reference-layout:has(.hatn-finish)>.booking-status.hatn-secure-status{display:none}
.reference-layout .hatn-secure-trigger{display:inline-flex;align-items:center;justify-content:center;gap:10px;max-width:100%;min-height:44px;padding:7px 15px 7px 10px;border:1px solid #d7e8de;border-radius:999px;background:linear-gradient(110deg,#f0f9f2,#f0f9f8);color:#2c5254;box-shadow:0 3px 14px #124d3d09;font:inherit;cursor:pointer;transition:border-color .18s,box-shadow .18s,background .18s}
.reference-layout .hatn-secure-trigger:hover{border-color:#9dcbbb;box-shadow:0 4px 18px #0c68591a}
.reference-layout .hatn-secure-trigger:focus-visible,.hatn-secure-close:focus-visible{outline:3px solid #72baa9;outline-offset:4px}
.hatn-secure-shield{display:block;flex:none;width:27px;height:31px;filter:drop-shadow(0 2px 2px #155d4920)}
.hatn-secure-trigger-copy{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:center;gap:4px 8px;text-align:left;font-size:12px;line-height:1.45}
.hatn-secure-trigger-copy strong{color:#096b68;font-size:12px;font-weight:700}
.hatn-secure-trigger-copy>span{color:#526c68}
.hatn-secure-chevron{flex:none;width:16px;height:16px;color:#096b68}
.hatn-secure-schedule-note,.hatn-secure-service-note{max-width:560px;color:#687d77;font-size:11px;line-height:1.5}
.hatn-secure-dialog{box-sizing:border-box;position:fixed;width:min(460px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain;margin:auto;padding:27px 29px 30px;border:1px solid #fff;border-radius:25px;background:linear-gradient(135deg,#f5faf4 0%,#f1f9f8 100%);color:#183d46;box-shadow:0 25px 85px #122e4330;text-align:left;font-family:Arial,Helvetica,sans-serif}
.hatn-secure-dialog::backdrop{background:#18333b70;backdrop-filter:blur(3px)}
.hatn-secure-dialog[open]{animation:hatn-secure-enter .2s ease-out}
.hatn-secure-dialog .hatn-secure-shield-large{width:64px;height:72px;margin:-5px 0 17px}
.hatn-secure-close{position:absolute;top:16px;right:16px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#ffffffb3;color:#36564f;cursor:pointer}
.hatn-secure-close:hover{background:#fff}
.hatn-secure-close svg{width:21px;height:21px}
.hatn-secure-dialog .hatn-secure-eyebrow{margin:0 0 8px;color:#337b6c;font-size:9px;font-weight:700;line-height:1.5;letter-spacing:1.4px}
.hatn-secure-dialog h2{margin:0 0 9px;color:#173e45;font-size:24px;font-weight:700;line-height:1.25;letter-spacing:-.5px}
.hatn-secure-dialog .hatn-secure-intro{margin:0;color:#5c756f;font-size:14px;line-height:1.6}
.hatn-secure-dialog .hatn-secure-list{display:grid;gap:0;margin:21px 0 0;padding:0;list-style:none}
.hatn-secure-dialog .hatn-secure-list li{display:flex;align-items:flex-start;gap:12px;margin:0;padding:15px 0;border-top:1px solid #dceae3;color:#23494b}
.hatn-secure-dialog .hatn-secure-list li:last-child{padding-bottom:0}
.hatn-secure-dialog .hatn-secure-list li>svg{flex:none;width:19px;height:19px;margin-top:1px;color:#087668}
.hatn-secure-dialog .hatn-secure-list strong{display:block;margin:0;color:#1c4b4a;font-size:14px;font-weight:700;line-height:1.5}
.hatn-secure-dialog .hatn-secure-list p{margin:4px 0 0;color:#5a746e;font-size:13px;line-height:1.6}
@keyframes hatn-secure-enter{from{opacity:0;transform:translateY(9px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:580px){.reference-layout .hatn-secure-trigger{gap:8px;padding:8px 12px 8px 9px;border-radius:22px}.hatn-secure-trigger-copy{flex-direction:column;align-items:flex-start;gap:1px;font-size:11px}.hatn-secure-trigger-copy strong{font-size:12px}.hatn-secure-dialog{padding:24px 23px 25px;border-radius:23px}.hatn-secure-dialog h2{font-size:23px}.hatn-secure-dialog .hatn-secure-list{margin-top:19px}.hatn-secure-dialog .hatn-secure-list li{gap:10px;padding:14px 0}}
@media(prefers-reduced-motion:reduce){.hatn-secure-dialog[open]{animation:none}.reference-layout .hatn-secure-trigger{transition:none}}
