.bora-float-contact,.bora-float-contact *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.bora-float-contact{
  position:fixed;
  z-index:999990;
  right:30px;
  bottom:28px;
  width:118px;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:9px;
  font-family:Manrope,Arial,sans-serif;
  pointer-events:none
}

/* Video bubble ----------------------------------------------------------- */
.bora-float-contact__video-wrap{
  --bora-video-size:108px;
  --bora-video-active-scale:1.70;
  position:relative;
  z-index:3;
  width:var(--bora-video-size);
  height:var(--bora-video-size);
  flex:0 0 var(--bora-video-size);
  pointer-events:auto;
  transform-origin:right bottom;
  transition:transform .28s cubic-bezier(.2,.8,.2,1);
}
.bora-float-contact__video-wrap.is-expanded{
  transform:scale(var(--bora-video-active-scale));
}
.bora-float-contact__video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:3px solid #C9A96E!important;
  border-radius:50%!important;
  display:block!important;
  background:#C9A96E!important;
  box-shadow:0 12px 34px rgba(26,25,23,.17)!important;
  cursor:pointer!important;
  transition:box-shadow .22s ease,border-color .22s ease,filter .22s ease!important;
}
.bora-float-contact__video:hover{
  border-color:#B88E50!important;
  box-shadow:0 15px 39px rgba(26,25,23,.20)!important;
}
.bora-float-contact__video:focus-visible{
  outline:2px solid #B8894A!important;
  outline-offset:4px!important;
}
.bora-float-contact__video-file{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
  pointer-events:none;
  opacity:0;
  background:#C9A96E;
  transition:opacity .18s ease;
}
.bora-float-contact__video-wrap.is-ready .bora-float-contact__video-file{
  opacity:1;
}

/* Contact FAB ------------------------------------------------------------ */
.bora-float-contact__button{
  position:relative;
  z-index:5;
  width:60px!important;
  height:60px!important;
  min-width:60px!important;
  min-height:60px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#C9A96E!important;
  color:#fff!important;
  box-shadow:0 10px 26px rgba(26,25,23,.20)!important;
  cursor:pointer;
  pointer-events:auto;
  transition:transform .22s ease,background-color .22s ease!important
}
.bora-float-contact__button:hover{transform:scale(1.055);background:#B7975E!important}
.bora-float-contact__button svg{
  position:absolute;
  width:27px;
  height:27px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.3;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:opacity .22s ease,transform .22s ease
}
.bora-float-contact__close-icon{opacity:0;transform:rotate(-90deg) scale(.6)}
.bora-float-contact.is-open .bora-float-contact__phone-icon{opacity:0;transform:rotate(90deg) scale(.6)}
.bora-float-contact.is-open .bora-float-contact__close-icon{opacity:1;transform:none}

/* Contact menu ----------------------------------------------------------- */
.bora-float-contact__menu{
  position:absolute;
  z-index:2;
  right:64px;
  bottom:0;
  min-width:178px;
  display:flex;
  flex-direction:column;
  gap:7px;
  opacity:0;
  visibility:hidden;
  transform:translateX(12px) scale(.96);
  transform-origin:right bottom;
  pointer-events:none;
  transition:opacity .22s ease,visibility .22s ease,transform .22s ease
}
.bora-float-contact.is-open .bora-float-contact__menu{
  opacity:1;
  visibility:visible;
  transform:none;
  pointer-events:auto
}
.bora-float-contact__option,.bora-float-contact__option:visited{
  min-height:46px;
  padding:0 14px;
  border:1px solid #E5E3DF;
  border-radius:10px;
  display:flex;
  align-items:center;
  gap:10px;
  background:rgba(255,255,255,.98);
  color:#1A1917!important;
  box-shadow:0 9px 25px rgba(26,25,23,.08);
  font-size:12px;
  font-weight:600;
  line-height:1;
  text-decoration:none!important;
  pointer-events:auto;
  transition:transform .2s ease,border-color .2s ease,background-color .2s ease
}
.bora-float-contact__option:hover{
  border-color:#C9A96E;
  background:#FCFAF6;
  color:#1A1917!important;
  transform:translateX(-3px)
}
.bora-float-contact__option>img{
  width:24px;
  height:24px;
  flex:0 0 24px;
  display:block;
  object-fit:contain
}
.bora-float-contact__phone-small{
  width:24px;
  height:24px;
  flex:0 0 24px;
  display:grid;
  place-items:center;
  color:#C9A96E
}
.bora-float-contact__phone-small svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round
}

/* Tablet / phone --------------------------------------------------------- */
@media(max-width:900px){
  .bora-float-contact{
    right:16px;
    bottom:20px;
    width:100px
  }
  .bora-float-contact__video-wrap{
    --bora-video-size:92px;
    --bora-video-active-scale:1.78;
  }
  .bora-float-contact__button{
    width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important
  }
  .bora-float-contact__menu{right:60px}
}

@media(max-width:600px){
  .bora-float-contact{
    right:10px;
    bottom:14px;
    width:86px
  }
  .bora-float-contact__video-wrap{
    --bora-video-size:80px;
    --bora-video-active-scale:1.88;
  }
  .bora-float-contact__video{
    border-width:2px!important;
  }
  .bora-float-contact__button{
    width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important
  }
  .bora-float-contact__menu{right:56px;min-width:158px}
  .bora-float-contact__option{min-height:43px;padding:0 11px;font-size:11px}
}

@media(prefers-reduced-motion:reduce){
  .bora-float-contact *{transition:none!important}
}


/* =========================================================
   v1.8.2 — Dmitry video interaction
   Idle: muted autoplay at normal size.
   Click/tap: only toggles expanded size.
========================================================= */
.bora-float-contact__video-wrap{
  transform:scale(1)!important;
}
.bora-float-contact__video-wrap.is-expanded{
  transform:scale(var(--bora-video-active-scale))!important;
}
@media(hover:hover) and (pointer:fine){
  .bora-float-contact__video:hover,
  .bora-float-contact__video:focus-visible{
    transform:none!important;
  }
}


/* =========================================================
   v1.8.3 — hard compatibility layer against cached old markup
========================================================= */

/* If old cached HTML still contains the former sound control, never show it. */
.bora-float-contact__sound{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* New state + old cached JS state both use the requested enlarged geometry. */
.bora-float-contact__video-wrap.is-expanded,
.bora-float-contact__video-wrap.is-playing{
  transform:scale(var(--bora-video-active-scale))!important;
}

/* Absolutely no hover/focus enlargement before click. */
.bora-float-contact__video-wrap:not(.is-expanded):not(.is-playing){
  transform:scale(1)!important;
}
.bora-float-contact__video:hover,
.bora-float-contact__video:focus,
.bora-float-contact__video:focus-visible{
  transform:none!important;
}

/* Old markup had a white border/background. Override that too. */
.bora-float-contact__video{
  border-color:#C9A96E!important;
  background:#C9A96E!important;
}

.bora-float-contact__button img.bora-float-contact__phone-icon{position:absolute;width:27px;height:27px;object-fit:contain;display:block;pointer-events:none;transition:opacity .22s ease,transform .22s ease}