/* BAR1 — minimal contact button and private note dialog */
.bar1-note-entry{
  display:inline-flex!important;align-items:center;justify-content:center;gap:10px;
  padding:12px 19px!important;border:1px solid #ff4db7!important;
  border-radius:2px!important;background:rgba(8,7,9,.94)!important;
  box-shadow:0 0 19px rgba(255,77,183,.12)!important;color:#fff!important;
  font:800 10px/1.15 Arial,Helvetica,sans-serif!important;
  letter-spacing:.12em!important;text-transform:uppercase!important;
  text-decoration:none!important;cursor:pointer!important;
  transition:background .2s,box-shadow .2s,transform .2s!important;
}
.bar1-note-entry::after{content:none!important}
.bar1-note-entry-label{white-space:nowrap}
.bar1-note-eggplant{display:inline-grid;place-items:center;width:38px;height:38px;flex:0 0 38px}
.bar1-note-eggplant svg{display:block;overflow:visible;transform:rotate(-7deg);
 filter:drop-shadow(0 0 2px #d847ff) drop-shadow(0 0 5px rgba(183,54,247,.68));
 transition:transform .22s ease,filter .22s ease}
.bar1-note-entry:hover .bar1-note-eggplant svg,.bar1-note-entry:focus-visible .bar1-note-eggplant svg{
 transform:rotate(1deg) scale(1.08);
 filter:drop-shadow(0 0 3px #ee79ff) drop-shadow(0 0 8px rgba(186,46,255,.85))
}
.bar1-note-entry:hover,.bar1-note-entry:focus-visible{
  color:#fff!important;background:#1d0c18!important;
  box-shadow:0 0 22px rgba(255,77,183,.33)!important;transform:translateY(-2px);
}
.bar1-note-contact-wrap{margin-top:23px;padding-top:21px;border-top:1px solid rgba(255,255,255,.12)}
.bar1-note-contact-wrap .bar1-note-entry{min-height:42px}
.bar1-note-footer-wrap{display:flex;justify-content:center;align-items:center;
  padding:0 15px 25px;background:#000}
.bar1-note-footer-wrap .bar1-note-entry{padding:10px 16px!important;font-size:9px!important}
.bar1-note-dialog{position:fixed!important;inset:0!important;width:min(512px,calc(100% - 28px))!important;
 max-height:min(90dvh,850px)!important;max-width:none!important;margin:auto!important;
 padding:0!important;border:1px solid rgba(255,77,183,.43)!important;border-radius:5px!important;
 color:#f9f4f8!important;background:#0b080e!important;
 box-shadow:0 30px 100px rgba(0,0,0,.85),0 0 45px rgba(255,77,183,.17)!important;
 overflow:auto!important;overscroll-behavior:contain;z-index:2147483000!important}
.bar1-note-dialog:not([open]){display:none!important}
.bar1-note-dialog::backdrop{background:rgba(0,0,0,.83);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.bar1-note-dialog *{box-sizing:border-box}
.bar1-note-panel{min-height:100%;background:
 radial-gradient(circle at 93% 8%,rgba(255,77,183,.12),transparent 36%),
 linear-gradient(150deg,#100c14 0%,#080609 100%)}
.bar1-note-topline{display:flex;justify-content:space-between;align-items:center;
 padding:19px 23px;border-bottom:1px solid rgba(255,255,255,.12);
 color:#f5edf3;font:800 11px/1 Arial,sans-serif;letter-spacing:.12em}
.bar1-note-topline-separator{color:#ff4db7;margin:0 7px}
.bar1-note-close{all:unset!important;display:grid!important;place-items:center!important;
 width:34px!important;height:34px!important;line-height:1!important;
 font:400 26px/1 Arial,sans-serif!important;color:#e9dfe6!important;
 border:1px solid rgba(255,255,255,.2)!important;cursor:pointer!important}
.bar1-note-close:hover{border-color:#ff4db7!important;color:#fff!important}
.bar1-note-body{padding:29px 34px 33px}
.bar1-note-kicker{display:flex;align-items:center;gap:9px;color:#55efff!important;
 font:800 10px/1 Arial,sans-serif!important;letter-spacing:.16em!important;margin:0 0 15px!important}
.bar1-note-kicker span{display:block;width:18px;height:2px;background:#ff4db7;
 box-shadow:0 0 10px rgba(255,77,183,.65)}
.bar1-note-dialog #bar1-note-title{margin:0!important;color:#fff!important;
 font:800 clamp(44px,8vw,66px)/.93 Antonio,Impact,Arial,sans-serif!important;
 letter-spacing:.035em!important;text-transform:uppercase!important}
.bar1-note-dialog #bar1-note-title span{color:#ff4db7}
.bar1-note-description{color:#d8cdd6!important;margin:14px 0 25px!important;
 font:400 14px/1.6 Arial,sans-serif!important}
#bar1-note-form{display:flex;flex-direction:column;gap:0}
#bar1-note-form label{color:#eec7df!important;margin:0 0 8px!important;
 font:800 10px/1 Arial,sans-serif!important;letter-spacing:.13em!important}
#bar1-note-form input:not([name=company]),#bar1-note-form textarea{
 appearance:none!important;display:block!important;width:100%!important;min-height:46px!important;
 margin:0 0 18px!important;padding:12px 14px!important;
 border:1px solid rgba(255,255,255,.17)!important;border-radius:2px!important;
 background:#18131c!important;color:#fff!important;box-shadow:none!important;
 font:400 14px/1.5 Arial,sans-serif!important;letter-spacing:0!important;resize:vertical}
#bar1-note-form textarea{min-height:106px!important;max-height:260px!important}
#bar1-note-form input::placeholder,#bar1-note-form textarea::placeholder{color:#938997!important}
#bar1-note-form input:focus,#bar1-note-form textarea:focus{
 outline:2px solid rgba(85,239,255,.3)!important;outline-offset:1px!important;border-color:#55efff!important}
.bar1-note-hp{position:absolute!important;width:1px!important;height:1px!important;
 overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.bar1-note-status{display:none;color:#ffb1ba;font:500 12px/1.5 Arial,sans-serif;margin:0 0 13px}
.bar1-note-status:not(:empty){display:block}
#bar1-note-form .bar1-note-submit{display:flex!important;align-items:center!important;
 justify-content:space-between!important;width:100%!important;min-height:50px!important;
 margin:0!important;padding:15px 18px!important;border:1px solid #ff4db7!important;
 border-radius:2px!important;background:#f04bad!important;color:#150812!important;
 box-shadow:0 8px 20px rgba(255,77,183,.19)!important;
 font:800 11px/1 Arial,sans-serif!important;letter-spacing:.15em!important;cursor:pointer!important}
#bar1-note-form .bar1-note-submit span:last-child{font-size:18px}
#bar1-note-form .bar1-note-submit:hover{background:#ff80cb!important}
#bar1-note-form .bar1-note-submit:disabled{opacity:.65!important;cursor:wait!important}
.bar1-note-protected{color:#a79da7!important;text-align:center!important;
 margin:13px 0 0!important;font:700 9px/1.3 Arial,sans-serif!important;
 letter-spacing:.08em!important}
.bar1-note-protected span{color:#55efff;margin-right:5px;font-size:15px}
.bar1-note-bottomline{display:flex;justify-content:space-between;gap:12px;
 border-top:1px solid rgba(255,255,255,.1);padding:16px 24px;color:#f2e8ef;
 font:800 9px/1.3 Arial,sans-serif;letter-spacing:.1em}
.bar1-note-bottomline span{color:#bdb1bd;font-weight:500}
.bar1-note-success{text-align:center;padding:18px 0 25px}
.bar1-note-success[hidden]{display:none!important}
.bar1-note-success-icon{display:grid;place-items:center;width:58px;height:58px;
 margin:0 auto 18px;border:1px solid #55efff;color:#55efff;border-radius:50%;
 font:400 26px/1 Arial,sans-serif;box-shadow:0 0 22px rgba(85,239,255,.1)}
.bar1-note-success h3{color:#fff!important;font:800 44px/.95 Antonio,Impact,Arial,sans-serif!important;margin:0 0 15px!important}
.bar1-note-success p{color:#d8cdd6;margin:0 0 25px}
.bar1-note-another{border:1px solid #ff4db7!important;padding:13px 18px!important;
 background:transparent!important;color:#fff!important;font:800 10px/1 Arial,sans-serif!important;letter-spacing:.1em!important;cursor:pointer}
.bar1-note-another:hover{background:#26101f!important}
@media(max-width:600px){
 .bar1-note-dialog{max-height:calc(100dvh - 24px)!important}
 .bar1-note-topline{padding:13px 16px}
 .bar1-note-body{padding:23px 19px 22px}
 .bar1-note-bottomline{padding:14px 16px;font-size:8px}
 .bar1-note-description{font-size:13px!important}
}
@media(prefers-reduced-motion:reduce){
 .bar1-note-entry{transition:none!important}
}