#phone-panel{position:fixed;inset:auto 24px 24px auto;width:min(380px,calc(100vw - 32px));max-width:none;margin:0;padding:0;border:1px solid #deddd2;border-radius:24px;background:#fbfaf6;color:#252820;box-shadow:0 16px 64px #252b232b}
#phone-panel::backdrop{background:#1c251c24}
.phone-header{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#eeeee3;border-bottom:1px solid #dddfcf}
#phone-title{font-family:var(--heading);font-size:20px;line-height:1.2;letter-spacing:-.035em;margin:0;font-weight:650}
.phone-header p{font-size:11px;line-height:1.4;color:#626654;margin-top:4px}
#phone-close{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;margin-left:auto;padding:9px;border:1px solid #d1d5c1;border-radius:50%;background:transparent;color:#343e2d;cursor:pointer}
#phone-close svg{width:18px;height:18px}
#phone-close:hover{background:#fff}
.phone-list{list-style:none;margin:0;padding:10px 12px 14px}
.phone-list a{display:flex;align-items:center;gap:14px;padding:14px 12px;border-radius:14px;color:#252820;text-decoration:none;transition:background .15s}
.phone-list a:hover,.phone-list a:active{background:#f0eee4}
.phone-list li+li a{border-top:1px solid #e6e4d8;border-radius:0 0 14px 14px}
.phone-icon{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border-radius:50%;background:#3b513a;color:#fff}
.phone-icon svg{width:20px;height:20px}
.phone-list small{display:block;font-size:11px;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;color:#636954}
.phone-list strong{display:block;font:600 18px/1.3 var(--body);letter-spacing:.01em;color:#252820}
#phone-close:focus-visible,.phone-list a:focus-visible{outline:2px solid #5d7047;outline-offset:3px}
@media(max-width:760px){#phone-panel{inset:auto 14px calc(var(--mobile-contact-height,62px) + 12px) 14px;width:auto;border-radius:22px}}