{"product_id":"osprey-axis-24l-backpack-o-s","title":"Osprey Axis 24L Backpack O\/S","description":"\u003cp\u003eOn-the-go students looking for a streamlined school bag will find the Axis ideal, whether they're coming in from off campus or living in the dorms. With 24L of storage and organization, fitting up to a 16-inch laptop, it's a well-featured bag for studious lives. On a graph where form and function come together, the Axis is easy to find.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eKEY ATTRIBUTES\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eCAMPUS-ORIENTED ORGANIZATION\u003c\/strong\u003e\u003cbr\u003eLaptop and document sleeves, blinky light attachment, organization compartment and small zip compartments.\u003cbr\u003e\u003cstrong\u003eAIRSCAPE™ BACKPANEL\u003c\/strong\u003e\u003cbr\u003eLightweight, mesh-covered 3D-foam backpanel offers close-to-body fit for stability.\u003cbr\u003e\u003cstrong\u003eSUSTAINABLE DESIGN\u003c\/strong\u003e\u003cbr\u003eFeaturing bluesign® approved main body fabrics, recycled materials and PFC\/PFAS-free DWR.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eCARRY INFORMATION\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eBACKPANEL\u003c\/strong\u003e\u003cbr\u003eAirScape™ backpanel\u003cbr\u003e\u003cstrong\u003eHARNESS\u003c\/strong\u003e\u003cbr\u003eSpacermesh, foam and fabric\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!----\u003e\n\u003cdiv class=\"main-block-black\"\u003e\n\u003cdiv data-video-url=\"https:\/\/www.youtube.com\/embed\/XMLjZB1ASUM\" 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\/Image_9797bb71-95bd-4e2b-93c3-d6a019f80e7e.png?v=1749726920\"\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\/0849\/0876\/9568\/files\/Image_e3a4fe33-f08b-41af-814c-e44f16536244.png?v=1727997811\"\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\/Image_3.png?v=1750075802\" 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\/Image_1_873c8d04-41d9-4f16-b720-578cf3aaf70f.png?v=1750075841\" 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\/Image_2_b2c3c193-99e3-4ccf-a458-b47b4ae05c38.png?v=1750075859\" 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\/Image_809752d1-07ad-48f2-a4b2-826e2c0afe8b.png?v=1750075915\" 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: 33px;\n    color: #000;\n    background: #ffffff80;\n    border-radius: 100%;\n    padding: 18px 18px;\n    padding-right: 14px;\n    z-index: 2;\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;\n    padding: 20px;\n  }\n  .feature-section-second {\n    flex-direction: column-reverse;\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    flex-wrap: wrap;\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: auto;\n    display: block;\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: 16px;\n    font-weight: bold;\n    text-transform: uppercase;\n    margin-bottom: 10px;\n    color: #fff;\n  }\n\n  .feature-text p {\n    font-size: 14px;\n    line-height: 1.5;\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: 100%;\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: 20px;\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\u003c\/style\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Osprey","offers":[{"title":"Black","offer_id":42792662401084,"sku":"OSP\/10003605\/OS\/BLK","price":88.0,"currency_code":"USD","in_stock":false},{"title":"Night Shift Blue","offer_id":42792662433852,"sku":"OSP\/10004151\/OS\/NSBL","price":88.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0675\/4595\/6412\/files\/3e47c6a8613d5492b3fd6ad10cbe392a_8d90ee19-6de7-4146-9b90-f0d69ddd92ee.jpg?v=1746661894","url":"https:\/\/bg-testingsite.myshopify.com\/en-sg\/products\/osprey-axis-24l-backpack-o-s","provider":"BG-TESTINGSITE","version":"1.0","type":"link"}