⚾

Baseball Memorabilia

Cards, signed balls, display cases, and collectibles.

Popular

🏈

:root{ --primary:#6366f1; --primary2:#5855eb; --bg:#fafafa; --card:#ffffff; --border:#e5e7eb; --text:#111827; --muted:#6b7280; --success:#10b981; --shadow:0 4px 6px -1px rgba(0,0,0,.1); --shadow2:0 12px 24px rgba(0,0,0,.12); --radius:16px; } *{margin:0;padding:0;box-sizing:border-box} body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6} /* Header */ .topbar{ background:linear-gradient(135deg,#667eea 0%, #764ba2 100%); color:#fff; padding:18px 0; position:sticky; top:0; z-index:100; box-shadow:0 4px 20px rgba(0,0,0,.1); } .container{max-width:1200px;margin:0 auto;padding:0 20px} .topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px} .brand{display:flex;align-items:center;gap:12px} .logo{ width:42px;height:42px;border-radius:12px; background:rgba(255,255,255,.16); display:grid;place-items:center;font-weight:800; } .brand h1{font-size:1.05rem;font-weight:800;letter-spacing:-.02em} .brand small{display:block;opacity:.85;font-weight:400} .nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap} .nav a{ opacity:.92; padding:10px 14px; border-radius:12px; transition:.2s ease; font-weight:600; font-size:.95rem; } .nav a:hover{background:rgba(255,255,255,.14);opacity:1} .nav a.active{background:rgba(255,255,255,.2);font-weight:700} .cart-btn{ position:relative; background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.24); color:#fff; padding:10px 16px; border-radius:12px; cursor:pointer; font-weight:700; margin-left:8px; } .cart-count{ position:absolute; top:-6px;right:-6px; background:var(--success); color:#fff; font-size:11px; font-weight:900; width:20px;height:20px; border-radius:50%; display:grid;place-items:center; } /* Buttons */ .btn{ display:inline-flex;align-items:center;gap:10px; border:none;cursor:pointer; padding:14px 20px;border-radius:14px; font-weight:700;font-size:.98rem; transition:.2s ease; text-decoration:none; } .btn-primary{ background:linear-gradient(135deg,var(--primary),var(--primary2)); color:#fff; box-shadow:0 12px 30px rgba(99,102,241,.35); } .btn-primary:hover{transform:translateY(-2px)} .btn-ghost{ background:transparent; color:inherit; border:1px solid currentColor; } .btn-white{ background:#fff;color:var(--text); border:1px solid var(--border); } /* Cards */ .grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px} .card{ background:var(--card); border:1px solid var(--border); border-radius:var(--radius); box-shadow:var(--shadow); overflow:hidden; transition:.2s ease; } .card:hover{transform:translateY(-3px);box-shadow:var(--shadow2)} .card-pad{padding:18px} .section{padding:40px 0} .section-title{font-size:1.8rem;font-weight:800;margin-bottom:12px} .section-desc{color:var(--muted);margin-bottom:24px;max-width:60ch} /* Products */ .prod{grid-column:span 4} @media(max-width:980px){.prod{grid-column:span 6}} @media(max-width:640px){.prod{grid-column:span 12}} .img{ height:200px; background:linear-gradient(135deg,#f3f4f6,#e5e7eb); display:grid;place-items:center; position:relative; font-size:64px; } .badge{ position:absolute;top:12px;left:12px; padding:6px 10px;border-radius:999px; background:rgba(17,24,39,.82); color:#fff;font-weight:800;font-size:.75rem; } .price{font-weight:900;color:var(--primary);font-size:1.3rem;margin-top:8px} .prod .title{font-weight:900;font-size:1.1rem;margin-top:8px} /* Footer */ footer{ background:#0b1220; color:#cbd5e1; padding:42px 0; margin-top:60px; } footer .cols{ display:grid; grid-template-columns:1.2fr .8fr .8fr; gap:18px; } @media(max-width:640px){footer .cols{grid-template-columns:1fr}} footer h5{color:#fff;margin-bottom:12px} footer a{color:#94a3b8;text-decoration:none;display:block;margin:6px 0;transition:.2s} footer a:hover{color:#fff} /* Toast */ .toast-container{ position:fixed; top:20px;right:20px; z-index:10000; display:flex; flex-direction:column; gap:10px; } .toast{ background:#fff; border-left:4px solid var(--success); padding:16px 20px; border-radius:12px; box-shadow:0 10px 40px rgba(0,0,0,.15); font-weight:600; animation:slideIn 0.3s ease; min-width:300px; } @keyframes slideIn{ from{transform:translateX(100%);opacity:0} to{transform:translateX(0);opacity:1} }// Global Cart State const Cart = { items: JSON.parse(localStorage.getItem('cart') || '[]'), save() { localStorage.setItem('cart', JSON.stringify(this.items)); this.updateUI(); }, add(item) { const existing = this.items.find(i => i.id === item.id && i.type === item.type && i.engraving === item.engraving ); if (existing) { existing.quantity += 1; } else { this.items.push({...item, quantity: 1}); } this.save(); this.showToast(`Added ${item.name} to cart`); }, remove(index) { this.items.splice(index, 1); this.save(); }, getTotal() { return this.items.reduce((sum, item) => sum + (item.price * item.quantity), 0); }, getCount() { return this.items.reduce((sum, item) => sum + item.quantity, 0); }, updateUI() { // Update all cart count badges on page document.querySelectorAll('.cart-count').forEach(el => { const count = this.getCount(); el.textContent = count; el.style.display = count > 0 ? 'grid' : 'none'; }); // If on cart page, render items if (document.getElementById('cartItems')) { this.renderCartPage(); } }, renderCartPage() { const container = document.getElementById('cartItems'); if (this.items.length === 0) { container.innerHTML = '

Your cart is empty

Add some pens to get started

Shop Pens

'; document.getElementById('cartTotal').textContent = '$0.00'; return; } container.innerHTML = this.items.map((item, idx) => `

${item.icon || '🖊️'}

${item.name}

${item.specs || ''}

$${item.price.toFixed(2)} x ${item.quantity}

`).join(''); document.getElementById('cartTotal').textContent = '$' + this.getTotal().toFixed(2); }, showToast(msg, type = 'success') { const container = document.querySelector('.toast-container') || (() => { const c = document.createElement('div'); c.className = 'toast-container'; document.body.appendChild(c); return c; })(); const toast = document.createElement('div'); toast.className = 'toast'; toast.textContent = msg; container.appendChild(toast); setTimeout(() => { toast.style.animation = 'slideIn 0.3s ease reverse'; setTimeout(() => toast.remove(), 300); }, 3000); } }; // Initialize document.addEventListener('DOMContentLoaded', () => { Cart.updateUI(); }); // Highlight current nav const currentPage = location.pathname.split('/').pop() || 'index.html'; document.querySelectorAll('.nav a').forEach(link => { if (link.getAttribute('href') === currentPage) { link.classList.add('active'); } }); Pops Pens & More — Handcrafted Custom Pens

Craft Your Perfect Writing Instrument

Design a custom pen with our interactive studio, or shop our ready-to-ship collection of handcrafted writing instruments.

🖊️ Design Your Pen 🛍️ Shop In-Stock

Why Choose Pops Pens?

🪵

Premium Materials

Hand-selected woods and aerospace-grade metals

⚡

Fast Turnaround

Custom pens ship within 5-7 business days

🔤

Custom Engraving

Personalize with names, dates, or messages

Featured Pens

Ready to ship today

View All →

🖊️

BEST SELLER

Walnut Bolt Action

Gold Finish • Hand-turned

$68.00

✒️

Maple Classic Twist

Chrome Finish • Smooth writer

$49.00

🖋️

Ebony Fountain Pen

Black Titanium • Premium

$92.00

Design Studio — Pops Pens

🖊️

Live Preview

Rotating view enabled

Configure Your Pen

Pen Style

Wood Type

Metal Finish

Engraving (+$8)

0/20

Total Price

$68.00

Free shipping on orders over $50

Shop In-Stock Pens — Pops Pens

In-Stock Pens

Ready to ship within 24 hours. Each pen is handcrafted and unique.

🖊️

IN STOCK

Walnut Bolt Action — Gold

Rich walnut body with 24k gold plating. Smooth bolt mechanism.

$68.00

🔧

✒️

IN STOCK

Maple Classic Twist — Chrome

Light maple with polished chrome. Perfect everyday writer.

$49.00

🔧

🖋️

LOW STOCK

Ebony Fountain — Black Titanium

Luxury fountain pen with titanium accents. Converter included.

$92.00

🔧

🖊️

IN STOCK

Cherry Click Pen — Copper

Vibrant cherry wood with aged copper finish.

$54.00

🔧

✒️

IN STOCK

Oak Classic Twist — Gold

Sturdy oak construction with gold trim. Great gift option.

$52.00

🔧

🖋️

NEW

Rosewood Fountain — Chrome

Exotic rosewood with modern chrome appointments.

$88.00

🔧

Shopping Cart — Pops Pens

Your Cart

About Us — Pops Pens

Crafted with Passion

We believe that writing instruments should be as unique as the people who use them. Every pen is handcrafted in our workshop using sustainably sourced materials.

Get in Touch

Have questions about a custom order? Want to collaborate? We'd love to hear from you.

Visit Our Shop

📍 Location

123 Craftsman Way
Woodworking District
Portland, OR 97201

📧 Email

hello@popspens.com
support@popspens.com

📱 Follow Us

@popspens on Instagram, Twitter, and Facebook

/* Theme Name: Pops Pens - Flatsome Child Description: Custom pen configurator child theme Author: Your Name Template: flatsome Version: 1.0 */ /* Import Flatsome parent styles */ @import url("../flatsome/style.css"); /* Custom Variables */ :root{ --pp-primary:#6366f1; --pp-primary-dark:#5855eb; --pp-bg:#fafafa; } /* Pen Configurator Styles */ .pen-configurator{ background: linear-gradient(135deg,#f3f4f6,#e5e7eb); border-radius: 16px; padding: 40px; margin: 30px 0; } .configurator-layout{ display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 40px; align-items: start; } @media(max-width: 768px){ .configurator-layout{grid-template-columns: 1fr;} } .pen-preview-stage{ background: #fff; border-radius: 20px; min-height: 500px; display: flex; align-items: center; justify-content: center; box-shadow: 0 20px 60px rgba(0,0,0,0.1); position: relative; overflow: hidden; } .pen-display{ font-size: 120px; filter: drop-shadow(0 10px 20px rgba(0,0,0,0.2)); transition: all 0.3s ease; } .configurator-controls{ background: #fff; padding: 30px; border-radius: 16px; box-shadow: 0 4px 20px rgba(0,0,0,0.05); } .option-group{ margin-bottom: 25px; border-bottom: 1px solid #eee; padding-bottom: 20px; } .option-group label{ display: block; font-weight: 700; margin-bottom: 10px; color: #111; } .option-grid{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; } .option-btn{ padding: 12px; border: 2px solid #e5e7eb; background: #fff; border-radius: 10px; cursor: pointer; transition: all 0.2s; text-align: center; font-weight: 600; } .option-btn:hover{border-color: var(--pp-primary);} .option-btn.active{ border-color: var(--pp-primary); background: #eef2ff; color: var(--pp-primary); } .color-dot{ width: 16px; height: 16px; border-radius: 50%; display: inline-block; margin-right: 6px; border: 2px solid rgba(0,0,0,0.1); vertical-align: middle; } .price-display{ background: linear-gradient(135deg,#667eea,#764ba2); color: #fff; padding: 20px; border-radius: 12px; text-align: center; margin: 20px 0; } .price-amount{ font-size: 2rem; font-weight: 800; } /* Custom Product Cards */ .product-grid-custom{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; } .pen-product-card{ background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 4px 6px rgba(0,0,0,0.05); transition: transform 0.2s; } .pen-product-card:hover{ transform: translateY(-5px); box-shadow: 0 12px 24px rgba(0,0,0,0.1); } .pen-product-card .image-wrap{ height: 250px; background: linear-gradient(135deg,#f3f4f6,#e5e7eb); display: flex; align-items: center; justify-content: center; font-size: 80px; position: relative; } .badge-custom{ position: absolute; top: 15px; left: 15px; background: rgba(0,0,0,0.8); color: #fff; padding: 6px 12px; border-radius: 20px; font-size: 0.75rem; font-weight: 700; } /* Header Customization */ .header-main{ background: linear-gradient(135deg,#667eea 0%, #764ba2 100%) !important; } .header-main .nav > li > a{ color: #fff !important; font-weight: 600; } .header-main .cart-icon strong{ color: #fff; } /* Hero Section Override */ .ux-banner{ background: linear-gradient(135deg,#667eea 0%, #764ba2 100%); } /* Checkout Customization */ .woocommerce-checkout .form-row{ margin-bottom: 20px; } /* Engraving Field Styling */ .engraving-field input{ width: 100%; padding: 12px; border: 2px solid #e5e7eb; border-radius: 8px; font-weight: 600; }

🛒 Your Cart

Pops Pens & More

Design a pen that's uniquely yours.

Custom pen configurator

Baseball Memorabilia

Your cart is empty

${item.name}

Pops Pens & More

Craft Your Perfect Writing Instrument

Why Choose Pops Pens?

Premium Materials

Fast Turnaround

Custom Engraving

Featured Pens

Walnut Bolt Action

Maple Classic Twist

Ebony Fountain Pen

Pops Pens & More

Configure Your Pen

Pops Pens & More

In-Stock Pens

Walnut Bolt Action — Gold

Maple Classic Twist — Chrome

Ebony Fountain — Black Titanium

Cherry Click Pen — Copper

Oak Classic Twist — Gold

Rosewood Fountain — Chrome

Pops Pens & More

Your Cart

Pops Pens & More

Crafted with Passion

Get in Touch

Visit Our Shop

📍 Location

📧 Email

📱 Follow Us