/* ===== RESET & BASE ===== */ *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; } body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color: #3b2f2f; line-height: 1.6; background: #fdf8f4; } a { text-decoration: none; color: inherit; } ul { list-style: none; } img { max-width: 100%; display: block; } /* ===== VARIABLES ===== */ :root { --espresso: #3b2315; --dark-brown: #5c3d2e; --warm-brown: #8b5e3c; --gold: #d4a053; --cream: #fdf8f4; --light-cream: #f5efe9; --white: #ffffff; --accent-orange: #e07b39; --text-dark: #2c1810; --text-muted: #6b5b50; --shadow: 0 4px 24px rgba(59,35,21,.10); --shadow-lg: 0 12px 40px rgba(59,35,21,.14); --radius: 14px; --transition: .3s ease; --ice-blue: #a8d4e6; --ice-light: #d4eef7; --ice-dark: #5bb5d3; } /* ===== UTILITIES ===== */ .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; } .btn { display: inline-block; padding: 14px 36px; border-radius: 50px; font-weight: 700; font-size: 1rem; cursor: pointer; border: none; transition: var(--transition); } .btn-primary { background: var(--accent-orange); color: var(--white); } .btn-primary:hover { background: var(--gold); transform: translateY(-2px); box-shadow: 0 6px 20px rgba(224,123,57,.35); } .btn-outline { border: 2px solid var(--espresso); color: var(--espresso); background: transparent; } .btn-outline:hover { background: var(--espresso); color: var(--white); } .btn-sm { padding: 10px 24px; font-size: .85rem; } .section-label { text-transform: uppercase; letter-spacing: 3px; font-size: .8rem; font-weight: 700; color: var(--gold); margin-bottom: 8px; } .section-title { font-size: clamp(1.8rem, 4vw, 2.6rem); font-weight: 800; line-height: 1.2; margin-bottom: 16px; } .section-subtitle { font-size: 1.05rem; color: var(--text-muted); max-width: 600px; } .text-center { text-align: center; } .breadcrumb { display: flex; align-items: center; gap: 8px; font-size: .9rem; color: var(--text-muted); margin-bottom: 8px; } .breadcrumb a { color: var(--accent-orange); font-weight: 600; } .breadcrumb a:hover { text-decoration: underline; } /* ===== NAVBAR ===== */ .navbar { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; padding: 16px 0; transition: var(--transition); background: transparent; } .navbar.scrolled { background: rgba(253,248,244,.97); backdrop-filter: blur(12px); box-shadow: 0 2px 16px rgba(59,35,21,.08); padding: 10px 0; } .navbar .container { display: flex; justify-content: space-between; align-items: center; } .logo { font-size: 1.6rem; font-weight: 900; color: var(--espresso); display: flex; align-items: center; gap: 8px; } .logo-icon { width: 36px; height: 36px; background: var(--accent-orange); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--white); font-size: 1.1rem; } .nav-links { display: flex; gap: 32px; align-items: center; } .nav-links a { font-weight: 600; font-size: .95rem; color: var(--dark-brown); transition: var(--transition); position: relative; } .nav-links a::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 0; height: 2px; background: var(--accent-orange); transition: var(--transition); } .nav-links a:hover::after { width: 100%; } .nav-links a:hover { color: var(--accent-orange); } .nav-links .active { color: var(--accent-orange); } .nav-links .active::after { width: 100%; } .nav-cta { padding: 10px 28px !important; border-radius: 50px; } .hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; background: none; border: none; } .hamburger span { width: 26px; height: 3px; background: var(--espresso); border-radius: 2px; transition: var(--transition); } /* ===== PAGE HERO ===== */ .page-hero { padding: 160px 0 80px; background: linear-gradient(135deg, var(--espresso) 0%, var(--dark-brown) 60%, var(--warm-brown) 100%); position: relative; overflow: hidden; } .page-hero::before { content: ''; position: absolute; top: -50%; right: -20%; width: 80%; height: 200%; background: radial-gradient(circle, rgba(168,212,230,.12) 0%, transparent 60%); pointer-events: none; } .page-hero .container { position: relative; z-index: 1; } .page-hero .section-label { color: var(--ice-light); } .page-hero h1 { font-size: clamp(2.2rem, 5vw, 3.4rem); font-weight: 900; line-height: 1.1; margin-bottom: 16px; color: var(--white); } .page-hero h1 span { color: var(--ice-blue); } .page-hero p { font-size: 1.15rem; color: rgba(255,255,255,.75); max-width: 560px; } /* ===== FILTER BAR ===== */ .filter-bar { background: var(--white); border-bottom: 1px solid rgba(59,35,21,.08); padding: 20px 0; position: sticky; top: 60px; z-index: 99; } .filter-bar .container { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; } .filter-group { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; } .filter-btn { padding: 8px 20px; border-radius: 50px; border: 2px solid rgba(59,35,21,.12); background: transparent; font-size: .88rem; font-weight: 600; color: var(--dark-brown); cursor: pointer; transition: var(--transition); } .filter-btn:hover, .filter-btn.active { border-color: var(--accent-orange); color: var(--accent-orange); background: rgba(224,123,57,.06); } .results-count { font-size: .92rem; color: var(--text-muted); font-weight: 600; } .results-count span { color: var(--espresso); } .sort-select { padding: 8px 16px; border-radius: 8px; border: 2px solid rgba(59,35,21,.12); font-size: .88rem; font-weight: 600; color: var(--dark-brown); background: var(--white); cursor: pointer; } /* ===== PRODUCT GRID ===== */ .products-section { padding: 60px 0 100px; background: var(--cream); } .products-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 32px; } .product-card { background: var(--white); border-radius: var(--radius); overflow: hidden; transition: var(--transition); box-shadow: var(--shadow); position: relative; } .product-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-lg); } .product-img { height: 220px; display: flex; align-items: center; justify-content: center; font-size: 4.5rem; position: relative; } .product-img.pet-bg { background: linear-gradient(135deg, var(--ice-light), #e0f2fa); } .product-img.plastic-bg { background: linear-gradient(135deg, #e8e0d4, #d4c8b8); } .product-img.insulated-bg { background: linear-gradient(135deg, #d4e8d4, #c0dcc0); } .product-img.frosted-bg { background: linear-gradient(135deg, #d8e4ec, #c4d4e0); } .product-badge { position: absolute; top: 12px; left: 12px; padding: 4px 14px; border-radius: 50px; font-size: .72rem; font-weight: 700; color: var(--white); } .badge-popular { background: var(--accent-orange); } .badge-new { background: #2ecc71; } .badge-eco { background: #27ae60; } .badge-sale { background: #e74c3c; } .product-wishlist { position: absolute; top: 12px; right: 12px; width: 36px; height: 36px; border-radius: 50%; background: rgba(255,255,255,.9); border: none; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 1rem; transition: var(--transition); } .product-wishlist:hover { background: #ff6b6b; color: var(--white); transform: scale(1.1); } .product-info { padding: 24px; } .product-category { font-size: .75rem; text-transform: uppercase; letter-spacing: 1px; color: var(--ice-dark); font-weight: 700; margin-bottom: 6px; } .product-info h3 { font-size: 1.1rem; font-weight: 700; margin-bottom: 6px; color: var(--text-dark); } .product-desc { font-size: .88rem; color: var(--text-muted); margin-bottom: 16px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .product-meta { display: flex; gap: 12px; margin-bottom: 16px; flex-wrap: wrap; } .meta-tag { font-size: .72rem; padding: 4px 10px; border-radius: 6px; background: var(--light-cream); color: var(--text-muted); font-weight: 600; } .product-footer { display: flex; justify-content: space-between; align-items: center; padding-top: 16px; border-top: 1px solid rgba(59,35,21,.06); } .product-price { font-size: 1.25rem; font-weight: 800; color: var(--accent-orange); } .product-price small { font-size: .75rem; color: var(--text-muted); font-weight: 500; } .product-price .old-price { text-decoration: line-through; color: var(--text-muted); font-size: .85rem; font-weight: 500; margin-right: 6px; } .btn-add { padding: 10px 22px; border-radius: 50px; background: var(--accent-orange); color: var(--white); border: none; font-weight: 700; font-size: .82rem; cursor: pointer; transition: var(--transition); } .btn-add:hover { background: var(--gold); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(224,123,57,.3); } .load-more { text-align: center; margin-top: 48px; } /* ===== PRODUCT DETAILS TABLE ===== */ .details-section { padding: 80px 0; background: var(--white); } .details-wrapper { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: start; } .details-visual { background: linear-gradient(135deg, var(--ice-light), #e0f2fa); border-radius: 24px; height: 420px; display: flex; align-items: center; justify-content: center; font-size: 6rem; position: relative; overflow: hidden; } .details-visual::after { content: ''; position: absolute; bottom: -60px; left: -60px; width: 250px; height: 250px; border-radius: 50%; background: rgba(91,181,211,.12); } .details-content h2 { font-size: 1.8rem; font-weight: 800; margin-bottom: 16px; } .details-content > p { color: var(--text-muted); margin-bottom: 28px; } .specs-table { width: 100%; border-collapse: collapse; margin-bottom: 32px; } .specs-table tr { border-bottom: 1px solid rgba(59,35,21,.06); } .specs-table td { padding: 14px 0; font-size: .92rem; } .specs-table td:first-child { font-weight: 700; color: var(--text-dark); width: 45%; padding-right: 16px; } .specs-table td:last-child { color: var(--text-muted); } .features-list { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 32px; } .features-list li { display: flex; align-items: center; gap: 10px; font-size: .9rem; } .features-list li .icon { color: var(--ice-dark); font-weight: 700; } /* ===== USE CASES ===== */ .use-cases { padding: 80px 0; background: var(--light-cream); } .use-cases-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 24px; margin-top: 40px; } .use-case-card { background: var(--white); border-radius: var(--radius); padding: 32px 28px; text-align: center; transition: var(--transition); border: 2px solid transparent; } .use-case-card:hover { transform: translateY(-4px); box-shadow: var(--shadow); border-color: rgba(91,181,211,.2); } .use-case-icon { font-size: 2.8rem; margin-bottom: 16px; } .use-case-card h3 { font-size: 1.1rem; font-weight: 700; margin-bottom: 8px; } .use-case-card p { font-size: .88rem; color: var(--text-muted); } /* ===== FAQ ===== */ .faq-section { padding: 80px 0; background: var(--white); } .faq-list { max-width: 780px; margin: 40px auto 0; } .faq-item { border: 1px solid rgba(59,35,21,.08); border-radius: var(--radius); margin-bottom: 12px; overflow: hidden; transition: var(--transition); } .faq-item:hover { border-color: rgba(91,181,211,.3); } .faq-question { padding: 20px 24px; display: flex; justify-content: space-between; align-items: center; cursor: pointer; font-weight: 700; font-size: 1rem; background: transparent; border: none; width: 100%; text-align: left; color: var(--text-dark); font-family: inherit; } .faq-question:hover { color: var(--accent-orange); } .faq-toggle { width: 28px; height: 28px; border-radius: 50%; background: var(--light-cream); display: flex; align-items: center; justify-content: center; font-size: 1.1rem; transition: var(--transition); flex-shrink: 0; } .faq-item.open .faq-toggle { background: var(--accent-orange); color: var(--white); transform: rotate(45deg); } .faq-answer { max-height: 0; overflow: hidden; transition: max-height .4s ease; } .faq-item.open .faq-answer { max-height: 300px; } .faq-answer p { padding: 0 24px 20px; font-size: .92rem; color: var(--text-muted); line-height: 1.7; } /* ===== CTA BANNER ===== */ .cta-banner { padding: 80px 0; background: linear-gradient(135deg, var(--accent-orange), var(--gold)); text-align: center; } .cta-banner h2 { font-size: clamp(1.8rem, 3.5vw, 2.6rem); font-weight: 900; color: var(--white); margin-bottom: 16px; } .cta-banner p { font-size: 1.1rem; color: rgba(255,255,255,.85); max-width: 520px; margin: 0 auto 32px; } .cta-banner .btn { background: var(--white); color: var(--accent-orange); font-weight: 800; } .cta-banner .btn:hover { background: var(--espresso); color: var(--white); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,.25); } /* ===== RELATED PRODUCTS ===== */ .related-section { padding: 80px 0; background: var(--cream); } .related-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 24px; margin-top: 40px; } .related-card { background: var(--white); border-radius: var(--radius); padding: 28px; display: flex; align-items: center; gap: 20px; transition: var(--transition); border: 1px solid rgba(59,35,21,.06); } .related-card:hover { transform: translateY(-4px); box-shadow: var(--shadow); } .related-icon { width: 64px; height: 64px; min-width: 64px; border-radius: 16px; display: flex; align-items: center; justify-content: center; font-size: 2rem; } .related-icon.coffee-bg { background: linear-gradient(135deg, #f8e8d0, #f0d5b8); } .related-icon.bowl-bg { background: linear-gradient(135deg, #e8d8c8, #d8c8b0); } .related-icon.lid-bg { background: linear-gradient(135deg, #d8e4ec, #c4d4e0); } .related-icon.straw-bg { background: linear-gradient(135deg, #d4e8d4, #c0dcc0); } .related-info h3 { font-size: 1rem; font-weight: 700; margin-bottom: 4px; } .related-info p { font-size: .82rem; color: var(--text-muted); margin-bottom: 0; } /* ===== FOOTER ===== */ .footer { background: var(--espresso); color: rgba(255,255,255,.7); padding: 80px 0 0; } .footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 48px; margin-bottom: 60px; } .footer-brand .logo { color: var(--white); margin-bottom: 16px; } .footer-brand p { font-size: .92rem; line-height: 1.7; max-width: 300px; } .footer h4 { color: var(--white); font-size: 1rem; font-weight: 700; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 1px; } .footer ul li { margin-bottom: 12px; } .footer ul li a { font-size: .92rem; transition: var(--transition); } .footer ul li a:hover { color: var(--gold); padding-left: 4px; } .footer-bottom { border-top: 1px solid rgba(255,255,255,.08); padding: 28px 0; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; font-size: .85rem; } .social-links { display: flex; gap: 12px; } .social-links a { width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(255,255,255,.15); display: flex; align-items: center; justify-content: center; transition: var(--transition); font-size: .9rem; } .social-links a:hover { background: var(--gold); border-color: var(--gold); color: var(--espresso); } /* ===== BACK TO TOP ===== */ .back-to-top { position: fixed; bottom: 32px; right: 32px; width: 48px; height: 48px; border-radius: 50%; background: var(--accent-orange); color: var(--white); border: none; cursor: pointer; font-size: 1.2rem; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 16px rgba(224,123,57,.35); transition: var(--transition); opacity: 0; visibility: hidden; z-index: 999; } .back-to-top.visible { opacity: 1; visibility: visible; } .back-to-top:hover { transform: translateY(-3px); background: var(--gold); } /* ===== RESPONSIVE ===== */ @media (max-width: 992px) { .details-wrapper { grid-template-columns: 1fr; } .details-visual { height: 300px; } .features-list { grid-template-columns: 1fr; } .footer-grid { grid-template-columns: 1fr 1fr; } } @media (max-width: 768px) { .nav-links { display: none; position: absolute; top: 100%; left: 0; width: 100%; background: var(--white); flex-direction: column; padding: 24px; gap: 20px; box-shadow: var(--shadow); } .nav-links.active { display: flex; } .hamburger { display: flex; } .filter-bar .container { flex-direction: column; align-items: stretch; } .filter-group { justify-content: center; } .products-grid { grid-template-columns: 1fr; } .footer-grid { grid-template-columns: 1fr; } .footer-bottom { justify-content: center; text-align: center; } }

