.goods-content{max-width:1600px;margin:auto;padding:103px 36px 0}.goods-content-wrapper{display:flex;gap:60px}.content-left{flex:0 0 200px}.content-left h2{font-size:20px;font-weight:700;letter-spacing:1px;margin:0 0 32px;text-transform:uppercase}.category-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:32px}.category-list li{font-size:16px;color:#ffffff;cursor:pointer;transition:all .2s ease;padding-left:0;display:flex;align-items:center}.category-list li.active{opacity:1}.category-list li.inactive{opacity:.5}.category-list li:hover{opacity:1!important;color:#48ff00}.category-list li img{margin-right:6px;display:inline-block;flex-shrink:0}.content-right{flex:1 1;min-width:0;padding-right:10px}.content-right::-webkit-scrollbar{width:8px}.content-right::-webkit-scrollbar-track{background:transparent}.content-right::-webkit-scrollbar-thumb{background:#48ff00;border-radius:4px}.content-right::-webkit-scrollbar-thumb:hover{background:#3dd900}.goods-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:18px;gap:18px;min-height:640px}.goods-item{background-color:#0a0a0a;border-radius:8px;overflow:visible;cursor:pointer;position:relative;height:-moz-fit-content;height:fit-content;aspect-ratio:1;transition:transform .3s ease;opacity:1;animation:shuffle-in .4s ease-out}@keyframes shuffle-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes discard{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.goods-item.discard{animation:discard .3s ease-out forwards!important;pointer-events:none}.goods-item:hover{transform:scale(1.03)}.goods-item-like-btn{position:absolute;top:10px;right:10px;width:32px;height:32px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;padding:0}.goods-item img,.goods-item-like-btn img{width:100%;height:100%}.goods-item img{object-fit:cover;display:block}.goods-item h3{font-size:14px;font-weight:500;letter-spacing:.5px;padding:16px;margin:0;text-align:center}.goods-content-header{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.5)}.goods-content-header.header-with-sort{border:none;padding:27px 0}.header-left{display:flex;align-items:center;gap:12px}.goods-content .sort-btn{background:none;border:none;color:#999999;font-size:16px;font-weight:400;cursor:pointer;padding:0;transition:color .3s ease}.goods-content .sort-btn.active{color:#ffffff;font-weight:600}.goods-content .sort-btn:hover{color:#ffffff}.goods-content .divider{color:#999999;margin:0 8px}.goods-content .header-right{display:flex;align-items:center;position:relative;margin-left:auto}.goods-content .search-box{display:flex;align-items:center;background:transparent;border:2px solid rgba(255,255,255,.3);border-radius:24px;padding:8px 12px;gap:8px;transition:border-color .3s ease}.goods-content .search-box:focus-within{border-color:#48ff00}.goods-content .search-input{background:transparent;border:none;color:#ffffff;font-size:14px;padding:0;width:180px;outline:none;flex:1 1;color:#48FF00}.goods-content .search-input::placeholder{color:#666666}.goods-content .search-btn{background:none;border:none;color:#999999;font-size:16px;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;transition:color .3s ease}.goods-content .search-btn:hover{color:#ffffff}.loading-placeholder{grid-column:1/-1;text-align:center;padding:40px 0;height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;pointer-events:none}.loading-placeholder.active{opacity:1;pointer-events:auto}.loading-spinner{width:40px;height:40px;border:3px solid rgba(72,255,0,.2);border-top-color:#48ff00;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}@keyframes spin{to{transform:rotate(1turn)}}.loading-placeholder p{color:#48ff00;font-size:14px;margin:0}.goods-empty-state{grid-column:1/-1;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px}.goods-empty-state p{color:rgba(255,255,255,.5);font-family:Pretendard;font-size:20px;font-style:normal;font-weight:700;line-height:18px;text-transform:uppercase;margin:0}@media (max-width:1200px){.goods-content-wrapper{gap:40px}.goods-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:768px){.goods-content-wrapper{flex-direction:column;gap:40px}.content-left{flex:1 1}.goods-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.goods-item img{height:150px}}@media (max-width:480px){.goods-grid{grid-template-columns:repeat(2,1fr)}.goods-item img{height:120px}}