/* 혜택 팝업 — PC 는 메디큐브처럼 왼쪽 위 모서리, 네모난 모서리 (2026-09-30 대표 지시).
   storefront-theme.css 는 도구가 다시 만들어 덮으므로 여기 따로 둔다. */
.wf-store-index .wf-benefits-sheet{border-radius:0!important}
@media(min-width:761px){
  .wf-store-index .wf-benefits-sheet{position:fixed;inset:0 auto auto 0!important;z-index:1000;margin:0!important;width:420px!important;max-width:calc(100vw - 24px);height:auto!important;max-height:100vh;max-height:100dvh;box-shadow:6px 6px 28px #0000002e!important}
  .wf-store-index .wf-benefits-sheet[open]{animation:wf-benefits-side .28s ease both!important}
  body.wf-store-index:has(.wf-benefits-sheet[open]){overflow:auto!important}
}
@keyframes wf-benefits-side{from{transform:translateX(-24px);opacity:0}to{transform:none;opacity:1}}