/* VK Realty CRM professional skin - generated */
:root{--w-navy:#0B1B2E;--w-ink:#0F172A;--w-muted:#5B6B7F;--w-line:#E2E8F0;--w-teal:#0A7B8A;--w-teal-d:#075F6B;--w-gold:#C9A227;--w-soft:#F5F7FA}
html{scroll-behavior:smooth}
html body:not(#vka):not(#vkb),html body:not(#vka):not(#vkb) *{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important}
html body:not(#vka):not(#vkb){color:var(--w-ink)!important;background:#fff!important;-webkit-font-smoothing:antialiased;line-height:1.6}
html body:not(#vka):not(#vkb) header{background:linear-gradient(180deg,rgba(7,19,36,.78),rgba(7,19,36,0))!important}
html body:not(#vka):not(#vkb) header nav{height:78px!important}
html body:not(#vka):not(#vkb) header .logo{font-size:24px!important;font-weight:800!important;letter-spacing:.3px;color:#fff!important}
html body:not(#vka):not(#vkb) header .logo span,html body:not(#vka):not(#vkb) header .logo b,html body:not(#vka):not(#vkb) header .logo em{color:var(--w-gold)!important;font-style:normal}
html body:not(#vka):not(#vkb) header nav a{font-size:14px!important;font-weight:500!important;letter-spacing:.2px}
html body:not(#vka):not(#vkb) header nav a:not(.btn){color:rgba(255,255,255,.88)!important;transition:color .15s}
html body:not(#vka):not(#vkb) header nav a:not(.btn):hover{color:#fff!important}
html body:not(#vka):not(#vkb) .links{display:flex;gap:30px}
html body:not(#vka):not(#vkb) .btn{display:inline-flex;align-items:center;justify-content:center;border-radius:8px!important;font-size:14px!important;font-weight:600!important;padding:12px 20px!important;border:0;background:var(--w-gold)!important;color:#0B1B2E!important;box-shadow:0 1px 2px rgba(0,0,0,.12)!important;transition:transform .15s,box-shadow .15s,background .15s;cursor:pointer}
html body:not(#vka):not(#vkb) .btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(11,27,46,.18)!important}
html body:not(#vka):not(#vkb) .btn.t,html body:not(#vka):not(#vkb) .search button,html body:not(#vka):not(#vkb) button.btn.t{background:var(--w-teal)!important;color:#fff!important}
html body:not(#vka):not(#vkb) .btn.t:hover{background:var(--w-teal-d)!important}
html body:not(#vka):not(#vkb) .btn.full{width:100%}
html body:not(#vka):not(#vkb) .hero{min-height:660px!important;background-blend-mode:normal}
html body:not(#vka):not(#vkb) .hero small,html body:not(#vka):not(#vkb) .hero .eyebrow{font-size:12.5px!important;font-weight:700!important;letter-spacing:2px!important;opacity:.92}
html body:not(#vka):not(#vkb) .hero h1{font-size:clamp(36px,5vw,60px)!important;font-weight:800!important;letter-spacing:-.025em!important;line-height:1.08!important;max-width:880px}
html body:not(#vka):not(#vkb) .hero p{font-size:18px!important;line-height:1.65!important;max-width:560px;opacity:.94}
html body:not(#vka):not(#vkb) .search{border-radius:14px!important;padding:10px!important;box-shadow:0 24px 60px rgba(0,0,0,.35)!important;gap:10px!important}
html body:not(#vka):not(#vkb) .search select,html body:not(#vka):not(#vkb) .search input{border:1px solid var(--w-line)!important;border-radius:9px!important;font-size:14px!important;height:48px;color:var(--w-ink)!important;background:#fff}
html body:not(#vka):not(#vkb) .search button{border-radius:9px!important;height:48px;padding:0 28px!important;font-weight:600!important}
html body:not(#vka):not(#vkb) section{padding:84px 0!important}
html body:not(#vka):not(#vkb) .soft{background:var(--w-soft)!important}
html body:not(#vka):not(#vkb) .head small{display:block;color:var(--w-teal)!important;font-size:12.5px!important;font-weight:700!important;letter-spacing:1.8px!important}
html body:not(#vka):not(#vkb) .head h2{font-size:clamp(28px,3.4vw,40px)!important;font-weight:800!important;letter-spacing:-.02em!important;margin:8px 0 10px!important;color:var(--w-ink)!important}
html body:not(#vka):not(#vkb) .head p{color:var(--w-muted)!important;font-size:16px!important;max-width:560px;margin:0 auto!important}
html body:not(#vka):not(#vkb) .grid{gap:26px!important}
html body:not(#vka):not(#vkb) .card{background:#fff!important;border:1px solid var(--w-line)!important;border-radius:16px!important;overflow:hidden;box-shadow:0 1px 2px rgba(15,23,42,.05)!important;transition:transform .2s,box-shadow .2s,border-color .2s}
html body:not(#vka):not(#vkb) .card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(15,23,42,.12)!important;border-color:#CBD5E1!important}
html body:not(#vka):not(#vkb) .card .pic{height:220px!important;object-fit:cover;width:100%;background-size:cover!important;background-position:center!important}
html body:not(#vka):not(#vkb) .card .body{padding:20px 22px 22px!important}
html body:not(#vka):not(#vkb) .card .loc{font-size:12.5px!important;font-weight:600!important;color:var(--w-teal)!important;letter-spacing:.3px}
html body:not(#vka):not(#vkb) .card h3{font-size:20px!important;font-weight:700!important;letter-spacing:-.01em;margin:6px 0 4px!important;color:var(--w-ink)!important}
html body:not(#vka):not(#vkb) .card p{font-size:14px!important;color:var(--w-muted)!important;line-height:1.6}
html body:not(#vka):not(#vkb) .card .price{font-size:16px!important;font-weight:700!important;color:var(--w-ink)!important;margin:12px 0 14px!important}
html body:not(#vka):not(#vkb) .website-project-actions{display:flex;gap:10px}
html body:not(#vka):not(#vkb) .website-project-actions .btn{padding:10px 16px!important;font-size:13.5px!important;flex:1}
html body:not(#vka):not(#vkb) .website-project-actions .btn.project-more,html body:not(#vka):not(#vkb) .btn.project-more{background:#fff!important;color:var(--w-teal)!important;border:1px solid #CBD5E1!important;box-shadow:none!important}
html body:not(#vka):not(#vkb) .website-project-actions .btn:not(.project-more){background:var(--w-teal)!important;color:#fff!important}
html body:not(#vka):not(#vkb) .stats{gap:20px!important}
html body:not(#vka):not(#vkb) .stat{border:1px solid var(--w-line)!important;border-radius:14px!important;padding:26px 18px!important;background:#fff!important;box-shadow:0 1px 2px rgba(15,23,42,.04)}
html body:not(#vka):not(#vkb) .stat strong{font-size:34px!important;font-weight:800!important;color:var(--w-teal)!important;letter-spacing:-.02em;display:block}
html body:not(#vka):not(#vkb) .stat span,html body:not(#vka):not(#vkb) .stat small{color:var(--w-muted)!important;font-size:14px!important;font-weight:500}
html body:not(#vka):not(#vkb) .split .pic,html body:not(#vka):not(#vkb) .split img{border-radius:16px!important;box-shadow:0 20px 50px rgba(15,23,42,.14)}
html body:not(#vka):not(#vkb) .info-box{border:1px solid var(--w-line)!important;border-radius:12px!important;background:#fff!important;padding:16px 18px!important;box-shadow:none!important}
html body:not(#vka):not(#vkb) .formbox{background:#fff!important;border:1px solid var(--w-line)!important;border-radius:18px!important;padding:34px!important;box-shadow:0 20px 50px rgba(15,23,42,.08)!important}
html body:not(#vka):not(#vkb) .form input,html body:not(#vka):not(#vkb) .form select,html body:not(#vka):not(#vkb) .form textarea{border:1px solid #CBD5E1!important;border-radius:9px!important;padding:13px 14px!important;font-size:14.5px!important;color:var(--w-ink)!important;background:#fff!important;width:100%;transition:border-color .15s,box-shadow .15s}
html body:not(#vka):not(#vkb) .form input:focus,html body:not(#vka):not(#vkb) .form select:focus,html body:not(#vka):not(#vkb) .form textarea:focus{outline:0!important;border-color:var(--w-teal)!important;box-shadow:0 0 0 3px rgba(10,123,138,.16)!important}
html body:not(#vka):not(#vkb) .form .btn{height:50px;font-size:15px!important;background:var(--w-teal)!important;color:#fff!important}
html body:not(#vka):not(#vkb) footer{background:var(--w-navy)!important;color:#B7C4D4!important}
html body:not(#vka):not(#vkb) footer a{color:#B7C4D4!important;transition:color .15s}
html body:not(#vka):not(#vkb) footer a:hover{color:#fff!important}
html body:not(#vka):not(#vkb) footer h4,html body:not(#vka):not(#vkb) footer h3,html body:not(#vka):not(#vkb) footer b{color:#fff!important;font-weight:700!important}
html body:not(#vka):not(#vkb) footer .logo{color:#fff!important;font-weight:800!important}
html body:not(#vka):not(#vkb) .project-modal-box{border-radius:18px!important;box-shadow:0 30px 80px rgba(0,0,0,.4)!important;overflow:hidden}
html body:not(#vka):not(#vkb) .project-modal-content h2{font-size:26px!important;font-weight:800!important;letter-spacing:-.02em}
html body:not(#vka):not(#vkb) .project-gallery img{border-radius:10px!important}
@media(max-width:800px){html body:not(#vka):not(#vkb) section{padding:56px 0!important}
html body:not(#vka):not(#vkb) .links{display:none}
html body:not(#vka):not(#vkb) .hero{min-height:560px!important}}


/* ---- FIX: project popup must scroll (content scrolls, close button stays pinned) ---- */
.project-modal{overflow:hidden!important;overscroll-behavior:contain}
.project-modal-box{overflow:hidden!important;display:flex!important;flex-direction:column!important;max-height:92vh!important;max-height:92dvh!important}
.project-modal-content{overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;max-height:92vh;max-height:92dvh;scroll-behavior:smooth}
.project-modal-close{position:absolute!important;right:14px!important;top:14px!important;box-shadow:0 2px 10px rgba(0,0,0,.25)!important;z-index:5!important}
body:has(.project-modal.open){overflow:hidden!important}

/* ---- Chat launcher: bigger, more attractive ---- */
.vk-chat-launcher{width:80px!important;height:80px!important;right:26px!important;bottom:26px!important;background:linear-gradient(145deg,#22918b,#134f4c)!important;border:3px solid rgba(255,255,255,.92)!important;box-shadow:0 16px 36px rgba(15,85,82,.45)!important;animation:vkFloat 3.2s ease-in-out infinite}
.vk-chat-launcher span{font-size:24px!important;font-weight:800!important;letter-spacing:1px!important}
.vk-chat-launcher::before{content:"";position:absolute;inset:-7px;border-radius:50%;border:2px solid rgba(34,145,139,.5);animation:vkRing 2.4s ease-out infinite;pointer-events:none}
.vk-chat-launcher:hover{transform:scale(1.07)!important;animation-play-state:paused}
.vk-chat-pulse{width:17px!important;height:17px!important;right:3px!important;top:3px!important;border-width:3px!important}
.vk-chat-panel{bottom:122px!important;right:26px!important}
@keyframes vkFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes vkRing{0%{transform:scale(.95);opacity:.9}100%{transform:scale(1.35);opacity:0}}
@media(max-width:600px){.vk-chat-launcher{width:68px!important;height:68px!important;right:14px!important;bottom:14px!important}.vk-chat-launcher span{font-size:20px!important}.vk-chat-panel{bottom:100px!important;right:12px!important}}
@media(prefers-reduced-motion:reduce){.vk-chat-launcher,.vk-chat-launcher::before{animation:none!important}}