Stainless Steel Bento Lunch Box, 3-Compartment Meal Prep Lunch Container with...

Description

View Stainless Steel Bento Lunch Box, 3-Compartment Meal Prep Lunch Container with... with current marketplace pricing, condition, product images and item details. Hidden Utensil Storage & Smart Portability: Smart space-saving convenience at its best! Simply pour hot water into the thickened, crack-resistant outer shell, place the stainless lunch box tray on top, and secure the lid to heat food gently. /* eBay Template Engine - PROFESSIONAL Style */ .ebay-template { max-width: 900px; margin: 0 auto; font-family: Georgia, "Times New Roman", serif; color: #111827; background: #f9fafb; line-height: 1.6; } .ebay-template * { box-sizing: border-box; } .template-header { background: linear-gradient(135deg, #374151 0%, #111827 100%); color: #ffffff; padding: 24px; border-radius: 4px 4px 0 0; text-align: center; } .template-header h1 { font-family: "Helvetica Neue", Arial, sans-serif; font-size: 24px; margin: 0 0 8px 0; font-weight: 700; } .template-header .brand { font-size: 14px; opacity: 0.9; } .template-header .condition { display: inline-block; background: rgba(255,255,255,0.2); padding: 4px 12px; border-radius: 20px; font-size: 12px; margin-top: 12px; } .template-body { padding: 24px; border: 1px solid #d1d5db; border-top: none; border-radius: 0 0 4px 4px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12); } /* ── Trust badges row (Ships from USA · Free Delivery) ────────────── Sits directly under the gallery. Two equal columns built with a classic table layout — eBay's CSS sanitiser sometimes strips modern flex/grid declarations on mobile renders, but table-cell has been bulletproof since 2015. SVG icons are inlined (no external requests, no script content, safe for eBay's content policy) and sized in viewBox units so they scale crisply on retina without external tags. */ .trust-badges { width: 100%; border-collapse: separate; border-spacing: 12px 0; margin: 0 0 28px 0; table-layout: fixed; } .trust-badges td { width: 50%; vertical-align: middle; background: #ffffff; border: 1px solid #d1d5db; border-radius: 12px; padding: 14px 16px; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04); } .trust-badge-inner { display: table; width: 100%; } .trust-badge-icon, .trust-badge-text { display: table-cell; vertical-align: middle; } .trust-badge-icon { width: 52px; padding-right: 12px; } .trust-badge-icon svg { display: block; width: 44px; height: 44px; } .trust-badge-title { margin: 0; font-family: "Helvetica Neue", Arial, sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0.02em; color: #111827; line-height: 1.2; text-transform: uppercase; } .trust-badge-sub { margin: 2px 0 0 0; font-size: 12px; color: #6b7280; line-height: 1.3; } @media (max-width: 480px) { .trust-badges { border-spacing: 0; } .trust-badges, .trust-badges tbody, .trust-badges tr, .trust-badges td { display: block; width: 100%; } .trust-badges td { margin-bottom: 10px; } .trust-badge-icon svg { width: 38px; height: 38px; } .trust-badge-title { font-size: 13px; } .trust-badge-sub { font-size: 11px; } } .section { margin-bottom: 32px; } .section:last-child { margin-bottom: 0; } .section-title { font-family: "Helvetica Neue", Arial, sans-serif; font-size: 18px; font-weight: 600; color: #111827; margin: 0 0 16px 0; padding-bottom: 8px; border-bottom: 2px solid #d1d5db; } /* Carousel layout — ghost-anchor + :target + transform pattern. PR-Carousel-GhostAnchor: arrows work without page jump. The trick: each slide's "anchor link target" is a hidden element with position: fixed; top: 0. Because the anchor is already pinned to the viewport top, when the buyer clicks the browser sees the target as already in view and does NOT scroll the page vertically. We then use CSS :target + general sibling selector (~) to apply translateX on the .gallery-track, sliding the requested image into view horizontally with a smooth animation. Zero JS. This is the same pattern eBay's own listing photo galleries use server-side (rendered to plain HTML when JS is disabled). Works in every browser that supports :target (basically everything since ~IE9). */ .image-gallery { width: 100%; max-width: 600px; margin: 0 auto; } /* Ghost anchors: invisible 1px targets pinned to viewport top via position: fixed. Browser's scroll-into-view for fragment links sees them as already-in-view, so no vertical page scroll happens. pointer-events: none so they never intercept clicks/hovers. */ .gallery-anchor { position: fixed; top: 0; left: 0; width: 1px; height: 1px; opacity: 0; pointer-events: none; } .gallery-carousel { /* overflow: hidden (not auto) — we control the visible slide via transform, not via the native scroll position. This is what lets the arrow navigation NOT cause any scroll on the page or in the container. */ position: relative; overflow: hidden; border-radius: 12px; border: 1px solid #d1d5db; background: #f8fafc; } .gallery-track { /* The track is a horizontal flex row that gets translated as a whole. Default position shows the first slide. transition makes the change between slides feel like a native swipe rather than a jarring jump. */ display: flex; width: 100%; transform: translateX(0); transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1); } .gallery-slide { /* Each slide takes the full track width — flex: 0 0 100% locks this so a 4-slide track is 400% wide internally but each slide fills the carousel viewport one at a time. */ flex: 0 0 100%; position: relative; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; background: #ffffff; } .gallery-slide img { /* object-fit: contain so we never crop the product. White slide background letterboxes non-square source images. */ width: 100%; height: 100%; object-fit: contain; display: block; -webkit-user-drag: none; user-select: none; } /* Fully transparent nav arrows — no pill, no background. Just a chunky white chevron glyph with a strong drop-shadow so it stays readable over both light and dark product photos. Operator feedback: "şefaf olmamış gene siyahlık var arkasında" — earlier rgba(15,23,42,0.18) pill was still too visible. */ .gallery-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 48px; height: 80px; display: flex; align-items: center; justify-content: center; /* No background, no border. The text-shadow IS the affordance. */ background: transparent; color: #ffffff; text-decoration: none; font-size: 56px; line-height: 1; font-weight: 300; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; /* Heavy text-shadow gives the glyph a halo that reads on any background. Three stacked shadows produce a soft outline rather than a single hard drop-shadow. */ text-shadow: 0 0 4px rgba(0, 0, 0, 0.6), 0 0 12px rgba(0, 0, 0, 0.4), 0 2px 6px rgba(0, 0, 0, 0.5); -webkit-user-select: none; user-select: none; opacity: 0.85; transition: opacity 0.15s ease, transform 0.15s ease; z-index: 2; } .gallery-nav:hover, .gallery-nav:focus { opacity: 1; outline: none; } .gallery-nav-prev { left: 8px; } .gallery-nav-next { right: 8px; } /* :target-driven slide transitions. Each ghost-anchor :target rule shifts the track by -100% per slide index. The general sibling combinator (~) works because the ghost-anchors and the .gallery-carousel are siblings inside .image-gallery. */ #g-slide-1:target ~ .gallery-carousel .gallery-track { transform: translateX(0); } #g-slide-2:target ~ .gallery-carousel .gallery-track { transform: translateX(-100%); } #g-slide-3:target ~ .gallery-carousel .gallery-track { transform: translateX(-200%); } #g-slide-4:target ~ .gallery-carousel .gallery-track { transform: translateX(-300%); } #g-slide-5:target ~ .gallery-carousel .gallery-track { transform: translateX(-400%); } #g-slide-6:target ~ .gallery-carousel .gallery-track { transform: translateX(-500%); } #g-slide-7:target ~ .gallery-carousel .gallery-track { transform: translateX(-600%); } #g-slide-8:target ~ .gallery-carousel .gallery-track { transform: translateX(-700%); } #g-slide-9:target ~ .gallery-carousel .gallery-track { transform: translateX(-800%); } #g-slide-10:target ~ .gallery-carousel .gallery-track { transform: translateX(-900%); } #g-slide-11:target ~ .gallery-carousel .gallery-track { transform: translateX(-1000%); } #g-slide-12:target ~ .gallery-carousel .gallery-track { transform: translateX(-1100%); } .gallery-hint { text-align: center; font-size: 13px; color: #64748b; margin-top: 10px; letter-spacing: 0.3px; line-height: 1.5; } .gallery-hint strong { color: #475569; font-weight: 600; } /* Description */ .description { font-size: 15px; line-height: 1.8; } /* Features List */ .features-list { list-style: none; padding: 0; margin: 0; } .features-list li { padding: 10px 0 10px 32px; position: relative; border-bottom: 1px solid #d1d5db; } .features-list li:last-child { border-bottom: none; } .features-list li:before { content: "✓"; position: absolute; left: 0; color: #10b981; font-weight: bold; font-size: 16px; } /* Specifications Table */ .specs-table { width: 100%; border-collapse: collapse; } .specs-table tr:nth-child(even) { background: rgba(0,0,0,0.02); } .specs-table td { padding: 12px; border: 1px solid #d1d5db; font-size: 14px; } .specs-table td:first-child { font-weight: 600; width: 35%; background: rgba(0,0,0,0.03); } /* Policies */ .policies { display: flex; gap: 24px; flex-wrap: wrap; } .policy-box { flex: 1; min-width: 250px; padding: 16px; background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%); border-radius: 8px; border-left: 4px solid #0ea5e9; } .policy-box h4 { margin: 0 0 8px 0; font-size: 14px; color: #0369a1; } .policy-box p { margin: 0; font-size: 13px; color: #475569; } /* Footer */ .template-footer { text-align: center; padding: 20px; background: #d1d5db; border-radius: 0 0 4px 4px; font-size: 13px; color: #6b7280; } .store-name { font-weight: 600; color: #111827; } /* Mobile Responsive */ @media screen and (max-width: 600px) { .ebay-template { font-size: 14px; } .template-header { padding: 16px; } .template-header h1 { font-size: 18px; } .template-body { padding: 16px; } .section-title { font-size: 16px; } .image-gallery { /* Carousel already 100%/max-600 on desktop — on mobile we let it stretch full width minus the .template-body padding. */ max-width: 100%; } .gallery-carousel { border-radius: 8px; } .gallery-nav { /* Smaller chevron on mobile so it doesn't dominate the photo. */ font-size: 44px; width: 36px; height: 64px; } .gallery-nav-prev { left: 4px; } .gallery-nav-next { right: 4px; } .policies { flex-direction: column; } .specs-table td { padding: 8px; font-size: 13px; } .specs-table td:first-child { width: 40%; } } Stainless Steel Bento Lunch Box, 3-Compartment Meal Prep Lunch Container with Bottom Tray & Cutlery, Portable for Work, Gym & Travel ‹ › ‹ › ‹ › ‹ › ‹ › ‹ › ‹ › ‹ › Ships from USA Fast US shipping Free Delivery Tracking number provided Key Features Tips: To achieve the ultimate airtight and leakproof performance, always open the top silicone vent first before securing the lid. Press down firmly and fasten all four side latches to verify the lid is completely locked in place, then tightly close the silicone vent to establish a secure vacuum seal. 3-Compartment Premium Stainless Steel Lunchbox: Crafted from heavy-duty, authentic food-grade stainless steel with an impact-resistant, thick-walled structure. Measuring a perfectly portable 8.6 x 6.5 x 2.75 inches, the 3 divided compartments are scientifically sized to keep your mains, sides, and snacks neatly separated without mixing flavors. It is highly rust-resistant, dent-proof, and designed to support your healthy meal prep routine at the office, gym, or outdoors. Reinforced Latches & Precision-Fit Seal: Built for reliable everyday use, this bento lunch box features upgraded heavy-duty 4-side locking clips for a firm, secure closure. The precision-groove silicone sealing ring fits closely along the 3-compartment tray rim, helping the lid stay securely in place during work, travel, gym sessions, or daily commutes. Hidden Utensil Storage & Smart Portability: Smart space-saving convenience at its best! This bento box metal container features a dedicated, hidden compartment engineered at the bottom of the steel tray to neatly pack the included stainless steel spoon and chopsticks. The sleek 8.6" x 6.5" x 2.75" compact footprint fits effortlessly into fitness totes or commuter bags, keeping your cutlery cleanand ready for any on-the-go meal. Hassle-Free Hot Water Warming & Clear Lid: Enjoy warm, homemade meals anywhere without needing a microwave—ideal for a warm post-workout meal at the gym or lunch at your office desk. Simply pour hot water into the thickened, crack-resistant outer shell, place the stainless lunch box tray on top, and secure the lid to heat food gently. The crystal-clear, heavy-duty transparent lid allows for quick content viewing at a glance without letting heat escape. Easy Cleaning & Care Guide: The removable 304 stainless steel tray and cutlery are 100% dishwasher-safe, removing greasy oils and odors effortlessly. To preserve the perfect leakproof fit, the transparent lid, silicone ring, and outer shell are NOT dishwasher-safe and must be hand-washed. Always air dry all parts completely before reassembly. (Note: The metal tray is not microwave-safe; do not transport the container with hot water inside). Your Satisfaction, Our Priority: Should you encounter any quality concerns or transit damage, please contact us directly. We are dedicated to handling any issues promptly and ensuring you receive a satisfying solution Shipping & Returns 📦 Shipping Fast, secure shipping. Items are carefully packaged and shipped within 1-2 business days. Tracking number provided. ↩️ Returns 30-day hassle-free returns. If you're not satisfied, return the item in original condition for a full refund. Condition: New. Category: Home & Garden › Kitchen, Dining & Bar › Kitchen Storage & Organization › Lunch Containers. Brand: Unbranded.

Brand

Unbranded