/* ====== Clean Snapshot (namespaced, consistent styling) with subtle animations ====== */
.jptA {
–ink: #0f172a;
–muted: #475569;
–accent: #10B981; /* green accent */
–accent-2: #FF9900; /* warm CTA accent */
–border: #e2e8f0;
–bg: #ffffff;
font-family: Inter, -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Helvetica, Arial;
color: var(–ink);
}
.jptA .jptA-wrap {
max-width: 980px;
margin: 0 auto;
padding: 0 16px 34px;
}
/* Hero */
.jptA .jptA-hero {
background: linear-gradient(135deg, #ecfdf5 0%, #e6fffa 100%);
border: 1px solid var(–border);
border-radius: 14px;
padding: 28px 20px;
margin-top: 8px;
position: relative;
overflow: hidden;
}
.jptA .jptA-hero:after {
content: “”;
position: absolute;
right: -60px;
top: -60px;
width: 160px;
height: 160px;
border-radius: 50%;
background: radial-gradient(closest-side, rgba(16,185,129,.18), rgba(16,185,129,0));
animation: jptA-pulse 3.5s ease-in-out infinite;
}
@keyframes jptA-pulse {
0%, 100% { transform: scale(1); opacity: .8; }
50% { transform: scale(1.15); opacity: 1; }
}
.jptA .jptA-h1 {
margin: 0 0 6px;
font-size: 30px;
line-height: 1.15;
font-weight: 800;
color: #065f46;
}
.jptA .jptA-tagline {
color: var(–muted);
margin: 4px 0 0;
}
/* Sections */
.jptA .jptA-section {
margin-top: 24px;
}
.jptA .jptA-sectionTitle {
font-size: 22px;
margin: 0 0 10px;
font-weight: 800;
color: #0f172a;
border-left: 6px solid var(–accent);
padding-left: 10px;
}
.jptA p {
margin: 0 0 10px;
color: var(–ink);
line-height: 1.65;
}
/* Chips / grids */
.jptA .jptA-chips {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.jptA .jptA-chip {
background: #f8fafc;
border: 1px solid var(–border);
border-radius: 999px;
padding: 8px 12px;
font-weight: 700;
font-size: 14px;
color: var(–ink);
transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}
.jptA .jptA-chip:hover {
transform: translateY(-2px);
box-shadow: 0 6px 16px rgba(0,0,0,.06);
background-color: #fff;
}
.jptA .jptA-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
gap: 10px;
}
.jptA .jptA-tile {
background: #fff;
border: 1px solid var(–border);
border-radius: 10px;
padding: 12px 12px;
font-weight: 600;
color: var(–ink);
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.jptA .jptA-tile:hover {
transform: translateY(-4px);
box-shadow: 0 12px 28px rgba(0,0,0,.08);
border-color: #cbd5e1;
}
/* CTA buttons */
.jptA .jptA-ctaRow {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.jptA .jptA-btn {
display: inline-block;
padding: 10px 16px;
border-radius: 10px;
text-decoration: none;
font-weight: 800;
border: 1px solid #d0d7de;
background: #fff;
color: #065f46;
transition: transform .15s ease, box-shadow .15s ease, color .15s ease, border-color .15s ease;
}
.jptA .jptA-btn:hover {
transform: translateY(-1px);
box-shadow: 0 8px 24px rgba(0,0,0,.08);
color: #064e3b;
border-color: #064e3b;
}
.jptA .jptA-btnPrimary {
background: linear-gradient(90deg, var(–accent-2), #ffb84d);
color: #111;
border-color: var(–accent-2);
background-size: 200% 100%;
transition: background-position .35s ease, box-shadow .2s ease, transform .2s ease;
}
.jptA .jptA-btnPrimary:hover {
border-color: #e68a00;
background-position: 100% 0;
transform: translateY(-1.5px);
}
/* Contact card */
.jptA .jptA-contact {
background: #ffffff;
border: 1px solid var(–border);
border-radius: 14px;
padding: 16px;
}
.jptA .jptA-contact h3 {
margin: 0 0 8px;
font-size: 18px;
font-weight: 800;
}
.jptA .jptA-row {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 10px;
}
.jptA .jptA-item {
display: flex;
align-items: center;
gap: 10px;
}
.jptA .jptA-icon {
font-size: 18px;
}
.jptA a {
color: #065f46;
text-decoration: none;
border-bottom: 1px solid rgba(6,95,70,.25);
}
.jptA a:hover {
color: #064e3b;
border-color: #064e3b;
}
/* Divider */
.jptA .jptA-divider {
height: 1px;
border: 0;
margin: 22px 0;
background-image: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,.12), rgba(0,0,0,0));
}
/* Reveal on scroll */
.jptA .jptA-reveal {
opacity: 0;
transform: translateY(14px);
transition: opacity .6s ease, transform .6s ease;
}
.jptA .jptA-reveal.inview {
opacity: 1;
transform: none;
}
/* Location cards overlay */
.jptA .jptA-loc {
position: relative;
overflow: hidden;
}
.jptA .jptA-loc .jptA-locOverlay {
position: absolute;
inset: auto 0 0 0;
background: linear-gradient(180deg, rgba(255,255,255,0), rgba(16,185,129,.08));
transform: translateY(100%);
transition: transform .25s ease;
padding: 8px 12px;
font-size: 13px;
color: #075e54;
}
.jptA .jptA-loc:hover .jptA-locOverlay {
transform: translateY(0%);
}
.jptA .jptA-region {
font-size: 12px;
font-weight: 800;
color: #059669;
letter-spacing: .02em;
text-transform: uppercase;
margin-bottom: 4px;
}
About
P.I Wholesale is a trusted wholesale distributor serving Seattle and nationwide markets. We specialize in high-quality wholesale products for businesses of all sizes, offering competitive prices and reliable customer service.
Product Range
🛒 Wholesale General Merchandise
📦 Bulk Products
🏪 Convenience Store Supplies
🎁 Gift & Specialty Items
Why Choose P.I Wholesale
Competitive Pricing
Nationwide Distribution
Trusted Supplier
Quality Products
Dedicated Support
Our Location
Seattle, Washington
600 1st Ave, Seattle, WA 98104
Wholesale Distribution Hub
Premier Wholesale in Seattle
{
“@context”: “https://schema.org”,
“@type”: [“WholesaleStore”, “Organization”, “LocalBusiness”],
“name”: “P.I Wholesale”,
“url”: “https://www.piwholesale.com”,
“priceRange”: “$$”,
“slogan”: “Trusted Wholesale Distributor in Seattle”,
“description”: “P.I Wholesale is a wholesale distributor based in Seattle, WA, providing high-quality wholesale products, bulk supplies, and general merchandise with nationwide distribution and excellent customer service.”,
“telephone”: “+1-425-312-5650”,
“email”: “
[email protected]”,
“address”: {
“@type”: “PostalAddress”,
“streetAddress”: “600 1st Ave”,
“addressLocality”: “Seattle”,
“addressRegion”: “WA”,
“postalCode”: “98104”,
“addressCountry”: “US”
},
“hasMap”: “https://maps.google.com/?q=600+1st+Ave,+Seattle,+WA+98104”,
“geo”: {
“@type”: “GeoCoordinates”,
“latitude”: 47.6017,
“longitude”: -122.3332
},
“areaServed”: “United States”,
“sameAs”: [“https://www.piwholesale.com”],
“makesOffer”: {
“@type”: “OfferCatalog”,
“name”: “P.I Wholesale Product Catalog”,
“itemListElement”: [
{“@type”:”ListItem”,”position”:1,”name”:”Wholesale General Merchandise”},
{“@type”:”ListItem”,”position”:2,”name”:”Bulk Products”},
{“@type”:”ListItem”,”position”:3,”name”:”Convenience Store Supplies”},
{“@type”:”ListItem”,”position”:4,”name”:”Gift & Specialty Items”}
]
},
“knowsAbout”: [
“wholesale distribution”,
“general merchandise”,
“bulk supplies”,
“convenience store products”,
“gift items”
]
}
(function(){
var els = document.querySelectorAll(‘.jptA .jptA-reveal’);
if (!(‘IntersectionObserver’ in window)) {
els.forEach(function(el){ el.classList.add(‘inview’); });
return;
}
var io = new IntersectionObserver(function(entries){
entries.forEach(function(entry){
if (entry.isIntersecting) {
entry.target.classList.add(‘inview’);
io.unobserve(entry.target);
}
});
}, { threshold: 0.15 });
els.forEach(function(el){ io.observe(el); });
})();
