.shop-container{max-width:960px;color:rgb(var(--foreground-rgb));margin:0 auto 40px;padding:24px}.shop-desc{text-align:center;color:rgba(var(--foreground-rgb),.7);margin-bottom:36px;font-size:1rem}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(260px,300px));justify-content:center;gap:24px;display:grid}.shop-card{background:rgb(var(--table-row-bg));border:1px solid rgb(var(--table-border));border-radius:12px;flex-direction:column;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.shop-card:hover{border-color:rgba(var(--accent-color),.55);box-shadow:0 6px 24px #00000059}.shop-card-image-wrap{aspect-ratio:3/4;background:rgb(var(--background-end-rgb));position:relative;overflow:hidden}.shop-card-badge{background:rgb(var(--accent-color));color:rgb(var(--background-end-rgb));text-transform:uppercase;letter-spacing:.06em;z-index:1;border-radius:4px;padding:3px 8px;font-size:.7rem;font-weight:700;position:absolute;top:10px;left:10px}.shop-card-image{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;padding:16px;display:block}.shop-card-placeholder{text-align:center;background:linear-gradient(160deg,rgba(var(--accent-color),.06)0%,rgb(var(--background-end-rgb))100%);border-bottom:1px solid rgb(var(--table-border));flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;padding:28px;display:flex}.shop-card-placeholder-icon{opacity:.25;flex-shrink:0}.shop-card-placeholder span{color:rgba(var(--foreground-rgb),.45);font-size:.95rem;font-weight:600;line-height:1.4}.shop-card-body{flex-direction:column;flex:1;gap:6px;padding:16px;display:flex}.shop-card-title{color:rgb(var(--foreground-rgb));margin:0;font-size:1.05rem;font-weight:700;line-height:1.3}.shop-card-author{color:rgb(var(--accent-color));margin:0;font-size:.85rem}.shop-card-desc{color:rgba(var(--foreground-rgb),.68);flex:1;margin:4px 0 0;font-size:.88rem;line-height:1.55}.shop-card-footer{border-top:1px solid rgb(var(--table-border));justify-content:space-between;align-items:center;gap:12px;margin-top:8px;padding-top:12px;display:flex}.shop-card-price{color:rgb(var(--foreground-rgb));white-space:nowrap;font-size:1.25rem;font-weight:700}.shop-card-buy-btn{background:rgb(var(--accent-color));color:rgb(var(--background-end-rgb));white-space:nowrap;cursor:pointer;border:none;border-radius:6px;padding:8px 18px;font-size:.88rem;font-weight:700;text-decoration:none;transition:opacity .2s;display:inline-block}.shop-card-buy-btn:hover:not(:disabled){opacity:.85}.shop-card-buy-btn:disabled{opacity:.5;cursor:not-allowed}.shop-notification{border-radius:8px;margin-bottom:24px;padding:12px 16px;font-size:.92rem;font-weight:500;line-height:1.5}.shop-notification--success{background:rgba(var(--accent-color),.12);border:1px solid rgba(var(--accent-color),.4);color:rgb(var(--accent-color))}.shop-notification--error{color:#f87171;background:#ef44441a;border:1px solid #ef44444d}.shop-notification--info{background:rgba(var(--foreground-rgb),.05);border:1px solid rgba(var(--foreground-rgb),.15);color:rgba(var(--foreground-rgb),.65)}.shop-empty{text-align:center;color:rgba(var(--foreground-rgb),.45);padding:48px 0;font-size:.95rem}@media (max-width:600px){.shop-container{padding:16px}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(200px,300px));gap:16px}.shop-card-body{padding:12px}.shop-card-price{font-size:1.05rem}}