USD

Collections

Babies

Men's Bottoms

GTC Midnight Black Racing Lifestyle Bomber Jacket

Men's Tops

GTC Midnight Black Happy Athletic Leggings

Women's Bottoms

GTC White Elite Performance Winter Hoodie

Womens Tops

Womens's Shoulder & Handbags

/* ===== GLOBAL DESIGN SYSTEM ===== */ :root { --bg: #0b0b0c; --card-bg: #111214; --text: #ffffff; --muted: #a1a1aa; --accent: #d4af37; /* gold */ --border: #1f1f23; --success: #22c55e; } body { background-color: var(--bg); color: var(--text); font-family: -apple-system, BlinkMacSystemFont, 'Inter', sans-serif; } /* Typography */ h1, h2, h3 { font-weight: 600; letter-spacing: -0.5px; } p { color: var(--muted); } .marketplace-container { display: grid; grid-template-columns: 260px 1fr; gap: 32px; padding: 40px; } /* Sidebar */ .filters { background: var(--card-bg); padding: 20px; border-radius: 16px; border: 1px solid var(--border); position: sticky; top: 20px; } .filter-group h4 { margin-bottom: 10px; font-size: 14px; color: var(--muted); } .filter-group label { display: block; margin-bottom: 8px; cursor: pointer; font-size: 14px; } /* Grid */ .product-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 24px; } .product-card { background: var(--card-bg); border-radius: 18px; overflow: hidden; border: 1px solid var(--border); transition: all 0.25s ease; position: relative; } .product-card:hover { transform: translateY(-6px); border-color: var(--accent); } /* Image */ .product-card img { width: 100%; height: 260px; object-fit: cover; } /* Content */ .product-card h3 { font-size: 14px; padding: 12px; min-height: 48px; } .price { font-size: 18px; font-weight: 600; padding: 0 12px; } /* Deal Badge */ .deal { display: inline-block; margin: 8px 12px; padding: 4px 10px; font-size: 12px; border-radius: 999px; background: rgba(212, 175, 55, 0.15); color: var(--accent); } /* Add to Cart Button */ .product-card button { width: 90%; margin: 12px auto 16px; display: block; background: var(--accent); color: black; border: none; padding: 10px; border-radius: 999px; font-weight: 600; cursor: pointer; transition: 0.2s; } .product-card button:hover { opacity: 0.85; } .marketplace-hero { text-align: center; padding: 60px 20px 20px; } .marketplace-hero h1 { font-size: 42px; font-weight: 700; } .marketplace-hero p { margin-top: 10px; font-size: 16px; } .product-page { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; padding: 60px; } /* Images */ .product-images img { width: 100%; border-radius: 16px; border: 1px solid var(--border); } /* Info */ .product-info h1 { font-size: 28px; } .product-info h2 { font-size: 24px; margin: 10px 0 20px; } /* Sections */ .market-data, .deal-score, .trust { margin-top: 24px; padding: 16px; background: var(--card-bg); border-radius: 14px; border: 1px solid var(--border); } /* Button */ .product-info button { margin-top: 20px; width: 100%; background: var(--accent); color: black; padding: 14px; border-radius: 999px; font-weight: 600; border: none; } @media (max-width: 768px) { .marketplace-container { grid-template-columns: 1fr; } .filters { display: none; /* optional: replace with dropdown */ } .product-page { grid-template-columns: 1fr; padding: 20px; } .marketplace-hero h1 { font-size: 28px; } } .product-card { transition: transform 0.3s ease, box-shadow 0.3s ease; } .product-card:hover { box-shadow: 0 10px 30px rgba(0,0,0,0.4); } /* Smooth fade-in */ .product-card { animation: fadeUp 0.4s ease; } @keyframes fadeUp { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

.filter-bar { display: flex; gap: 20px; margin-bottom: 20px; } #search-input { flex: 1; padding: 10px 14px; border-radius: 999px; border: 1px solid #333; background: #111; color: white; } .price-filter { width: 200px; } #active-filters { margin: 10px 0; } .filter-chip { display: inline-block; padding: 6px 12px; border-radius: 999px; background: #222; color: white; margin-right: 8px; cursor: pointer; } document.addEventListener("DOMContentLoaded", function () { const filters = document.querySelectorAll(".filter-input"); const searchInput = document.getElementById("search-input"); const priceRange = document.getElementById("price-range"); const priceValue = document.getElementById("price-value"); const activeFiltersDiv = document.getElementById("active-filters"); let selectedFilters = []; let maxPrice = 500; let searchQuery = ""; // FILTER CHECKBOXES filters.forEach(filter => { filter.addEventListener("change", () => { selectedFilters = Array.from(filters) .filter(f => f.checked) .map(f => f.value); updateFilters(); }); }); // SEARCH searchInput.addEventListener("input", function () { searchQuery = this.value.toLowerCase(); updateFilters(); }); // PRICE SLIDER priceRange.addEventListener("input", function () { maxPrice = this.value; priceValue.textContent = maxPrice; updateFilters(); }); function updateFilters() { updateChips(); applyFilters(); } function updateChips() { activeFiltersDiv.innerHTML = ""; selectedFilters.forEach(filter => { let chip = document.createElement("span"); chip.className = "filter-chip"; chip.textContent = filter.replace(/_/g, " "); chip.onclick = () => removeFilter(filter); activeFiltersDiv.appendChild(chip); }); } function removeFilter(filter) { selectedFilters = selectedFilters.filter(f => f !== filter); document.querySelectorAll(".filter-input").forEach(el => { if (el.value === filter) el.checked = false; }); updateFilters(); } function applyFilters() { let grid = document.getElementById("product-grid"); grid.classList.add("loading"); fetch(window.location.pathname + "?constraint=" + selectedFilters.join('+')) .then(res => res.text()) .then(html => { let doc = new DOMParser().parseFromString(html, "text/html"); let products = doc.querySelectorAll("#product-grid .product-card"); let filteredHTML = ""; products.forEach(card => { let title = card.innerText.toLowerCase(); let price = parseFloat(card.querySelector(".price").innerText.replace('$', '')); if ( title.includes(searchQuery) && price <= maxPrice ) { filteredHTML += card.outerHTML; } }); grid.innerHTML = filteredHTML; grid.classList.remove("loading"); }); } }); #product-grid.loading { opacity: 0.4; transition: 0.2s; }

Country/Region

Country/Region

Your cart is empty

Collections