USD

Coming Soon!

Productivity Essentials

Objects that partner with your digital tools so you can focus on your most important work.

Shop Now

Shop by Collection

Collection title

/* ===== 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; }

Your cart is empty

Coming Soon!

Make Your Workspace Yours

GTC T-Shirt

GTC 22oz Copper Vacuum Insulated Bottle

GTC 24k Gold Elite Performance Workout Pants

GTC 24k Gold Multi Logo PU Leather Shoulder Bag

GTC 24k Gold S1 Shoulder Handbag

GTC 24k Gold Slogan Leggings

GTC Aqua Athletic Racing Lifestyle Joggers

GTC Aqua Blue Elite Performance Workout Pants

Productivity Essentials

Shop by Collection

Country/Region

Country/Region

Your cart is empty

Coming Soon!

Make Your Workspace Yours

GTC T-Shirt

GTC 22oz Copper Vacuum Insulated Bottle

GTC 24k Gold Elite Performance Workout Pants

GTC 24k Gold Multi Logo PU Leather Shoulder Bag

GTC 24k Gold S1 Shoulder Handbag

GTC 24k Gold Slogan Leggings

GTC Aqua Athletic Racing Lifestyle Joggers

GTC Aqua Blue Elite Performance Workout Pants

Productivity Essentials

Shop by Collection