Premium Cold Cups for Every Beverage

Crystal-clear PET cups, insulated plastic tumblers, and frost-proof options — perfect for iced coffee, smoothies, bubble tea, and cold beverages.

Showing 8 products
🧊 Best Seller
PET Clear

Clear PET Cold Cup — 16oz

Crystal-clear single-wall PET cup. Ideal for iced coffee, lemonade, and smoothies. BPA-free and crystal clear for a premium presentation.

16 oz BPA-Free Crystal Clear
🥤 New
PET Clear

Clear PET Cold Cup — 20oz

Extra-large clear PET cup for premium cold drinks. Sturdy construction with excellent clarity. Perfect for bubble tea and blended drinks.

20 oz Heavy Duty Dome Lid Ready
🍹
Frosted

Frosted PET Cup — 16oz

Premium frosted finish PET cup with a modern matte look. Hides fingerprints and provides a sophisticated appearance for upscale venues.

16 oz Frosted Matte Premium
🧊 Eco
Insulated

Double-Wall Insulated Cup — 12oz

Double-wall construction keeps cold drinks cold longer. Condensation-free exterior for comfortable grip. Great for outdoor events.

12 oz Double Wall No Condensation
🥛 Popular
Plastic

PP Plastic Cup — 16oz

Durable polypropylene cup suitable for both hot and cold drinks. Stackable design saves storage space. Microwavable and dishwasher safe.

