:root { --vps-green: #0a7e63; } #estimate-confirm-overlay {
position: fixed !important;
top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
inset: 0 !important;
width: 100vw !important; height: 100vh !important;
transform: none !important;
display: none; background: rgba(0,0,0,.55);
z-index: 2147483647 !important; padding: 20px; box-sizing: border-box; pointer-events: auto;
} #estimate-confirm-overlay.is-visible {
display: grid !important;
place-items: center !important;
animation: estFade .25s ease-out;
} html.est-popup-open,
body.est-popup-open { overflow: hidden !important; height: 100% !important; } .estimate-confirm {
background: #fff;
width: min(92vw, 520px);
max-height: min(88vh, 640px);
overflow: auto;
border-radius: 14px;
padding: 28px 22px 20px;
box-shadow: 0 10px 30px rgba(0,0,0,.25);
position: relative; text-align: center;
border-top: 6px solid var(--vps-green);
box-sizing: border-box;
} .estimate-confirm h3 { margin: 0 0 12px; font-size: 22px; font-weight: 600; color: var(--vps-green); }
.estimate-confirm p { margin: 0 0 8px; color: #444; }
.estimate-confirm a { color: var(--vps-green); font-weight: 600; text-decoration: none; }
.estimate-confirm a:hover { text-decoration: underline; } .est-close {
position: absolute; top: 10px; right: 12px;
border: 0; background: transparent; font-size: 26px; line-height: 1;
cursor: pointer; color: #777;
}
.est-close:hover { color: #111; } @keyframes estFade { from {opacity:0} to {opacity:1} } @media (max-width: 480px) {
.estimate-confirm { padding: 24px 18px 18px; }
.estimate-confirm h3 { font-size: 20px; }
} @media (prefers-reduced-motion: reduce) {
#estimate-confirm-overlay.is-visible { animation: none; }
} .wpcf7 .wpcf7-response-output { display: none !important; }