/* Buinma Contact Buttons - Frontend */
.bcb-wrap{
  position:fixed;
  z-index:99999;
  display:flex;
  flex-direction:column;
  gap:10px;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
}
.bcb-btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:12px 14px;
  border-radius:999px;
  text-decoration:none;
  box-shadow:0 10px 22px rgba(0,0,0,.18);
  font-weight:700;
  letter-spacing:.2px;
  line-height:1;
  user-select:none;
}
.bcb-btn:hover{ transform:translateY(-1px); }
.bcb-ico{ font-size:18px; }
.bcb-label{ font-size:14px; white-space:nowrap; }

.bcb-bottom_right{ right:18px; bottom:18px; }
.bcb-bottom_left{ left:18px; bottom:18px; }
.bcb-top_right{ right:18px; top:18px; }
.bcb-top_left{ left:18px; top:18px; }

.bcb-layout-both_left{ align-items:flex-start; }
.bcb-layout-both_right{ align-items:flex-end; }

.bcb-layout-split{ display:flex; flex-direction:column; gap:10px; }
.bcb-layout-split.bcb-bottom_left, .bcb-layout-split.bcb-top_left{ align-items:flex-start; }
.bcb-layout-split.bcb-bottom_right, .bcb-layout-split.bcb-top_right{ align-items:flex-end; }

/* Bubble */
.bcb-bubble{
  position:fixed;
  width:320px;
  max-width:calc(100vw - 20px);
  padding:14px 14px 12px;
  border-radius:14px;
  box-shadow:0 16px 34px rgba(0,0,0,.20);
  display:none;
}
.bcb-bubble.is-open{ display:block; }
.bcb-bubble-close{
  position:absolute;
  top:6px;
  right:10px;
  border:0;
  background:transparent;
  font-size:18px;
  cursor:pointer;
  line-height:1;
  opacity:.7;
}
.bcb-bubble-close:hover{ opacity:1; }
.bcb-bubble-title{ font-weight:800; font-size:15px; margin-bottom:6px; }
.bcb-bubble-intro{ font-size:13px; opacity:.9; margin-bottom:8px; }
.bcb-bubble-list{ margin:0; padding-left:18px; font-size:13px; opacity:.95; }
.bcb-bubble-list li{ margin:4px 0; }


/* Responsive visibility per button */
@media (max-width: 767px){
  .bcb-device-desktop{ display:none !important; }
}
@media (min-width: 768px){
  .bcb-device-mobile{ display:none !important; }
}


/* Button styles */
.bcb-btn{ font-size: var(--bcb-font-size,14px); }
.bcb-style-pill .bcb-btn{ border-radius:999px; }
.bcb-style-rounded .bcb-btn{ border-radius:14px; }
.bcb-style-square .bcb-btn{ border-radius:4px; }
.bcb-style-minimal .bcb-btn{
  border-radius:6px;
  box-shadow:none;
  opacity:.95;
}


/* Bubble list with icons */
.bcb-bubble-list li{ display:flex; gap:10px; align-items:flex-start; }
.bcb-bubble-ico{ font-size:16px; line-height:1.2; margin-top:1px; }
.bcb-bubble-txt{ flex:1; }