{"product_id":"messenger-bag-crossbody-large-lightweight-satchel-bag","title":"Messenger Bag Crossbody Large Lightweight Satchel Bag B701","description":"\u003cstyle\u003e\n  \/* Desktop styles *\/\n  @media (min-width: 768px) {\n    .group {\n      display: flex;\n      align-items: center;\n      margin: 30px 0;\n    }\n    .group:nth-child(even) {\n      flex-direction: row-reverse;\n    }\n    .group img.poster {\n      width: 50%;\n    }\n    .group-content {\n      width: 50%;\n      padding: 0 20px;\n    }\n    .group-content h2 {\n      font-weight: bold;\n      display: flex;\n      align-items: center;\n    }\n    .group-content h2 img {\n      margin-right: 10px;\n      width: 43px;\n      height: 43px;\n    }\n    .group-content p {\n      margin-top: 10px;\n    }\n  }\n\n  \/* Mobile styles *\/\n  @media (max-width: 767px) {\n    .group {\n      text-align: center;\n      margin: 33px 0;\n    }\n    .group img.poster {\n      width: 100%;\n    }\n    .group-content {\n      margin-bottom: 20px;\n    }\n    .group-content h2 {\n      display: block;\n      margin-bottom: 10px;\n    }\n    .group-content h2 img {\n      display: block;\n      margin: 0 auto 10px auto;\n      width: 43px;\n      height: 43px;\n    }\n    .group-content p {\n      margin: 0 10px;\n    }\n    .group img.poster {\n      margin-top: 2px;\n    }\n  }\n\u003c\/style\u003e\n\u003c!-- First Group --\u003e\n\u003cdiv class=\"group\"\u003e\n\u003cimg alt=\"STYLISH AND LIGHTWEIGHT DESIGN nylon Tote Bag\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0828\/2872\/2484\/files\/2_7fec764f-3fdc-4011-a979-f622d019679b.gif?v=1729922880\" class=\"poster\"\u003e\n\u003cdiv class=\"group-content\"\u003e\n\u003ch2\u003e\n\u003cimg alt=\"Icon\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0828\/2872\/2484\/files\/messenger_bag_tote_bag_icon9.png?v=1729924680\"\u003e STYLISH AND LIGHTWEIGHT DESIGN\u003c\/h2\u003e\n\u003cp\u003eThis stylish messenger bag offers a modern design with three trendy color options: black, silver-gray, and dark green. Made from splash-resistant nylon, it combines fashion with durability, ensuring both a lightweight and practical choice for everyday use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Second Group --\u003e\n\u003cdiv class=\"group\"\u003e\n\u003cimg alt=\"witzman nylon Business travel bag best tote bag\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0828\/2872\/2484\/files\/3_8e7bbea4-f87f-45f1-bd06-cf8fe1ac1f38.webp?v=1729922866\" class=\"poster\"\u003e\n\u003cdiv class=\"group-content\"\u003e\n\u003ch2\u003e\n\u003cimg alt=\"Icon\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0828\/2872\/2484\/files\/DM_20240911165105_001.png?v=1726047826\"\u003e SPACIOUS MAIN COMPARTMENT\u003c\/h2\u003e\n\u003cp\u003eThe main compartment of this messenger bag is designed for versatility, fitting everything from travel essentials to books and magazines. It features a dedicated padded sleeve for a 15.6\" laptop, ensuring your device stays protected. An additional secure inner pocket is ideal for valuables like wallets and phones, offering both organization and peace of mind. \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- night Group --\u003e\n\u003cdiv class=\"group\"\u003e\n\u003cimg alt=\"nylon messenger bag for men\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0828\/2872\/2484\/files\/4_a5c445b3-eed3-44b2-b93e-482106c2a56c.gif?v=1729922880\" class=\"poster\"\u003e\n\u003cdiv class=\"group-content\"\u003e\n\u003ch2\u003e\n\u003cimg alt=\"Icon\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0828\/2872\/2484\/files\/DM_20241019175915_001.png?v=1729332003\"\u003e NO MORE FUMBLING\u003c\/h2\u003e\n\u003cp\u003eBuilt with a smartly organized interior, the WITZMAN B701 Tote Bag has plenty of dedicated pockets to keep everything in perfect order and close within reach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Third Group --\u003e\n\u003cdiv class=\"group\"\u003e\n\u003cimg alt=\"FAR FROM PICKPOCKETS\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0828\/2872\/2484\/files\/5_de3fdf09-9a67-4e04-ac79-6607ee946b3a.webp?v=1729922866\" class=\"poster\"\u003e\n\u003cdiv class=\"group-content\"\u003e\n\u003ch2\u003e\n\u003cimg alt=\"Icon\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0828\/2872\/2484\/files\/DM_20241019175912_001.png?v=1729332003\"\u003e HIDDEN POCKET\u003c\/h2\u003e\n\u003cp\u003eTo ensure your valuables remain safe throughout the day or during your trips, use the hidden pocket to store your wallet\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Fourth Group --\u003e\n\u003cdiv class=\"group\"\u003e\n\u003cimg alt=\"A multifunctional messenger bag that can be placed on the suitcase pole\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0828\/2872\/2484\/files\/6_bafe23a8-ce9b-4063-96e6-9d04a7ad8816.webp?v=1729922866\" class=\"poster\"\u003e\n\u003cdiv class=\"group-content\"\u003e\n\u003ch2\u003e\n\u003cimg alt=\"Icon\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0828\/2872\/2484\/files\/DM_20240911165103_001.png?v=1726047825\"\u003e LUGGAGE STRAP\u003c\/h2\u003e\n\u003cp\u003eThe convenient luggage strap in the back easily slides over the handle of your trolley making navigation through a busy airport a breeze\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"banner-wrapper\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0828\/2872\/2484\/files\/7_c47cf571-a938-45e4-b89e-485f4c2fd549.webp?v=1729922866\" alt=\"横幅海报\" class=\"full-width-banner desktop-image\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0828\/2872\/2484\/files\/7-1_bd9c1298-d5c3-4ec5-bad4-48c1e97e6d33.webp?v=1729922866\" alt=\"移动端海报\" class=\"full-width-banner mobile-image\"\u003e\n\u003c\/div\u003e\n\n\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* 确保样式只影响此特定模块 *\/\n        #custom-icon-grid {\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: space-between;\n            max-width: 100%;\n            margin: 0 auto;\n            padding: 0;\n            box-sizing: border-box;\n            gap: 40px; \/* 设定每组之间的间距 *\/\n        }\n\n        \/* 设置 .icon-box 样式，避免全局影响 *\/\n        #custom-icon-grid .icon-box {\n            display: flex;\n            align-items: center;\n            background: #fff; \/* 仅应用于此模块的背景颜色 *\/\n            border-radius: 12px;\n            box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.1);\n            padding: 30px;\n            width: calc(33.33% - 40px); \/* 设置每组的宽度 *\/\n            box-sizing: border-box;\n            transition: transform 0.3s ease; \/* 提高加载效果 *\/\n        }\n\n        \/* 设置图标的样式 *\/\n        #custom-icon-grid .icon-box img {\n            width: 43px;\n            height: 43px;\n            margin-right: 20px;\n            display: block;\n        }\n\n        \/* 设置文案的样式 *\/\n        #custom-icon-grid .icon-box p {\n            font-size: 16px;\n            margin: 0;\n            text-align: left;\n        }\n\n        \/* 响应式设计：平板端每行两组 *\/\n        @media screen and (max-width: 1024px) {\n            #custom-icon-grid .icon-box {\n                width: calc(48% - 40px); \/* 两组一行 *\/\n            }\n        }\n\n        \/* 响应式设计：移动端每行一组 *\/\n        @media screen and (max-width: 768px) {\n            #custom-icon-grid {\n                gap: 30px; \/* 缩小间距 *\/\n            }\n\n            #custom-icon-grid .icon-box {\n                width: 100%; \/* 每行一组 *\/\n                justify-content: center;\n                text-align: center;\n                flex-direction: column;\n            }\n\n            #custom-icon-grid .icon-box img {\n                margin-right: 0;\n                margin-bottom: 15px; \/* 调整图标和文字的垂直间距 *\/\n            }\n\n            #custom-icon-grid .icon-box p {\n                text-align: center;\n            }\n        }\n    \u003c\/style\u003e\n\u003c!-- 使用自定义 id 限制样式影响范围 --\u003e\n\u003cdiv id=\"custom-icon-grid\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv class=\"icon-box\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0828\/2872\/2484\/files\/DM_20240929105041_001.png?v=1727578386\" alt=\"Icon 1\"\u003e\n\u003cp\u003eMade with Premium High-Density Nylon\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv class=\"icon-box\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0828\/2872\/2484\/files\/DM_20240929105041_002.png?v=1727578385\" alt=\"Icon 2\"\u003e\n\u003cp\u003eLaptop Compartment Fits 15.6\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 第四组 --\u003e\n\u003cdiv class=\"icon-box\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0828\/2872\/2484\/files\/DM_20240929105041_004.png?v=1727578386\" alt=\"Icon 4\"\u003e\n\u003cp\u003eWeighs 0.51kg (1.12 lbs)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 第五组 --\u003e\n\u003cdiv class=\"icon-box\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0828\/2872\/2484\/files\/DM_20240929105041_005.png?v=1727578387\" alt=\"Icon 5\"\u003e\n\u003cp\u003eWater Bottle Pocket (700ML)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 第六组 --\u003e\n\u003cdiv class=\"icon-box\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0828\/2872\/2484\/files\/DM_20240929105041_006.png?v=1727578386\" alt=\"Icon 6\"\u003e\n\u003cp\u003eFits In Overhead Bin \u0026amp; Under the Seat\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 第八组 --\u003e\n\u003cdiv class=\"icon-box\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0828\/2872\/2484\/files\/DM_20240929105041_008.png?v=1727578386\" alt=\"Icon 8\"\u003e\n\u003cp\u003e20L Volume\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"WITZMAN","offers":[{"title":"Black","offer_id":48207244198196,"sku":"B701 Black","price":83.69,"currency_code":"CAD","in_stock":true},{"title":"Slivery Grey","offer_id":48207244230964,"sku":"B701 Slivery Grey","price":83.69,"currency_code":"CAD","in_stock":true},{"title":"Army Green","offer_id":48324746576180,"sku":"B701 Army Green","price":83.69,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0828\/2872\/2484\/files\/2_09183d9a-f332-4c1b-b65e-f513ff9ff9e6.webp?v=1729922701","url":"https:\/\/www.witzman.com\/en-ca\/products\/messenger-bag-crossbody-large-lightweight-satchel-bag","provider":"WITZMAN","version":"1.0","type":"link"}