/* Pisarev Realty — legal/privacy popups for all four internal pages. */
/* Keep the proven working form scripts and backend untouched. */
.site-modal{--ink:var(--dark,#283730);--font:var(--body,'Onest',Arial,sans-serif)}
.site-modal{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;padding:22px 16px}
.site-modal.is-open{display:flex}
.site-modal__backdrop{position:absolute;inset:0;background:rgba(24,31,27,.68);backdrop-filter:blur(7px);animation:modal-fade .23s ease both}
.site-modal__panel{position:relative;z-index:1;background:#faf8f3;color:var(--ink);width:min(100%,650px);max-height:min(90dvh,860px);box-shadow:0 27px 95px #171d19a3;overflow:auto;animation:modal-rise .33s ease both}
.site-modal__panel--success{padding:67px 64px 48px;text-align:center;overflow:hidden}
.site-modal__panel--success::after{content:'';position:absolute;right:-110px;top:-105px;width:290px;height:290px;border-radius:50%;border:1px solid #ded4c4;pointer-events:none}
.site-modal__close{position:absolute;right:17px;top:16px;display:grid;place-items:center;width:44px;height:44px;border:1px solid #dcd5c9;background:#fffefa;color:#4b524c;font-size:30px;line-height:1;cursor:pointer;z-index:2;transition:background .2s}
.site-modal__close:hover{background:#e8e0d3}
.site-modal__symbol{height:82px;width:82px;border:1px solid #d2c4ae;background:#e9e2d4;margin:0 auto 28px;border-radius:50%;display:grid;place-items:center;color:#405448}
.site-modal__symbol svg{width:37px;height:37px}
.site-modal__eyebrow{display:block;font-family:var(--font);font-size:12px;font-weight:750;letter-spacing:.16em;color:#94816b}
.site-modal__panel--success h2{font-family:var(--display);font-size:clamp(33px,4vw,47px);font-weight:400;letter-spacing:-.035em;line-height:1.3;margin:24px auto}
.site-modal__panel--success h2 em,.site-modal__panel--privacy h2 em{font-style:normal;color:#9c8060}
.site-modal__panel--success p{font-size:17px;line-height:1.8;max-width:430px;margin:0 auto 29px;color:#667067}
.site-modal__button{min-width:240px}
.site-modal__fine{margin-top:38px;font-size:12px;font-weight:700;letter-spacing:.075em;color:#988d7e}
.site-modal__panel--privacy{width:min(100%,800px);display:flex;flex-direction:column;overflow:hidden}
.site-modal__privacy-top{flex:0 0 auto;padding:36px 52px 23px;border-bottom:1px solid #ddd6ca}
.site-modal__privacy-top h2{font-family:var(--display);font-weight:400;font-size:clamp(26px,3.1vw,37px);line-height:1.32;letter-spacing:-.02em;margin:13px 50px 0 0}
.site-modal__close--in-header{right:25px;top:32px}
.site-modal__privacy-scroll{overflow-y:auto;min-height:0;padding:18px 52px 27px;scrollbar-color:#ac9c83 #eee8de;overscroll-behavior:contain}
.site-modal__privacy-intro{color:#697269;font-size:16px;line-height:1.76}
.privacy-section{margin:22px 0 28px}
.privacy-section h3{font-family:var(--font);font-weight:750;letter-spacing:0;font-size:18px;line-height:1.45;margin:0 0 9px}
.privacy-section p{font-size:15px;line-height:1.8;color:#697269;margin:0}
.privacy-section a,.site-modal__privacy-footer a{color:#4e6155;text-decoration:underline;text-underline-offset:3px}
.site-modal__notice{padding:15px 18px;background:#efebe3;font-size:13px;line-height:1.65;color:#766a5a}
.site-modal__privacy-footer{flex:0 0 auto;border-top:1px solid #ddd6ca;padding:18px 52px;display:flex;align-items:center;justify-content:space-between;gap:12px 20px;background:#f4f0e8;font-size:13px}
.site-modal__privacy-footer .button{min-height:48px;padding:11px 18px;font-size:14px;gap:26px}
@keyframes modal-fade{from{opacity:0}to{opacity:1}}
@keyframes modal-rise{from{opacity:0;transform:translateY(17px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:720px){.footer__legal{flex-direction:column;gap:15px}.footer__legal-contact,.footer__legal-links{font-size:13px}.site-modal{padding:12px}.site-modal__panel--success{padding:65px 24px 38px}.site-modal__panel--success p{font-size:16px}.site-modal__privacy-top{padding:26px 23px 20px}.site-modal__privacy-top h2{margin-right:47px;font-size:clamp(25px,7vw,33px)}.site-modal__close--in-header{top:19px;right:18px}.site-modal__privacy-scroll{padding:13px 23px 22px}.privacy-section p{font-size:15px}.site-modal__privacy-footer{padding:15px 23px;flex-wrap:wrap}.site-modal__privacy-footer .button{width:auto;min-width:140px}.site-modal__panel{max-height:92dvh}}
@media(prefers-reduced-motion:reduce){.site-modal__panel,.site-modal__backdrop{animation:none!important}}
/* Make the successful-submission button feel and behave like a button. */
.page-modal .modal-actions .btn{cursor:pointer;border:1px solid #aab2a8;transition:background-color .18s,border-color .18s,transform .18s}
.page-modal .modal-actions .btn:hover{background:#3f5347;border-color:#3f5347}
.page-modal .modal-actions .btn:active{transform:translateY(1px)}
.page-modal .modal-actions .btn:focus-visible{outline:3px solid #b79b74;outline-offset:3px}
/* The homepage modal includes its own generic button CSS. The internal pages need an equivalent. */
.site-modal__privacy-footer .button{display:inline-flex;justify-content:space-between;align-items:center;gap:22px;min-height:48px;padding:11px 18px;background:#283730;color:#fff;font:700 14px var(--body,'Onest',Arial,sans-serif);cursor:pointer;border:0;text-decoration:none;transition:background-color .18s}
.site-modal__privacy-footer .button:hover{background:#3f5347}
.site-modal__privacy-footer .button:focus-visible{outline:3px solid #b79b74;outline-offset:3px}
.site-modal__privacy-footer .button span{color:inherit}
.site-modal .site-modal__privacy-scroll{flex:1 1 auto}
