{"product_id":"bento-box","title":"Bento Box","description":"\u003cdiv class=\"infinity-bento-desc\" aria-label=\"Bento Box product description\"\u003e\n  \u003cstyle\u003e\n    .infinity-bento-desc {\n      --paper: #FAF5EC;\n      --ink: #0D0D0D;\n      --accent: #FF3D00;\n      --lime: #C8F135;\n      --blue: #2B4BFF;\n      --white: #FFFFFF;\n      --border: 2px solid var(--ink);\n      --shadow: 5px 5px 0 var(--ink);\n      --shadow-press: 3px 3px 0 var(--ink);\n      --radius-card: 14px;\n      --radius-badge: 8px;\n      --radius-pill: 999px;\n      --space-1: 4px;\n      --space-2: 8px;\n      --space-3: 12px;\n      --space-4: 16px;\n      --space-5: 20px;\n      --space-6: 24px;\n      --space-8: 32px;\n      --space-10: 40px;\n      color: var(--ink);\n      font-family: Archivo, Arial, sans-serif;\n      font-size: 16px;\n      line-height: 1.6;\n      background: var(--paper);\n      padding: var(--space-4);\n    }\n\n    .infinity-bento-desc *,\n    .infinity-bento-desc *::before,\n    .infinity-bento-desc *::after {\n      box-sizing: border-box;\n    }\n\n    .infinity-bento-desc img {\n      display: block;\n      width: 100%;\n      max-width: 100%;\n      height: auto;\n      border-radius: 12px;\n    }\n\n    .infinity-bento-shell {\n      width: 100%;\n      max-width: 920px;\n      margin: 0 auto;\n      display: grid;\n      gap: var(--space-5);\n    }\n\n    .infinity-bento-marquee {\n      overflow: hidden;\n      border: var(--border);\n      border-radius: var(--radius-pill);\n      background: var(--accent);\n      box-shadow: var(--shadow);\n    }\n\n    .infinity-bento-marquee-track {\n      display: inline-flex;\n      align-items: center;\n      gap: 0;\n      min-width: max-content;\n      padding: 12px 0;\n      white-space: nowrap;\n      font-family: \"Archivo Black\", Archivo, Arial, sans-serif;\n      font-size: 13px;\n      line-height: 1;\n      letter-spacing: .04em;\n      text-transform: uppercase;\n      animation: infinity-bento-scroll 18s linear infinite;\n    }\n\n    .infinity-bento-marquee-track span {\n      display: inline-block;\n      padding: 0 18px;\n    }\n\n    .infinity-bento-card {\n      position: relative;\n      border: var(--border);\n      border-radius: var(--radius-card);\n      background: var(--white);\n      box-shadow: var(--shadow);\n      overflow: hidden;\n    }\n\n    .infinity-bento-hero {\n      padding: clamp(18px, 3.2vw, 28px);\n      display: grid;\n      gap: var(--space-5);\n      background: var(--white);\n    }\n\n    .infinity-bento-sticker-row {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      align-items: flex-start;\n    }\n\n    .infinity-bento-sticker {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      padding: 10px 14px;\n      border: var(--border);\n      border-radius: var(--radius-badge);\n      box-shadow: 3px 3px 0 var(--ink);\n      font-family: \"Archivo Black\", Archivo, Arial, sans-serif;\n      font-size: 12px;\n      line-height: 1;\n      text-transform: uppercase;\n      max-width: 100%;\n    }\n\n    .infinity-bento-sticker--lime {\n      background: var(--lime);\n      transform: rotate(-2deg);\n    }\n\n    .infinity-bento-sticker--accent {\n      background: var(--accent);\n      color: var(--white);\n      transform: rotate(1.5deg);\n    }\n\n    .infinity-bento-sticker--blue {\n      background: var(--blue);\n      color: var(--white);\n      transform: rotate(-1deg);\n    }\n\n    .infinity-bento-head {\n      display: grid;\n      gap: 14px;\n      align-items: start;\n    }\n\n    .infinity-bento-head h2 {\n      margin: 0;\n      font-family: \"Archivo Black\", Archivo, Arial, sans-serif;\n      font-size: clamp(2rem, 5.4vw, 4.2rem);\n      line-height: .92;\n      letter-spacing: -.03em;\n      text-transform: uppercase;\n      word-break: normal;\n      overflow-wrap: anywhere;\n      max-width: 9ch;\n    }\n\n    .infinity-bento-outline {\n      color: transparent;\n      -webkit-text-stroke: 2px var(--ink);\n    }\n\n    .infinity-bento-subcopy {\n      max-width: 58ch;\n      display: grid;\n      gap: 12px;\n    }\n\n    .infinity-bento-subcopy p {\n      margin: 0;\n      font-size: 16px;\n      line-height: 1.65;\n    }\n\n    .infinity-bento-media {\n      display: grid;\n      gap: 12px;\n    }\n\n    .infinity-bento-image-frame {\n      background: var(--paper);\n      border: var(--border);\n      border-radius: 12px;\n      padding: 10px;\n    }\n\n    .infinity-bento-caption {\n      font-size: 14px;\n      line-height: 1.5;\n      color: var(--ink);\n    }\n\n    .infinity-bento-trust {\n      padding: 14px 16px;\n      border: var(--border);\n      border-radius: var(--radius-card);\n      background: var(--lime);\n      box-shadow: var(--shadow);\n      font-size: 14px;\n      line-height: 1.5;\n    }\n\n    .infinity-bento-trust strong {\n      font-family: \"Archivo Black\", Archivo, Arial, sans-serif;\n      text-transform: uppercase;\n    }\n\n    .infinity-bento-grid {\n      display: grid;\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: var(--space-4);\n    }\n\n    .infinity-bento-grid-item {\n      padding: 18px;\n      border: var(--border);\n      border-radius: var(--radius-card);\n      background: var(--white);\n      box-shadow: var(--shadow);\n      min-width: 0;\n    }\n\n    .infinity-bento-grid-item:nth-child(2) {\n      background: var(--paper);\n    }\n\n    .infinity-bento-grid-item:nth-child(3) {\n      background: var(--white);\n    }\n\n    .infinity-bento-grid-item h3 {\n      margin: 0 0 10px;\n      font-family: \"Archivo Black\", Archivo, Arial, sans-serif;\n      font-size: 20px;\n      line-height: 1;\n      text-transform: uppercase;\n      letter-spacing: -.02em;\n    }\n\n    .infinity-bento-grid-item p {\n      margin: 0;\n      font-size: 15px;\n      line-height: 1.65;\n    }\n\n    .infinity-bento-callout {\n      display: grid;\n      gap: 14px;\n      padding: 20px;\n      border: var(--border);\n      border-radius: var(--radius-card);\n      background: var(--white);\n      box-shadow: var(--shadow);\n    }\n\n    .infinity-bento-callout h3 {\n      margin: 0;\n      font-family: \"Archivo Black\", Archivo, Arial, sans-serif;\n      font-size: clamp(1.5rem, 3vw, 2.4rem);\n      line-height: .95;\n      text-transform: uppercase;\n      letter-spacing: -.02em;\n    }\n\n    .infinity-bento-callout p {\n      margin: 0;\n      max-width: 60ch;\n      font-size: 15px;\n      line-height: 1.65;\n    }\n\n    .infinity-bento-tags {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n    }\n\n    .infinity-bento-tags span {\n      display: inline-flex;\n      align-items: center;\n      min-height: 42px;\n      padding: 10px 14px;\n      border: var(--border);\n      border-radius: var(--radius-pill);\n      background: var(--paper);\n      box-shadow: 3px 3px 0 var(--ink);\n      font-family: \"Archivo Black\", Archivo, Arial, sans-serif;\n      font-size: 12px;\n      text-transform: uppercase;\n    }\n\n    .infinity-bento-accordion {\n      display: grid;\n      gap: 12px;\n    }\n\n    .infinity-bento-accordion details {\n      border: var(--border);\n      border-radius: var(--radius-card);\n      background: var(--white);\n      box-shadow: var(--shadow);\n      overflow: hidden;\n    }\n\n    .infinity-bento-accordion summary {\n      list-style: none;\n      cursor: pointer;\n      padding: 18px 18px;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 12px;\n      font-family: \"Archivo Black\", Archivo, Arial, sans-serif;\n      font-size: 17px;\n      line-height: 1;\n      text-transform: uppercase;\n    }\n\n    .infinity-bento-accordion summary::-webkit-details-marker {\n      display: none;\n    }\n\n    .infinity-bento-accordion summary::after {\n      content: \"+\";\n      flex: 0 0 auto;\n      font-size: 24px;\n      line-height: 1;\n    }\n\n    .infinity-bento-accordion details[open] summary::after {\n      content: \"–\";\n    }\n\n    .infinity-bento-accordion-content {\n      padding: 0 18px 18px;\n      display: grid;\n      gap: 12px;\n    }\n\n    .infinity-bento-accordion-content p {\n      margin: 0;\n      font-size: 15px;\n      line-height: 1.7;\n      max-width: 62ch;\n    }\n\n    .infinity-bento-cta {\n      display: grid;\n      gap: 14px;\n      padding: 20px;\n      border: var(--border);\n      border-radius: var(--radius-card);\n      background: var(--accent);\n      color: var(--white);\n      box-shadow: var(--shadow);\n    }\n\n    .infinity-bento-cta h3 {\n      margin: 0;\n      font-family: \"Archivo Black\", Archivo, Arial, sans-serif;\n      font-size: clamp(1.5rem, 3vw, 2.3rem);\n      line-height: .96;\n      text-transform: uppercase;\n      letter-spacing: -.02em;\n      max-width: 14ch;\n    }\n\n    .infinity-bento-cta p {\n      margin: 0;\n      max-width: 56ch;\n      font-size: 15px;\n      line-height: 1.6;\n    }\n\n    .infinity-bento-btnrow {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n    }\n\n    .infinity-bento-btnrow span {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      min-height: 48px;\n      padding: 12px 16px;\n      border: var(--border);\n      border-radius: var(--radius-pill);\n      box-shadow: var(--shadow);\n      font-family: \"Archivo Black\", Archivo, Arial, sans-serif;\n      font-size: 13px;\n      line-height: 1;\n      text-transform: uppercase;\n      background: var(--white);\n      color: var(--ink);\n    }\n\n    @keyframes infinity-bento-scroll {\n      from { transform: translateX(0); }\n      to { transform: translateX(-50%); }\n    }\n\n    @media (max-width: 900px) {\n      .infinity-bento-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .infinity-bento-head h2 {\n        max-width: 100%;\n      }\n    }\n\n    @media (max-width: 640px) {\n      .infinity-bento-desc {\n        padding: 12px;\n      }\n\n      .infinity-bento-shell {\n        gap: 16px;\n      }\n\n      .infinity-bento-hero,\n      .infinity-bento-callout,\n      .infinity-bento-cta,\n      .infinity-bento-grid-item,\n      .infinity-bento-accordion summary,\n      .infinity-bento-accordion-content {\n        padding-left: 14px;\n        padding-right: 14px;\n      }\n\n      .infinity-bento-head h2 {\n        font-size: clamp(1.85rem, 10vw, 3rem);\n        line-height: .94;\n        max-width: 100%;\n      }\n\n      .infinity-bento-subcopy p,\n      .infinity-bento-callout p,\n      .infinity-bento-accordion-content p,\n      .infinity-bento-cta p {\n        font-size: 14px;\n      }\n\n      .infinity-bento-marquee-track {\n        font-size: 12px;\n      }\n\n      .infinity-bento-accordion summary {\n        font-size: 15px;\n      }\n\n      .infinity-bento-sticker {\n        font-size: 11px;\n        padding: 9px 12px;\n      }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      .infinity-bento-marquee-track {\n        animation: none;\n      }\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"infinity-bento-shell\"\u003e\n    \u003cdiv class=\"infinity-bento-marquee\" aria-hidden=\"true\"\u003e\n      \u003cdiv class=\"infinity-bento-marquee-track\"\u003e\n        \u003cspan\u003eDouble Decker Bento Box ∞\u003c\/span\u003e\n        \u003cspan\u003e3 Compartment Lunch Box ∞\u003c\/span\u003e\n        \u003cspan\u003eLunch Box With Spoon And Fork ∞\u003c\/span\u003e\n        \u003cspan\u003eMatcha + Coral ∞\u003c\/span\u003e\n        \u003cspan\u003eDouble Decker Bento Box ∞\u003c\/span\u003e\n        \u003cspan\u003e3 Compartment Lunch Box ∞\u003c\/span\u003e\n        \u003cspan\u003eLunch Box With Spoon And Fork ∞\u003c\/span\u003e\n        \u003cspan\u003eMatcha + Coral ∞\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003csection class=\"infinity-bento-card infinity-bento-hero\"\u003e\n      \u003cdiv class=\"infinity-bento-sticker-row\"\u003e\n        \u003cspan class=\"infinity-bento-sticker infinity-bento-sticker--lime\"\u003eSeen on your desk. Better in your bag.\u003c\/span\u003e\n        \u003cspan class=\"infinity-bento-sticker infinity-bento-sticker--accent\"\u003eMatcha or Coral\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"infinity-bento-head\"\u003e\n        \u003ch2\u003e\n          Bento Box\n          for\n          \u003cspan class=\"infinity-bento-outline\"\u003eclean\u003c\/span\u003e\n          meals\n        \u003c\/h2\u003e\n\n        \u003cdiv class=\"infinity-bento-subcopy\"\u003e\n          \u003cp\u003e\n            The Bento Box is made for packed meals that need more structure and less mess. Its double decker layout gives you room to separate mains, sides, fruit, snacks, or salad without making lunch feel bulky or chaotic.\n          \u003c\/p\u003e\n          \u003cp\u003e\n            Matcha and Coral bring the same function in two different moods: one fresh and minimal, one soft and warm. Both are designed for everyday office lunches, school tiffins, college bags, commute days, and smarter meal prep.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"infinity-bento-media\"\u003e\n        \u003cdiv class=\"infinity-bento-caption\"\u003e\n          Double layer format, 3 useful compartments, and built-in spoon-and-fork storage in one compact everyday carry.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003cdiv class=\"infinity-bento-trust\"\u003e\n      \u003cstrong\u003eWhy it works:\u003c\/strong\u003e keep rotis, sabzi, rice, fruit, snacks, or dry sides separate without turning lunch into one mixed-up box.\n    \u003c\/div\u003e\n\n    \u003csection class=\"infinity-bento-grid\"\u003e\n      \u003carticle class=\"infinity-bento-grid-item\"\u003e\n        \u003ch3\u003eBuilt for real meals\u003c\/h3\u003e\n        \u003cp\u003e\n          This is not a basic container with nicer colours. The three-part layout is useful for the way people actually pack lunch, especially Indian meals where separation matters.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"infinity-bento-grid-item\"\u003e\n        \u003ch3\u003eEasy every day\u003c\/h3\u003e\n        \u003cp\u003e\n          It is designed to travel well from kitchen counter to office bag or classroom, and the smooth interior makes cleanup simple after repeated daily use.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"infinity-bento-grid-item\"\u003e\n        \u003ch3\u003eLooks as good as it works\u003c\/h3\u003e\n        \u003cp\u003e\n          The clean shape and soft colourways make lunch feel more put together. Matcha feels crisp and understated. Coral feels warm and polished.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"infinity-bento-callout\"\u003e\n      \u003ch3\u003eOne box. Two colours. Less lunch chaos.\u003c\/h3\u003e\n      \u003cp\u003e\n        Whether you think of it as a bento lunch box, a double layer tiffin, or a meal prep essential, the goal stays the same: cleaner packing, calmer carrying, and a lunch you actually look forward to opening.\n      \u003c\/p\u003e\n      \u003cdiv class=\"infinity-bento-tags\"\u003e\n        \u003cspan\u003eDouble layer\u003c\/span\u003e\n        \u003cspan\u003e3 compartments\u003c\/span\u003e\n        \u003cspan\u003eCutlery included\u003c\/span\u003e\n        \u003cspan\u003eOffice + school + travel\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"infinity-bento-accordion\"\u003e\n      \u003cdetails open\u003e\n        \u003csummary\u003eDescription\u003c\/summary\u003e\n        \u003cdiv class=\"infinity-bento-accordion-content\"\u003e\n          \u003cp\u003e\n            The Bento Box combines everyday practicality with a more refined look and feel. It helps organise meals with a double decker structure and a compartment-friendly layout that works well for rotis, sabzi, rice, fruit, snacks, salad, or dry sides.\n          \u003c\/p\u003e\n          \u003cp\u003e\n            It is made for people who want their lunch routine to feel cleaner, more organised, and easier to carry through the day.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails\u003e\n        \u003csummary\u003eWhat you get\u003c\/summary\u003e\n        \u003cdiv class=\"infinity-bento-accordion-content\"\u003e\n          \u003cp\u003e\n            One Bento Box with a two-layer format, three practical food sections, and an included spoon-and-fork set stored neatly inside the upper section.\n          \u003c\/p\u003e\n          \u003cp\u003e\n            Available in Matcha and Coral variants.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails\u003e\n        \u003csummary\u003eWhy buyers pick it\u003c\/summary\u003e\n        \u003cdiv class=\"infinity-bento-accordion-content\"\u003e\n          \u003cp\u003e\n            Most people want three things from this category: separation, portability, and a lunch box that does not look generic. This design solves all three without feeling bulky or overcomplicated.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails\u003e\n        \u003csummary\u003eCare and use\u003c\/summary\u003e\n        \u003cdiv class=\"infinity-bento-accordion-content\"\u003e\n          \u003cp\u003e\n            Wash before first use. Clean thoroughly after each meal and let all parts dry fully before storing. Handle lids, inserts, and cutlery tray with normal daily care for the best long-term finish.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"infinity-bento-cta\"\u003e\n      \u003ch3\u003ePick your colour and grab your lunch fix.\u003c\/h3\u003e\n      \u003cp\u003e\n        Matcha if you want clean and fresh. Coral if you want soft and warm. Same build, same function, same everyday convenience.\n      \u003c\/p\u003e\n      \u003cdiv class=\"infinity-bento-btnrow\"\u003e\n        \u003cspan\u003eGrab Yours\u003c\/span\u003e\n        \u003cspan\u003eMatcha + Coral\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e","brand":"Infinity 24∞7","offers":[{"title":"Matcha","offer_id":42759548731467,"sku":null,"price":199.0,"currency_code":"INR","in_stock":true},{"title":"Coral","offer_id":42759548764235,"sku":null,"price":199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0672\/2971\/2459\/files\/GeneratedImageJune28_2026-2_12PM.png?v=1782825562","url":"https:\/\/infinity24x7.com\/products\/bento-box","provider":"Infinity","version":"1.0","type":"link"}