{"product_id":"test-product-b-tokyo-tote-copy","title":"Test Product B Tokyo Tote (Copy)","description":"\u003cdiv class=\"main-block-black\"\u003e\n\u003cdiv data-video-url=\"https:\/\/www.youtube.com\/embed\/YT2vBoUTeGw\" class=\"feature-section\"\u003e\n\u003cdiv class=\"video-section\"\u003e\n\u003cdiv class=\"video-wrapper\"\u003e\n\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0675\/4595\/6412\/files\/2024-Tech-collection-homepage-subbanner-1.jpg?v=1751438532\"\u003e\n\u003cdiv class=\"play-button\"\u003e►\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-section\"\u003e\n\u003cp class=\"label\"\u003eFEATURES\u003c\/p\u003e\n\u003ch2 class=\"title\"\u003eFROM TOTE TO BACKPACK\u003c\/h2\u003e\n\u003cp class=\"description\"\u003eCarry it in hand for a professional vibe, or clip on the hideaway straps and wear it as a comfortable backpack.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Modal --\u003e\n\u003cdiv id=\"videoModal\" class=\"video-modal\"\u003e\n\u003cdiv class=\"video-modal-content\"\u003e\n\u003cspan id=\"closeModal\" class=\"close-modal\"\u003e×\u003c\/span\u003e \u003ciframe id=\"youtubeVideo\"\u003e\u003c\/iframe\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-section-second\"\u003e\n\u003cdiv class=\"content-section\"\u003e\n\u003cp class=\"label\"\u003eFEATURES\u003c\/p\u003e\n\u003ch2 class=\"title\"\u003ePLENTIFUL POCKETS\u003c\/h2\u003e\n\u003cp class=\"description\"\u003eInside the bag, smart pockets sit up top for easy access, while side Pop Pockets keep water bottles or umbrellas upright.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"video-section\"\u003e\n\u003cdiv class=\"video-wrapper-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0675\/4595\/6412\/files\/2025-campaign-homepage-subbanner-tokyo_D2.jpg?v=1751438488\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- other features --\u003e\n\u003cdiv class=\"other-features-section\"\u003e\n\u003ch2\u003eOther Features\u003c\/h2\u003e\n\u003cdiv class=\"feature-cards\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0675\/4595\/6412\/files\/2024-laneway-homepage-subbanner-1.jpg?v=1751438455\" alt=\"\"\u003e\n\u003cdiv class=\"feature-text\"\u003e\n\u003ch3\u003eAlways On (Zip) Guard\u003c\/h3\u003e\n\u003cp\u003eA zip guard protects your laptop as you slide it into its pocket, and adds structure to the wide, easy-access opening.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\" style=\"text-align: center;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0675\/4595\/6412\/files\/2025-04-C-passport-subbanner.jpg?v=1751438373\" alt=\"\"\u003e\n\u003cdiv class=\"feature-text\"\u003e\n\u003ch3\u003eScaled-Down Size\u003c\/h3\u003e\n\u003cp\u003eA zip guard protects your laptop as you slide it into its pocket, and adds structure to the wide, easy-access opening.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0675\/4595\/6412\/files\/2025-laneway-homepage-subbanner_V4.jpg?v=1751438327\" alt=\"\"\u003e\n\u003cdiv class=\"feature-text\"\u003e\n\u003ch3\u003eFrom the Designer\u003c\/h3\u003e\n\u003cp\u003eA zip guard protects your laptop as you slide it into its pocket, and adds structure to the wide, easy-access opening.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- custom-backpack-features --\u003e\n\u003cdiv class=\"custom-backpack-features\"\u003e\n\u003ch2 class=\"custom-backpack-title\"\u003eOTHER FEATURES\u003c\/h2\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0675\/4595\/6412\/files\/2025-04-B-Travel-Collection-Homepage-MainBanner-Desktop.jpg?v=1751438169\" alt=\"\"\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.main-block-black {\n  background-color: #000;\n  color: #fff;\n}\n.feature-section {\n  display: flex;\n  flex-wrap: wrap;\n  color: #fff;\n  align-items: center;\n}\n\n.video-section {\n  flex: 1;\n  max-width: 50%;\n  position: relative;\n}\n\n.video-wrapper {\n   position: relative;\n  width: 100%;\n  max-width: 100%;\n  cursor: pointer;\n  display: inline-block;\n}\n\n.video-wrapper img.video-thumbnail {\n  width: 100%;\n  height: auto;\n  display: block;\n}  \n\n.play-button {\n  position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    font-size: 30px;\n    color: #000;\n    background: #ffffff80;\n    border-radius: 100%;\n    padding: 20px 10px 20px 15px;\n    padding-right: 14px;\n    z-index: 2;\n    width: 56px;\n    height: 56px;\n}\n\n.content-section {\n  flex: 1;\n  max-width: 50%;\n  padding-left: 40px;\n  padding-right: 15px;\n}\n\n.label {\n  font-size: 12px;\n  color: #aaa;\n  margin-bottom: 10px;\n  letter-spacing: 1px;\n}\n\n.title {\n  font-size: 28px;\n  font-weight: 800;\n  margin-bottom: 16px;\n  color: #fff;\n}\n\n.description {\n  font-size: 16px;\n  line-height: 1.6;\n  color: #ccc;\n}\n\n\/* Modal Styling *\/\n.video-modal {\n  display: none;\n  position: fixed;\n  z-index: 1000;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  background-color: rgba(0,0,0,0.8);\n}\n\n.video-modal-content {\n  width: 80%;\n    max-width: 800px;\n    background: transparent;\n    margin: auto;\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    height: max-content;\n}\n\n.video-modal-content iframe {\n  width: 100%;\n  height: 450px;\n  border: none;\n}\n\n.close-modal {\n  position: absolute;\n    top: -10px;\n    right: -10px;\n    font-size: 30px;\n    color: #000;\n    cursor: pointer;\n    background-color: #fff;\n    \/* padding: 4px 9px; *\/\n    border-radius: 100%;\n    width: 30px;\n    height: 30px;\n    text-align: center;\n    line-height: 1;\n}\n.feature-section-second {\n      display: flex;\n    flex-wrap: wrap;\n    background-color: #000;\n    color: #fff;\n    align-items: center;\n}  \n\n\/* Responsive *\/\n@media (max-width: 768px) {\n  .feature-section,\n  .feature-section-second {\n    flex-direction: column-reverse;\n    padding: 40px 20px;\n  }\n  .feature-section-second {\n    flex-direction: column;\n  }\n\n  .video-section,\n  .content-section {\n    max-width: 100%;\n    padding-left: 0;\n    margin-bottom: 20px;\n  }\n\n  .video-modal-content iframe {\n    height: 250px;\n  }\n}\n\n\/* other feature css *\/\n.other-features-section {\n    text-align: center;\n    margin: 40px 0;\n    font-family: sans-serif;\n    padding-bottom: 60px;\n  }\n\n  .other-features-section h2 {\n    font-size: 24px;\n    margin-bottom: 30px;\n    text-transform: uppercase;\n    color: #fff;\n  }\n\n  .feature-cards {\n    display: flex;\n    gap: 20px;\n    justify-content: center;\n  }\n\n  .feature-card {\n    flex: 1 1 300px;\n    max-width: 100%;\n    background-color: #000;\n    color: #fff;\n    overflow: hidden;\n    position: relative;\n  }\n\n  .feature-card img {\n    width: 100%;\n    height: 600px;\n    display: block;\n    object-fit: cover;\n  }\n\n  .feature-text {\n    padding: 20px;\n    text-align: left;\n    position: absolute;\n    bottom: 0;\n  }\n\n  .feature-text h3 {\n    font-size: 25px;\n    text-transform: uppercase;\n    margin-bottom: 10px;\n    color: #fff;\n    font-weight: 400 !important;\n  }\n\n  .feature-text p {\n    font-size: 16px;\n    line-height: 1.3;\n    color: #fff;\n  }\n  .feature-card::before {\n    position: absolute;\n    content: '';\n    width: 100%;\n    height: 100%;\n    background-color: #00000050;\n    left: 0;\n    right: 0;\n    display: none;\n  }\n\n  @media (max-width: 768px) {\n    .feature-cards {\n      flex-direction: column;\n      align-items: center;\n    }\n    .feature-card {\n      width: 80%;\n      margin: auto;\n      flex: inherit;\n    }\n    .feature-card img {\n      height: 500px;\n    }\n  }  \n  @media (max-width: 425px) {\n    .feature-card {\n      width: 95%;\n    }\n  }\n\/* custom-backpack-features *\/\n  .custom-backpack-features {\n    text-align: center;\n  }\n  \n  .custom-backpack-title {\n    color: #ffffff;\n    font-size: 26px;\n    font-weight: 700;\n    letter-spacing: 1px;\n    margin-bottom: 30px;\n  }\n  \n  .custom-backpack-image {\n    max-width: 100%;\n    height: auto;\n    display: inline-block;\n  }\n  .custom-backpack-features img {\n    width: 100%;\n  }\n  @media (max-width: 767px) {\n   .other-features-section {\n    margin-top: 0;\n   }\n  }\n\u003c\/style\u003e","brand":"24 Bottles","offers":[{"title":"Red","offer_id":43237480988732,"sku":null,"price":46.9,"currency_code":"SGD","in_stock":true},{"title":"Black","offer_id":43237481021500,"sku":null,"price":46.9,"currency_code":"SGD","in_stock":true},{"title":"Green","offer_id":43237481054268,"sku":null,"price":46.9,"currency_code":"SGD","in_stock":true},{"title":"Blue","offer_id":43237481087036,"sku":null,"price":46.9,"currency_code":"SGD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0675\/4595\/6412\/files\/24-Bottles-Clima-330ML-Insulated-Water-Bottle-Stone-Finish-1-1_569af92f-159b-43d7-a6c8-a51dd2dc15b1.jpg?v=1752034728","url":"https:\/\/bg-testingsite.myshopify.com\/products\/test-product-b-tokyo-tote-copy","provider":"BG-TESTINGSITE","version":"1.0","type":"link"}