/* Basic styles for Christos Side Popup */
#cspp-sidepopup {
  position: fixed;
  top: 20%;
  width: 320px;
  max-width: 90%;
  background: #ffffff;
  box-shadow: 0 8px 30px rgba(0,0,0,0.25);
  border-radius: 8px;
  overflow: hidden;
  transform: translateX(110%);
  transition: transform .45s cubic-bezier(.2,.9,.3,1);
  z-index: 99999;
  padding: 16px;
}
#cspp-sidepopup.cspp-right { right: 0; transform: translateX(110%); }
#cspp-sidepopup.cspp-left { left: 0; transform: translateX(-110%); }
#cspp-sidepopup.cspp-open.cspp-right { transform: translateX(0); }
#cspp-sidepopup.cspp-open.cspp-left { transform: translateX(0); }
#cspp-sidepopup .cspp-close {
  position: absolute;
  top: 6px;
  right: 8px;
  background: transparent;
  border: 0;
  font-size: 20px;
  cursor: pointer;
}
#cspp-sidepopup .cspp-inner { margin-top: 28px; }

/* Open button */
#cspp-openbtn {
  position: fixed;
  top: 35%;
  right: 0;
  transform: translateX(50%);
  padding: 10px 14px;
  border-radius: 4px 0 0 4px;
  border: none;
  cursor: pointer;
  z-index: 99999;
  box-shadow: 0 6px 18px rgba(0,0,0,0.15);
  background: #0073aa;
  color: #fff;
}
#cspp-openbtn.cspp-left { left: 0; right: auto; transform: translateX(-50%); border-radius: 0 4px 4px 0; }

/* Responsive adjustments */
@media (max-width: 600px) {
  #cspp-sidepopup { width: 90%; top: 10%; }
  #cspp-openbtn { top: 10%; }
}