/* SPLENDIDE Action-Bar Black Edition | nur Sedcard-Section 1 */
.sp-actionbar {
  position:fixed;
  right:clamp(10px,1.6vw,26px);
  top:50%;
  transform:translateY(-50%);
  z-index:80;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:3px;
  width:64px;
  padding:9px 6px;
  border:1px solid rgba(255,255,255,.17);
  border-radius:18px;
  background:#171717;
  box-shadow:0 12px 34px rgba(0,0,0,.25);
  font-family:"DM Sans",Arial,sans-serif;
}
.sp-actionbar .sp-actionbar__link,
.sp-actionbar .sp-actionbar__link:visited {
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:4px;
  width:100%;
  min-height:57px;
  padding:7px 3px;
  border-radius:11px;
  background:transparent;
  color:#f6f6f6;
  text-decoration:none;
  opacity:1;
  font-size:10px;
  font-weight:500;
  letter-spacing:0;
  line-height:1.2;
  white-space:normal;
  transition:background .18s ease,transform .18s ease;
}
.sp-actionbar .sp-actionbar__link:hover,
.sp-actionbar .sp-actionbar__link:focus-visible {
  background:#393939;
  color:#fff;
  transform:translateX(-2px);
}
.sp-actionbar .sp-actionbar__link:focus-visible {outline:2px solid #fff;outline-offset:2px}
.sp-actionbar .sp-actionbar__link svg {display:block;flex:none;stroke:currentColor}
.sp-actionbar .sp-actionbar__label {display:block;font-size:10px;text-align:center;text-transform:none;letter-spacing:0}
@media(max-width:767px) {
  /* Compact bottom bar, below the model imagery; keeps all 4/5 actions visible */
  .sp-actionbar {
    left:50%;right:auto;top:auto;
    bottom:calc(9px + env(safe-area-inset-bottom, 0px));
    transform:translateX(-50%);
    flex-direction:row;
    justify-content:space-around;
    gap:2px;
    width:min(96vw,440px);
    padding:6px;
    border-radius:17px;
  }
  .sp-actionbar .sp-actionbar__link,
  .sp-actionbar .sp-actionbar__link:visited {width:auto;flex:1;min-width:0;min-height:55px;padding:7px 2px;gap:4px}
  .sp-actionbar .sp-actionbar__link:hover,
  .sp-actionbar .sp-actionbar__link:focus-visible {transform:none}
  .sp-actionbar .sp-actionbar__label {font-size:9px}
  /* Reserve space for the fixed bottom action bar */
  body:has(.sp-actionbar) {padding-bottom:calc(85px + env(safe-area-inset-bottom, 0px))}
}
@media(prefers-reduced-motion:reduce){.sp-actionbar .sp-actionbar__link{transition:none}}