.corso-menu{position:absolute;top:100%;right:0;margin-top:14px;min-width:220px;padding:8px;background:hsl(0 0% 8%);border:1px solid hsl(0 0% 14%);border-radius:8px;display:flex;flex-direction:column;box-shadow:0 20px 50px rgba(0,0,0,.6)}
.corso-menu[hidden],.corso-drawer[hidden],.corso-badge[hidden]{display:none}
.corso-menu a{padding:10px 12px;font:11px/1 ui-monospace,monospace;letter-spacing:.22em;text-transform:uppercase;color:hsl(0 0% 95% / .7);text-decoration:none;border-radius:4px}
.corso-menu a:hover{color:#fff;background:hsl(0 0% 12%)}
.corso-badge{position:absolute;top:-6px;right:-8px;min-width:14px;height:14px;border-radius:7px;background:#fff;color:#000;font:700 9px/14px ui-monospace,monospace;text-align:center}
.corso-drawer{position:fixed;inset:0;z-index:100}
.corso-drawer-bg{position:absolute;inset:0;background:rgba(0,0,0,.7)}
.corso-drawer-panel{position:absolute;top:0;left:0;bottom:0;width:80%;max-width:340px;background:hsl(0 0% 5%);padding:72px 28px;display:flex;flex-direction:column;gap:22px;animation:corso-in-l .25s ease-out}
.corso-drawer-panel a{font:700 13px/1 ui-monospace,monospace;letter-spacing:.22em;text-transform:uppercase;color:hsl(0 0% 95%);text-decoration:none}
.corso-x{position:absolute;top:16px;right:18px;background:none;border:0;color:#fff;font-size:28px;line-height:1;cursor:pointer}
.corso-cart-panel{position:absolute;top:0;right:0;bottom:0;width:100%;max-width:420px;background:hsl(0 0% 5%);border-left:1px solid hsl(0 0% 14%);display:flex;flex-direction:column;animation:slide-in-right .3s ease-out}
.corso-cart-head{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid hsl(0 0% 14%)}
.corso-cart-head .corso-x{position:static}
.corso-cart-body{flex:1;overflow:auto;padding:16px 24px}
.corso-cart-foot{padding:20px 24px;border-top:1px solid hsl(0 0% 14%)}
.corso-line{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid hsl(0 0% 14%)}
.corso-line img{width:72px;height:72px;object-fit:cover;border-radius:6px;background:hsl(0 0% 10%)}
.corso-line .t{font-size:13px}.corso-line .v{font-size:11px;color:hsl(0 0% 50%);margin-top:2px}
.corso-line button{background:none;border:0;color:hsl(0 0% 50%);font-size:11px;cursor:pointer;padding:0;margin-top:6px;text-decoration:underline}
.corso-btn{display:block;width:100%;text-align:center;padding:14px;background:#f2f2f2;color:#0d0d0d;border:0;border-radius:6px;font:700 11px/1 ui-monospace,monospace;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;cursor:pointer}
@keyframes corso-in-l{from{transform:translateX(-100%)}to{transform:none}}