16 oz PP Material Reusable
🌿 Sustainable
Eco-Friendly

Recycled PET Cup — 16oz

Made from 100% recycled PET materials. Fully recyclable after use. Same crystal clarity as virgin PET with a smaller carbon footprint.

16 oz 100% Recycled Recyclable
🥤
PET Clear

Clear PET Cold Cup — 8oz

Compact 8oz clear PET cup perfect for samples, tasting portions, and kids' drinks. Lightweight yet durable for everyday use.

8 oz Lightweight Sample Size
🧊 20% Off
Insulated

Vacuum Insulated Cup — 16oz

Premium vacuum-insulated cup that keeps beverages cold for up to 12 hours. Double-wall construction with leak-proof lid included.

16 oz Vacuum Seal 12hr Cold
🧊

Clear PET Cold Cup — 16oz

Our best-selling cold cup combines crystal clarity with exceptional durability. Perfect for showcasing the vibrant colors of your beverages while providing a comfortable, secure grip.

Material PET (Polyethylene Terephthalate)
Capacity 16 oz / 473 ml
Diameter 3.15 inches (80mm) — standard lid compatible
Height 4.72 inches (120mm)
Wall Thickness 0.3mm — heavy-duty construction
Temperature Range -4°F to 167°F (-20°C to 75°C)
Certification FDA, LFGB, BPA-Free
Min. Order 5,000 units
Packaging 50 units per polybag, 500 units per carton
  • Crystal clear transparency
  • BPA-free & food-safe
  • Leak-resistant design
  • Stackable for easy storage
  • Compatible with standard lids
  • Fully recyclable (PET #1)
Request Bulk Quote Download Spec Sheet

Where Our Cold Cups Shine

From bustling coffee shops to large-scale catering events, our cold cups are built for every scenario.

🧋

Bubble Tea Shops

Wide-mouth design perfect for boba, tapioca pearls, and jelly toppings. Dome lid compatible.

🥤

Iced Coffee & Tea

Showcase your beautifully layered cold brew and iced tea with crystal-clear presentation.

🍹

Smoothie Bars

Thick-wall construction handles blended drinks with ice without bursting or leaking.

🎉

Events & Catering

Stackable and lightweight for easy transport. Perfect for weddings, festivals, and corporate events.

🍦

Ice Cream & Desserts

Available in short, wide versions ideal for sundaes, soft serve, and frozen yogurt shops.

🏥

Hospitality & Healthcare

FDA-approved for all food service applications including hospitals, airports, and hotels.

Frequently Asked Questions

Everything you need to know about our cold cup products, ordering, and customization.

Our standard minimum order is 5,000 units per SKU. For custom-branded cups with your logo, the minimum is 10,000 units. Contact our sales team for tailored pricing on larger orders — we regularly handle orders of 500,000+ units per month.

Absolutely. All our PET cups are manufactured from BPA-free materials and comply with FDA food-contact regulations. We also meet LFGB (European) standards. Certificates of compliance are provided with every shipment upon request.

Yes! We offer full-color printing on PET cups using advanced digital and screen-printing techniques. You can choose from custom colors, frosted finishes, and even transparent printing. Setup fees start at $150, and turnaround is typically 2–3 weeks after proof approval.

Our 16oz and 20oz PET cups use the standard 80mm lid size, which is compatible with our entire range of dome lids, flat lids, and straw lids. The 12oz and 8oz sizes use the 70mm standard. We sell lids separately or as bundled kits at discounted rates.

Standard stocked products ship within 24–48 hours. Custom-printed orders typically take 2–3 weeks from proof approval. For rush orders, we offer expedited production at a 15% premium — contact us for availability and exact timelines.

Yes, we ship to over 45 countries worldwide. We arrange FOB, CIF, and DDP shipping options depending on your preference. For international orders, we handle all export documentation and can provide Incoterms-compliant logistics support.

Need Custom Cold Cups?

Get a personalized quote with custom sizing, branding, and volume discounts. Our team responds within 2 business hours.

Request Your Free Quote →