.shop-page{flex-direction:column;gap:16px;width:100%;padding-bottom:40px;display:flex}.shop-body{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:16px;display:grid}.shop-purse{border:1px solid color-mix(in srgb, var(--accent) 30%, var(--line));background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 10%, var(--card)), var(--card) 60%);border-radius:18px;align-items:center;gap:14px;padding:16px 18px;display:flex}.shop-purse-mark{border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);background:color-mix(in srgb, var(--accent) 14%, transparent);width:44px;height:44px;color:var(--accent);border-radius:14px;align-items:center;justify-items:center;display:grid}.shop-purse-mark .icon{width:22px;height:22px}.shop-purse-text{flex-direction:column;gap:1px;display:flex}.shop-purse-text em{color:var(--text-3);letter-spacing:.02em;text-transform:uppercase;font-size:11px;font-style:normal;font-weight:800}.shop-purse-text b{font-family:var(--display);font-size:26px;line-height:1}.shop-tabs{border:1px solid var(--line);background:var(--card);border-radius:16px;flex-direction:column;gap:4px;padding:6px;display:flex}.shop-tabs::-webkit-scrollbar{display:none}.shop-tabs button{width:100%;color:var(--text-2);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:9px;padding:10px 12px;font-size:14px;font-weight:700;display:flex}.shop-tabs button:hover:not(.active){background:var(--card-2);color:var(--text)}.shop-tabs button .icon{width:15px;height:15px}.shop-tabs button.active{background:var(--accent);color:#0d0f12}.shop-empty{border:1px dashed var(--line);background:var(--card);text-align:center;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:320px;padding:56px 24px;display:flex}.shop-empty-mark{background:var(--card-2);width:54px;height:54px;color:var(--text-3);border-radius:16px;align-items:center;justify-items:center;display:grid}.shop-empty b{font-size:17px}.shop-empty p{max-width:420px;margin:0;font-size:13.5px}@media (max-width:860px){.shop-body{grid-template-columns:minmax(0,1fr)}.shop-tabs{scrollbar-width:none;flex-direction:row;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;overflow-x:auto}.shop-tabs button{white-space:nowrap;width:auto}}@media (max-width:620px){.shop-purse{align-items:flex-start}}