/* ===== 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; } /* ===== 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(--white); color: var(--white); background: transparent; } .btn-outline:hover { background: var(--white); color: var(--espresso); } .btn-sm { padding: 10px 24px; font-size: .85rem; } .text-center { text-align: center; } /* ===== 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-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); } /* ===== BREADCRUMB ===== */ .breadcrumb { padding: 100px 0 0; font-size: .9rem; color: var(--text-muted); } .breadcrumb a { color: var(--accent-orange); font-weight: 600; } .breadcrumb span { margin: 0 8px; color: var(--text-muted); } /* ===== PRODUCT HERO ===== */ .product-hero { padding: 40px 0 60px; } .product-hero .container { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; } .product-hero-content h1 { font-size: clamp(2rem, 4vw, 3rem); font-weight: 900; line-height: 1.15; margin-bottom: 16px; color: var(--espresso); } .product-hero-content h1 span { color: var(--accent-orange); } .product-hero-content p { font-size: 1.05rem; color: var(--text-muted); max-width: 500px; margin-bottom: 28px; } .hero-badges { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 28px; } .hero-badge { display: inline-flex; align-items: center; gap: 6px; background: var(--cream); border: 1px solid rgba(212,160,83,.25); border-radius: 50px; padding: 8px 18px; font-size: .85rem; font-weight: 600; color: var(--dark-brown); } .product-hero-visual { background: linear-gradient(135deg, var(--light-cream), #f0d5b8); border-radius: 24px; height: 400px; display: flex; align-items: center; justify-content: center; font-size: 8rem; position: relative; overflow: hidden; } .product-hero-visual::after { content: ''; position: absolute; bottom: -60px; right: -60px; width: 250px; height: 250px; border-radius: 50%; background: rgba(212,160,83,.2); } /* ===== FILTERS ===== */ .filters-bar { padding: 30px 0; border-bottom: 1px solid rgba(59,35,21,.08); margin-bottom: 40px; } .filters-row { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; } .filter-group { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; } .filter-btn { padding: 10px 22px; border-radius: 50px; border: 2px solid rgba(59,35,21,.12); background: var(--white); 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); } .sort-select { padding: 10px 20px; border-radius: 50px; border: 2px solid rgba(59,35,21,.12); background: var(--white); font-size: .88rem; font-weight: 600; color: var(--dark-brown); cursor: pointer; outline: none; transition: var(--transition); } .sort-select:focus { border-color: var(--accent-orange); } .results-count { font-size: .9rem; color: var(--text-muted); font-weight: 600; } .results-count strong { color: var(--espresso); } /* ===== PRODUCT GRID ===== */ .product-section { padding: 20px 0 80px; } .product-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 28px; } .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-card-img { height: 220px; display: flex; align-items: center; justify-content: center; font-size: 4.5rem; position: relative; background: linear-gradient(135deg, #f8e8d0, #f0d5b8); } .product-card-img.bowl-lid { background: linear-gradient(135deg, #e8d8c8, #d8c8b0); } .product-card-img.iced-lid { background: linear-gradient(135deg, #dce8f0, #c0d8e8); } .product-card-img.clear-lid { background: linear-gradient(135deg, #f0f0f0, #e0e0e0); } .product-card-img.bio-lid { background: linear-gradient(135deg, #e0f0e0, #c8e0c8); } .product-card-img.premium-lid { background: linear-gradient(135deg, #d4a053, #e07b39); } .product-badge { position: absolute; top: 12px; left: 12px; background: var(--accent-orange); color: var(--white); padding: 4px 14px; border-radius: 50px; font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; } .product-badge.green { background: #4caf50; } .product-badge.gold { background: var(--gold); color: var(--espresso); } .product-badge.blue { background: #2196f3; } .product-card-body { padding: 24px; } .product-card-body h3 { font-size: 1.1rem; font-weight: 700; margin-bottom: 6px; } .product-sku { font-size: .78rem; color: var(--text-muted); margin-bottom: 10px; } .product-card-body p { font-size: .88rem; color: var(--text-muted); margin-bottom: 16px; line-height: 1.5; } .product-specs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; } .spec-tag { padding: 4px 12px; border-radius: 50px; background: var(--light-cream); font-size: .75rem; font-weight: 600; color: var(--dark-brown); } .product-card-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.2rem; font-weight: 800; color: var(--accent-orange); } .product-price small { font-size: .78rem; color: var(--text-muted); font-weight: 500; } .product-min { font-size: .78rem; color: var(--text-muted); margin-top: 2px; } /* ===== SIZE COMPARISON TABLE ===== */ .size-section { padding: 80px 0; background: var(--white); } .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.6rem, 3vw, 2.2rem); font-weight: 800; line-height: 1.2; margin-bottom: 16px; } .section-subtitle { font-size: 1.05rem; color: var(--text-muted); max-width: 600px; margin: 0 auto 40px; } .size-table-wrapper { overflow-x: auto; border-radius: var(--radius); box-shadow: var(--shadow); } .size-table { width: 100%; border-collapse: collapse; background: var(--white); } .size-table thead { background: var(--espresso); color: var(--white); } .size-table th { padding: 16px 20px; font-size: .85rem; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; text-align: left; } .size-table td { padding: 14px 20px; font-size: .9rem; border-bottom: 1px solid rgba(59,35,21,.06); } .size-table tbody tr:hover { background: var(--light-cream); } .size-table .in-stock { color: #4caf50; font-weight: 700; } .size-table .low-stock { color: var(--accent-orange); font-weight: 700; } /* ===== FEATURES BAR ===== */ .features-bar { padding: 60px 0; background: var(--light-cream); } .features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 32px; } .feature-item { text-align: center; padding: 32px 20px; } .feature-item-icon { font-size: 2.5rem; margin-bottom: 16px; } .feature-item h4 { font-size: 1rem; font-weight: 700; margin-bottom: 8px; } .feature-item p { font-size: .88rem; color: var(--text-muted); } /* ===== CTA SECTION ===== */ .cta-section { padding: 80px 0; background: linear-gradient(135deg, var(--accent-orange), var(--gold)); text-align: center; } .cta-section h2 { font-size: clamp(1.8rem, 3.5vw, 2.6rem); font-weight: 900; color: var(--white); margin-bottom: 16px; } .cta-section p { font-size: 1.05rem; color: rgba(255,255,255,.85); max-width: 520px; margin: 0 auto 32px; } .cta-section .btn { background: var(--white); color: var(--accent-orange); font-weight: 800; } .cta-section .btn:hover { background: var(--espresso); color: var(--white); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,.25); } /* ===== FAQ ===== */ .faq-section { padding: 80px 0; background: var(--white); } .faq-list { max-width: 800px; margin: 0 auto; } .faq-item { border-bottom: 1px solid rgba(59,35,21,.08); } .faq-question { width: 100%; padding: 20px 0; background: none; border: none; display: flex; justify-content: space-between; align-items: center; cursor: pointer; font-size: 1.05rem; font-weight: 700; color: var(--espresso); text-align: left; font-family: inherit; } .faq-question .icon { font-size: 1.4rem; color: var(--accent-orange); transition: var(--transition); } .faq-question.active .icon { transform: rotate(45deg); } .faq-answer { max-height: 0; overflow: hidden; transition: max-height .4s ease, padding .4s ease; } .faq-answer.open { max-height: 300px; padding-bottom: 20px; } .faq-answer p { font-size: .95rem; color: var(--text-muted); line-height: 1.7; } /* ===== 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); } /* ===== RESPONSIVE ===== */ @media (max-width: 992px) { .product-hero .container { grid-template-columns: 1fr; } .product-hero-visual { height: 300px; } .product-hero-content { text-align: center; } .product-hero-content p { margin-left: auto; margin-right: auto; } .hero-badges { justify-content: center; } .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; } .filters-row { flex-direction: column; align-items: stretch; } .filter-group { justify-content: center; } .sort-select { width: 100%; text-align: center; } .product-grid { grid-template-columns: 1fr; } .footer-grid { grid-template-columns: 1fr; } .footer-bottom { justify-content: center; text-align: center; } }

Premium Peel-Off Lids for Every Cup

Heat-sealed, tamper-evident, and perfectly fitted peel-off lids designed for coffee cups, smoothie containers, and cold drink packaging. Available in bulk with custom branding options.

✅ Food-Grade Material
♻️ Recyclable
🖨️ Custom Printing
📦 Bulk Available
Shop All Lids
🥤
Showing 12 products
🥤 Best Seller

Standard Peel-Off Lid — 8oz

SKU: POL-8-S

Perfect fit for 8oz paper cups. Heat-sealable with clean peel-off action. Ideal for single-serve coffee and espresso.

8oz PP Material Clear
Popular

Standard Peel-Off Lid — 12oz

SKU: POL-12-S

The most popular size for medium coffee servings. Secure heat seal with easy peel-off tab for customer convenience.

12oz PP Material Clear

Standard Peel-Off Lid — 16oz

SKU: POL-16-S

Large-size lid for 16oz cups. Durable construction with leak-resistant seal. Perfect for big coffee and latte orders.

16oz PP Material Clear

Standard Peel-Off Lid — 20oz

SKU: POL-20-S

Extra-large lid for 20oz cups. Extra rim grip for a secure seal on tall cups. Great for iced coffee and cold brew.

20oz PP Material Clear
🧊 New

Cold Cup Peel-Off Lid — 16oz

SKU: PCL-16-C

Designed for cold beverage cups. Condensation-resistant with a smooth peel-off strip. Clear PET for product visibility.

16oz PET Material Crystal Clear
🧊 New

Cold Cup Peel-Off Lid — 20oz

SKU: PCL-20-C

Extra-large cold cup lid with reinforced edges. Ideal for smoothies, bubble tea, and cold brew in larger sizes.

20oz PET Material Crystal Clear
🌿 Eco

Biodegradable Peel-Off Lid — 12oz

SKU: BPOL-12-E

Made from plant-based PLA material. Compostable peel-off lid that meets EN 13432 standards. Great for eco-conscious brands.

12oz PLA Bio-Plastic Compostable
🌿 Eco

Biodegradable Peel-Off Lid — 16oz

SKU: BPOL-16-E

Large-size compostable peel-off lid. Plant-based material with the same quality seal as traditional plastic lids.

16oz PLA Bio-Plastic Compostable
🥣 Premium

Bowl Peel-Off Lid — 16oz

SKU: PBOL-16-P

Wide-mouth peel-off lid for soup bowls, salad bowls, and noodle containers. Tamper-evident with clean peel strip.

16oz Bowl PP Material Clear
🥣 Premium

Bowl Peel-Off Lid — 32oz

SKU: PBOL-32-P

Extra-large bowl lid for family-sized servings. Durable seal with easy-peel tab. Perfect for catering and meal prep.

32oz Bowl PP Material Clear
🎨 Custom

Custom Printed Peel-Off Lid — 12oz

SKU: CPOL-12-C

Full-color printed peel-off lids with your brand logo. 4-color CMYK printing available. Minimum 5,000 units.

12oz Custom Print 4-Color
🎨 Custom

Custom Printed Peel-Off Lid — 16oz

SKU: CPOL-16-C

Premium branded lids with full-wrap printing options. Perfect for cafes wanting a memorable unboxing experience.

16oz Custom Print Full Wrap

Peel-Off Lid Size Comparison

Find the perfect lid size for your cups. All measurements are nominal cup sizes.

Product Cup Size Material Color Price / Unit Min Order Stock
Standard Lid 8 oz PP Plastic Clear $0.08 1,000 ✓ In Stock
Standard Lid 12 oz PP Plastic Clear $0.09 1,000 ✓ In Stock
Standard Lid 16 oz PP Plastic Clear $0.10 1,000 ✓ In Stock
Standard Lid 20 oz PP Plastic Clear $0.12 1,000 ⚡ Low Stock
Cold Cup Lid 16 oz PET Plastic Crystal Clear $0.14 500 ✓ In Stock
Cold Cup Lid 20 oz PET Plastic Crystal Clear $0.16 500 ✓ In Stock
Bio Lid 12 oz PLA (Bio) Natural $0.18 500 ✓ In Stock
Bio Lid 16 oz PLA (Bio) Natural $0.20 500 ⚡ Low Stock
Bowl Lid 16 oz Bowl PP Plastic Clear $0.22 500 ✓ In Stock
Bowl Lid 32 oz Bowl PP Plastic Clear $0.28 500 ✓ In Stock
🔒

Tamper-Evident

Heat-sealed lids provide a visible tamper-evident seal for food safety compliance.

💧

Leak-Resistant

Advanced seal technology prevents leaks during transport and storage.

Easy Peel-Off

Convenient tear strip ensures clean, mess-free removal every time.

🖨️

Custom Branding

Full-color printing available with your logo, colors, and branding.

Frequently Asked Questions

Everything you need to know about our peel-off lids.

Our standard peel-off lids are made from food-grade PP (polypropylene) plastic. Our cold cup lids use PET plastic for crystal clarity. We also offer eco-friendly options made from PLA (polylactic acid), a plant-based bioplastic that is commercially compostable under EN 13432 standards.

For standard peel-off lids, the minimum order is 1,000 units per size. For biodegradable and bowl lids, the minimum is 500 units. Custom printed lids require a minimum order of 5,000 units due to printing setup costs.

Yes! We offer full-color CMYK printing on all our peel-off lid sizes. You can add your logo, brand colors, and custom designs. We provide free design proofs and can match your brand's Pantone colors. Lead time for custom orders is typically 2–3 weeks.

Peel-off lids are applied using a heat-sealing machine. You can use an automatic heat sealer for high-volume production or a handheld sealer for smaller operations. The lids heat-seal in approximately 1–2 seconds per cup. We can recommend and supply heat sealers upon request.

Our PP plastic lids are microwave-safe up to 120°C (248°F). However, we recommend removing lids before microwaving food for best results. The lids are not dishwasher-safe — they are designed for single-use takeaway applications.

Standard in-stock items ship within 24–48 hours. Delivery typically takes 3–5 business days domestically. Express shipping is available for urgent orders. International shipping times vary by destination — contact our team for a quote.

Need Custom Peel-Off Lids?

Get a free quote for custom sizes, materials, and branding. Our team will respond within 2 hours.

Request a Free Quote →