/* Sticky bar container */
#sticky-buy-bar.sbb{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  background: #fff;
  box-shadow: 0 -8px 24px rgba(0,0,0,.08);
  padding: 12px 14px;
}

/* Inner layout */
#sticky-buy-bar .sbb-inner{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

/* Left (price) */
#sticky-buy-bar .sbb-left{
  min-width: 140px;
}

#sticky-buy-bar .sbb-label{
  display: block;
  font-size: 12px;
  opacity: .7;
  line-height: 1.1;
}

#sticky-buy-bar #sbb-price{
  display: block;
  font-weight: 700;
  line-height: 1.2;
}

/* Actions (buttons) */
#sticky-buy-bar .sbb-actions{
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Make both buttons consistent */
#sticky-buy-bar .sbb-actions .button{
  white-space: nowrap;
}

/* WhatsApp button styling */
#sticky-buy-bar .sbb-wa{
  background: #25D366;
  border-color: #25D366;
  color: #fff;
}

#sticky-buy-bar .sbb-wa:hover{
  filter: brightness(0.95);
}

/* MOBILE: stack buttons, make them full width */
@media (max-width: 640px){
  #sticky-buy-bar .sbb-inner{
    flex-wrap: wrap;
  }

  #sticky-buy-bar .sbb-left{
    width: 100%;
    min-width: 0;
  }

  #sticky-buy-bar .sbb-actions{
    width: 100%;
    flex-direction: column;
  }

  #sticky-buy-bar .sbb-actions .button{
    width: 100%;
    text-align: center;
  }
}

/* Pre-order campaign price */
#sticky-buy-bar .sbb-preorder-price{
  display:flex;
  align-items:baseline;
  gap:8px;
  flex-wrap:wrap;
}

#sticky-buy-bar .sbb-preorder-price del{
  opacity:.48;
  font-size:12px;
  font-weight:600;
}

#sticky-buy-bar .sbb-preorder-price strong{
  font-size:18px;
  font-weight:800;
  line-height:1.1;
}

#sticky-buy-bar .sbb-preorder-price small{
  display:inline-flex;
  align-items:center;
  padding:3px 7px;
  border-radius:999px;
  background:#dcfce7;
  color:#15803d;
  font-size:9px;
  font-weight:800;
  line-height:1;
}

@media (max-width:640px){
  #sticky-buy-bar .sbb-preorder-price strong{
    font-size:16px;
  }
}

/* v1.0.6 — exact strike-through alignment for pre-order old price */
#sticky-buy-bar .sbb-preorder-price del{
  position:relative;
  display:inline-block;
  text-decoration:none !important;
  line-height:1.08;
}

#sticky-buy-bar .sbb-preorder-price del::after{
  content:"";
  position:absolute;
  left:-1.5%;
  right:-1.5%;
  top:50%;
  height:1.5px;
  border-radius:999px;
  background:currentColor;
  transform:translateY(-50%);
  pointer-events:none;
}