@import "https://fonts.googleapis.com/css2?family=Roboto:wght@700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap";
.mp-nav{border-bottom:1px solid var(--border);z-index:80;background:#fff;position:sticky;top:0;box-shadow:0 1px 4px #0000000f}.mp-nav-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1280px;height:62px;margin:0 auto;padding:0 20px;display:flex}.mp-logo{cursor:pointer;align-items:center;gap:10px;text-decoration:none;display:flex}.mp-logo-icon{color:#fff;background:linear-gradient(135deg,#1a5a85,#071e34);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-family:Roboto,sans-serif;font-size:13px;font-weight:900;display:flex;box-shadow:0 4px 12px #0f29424d}.mp-logo-text{color:var(--text-primary);letter-spacing:-.5px;font-family:Roboto,sans-serif;font-size:18px;font-weight:800}.mp-nav-actions{align-items:center;gap:8px;display:flex}.top-banner-ad{z-index:70;border-bottom:1px solid #ffffff14;padding:0;position:relative}.top-banner-inner{flex-wrap:wrap;align-items:center;gap:14px;max-width:1280px;margin:0 auto;padding:10px 20px;display:flex}.top-banner-cta{cursor:pointer;white-space:nowrap;border:none;border-radius:99px;flex-shrink:0;padding:6px 16px;font-family:Roboto,sans-serif;font-size:12px;font-weight:800;transition:transform .15s}.top-banner-cta:hover{transform:scale(1.04)}.top-banner-close{color:#ffffff80;cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-left:auto;padding:0 4px;font-size:16px;transition:color .15s}.top-banner-close:hover{color:#fff}.top-banner-label{color:#ffffff59;text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-weight:800;position:absolute;top:4px;right:8px}.marketplace-hero{background:linear-gradient(140deg,#071e34 0%,#0d3557 40%,#1a5a85 75%,#2181c4 100%);padding:52px 20px 60px;position:relative;overflow:hidden}.marketplace-hero:before{content:"";pointer-events:none;background:radial-gradient(55% 55% at 8% 15%,#2181c447 0%,#0000 65%),radial-gradient(35% 45% at 92% 85%,#fbbf2424 0%,#0000 60%),url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='1.5' fill='%23ffffff' fill-opacity='0.03'/%3E%3C/svg%3E");position:absolute;inset:0}.marketplace-hero-content{z-index:1;text-align:center;max-width:740px;margin:0 auto;position:relative}.hero-tag{color:#ffffffe6;background:#ffffff1f;border:1px solid #fff3;border-radius:99px;margin-bottom:14px;padding:5px 16px;font-family:Roboto,sans-serif;font-size:12px;font-weight:700;display:inline-block}.marketplace-hero-title{color:#fff;letter-spacing:-1.5px;margin:0 0 10px;font-family:Roboto,sans-serif;font-size:clamp(30px,5.5vw,58px);font-weight:900;line-height:1.05}.hero-accent{color:#fbbf24}.marketplace-hero-sub{color:#ffffff9e;margin:0 0 28px;font-family:Roboto,sans-serif;font-size:15px}.marketplace-search-wrap{position:relative}.marketplace-search-bar{background:#fff;border-radius:14px;align-items:center;gap:8px;padding:6px 6px 6px 18px;display:flex;box-shadow:0 12px 40px #00000047,0 2px 8px #0000001a}.search-icon{color:var(--text-muted);flex-shrink:0}.marketplace-search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:Roboto,sans-serif;font-size:15px}.marketplace-search-input::placeholder{color:var(--text-muted)}.search-clear-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:50%;align-items:center;padding:4px;transition:background .15s;display:flex}.search-clear-btn:hover{background:var(--primary-50)}.search-submit-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#1a5a85,#0d3557);border:none;border-radius:10px;flex-shrink:0;padding:10px 22px;font-family:Roboto,sans-serif;font-size:14px;font-weight:800;transition:all .2s}.search-submit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0f294259}.search-suggestions{z-index:100;background:#fff;border:1px solid #0000000f;border-radius:12px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 8px 32px #0000002e}.suggestion-item{color:var(--text-primary);cursor:pointer;border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:11px 18px;font-family:Roboto,sans-serif;font-size:13px;transition:background .12s;display:flex}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:var(--primary-50)}.suggestion-search{color:var(--primary-700);font-weight:600}.hero-trending{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:14px;display:flex}.trending-label{color:#ffffff8c;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:4px;font-family:Roboto,sans-serif;font-size:11px;font-weight:700;display:flex}.trending-chip{color:#fffc;cursor:pointer;white-space:nowrap;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:99px;padding:4px 12px;font-family:Roboto,sans-serif;font-size:12px;font-weight:600;transition:all .18s}.trending-chip:hover{color:#fff;background:#fff3}.category-bar{border-bottom:1px solid var(--border);z-index:70;background:#fff;position:sticky;top:62px;box-shadow:0 1px 3px #0000000a}.category-scroll{scrollbar-width:none;gap:8px;max-width:1280px;margin:0 auto;padding:10px 20px;display:flex;overflow-x:auto}.category-scroll::-webkit-scrollbar{display:none}.category-chip{border:1.5px solid var(--border);cursor:pointer;color:var(--text-secondary);white-space:nowrap;background:#fff;border-radius:99px;flex-shrink:0;align-items:center;gap:6px;padding:7px 16px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex}.category-chip:hover{border-color:var(--primary-400);color:var(--primary-700);background:var(--primary-50)}.category-chip.active{color:#fff;background:linear-gradient(135deg,#1a5a85,#0d3557);border-color:#0000;box-shadow:0 3px 10px #1a5a854d}.marketplace-body{max-width:1280px;margin:0 auto;padding:20px 20px 60px}.marketplace-layout{grid-template-columns:1fr;gap:20px;display:grid}.marketplace-layout.with-sidebar{grid-template-columns:270px 1fr}.filter-sidebar{height:fit-content;position:sticky;top:130px}.results-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.toolbar-btn{border:1.5px solid var(--border);cursor:pointer;color:var(--text-secondary);background:#fff;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-family:Roboto,sans-serif;font-size:13px;font-weight:700;transition:all .18s;display:inline-flex}.toolbar-btn:hover{border-color:var(--primary-400);color:var(--primary-700)}.toolbar-btn.active{background:var(--primary-600);color:#fff;border-color:var(--primary-600)}.results-count{color:var(--text-muted);font-family:Roboto,sans-serif;font-size:13px;font-weight:600}.filter-clear-all{color:var(--primary-600);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-family:Roboto,sans-serif;font-size:12px;font-weight:700;transition:background .15s;display:inline-flex}.filter-clear-all:hover{background:var(--primary-50)}.sort-label{color:var(--text-muted);font-family:Roboto,sans-serif;font-size:13px;font-weight:600}.sort-select{border:1.5px solid var(--border);color:var(--text-primary);cursor:pointer;background:#fff;border-radius:9px;outline:none;padding:7px 12px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600}.sort-select:focus{border-color:var(--primary-400)}.applied-filters{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.applied-tag{background:var(--primary-50);color:var(--primary-700);border:1px solid var(--primary-200);border-radius:99px;align-items:center;gap:5px;padding:4px 10px;font-family:Roboto,sans-serif;font-size:12px;font-weight:600;display:inline-flex}.applied-tag button{cursor:pointer;color:var(--primary-500);background:0 0;border:none;border-radius:50%;align-items:center;margin-left:2px;padding:0;transition:color .15s;display:flex}.applied-tag button:hover{color:var(--primary-800)}.items-grid{grid-template-columns:repeat(auto-fill,minmax(252px,1fr));gap:18px;display:grid}@media (max-width:600px){.items-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width:360px){.items-grid{grid-template-columns:1fr}}.item-card{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:14px;flex-direction:column;transition:all .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 4px #0000000f}.item-card:hover{border-color:var(--primary-300);transform:translateY(-3px);box-shadow:0 10px 28px #0000001f}.item-card-image{background:linear-gradient(135deg,#f0f6ff,#dde9f9);justify-content:center;align-items:center;height:148px;display:flex;position:relative;overflow:hidden}.item-emoji{filter:drop-shadow(0 4px 10px #0000001f);font-size:62px}.item-condition-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:99px;padding:3px 9px;font-size:10px;font-weight:800;position:absolute;top:9px;right:9px}.item-wishlist-btn{cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe0;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex;position:absolute;top:9px;left:9px;box-shadow:0 2px 6px #0000001a}.item-wishlist-btn:hover{transform:scale(1.12)}.item-verified-badge{color:#fff;background:#16a34ae6;border-radius:99px;align-items:center;gap:3px;padding:3px 8px;font-family:Roboto,sans-serif;font-size:9px;font-weight:800;display:flex;position:absolute;bottom:8px;left:9px}.item-negotiable-tag{color:var(--primary-700);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffeb;border-radius:99px;padding:3px 8px;font-family:Roboto,sans-serif;font-size:10px;font-weight:700;position:absolute;bottom:8px;right:9px}.item-card-body{flex-direction:column;flex:1;gap:7px;padding:13px;display:flex}.item-category{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:4px;font-family:Roboto,sans-serif;font-size:10px;font-weight:800;display:flex}.item-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:Roboto,sans-serif;font-size:14px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.item-price{color:#0d3557;font-family:Roboto,sans-serif;font-size:20px;font-weight:900}.item-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto;font-family:Roboto,sans-serif;font-size:11px;display:flex}.item-meta span{align-items:center;gap:3px;display:flex}.item-ordered-banner{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:9px;font-family:Roboto,sans-serif;font-size:13px;font-weight:700;display:flex}.ad-card{cursor:pointer;border:1.5px solid #ffffff14;border-radius:14px;flex-direction:column;transition:all .22s;display:flex;position:relative;overflow:hidden}.ad-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #00000040}.ad-label-strip{border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;padding:8px 14px 6px;display:flex}.ad-label-tag{text-transform:uppercase;letter-spacing:.1em;color:#ffffffb3;background:#ffffff1f;border-radius:99px;padding:2px 7px;font-family:Roboto,sans-serif;font-size:9px;font-weight:900}.ad-badge{font-family:Roboto,sans-serif;font-size:11px;font-weight:800}.ad-promoted .ad-emoji-wrap{justify-content:center;align-items:center;height:138px;display:flex;position:relative}.ad-emoji{filter:drop-shadow(0 4px 12px #0000004d);font-size:62px}.ad-city-tag{color:#fff9;font-family:Roboto,sans-serif;font-size:10px;font-weight:600;position:absolute;bottom:8px;right:10px}.ad-body{flex-direction:column;flex:1;gap:4px;padding:12px 14px 14px;display:flex}.ad-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:Roboto,sans-serif;font-size:14px;font-weight:800;line-height:1.35;display:-webkit-box;overflow:hidden}.ad-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:Roboto,sans-serif;font-size:11px;line-height:1.5;display:-webkit-box;overflow:hidden}.ad-price{font-family:Roboto,sans-serif;font-size:22px;font-weight:900}.ad-cta-btn{cursor:pointer;border:none;border-radius:9px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:auto;padding:9px 14px;font-family:Roboto,sans-serif;font-size:13px;font-weight:800;transition:all .18s;display:flex}.ad-cta-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.ad-cta-outline{color:inherit!important;background:0 0!important;border:2px solid!important}.ad-banner-emoji{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:28px;display:flex}.filter-panel{border:1px solid var(--border);background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 2px 8px #0000000f}.filter-panel-header{border-bottom:1px solid var(--border);background:var(--primary-50);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.filter-panel-title{color:var(--text-primary);font-family:Roboto,sans-serif;font-size:15px;font-weight:800}.filter-count-badge{background:var(--primary-600);color:#fff;border-radius:99px;padding:2px 7px;font-family:Roboto,sans-serif;font-size:10px;font-weight:800}.filter-reset-btn{color:var(--primary-600);cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:4px;padding:5px 8px;font-family:Roboto,sans-serif;font-size:12px;font-weight:700;transition:background .15s;display:flex}.filter-reset-btn:hover{background:var(--primary-100)}.filter-close-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;align-items:center;padding:4px;display:flex}.filter-panel-body{max-height:calc(100vh - 200px);overflow-y:auto}.filter-panel-footer{border-top:1px solid var(--border);padding:14px 16px}.filter-section{border-bottom:1px solid var(--border)}.filter-section:last-child{border-bottom:none}.filter-section-header{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:13px 16px;font-family:Roboto,sans-serif;transition:background .15s;display:flex}.filter-section-header:hover{background:var(--primary-50)}.filter-section-title{color:var(--text-primary);font-size:13px;font-weight:800}.filter-section-body{flex-direction:column;gap:6px;padding:4px 16px 14px;display:flex}.filter-radio-row{cursor:pointer;color:var(--text-primary);align-items:center;gap:9px;padding:4px 0;font-family:Roboto,sans-serif;font-size:13px;display:flex}.filter-radio-row input[type=radio]{accent-color:var(--primary-600);cursor:pointer}.filter-price-input{border:1.5px solid var(--border);color:var(--text-primary);border-radius:9px;outline:none;flex:1;padding:8px 10px;font-family:Roboto,sans-serif;font-size:13px;transition:border-color .15s}.filter-price-input:focus{border-color:var(--primary-400)}.filter-preset-btn{border:1.5px solid var(--border);color:var(--text-secondary);cursor:pointer;text-align:left;background:#fff;border-radius:9px;align-items:center;gap:7px;padding:8px 12px;font-family:Roboto,sans-serif;font-size:12px;font-weight:600;transition:all .15s;display:flex}.filter-preset-btn:hover{border-color:var(--primary-400);color:var(--primary-700);background:var(--primary-50)}.filter-preset-btn.active{background:var(--primary-600);color:#fff;border-color:var(--primary-600)}.filter-condition-btn{border:1.5px solid var(--border);cursor:pointer;text-align:left;background:#fff;border-radius:10px;align-items:center;gap:10px;padding:9px 12px;font-family:Roboto,sans-serif;transition:all .15s;display:flex}.filter-condition-btn:hover{border-color:var(--primary-300);background:var(--primary-50)}.filter-condition-btn.active{background:var(--primary-600);border-color:var(--primary-600);color:#fff}.filter-city-input{border:1.5px solid var(--border);box-sizing:border-box;border-radius:9px;outline:none;width:100%;padding:8px 12px;font-family:Roboto,sans-serif;font-size:13px;transition:border-color .15s}.filter-city-input:focus{border-color:var(--primary-400)}.filter-city-pills{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.filter-city-pill{border:1.5px solid var(--border);color:var(--text-secondary);cursor:pointer;background:#fff;border-radius:99px;padding:5px 11px;font-family:Roboto,sans-serif;font-size:11px;font-weight:600;transition:all .15s}.filter-city-pill:hover{border-color:var(--primary-400);color:var(--primary-700)}.filter-city-pill.active{background:var(--primary-600);color:#fff;border-color:var(--primary-600)}.filter-toggle-row{justify-content:space-between;align-items:center;padding:6px 0;font-family:Roboto,sans-serif;display:flex}.filter-toggle-switch{cursor:pointer;border-radius:99px;flex-shrink:0;width:40px;height:22px;transition:background .22s;position:relative}.filter-toggle-switch.on{background:var(--primary-600)}.filter-toggle-switch.off{background:#d1d5db}.filter-toggle-knob{background:#fff;border-radius:50%;width:16px;height:16px;transition:left .22s;position:absolute;top:3px;box-shadow:0 1px 4px #0003}.filter-toggle-switch.on .filter-toggle-knob{left:21px}.filter-toggle-switch.off .filter-toggle-knob{left:3px}.loading-grid{grid-template-columns:repeat(auto-fill,minmax(252px,1fr));gap:18px;display:grid}.skeleton-card{border:1px solid var(--border);background:#fff;border-radius:14px;flex-direction:column;gap:10px;padding-bottom:16px;display:flex;overflow:hidden}.skeleton-img{background:linear-gradient(90deg,#f0f4f8 25%,#e4edf5 50%,#f0f4f8 75%) 0 0/200% 100%;height:148px;animation:1.4s infinite shimmer}.skeleton-line{background:linear-gradient(90deg,#f0f4f8 25%,#e4edf5 50%,#f0f4f8 75%) 0 0/200% 100%;border-radius:99px;height:12px;margin:0 14px;animation:1.4s infinite shimmer}.skeleton-line.w70{width:70%}.skeleton-line.w50{width:50%}.skeleton-line.w40{width:40%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{text-align:center;color:var(--text-muted);padding:72px 24px;font-family:Roboto,sans-serif}.empty-state h3{color:var(--text-primary);margin:12px 0 6px;font-family:Roboto,sans-serif;font-size:20px;font-weight:800}.empty-state p{margin:0 0 20px;font-size:14px}.load-more-wrap{border-top:1px solid var(--border);justify-content:center;align-items:center;gap:14px;margin-top:32px;padding-top:24px;display:flex}.mobile-filter-overlay{z-index:200;background:#00000080;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.mobile-filter-drawer{border-radius:20px 20px 0 0;width:100%;max-height:88vh;animation:.28s slideUp;overflow-y:auto}.mobile-filter-drawer .filter-panel{border-radius:20px 20px 0 0}.mobile-filter-drawer .filter-panel-body{max-height:65vh}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hide-mobile{display:flex}.show-mobile-only{display:none}@media (max-width:768px){.marketplace-layout.with-sidebar{grid-template-columns:1fr}.filter-sidebar{display:none}.hide-mobile{display:none!important}.show-mobile-only{display:flex!important}.marketplace-hero{padding:36px 16px 48px}}