/* Sağ kenar çekmeceleri: ekran kenarına düz, iç tarafa yuvarlak ve birbirinden bağımsız. */
.right-drawer-stack{
  right:0;
  top:50%;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:12px;
  transform:translateY(-50%);
  filter:none;
}
.right-drawer{position:relative;isolation:isolate}
.right-drawer summary{
  width:52px;
  min-height:142px;
  margin:0;
  border:0;
  border-radius:18px 0 0 18px;
  box-shadow:0 12px 28px rgba(17,25,54,.22);
  transform:rotate(180deg) translateZ(0);
  transition:transform .34s cubic-bezier(.22,1,.36,1),filter .25s ease,box-shadow .25s ease;
}
.right-drawer summary:hover{filter:brightness(1.07);box-shadow:0 15px 34px rgba(17,25,54,.27)}
.right-drawer[open] summary{transform:rotate(180deg) translateZ(0);filter:brightness(1.08)}
.right-drawer>.right-drawer-panel{
  right:62px;
  top:50%;
  width:min(330px,calc(100vw - 76px));
  border-radius:20px;
  box-shadow:0 20px 55px rgba(17,25,54,.2);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate3d(44px,-50%,0) scale(.975);
  transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .34s ease,visibility 0s linear .5s;
}
.right-drawer[open]>.right-drawer-panel{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translate3d(0,-50%,0) scale(1);
  transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .34s ease,visibility 0s;
}
.right-drawer:not([open])>.right-drawer-panel{display:grid!important}

@media(max-width:780px){
  .right-drawer-stack{top:auto;right:0;bottom:24px;gap:9px;transform:none}
  .right-drawer summary{width:48px;min-height:108px;border-radius:16px 0 0 16px}
  .right-drawer>.right-drawer-panel{
    right:58px;
    top:auto;
    bottom:16px;
    width:min(318px,calc(100vw - 72px));
    max-height:calc(100dvh - 32px);
    transform:translate3d(42px,0,0) scale(.975);
  }
  .right-drawer[open]>.right-drawer-panel{transform:translate3d(0,0,0) scale(1)}
}

@media(prefers-reduced-motion:reduce){
  .right-drawer summary,.right-drawer>.right-drawer-panel,.right-drawer[open]>.right-drawer-panel{transition-duration:.01ms}
}
