.tr-shelf{display:flex;flex-direction:column;gap:10px;padding:4px 18px 14px}.tr-big{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));grid-gap:10px;gap:10px}.tr-big,.tr-rest{list-style:none;margin:0;padding:0}.tr-rest{display:flex;flex-direction:column;gap:4px;max-height:232px;overflow-y:auto}.tr-shelf li{position:relative}.tr-item{width:100%;display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit;text-align:start;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s}.tr-item:focus-visible,.tr-item:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,0,0,.08);border-color:color-mix(in srgb,#f2c94c 55%,var(--line));outline:none}.tr-item.big{flex-direction:column;text-align:center;padding:14px 12px 12px;gap:8px;height:100%;background:linear-gradient(135deg,color-mix(in srgb,#f2c94c 14%,var(--card)),var(--card) 70%)}.tr-item b{font-size:14px}.tr-rest .tr-item{font-size:13.5px;padding:6px 10px}.tr-season{font-size:12px;font-weight:700;color:var(--muted);white-space:nowrap}.tr-art{flex:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.18))}.tr-item:hover .tr-art{transform:rotate(-4deg) scale(1.05);transition:transform .2s}.tr-peek{position:absolute;z-index:20;inset-inline-start:12px;top:calc(100% + 6px);display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:14px;background:#1f2724;color:#fff;box-shadow:0 14px 34px rgba(0,0,0,.28);min-width:240px;animation:rise .15s ease-out;pointer-events:none}.tr-peek .muted{color:hsla(0,0%,100%,.7)}@media (prefers-reduced-motion:reduce){.tr-item,.tr-item:hover .tr-art{transition:none;transform:none}}.tr-item.big b{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tr-item.big .col{align-items:center}.tr-big{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}@media (max-width:560px){.tr-shelf{padding:4px 12px 12px}.tr-big{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tr-item.big{padding:10px 6px;gap:6px}.tr-item.big .tr-art{width:44px;height:44px}.tr-item.big .tr-season,.tr-item.big b{font-size:12px}}