.ces-products-page{background:#0a0a0a;color:#fff;font-family:’DM Sans’,-apple-system,BlinkMacSystemFont,’Segoe UI’,sans-serif;padding:48px 16px 80px;min-height:100vh}
.ces-prod-container{max-width:1120px;margin:0 auto}
.ces-prod-header{text-align:center;margin-bottom:36px}
.ces-prod-header h1{margin:0 0 8px;font-size:2.4rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:#fff}
.ces-prod-header p{margin:0 auto;font-size:0.95rem;color:#9ca3af;max-width:500px;line-height:1.6}
.ces-tabs{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:4px 2px 16px;scrollbar-width:none;flex-wrap:wrap}
.ces-tabs::-webkit-scrollbar{display:none}
.ces-tab{flex:0 0 auto;border-radius:999px;border:1px solid #27272a;background:#111827;color:#e5e7eb;font-size:0.75rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;padding:8px 18px;cursor:pointer;transition:all .18s;white-space:nowrap}
.ces-tab.active,.ces-tab:hover{background:#22c55e;color:#0a0a0a;border-color:#22c55e}
.ces-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:16px;margin-top:8px}
@media(min-width:600px){.ces-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:960px){.ces-grid{grid-template-columns:repeat(3,1fr)}}
.ces-card{background:#111;border:1px solid #222;border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:12px;transition:border-color .2s}
.ces-card:hover{border-color:rgba(34,197,94,0.4)}
.ces-badge{display:inline-block;border-radius:999px;border:1px solid #22c55e;color:#22c55e;font-size:0.68rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;padding:4px 12px;margin-bottom:4px}
.ces-card-name{margin:0;font-size:1.05rem;font-weight:700;color:#fff;line-height:1.3}
.ces-card-sub{font-weight:400;color:#a1a1aa}
.ces-smell{margin:4px 0 0;font-size:0.8rem;color:#6b7280}
.ces-divider{border:none;border-top:1px solid #222;margin:0}
.ces-price-row{display:flex;justify-content:space-between;align-items:center;font-size:0.9rem}
.ces-price-label{color:#9ca3af}
.ces-price-value{font-weight:700;color:#f9fafb}
.ces-price-crypto .ces-price-value{color:#22c55e}
.ces-price-crypto .ces-price-label{color:#22c55e;opacity:0.85}
.ces-tier{font-size:0.85rem;color:#d1d5db;line-height:2}
.ces-tier-row{display:flex;justify-content:space-between;align-items:center;font-size:0.88rem}
.ces-tier-row span.label{color:#9ca3af}
.ces-tier-row span.val{font-weight:600;color:#f9fafb}
.ces-card[style*=”none”]{display:none}
.ces-cta-bar{margin-top:48px;border-radius:14px;border:1px solid #22c55e;background:#020617;padding:22px 28px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}
.ces-cta-bar p{margin:0;font-size:0.95rem;color:#e5e7eb}
.ces-cta-btn{border-radius:999px;border:none;background:#22c55e;color:#0a0a0a;font-size:0.9rem;font-weight:700;padding:11px 24px;text-decoration:none;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:background .15s}
.ces-cta-btn:hover{background:#16a34a}
Flower / Lows
[Product Name] — Add Grade
Smell: —/10
1 lb — Regular$000
1 lb — Crypto$000
Flower / Lows
[Product Name] — Add Grade
Smell: —/10
1 lb — Regular$000
1 lb — Crypto$000
Flower / Mids
[Product Name]
Smell: —/10
1 lb — Regular$000
1 lb — Crypto$000
Flower / Mids
[Product Name]
Smell: —/10
1 lb — Regular$000
1 lb — Crypto$000
Flower / Highs
[Product Name]
Smell: —/10
1 lb — Regular$000
1 lb — Crypto$000
Flower / Highs
[Product Name]
Smell: —/10
1 lb — Regular$000
1 lb — Crypto$000
Flower / Exotics
[Product Name]
Smell: —/10
1 lb — Regular$000
1 lb — Crypto$000
Flower / Exotics
[Product Name]
Smell: —/10
1 lb — Regular$000
1 lb — Crypto$000
Pre-Rolls
[Product Name]
Unit pricing
50–99 units$00 / unit
100–499 units$00 / unit
500+ units$00 / unit
Other
[Product Name]
Unit pricing
50–99 units$00 / unit
100–499 units$00 / unit
500+ units$00 / unit
Ready to place your order? Reach out and we’ll get you sorted.
Order Now →
(function(){
var tabs = document.querySelectorAll(‘#cesTabs .ces-tab’);
var cards = document.querySelectorAll(‘#cesGrid .ces-card’);
tabs.forEach(function(tab){
tab.addEventListener(‘click’, function(){
tabs.forEach(function(t){ t.classList.remove(‘active’); });
this.classList.add(‘active’);
var f = this.getAttribute(‘data-filter’);
cards.forEach(function(card){
card.style.display = (f === ‘all’ || card.getAttribute(‘data-cat’) === f) ? ” : ‘none’;
});
});
});
})();