@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes cardReveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.marketplace-loading{background:linear-gradient(135deg,#f0f9ff 0%,#ecfdf5 100%);min-height:80vh;position:relative;overflow:hidden}.marketplace-loading:before{content:"";background:linear-gradient(45deg,#0000 30%,#fff6 50%,#0000 70%) 0 0/200% 100%;animation:3s linear infinite shimmer;position:absolute;inset:0}.loading-container{z-index:1;max-width:1400px;margin:0 auto;padding:40px 20px;position:relative}.loading-header{text-align:center;margin-bottom:60px;animation:2s ease-in-out infinite pulse}.loading-title{background:linear-gradient(90deg,#1d4ed8,#0d9488,#8b5cf6);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:2.5rem;font-weight:800;display:inline-block;position:relative}.loading-title:after{content:"";background:linear-gradient(90deg,#1d4ed8,#8b5cf6);border-radius:2px;width:100px;height:4px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.loading-subtitle{color:#64748b;margin-top:10px;font-size:1.1rem;font-weight:500}.loading-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;margin-bottom:60px;display:grid}.loading-card{opacity:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;padding:20px;animation:.6s ease-out forwards cardReveal;transform:translateY(30px);box-shadow:0 15px 50px #0000001a}.loading-card:first-child{animation-delay:.1s}.loading-card:nth-child(2){animation-delay:.2s}.loading-card:nth-child(3){animation-delay:.3s}.loading-card:nth-child(4){animation-delay:.4s}.loading-card:nth-child(5){animation-delay:.5s}.loading-card:hover{transition:transform .3s;transform:translateY(-5px);box-shadow:0 30px 80px #00000026}.card-image{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/400% 100%;border-radius:15px;width:100%;height:240px;margin-bottom:20px;animation:2s ease-in-out infinite shimmer;position:relative;overflow:hidden}.card-image:after{content:"";background:linear-gradient(90deg,#0000,#fff9,#0000);animation:1.5s infinite shimmer;position:absolute;inset:0}.card-content{flex-direction:column;gap:12px;display:flex}.content-line{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/400% 100%;border-radius:8px;height:16px;animation:2s ease-in-out infinite shimmer}.content-line.title{width:70%;height:20px}.content-line.subtitle{width:50%;height:14px}.content-line.price{width:40%;height:24px;margin-top:10px}.card-footer{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-top:20px;padding-top:20px;display:flex}.footer-line{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/400% 100%;border-radius:6px;height:12px;animation:2s ease-in-out infinite shimmer}.footer-line.seller{width:60%}.footer-line.rating{width:30%}@media (max-width:768px){.loading-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.loading-title{font-size:2rem}.loader-wrapper{width:150px;height:150px}.main-loader{width:80px;height:80px}.main-loader:after{width:50px;height:50px}}@media (max-width:480px){.loading-grid{grid-template-columns:1fr}.loading-title{font-size:1.8rem}}
@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideUp{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-10px)scale(.95)}}@keyframes checkmarkPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.sort-dropdown{position:relative}.sort-dropdown[data-sort-dropdown]{display:inline-block}.sort-button{color:#374151;cursor:pointer;white-space:nowrap;z-index:10;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-width:140px;padding:8px 16px;font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative}.sort-button:hover{color:#1d4ed8;background:#f8fafc;border-color:#9cb3f2;transform:translateY(-1px);box-shadow:0 4px 12px #1d4ed814}.sort-button:active{transform:translateY(0);box-shadow:0 2px 6px #1d4ed81a}.sort-button:focus{border-color:#1d4ed8;outline:none;box-shadow:0 0 0 3px #1d4ed81a}.sort-button.sort-button-open{color:#1d4ed8;background:#1d4ed80d;border-color:#1d4ed8}.sort-label{text-align:left;text-overflow:ellipsis;flex:1;overflow:hidden}.sort-icon{color:#6b7280;transition:transform .3s}.sort-button:hover .sort-icon{color:#1d4ed8}.sort-button-open .sort-icon{color:#1d4ed8;transform:rotate(180deg)}.sort-menu{z-index:1000;transform-origin:100% 0;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;width:240px;animation:.2s ease-out forwards slideDown;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 10px 25px #0000001a}.sort-menu.sort-menu-closing{animation:.15s ease-in forwards slideUp}.sort-menu-item{text-align:left;color:#374151;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:14px 20px;font-size:.875rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.sort-menu-item:hover{color:#1d4ed8;background:#f8fafc;padding-left:24px}.sort-menu-item:hover:before{content:"";background:linear-gradient(#1d4ed8,#6f90ec);width:3px;position:absolute;top:0;bottom:0;left:0}.sort-menu-item:active{background:#f1f5f9}.sort-menu-item.sort-menu-item-selected{color:#1d4ed8;background:#1d4ed814;font-weight:600}.sort-menu-item.sort-menu-item-selected:before{content:"";background:linear-gradient(#1d4ed8,#1e40af);width:3px;position:absolute;top:0;bottom:0;left:0}.sort-checkmark{background:#1d4ed8;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite checkmarkPulse;position:relative}.sort-checkmark:after{content:"";background:#1d4ed833;border-radius:50%;animation:2s ease-in-out .5s infinite checkmarkPulse;position:absolute;inset:-2px}.sort-dropdown-mobile .sort-button{min-width:120px;padding:6px 12px;font-size:.8125rem}.sort-dropdown-mobile .sort-menu{width:200px;right:0}@media (max-width:480px){.sort-dropdown-mobile .sort-menu{transform-origin:top;width:180px;right:-50%}}.sort-dropdown-mobile .sort-menu-item{padding:12px 16px;font-size:.8125rem}.sort-badge{color:#fff;background:#1d4ed8;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.625rem;font-weight:600;animation:1.5s ease-in-out infinite checkmarkPulse;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 4px #1d4ed84d}.sort-badge.sort-badge-hot{background:linear-gradient(135deg,#dc2626,#f59e0b)}.sort-badge.sort-badge-new{background:linear-gradient(135deg,#10b981,#0ea5e9)}@media (max-width:640px){.sort-dropdown:not(.sort-dropdown-mobile){display:none}}.sort-button:focus-visible{outline-offset:2px;outline:2px solid #1d4ed8}.sort-menu-item:focus-visible{outline-offset:-2px;outline:2px solid #1d4ed8}