:root{--mag-red:#ed1c24;--mag-ink:#111}
.magazine-dock{position:fixed;z-index:1200;right:22px;bottom:24px;display:flex;align-items:center;gap:8px;font-family:Arial,"Helvetica Neue",sans-serif}.magazine-dock button{font:inherit}.magazine-dock__add,.magazine-dock__count{min-height:46px;border:0;border-radius:999px;box-shadow:0 12px 36px rgba(0,0,0,.2);cursor:pointer}.magazine-dock__add{background:#fff;color:var(--mag-ink);padding:0 18px;font-size:13px;font-weight:750}.magazine-dock__add:hover,.magazine-dock__add.is-added{background:var(--mag-red);color:#fff}.magazine-dock__count{background:var(--mag-ink);color:#fff;padding:0 18px;font-family:Georgia,"Times New Roman",serif;font-size:17px;font-style:italic}.magazine-dock__count b{display:inline-grid;min-width:23px;height:23px;margin-left:8px;place-items:center;border-radius:50%;background:var(--mag-red);font:700 11px Arial}.magazine-drawer{position:absolute;right:0;bottom:60px;width:min(410px,calc(100vw - 28px));max-height:min(670px,calc(100vh - 100px));overflow:auto;border-radius:24px;background:#111;color:#fff;padding:22px;box-shadow:0 28px 75px rgba(0,0,0,.38);transform:translateY(12px) scale(.98);transform-origin:bottom right;opacity:0;pointer-events:none;transition:.2s ease}.magazine-dock.is-open .magazine-drawer{transform:none;opacity:1;pointer-events:auto}.magazine-drawer>header{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #333;padding-bottom:16px}.magazine-drawer>header small{color:var(--mag-red);font-size:9px;font-weight:800;letter-spacing:.2em}.magazine-drawer h2{margin:0;font:italic 32px/1 Georgia,"Times New Roman",serif}.magazine-drawer>header button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid #444;border-radius:50%;background:transparent;color:#fff;line-height:0;cursor:pointer}.magazine-drawer>header button svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.magazine-drawer__intro{margin:17px 0 11px;color:#aaa;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.magazine-drawer__items{display:grid;gap:8px}.magazine-drawer__item{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:11px;border-radius:14px;background:#202020;padding:8px}.magazine-drawer__item img{width:54px;height:50px;border-radius:9px;background:#fff;object-fit:contain}.magazine-drawer__item div{min-width:0}.magazine-drawer__item small{display:block;margin-bottom:3px;color:var(--mag-red);font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.magazine-drawer__item strong{display:-webkit-box;overflow:hidden;font-size:12px;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.magazine-drawer__item nav{display:grid;grid-template-columns:repeat(3,24px);gap:2px}.magazine-drawer__item nav button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:#333;color:#fff;line-height:1;cursor:pointer}.magazine-drawer__item nav button svg{display:block;width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}.magazine-drawer__item nav button:disabled{opacity:.25}.magazine-drawer__empty{border:1px dashed #444;border-radius:14px;margin:0;padding:22px;color:#aaa;font-size:13px;line-height:1.45;text-align:center}.magazine-drawer>footer{display:flex;justify-content:space-between;gap:10px;margin-top:16px}.magazine-drawer>footer button{border:0;border-radius:999px;padding:11px 16px;cursor:pointer;font-size:12px;font-weight:800}.magazine-drawer>footer button:first-child{background:#2b2b2b;color:#ddd}.magazine-drawer>footer button:last-child{background:var(--mag-red);color:#fff}.magazine-drawer__empty[hidden]{display:none}@media(max-width:650px){.magazine-dock{right:12px;bottom:12px;left:12px;justify-content:flex-end}.magazine-dock__add{padding:0 14px}.magazine-drawer{right:0;bottom:58px;max-height:calc(100vh - 88px)}}
.magazine-drawer>footer{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 10px}.magazine-drawer>footer button{padding:10px 15px}.magazine-drawer>footer button:disabled{cursor:not-allowed;opacity:.4}.magazine-drawer>footer button:first-child{grid-row:1/3;align-self:end}.magazine-drawer>footer button:nth-child(2){border:1px solid #484848;background:transparent;color:#fff}
.magazine-dock{right:92px}@media(max-width:650px){.magazine-dock{right:12px}}