{"product_id":"test-主产品","title":"prova 主产品","description":"\u003cstyle\u003e\n .carousel-images img {\n width: 100%;\n display: none;\n }\n\n .carousel-images img.active {\n display: block;\n }\n\n .carousel button {\n position: absolute;\n width: 5%;\n top: 50%;\n transform: translateY(-50%);\n background-color: rgba(0, 0, 0, 0.5);\n color: white;\n border: none;\n cursor: pointer;\n z-index: 100;\n }\n\n .carousel button.prev {\n left: 0;\n }\n\n .next {\n right: 0;\n }\n\n .carousel button:hover {\n background-color: rgba(0, 0, 0, 0.8);\n }\n\n .onemo-2 {\n display: block;\n font-family: Open Sans;\n }\n\n .onemo-2-mobile {\n display: none;\n }\n\n @media screen and (max-width:980px) {\n .onemo-2 {\n display: none;\n }\n\n .onemo-2-mobile {\n display: block;\n }\n }\n\n .carousel {\n position: relative;\n margin: auto;\n overflow: hidden;\n }\n\n .onemo-2 h2,\n h3 {\n text-transform: capitalize;\n letter-spacing: 1px;\n }\n\n \/***Banner**\/\n .first-banner {\n position: relative;\n min-height: 400px;\n }\n\n .first-banner .banner-image {\n width: 100%;\n }\n\n .first-banner .box-ratio {\n background-color: unset;\n }\n\n .first-banner .box-ratio img {\n background-color: unset;\n }\n\n .first-banner .text-block {\n position: absolute;\n left: 10.5%;\n top: 20.5%;\n text-align: left;\n }\n\n .first-banner .text-block .title {\n color: #fff;\n font-size: 2.35rem;\n line-height: 5rem;\n text-transform: capitalize;\n }\n\n .first-banner .text-block .title div {\n font-weight: normal;\n }\n\n .first-banner .text-block .content {\n color: #eee;\n font-size: 1.5rem;\n line-height: 1.5rem;\n margin-top: 2rem;\n }\n\n .stable-strong .bgimg video {\n width: 73%;\n margin-left: 6%;\n margin-top: 11%;\n }\n\n \/**************** Simple features *************************\/\n .simple-features {\n width: 100%;\n margin: auto;\n position: absolute;\n left: 0;\n bottom: 5%;\n padding: 0 15%;\n }\n\n .simple-features .list-unstyled {\n padding-left: 0;\n list-style: none;\n }\n\n .icon-group {\n display: flex;\n }\n\n .icon-group li {\n width: 20%;\n position: relative;\n flex: 1;\n }\n\n .icon-group li .icon {\n width: 100px;\n height: 100px;\n margin: 0 auto 0.25rem auto;\n background-size: contain;\n }\n\n .icon-group li span {\n text-align: center;\n display: block;\n font-size: 1.25rem;\n color: #eeeeee;\n }\n\n .icon-group li:nth-child(1) .icon {\n background: url(https:\/\/cdn.shopify.com\/s\/files\/1\/0252\/2395\/4525\/files\/1_35931dc9-dad9-4b04-9f6e-444065cdf04f.png?v=1692754376) no-repeat;\n background-size: contain;\n }\n\n .icon-group li:nth-child(2) .icon {\n background: url(https:\/\/cdn.shopify.com\/s\/files\/1\/0252\/2395\/4525\/files\/2_18ce7c0b-995c-44dc-b577-ecaf8703fbe6.png?v=1692754382) no-repeat;\n background-size: contain;\n }\n\n .icon-group li:nth-child(3) .icon {\n background: url(https:\/\/cdn.shopify.com\/s\/files\/1\/0252\/2395\/4525\/files\/3_8ad4618b-3698-455b-9a98-8f2c1dde25a9.png?v=1692754384) no-repeat;\n background-size: contain;\n }\n\n .icon-group li:nth-child(4) .icon {\n background: url(https:\/\/cdn.shopify.com\/s\/files\/1\/0252\/2395\/4525\/files\/4_8c8c5fa4-00eb-41f4-ab3a-07e4e098f22a.png?v=1692754387) no-repeat;\n background-size: contain;\n }\n\n .shoulderbag-banner1 .banner-image {\n position: relative;\n }\n\n .video-btn {\n display: none;\n position: absolute;\n top: 43.5%;\n left: 47%;\n width: 70px;\n height: 70px;\n background: url(https:\/\/cdn.shopify.com\/s\/files\/1\/0252\/2395\/4525\/files\/presell_play.png?v=1614324743) no-repeat;\n background-size: auto;\n filter: drop-shadow(0 0 8px rgba(0, 0, 0, .12));\n perspective: 1000px;\n backface-visibility: hidden;\n transform: translateZ(0);\n background-size: contain;\n }\n\n .shoulderbag-banner1 .banner-image {\n cursor: pointer;\n background-color: #000;\n }\n\n .shoulderbag-banner1 .banner-image-mobile {\n display: none;\n }\n\n .shoulderbag-banner1 .banner-image .youtube {\n display: none;\n width: 65%;\n margin: auto;\n padding: 5% 0;\n }\n\n .shoulderbag-banner1 .banner-image .youtube .youtube-inner {\n width: 100%;\n }\n\n .shoulderbag-banner1 .banner-image .youtube .youtube-inner iframe {\n width: 100%;\n }\n\n .youtube iframe,\n .youtube-mobile iframe {\n width: 100%;\n }\n\n .shoulderbag-banner1 .banner-image .la-close {\n display: none;\n width: 28px;\n height: auto;\n position: absolute;\n font-size: 2.5rem;\n right: 5%;\n top: 15%;\n color: #fff;\n line-height: 38px;\n }\n\n \/**************** Used For *************************\/\n .used-for {\n width: 100%;\n padding: 3% 0 5% 0;\n clear: both;\n }\n\n .used-for .used-for-items {\n display: flex;\n width: 95%;\n margin: auto;\n column-gap: 1.5%;\n }\n\n .used-for .used-for-item {\n position: relative;\n margin-left: 5px;\n margin-right: 5px;\n width: 33%;\n }\n\n .used-for .used-for-item .used-for-title {\n position: absolute;\n bottom: 5%;\n font-size: 1.75rem;\n line-height: 2.8rem;\n color: #fefefe;\n font-weight: 700;\n left: 0;\n width: 100%;\n text-align: center;\n }\n\n .used-for .used-for-item .waterprint {\n display: none;\n position: absolute;\n right: 10%;\n bottom: 6%;\n width: 80%;\n height: 100px;\n }\n\n .used-for .used-for-item .waterprint1 {\n background: url(\/\/cdn.shopify.com\/s\/files\/1\/0252\/2395\/4525\/files\/presell_10.png?v=9725499307615314414) no-repeat;\n background-size: contain;\n }\n\n .used-for .used-for-item .waterprint2 {\n background: url(\/\/cdn.shopify.com\/s\/files\/1\/0252\/2395\/4525\/files\/presell_11.png?v=4842570502991314152) no-repeat;\n background-size: contain;\n }\n\n .used-for .used-for-item .waterprint3 {\n background: url(\/\/cdn.shopify.com\/s\/files\/1\/0252\/2395\/4525\/files\/presell_12.png?v=9461965891800967621) no-repeat;\n background-size: contain;\n }\n\n .used-for .text-block {\n display: block;\n padding: 2.5% 1.5%;\n text-align: center;\n text-transform: uppercase;\n }\n\n .used-for .text-block .title {\n color: #222;\n font-size: 4.5rem;\n line-height: 5.25rem;\n text-transform: capitalize;\n }\n\n .used-for .text-block .content {\n color: #444;\n font-size: 1.5rem;\n line-height: 2rem;\n font-weight: bold;\n }\n\n \/***flexible-front**\/\n .flexible-front {\n position: relative;\n min-height: 400px;\n }\n\n .flexible-front .banner-image {\n width: 100%;\n }\n\n .flexible-front .box-ratio {\n background-color: unset;\n }\n\n .flexible-front .box-ratio img {\n background-color: unset;\n }\n\n .flexible-front .text-block {\n position: absolute;\n width: 45%;\n left: 12.5%;\n top: 32.5%;\n text-align: left;\n }\n\n .flexible-front .text-block .title {\n color: #fff;\n font-size: 2.75rem;\n line-height: 5.5rem;\n }\n\n .flexible-front .text-block .content {\n color: #ddd;\n font-size: 1.5rem;\n line-height: 2.15rem;\n margin-top: 1.5rem;\n }\n\n \/*** Shapes **\/\n .shapes {\n display: flex;\n column-gap: 0.6%;\n min-height: 400px;\n margin: 0.625rem 0;\n }\n\n .shapes .shape-block {\n position: relative;\n min-height: 400px;\n width: 49.7%;\n }\n\n .shape-block .banner-image {\n width: 100%;\n }\n\n .shape-block .box-ratio {\n background-color: unset;\n }\n\n .shape-block .box-ratio img {\n background-color: unset;\n }\n\n .shape-block .text-block {\n position: absolute;\n width: 50%;\n height: 100%;\n left: 50%;\n top: 0;\n text-align: left;\n padding: 7.5% 0;\n display: table;\n }\n\n .shape-block .text-block-inner {\n display: table-cell;\n vertical-align: middle;\n }\n\n .shape-block .text-block .title {\n color: #333;\n font-size: 2.25rem;\n line-height: 2.3rem;\n }\n\n .shape-block .text-block .capacity {\n margin: 2rem 0;\n }\n\n .shape-block .text-block .capacity p {\n font-size: 1.5rem;\n color: #666;\n line-height: 2rem;\n margin-bottom: 0;\n }\n\n .shape-block .text-block .content {\n color: #777;\n font-size: 1.4rem;\n line-height: 2rem;\n margin-top: 1.5rem;\n }\n\n \/***clamshell-opening**\/\n .clamshell-opening {\n position: relative;\n min-height: 400px;\n }\n\n .clamshell-opening .banner-image {\n width: 100%;\n }\n\n .clamshell-opening .box-ratio {\n background-color: unset;\n }\n\n .clamshell-opening .box-ratio img {\n background-color: unset;\n }\n\n .clamshell-opening .text-block {\n position: absolute;\n width: 40%;\n left: 12.5%;\n bottom: 10%;\n text-align: left;\n }\n\n .clamshell-opening .text-block .title {\n color: #fff;\n font-size: 4.75rem;\n line-height: 5.5rem;\n }\n\n .clamshell-opening .text-block .content {\n color: #ddd;\n font-size: 1.5rem;\n line-height: 2.25rem;\n margin-top: 3rem;\n }\n\n \/*** clamshell-opening-capacities **\/\n .clamshell-opening-capacities {\n display: flex;\n column-gap: 0.5%;\n min-height: 400px;\n margin: 0.625rem 0;\n }\n\n .clamshell-opening-capacities .clamshell-opening-capacity {\n position: relative;\n min-height: 400px;\n width: 49.75%;\n }\n\n .clamshell-opening-capacity .banner-image {\n width: 100%;\n }\n\n .clamshell-opening-capacity .box-ratio {\n background-color: unset;\n }\n\n .clamshell-opening-capacity .box-ratio img {\n background-color: unset;\n }\n\n .clamshell-opening-capacity .text-block {\n position: absolute;\n width: 60%;\n left: 5%;\n top: 0;\n text-align: left;\n padding: 20% 0;\n }\n\n .clamshell-opening-capacity .text-block .title {\n color: #fff;\n font-size: 4.5rem;\n line-height: 5rem;\n }\n\n .clamshell-opening-capacity .text-block .content {\n color: #fff;\n font-size: 1.875rem;\n line-height: 3.25rem;\n margin-top: 2rem;\n font-weight: bold;\n }\n\n\n \/*** Upgraded Back Panel **\/\n .upgraded-back-panel {\n position: relative;\n min-height: 400px;\n }\n\n .upgraded-back-panel .banner-image {\n width: 100%;\n }\n\n .upgraded-back-panel .box-ratio {\n background-color: unset;\n }\n\n .upgraded-back-panel .box-ratio img {\n background-color: unset;\n }\n\n .upgraded-back-panel .text-block {\n position: absolute;\n width: 40%;\n left: 17.5%;\n top: 25%;\n text-align: left;\n }\n\n .upgraded-back-panel .text-block .title {\n color: #fff;\n font-size: 4.75rem;\n line-height: 5.5rem;\n }\n\n .upgraded-back-panel .text-block .content {\n color: #ddd;\n font-size: 1.45rem;\n line-height: 2.25rem;\n margin-top: 2.5rem;\n }\n\n .upgraded-back-panel .text-block1 {\n position: absolute;\n width: 40%;\n right: 13%;\n bottom: 8.5%;\n text-align: center;\n }\n\n .upgraded-back-panel .text-block1 .content {\n color: #ffffff;\n font-size: 1.45rem;\n line-height: 2rem;\n font-weight: bold;\n }\n\n \/*** Upgraded Back Panel Features**\/\n .upgraded-features {\n display: flex;\n column-gap: 0.6%;\n min-height: 400px;\n padding: 0.625rem 0;\n background: #1d1d1d;\n }\n\n .upgraded-features .upgraded-feature {\n position: relative;\n min-height: 400px;\n width: 49.7%;\n }\n\n .upgraded-features .upgraded-feature:last-child {\n width: 50.3%;\n }\n\n .upgraded-feature .banner-image {\n width: 100%;\n }\n\n .upgraded-feature .box-ratio {\n background-color: unset;\n }\n\n .upgraded-feature .box-ratio img {\n background-color: unset;\n }\n\n .upgraded-feature .text-block {\n position: absolute;\n width: 60%;\n left: 5%;\n top: 0;\n text-align: left;\n padding: 12.5% 0;\n }\n\n .upgraded-feature .text-block .title {\n color: #fff;\n font-size: 4.5rem;\n line-height: 5rem;\n }\n\n .upgraded-feature .text-block .content {\n color: #fff;\n font-size: 1.875rem;\n line-height: 3rem;\n margin-top: 2rem;\n font-weight: bold;\n }\n\n .upgraded-features-list {\n display: block;\n width: 100%;\n height: auto;\n min-height: 400px;\n overflow: hidden;\n background-color: #1d1d1d;\n }\n\n .upgraded-features-list-inner {\n display: flex;\n width: 72.5%;\n margin: auto;\n margin-top: 7%;\n margin-bottom: 7%;\n column-gap: 0.7%;\n }\n\n .upgraded-features-list .left-image {\n position: relative;\n width: 50%;\n\n }\n\n .upgraded-features-list .right-images {\n width: 50%;\n display: flex;\n flex-wrap: wrap;\n }\n\n .upgraded-features-list .right-images .collection-image {\n float: left;\n position: relative;\n }\n\n .upgraded-features-list .right-images .collection-image:first-child {\n width: 100%;\n }\n\n .upgraded-features-list .right-images .collection-image:nth-child(2) {\n width: 49.3%;\n margin-right: 1.4%;\n margin-top: 1.45%;\n }\n\n .upgraded-features-list .right-images .collection-image:nth-child(3) {\n width: 49.3%;\n margin-top: 1.45%;\n }\n\n .upgraded-features-list .collection-image .caption {\n position: absolute;\n left: 5%;\n width: 95%;\n text-align: left;\n bottom: 1.5rem;\n color: #fff;\n font-size: 1.4rem;\n line-height: 1.75rem;\n font-weight: bold;\n }\n\n \/**************** infinate access *************************\/\n .customizable-organization {\n position: relative;\n text-align: center;\n min-height: 500px;\n margin-top: 4%;\n display: block;\n overflow: hidden;\n margin-bottom: 5%;\n }\n\n .customizable-organization .text-block {\n position: absolute;\n width: 70%;\n height: 100%;\n margin-left: 8%;\n }\n\n .customizable-organization .text-block-inner {\n position: relative;\n width: 100%;\n height: 100%;\n text-align: left;\n display: table;\n }\n\n .customizable-organization .waterprint-customized {\n display: block;\n position: absolute;\n background: url(https:\/\/cdn.shopify.com\/s\/files\/1\/0252\/2395\/4525\/files\/OneMo_2_Backpack_Customizable_Organization_waterprint.png?v=1676345403) no-repeat;\n background-size: contain;\n width: 80px;\n height: 100%;\n margin: auto;\n left: 2.5%;\n top: 0;\n }\n\n .customizable-organization .text-block-inner .title-text {\n width: 64%;\n display: table-cell;\n vertical-align: middle;\n height: 100%;\n text-align: right;\n }\n\n .customizable-organization .text-block .text-block-inner .title-text {\n display: table-cell;\n vertical-align: middle;\n }\n\n .customizable-organization .title-text .title {\n font-size: 4.5rem;\n font-weight: bold;\n color: #333;\n text-transform: capitalize;\n line-height: 5.25rem;\n text-align: left;\n }\n\n .customizable-organization .title-text .text {\n font-size: 1.45rem;\n color: #666;\n margin-top: 2.5rem;\n line-height: 2.25rem;\n text-align: left;\n }\n\n .customizable-organization .video-intro {\n float: right;\n background: #eee;\n width: 75.5%;\n }\n\n .customizable-organization .video-intro .box-ratio {\n height: auto;\n width: 77%;\n float: right;\n }\n\n .customizable-organization .video-intro video {\n height: auto;\n width: 77%;\n float: right;\n }\n\n .customizable-organization .title-text h4 {\n margin-top: 1rem;\n margin-bottom: 1.5rem;\n }\n\n\n \/*** highlights **\/\n .highlights {\n position: relative;\n min-height: 400px;\n }\n\n .highlights .banner-image {\n width: 100%;\n }\n\n .highlights .box-ratio {\n background-color: unset;\n }\n\n .highlights .box-ratio img {\n background-color: unset;\n }\n\n .highlights .text-block {\n position: absolute;\n width: 40%;\n left: 15%;\n top: 30%;\n text-align: left;\n }\n\n .highlights .text-block .title {\n color: #fff;\n font-size: 4.75rem;\n line-height: 5.5rem;\n }\n\n .highlights .text-block .content {\n color: #ccc;\n font-size: 1.45rem;\n line-height: 2.25rem;\n margin-top: 2.5rem;\n }\n\n \/**************** access-block *************************\/\n .access-block {\n position: relative;\n text-align: center;\n height: auto;\n display: block;\n overflow: hidden;\n }\n\n .access-block .full-access-block {\n position: absolute;\n width: 73%;\n top: 10%;\n left: 13.5%;\n display: table;\n }\n\n .access-block .full-access-block .full-access-inner {\n position: relative;\n width: 61%;\n overflow: hidden;\n display: table-cell;\n }\n\n .access-block .full-access-block .dual-side-text-box {\n width: 39%;\n text-align: left;\n display: table-cell;\n vertical-align: middle;\n }\n\n .access-block .full-access-block .dual-side-text-box h2 {\n color: #333;\n text-transform: capitalize;\n font-size: 3.75rem;\n line-height: 4.5rem;\n }\n\n .access-block .full-access-block .dual-side-text-box .text {\n clear: both;\n color: #555;\n font-size: 1.45rem;\n line-height: 2.25rem;\n margin-top: 5%;\n width: 100%;\n }\n\n .access-block .quick-access-block {\n position: absolute;\n width: 73%;\n top: 53%;\n left: 13.5%;\n display: table;\n }\n\n .access-block .quick-access-block .quick-access-inner {\n position: relative;\n width: 61%;\n overflow: hidden;\n display: table-cell;\n }\n\n .access-block .quick-access-block .dual-side-text-box {\n width: 39%;\n text-align: right;\n display: table-cell;\n vertical-align: middle;\n padding-left: 2%;\n }\n\n .access-block .quick-access-block .dual-side-text-box h2 {\n color: #333;\n font-size: 3.75rem;\n line-height: 4.5rem;\n text-transform: capitalize;\n }\n\n .access-block .quick-access-block .dual-side-text-box .text {\n clear: both;\n color: #555;\n font-size: 1.45rem;\n line-height: 2.25rem;\n margin-top: 5%;\n width: 100%;\n margin-left: 0;\n }\n\n \/*** splash-proof **\/\n .splash-proof {\n position: relative;\n min-height: 400px;\n }\n\n .splash-proof .banner-image {\n width: 100%;\n }\n\n .splash-proof .box-ratio {\n background-color: unset;\n }\n\n .splash-proof .box-ratio img {\n background-color: unset;\n }\n\n .splash-proof .text-block {\n position: absolute;\n width: 69%;\n right: 20%;\n top: 32.5%;\n text-align: right;\n }\n\n .splash-proof .text-block .title {\n color: #fff;\n font-size: 4.75rem;\n line-height: 5.5rem;\n }\n\n .splash-proof .text-block .content {\n color: #ccc;\n font-size: 1.45rem;\n line-height: 2.25rem;\n margin-top: 2.5rem;\n }\n\n \/*** magic **\/\n .magic {\n width: 100%;\n padding: 0.5% 0;\n display: block;\n overflow: hidden;\n height: auto;\n }\n\n .magic .img-text-row {\n display: flex;\n }\n\n .magic .img-text-row2 {\n flex-direction: row-reverse;\n }\n\n .magic .img-text-row .half-block {\n display: table;\n position: relative;\n }\n\n .magic .img-text-row .half-block .text-block {\n display: table-cell;\n vertical-align: middle;\n }\n\n .magic .img-text-row .half-block .text-block h2 {\n font-size: 3.75rem;\n line-height: 4.5rem;\n }\n\n .magic .img-text-row .half-block .content {\n color: #777;\n font-size: 1.45rem;\n line-height: 2.25rem;\n margin-top: 1rem;\n }\n\n .magic .img-text-row1 .left-block {\n width: 50%;\n padding-left: 12.5%;\n }\n\n .magic .img-text-row1 .right-block {\n width: 50%;\n display: block;\n }\n\n .magic .img-text-row1 .right-block .video_block {\n width: 100%;\n height: auto;\n }\n\n .magic .img-text-row1 .right-block .video_block video {\n width: 100%;\n }\n\n .magic .img-text-row2 .left-block {\n width: 50%;\n }\n\n .magic .img-text-row2 .right-block {\n width: 50%;\n padding-right: 12.5%;\n text-align: right;\n }\n\n .magic .img-text-row .half-block .waterprint {\n position: absolute;\n }\n\n .magic .img-text-row .half-block .waterprint .box-ratio {\n background-color: unset;\n }\n\n .magic .img-text-row .half-block .waterprint .box-ratio img {\n background-color: unset;\n }\n\n .magic .img-text-row .half-block .waterprint1 {\n left: 14%;\n top: 10%;\n width: 70%;\n }\n\n .magic .img-text-row .half-block .waterprint2 {\n right: 20%;\n top: 15%;\n width: 57.5%;\n }\n\n \/*** neatly-stowed **\/\n .neatly-stowed {\n display: block;\n width: 100%;\n height: auto;\n min-height: 400px;\n overflow: hidden;\n background-color: #222;\n }\n\n .neatly-stowed .text-block {\n padding: 5% 2% 4% 2%;\n text-align: center;\n }\n\n .neatly-stowed .text-block .title {\n color: #fff;\n font-size: 4.5rem;\n line-height: 5.5rem;\n }\n\n .neatly-stowed-inner {\n display: flex;\n width: 72.5%;\n margin: auto;\n margin-bottom: 6%;\n column-gap: 0.8%;\n }\n\n .neatly-stowed .left-image {\n position: relative;\n width: 46.7%;\n }\n\n .neatly-stowed .right-images {\n width: 52.7%;\n display: flex;\n column-gap: 1.2%;\n row-gap: 1.2%;\n flex-wrap: wrap;\n }\n\n .neatly-stowed .right-images .collection-image {\n width: 49.4%;\n position: relative;\n display: table;\n }\n\n .neatly-stowed .right-images .collection-image .box-ratio {\n vertical-align: middle;\n display: table-cell;\n background-color: unset;\n line-height: 0;\n vertical-align: bottom;\n }\n\n .neatly-stowed .collection-image .caption {\n position: absolute;\n left: 5%;\n width: 95%;\n text-align: left;\n bottom: 1.5rem;\n color: #fff;\n font-size: 1.4rem;\n line-height: 1.75rem;\n font-weight: bold;\n }\n\n \/**************** access-block *************************\/\n .more-details-block {\n position: relative;\n text-align: center;\n height: auto;\n display: block;\n overflow: hidden;\n background-color: #111;\n background: url(https:\/\/cdn.shopify.com\/s\/files\/1\/0252\/2395\/4525\/files\/OneMo_2_Backpack_More_Details_bg.jpg?v=1676345438) no-repeat;\n background-size: cover;\n }\n\n .more-details {\n width: 100%;\n padding: 3% 0 5% 0;\n clear: both;\n }\n\n .more-details .more-details-items {\n display: flex;\n width: 72.5%;\n margin: auto;\n column-gap: 0.75%;\n }\n\n .more-details .more-details-item {\n position: relative;\n width: 33%;\n }\n\n .more-details .more-details-item .used-for-title {\n bottom: 5%;\n position: absolute;\n font-size: 1.5rem;\n line-height: 2rem;\n color: #fefefe;\n font-weight: 700;\n left: 5%;\n width: 90%;\n text-align: left;\n }\n\n .more-details .more-details-item .waterprint {\n display: none;\n position: absolute;\n right: 10%;\n bottom: 6%;\n width: 80%;\n height: 100px;\n }\n\n .more-details .text-block {\n display: block;\n padding: 2.5% 1.5%;\n text-align: center;\n text-transform: uppercase;\n }\n\n .more-details .text-block .title {\n color: #222;\n font-size: 4.5rem;\n line-height: 5.25rem;\n text-transform: capitalize;\n }\n\n .more-details .text-block .content {\n color: #222;\n font-size: 2.25rem;\n line-height: 4rem;\n font-weight: bold;\n }\n\n .multi-handles .text-block {\n padding: 0 2% 4% 2%;\n text-align: center;\n }\n\n .multi-handles .text-block .content {\n color: #222;\n font-size: 2.25rem;\n line-height: 3rem;\n font-weight: bold;\n }\n\n .multi-handles-inner {\n display: flex;\n width: 100%;\n margin: auto;\n margin-bottom: 6%;\n column-gap: 0.7%;\n }\n\n .multi-handles {\n width: 72.5%;\n margin: auto;\n margin-bottom: 6%;\n column-gap: 0.7%;\n }\n\n .multi-handles .left-image {\n position: relative;\n width: 49.65%;\n }\n\n .multi-handles .right-images {\n width: 49.65%;\n display: flex;\n column-gap: 1.2%;\n row-gap: 1%;\n flex-wrap: wrap;\n }\n\n .multi-handles .right-images .collection-image {\n width: 49.4%;\n position: relative;\n display: table;\n }\n\n .multi-handles .right-images .collection-image:nth-child(1) {\n width: 100%;\n }\n\n .multi-handles .right-images .collection-image .box-ratio {\n vertical-align: middle;\n display: table-cell;\n background-color: unset;\n }\n\n .multi-handles .collection-image .caption {\n position: absolute;\n left: 5%;\n width: 95%;\n text-align: left;\n bottom: 1.5rem;\n color: #fff;\n font-size: 1.4rem;\n line-height: 1.75rem;\n font-weight: bold;\n }\n\n \/*** static-block **\/\n .static-block {\n min-height: 400px;\n }\n\n .static-block .banner-image {\n width: 100%;\n }\n\n .static-block .box-ratio {\n background-color: unset;\n }\n\n .static-block .box-ratio img {\n background-color: unset;\n }\n\n \/*** irregular-imgs **\/\n .irregular-imgs {\n width: 100%;\n margin: auto;\n margin-bottom: 6%;\n column-gap: 0.8%;\n }\n\n .irregular-imgs-inner {\n display: flex;\n width: 100%;\n margin: auto;\n margin-bottom: 6%;\n column-gap: 0.6%;\n margin-top: 0.75rem;\n margin-bottom: 0.75rem;\n }\n\n .irregular-imgs .left-image {\n position: relative;\n width: 49.75%;\n }\n\n .irregular-imgs .right-images {\n width: 49.75%;\n display: flex;\n column-gap: 1%;\n row-gap: 1%;\n flex-wrap: wrap;\n }\n\n .irregular-imgs .right-images .collection-image {\n width: 49.4%;\n position: relative;\n display: table;\n }\n\n .irregular-imgs .right-images .collection-image:nth-child(1) {\n width: 100%;\n }\n\n .irregular-imgs .right-images .collection-image .box-ratio {\n vertical-align: middle;\n display: table-cell;\n background-color: unset;\n }\n\n .irregular-imgs .collection-image .caption {\n position: absolute;\n left: 5%;\n width: 95%;\n text-align: left;\n bottom: 1.5rem;\n color: #fff;\n font-size: 1.4rem;\n line-height: 1.75rem;\n font-weight: bold;\n }\n\n \/*** static-block **\/\n .comparison-block {\n min-height: 400px;\n margin-bottom: 5%;\n }\n\n .comparison-block .banner-image {\n width: 60%;\n margin: auto;\n }\n\n .comparison-block .box-ratio {\n background-color: unset;\n }\n\n .comparison-block .box-ratio img {\n background-color: unset;\n }\n\n @media screen and (max-width:1800px) {\n .shape-block .text-block .content br {\n display: none;\n }\n }\n\n @media screen and (max-width:1660px) {\n .flexible-front .text-block .stitle {\n color: #fff;\n position: absolute;\n font-size: 1.25rem;\n line-height: 2.75rem;\n width: 20%;\n right: -7%;\n text-align: center;\n top: -34%;\n }\n\n .flexible-front .text-block .scontent {\n color: #fff;\n position: absolute;\n font-size: 0.8rem;\n line-height: 2.75rem;\n width: 20%;\n right: -7%;\n text-align: center;\n top: -32%;\n }\n\n .first-banner .text-block {\n top: 30%;\n }\n\n .icon-group li .icon {\n width: 80px;\n height: 80px;\n }\n\n .flexible-front .text-block {\n top: 40%;\n }\n\n .used-for .text-block .title {\n font-size: 4rem;\n line-height: 4.75rem;\n }\n\n .used-for .used-for-item .used-for-title {\n font-size: 1.5rem;\n line-height: 2rem;\n }\n\n .flexible-front .text-block .title {\n font-size: 2.25rem;\n line-height: 2rem;\n }\n\n .flexible-front .text-block .content {\n font-size: 0.8rem;\n line-height: 1rem;\n margin-top: 11rem;\n }\n\n .shapes {\n min-height: unset;\n }\n\n .shapes .shape-block {\n min-height: unset;\n }\n\n .shape-block .text-block .title {\n font-size: 2rem;\n line-height: 2rem;\n }\n\n .shape-block .text-block .capacity {\n margin: 1.25rem 0;\n }\n\n .shape-block .text-block .capacity p {\n font-size: 1.35rem;\n line-height: 1.75rem;\n }\n\n .shape-block .text-block .capacity {\n margin: 1.25rem 0 1rem 0;\n }\n\n .clamshell-opening .text-block .title {\n font-size: 4rem;\n line-height: 4.75rem;\n }\n\n .clamshell-opening .text-block .content {\n font-size: 1.35rem;\n line-height: 1.875rem;\n margin-top: 2rem;\n }\n\n .clamshell-opening-capacity .text-block .title {\n font-size: 4rem;\n line-height: 4.5rem;\n }\n\n .clamshell-opening-capacity .text-block .content {\n font-size: 1.75rem;\n line-height: 2.75rem;\n margin-top: 1.5rem;\n }\n\n .upgraded-back-panel .text-block {\n width: 45%;\n left: 12.5%;\n top: 20%;\n }\n\n .customizable-organization .title-text .title {\n font-size: 4rem;\n line-height: 4.5rem;\n }\n\n .customizable-organization .title-text .text {\n font-size: 1.35rem;\n margin-top: 2rem;\n line-height: 1.95rem;\n }\n\n .highlights .text-block {\n left: 12.5%;\n }\n\n .highlights .text-block .title {\n font-size: 4rem;\n line-height: 4.75rem;\n }\n\n .access-block .full-access-block .dual-side-text-box h2 {\n font-size: 3.5rem;\n line-height: 4rem;\n }\n\n .access-block .full-access-block .dual-side-text-box .text {\n font-size: 1.35rem;\n line-height: 2rem;\n }\n\n .access-block .quick-access-block .dual-side-text-box h2 {\n font-size: 3.5rem;\n line-height: 4rem;\n }\n\n .access-block .quick-access-block .dual-side-text-box .text {\n font-size: 1.35rem;\n line-height: 2rem;\n }\n\n .splash-proof .text-block {\n right: 15%;\n top: 30%;\n }\n\n .splash-proof .text-block .title {\n font-size: 4rem;\n line-height: 4.75rem;\n }\n\n .splash-proof .text-block .content {\n font-size: 1.35rem;\n line-height: 2rem;\n margin-top: 2rem;\n }\n\n .magic .img-text-row .half-block .text-block h2 {\n font-size: 3rem;\n line-height: 3.75rem;\n }\n\n .magic .img-text-row .half-block .content {\n font-size: 1.35rem;\n line-height: 2rem;\n margin-top: 1rem;\n }\n\n .magic .img-text-row .half-block .text-block h2 {\n font-size: 3rem;\n line-height: 3.75rem;\n }\n\n .neatly-stowed .text-block .title {\n font-size: 4rem;\n line-height: 4.75rem;\n }\n\n .neatly-stowed .collection-image .caption {\n font-size: 1.35rem;\n }\n\n .more-details .more-details-item .used-for-title {\n font-size: 1.325rem;\n line-height: 1.875rem;\n }\n\n .multi-handles .text-block .content {\n font-size: 2rem;\n line-height: 2.75rem;\n }\n }\n\n @media screen and (max-width:1550px) {\n .first-banner .text-block {\n top: 25%;\n }\n\n .upgraded-features {\n min-height: unset;\n }\n\n .upgraded-features .upgraded-feature {\n min-height: unset;\n }\n }\n\n @media screen and (max-width:1420px) {\n .first-banner .text-block {\n top: 30%;\n }\n\n .first-banner .text-block .title {\n font-size: 3.25rem;\n line-height: 4rem;\n }\n\n .first-banner .text-block .content {\n font-size: 1.25rem;\n line-height: 1.25rem;\n margin-top: 1rem;\n }\n\n .icon-group li .icon {\n width: 70px;\n height: 70px;\n }\n\n .icon-group li span {\n font-size: 1rem;\n }\n\n .flexible-front .text-block {\n top: 25%;\n }\n\n .used-for .text-block .title {\n font-size: 3.5rem;\n line-height: 4.25rem;\n }\n\n .used-for .used-for-item .used-for-title {\n font-size: 1.25rem;\n line-height: 1.75rem;\n }\n\n .flexible-front .text-block .title {\n font-size: 3.5rem;\n line-height: 4.25rem;\n }\n\n .flexible-front .text-block .content {\n font-size: 1.15rem;\n line-height: 1.75rem;\n margin-top: 1.25rem;\n }\n\n .shape-block .text-block .title {\n font-size: 1.75rem;\n line-height: 1.75rem;\n }\n\n .shape-block .text-block .capacity {\n margin: 1rem 0;\n }\n\n .shape-block .text-block .capacity p {\n font-size: 1.25rem;\n line-height: 1.75rem;\n }\n\n .shape-block .text-block .capacity {\n margin: 1rem 0;\n }\n\n .shape-block .text-block .content {\n font-size: 1rem;\n line-height: 1.5rem;\n margin-top: 0.5rem;\n }\n\n .clamshell-opening .text-block .title {\n font-size: 3.5rem;\n line-height: 4.25rem;\n }\n\n .clamshell-opening .text-block .content {\n font-size: 1.15rem;\n line-height: 1.65rem;\n margin-top: 1.5rem;\n }\n\n .clamshell-opening-capacity .text-block .title {\n font-size: 3.5rem;\n line-height: 4.25rem;\n }\n\n .clamshell-opening-capacity .text-block .content {\n font-size: 1.5rem;\n line-height: 2.25rem;\n margin-top: 1rem;\n }\n\n .upgraded-back-panel .text-block {\n width: 45%;\n left: 12.5%;\n top: 20%;\n }\n\n .upgraded-back-panel .text-block .title {\n font-size: 3.75rem;\n line-height: 4.5rem;\n }\n\n .upgraded-back-panel .text-block .content {\n font-size: 1.15rem;\n line-height: 2rem;\n margin-top: 1.5rem;\n }\n\n .upgraded-back-panel .text-block1 .content {\n font-size: 1.25rem;\n line-height: 1.5rem;\n }\n\n .upgraded-feature .text-block .content {\n font-size: 1.5rem;\n line-height: 2.25rem;\n margin-top: 1rem;\n }\n\n .upgraded-features-list .collection-image .caption {\n font-size: 1.15rem;\n line-height: 1.5rem;\n }\n\n .customizable-organization .waterprint-customized {\n left: 4%;\n }\n\n .customizable-organization .text-block {\n margin-left: 10%;\n }\n\n .customizable-organization .title-text .title {\n font-size: 3rem;\n line-height: 3.75rem;\n }\n\n .customizable-organization .title-text .text {\n font-size: 1.15rem;\n margin-top: 1.5rem;\n line-height: 1.75rem;\n }\n\n .highlights .text-block {\n left: 12.5%;\n }\n\n .highlights .text-block .title {\n font-size: 3.5rem;\n line-height: 4.25rem;\n }\n\n .highlights .text-block .content {\n font-size: 1.25rem;\n line-height: 2rem;\n margin-top: 1.5rem;\n }\n\n .access-block .full-access-block {\n width: 78%;\n top: 10%;\n left: 11%;\n }\n\n .access-block .full-access-block .dual-side-text-box h2 {\n font-size: 3rem;\n line-height: 3.5rem;\n }\n\n .access-block .full-access-block .dual-side-text-box .text {\n font-size: 1.15rem;\n line-height: 1.75rem;\n }\n\n .access-block .quick-access-block {\n width: 78%;\n top: 55%;\n left: 11%;\n }\n\n .access-block .quick-access-block .dual-side-text-box h2 {\n font-size: 3rem;\n line-height: 3.5rem;\n }\n\n .access-block .quick-access-block .dual-side-text-box .text {\n font-size: 1.15rem;\n line-height: 1.75rem;\n }\n\n .splash-proof .text-block {\n right: 15%;\n top: 30%;\n }\n\n .splash-proof .text-block .title {\n font-size: 3.5rem;\n line-height: 4.25rem;\n }\n\n .splash-proof .text-block .content {\n font-size: 1.15rem;\n line-height: 1.75rem;\n margin-top: 1.5rem;\n }\n\n .magic .img-text-row .half-block .text-block h2 {\n font-size: 3rem;\n line-height: 3.75rem;\n }\n\n .magic .img-text-row .half-block .content {\n font-size: 1.15rem;\n line-height: 1.75rem;\n margin-top: 1rem;\n }\n\n .neatly-stowed .text-block .title {\n font-size: 3.5rem;\n line-height: 4.25rem;\n }\n\n .neatly-stowed .collection-image .caption {\n font-size: 1.05rem;\n bottom: 1rem;\n }\n\n .more-details .text-block .title {\n font-size: 3.5rem;\n line-height: 4.25rem;\n }\n\n .more-details .more-details-item .used-for-title {\n font-size: 1.05rem;\n line-height: 1.5rem;\n }\n\n .multi-handles .text-block .content {\n font-size: 2rem;\n line-height: 2.75rem;\n }\n }\n\n @media screen and (max-width:1320px) {\n .upgraded-features-list-inner {\n width: 80%;\n }\n\n .access-block .full-access-block {\n width: 80%;\n top: 8%;\n left: 10%;\n }\n\n .access-block .quick-access-block {\n width: 80%;\n top: 53%;\n left: 10%;\n }\n\n .neatly-stowed-inner {\n width: 80%;\n }\n\n .more-details .more-details-items {\n width: 80%;\n }\n\n .multi-handles {\n width: 80%;\n }\n\n .comparison-block .banner-image {\n width: 80%;\n }\n }\n\n @media screen and (max-width:1220px) {\n .first-banner .text-block {\n top: 27.5%;\n }\n\n .first-banner .text-block .title {\n font-size: 2.5rem;\n line-height: 2.75rem;\n }\n\n .first-banner .text-block .content {\n font-size: 1rem;\n line-height: 1rem;\n margin-top: 1rem;\n }\n\n .icon-group li .icon {\n width: 55px;\n height: 55px;\n }\n\n .icon-group li span {\n font-size: 0.925rem;\n }\n\n .flexible-front .text-block {\n top: 25%;\n }\n\n .used-for .text-block .title {\n font-size: 2.5rem;\n line-height: 2.75rem;\n }\n\n .used-for .used-for-item .used-for-title {\n font-size: 1rem;\n line-height: 1.5rem;\n }\n\n .flexible-front .text-block .title {\n font-size: 2.5rem;\n line-height: 2.75rem;\n }\n\n .flexible-front .text-block .content {\n font-size: 1rem;\n line-height: 1.5rem;\n margin-top: 1rem;\n }\n\n .shape-block .text-block .title {\n font-size: 1.5rem;\n line-height: 1.5rem;\n }\n\n .shape-block .text-block .capacity {\n margin: 0.75rem 0;\n }\n\n .shape-block .text-block .capacity p {\n font-size: 1.25rem;\n line-height: 1.75rem;\n }\n\n .shape-block .text-block .capacity {\n margin: 1rem 0;\n }\n\n .shape-block .text-block .content {\n font-size: 1rem;\n line-height: 1.25rem;\n margin-top: 0;\n }\n\n .clamshell-opening .text-block .title {\n font-size: 2.5rem;\n line-height: 2.75rem;\n }\n\n .clamshell-opening .text-block .content {\n font-size: 1rem;\n line-height: 1.5rem;\n margin-top: 1rem;\n }\n\n .clamshell-opening-capacity .text-block .title {\n font-size: 2.5rem;\n line-height: 2.75rem;\n }\n\n .clamshell-opening-capacity .text-block .content {\n font-size: 1.25rem;\n line-height: 1.75rem;\n margin-top: 1rem;\n }\n\n .upgraded-back-panel .text-block {\n width: 45%;\n left: 12.5%;\n top: 20%;\n }\n\n .upgraded-back-panel .text-block .title {\n font-size: 2.5rem;\n line-height: 2.75rem;\n }\n\n .upgraded-back-panel .text-block .content {\n font-size: 1rem;\n line-height: 1.5rem;\n margin-top: 1rem;\n }\n\n .upgraded-back-panel .text-block1 .content {\n font-size: 1rem;\n line-height: 1.5rem;\n }\n\n .upgraded-feature .text-block .content {\n font-size: 1.25rem;\n line-height: 1.75rem;\n margin-top: 1rem;\n }\n\n .upgraded-features-list .collection-image .caption {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n .customizable-organization .title-text .title {\n font-size: 2.5rem;\n line-height: 2.75rem;\n }\n\n .customizable-organization .title-text .text {\n font-size: 1rem;\n margin-top: 1.25rem;\n line-height: 1.5rem;\n }\n\n .highlights .text-block {\n left: 12.5%;\n }\n\n .highlights .text-block .title {\n font-size: 2.5rem;\n line-height: 2.75rem;\n }\n\n .highlights .text-block .content {\n font-size: 1rem;\n line-height: 1rem;\n margin-top: 1.5rem;\n }\n\n .access-block .full-access-block {\n width: 78%;\n top: 10%;\n left: 11%;\n }\n\n .access-block .full-access-block .dual-side-text-box h2 {\n font-size: 2rem;\n line-height: 2.5rem;\n }\n\n .access-block .full-access-block .dual-side-text-box .text {\n font-size: 1rem;\n line-height: 1.5rem;\n }\n\n .access-block .quick-access-block {\n width: 78%;\n top: 55%;\n left: 11%;\n }\n\n .access-block .quick-access-block .dual-side-text-box h2 {\n font-size: 2rem;\n line-height: 2.5rem;\n }\n\n .access-block .quick-access-block .dual-side-text-box .text {\n font-size: 1rem;\n line-height: 1.5rem;\n }\n\n .splash-proof .text-block {\n right: 15%;\n top: 30%;\n }\n\n .splash-proof .text-block .title {\n font-size: 2.5rem;\n line-height: 2.75rem;\n }\n\n .splash-proof .text-block .content {\n font-size: 1rem;\n line-height: 1.5rem;\n margin-top: 1.25rem;\n }\n\n .magic .img-text-row .half-block .text-block h2 {\n font-size: 2rem;\n line-height: 2.5rem;\n }\n\n .magic .img-text-row .half-block .content {\n font-size: 1rem;\n line-height: 1.5rem;\n margin-top: 1rem;\n }\n\n .neatly-stowed .text-block .title {\n font-size: 2.5rem;\n line-height: 2.75rem;\n }\n\n .neatly-stowed .collection-image .caption {\n font-size: 1.05rem;\n bottom: 1rem;\n }\n\n .more-details .text-block .title {\n font-size: 2.5rem;\n line-height: 2.75rem;\n }\n\n .more-details .more-details-item .used-for-title {\n font-size: 0.925rem;\n line-height: 1.35rem;\n }\n\n .multi-handles .text-block .content {\n font-size: 1.5rem;\n line-height: 2rem;\n }\n }\n\n @media screen and (max-width:980px) {\n .onemo-2-mobile .text-block {\n padding: 9% 5px 3% 5px;\n margin: 5% 0 2% 0;\n }\n\n .onemo-2-mobile h2,\n .onemo-2-mobile h3 {\n letter-spacing: 0;\n }\n\n \/***Banner**\/\n .first-banner {\n position: relative;\n min-height: unset;\n }\n\n .first-banner .banner-image {\n width: 100%;\n }\n\n .first-banner .box-ratio {\n background-color: unset;\n }\n\n .first-banner .box-ratio img {\n background-color: unset;\n }\n\n .first-banner .text-block {\n position: absolute;\n left: 0;\n top: 8%;\n text-align: center;\n padding: 5px;\n width: 98%;\n margin: auto;\n }\n\n .first-banner .text-block .title {\n color: #fff;\n font-size: 2.4rem;\n line-height: 3rem;\n text-transform: capitalize;\n margin-bottom: 5px;\n }\n\n .first-banner .text-block .title span {\n font-weight: normal;\n }\n\n .first-banner .text-block .content {\n color: #eee;\n font-size: 1.125rem;\n line-height: 1.5rem;\n margin-top: 0.2rem;\n }\n\n \/**************** Simple features *************************\/\n .simple-features {\n width: 100%;\n margin: auto;\n position: absolute;\n left: 0;\n bottom: 2%;\n padding: 0 2%;\n }\n\n .simple-features .list-unstyled {\n padding-left: 0;\n list-style: none;\n }\n\n .icon-group {\n display: flex;\n }\n\n .icon-group li {\n width: 25%;\n position: relative;\n flex: 1;\n }\n\n .icon-group li .icon {\n width: 50px;\n height: 50px;\n margin: 0 auto 0.25rem auto;\n background-size: contain;\n }\n\n .icon-group li span {\n text-align: center;\n display: block;\n font-size: 0.9rem;\n color: #fefefe;\n line-height: 1rem;\n }\n\n .icon-group li:nth-child(1) .icon {\n background: url(https:\/\/cdn.shopify.com\/s\/files\/1\/0252\/2395\/4525\/files\/OneMo_2_Backpack_Icon_Efficient_Organization.png?v=1676345578) no-repeat;\n background-size: contain;\n }\n\n .icon-group li:nth-child(2) .icon {\n background: url(https:\/\/cdn.shopify.com\/s\/files\/1\/0252\/2395\/4525\/files\/OneMo_2_Backpack_Icon_Backpack_Plus_Shoulder_Bag.png?v=1676345578) no-repeat;\n background-size: contain;\n }\n\n .icon-group li:nth-child(3) .icon {\n background: url(https:\/\/cdn.shopify.com\/s\/files\/1\/0252\/2395\/4525\/files\/OneMo_2_Backpack_Icon_Wide_Rear_Opening.png?v=1676345578) no-repeat;\n background-size: contain;\n }\n\n .icon-group li:nth-child(4) .icon {\n background: url(https:\/\/cdn.shopify.com\/s\/files\/1\/0252\/2395\/4525\/files\/OneMo_2_Backpack_Icon_Double_Quick_Accesses.png?v=1676345577) no-repeat;\n background-size: contain;\n }\n\n\n .shoulderbag-banner1 .text-block {\n width: 98%;\n text-align: left;\n padding: 5% 5px 2% 5%;\n margin: 5% 0 2% 0;\n }\n\n .shoulderbag-banner1 .text-block .title {\n color: #333;\n font-size: 2.25rem;\n line-height: 2.65rem;\n margin-bottom: 5px;\n }\n\n .shoulderbag-banner1 .text-block .subtitle {\n color: #333;\n font-size: 1.275rem;\n line-height: 2rem;\n margin-bottom: 5px;\n }\n\n .shoulderbag-banner1 .text-block .content {\n color: #555;\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n .shoulderbag-banner1 .banner-image-mobile {\n display: block;\n position: relative;\n }\n\n .video-btn {\n display: block;\n position: absolute;\n top: 40%;\n left: 43%;\n width: 40px;\n height: 40px;\n background: url(https:\/\/cdn.shopify.com\/s\/files\/1\/0252\/2395\/4525\/files\/presell_play.png?v=1614324743) no-repeat;\n background-size: auto;\n filter: drop-shadow(0 0 8px rgba(0, 0, 0, .12));\n perspective: 1000px;\n backface-visibility: hidden;\n transform: translateZ(0);\n background-size: contain;\n }\n\n .shoulderbag-banner1 .banner-image-mobile .la-close {\n display: none;\n width: 28px;\n height: auto;\n position: absolute;\n font-size: 2.2rem;\n right: 5px;\n top: 5px;\n color: #eee;\n line-height: 30px;\n }\n\n .shoulderbag-banner1 .banner-image-mobile .youtube-mobile {\n display: none;\n width: 100%;\n height: 100%;\n }\n\n .banner-image-mobile {\n background: #000;\n color: #fff;\n width: 100%;\n height: auto;\n position: relative;\n }\n\n .youtube-mobile iframe {\n width: 100%;\n }\n\n \/**************** Used For *************************\/\n .meets-shoulderbag {\n width: 100%;\n padding: 2% 0;\n clear: both;\n }\n\n .meets-shoulderbag .meets-shoulderbag-items {\n display: flex;\n width: 100%;\n margin: auto;\n flex-wrap: wrap;\n column-gap: 2%;\n row-gap: 2%;\n }\n\n .meets-shoulderbag .meets-shoulderbag-item {\n position: relative;\n width: 49%;\n }\n\n .meets-shoulderbag .meets-shoulderbag-item:nth-child(1) {\n position: relative;\n width: 100%;\n margin-bottom: 1.65%;\n }\n\n .meets-shoulderbag .meets-shoulderbag-item .title {\n display: block;\n position: absolute;\n bottom: 1rem;\n font-size: 1.05rem;\n line-height: 1.25rem;\n color: #f1f1f1;\n font-weight: 700;\n left: 5%;\n text-align: left;\n width: 100%;\n }\n\n .meets-shoulderbag .text-block {\n display: block;\n padding: 4% 5px 5% 5%;\n margin: 5% 0 2% 0;\n text-align: left;\n text-transform: uppercase;\n }\n\n .meets-shoulderbag .text-block .title {\n color: #333;\n font-size: 2.25rem;\n line-height: 2.5rem;\n margin-bottom: 0;\n }\n\n .meets-shoulderbag .text-block .content {\n color: #555;\n font-size: 0.9rem;\n line-height: 1.25rem;\n }\n\n \/***mobile-static-block**\/\n .static-block-m {\n min-height: 300px;\n position: relative;\n }\n\n .static-block-m .banner-image {\n position: relative;\n width: 100%;\n }\n\n .static-block-m .box-ratio {\n background-color: unset;\n }\n\n .static-block-m .box-ratio img {\n background-color: unset;\n }\n\n .static-block-m .text-block {\n position: unset;\n width: 100%;\n text-align: left;\n margin-top: 0;\n padding-left: 5%;\n }\n\n .static-block-m .text-block .title {\n color: #333;\n font-size: 2.25rem;\n line-height: 2.75rem;\n }\n\n .static-block-m .text-block .content {\n color: #555;\n font-size: 1rem;\n line-height: 1.35rem;\n }\n\n .static-block-m .text-block1 {\n position: absolute;\n top: 5%;\n left: 5%;\n width: 90%;\n text-align: left;\n margin-top: 0;\n padding-left: 5%;\n }\n\n .static-block-m .text-block1 .title {\n color: #fff;\n font-size: 1.75rem;\n line-height: 2rem;\n }\n\n .static-block-m .text-block1 .content {\n color: #eee;\n font-size: 1.15rem;\n line-height: 1.25rem;\n }\n\n \/***flexible-front**\/\n .flexible-front {\n min-height: 200px;\n }\n\n .flexible-front .banner-image {\n width: 100%;\n }\n\n .flexible-front .box-ratio {\n background-color: unset;\n }\n\n .flexible-front .box-ratio img {\n background-color: unset;\n }\n\n .flexible-front .text-block {\n position: unset;\n width: 100%;\n text-align: left;\n margin-top: 0;\n padding-left: 5%;\n }\n\n .flexible-front .text-block .title {\n color: #333;\n font-size: 2.25rem;\n line-height: 2.5rem;\n }\n\n .flexible-front .text-block .content {\n color: #555;\n font-size: 1rem;\n line-height: 1.35rem;\n }\n\n \/***shapes**\/\n .shapes {\n position: relative;\n min-height: 400px;\n margin: 0;\n }\n\n .shapes .banner-image {\n width: 100%;\n }\n\n .shapes .box-ratio {\n background-color: unset;\n }\n\n .shapes .box-ratio img {\n background-color: unset;\n }\n\n .shapes .text-block {\n position: absolute;\n margin-top: 0;\n color: #444;\n padding-top: 5%;\n }\n\n .shapes .text-block .title {\n color: #333;\n font-size: 1.5rem;\n line-height: 1.5rem\n }\n\n .shapes .text-block .capacity {\n margin: 5% 0;\n }\n\n .shapes .text-block .capacity p {\n color: #444;\n font-size: 1.125rem;\n line-height: 1.5rem;\n margin-bottom: 0;\n }\n\n .shapes .text-block .content {\n color: #444;\n font-size: 1rem;\n line-height: 1.3rem;\n }\n\n .shapes .text-block1 {\n top: 4%;\n right: 0;\n width: 47%;\n text-align: left;\n }\n\n .shapes .text-block2 {\n top: 51%;\n left: 4%;\n width: 49%;\n text-align: left;\n }\n\n \/***clamshell-opening**\/\n .clamshell-opening {\n position: relative;\n min-height: 400px;\n }\n\n .clamshell-opening .banner-image {\n width: 100%;\n }\n\n .clamshell-opening .box-ratio {\n background-color: unset;\n }\n\n .clamshell-opening .box-ratio img {\n background-color: unset;\n }\n\n .clamshell-opening .text-block {\n position: unset;\n width: 100%;\n text-align: left;\n margin-top: 0;\n padding-left: 5%;\n }\n\n .clamshell-opening .text-block .title {\n color: #333;\n font-size: 2.25rem;\n line-height: 2.5rem;\n }\n\n .clamshell-opening .text-block .content {\n color: #555;\n font-size: 1rem;\n line-height: 1.35rem;\n margin-top: 1rem;\n }\n\n \/*** clamshell-opening-capacities **\/\n .clamshell-opening-capacities {\n display: block;\n min-height: 400px;\n margin: 0;\n }\n\n .clamshell-opening-capacities .text-block {\n position: unset;\n width: 100%;\n text-align: left;\n margin-top: 0;\n padding-left: 5%;\n }\n\n .stable-strong .bgimg video {\n width: 45%;\n margin-left: 6%;\n margin-top: 2%;\n }\n\n .clamshell-opening-capacities .text-block .title {\n color: #333;\n font-size: 2.25rem;\n line-height: 2.5rem;\n }\n\n .clamshell-opening-capacities .clamshell-opening-capacity {\n position: relative;\n min-height: 300px;\n width: 100%;\n margin-bottom: 1%;\n }\n\n .clamshell-opening-capacities .clamshell-opening-capacity:last-child {\n margin-bottom: 0;\n }\n\n .clamshell-opening-capacity .banner-image {\n width: 100%;\n }\n\n .clamshell-opening-capacity .box-ratio {\n background-color: unset;\n }\n\n .clamshell-opening-capacity .box-ratio img {\n background-color: unset;\n }\n\n .clamshell-opening-capacity .text-block-on {\n position: absolute;\n width: 97%;\n left: 5%;\n top: 0;\n text-align: left;\n padding: 10% 3%;\n }\n\n .clamshell-opening-capacity .text-block-on .title {\n color: #fff;\n font-size: 2rem;\n line-height: 2.25rem;\n }\n\n .clamshell-opening-capacity .text-block-on .content {\n color: #fefefe;\n font-size: 1.05rem;\n line-height: 1.35rem;\n margin-top: 0;\n font-weight: bold;\n }\n\n \/*** Upgraded Back Panel **\/\n .upgraded-back-panel {\n position: relative;\n min-height: 200px;\n background: #000;\n }\n\n .upgraded-back-panel .banner-image {\n width: 100%;\n }\n\n .upgraded-back-panel .box-ratio {\n background-color: unset;\n }\n\n .upgraded-back-panel .box-ratio img {\n background-color: unset;\n }\n\n .upgraded-back-panel .text-block {\n width: 100%;\n text-align: left;\n padding: 0;\n margin: 0;\n top: 7.5%;\n left: 7.5%;\n }\n\n .upgraded-back-panel .text-block .title {\n color: #fff;\n font-size: 2.275rem;\n line-height: 2.5rem;\n }\n\n .upgraded-back-panel .text-block .content {\n color: #eee;\n font-size: 1rem;\n line-height: 1.35rem;\n margin-top: 1rem;\n }\n\n .upgraded-back-panel .text-block1 {\n position: absolute;\n width: 100%;\n right: 0;\n bottom: 5%;\n text-align: center;\n }\n\n .upgraded-back-panel .text-block1 .content {\n color: #fefefe;\n font-size: 1.125rem;\n line-height: 1.65rem;\n font-weight: bold;\n }\n\n \/*** Upgraded Back Panel Features**\/\n .upgraded-features {\n display: block;\n min-height: 200px;\n padding: 0;\n background: #1d1d1d;\n }\n\n .upgraded-features .upgraded-feature {\n position: relative;\n min-height: 120px;\n width: 100%;\n }\n\n .upgraded-features .upgraded-feature:last-child {\n width: 100%;\n }\n\n .upgraded-feature .banner-image {\n width: 100%;\n }\n\n .upgraded-feature .box-ratio {\n background-color: unset;\n }\n\n .upgraded-feature .box-ratio img {\n background-color: unset;\n }\n\n .upgraded-feature .text-block {\n position: absolute;\n width: 80%;\n left: 5%;\n top: 15%;\n text-align: left;\n padding: 0;\n }\n\n .upgraded-feature .text-block .content {\n color: #fff;\n font-size: 1.05rem;\n line-height: 1.5rem;\n margin-top: 0;\n font-weight: bold;\n }\n\n .upgraded-features .upgraded-feature:last-child .text-block {\n left: unset;\n right: 5%;\n top: 15%;\n text-align: right;\n }\n\n .upgraded-features-list {\n display: block;\n width: 100%;\n height: auto;\n min-height: 300px;\n overflow: hidden;\n background-color: #1d1d1d;\n }\n\n .upgraded-features-list-inner {\n display: flex;\n width: 100%;\n margin: auto;\n margin-top: 0;\n margin-bottom: 10%;\n row-gap: 0.7%;\n column-gap: 0.7%;\n flex-wrap: wrap;\n }\n\n .upgraded-features-list .left-image {\n position: relative;\n width: 100%;\n }\n\n .upgraded-features-list .right-images {\n width: 100%;\n display: flex;\n flex-wrap: wrap;\n column-gap: 1.2%;\n row-gap: 1%;\n }\n\n .upgraded-features-list .right-images .collection-image {\n float: unset;\n position: relative;\n }\n\n .upgraded-features-list .right-images .collection-image:nth-child(1) {\n width: 49.3%;\n margin: 0;\n }\n\n .upgraded-features-list .right-images .collection-image:nth-child(2) {\n width: 49.3%;\n margin: 0;\n }\n\n .upgraded-features-list .right-images .collection-image:nth-child(3) {\n width: 100%;\n margin: 0;\n }\n\n .upgraded-features-list .collection-image .caption {\n position: absolute;\n left: 5%;\n width: 95%;\n text-align: left;\n bottom: 1rem;\n color: #fff;\n font-size: 1.05rem;\n line-height: 1.1rem;\n font-weight: bold;\n }\n\n .upgraded-features-list .left-image .collection-image .caption {\n text-align: center;\n }\n\n .customizable-organization-m .text-block {\n padding: 12% 5% 4% 5%;\n }\n\n .customizable-organization-m .text-block .title {\n color: #333;\n font-size: 2.25rem;\n line-height: 2.75rem;\n margin-bottom: 1rem;\n }\n\n .highlights-m .text-block1 {\n top: 10%;\n left: 7.5%;\n text-align: left;\n padding-left: 5%;\n }\n\n .highlights-m .text-block1 .text {\n color: #fefefe;\n }\n\n .customizable-storage-m .text-block .title {\n color: #111;\n font-size: 1.7rem;\n line-height: 2.75rem;\n }\n\n .accessories-storage-m .text-block .title {\n color: #111;\n font-size: 1.65rem;\n line-height: 2.75rem;\n }\n\n .splash-proof-m {\n margin-top: 1%;\n }\n\n .splash-proof-m .text-block {\n position: absolute;\n top: 2.5%;\n left: 2%;\n z-index: 1;\n }\n\n .splash-proof-m .text-block .title {\n color: #fff;\n font-size: 2.25rem;\n line-height: 2.875rem;\n }\n\n .splash-proof-m .text-block .content {\n color: #fefefe;\n font-size: 1rem;\n line-height: 1.35rem;\n }\n\n \/*** magic **\/\n .magic {\n width: 100%;\n padding: 0.5% 0;\n display: block;\n overflow: hidden;\n height: auto;\n margin-top: 1%;\n }\n\n .magic .img-text-row {\n display: flex;\n background: #eee;\n }\n\n .magic .img-text-row1 {\n flex-direction: row-reverse;\n }\n\n .magic .img-text-row2 {\n flex-direction: unset;\n }\n\n .magic .img-text-row .half-block {\n display: table;\n position: relative;\n }\n\n .magic .img-text-row .half-block .text-block {\n display: table-cell;\n vertical-align: middle;\n padding-top: 5%;\n }\n\n .magic .img-text-row .half-block .text-block h2 {\n font-size: 1.5rem;\n line-height: 1.75rem;\n }\n\n .magic .img-text-row .half-block .content {\n color: #777;\n font-size: 0.95rem;\n line-height: 1.15rem;\n margin-top: 0;\n }\n\n .magic .img-text-row1 .left-block {\n width: 50%;\n padding-left: 0;\n }\n\n .magic .img-text-row1 .left-block .text-block {\n text-align: right;\n padding: 5% 9% 5% 5%;\n }\n\n .magic .img-text-row1 .right-block {\n width: 50%;\n display: block;\n }\n\n .magic .img-text-row1 .right-block .video_block {\n width: 100%;\n height: auto;\n }\n\n .magic .img-text-row1 .right-block .video_block video {\n width: 100%;\n }\n\n .magic .img-text-row2 .left-block {\n width: 50%;\n }\n\n .magic .img-text-row2 .right-block {\n width: 50%;\n text-align: left;\n padding-right: 0;\n }\n\n .magic .img-text-row2 .half-block .text-block {\n padding: 9% 5px 3% 8%;\n }\n\n .magic .img-text-row .half-block .waterprint {\n position: absolute;\n }\n\n .magic .img-text-row .half-block .waterprint .box-ratio {\n background-color: unset;\n }\n\n .magic .img-text-row .half-block .waterprint .box-ratio img {\n background-color: unset;\n }\n\n .magic .img-text-row .half-block .waterprint1 {\n left: 14%;\n top: 7.5%;\n width: 70%;\n }\n\n .magic .img-text-row .half-block .waterprint2 {\n right: 20%;\n top: 15%;\n width: 57.5%;\n }\n\n \/*** neatly-stowed **\/\n .neatly-stowed {\n display: block;\n width: 100%;\n height: auto;\n min-height: 200px;\n overflow: hidden;\n background: unset;\n }\n\n .neatly-stowed .text-block {\n position: unset;\n width: 100%;\n text-align: left;\n margin-top: 0;\n padding: 9% 2% 1% 5%;\n }\n\n .neatly-stowed .text-block .title {\n color: #333;\n font-size: 2.25rem;\n line-height: 2.75rem;\n }\n\n .neatly-stowed-inner {\n display: flex;\n width: 100%;\n margin: auto;\n column-gap: 1.2%;\n row-gap: 1.2%;\n flex-wrap: wrap;\n margin-top: 1.15%;\n }\n\n .neatly-stowed .left-image {\n position: relative;\n width: 100%;\n }\n\n .neatly-stowed .right-images {\n width: 100%;\n display: flex;\n column-gap: 1.2%;\n row-gap: 1.2%;\n flex-wrap: wrap;\n margin-top: 0.25rem;\n }\n\n .neatly-stowed .right-images .collection-image {\n width: 49.4%;\n position: relative;\n display: table;\n }\n\n .neatly-stowed .right-images .collection-image .box-ratio {\n vertical-align: middle;\n display: table-cell;\n background-color: unset;\n line-height: 0;\n vertical-align: bottom;\n }\n\n .neatly-stowed .collection-image .caption {\n position: absolute;\n left: 5%;\n width: 95%;\n text-align: left;\n bottom: 1rem;\n color: #fff;\n font-size: 1rem;\n line-height: 1rem;\n font-weight: bold;\n }\n\n \/**************** access-block *************************\/\n .more-details-block {\n position: relative;\n text-align: center;\n height: auto;\n display: block;\n overflow: hidden;\n background-color: #111;\n background: none;\n background-size: cover;\n }\n\n .more-details {\n width: 100%;\n padding: 3% 0 5% 0;\n clear: both;\n }\n\n .more-details .more-details-items {\n display: flex;\n width: 100%;\n margin: auto;\n column-gap: 0.75%;\n flex-wrap: wrap;\n }\n\n .more-details .more-details-item {\n position: relative;\n width: 100%;\n }\n\n .more-details .more-details-item .used-for-title {\n position: absolute;\n bottom: 1.25rem;\n font-size: 1rem;\n line-height: 1.25rem;\n font-weight: 700;\n color: #fefefe;\n left: 5%;\n width: 90%;\n text-align: left;\n }\n\n .more-details .text-block {\n position: unset;\n width: 100%;\n text-align: left;\n margin-top: 0;\n padding-left: 5%;\n }\n\n .more-details .text-block .title {\n color: #222;\n font-size: 2.25rem;\n line-height: 2.5rem;\n }\n\n .more-details .more-details-item.two-columns {\n display: flex;\n background: #eee;\n }\n\n .more-details .more-details-item.two-columns:nth-child(even) {\n flex-direction: row-reverse;\n }\n\n .more-details .more-details-item.two-columns .used-for-title {\n display: table;\n position: unset;\n color: #222;\n text-align: center;\n width: 50%;\n }\n\n .more-details .more-details-item.two-columns .box-ratio {\n width: 50%;\n }\n\n .more-details .more-details-item.two-columns .used-for-title .title {\n display: table-cell;\n vertical-align: middle;\n text-align: center;\n font-size: 1.125rem;\n line-height: 1.5rem;\n }\n\n .multi-handles .text-block {\n padding: 0 2% 4% 5%;\n text-align: center;\n }\n\n .multi-handles .text-block .content {\n font-size: 1.35rem;\n line-height: 1.85rem;\n text-align: left;\n font-weight: bold;\n }\n\n .multi-handles-inner {\n display: flex;\n width: 100%;\n margin: auto;\n margin-bottom: 0;\n column-gap: 0.7%;\n flex-wrap: wrap;\n }\n\n .multi-handles {\n width: 100%;\n margin: auto;\n margin-bottom: 0;\n column-gap: 0.7%;\n }\n\n .multi-handles .left-image {\n position: relative;\n width: 100%;\n }\n\n .multi-handles .right-images {\n width: 100%;\n display: flex;\n column-gap: 1.2%;\n row-gap: 1%;\n margin-top: 1.25%;\n }\n\n .multi-handles .right-images .collection-image {\n width: 32.9%;\n position: relative;\n display: table;\n }\n\n .multi-handles .right-images .collection-image:nth-child(1) {\n width: 32.9%;\n }\n\n .multi-handles .right-images .collection-image:nth-child(3) {\n width: 31.5%;\n }\n\n .multi-handles .right-images .collection-image .box-ratio {\n vertical-align: middle;\n display: table-cell;\n background-color: unset;\n }\n\n\n \/*** static-block **\/\n .static-block {\n min-height: 200px;\n }\n\n .static-block .banner-image {\n width: 100%;\n }\n\n .static-block .box-ratio {\n background-color: unset;\n }\n\n .static-block .box-ratio img {\n background-color: unset;\n }\n\n \/*** irregular-imgs **\/\n .irregular-imgs {\n width: 100%;\n margin: auto;\n margin-bottom: 6%;\n column-gap: 0.8%;\n row-gap: 0.8%;\n }\n\n .irregular-imgs-inner {\n display: flex;\n width: 100%;\n margin: auto;\n margin-bottom: 6%;\n column-gap: 0.6%;\n margin-top: 0.75rem;\n margin-bottom: 0.75rem;\n flex-wrap: wrap;\n }\n\n .irregular-imgs .left-image {\n position: relative;\n width: 100%;\n }\n\n .irregular-imgs .right-images {\n width: 100%;\n display: flex;\n column-gap: 1%;\n row-gap: 1%;\n flex-wrap: wrap;\n margin-top: 1.5%;\n }\n\n .irregular-imgs .right-images .collection-image {\n width: 49.5%;\n position: relative;\n display: table;\n }\n\n .irregular-imgs .right-images .collection-image:nth-child(1) {\n width: 49%;\n }\n\n .irregular-imgs .right-images .collection-image:nth-child(2) {\n width: 50%;\n }\n\n .irregular-imgs .right-images .collection-image:last-child {\n width: 100%;\n }\n\n .irregular-imgs .right-images .collection-image .box-ratio {\n vertical-align: middle;\n display: table-cell;\n background-color: unset;\n }\n\n \/*** static-block **\/\n .comparison-block {\n min-height: 400px;\n margin-bottom: 5%;\n }\n\n .comparison-block .banner-image {\n width: 100%;\n margin: auto;\n }\n\n .comparison-block .box-ratio {\n background-color: unset;\n }\n\n .comparison-block .box-ratio img {\n background-color: unset;\n }\n\n }\n\n @media screen and (max-width:380px) {\n .first-banner .text-block .title {\n font-size: 2rem;\n line-height: 2.5rem;\n margin-bottom: 5px;\n }\n\n .first-banner .text-block .content {\n font-size: 0.95rem;\n line-height: 1.5rem;\n margin-top: 0.4rem;\n }\n\n \/**************** Simple features *************************\/\n\n .icon-group li .icon {\n width: 50px;\n height: 50px;\n margin: 0 auto 0.25rem auto;\n }\n\n .icon-group li span {\n text-align: center;\n display: block;\n font-size: 0.75rem;\n color: #fefefe;\n line-height: 1rem;\n }\n\n .shoulderbag-banner1 .text-block .title {\n color: #333;\n font-size: 2.125rem;\n line-height: 2.65rem;\n margin-bottom: 5px;\n }\n\n .shoulderbag-banner1 .text-block .subtitle {\n color: #333;\n font-size: 1.25rem;\n line-height: 2rem;\n margin-bottom: 5px;\n }\n\n .shoulderbag-banner1 .text-block .content {\n color: #555;\n font-size: 0.9rem;\n line-height: 1.25rem;\n }\n\n .meets-shoulderbag .meets-shoulderbag-item .title {\n display: block;\n position: absolute;\n bottom: 1rem;\n font-size: 0.9rem;\n line-height: 1rem;\n color: #f1f1f1;\n font-weight: 700;\n left: 5%;\n text-align: left;\n width: 100%;\n }\n\n .meets-shoulderbag .text-block .title {\n color: #333;\n font-size: 2.125rem;\n line-height: 2.5rem;\n margin-bottom: 0;\n }\n\n .meets-shoulderbag .text-block .content {\n color: #555;\n font-size: 0.9rem;\n line-height: 1.25rem;\n }\n\n .static-block-m .text-block .title {\n color: #333;\n font-size: 2.125rem;\n line-height: 2.75rem;\n }\n\n .static-block-m .text-block .content {\n color: #555;\n font-size: 0.9rem;\n line-height: 1.25rem;\n }\n\n .static-block-m .text-block1 .title {\n color: #fff;\n font-size: 1.5rem;\n line-height: 2rem;\n }\n\n .static-block-m .text-block1 .content {\n color: #fefefe;\n font-size: 0.9rem;\n line-height: 1.25rem;\n }\n\n .flexible-front .text-block .title {\n color: #333;\n font-size: 2.125rem;\n line-height: 2.5rem;\n }\n\n .flexible-front .text-block .content {\n color: #555;\n font-size: 0.9rem;\n line-height: 1.25rem;\n }\n\n \/***shapes**\/\n .shapes .text-block .title {\n color: #333;\n font-size: 1.2rem;\n line-height: 1.25rem;\n }\n\n .shapes .text-block .capacity p {\n color: #444;\n font-size: 1rem;\n line-height: 1.5rem;\n margin-bottom: 0;\n }\n\n .shapes .text-block .content {\n color: #444;\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n\n \/***clamshell-opening**\/\n .clamshell-opening .text-block .title {\n color: #333;\n font-size: 2.125rem;\n line-height: 2.5rem;\n }\n\n .clamshell-opening .text-block .content {\n color: #555;\n font-size: 0.9rem;\n line-height: 1.25rem;\n margin-top: 1rem;\n }\n\n \/*** clamshell-opening-capacities **\/\n .clamshell-opening-capacities .text-block .title {\n color: #333;\n font-size: 2.125rem;\n line-height: 2.5rem;\n }\n\n .clamshell-opening-capacities .clamshell-opening-capacity {\n position: relative;\n min-height: 300px;\n width: 100%;\n margin-bottom: 1%;\n }\n\n .clamshell-opening-capacity .text-block-on .title {\n color: #fff;\n font-size: 1.875rem;\n line-height: 2rem;\n }\n\n .clamshell-opening-capacity .text-block-on .content {\n color: #fefefe;\n font-size: 0.9rem;\n line-height: 1.25rem;\n margin-top: 0;\n font-weight: bold;\n }\n\n \/*** Upgraded Back Panel **\/\n .upgraded-back-panel .text-block .title {\n color: #fff;\n font-size: 2.125rem;\n line-height: 2.5rem;\n }\n\n .upgraded-back-panel .text-block .content {\n color: #eee;\n font-size: 0.9rem;\n line-height: 1.25rem;\n margin-top: 1rem;\n }\n\n .upgraded-back-panel .text-block1 {\n position: absolute;\n width: 100%;\n right: 0;\n bottom: 5%;\n text-align: center;\n }\n\n .upgraded-back-panel .text-block1 .content {\n color: #fefefe;\n font-size: 1rem;\n line-height: 1.5rem;\n font-weight: bold;\n }\n\n \/*** Upgraded Back Panel Features**\/\n .upgraded-feature .text-block .content {\n color: #fff;\n font-size: 1rem;\n line-height: 1.5rem;\n margin-top: 0;\n font-weight: bold;\n }\n\n .upgraded-features .upgraded-feature:last-child .text-block {\n left: unset;\n right: 5%;\n top: 15%;\n text-align: right;\n }\n\n .upgraded-features-list .collection-image .caption {\n position: absolute;\n left: 5%;\n width: 95%;\n text-align: left;\n bottom: 1rem;\n color: #fff;\n font-size: 0.9rem;\n line-height: 1.1rem;\n font-weight: bold;\n }\n\n .upgraded-features-list .left-image .collection-image .caption {\n text-align: center;\n }\n\n .customizable-organization-m .text-block .title {\n color: #333;\n font-size: 2.125rem;\n line-height: 2.75rem;\n margin-bottom: 1rem;\n }\n\n .customizable-storage-m .text-block .title {\n color: #111;\n font-size: 1.65rem;\n line-height: 2.75rem;\n }\n\n .accessories-storage-m .text-block .title {\n color: #111;\n font-size: 1.65rem;\n line-height: 2.75rem;\n }\n\n .splash-proof-m .text-block .title {\n color: #fff;\n font-size: 2.25rem;\n line-height: 2.875rem;\n }\n\n .splash-proof-m .text-block .content {\n color: #fefefe;\n font-size: 0.9rem;\n line-height: 1.25rem;\n }\n\n \/*** magic **\/\n .magic .img-text-row .half-block .content {\n color: #777;\n font-size: 0.85rem;\n line-height: 1.15rem;\n margin-top: 0;\n }\n\n \/*** neatly-stowed **\/\n .neatly-stowed .text-block .title {\n color: #333;\n font-size: 2.125rem;\n line-height: 2.75rem;\n }\n\n .neatly-stowed .collection-image .caption {\n position: absolute;\n left: 5%;\n width: 95%;\n text-align: left;\n bottom: 0.75rem;\n color: #fff;\n font-size: 0.9rem;\n line-height: 1rem;\n font-weight: bold;\n }\n\n \/**************** access-block *************************\/\n\n .more-details .more-details-item .used-for-title {\n position: absolute;\n bottom: 1.25rem;\n font-size: 1rem;\n line-height: 1.25rem;\n font-weight: 700;\n color: #fefefe;\n left: 5%;\n width: 90%;\n text-align: left;\n }\n\n .more-details .text-block {\n position: unset;\n width: 100%;\n text-align: left;\n margin-top: 0;\n padding-left: 5%;\n }\n\n .more-details .text-block .title {\n color: #222;\n font-size: 2.25rem;\n line-height: 2.5rem;\n }\n\n .more-details .more-details-item.two-columns .used-for-title {\n display: table;\n position: unset;\n color: #222;\n text-align: center;\n width: 50%;\n }\n\n .more-details .more-details-item.two-columns .used-for-title .title {\n display: table-cell;\n vertical-align: middle;\n text-align: center;\n }\n\n .multi-handles .text-block .content {\n font-size: 1.125rem;\n line-height: 1.65rem;\n text-align: left;\n font-weight: bold;\n }\n }\n\u003c\/style\u003e\n\u003c!-- PC端开始 --\u003e\n\u003cdiv class=\"onemo-2\"\u003e\n \u003cdiv class=\"first-banner\"\u003e\n \u003cdiv class=\"banner-image\"\u003e\n \u003cdiv class=\"box-ratio\" style=\"height: auto;\"\u003e\u003cimg class=\"lazyload lazyload-fade lazyautosizes\" id=\"\" data-widths=\"[360,1920]\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0252\/2395\/4525\/files\/1920_01_9e1121b2-08ab-4729-a56a-ba2e2c2130f7.jpg?v=1734312629\" data-sizes=\"auto\" alt=\"Banner per zaino OneMo 2\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\u003cdiv class=\"shoulderbag-banner1\"\u003e\n\u003cdiv class=\"banner-image\"\u003e\n\u003cdiv class=\"box-ratio\" style=\"position: relative; top: 0; height: auto;\"\u003e\n\u003cimg class=\"lazyload lazyload-fade lazyautosizes\" id=\"\" data-widths=\"[360,1080]\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0252\/2395\/4525\/files\/1920_02_71010224-129b-47bd-a653-813d682ee5a5.jpg?v=1734312628\" data-sizes=\"auto\" alt=\"Zaino OneMo 2: un eccellente pacchetto fotografico per viaggi avventurosi\" onclick=\"this.parentNode.nextElementSibling.style.display='block'; this.parentNode.style.display='none';document.getElementById('close_youtube').style.display='block';document.getElementById('yt_video').src =document.getElementById('yt_video').src+'?autoplay=1\u0026amp;rel=0';\"\u003e\n\u003cdiv class=\"video-btn\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"youtube\"\u003e\n\u003cdiv class=\"youtube-inner\"\u003e\u003ciframe id=\"yt_video\" style=\"width: 100%; height: auto; min-height: 600px;\" src=\"https:\/\/www.youtube.com\/embed\/hSNdteZSrNs?si=RloVW0sD1vpywtB0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\" frameborder=\"0\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"close_youtube\" class=\"la la-close\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n \u003cdiv class=\"clamshell-opening\"\u003e\n \u003cdiv class=\"banner-image\"\u003e\n \u003cdiv class=\"box-ratio\" style=\"height: auto;\"\u003e\u003cimg class=\"lazyload lazyload-fade lazyautosizes\" id=\"\" data-widths=\"[360,1080]\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0252\/2395\/4525\/files\/1920_03_d558c14a-5d18-4db5-93ae-f9a57ce72cce.jpg?v=1734312629\" data-sizes=\"auto\" alt=\"\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c!-- \u003cdiv id=\"carousel1\" class=\"carousel\"\u003e\n\u003cdiv class=\"carousel-images\"\u003e\n\u003cimg alt=\"Image 1\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0252\/2395\/4525\/files\/5_-_1.jpg?v=1723035001\"\u003e \u003cimg alt=\"Image 2\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0252\/2395\/4525\/files\/5_-_2.jpg?v=1723035001\"\u003e \u003cimg alt=\"Image 3\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0252\/2395\/4525\/files\/5_-_3.jpg?v=1723035001\"\u003e \u003cimg alt=\"Image 4\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0252\/2395\/4525\/files\/5_-_4.jpg?v=1723035001\"\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"prev\" onclick=\"moveSlide(-1)\"\u003e❮\u003c\/button\u003e \u003cbutton class=\"next\" onclick=\"moveSlide(1)\"\u003e❯\u003c\/button\u003e\n\u003c\/div\u003e --\u003e\n \u003cdiv class=\"clamshell-opening\"\u003e\n \u003cdiv class=\"banner-image\"\u003e\n \u003cdiv class=\"box-ratio\" style=\"height: auto;\"\u003e\u003cimg class=\"lazyload lazyload-fade lazyautosizes\" id=\"\" data-widths=\"[360,1080]\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0252\/2395\/4525\/files\/1920_04_95cd7e30-9dee-4a5b-bf86-5dcf0b191d28.jpg?v=1734312629\" data-sizes=\"auto\" alt=\"\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"clamshell-opening\"\u003e\n \u003cdiv class=\"banner-image\"\u003e\n \u003cdiv class=\"box-ratio\" style=\"height: auto;\"\u003e\u003cimg class=\"lazyload lazyload-fade lazyautosizes\" id=\"\" data-widths=\"[360,1080]\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0252\/2395\/4525\/files\/1920_05_aca4b800-fe93-435c-8f39-a9a1ad65d234.jpg?v=1734312629\" data-sizes=\"auto\" alt=\"\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"clamshell-opening\"\u003e\n \u003cdiv class=\"banner-image\"\u003e\n \u003cdiv class=\"box-ratio\" style=\"height: auto;\"\u003e\u003cimg class=\"lazyload lazyload-fade lazyautosizes\" id=\"\" data-widths=\"[360,1080]\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0252\/2395\/4525\/files\/1920_06_9954f249-1261-4f88-897a-43ec29b13c05.jpg?v=1734312630\" data-sizes=\"auto\" alt=\"\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"clamshell-opening\"\u003e\n \u003cdiv class=\"banner-image\"\u003e\n \u003cdiv class=\"box-ratio\" style=\"height: auto;\"\u003e\u003cimg class=\"lazyload lazyload-fade lazyautosizes\" id=\"\" data-widths=\"[360,1080]\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0252\/2395\/4525\/files\/1920_07_dc96d0cb-037d-48f5-9746-dd0e4536988a.jpg?v=1734312629\" data-sizes=\"auto\" alt=\"\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"clamshell-opening\"\u003e\n \u003cdiv class=\"banner-image\"\u003e\n \u003cdiv class=\"box-ratio\" style=\"height: auto;\"\u003e\u003cimg class=\"lazyload lazyload-fade lazyautosizes\" id=\"\" data-widths=\"[360,1080]\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0252\/2395\/4525\/files\/1920_08_7b4afa7b-d223-4614-85a5-703d8a68d74a.jpg?v=1734312628\" data-sizes=\"auto\" alt=\"\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"clamshell-opening\"\u003e\n \u003cdiv class=\"banner-image\"\u003e\n \u003cdiv class=\"box-ratio\" style=\"height: auto;\"\u003e\u003cimg class=\"lazyload lazyload-fade lazyautosizes\" id=\"\" data-widths=\"[360,1080]\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0252\/2395\/4525\/files\/1920_09_9d3b06ac-df39-4cf2-8922-7f3ae4a1c6c0.jpg?v=1734312629\" data-sizes=\"auto\" alt=\"\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"clamshell-opening\"\u003e\n \u003cdiv class=\"banner-image\"\u003e\n \u003cdiv class=\"box-ratio\" style=\"height: auto;\"\u003e\u003cimg class=\"lazyload lazyload-fade lazyautosizes\" id=\"\" data-widths=\"[360,1080]\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0252\/2395\/4525\/files\/1920_10_3a5b3097-ad69-48fe-8a28-0ca98e2b3852.jpg?v=1734312629\" data-sizes=\"auto\" alt=\"\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"clamshell-opening\"\u003e\n \u003cdiv class=\"banner-image\"\u003e\n \u003cdiv class=\"box-ratio\" style=\"height: auto;\"\u003e\u003cimg class=\"lazyload lazyload-fade lazyautosizes\" id=\"\" data-widths=\"[360,1080]\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0252\/2395\/4525\/files\/1920_11_96cf3f18-5392-419d-b2f1-d0bc2cee9588.jpg?v=1734312629\" data-sizes=\"auto\" alt=\"\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c!-- 手机端开始--\u003e\n\u003cdiv class=\"onemo-2-mobile\"\u003e\n \u003cdiv class=\"first-banner\"\u003e\n \u003cdiv class=\"banner-image\"\u003e\n \u003cdiv class=\"box-ratio\" style=\"height: auto;\"\u003e\u003cimg class=\"lazyload lazyload-fade lazyautosizes\" id=\"\" data-widths=\"[180,900]\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0252\/2395\/4525\/files\/740_01_bd33bd6b-4424-4e6e-8072-2adafdb8558f.jpg?v=1734313102\" data-sizes=\"auto\" alt=\"\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c!-- 手机端视频\n\u003cdiv style=\"display: flex; \" class=\"youtube-mobile\"\u003e\n 封面图片 \u003cimg class=\"youtube-cover-image\" alt=\"Cover Image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0252\/2395\/4525\/files\/2_12b9b84a-c7a1-46f1-b3e0-0fbaf27a614c.png?v=1731417463\"\u003e\n\u003cdiv class=\"youtube-inner\"\u003e\u003ciframe id=\"yt_video_mobile\" style=\"width: 504px; height: 282.911px; display: none;\" src=\"https:\/\/www.youtube.com\/embed\/hSNdteZSrNs?si=RloVW0sD1vpywtB0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\" frameborder=\"0\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003c\/div\u003e --\u003e\n \u003cdiv class=\"flexible-front\"\u003e\n \u003cdiv class=\"box-ratio\" style=\"height: auto;\"\u003e\u003cimg class=\"lazyload lazyload-fade lazyautosizes\" id=\"\" data-widths=\"[180,720]\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0252\/2395\/4525\/files\/740_02_c7d19561-6da3-4f1a-b0dc-393224be810c.jpg?v=1734313102\" data-sizes=\"auto\" alt=\"\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flexible-front\"\u003e\n \u003cdiv class=\"box-ratio\" style=\"height: auto;\"\u003e\u003cimg class=\"lazyload lazyload-fade lazyautosizes\" id=\"\" data-widths=\"[180,720]\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0252\/2395\/4525\/files\/740_03_96ca330c-0b5f-4b6a-9702-fd92801acb2d.jpg?v=1734313102\" data-sizes=\"auto\" alt=\"\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flexible-front\"\u003e\n \u003cdiv class=\"box-ratio\" style=\"height: auto;\"\u003e\u003cimg class=\"lazyload lazyload-fade lazyautosizes\" id=\"\" data-widths=\"[180,720]\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0252\/2395\/4525\/files\/740_04_85c28cd7-a7a0-4211-943f-b33574ec6b24.jpg?v=1734313102\" data-sizes=\"auto\" alt=\"\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flexible-front\"\u003e\n \u003cdiv class=\"box-ratio\" style=\"height: auto;\"\u003e\u003cimg class=\"lazyload lazyload-fade lazyautosizes\" id=\"\" data-widths=\"[180,720]\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0252\/2395\/4525\/files\/740_05_54408b1e-b9ed-4f1a-844d-1a7d3042c5cf.jpg?v=1734313102\" data-sizes=\"auto\" alt=\"\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flexible-front\"\u003e\n \u003cdiv class=\"box-ratio\" style=\"height: auto;\"\u003e\u003cimg class=\"lazyload lazyload-fade lazyautosizes\" id=\"\" data-widths=\"[180,720]\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0252\/2395\/4525\/files\/740_06_4915befe-6271-4c8d-85a5-aaf5b9828e47.jpg?v=1734313102\" data-sizes=\"auto\" alt=\"\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flexible-front\"\u003e\n \u003cdiv class=\"box-ratio\" style=\"height: auto;\"\u003e\u003cimg class=\"lazyload lazyload-fade lazyautosizes\" id=\"\" data-widths=\"[180,720]\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0252\/2395\/4525\/files\/740_07_8e4fb2ee-29e7-489d-be34-237e1b906d54.jpg?v=1734313102\" data-sizes=\"auto\" alt=\"\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flexible-front\"\u003e\n \u003cdiv class=\"box-ratio\" style=\"height: auto;\"\u003e\u003cimg class=\"lazyload lazyload-fade lazyautosizes\" id=\"\" data-widths=\"[180,720]\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0252\/2395\/4525\/files\/740_08_89032627-afd6-41ae-a225-4bea2ff9795d.jpg?v=1734313102\" data-sizes=\"auto\" alt=\"\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flexible-front\"\u003e\n \u003cdiv class=\"box-ratio\" style=\"height: auto;\"\u003e\u003cimg class=\"lazyload lazyload-fade lazyautosizes\" id=\"\" data-widths=\"[180,720]\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0252\/2395\/4525\/files\/740_09_82f9dc7a-8a48-487c-a9f5-e8a1f869b1a7.jpg?v=1734313101\" data-sizes=\"auto\" alt=\"\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flexible-front\"\u003e\n \u003cdiv class=\"box-ratio\" style=\"height: auto;\"\u003e\u003cimg class=\"lazyload lazyload-fade lazyautosizes\" id=\"\" data-widths=\"[180,720]\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0252\/2395\/4525\/files\/740_10_36c73b5a-e2d9-4bc7-aca6-b34029bfb8ae.jpg?v=1734313102\" data-sizes=\"auto\" alt=\"\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flexible-front\"\u003e\n \u003cdiv class=\"box-ratio\" style=\"height: auto;\"\u003e\u003cimg class=\"lazyload lazyload-fade lazyautosizes\" id=\"\" data-widths=\"[180,720]\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0252\/2395\/4525\/files\/740_11_94e971ae-7155-43fc-9f3d-d34a04df74ad.jpg?v=1734313102\" data-sizes=\"auto\" alt=\"\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flexible-front\"\u003e\n \u003cdiv class=\"box-ratio\" style=\"height: auto;\"\u003e\u003cimg class=\"lazyload lazyload-fade lazyautosizes\" id=\"\" data-widths=\"[180,720]\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0252\/2395\/4525\/files\/740_12_e9f63d6b-71af-4c50-9e7e-fc60e490e2a3.jpg?v=1734313102 \" data-sizes=\"auto\" alt=\"\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cp\u003e\u003cscript type=\"text\/javascript\"\u003e\n\n $(document).ready(function () {\n $('.youtube,.la-close').on('click', function () {\n var _this = $(this);\n $('#yt_video').attr('src', \"https:\/\/www.youtube.com\/embed\/hSNdteZSrNs?si=RloVW0sD1vpywtB0\");\n _this.hide();\n $('.youtube').css('display', 'none');\n _this.parent().find('.box-ratio').css('display', 'block');\n return false;\n });\n $('#close_youtube_mobile').on('click', function () {\n var _this = $(this);\n $('#yt_video_mobile').attr('src', \"https:\/\/www.youtube.com\/embed\/hSNdteZSrNs?si=RloVW0sD1vpywtB0\").css('display', 'none');\n _this.hide();\n _this.parent().find('.box-ratio').css('display', 'block');\n return false;\n });\n if ($(window).width() \u003e 980) {\n $('#yt_video').width($(window).width() * 0.65);\n var videoWidth = $(window).width() * 0.65;\n var videoHeight = parseInt(videoWidth) * 540 \/ 962;\n $('#yt_video').height(videoHeight);\n } else {\n $('#yt_video_mobile').width($(window).width());\n var videoWidth = $(window).width();\n var videoHeight = parseInt(videoWidth) * 540 \/ 962;\n $('#yt_video_mobile').height(videoHeight);\n }\n $(window).on('load resize orientationchange', function () {\n if ($(window).width() \u003e 980) {\n $('#yt_video').width($(window).width() * 0.65);\n var videoWidth = $(window).width() * 0.65;\n var videoHeight = parseInt(videoWidth) * 540 \/ 962;\n $('#yt_video').height(videoHeight);\n } else {\n $('#yt_video_mobile').width($(window).width());\n var videoWidth = $(window).width();\n var videoHeight = parseInt(videoWidth) * 540 \/ 962;\n $('#yt_video_mobile').height(videoHeight);\n }\n });\n });\n\u003c\/script\u003e\n \u003cscript type=\"text\/javascript\"\u003e\n\n $(document).ready(function () {\n $('.youtube,.la-close').on('click', function () {\n var _this = $(this);\n $('#yt_video').attr('src', \"https:\/\/www.youtube.com\/embed\/hSNdteZSrNs?si=RloVW0sD1vpywtB0\");\n _this.hide();\n $('.youtube').css('display', 'none');\n _this.parent().find('.box-ratio').css('display', 'block');\n return false;\n });\n $('#close_youtube_mobile').on('click', function () {\n var _this = $(this);\n $('#yt_video_mobile').attr('src', \"https:\/\/www.youtube.com\/embed\/hSNdteZSrNs?si=RloVW0sD1vpywtB0\").css('display', 'none');\n _this.hide();\n _this.parent().find('.box-ratio').css('display', 'block');\n return false;\n });\n if ($(window).width() \u003e 980) {\n $('#yt_video').width($(window).width() * 0.65);\n var videoWidth = $(window).width() * 0.65;\n var videoHeight = parseInt(videoWidth) * 540 \/ 962;\n $('#yt_video').height(videoHeight);\n } else {\n $('#yt_video_mobile').width($(window).width());\n var videoWidth = $(window).width();\n var videoHeight = parseInt(videoWidth) * 540 \/ 962;\n $('#yt_video_mobile').height(videoHeight);\n }\n $(window).on('load resize orientationchange', function () {\n if ($(window).width() \u003e 980) {\n $('#yt_video').width($(window).width() * 0.65);\n var videoWidth = $(window).width() * 0.65;\n var videoHeight = parseInt(videoWidth) * 540 \/ 962;\n $('#yt_video').height(videoHeight);\n } else {\n $('#yt_video_mobile').width($(window).width());\n var videoWidth = $(window).width();\n var videoHeight = parseInt(videoWidth) * 540 \/ 962;\n $('#yt_video_mobile').height(videoHeight);\n }\n });\n });\n \/\/ 在这里添加JavaScript\n \/\/ let currentSlide = 0;\n \/\/ const slides = document.querySelectorAll('.carousel-images img');\n \/\/ const totalSlides = slides.length;\n\n \/\/ function showSlide(index) {\n \/\/ slides.forEach((slide) =\u003e {\n \/\/ slide.style.display = 'none';\n \/\/ slide.classList.remove('active');\n \/\/ });\n\n \/\/ slides[index].style.display = 'block';\n \/\/ slides[index].classList.add('active');\n \/\/ }\n\n \/\/ function moveSlide(step) {\n \/\/ currentSlide = (currentSlide + step + totalSlides) % totalSlides;\n \/\/ showSlide(currentSlide);\n \/\/ }\n\n \/\/ \/\/ 初始化轮播图，默认显示第一张图片\n \/\/ showSlide(currentSlide);\n \u003c\/script\u003e\n \u003cscript\u003e\n function initializeCarousel(carouselId) {\n let currentSlide = 0;\n const carousel = document.getElementById(carouselId);\n const slides = carousel.getElementsByClassName('carousel-images')[0].getElementsByTagName('img');\n const totalSlides = slides.length;\n\n function showSlide(index) {\n Array.from(slides).forEach((slide) =\u003e {\n slide.style.display = 'none';\n slide.classList.remove('active');\n });\n\n slides[index].style.display = 'block';\n slides[index].classList.add('active');\n }\n\n function moveSlide(step) {\n currentSlide = (currentSlide + step + totalSlides) % totalSlides;\n showSlide(currentSlide);\n }\n\n \/\/ 给按钮添加事件监听\n carousel.getElementsByClassName('prev')[0].addEventListener('click', () =\u003e moveSlide(-1));\n carousel.getElementsByClassName('next')[0].addEventListener('click', () =\u003e moveSlide(1));\n\n \/\/ 初始化轮播图，默认显示第一张图片\n showSlide(currentSlide);\n }\n\n \/\/ 为每个轮播图初始化\n initializeCarousel('carousel1');\n initializeCarousel('carousel2');\n \u003c\/script\u003e\n \u003cscript\u003e\n \/\/ 获取封面图和YouTube iframe元素\n var coverImage = document.querySelector('.youtube-cover-image');\n var youtubeIframe = document.querySelector('#yt_video_mobile');\n\n \/\/ 当封面图被点击时，隐藏封面图并开始播放YouTube视频\n coverImage.addEventListener('click', function () {\n coverImage.style.display = 'none'; \/\/ 隐藏封面图\n youtubeIframe.style.display = 'block'; \/\/ 显示YouTube视频\n\n \/\/ 检查iframe的src属性中是否已经包含查询参数\n var src = youtubeIframe.src;\n if (src.indexOf('?') \u003e -1) {\n \/\/ 如果已经有参数，确保autoplay参数不重复\n youtubeIframe.src = src.includes(\"autoplay=1\") ? src : src + \"\u0026autoplay=1\";\n } else {\n \/\/ 如果没有参数，添加autoplay参数\n youtubeIframe.src += \"?autoplay=1\";\n }\n });\n \u003c\/script\u003e\n\u003c\/p\u003e","brand":"PGYTECH","offers":[{"title":"test1","offer_id":48862839374074,"sku":null,"price":100.0,"currency_code":"USD","in_stock":false},{"title":"test2","offer_id":48862839406842,"sku":null,"price":599.0,"currency_code":"USD","in_stock":false},{"title":"Classic Black","offer_id":48948670595322,"sku":null,"price":100.0,"currency_code":"USD","in_stock":false},{"title":"Lime Green","offer_id":48948672299258,"sku":null,"price":100.0,"currency_code":"USD","in_stock":false}],"url":"https:\/\/www.pgytech.com\/it\/products\/test-%e4%b8%bb%e4%ba%a7%e5%93%81","provider":"PGYTECH","version":"1.0","type":"link"}