.vl-public-profile{position:relative;display:grid;grid-template-columns:180px 1fr;gap:32px;align-items:center;margin-bottom:28px;padding:clamp(22px,5vw,48px);overflow:hidden;border-radius:22px;background:linear-gradient(135deg,#17382e,#285747);color:#fff}.vl-public-profile:after{content:"";position:absolute;width:250px;height:250px;right:-80px;top:-100px;border-radius:50%;background:#fff1}.vl-avatar{position:relative;z-index:1;width:180px;height:180px;object-fit:cover;border:5px solid #fff;border-radius:20px}.vl-public-profile span,.vl-business-panel>div>span{font:bold 11px Arial;letter-spacing:.16em;color:#f2c96e}.vl-public-profile h1{font-size:clamp(2.3rem,6vw,4.5rem);margin:.15em 0}.vl-public-contact{display:flex;flex-wrap:wrap;gap:9px}.vl-public-contact a{padding:10px 14px;border-radius:8px;background:#fff;color:#17624b;font:bold 13px Arial}.vl-profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:25px 0}.vl-profile-stats article{padding:22px;text-align:center;border:1px solid #e2dacd;border-radius:14px;background:#fff}.vl-profile-stats strong{display:block;font-size:2rem;color:#17624b}.vl-profile-chat-note{padding:20px;border-left:5px solid #d3a64e;background:#fff4d8;border-radius:10px}.vl-business-panel{margin:35px 0;padding:30px;border-radius:18px;background:#17382e;color:#fff}.vl-business-panel form{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.vl-business-panel textarea,.vl-business-panel button{grid-column:1/-1}.vl-business-panel>div>p{max-width:800px}.vl-business-panel .vl-button-light{display:inline-block;margin-top:10px}@media(max-width:700px){.vl-public-profile{grid-template-columns:1fr;text-align:center}.vl-avatar{width:130px;height:130px;margin:auto}.vl-public-contact{justify-content:center}.vl-profile-stats{grid-template-columns:repeat(2,1fr)}.vl-business-panel{padding:22px 14px}.vl-business-panel form{grid-template-columns:1fr}.vl-business-panel textarea,.vl-business-panel button{grid-column:auto}}
.vl-direct-chat{display:grid;grid-template-columns:minmax(220px,.8fr) 1.2fr;gap:24px;margin:25px 0;padding:24px;border-radius:16px;background:#fff4d8}.vl-direct-chat form{display:grid;gap:9px}.vl-direct-chat textarea{min-height:100px}.vl-direct-chat button{justify-self:start}@media(max-width:700px){.vl-direct-chat{grid-template-columns:1fr;padding:20px 14px}.vl-direct-chat button{width:100%}}
.vl-business-panel .button{white-space:nowrap}