{"data":{"page":{"vanityUrl":"pdp/hp-14-inch-convertible-laptop-backpack-tote","templateKey":"pdp","nextQuery":{"hash":"footerLinks","timeout":1000},"pageComponents":{"pdpTechSpecs":{"highlights":[],"technical_specifications":[{"name":"Laptop Diagonal","tooltip":"","value":[{"value":["14.1\""]}]},{"name":"Laptop Compartment Size","tooltip":"","value":[{"value":["12.8 x 8.9 x 0.75 in"]}]},{"name":"Volume","tooltip":"","value":[{"value":["18 L"]}]},{"name":"Padding Material","tooltip":"","value":[{"value":["PE foam"]}]},{"name":"Interior Lining Material","tooltip":"","value":[{"value":["100% polyester"]}]},{"name":"Carrying Strap","tooltip":"","value":[{"value":["Convertible<br/> Cross-body<br/> Removable<br/> Shoulder<br/> Trolley"]}]},{"name":"Compartments","tooltip":"","value":[{"value":["Laptop<br/> Document<br/> Main<br/> Accessories"]}]},{"name":"Pockets","tooltip":"","value":[{"value":["Accessories<br/> 1 Quick access<br/> RFID-blocking pocket"]}]},{"name":"Travel Features","tooltip":"","value":[{"value":["Trolley pass-through<br/> Padded back panel"]}]},{"name":"Security Features","tooltip":"","value":[{"value":["RFID-blocking pocket"]}]},{"name":"Closing System","tooltip":"","value":[{"value":["Zipper"]}]},{"name":"Color","tooltip":"","value":[{"value":["Black<br/> Taupe"]}]},{"name":"Sustainable Impact Specifications","tooltip":"","value":[{"value":["FSC Certified Packaging<br/> 60% post-consumer recycled plastic<br/> LDPE bag contains 100% recycled plastic<br/> Hanger tag is made from 100% recycled paper stock<a class='footerLink' href='#disclaimerTabs'>[1,2]</a>"]}]},{"name":"What's in the box","tooltip":"","value":[{"value":["Backpack<br/> Removable straps"]}]},{"name":"Compatibility\n","tooltip":"","value":[{"value":["Fits most laptops up to 14.1-inch diagonal"]}]},{"name":"Dimensions (W X D X H)","tooltip":"","value":[{"value":["13.78 x 5.12 x 16.54 in"]}]},{"name":"Weight","tooltip":"","value":[{"value":["1.7 lb"]}]},{"name":"Warranty","tooltip":"","value":[{"value":["HP Three-year limited warranty"]}]}],"datasheets":[{"datasheet_url":"http://www8.hp.com/h20195/v2/GetDocument.aspx?docname=c08891996","label":"HP 14-inch Convertible Laptop Backpack Tote","gtmId":"HP 14-inch Convertible Laptop Backpack Tote","gtmValue":"aspx"}],"translations":{"technical_details":"Specs","see_complete_specs":"See complete specs","see_less_specs":"See less specs","technicalDetails":"Technical Specs"}},"exclusiveFeatures":null,"pdpAccessories":{"products":{}},"pdpRichContent":{"featuresContent":[{"value":[{"html":"<style>\r\n    .HP_convertible_bag_full p,\r\n    .HP_convertible_bag_full h2,\r\n    .HP_convertible_bag_full h3,\r\n    .HP_convertible_bag_full h4,\r\n    .HP_convertible_bag_full h5 {\r\n        margin: 0;\r\n        padding: 0;\r\n        border: 0;\r\n        font-size: 100%;\r\n        font: inherit;\r\n        vertical-align: baseline;\r\n    }\r\n\r\n    .HP_convertible_bag_full {\r\n        max-width: 1600px;\r\n        margin: 0 auto;\r\n        background-color: #f2f2f2;\r\n        padding-bottom: 10px;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .HP_convertible_bag_full sup,\r\n    .HP_convertible_bag_full sup small {\r\n        position: relative;\r\n        font-size: 64%;\r\n        top: 2px;\r\n        vertical-align: text-top;\r\n    }\r\n\r\n    .HP_convertible_bag_full hr {\r\n        background-color: #000;\r\n        width: 100%;\r\n    }\r\n\r\n    .hp_480_convertible_bag_Header {\r\n        background-color: #b655f5;\r\n    }\r\n\r\n    .hp_convertible_bag_light_bg {\r\n        background-color: #d399f9;\r\n    }\r\n\r\n    .hp_confortmouse_top_header {\r\n        padding: 24px 60px;\r\n    }\r\n\r\n    .hp_confortmouse_top_header h3 {\r\n        font-size: clamp(1.25rem, 0.9327rem + 1.6923vw, 2.625rem);\r\n    }\r\n\r\n    .HP_convertible_bag_blankBG {\r\n        height: 30px;\r\n    }\r\n\r\n    /* mouse around you */\r\n    .onebag_fouruses {\r\n        background-image: url(/wcsstore/hpusstore/Treatment/rc/FY24Q3_9C2H0AA/HP_backpack_bag.png);\r\n        background-repeat: no-repeat;\r\n        background-position: 935px 32px;\r\n        background-size: 42%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 288px;\r\n        padding: 132px 60px 60px 60px;\r\n    }\r\n\r\n    .onebag_fouruses h2,\r\n    .hp_convertible_bag_title h2 {\r\n        font-size: 84px;\r\n        line-height: 78px;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .convertible_bag_icons {\r\n        display: flex;\r\n        flex-direction: row;\r\n        align-items: center;\r\n    }\r\n\r\n    .convertible_bag_icons figure {\r\n        margin: 0;\r\n        margin-left: 15px;\r\n    }\r\n\r\n    .HP_convertible_bag_full p {\r\n        font-size: 34px;\r\n        text-wrap: pretty;\r\n    }\r\n\r\n    /* mouse around you end */\r\n    .HP_convertible_bag_use {\r\n        display: flex;\r\n        flex-direction: row;\r\n        align-items: center;\r\n        justify-content: end;\r\n    }\r\n\r\n    .HP_convertible_bag_use2 p {\r\n        text-wrap: balance !important;\r\n    }\r\n\r\n    .HP_convertible_bag_use_image {\r\n        width: 58%;\r\n        position: relative;\r\n        text-align: center;\r\n    }\r\n\r\n    .Bag_many_use_content {\r\n        width: 42%;\r\n    }\r\n\r\n    .soft_side_grips {\r\n        top: -5px;\r\n        position: absolute;\r\n        display: inline-block;\r\n        right: auto;\r\n        left: 34%;\r\n    }\r\n\r\n    .hp_convertible_mb-0 {\r\n        margin-bottom: 0 !important;\r\n    }\r\n\r\n    .quietClicks {\r\n        position: absolute;\r\n        display: inline-block;\r\n        top: 14.66666%;\r\n        left: 10%;\r\n        bottom: auto;\r\n        right: auto;\r\n    }\r\n\r\n    .Bag_many_use_content .hp_480_convertible_bag_Header.hp_convertible_bag_title {\r\n        padding: 20px 20px 20px 20px;\r\n        height: 318px;\r\n        display: flex;\r\n        align-items: end;\r\n    }\r\n\r\n    .Bag_many_use_content .zen_paragraph.hp_convertible_bag_light_bg {\r\n        padding: 20px 20px 60px 20px;\r\n        min-height: 280px;\r\n    }\r\n\r\n    .HP_convertible_bag_use2 {\r\n        align-items: center;\r\n    }\r\n\r\n    .HP_convertible_bag_use2 img {\r\n        max-width: 72%;\r\n    }\r\n\r\n    /*slider one*/\r\n    .HP_convertible_bag_one {\r\n        max-width: 100%;\r\n        margin: 0 auto;\r\n        position: relative;\r\n    }\r\n\r\n    .HP_convertible_bag_one input {\r\n        display: none;\r\n    }\r\n\r\n    .HP_convertible_bag_one .innerone {\r\n        width: 500%;\r\n    }\r\n\r\n    .HP_convertible_bag_one article {\r\n        width: 20%;\r\n        float: left;\r\n        position: relative;\r\n    }\r\n\r\n    /*---- SET UP CONTROL ----*/\r\n    .HP_convertible_bag_one .slider-prev-next-controlone {\r\n        height: 22px;\r\n        position: absolute;\r\n        top: 50%;\r\n        width: 100%;\r\n        -webkit-transform: translateY(-50%);\r\n        -moz-transform: translateY(-50%);\r\n        -ms-transform: translateY(-50%);\r\n        -o-transform: translateY(-50%);\r\n        transform: translateY(-50%);\r\n    }\r\n\r\n    .HP_convertible_bag_one .slider-prev-next-controlone label {\r\n        display: none;\r\n        width: 26px;\r\n        height: 26px;\r\n        border-radius: 50%;\r\n        background: #fff;\r\n        opacity: 0.6;\r\n    }\r\n\r\n    .HP_convertible_bag_one .slider-prev-next-controlone label:hover {\r\n        opacity: 1;\r\n    }\r\n\r\n    .HP_convertible_bag_one .slider-dot-controlone {\r\n        position: relative;\r\n        width: 100%;\r\n        bottom: -6px;\r\n        text-align: center;\r\n    }\r\n\r\n    .HP_convertible_bag_one .slider-dot-controlone label {\r\n        cursor: pointer;\r\n        border-radius: 5px;\r\n        display: inline-block;\r\n        width: 10px;\r\n        height: 10px;\r\n        background: #bbb;\r\n        -webkit-transition: all 0.3s;\r\n        -moz-transition: all 0.3s;\r\n        transition: all 0.3s;\r\n    }\r\n\r\n    .HP_convertible_bag_one .slider-dot-controlone label:hover {\r\n        background: #ccc;\r\n        border-color: #777;\r\n    }\r\n\r\n    /* Slider Styling */\r\n    .HP_convertible_bag_one .slider-wrapper {\r\n        width: 100%;\r\n        overflow: hidden;\r\n        border-radius: 5px;\r\n        -webkit-transform: translateZ(0);\r\n        -moz-transform: translateZ(0);\r\n        -ms-transform: translateZ(0);\r\n        -o-transform: translateZ(0);\r\n        transform: translateZ(0);\r\n        -webkit-transition: all 500ms ease-out;\r\n        -moz-transition: all 500ms ease-out;\r\n        transition: all 500ms ease-out;\r\n    }\r\n\r\n    .HP_convertible_bag_one .slider-wrapper .innerone {\r\n        -webkit-transform: translateZ(0);\r\n        -moz-transform: translateZ(0);\r\n        -ms-transform: translateZ(0);\r\n        -o-transform: translateZ(0);\r\n        transform: translateZ(0);\r\n        -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);\r\n        -moz-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);\r\n        transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);\r\n    }\r\n\r\n    /*---- SET POSITION FOR SLIDE ----*/\r\n    .HP_convertible_bag_one #slideone1:checked~.slider-prev-next-controlone label:nth-child(5)::after,\r\n    .HP_convertible_bag_one #slideone5:checked~.slider-prev-next-controlone label:nth-child(4)::after,\r\n    .HP_convertible_bag_one #slideone4:checked~.slider-prev-next-controlone label:nth-child(3)::after,\r\n    .HP_convertible_bag_one #slideone3:checked~.slider-prev-next-controlone label:nth-child(2)::after,\r\n    .HP_convertible_bag_one #slideone2:checked~.slider-prev-next-controlone label:nth-child(1)::after,\r\n    .HP_convertible_bag_one #slideone5:checked~.slider-prev-next-controlone label:nth-child(1)::after,\r\n    .HP_convertible_bag_one #slideone4:checked~.slider-prev-next-controlone label:nth-child(5)::after,\r\n    .HP_convertible_bag_one #slideone3:checked~.slider-prev-next-controlone label:nth-child(4)::after,\r\n    .HP_convertible_bag_one #slideone2:checked~.slider-prev-next-controlone label:nth-child(3)::after,\r\n    .HP_convertible_bag_one #slideone1:checked~.slider-prev-next-controlone label:nth-child(2)::after {\r\n        font-family: FontAwesome;\r\n        font-style: normal;\r\n        font-weight: normal;\r\n        text-decoration: inherit;\r\n        margin: 0;\r\n        line-height: 38px;\r\n        font-size: 3em;\r\n        display: block;\r\n        color: #777;\r\n    }\r\n\r\n    .HP_convertible_bag_one #slideone5:checked~.slider-prev-next-controlone label:nth-child(1)::after,\r\n    .HP_convertible_bag_one #slideone4:checked~.slider-prev-next-controlone label:nth-child(5)::after,\r\n    .HP_convertible_bag_one #slideone3:checked~.slider-prev-next-controlone label:nth-child(4)::after,\r\n    .HP_convertible_bag_one #slideone2:checked~.slider-prev-next-controlone label:nth-child(3)::after,\r\n    .HP_convertible_bag_one #slideone1:checked~.slider-prev-next-controlone label:nth-child(2)::after {\r\n        content: \" \";\r\n        height: 26px;\r\n        width: 26px;\r\n        background-image: url(/wcsstore/hpusstore/Treatment/rc/FY24Q3_9C2H0AA/right-arrow.png);\r\n        background-size: 53%;\r\n        background-repeat: no-repeat;\r\n        background-position: 7px 6px;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .HP_convertible_bag_one #slideone5:checked~.slider-prev-next-controlone label:nth-child(1),\r\n    .HP_convertible_bag_one #slideone4:checked~.slider-prev-next-controlone label:nth-child(5),\r\n    .HP_convertible_bag_one #slideone3:checked~.slider-prev-next-controlone label:nth-child(4),\r\n    .HP_convertible_bag_one #slideone2:checked~.slider-prev-next-controlone label:nth-child(3),\r\n    .HP_convertible_bag_one #slideone1:checked~.slider-prev-next-controlone label:nth-child(2) {\r\n        display: block;\r\n        float: right;\r\n        margin-right: 5px;\r\n    }\r\n\r\n    .HP_convertible_bag_one #slideone1:checked~.slider-prev-next-controlone label:nth-child(5),\r\n    .HP_convertible_bag_one #slideone5:checked~.slider-prev-next-controlone label:nth-child(4),\r\n    .HP_convertible_bag_one #slideone4:checked~.slider-prev-next-controlone label:nth-child(3),\r\n    .HP_convertible_bag_one #slideone3:checked~.slider-prev-next-controlone label:nth-child(2),\r\n    .HP_convertible_bag_one #slideone2:checked~.slider-prev-next-controlone label:nth-child(1) {\r\n        display: block;\r\n        float: left;\r\n        margin-left: 5px;\r\n    }\r\n\r\n    .HP_convertible_bag_one #slideone1:checked~.slider-prev-next-controlone label:nth-child(5)::after,\r\n    .HP_convertible_bag_one #slideone5:checked~.slider-prev-next-controlone label:nth-child(4)::after,\r\n    .HP_convertible_bag_one #slideone4:checked~.slider-prev-next-controlone label:nth-child(3)::after,\r\n    .HP_convertible_bag_one #slideone3:checked~.slider-prev-next-controlone label:nth-child(2)::after,\r\n    .HP_convertible_bag_one #slideone2:checked~.slider-prev-next-controlone label:nth-child(1)::after {\r\n        content: \" \";\r\n        height: 26px;\r\n        width: 26px;\r\n        background-image: url(/wcsstore/hpusstore/Treatment/rc/FY24Q3_9C2H0AA/left-arrow.png);\r\n        background-size: 53%;\r\n        background-repeat: no-repeat;\r\n        background-position: 4px 6px;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .HP_convertible_bag_one #slideone5:checked~.slider-dot-controlone label:nth-child(5),\r\n    .HP_convertible_bag_one #slideone4:checked~.slider-dot-controlone label:nth-child(4),\r\n    .HP_convertible_bag_one #slideone3:checked~.slider-dot-controlone label:nth-child(3),\r\n    .HP_convertible_bag_one #slideone2:checked~.slider-dot-controlone label:nth-child(2),\r\n    .HP_convertible_bag_one #slideone1:checked~.slider-dot-controlone label:nth-child(1) {\r\n        background: #ffcc00;\r\n        border: 1px solid #000\r\n    }\r\n\r\n    .HP_convertible_bag_one #slideone5:checked~.slider-wrapper article:nth-child(5) .info,\r\n    .HP_convertible_bag_one #slideone4:checked~.slider-wrapper article:nth-child(4) .info,\r\n    .HP_convertible_bag_one #slideone3:checked~.slider-wrapper article:nth-child(3) .info,\r\n    .HP_convertible_bag_one #slideone2:checked~.slider-wrapper article:nth-child(2) .info,\r\n    .HP_convertible_bag_one #slideone1:checked~.slider-wrapper article:nth-child(1) .info {\r\n        opacity: 1;\r\n    }\r\n\r\n    .HP_convertible_bag_one #slideone1:checked~.slider-wrapper .innerone {\r\n        margin-left: 0%;\r\n    }\r\n\r\n    .HP_convertible_bag_one #slideone2:checked~.slider-wrapper .innerone {\r\n        margin-left: -100%;\r\n    }\r\n\r\n    .HP_convertible_bag_one #slideone3:checked~.slider-wrapper .innerone {\r\n        margin-left: -200%;\r\n    }\r\n\r\n    .HP_convertible_bag_one #slideone4:checked~.slider-wrapper .innerone {\r\n        margin-left: -300%;\r\n    }\r\n\r\n    .HP_convertible_bag_one #slideone5:checked~.slider-wrapper .innerone {\r\n        margin-left: -400%;\r\n    }\r\n\r\n    /*---- TABLET ----*/\r\n    @media only screen and (max-width: 850px) and (min-width: 450px) {\r\n        .HP_convertible_bag_one .slider-wrapper {\r\n            border-radius: 0;\r\n        }\r\n    }\r\n\r\n    /*---- MOBILE----*/\r\n    @media only screen and (max-width: 450px) {\r\n        .HP_convertible_bag_one .slider-wrapper {\r\n            border-radius: 0;\r\n        }\r\n\r\n        .HP_convertible_bag_one .slider-wrapper .info {\r\n            opacity: 0;\r\n        }\r\n    }\r\n\r\n    /*slider two*/\r\n    .HP_convertible_bag_two {\r\n        max-width: 100%;\r\n        margin: 0 auto;\r\n        position: relative;\r\n    }\r\n\r\n    .HP_convertible_bag_two input {\r\n        display: none;\r\n    }\r\n\r\n    .HP_convertible_bag_two .innertwo {\r\n        width: 500%;\r\n    }\r\n\r\n    .HP_convertible_bag_two article {\r\n        width: 20%;\r\n        float: left;\r\n        position: relative;\r\n    }\r\n\r\n    .HP_convertible_bag_two article img {\r\n        width: 100%;\r\n    }\r\n\r\n    /*---- SET UP CONTROL ----*/\r\n    .HP_convertible_bag_two .slider-prev-next-controltwo {\r\n        height: 22px;\r\n        position: absolute;\r\n        top: 50%;\r\n        width: 100%;\r\n        -webkit-transform: translateY(-50%);\r\n        -moz-transform: translateY(-50%);\r\n        -ms-transform: translateY(-50%);\r\n        -o-transform: translateY(-50%);\r\n        transform: translateY(-50%);\r\n    }\r\n\r\n    .HP_convertible_bag_two .slider-prev-next-controltwo label {\r\n        display: none;\r\n        width: 26px;\r\n        height: 26px;\r\n        border-radius: 50%;\r\n        background: #fff;\r\n        opacity: 0.6;\r\n    }\r\n\r\n    .HP_convertible_bag_two .slider-prev-next-controltwo label:hover {\r\n        opacity: 1;\r\n    }\r\n\r\n    .HP_convertible_bag_two .slider-dot-controltwo {\r\n        position: relative;\r\n        width: 100%;\r\n        bottom: -6px;\r\n        text-align: center;\r\n    }\r\n\r\n    .HP_convertible_bag_two .slider-dot-controltwo label {\r\n        cursor: pointer;\r\n        border-radius: 5px;\r\n        display: inline-block;\r\n        width: 10px;\r\n        height: 10px;\r\n        background: #bbb;\r\n        -webkit-transition: all 0.3s;\r\n        -moz-transition: all 0.3s;\r\n        transition: all 0.3s;\r\n    }\r\n\r\n    .HP_convertible_bag_two .slider-dot-controltwo label:hover {\r\n        background: #ccc;\r\n        border-color: #777;\r\n    }\r\n\r\n    /* Slider Styling */\r\n    .HP_convertible_bag_two .slider-wrapper {\r\n        width: 100%;\r\n        overflow: hidden;\r\n        border-radius: 5px;\r\n        -webkit-transform: translateZ(0);\r\n        -moz-transform: translateZ(0);\r\n        -ms-transform: translateZ(0);\r\n        -o-transform: translateZ(0);\r\n        transform: translateZ(0);\r\n        -webkit-transition: all 500ms ease-out;\r\n        -moz-transition: all 500ms ease-out;\r\n        transition: all 500ms ease-out;\r\n    }\r\n\r\n    .HP_convertible_bag_two .slider-wrapper .innertwo {\r\n        -webkit-transform: translateZ(0);\r\n        -moz-transform: translateZ(0);\r\n        -ms-transform: translateZ(0);\r\n        -o-transform: translateZ(0);\r\n        transform: translateZ(0);\r\n        -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);\r\n        -moz-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);\r\n        transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);\r\n    }\r\n\r\n    /*---- SET POSITION FOR SLIDE ----*/\r\n    .HP_convertible_bag_two #slidetwo1:checked~.slider-prev-next-controltwo label:nth-child(5)::after,\r\n    .HP_convertible_bag_two #slidetwo5:checked~.slider-prev-next-controltwo label:nth-child(4)::after,\r\n    .HP_convertible_bag_two #slidetwo4:checked~.slider-prev-next-controltwo label:nth-child(3)::after,\r\n    .HP_convertible_bag_two #slidetwo3:checked~.slider-prev-next-controltwo label:nth-child(2)::after,\r\n    .HP_convertible_bag_two #slidetwo2:checked~.slider-prev-next-controltwo label:nth-child(1)::after,\r\n    .HP_convertible_bag_two #slidetwo5:checked~.slider-prev-next-controltwo label:nth-child(1)::after,\r\n    .HP_convertible_bag_two #slidetwo4:checked~.slider-prev-next-controltwo label:nth-child(5)::after,\r\n    .HP_convertible_bag_two #slidetwo3:checked~.slider-prev-next-controltwo label:nth-child(4)::after,\r\n    .HP_convertible_bag_two #slidetwo2:checked~.slider-prev-next-controltwo label:nth-child(3)::after,\r\n    .HP_convertible_bag_two #slidetwo1:checked~.slider-prev-next-controltwo label:nth-child(2)::after {\r\n        font-family: FontAwesome;\r\n        font-style: normal;\r\n        font-weight: normal;\r\n        text-decoration: inherit;\r\n        margin: 0;\r\n        line-height: 38px;\r\n        font-size: 3em;\r\n        display: block;\r\n        color: #777;\r\n    }\r\n\r\n    .HP_convertible_bag_two #slidetwo5:checked~.slider-prev-next-controltwo label:nth-child(1)::after,\r\n    .HP_convertible_bag_two #slidetwo4:checked~.slider-prev-next-controltwo label:nth-child(5)::after,\r\n    .HP_convertible_bag_two #slidetwo3:checked~.slider-prev-next-controltwo label:nth-child(4)::after,\r\n    .HP_convertible_bag_two #slidetwo2:checked~.slider-prev-next-controltwo label:nth-child(3)::after,\r\n    .HP_convertible_bag_two #slidetwo1:checked~.slider-prev-next-controltwo label:nth-child(2)::after {\r\n        content: \" \";\r\n        height: 26px;\r\n        width: 26px;\r\n        background-image: url(/wcsstore/hpusstore/Treatment/rc/FY24Q3_9C2H0AA/right-arrow.png);\r\n        background-size: 53%;\r\n        background-repeat: no-repeat;\r\n        background-position: 7px 6px;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .HP_convertible_bag_two #slidetwo5:checked~.slider-prev-next-controltwo label:nth-child(1),\r\n    .HP_convertible_bag_two #slidetwo4:checked~.slider-prev-next-controltwo label:nth-child(5),\r\n    .HP_convertible_bag_two #slidetwo3:checked~.slider-prev-next-controltwo label:nth-child(4),\r\n    .HP_convertible_bag_two #slidetwo2:checked~.slider-prev-next-controltwo label:nth-child(3),\r\n    .HP_convertible_bag_two #slidetwo1:checked~.slider-prev-next-controltwo label:nth-child(2) {\r\n        display: block;\r\n        float: right;\r\n        margin-right: 5px;\r\n    }\r\n\r\n    .HP_convertible_bag_two #slidetwo1:checked~.slider-prev-next-controltwo label:nth-child(5),\r\n    .HP_convertible_bag_two #slidetwo5:checked~.slider-prev-next-controltwo label:nth-child(4),\r\n    .HP_convertible_bag_two #slidetwo4:checked~.slider-prev-next-controltwo label:nth-child(3),\r\n    .HP_convertible_bag_two #slidetwo3:checked~.slider-prev-next-controltwo label:nth-child(2),\r\n    .HP_convertible_bag_two #slidetwo2:checked~.slider-prev-next-controltwo label:nth-child(1) {\r\n        display: block;\r\n        float: left;\r\n        margin-left: 5px;\r\n    }\r\n\r\n    .HP_convertible_bag_two #slidetwo1:checked~.slider-prev-next-controltwo label:nth-child(5)::after,\r\n    .HP_convertible_bag_two #slidetwo5:checked~.slider-prev-next-controltwo label:nth-child(4)::after,\r\n    .HP_convertible_bag_two #slidetwo4:checked~.slider-prev-next-controltwo label:nth-child(3)::after,\r\n    .HP_convertible_bag_two #slidetwo3:checked~.slider-prev-next-controltwo label:nth-child(2)::after,\r\n    .HP_convertible_bag_two #slidetwo2:checked~.slider-prev-next-controltwo label:nth-child(1)::after {\r\n        content: \" \";\r\n        height: 26px;\r\n        width: 26px;\r\n        background-image: url(/wcsstore/hpusstore/Treatment/rc/FY24Q3_9C2H0AA/left-arrow.png);\r\n        background-size: 53%;\r\n        background-repeat: no-repeat;\r\n        background-position: 4px 6px;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .HP_convertible_bag_two #slidetwo5:checked~.slider-dot-controltwo label:nth-child(5),\r\n    .HP_convertible_bag_two #slidetwo4:checked~.slider-dot-controltwo label:nth-child(4),\r\n    .HP_convertible_bag_two #slidetwo3:checked~.slider-dot-controltwo label:nth-child(3),\r\n    .HP_convertible_bag_two #slidetwo2:checked~.slider-dot-controltwo label:nth-child(2),\r\n    .HP_convertible_bag_two #slidetwo1:checked~.slider-dot-controltwo label:nth-child(1) {\r\n        background: #ffcc00;\r\n        border: 1px solid #000\r\n    }\r\n\r\n    .HP_convertible_bag_two #slidetwo5:checked~.slider-wrapper article:nth-child(5) .info,\r\n    .HP_convertible_bag_two #slidetwo4:checked~.slider-wrapper article:nth-child(4) .info,\r\n    .HP_convertible_bag_two #slidetwo3:checked~.slider-wrapper article:nth-child(3) .info,\r\n    .HP_convertible_bag_two #slidetwo2:checked~.slider-wrapper article:nth-child(2) .info,\r\n    .HP_convertible_bag_two #slidetwo1:checked~.slider-wrapper article:nth-child(1) .info {\r\n        opacity: 1;\r\n    }\r\n\r\n    .HP_convertible_bag_two #slidetwo1:checked~.slider-wrapper .innertwo {\r\n        margin-left: 0%;\r\n    }\r\n\r\n    .HP_convertible_bag_two #slidetwo2:checked~.slider-wrapper .innertwo {\r\n        margin-left: -100%;\r\n    }\r\n\r\n    .HP_convertible_bag_two #slidetwo3:checked~.slider-wrapper .innertwo {\r\n        margin-left: -200%;\r\n    }\r\n\r\n    .HP_convertible_bag_two #slidetwo4:checked~.slider-wrapper .innertwo {\r\n        margin-left: -300%;\r\n    }\r\n\r\n    .HP_convertible_bag_two #slidetwo5:checked~.slider-wrapper .innertwo {\r\n        margin-left: -400%;\r\n    }\r\n\r\n    /*---- TABLET ----*/\r\n    @media only screen and (max-width: 850px) and (min-width: 450px) {\r\n        .HP_convertible_bag_two .slider-wrapper {\r\n            border-radius: 0;\r\n        }\r\n    }\r\n\r\n    /*---- MOBILE----*/\r\n    @media only screen and (max-width: 450px) {\r\n        .HP_convertible_bag_two .slider-wrapper {\r\n            border-radius: 0;\r\n        }\r\n\r\n        .HP_convertible_bag_two .slider-wrapper .info {\r\n            opacity: 0;\r\n        }\r\n    }\r\n\r\n    /* slider two end */\r\n    .Built_to_last_block {\r\n        display: flex;\r\n        flex-direction: row;\r\n    }\r\n\r\n    .Built_to_last_img,\r\n    .res_bag_details {\r\n        width: 42%;\r\n    }\r\n\r\n    .res_bag_details .hp_convertible_bag_title {\r\n        margin-top: 30px;\r\n    }\r\n\r\n    .Built_to_last_img img {\r\n        max-width: 100%;\r\n        position: relative;\r\n        object-fit: fill;\r\n        min-height: 612px;\r\n    }\r\n\r\n    .Built_to_last_img {\r\n        text-align: right;\r\n    }\r\n\r\n    .hp_bag_title_padding {\r\n        padding: 60px 60px 0 60px\r\n    }\r\n\r\n    .Built_to_last_details,\r\n    .responsilbly_bag_img {\r\n        row-gap: 5px;\r\n        width: 58%;\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        flex-direction: column;\r\n        padding-left: 5%;\r\n        padding-top: 3%;\r\n    }\r\n\r\n    .Built_to_last_details p,\r\n    .responsibly_made_content p {\r\n        padding-top: 30px;\r\n    }\r\n\r\n    .responsibly_made_content {\r\n        display: flex;\r\n        flex-direction: row;\r\n    }\r\n\r\n    .hp_bag_mt-0 {\r\n        margin-top: 0 !important;\r\n    }\r\n\r\n    .hp_bag_pt-0 {\r\n        padding-top: 0 !important;\r\n    }\r\n\r\n    .responsilbly_bag_img img {\r\n        max-width: 100%;\r\n    }\r\n\r\n    .res_bag_details ul li {\r\n        display: flex;\r\n        list-style-type: none;\r\n        align-items: center;\r\n        gap: 15px;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .res_bag_details ul {\r\n        padding-left: 0;\r\n        margin-top: 50px\r\n    }\r\n\r\n    .res_bag_details ul li figure {\r\n        margin: 0;\r\n    }\r\n\r\n    .hp_bag_measurements_top {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        flex-direction: row;\r\n        justify-content: space-between;\r\n        padding: 15px 60px;\r\n        align-items: center;\r\n    }\r\n\r\n    .mouse_measurements_slider {\r\n        margin-top: 30px;\r\n    }\r\n\r\n    .hp_bag_icons {\r\n        display: flex;\r\n        flex-direction: row;\r\n        gap: 22px;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .hp_bag_icons figure {\r\n        margin: 0;\r\n    }\r\n\r\n    .Hp_convertible_bag_slider_image {\r\n        width: 628px;\r\n        margin: auto;\r\n    }\r\n\r\n    .Hp_convertible_bag_slider_image_width {\r\n        background-image: url(/wcsstore/hpusstore/Treatment/rc/FY24Q3_9C2H0AA/vertical_line.png);\r\n        background-repeat: no-repeat;\r\n        background-size: 100%;\r\n        /* height: 100px; */\r\n        background-position: 0 50%;\r\n        position: absolute;\r\n        width: 100%;\r\n        bottom: -100px;\r\n        display: flex;\r\n        justify-content: center;\r\n    }\r\n\r\n\r\n\r\n    .Hp_convertible_bag_slider_image_width p {\r\n        padding: 6px;\r\n        background: #f2f2f2;\r\n    }\r\n\r\n    .bagSize {\r\n        max-width: 100%;\r\n    }\r\n\r\n    .Hp_convertible_bag_slider_image_height {\r\n        background-image: url(/wcsstore/hpusstore/Treatment/rc/FY24Q3_9C2H0AA/line_height.png);\r\n        background-repeat: no-repeat;\r\n        background-size: contain;\r\n        position: absolute;\r\n        width: 173px;\r\n        height: 360px;\r\n        justify-content: start;\r\n        display: flex;\r\n        align-items: center;\r\n        right: 120%;\r\n        background-position: 100% 50%;\r\n    }\r\n\r\n    .hp_slider_image_container {\r\n        display: flex;\r\n        flex-direction: row;\r\n        gap: 60px;\r\n        align-items: end;\r\n        justify-content: center;\r\n    }\r\n\r\n    .Hp_convertible_bag_slider_mouse img {\r\n        max-width: 100%;\r\n    }\r\n\r\n    .responsilbly_bag_img {\r\n        display: flex;\r\n        flex-direction: row;\r\n    }\r\n\r\n    .hp_bag_slider2 {\r\n        padding: 0px 60px 20px 60px;\r\n        position: relative;\r\n        display: flex;\r\n        height: 400px;\r\n        flex-direction: column;\r\n        justify-content: space-between;\r\n    }\r\n\r\n    .hp_bag_slider2 ol {\r\n        padding: 0;\r\n    }\r\n\r\n    .hp_bag_slider2 ol li {\r\n        margin-bottom: 12px;\r\n        font-size: 16px;\r\n    }\r\n\r\n    .hp_bag_slider2 p {\r\n        font-size: 15px !important;\r\n    }\r\n\r\n    .Hp_convertible_bag_slider_bag {\r\n        position: relative;\r\n        margin-bottom: 60px;\r\n        display: flex;\r\n        align-items: end;\r\n    }\r\n\r\n    .HP_convertible_bag_use_image {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .hp_bagDetails {\r\n        display: flex;\r\n        flex-direction: row;\r\n        flex-wrap: nowrap;\r\n        flex-basis: 100%;\r\n        justify-content: space-between;\r\n        width: 84%;\r\n    }\r\n\r\n    .hp_bagDetails figure {\r\n        margin: 0\r\n    }\r\n\r\n    .hp_bagDetails .hp_backpack,\r\n    .hp_bagDetails .handbag {\r\n        width: 50%;\r\n        display: flex;\r\n        position: relative;\r\n    }\r\n\r\n    .hp_bagDetails .handbag {\r\n        justify-content: end;\r\n    }\r\n\r\n    .hp_bagDetails .hp_backpack p {\r\n        top: 29%;\r\n        text-wrap: balance;\r\n        position: absolute;\r\n        left: 83%;\r\n    }\r\n\r\n    .hp_bagDetails figure img {\r\n        max-width: 100%;\r\n    }\r\n\r\n    .hp_bagDetails .handbag p {\r\n        top: 73%;\r\n        position: absolute;\r\n        right: 80%;\r\n        bottom: 25px;\r\n    }\r\n\r\n    .handbag.foldable_bag {\r\n        align-items: end;\r\n    }\r\n\r\n    .HP_bag_footnotes {\r\n        margin-top: 70px;\r\n        padding: 0 60px;\r\n    }\r\n\r\n    .HP_bag_footnotes ul li {\r\n        font-size: 16px !important;\r\n        margin: 12px 0;\r\n    }\r\n\r\n    .HP_bag_footnotes ul {\r\n        padding-left: 16px;\r\n    }\r\n\r\n    @media only screen and (max-width: 1444px) {\r\n\r\n        .soft_side_grips {\r\n            left: 30%\r\n        }\r\n\r\n        .quietClicks {\r\n            left: 7%\r\n        }\r\n\r\n        .hp_bagDetails .handbag p {\r\n            top: 75%;\r\n            position: absolute;\r\n            right: 88%;\r\n            bottom: 40px;\r\n        }\r\n    }\r\n\r\n    @media only screen and (max-width: 1360px) {\r\n\r\n        .onebag_fouruses h2,\r\n        .hp_convertible_bag_title h2 {\r\n            font-size: clamp(1.875rem, 1.1827rem + 3.4vw, 3.875rem);\r\n            line-height: 58px;\r\n            margin-bottom: 0px;\r\n        }\r\n\r\n        .HP_convertible_bag_full p {\r\n            font-size: 28px;\r\n        }\r\n\r\n        .onebag_fouruses {\r\n            background-position: 816px 63px;\r\n            background-size: 38%;\r\n            gap: 178px;\r\n        }\r\n\r\n        .Bag_many_use_content .hp_480_convertible_bag_Header.hp_convertible_bag_title {\r\n            padding: 20px;\r\n        }\r\n\r\n        .soft_side_grips {\r\n            left: 32%;\r\n        }\r\n\r\n        .quietClicks {\r\n            left: 9%;\r\n        }\r\n\r\n        .Built_to_last_img img {\r\n            min-height: auto;\r\n        }\r\n\r\n        .hp_bagDetails .hp_backpack p {\r\n            left: 88%;\r\n            top: 32%;\r\n        }\r\n\r\n        .hp_bagDetails .handbag p {\r\n            right: 87%;\r\n            top: 75.7777%\r\n        }\r\n\r\n        .hp_bagDetails figure img {\r\n            max-width: 84% !important;\r\n        }\r\n\r\n        .hp_bagDetails p {\r\n            font-size: 20px;\r\n        }\r\n    }\r\n\r\n    @media only screen and (max-width: 1200px) {\r\n\r\n        .onebag_fouruses {\r\n            background-position: 734px 30px;\r\n            background-size: 36%;\r\n            gap: 145px;\r\n        }\r\n\r\n        .res_bag_details ul {\r\n            margin-top: 35px;\r\n        }\r\n\r\n        .res_bag_details ul li {\r\n            margin-bottom: 12px;\r\n            gap: 12px;\r\n        }\r\n\r\n        .res_bag_details ul li img {\r\n            max-width: 35px !important;\r\n        }\r\n\r\n        .HP_convertible_bag_full p {\r\n            font-size: 24px;\r\n        }\r\n\r\n        .hp_convertible_icons img {\r\n            max-width: 34px !important;\r\n        }\r\n\r\n        .hp_convertible_icons .convertible_bag_icons:first-child imG {\r\n            max-width: 24px !important;\r\n        }\r\n\r\n        .hp_convertible_icons .convertible_bag_icons:last-child imG {\r\n            max-width: 28PX !important;\r\n        }\r\n\r\n        .onebag_fouruses h2 {\r\n            line-height: 48px;\r\n        }\r\n\r\n        .quietClicks {\r\n            left: 10%;\r\n        }\r\n\r\n        .soft_side_grips {\r\n            left: 34%;\r\n        }\r\n\r\n        .Bag_many_use_content .hp_480_convertible_bag_Header.hp_convertible_bag_title {\r\n            padding: 20px;\r\n        }\r\n\r\n        .Bag_many_use_content .zen_paragraph.hp_convertible_bag_light_bg {\r\n            padding: 20px 20px 48px 20px;\r\n        }\r\n\r\n        .onebag_fouruses h2,\r\n        .hp_convertible_bag_title h2 {\r\n            line-height: 58px;\r\n        }\r\n\r\n        .Bag_many_use_content .hp_480_convertible_bag_Header.hp_convertible_bag_title {\r\n            height: 232px;\r\n        }\r\n\r\n        .hp_bag_icons img {\r\n            width: 60px;\r\n        }\r\n\r\n        .hp_bag_icons figure:nth-child(2) img {\r\n            width: 37px;\r\n        }\r\n\r\n        .hp_bagDetails .hp_backpack p {\r\n            left: 88%;\r\n            top: 30%;\r\n        }\r\n\r\n        .hp_bagDetails .handbag p {\r\n            right: 88%;\r\n            top: 74%\r\n        }\r\n\r\n        .hp_bagDetails figure img {\r\n            max-width: 74% !important;\r\n        }\r\n\r\n        .hp_bagDetails p {\r\n            font-size: 20px;\r\n        }\r\n    }\r\n\r\n    @media only screen and (max-width: 1024px) {\r\n        .HP_bag_footnotes ul li {\r\n            font-size: 11px !important;\r\n        }\r\n\r\n        .HP_convertible_bag_use_image {\r\n            width: 54%\r\n        }\r\n\r\n        .hp_confortmouse_top_header {\r\n            padding: 24px 24px;\r\n        }\r\n\r\n        .soft_side_grips {\r\n            left: 30%;\r\n        }\r\n\r\n        .quietClicks {\r\n            left: 7%;\r\n        }\r\n\r\n        .onebag_fouruses h2,\r\n        .hp_convertible_bag_title h2 {\r\n            line-height: 55px;\r\n        }\r\n\r\n        .onebag_fouruses {\r\n            padding-top: 54px;\r\n            background-position: 652px 30px;\r\n            background-size: 33%;\r\n            gap: 107px;\r\n        }\r\n\r\n        .Hp_convertible_bag_slider_image_height {\r\n            width: 100px;\r\n            background-position: 50% 50%;\r\n            right: 110%;\r\n        }\r\n\r\n        .Hp_convertible_bag_slider_image_height p {\r\n            padding: 8px;\r\n            font-size: 20px;\r\n            background: #f2f2f2;\r\n            text-align: center;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        .hp_bagDetails figure img {\r\n            max-width: 82% !important;\r\n        }\r\n\r\n        .hp_bagDetails .hp_backpack p {\r\n            left: 90%;\r\n            top: 30%;\r\n        }\r\n\r\n        .hp_bagDetails .handbag p {\r\n            right: 92%;\r\n            top: 73%;\r\n        }\r\n\r\n        .hp_bagDetails p {\r\n            font-size: 18px;\r\n        }\r\n\r\n        .Bag_many_use_content .zen_paragraph.hp_convertible_bag_light_bg {\r\n            min-height: 206px;\r\n        }\r\n        .Bag_many_use_content .hp_480_convertible_bag_Header.hp_convertible_bag_title {\r\n        height: 198px;\r\n    }\r\n    }\r\n\r\n    @media only screen and (max-width: 990px) {\r\n        .onebag_fouruses {\r\n            background-position: 590px 30px;\r\n            background-size: 38%;\r\n            gap: 145px;\r\n        }\r\n\r\n        .HP_convertible_bag_full p {\r\n            font-size: 22px;\r\n        }\r\n\r\n        .Bag_many_use_content .hp_480_convertible_bag_Header.hp_convertible_bag_title {\r\n            padding: 20px 20px 20px 20px;\r\n        }\r\n\r\n        .onebag_fouruses h2,\r\n        .hp_convertible_bag_title h2 {\r\n            line-height: 48px;\r\n        }\r\n\r\n        .Bag_many_use_content .hp_480_convertible_bag_Header.hp_convertible_bag_title {\r\n            height: 142px;\r\n        }\r\n\r\n        .Hp_convertible_bag_slider_image_width {\r\n            margin-bottom: 25px;\r\n        }\r\n\r\n        .hp_bagDetails p {\r\n            font-size: 13px;\r\n        }\r\n    }\r\n\r\n    @media only screen and (max-width: 800px) {\r\n        .Bag_many_use_content .hp_480_convertible_bag_Header.hp_convertible_bag_title {\r\n            min-height: 130px;\r\n        }\r\n\r\n        .HP_convertible_bag_use {\r\n            margin-top: 20px\r\n        }\r\n\r\n        .onebag_fouruses h2,\r\n        .hp_convertible_bag_title h2 {\r\n            line-height: 44px;\r\n        }\r\n\r\n        .onebag_fouruses {\r\n            background-position: 534px 30px;\r\n            gap: 65px\r\n        }\r\n\r\n        .Bag_many_use_content,\r\n        .Built_to_last_img {\r\n            width: 50%;\r\n        }\r\n\r\n        .Built_to_last_details,\r\n        .responsilbly_bag_img {\r\n            width: 50%;\r\n        }\r\n\r\n        .Built_to_last_details p,\r\n        .responsibly_made_content p {\r\n            padding-top: 12px;\r\n        }\r\n\r\n        .Built_to_last_img,\r\n        .res_bag_details {\r\n            width: 50%;\r\n        }\r\n    }\r\n\r\n    @media only screen and (min-width: 769px) {\r\n        .responsilbly_bag_img img {\r\n            max-width: 85% !important;\r\n        }\r\n    }\r\n\r\n    @media only screen and (max-width: 768px) {\r\n        .onebag_fouruses {\r\n            background-position: 493px 53px;\r\n            background-size: 42%;\r\n            gap: 145px;\r\n        }\r\n\r\n        .onebag_fouruses h2 {\r\n            line-height: 37px;\r\n        }\r\n\r\n        .HP_convertible_bag_full p {\r\n            font-size: 20px;\r\n        }\r\n\r\n        .Bag_many_use_content .hp_480_convertible_bag_Header.hp_convertible_bag_title {\r\n            padding: 20px 20px 20px 20px;\r\n            height: 110px;\r\n        }\r\n\r\n        .onebag_fouruses h2,\r\n        .hp_convertible_bag_title h2 {\r\n            font-size: 38px;\r\n            line-height: 40px;\r\n        }\r\n\r\n        .Bag_many_use_content .zen_paragraph.hp_convertible_bag_light_bg {\r\n            padding: 20px 20px 20px 20px;\r\n        }\r\n\r\n        .hp_slider_image_container {\r\n            gap: 26px;\r\n        }\r\n\r\n        .hp_bag_icons img {\r\n            width: 48px;\r\n        }\r\n\r\n        .hp_bag_icons figure:nth-child(2) img {\r\n            width: 27px;\r\n        }\r\n\r\n        .responsilbly_bag_img img {\r\n            max-width: 86% !important;\r\n            height: fit-content;\r\n        }\r\n\r\n        .Hp_convertible_bag_slider_image {\r\n            width: 238px;\r\n        }\r\n\r\n        .Hp_convertible_bag_slider_image_height {\r\n            height: 260px;\r\n        }\r\n\r\n        .hp_bagDetails p {\r\n            font-size: 12px;\r\n        }\r\n\r\n        .HP_convertible_bag_use_image {\r\n            width: 50%;\r\n        }\r\n\r\n        .res_bag_details .hp_convertible_bag_title {\r\n            margin-top: 0;\r\n        }\r\n\r\n        .res_bag_details {\r\n            padding: 15px 0 0 0px;\r\n            margin-top: 10px;\r\n        }\r\n        .Bag_many_use_content .zen_paragraph.hp_convertible_bag_light_bg {\r\n        min-height: 165px; }\r\n    }\r\n\r\n    @media only screen and (max-width: 767px) {\r\n        .onebag_fouruses {\r\n            padding: 15px;\r\n            background-position: 383px 9px;\r\n            background-size: 42%;\r\n        }\r\n\r\n        .HP_convertible_bag_full p {\r\n            font-size: 16px;\r\n        }\r\n\r\n        .Bag_many_use_content .hp_480_convertible_bag_Header.hp_convertible_bag_title {\r\n            padding: 15PX;\r\n        }\r\n\r\n        .hp_bag_title_padding,\r\n        .Bag_many_use_content .zen_paragraph.hp_convertible_bag_light_bg {\r\n            padding: 15PX\r\n        }\r\n\r\n        .Built_to_last_details {\r\n            padding: 0px;\r\n            width: 50%;\r\n        }\r\n\r\n        .hp_bag_title_padding h2 {\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        .Built_to_last_details p {\r\n            padding-top: 12px;\r\n            padding-left: 15px;\r\n        }\r\n\r\n        .Built_to_last_details .hp_convertible_bag_title {\r\n            margin-top: 20px;\r\n            padding-left: 15px;\r\n        }\r\n\r\n        .hp_bag_mb-0 {\r\n            margin-bottom: 0 !important;\r\n        }\r\n\r\n        .responsilbly_bag_img,\r\n        .res_bag_details {\r\n            padding: 15px 0 0 15px;\r\n            width: 46%;\r\n            margin-top: 10px;\r\n            justify-content: center;\r\n        }\r\n\r\n        .hp_bagDetails p {\r\n            font-size: 12px;\r\n        }\r\n\r\n        .hp_bagDetails {\r\n            width: 100%;\r\n        }\r\n    }\r\n\r\n    @media only screen and (max-width: 600px) {\r\n        .Built_to_last_block {\r\n            flex-direction: column;\r\n        }\r\n\r\n        .Built_to_last_img,\r\n        .Built_to_last_details,\r\n        .res_bag_details {\r\n            width: 100%;\r\n        }\r\n\r\n        .hp_bag_title_padding h2 {\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        .Built_to_last_img img {\r\n            max-width: 100%;\r\n            position: relative;\r\n            top: 22px;\r\n        }\r\n\r\n        .Built_to_last_details {\r\n            padding: 0;\r\n        }\r\n\r\n        .Built_to_last_details P {\r\n            PADDING: 0 15PX;\r\n        }\r\n\r\n        .onebag_fouruses {\r\n            background-position: 267px 70px;\r\n            gap: 52px\r\n        }\r\n\r\n        .hp_convertible_icons img {\r\n            max-width: 30px !important;\r\n        }\r\n\r\n        .onebag_fouruses h2 {\r\n            line-height: 34px;\r\n            font-size: 46px;\r\n        }\r\n\r\n        .HP_convertible_bag_use_image {\r\n            width: 100%;\r\n            order: 2;\r\n        }\r\n\r\n        .Bag_many_use_content {\r\n            width: 100%;\r\n            order: 1;\r\n        }\r\n\r\n        .HP_convertible_bag_use {\r\n            flex-direction: column;\r\n        }\r\n\r\n        .HP_convertible_bag_use2 img {\r\n            max-width: 80%;\r\n        }\r\n\r\n        .zen_palm_mt_25 {\r\n            margin-top: 25px;\r\n        }\r\n\r\n        .soft_side_grips {\r\n            left: auto;\r\n            right: 36%;\r\n            top: 1%;\r\n        }\r\n\r\n        .quietClicks {\r\n            top: 17.3333%;\r\n            right: 65%;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        .hp_bag_destopview {\r\n            display: none;\r\n        }\r\n\r\n        .hp_bag_mobile_view {\r\n            display: block !important;\r\n        }\r\n\r\n        .onebag_fouruses {\r\n            background: none;\r\n            gap: 30px;\r\n        }\r\n\r\n        .hp_bag_image img {\r\n            max-width: 100%;\r\n        }\r\n\r\n        .onebag_fouruses h2,\r\n        .hp_convertible_bag_title h2 {\r\n            line-height: 30px;\r\n            text-wrap: pretty;\r\n            font-size: 32px;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .Bag_many_use_content .hp_480_convertible_bag_Header.hp_convertible_bag_title {\r\n            height: auto;\r\n            min-height: auto;\r\n            padding-bottom: 20px;\r\n        }\r\n\r\n        .hp_convertible_icons {\r\n            display: flex;\r\n            justify-content: space-around;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .convertible_bag_icons figure {\r\n            margin-left: 0;\r\n            height: 32px;\r\n        }\r\n\r\n        .convertible_bag_icons p {\r\n            text-align: left;\r\n        }\r\n\r\n        .hp_convertible_icons .convertible_bag_icons:first-child imG {\r\n            max-width: 20px !important;\r\n        }\r\n\r\n        .hp_convertible_icons img {\r\n            max-width: 36px !important;\r\n        }\r\n\r\n        .hp_convertible_icons .convertible_bag_icons:last-child img {\r\n            max-width: 28PX !important;\r\n        }\r\n\r\n        .Built_to_last {\r\n            margin-top: 25px;\r\n        }\r\n\r\n        .responsibly_made_content {\r\n            flex-direction: column;\r\n            margin-top: 5px;\r\n        }\r\n\r\n        .responsilbly_bag_img,\r\n        .res_bag_details {\r\n            width: 100%;\r\n        }\r\n\r\n        .convertible_bag_icons {\r\n            gap: 8px\r\n        }\r\n\r\n        .responsilbly_bag_img {\r\n            order: 2;\r\n        }\r\n\r\n        .res_bag_details {\r\n            order: 1\r\n        }\r\n\r\n        .responsibly_made {\r\n            padding: 0;\r\n        }\r\n\r\n        .hp_bag_mb-0 {\r\n            margin-bottom: 0 !important;\r\n        }\r\n\r\n        .Bag_many_use_content .zen_paragraph.hp_convertible_bag_light_bg {\r\n            padding: 15PX 15px 15px 15px;\r\n            min-height: auto;\r\n        }\r\n\r\n        .res_bag_details ul {\r\n            margin-top: 20px;\r\n        }\r\n\r\n        .res_bag_details ul p {\r\n            padding-left: 0;\r\n        }\r\n\r\n\r\n        .responsilbly_bag_img {\r\n            top: 0\r\n        }\r\n\r\n        .hp_bag_measurements_top {\r\n            padding: 15px;\r\n        }\r\n\r\n        .hp_bag_icons img {\r\n            width: 36px;\r\n        }\r\n\r\n        .hp_bag_icons figure:nth-child(2) img {\r\n            width: 19px;\r\n        }\r\n\r\n        .hp_bag_icons {\r\n            gap: 12px\r\n        }\r\n\r\n        .hp_bag_slider2 {\r\n            padding: 14px 30px 12px 36px;\r\n            height: 320px;\r\n        }\r\n\r\n        .hp_bag_slider2 p {\r\n            font-size: 12px !important;\r\n        }\r\n\r\n        .HPMouse_full_image {\r\n            width: 100%;\r\n            text-align: center;\r\n            padding: 30px 0 20px;\r\n        }\r\n\r\n        .hp_bag_mobile_view {\r\n            text-align: center;\r\n        }\r\n\r\n        .hp_bag_mobile_view img {\r\n            max-width: 50%;\r\n        }\r\n\r\n        .hp_convertible_icons .convertible_bag_icons:last-child img {\r\n            max-width: 35PX;\r\n        }\r\n\r\n        .hp_convertible_icons img {\r\n            max-width: 35px !important;\r\n        }\r\n\r\n        .hp_convertible_icons .convertible_bag_icons:last-child img {\r\n            max-width: 28PX;\r\n        }\r\n\r\n        .res_bag_details .hp_convertible_bag_title h2,\r\n        .res_bag_details p,\r\n        .res_bag_details ul,\r\n        .Built_to_last_details .hp_convertible_bag_title h2 {\r\n            padding-left: 15px;\r\n        }\r\n\r\n        .Built_to_last_details .hp_convertible_bag_title {\r\n            padding-left: 0;\r\n        }\r\n\r\n        .responsilbly_bag_img {\r\n            padding: 0;\r\n        }\r\n\r\n        .responsilbly_bag_img,\r\n        .res_bag_details {\r\n            padding: 0;\r\n        }\r\n\r\n        .Built_to_last_details p,\r\n        .responsibly_made_content p {\r\n            padding-top: 10px;\r\n        }\r\n\r\n        .Hp_convertible_bag_slider_image {\r\n            width: 150px;\r\n        }\r\n\r\n        .Hp_convertible_bag_slider_image_height {\r\n            height: 162px;\r\n            width: 66px;\r\n            background-position: 50% 50%;\r\n            right: 104%;\r\n        }\r\n\r\n        .Hp_convertible_bag_slider_image_width {\r\n            bottom: -70px;\r\n        }\r\n\r\n        .Hp_convertible_bag_slider_image_width {\r\n            height: 30px;\r\n        }\r\n\r\n        .hp_bagDetails .hp_backpack p {\r\n            top: 35%;\r\n        }\r\n\r\n        .hp_bagDetails {\r\n            width: 100%;\r\n            margin-top: 20px;\r\n        }\r\n\r\n        .hp_bagDetails .handbag p {\r\n            top: 78%;\r\n        }\r\n\r\n        .res_bag_details .hp_convertible_bag_title {\r\n            margin-top: 0;\r\n        }\r\n\r\n        .HP_bag_footnotes {\r\n            margin-top: 20px;\r\n            padding: 0 15px;\r\n        }\r\n    }\r\n\r\n    @media only screen and (max-width: 430px) {\r\n        .hp_bagDetails .handbag p {\r\n            top: 75%;\r\n        }\r\n    }\r\n\r\n    @media only screen and (max-width: 425px) {\r\n        .onebag_fouruses h2 {\r\n            line-height: 31px;\r\n            font-size: 38px;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .quietClicks {\r\n            top: 15%;\r\n            right: 66%;\r\n        }\r\n\r\n        .soft_side_grips {\r\n            left: auto;\r\n            right: 37%;\r\n            top: -1%;\r\n        }\r\n\r\n        .hp_slider_image_container {\r\n            gap: 30px\r\n        }\r\n\r\n        .hp_bagDetails .hp_backpack p {\r\n            top: 32%;\r\n        }\r\n\r\n        .hp_bagDetails .handbag p {\r\n            TOP: 75%\r\n        }\r\n    }\r\n\r\n    @media only screen and (max-width: 375px) {\r\n        .hp_confortmouse_top_header {\r\n            padding: 20px 14px;\r\n        }\r\n\r\n        .onebag_fouruses h2,\r\n        .hp_convertible_bag_title h2 {\r\n            line-height: 36px;\r\n            text-wrap: pretty;\r\n            font-size: 38px;\r\n        }\r\n\r\n        .Hp_convertible_bag_slider_image_height p {\r\n            padding: 6px 0;\r\n        }\r\n\r\n        .hp_bag_slider2 ol li {\r\n            font-size: 15px;\r\n        }\r\n\r\n        .convertible_bag_icons p {\r\n            font-size: 14px !important;\r\n        }\r\n\r\n        .hp_bagDetails .handbag p {\r\n            TOP: 73%;\r\n        }\r\n    }\r\n\r\n    @media only screen and (max-width: 320px) {\r\n\r\n        .onebag_fouruses h2,\r\n        .hp_convertible_bag_title h2 {\r\n            font-size: 30px;\r\n            line-height: 28px;\r\n        }\r\n\r\n        .HP_convertible_bag_full p {\r\n            font-size: 14px;\r\n        }\r\n\r\n        .hp_bag_slider2 {\r\n            height: auto;\r\n        }\r\n\r\n        .hp_bag_slider2 p {\r\n            margin-top: 12px;\r\n        }\r\n\r\n        .convertible_bag_icons p {\r\n            font-size: 12px !important;\r\n        }\r\n\r\n        .responsilbly_bag_img,\r\n        .res_bag_details {\r\n            margin-top: 0;\r\n        }\r\n\r\n        .hp_bagDetails p {\r\n            font-size: 12px;\r\n        }\r\n    }\r\n</style>\r\n\r\n\r\n<section class=\"HP_convertible_bag_full\">\r\n    <div class=\"hp_480_convertible_bag_Header hp_confortmouse_top_header\">\r\n        <h3>HP 14-inch Convertible Laptop Backpack Tote</h3>\r\n    </div>\r\n    <div class=\"HP_convertible_bag_blankBG hp_convertible_bag_light_bg\"></div>\r\n    <section class=\"onebag_fouruses\">\r\n        <div class=\"hp_convertible_bag_title\">\r\n            <h2>\r\n                One bag. Four ways.\r\n            </h2>\r\n            <div class=\"hp_bag_mobile_view\" style=\"display: none;\">\r\n                <img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3_9C2H0AA/HP_backpack_bag.png\" alt=\"\">\r\n\r\n            </div>\r\n\r\n            <p class=\"hp_bag_destopview\">Whether you're on-the-go for work or play,</br>you can adjust this durable,\r\n                lightweight laptop</br>backpack to match your style and mission.</p>\r\n\r\n        </div>\r\n\r\n        <div class=\"hp_convertible_icons\">\r\n            <div class=\"convertible_bag_icons\">\r\n                <p>Transforms into four different form factors</p>\r\n                <figure><img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3_9C2H0AA/convertible_bagIcon.png\" alt=\"\">\r\n                </figure>\r\n            </div>\r\n\r\n            <div class=\"convertible_bag_icons\">\r\n                <p>Protective RFID-blocking pocket</p>\r\n                <figure><img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3_9C2H0AA/blocking_pocket.png\" alt=\"\"></figure>\r\n            </div>\r\n\r\n            <div class=\"convertible_bag_icons\">\r\n                <p>60% post-consumer recycled materials<sup><small>1</small></sup></p>\r\n                <figure><img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3_9C2H0AA/environmental_globe.png\" alt=\"\">\r\n                </figure>\r\n            </div>\r\n        </div>\r\n    </section>\r\n    <!--HP_convertible_bag_use_slider-->\r\n\r\n    <section class=\"HP_convertible_bag_one HP_onebag_manyuse\">\r\n        <input checked type=\"radio\" name=\"sliderone\" id=\"slideone1\" />\r\n        <input type=\"radio\" name=\"sliderone\" id=\"slideone2\" />\r\n        <input type=\"radio\" name=\"sliderone\" id=\"slideone3\" />\r\n        <input type=\"radio\" name=\"sliderone\" id=\"slideone4\" />\r\n        <input type=\"radio\" name=\"sliderone\" id=\"slideone5\" />\r\n\r\n        <div class=\"slider-wrapper\">\r\n            <div class=innerone>\r\n                <article>\r\n                    <div class=\"HP_convertible_bag_use\">\r\n                        <div class=\"HP_convertible_bag_use_image\">\r\n                            <div class=\"hp_bagDetails\">\r\n                                <div class=\"hp_backpack\">\r\n                                    <figure>\r\n                                        <img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3_9C2H0AA/slider_hp_bag_img1.png\"\r\n                                            alt=\"\">\r\n\r\n                                    </figure>\r\n                                    <p>Laptop<br />Backpack</p>\r\n\r\n                                </div>\r\n                                <div class=\"handbag\">\r\n                                    <figure>\r\n                                        <img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3_9C2H0AA/slider_hp_bag_img2.png\"\r\n                                            alt=\"\">\r\n\r\n                                    </figure>\r\n                                    <p>Handbag</p>\r\n                                </div>\r\n\r\n                            </div>\r\n                            <div class=\"hp_bagDetails\">\r\n                                <div class=\"hp_backpack tote\">\r\n                                    <figure>\r\n                                        <img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3_9C2H0AA/slider_hp_bag_img3.png\"\r\n                                            alt=\"\">\r\n\r\n                                    </figure>\r\n                                    <p>Laptop Backpack</p>\r\n                                </div>\r\n                                <div class=\"handbag foldable_bag\">\r\n                                    <figure>\r\n                                        <img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3_9C2H0AA/slider_hp_bag_img4.png\"\r\n                                            alt=\"\">\r\n\r\n                                    </figure>\r\n                                    <p>Handbag</p>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"Bag_many_use_content\">\r\n                            <div class=\"hp_480_convertible_bag_Header hp_convertible_bag_title \">\r\n                                <h2 class=\"hp_convertible_mb-0\">One bag</br>many uses </h2>\r\n\r\n                            </div>\r\n                            <div class=\"zen_paragraph hp_convertible_bag_light_bg\">\r\n                                <p>Transform it into a backpack,</br>tote, foldable bag, or handbag.</p>\r\n                            </div>\r\n                        </div>\r\n                    </div><!---zen in your palm-->\r\n                </article>\r\n                <article>\r\n                    <div class=\"HP_convertible_bag_use HP_convertible_bag_use2\">\r\n                        <div class=\"HP_convertible_bag_use_image\">\r\n                            <img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3_9C2H0AA/hp_convertible_bag_inside.png\"\r\n                                alt=\"\">\r\n                        </div>\r\n\r\n                        <div class=\"Bag_many_use_content\">\r\n                            <div class=\"hp_480_convertible_bag_Header hp_convertible_bag_title \">\r\n                                <h2 class=\"hp_convertible_mb-0\">Packed</br>and protected</h2>\r\n\r\n                            </div>\r\n                            <div class=\"zen_paragraph hp_convertible_bag_light_bg\">\r\n                                <p>18L capacity, including five pockets to organize your stuff and support for most\r\n                                    laptops up to 14 inches.</p>\r\n                            </div>\r\n                        </div>\r\n                    </div><!---zen in your palm-->\r\n                </article>\r\n\r\n            </div>\r\n            <!-- .inner -->\r\n        </div>\r\n        <!-- .slider-wrapper -->\r\n\r\n        <div class=\"slider-prev-next-controlone\">\r\n            <label for=\"slideone1\"></label>\r\n            <label for=\"slideone2\"></label>\r\n\r\n        </div>\r\n        <!-- .slider-prev-next-controlone -->\r\n    </section>\r\n    <!--HP_convertible_bag_use_slider-->\r\n    <!---seamless connection-->\r\n\r\n    <section class=\"Built_to_last\">\r\n\r\n        <!---slidertwo start---->\r\n        <div class=\"HP_convertible_bag_two\">\r\n\r\n            <input checked type=\"radio\" name=\"slidertwo\" id=\"slidetwo1\" />\r\n            <input type=\"radio\" name=\"slidertwo\" id=\"slidetwo2\" />\r\n            <input type=\"radio\" name=\"slidertwo\" id=\"slidetwo3\" />\r\n            <input type=\"radio\" name=\"slidertwo\" id=\"slidetwo4\" />\r\n            <input type=\"radio\" name=\"slidertwo\" id=\"slidetwo5\" />\r\n\r\n            <div class=\"slider-wrapper\">\r\n                <div class=innertwo>\r\n\r\n                    <article>\r\n\r\n                        <div class=\"Built_to_last_block built_to_last_slider1 \">\r\n                            <div class=\"Built_to_last_details\">\r\n\r\n                                <div class=\"hp_convertible_bag_title\">\r\n                                    <h2 class=\"hp_bag_mb-0\">\r\n                                        Built to last\r\n                                    </h2>\r\n\r\n                                </div>\r\n                                <hr />\r\n\r\n                                <p>Includes thicker fabric at the</br>bottom, metal D rings/buckles,</br>and 3-year\r\n                                    warranty.</p>\r\n                            </div>\r\n                            <div class=\"Built_to_last_img\">\r\n                                <img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3_9C2H0AA/hp_bagwith_girl.png\" alt=\"\">\r\n                            </div>\r\n                        </div>\r\n                    </article>\r\n\r\n                    <article>\r\n\r\n                        <div class=\"Built_to_last_block built_to_last_slider2 \">\r\n                            <div class=\"Built_to_last_details\">\r\n\r\n                                <div class=\"hp_convertible_bag_title\">\r\n                                    <h2 class=\"hp_bag_mb-0\">\r\n                                        Protection for</br>peace of mind\r\n                                    </h2>\r\n\r\n                                </div>\r\n                                <hr />\r\n\r\n                                <p>Protect credit cards and sensitive information with a dedicated RFID-blocking pocket.\r\n                                </p>\r\n                            </div>\r\n                            <div class=\"Built_to_last_img\">\r\n                                <img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3_9C2H0AA/hp_bg_protection.png\" alt=\"\">\r\n                            </div>\r\n                        </div>\r\n\r\n\r\n                    </article>\r\n\r\n                </div>\r\n                <!-- .inner -->\r\n            </div>\r\n            <!-- .slider-wrapper -->\r\n\r\n            <div class=\"slider-prev-next-controltwo\">\r\n                <label for=\"slidetwo1\"></label>\r\n                <label for=\"slidetwo2\"></label>\r\n\r\n            </div>\r\n            <!-- .slider-prev-next-controlone -->\r\n\r\n        </div>\r\n        <!---slidertwo end-->\r\n    </section>\r\n    <!---seamless connection-->\r\n    <section class=\"responsibly_made\">\r\n        <div class=\"responsibly_made_content\">\r\n\r\n            <div class=\"responsilbly_bag_img\">\r\n                <img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3_9C2H0AA/responsiblymade.png\" alt=\"\">\r\n            </div>\r\n            <div class=\"res_bag_details\">\r\n                <div class=\"hp_convertible_bag_title\">\r\n                    <h2>\r\n\r\n                        Responsibly<br />Made\r\n                    </h2>\r\n                    <hr />\r\n                </div>\r\n\r\n                <p>HP is committed to reducing plastic</br>in landfills and oceans.</p>\r\n\r\n                <ul>\r\n                    <li>\r\n                        <figure>\r\n                            <img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3_9C2H0AA/HP_bag_packing.png\" alt=\"\">\r\n                        </figure>\r\n                        <p class=\"hp_bag_pt-0\">FSC&reg; certified packaging</p>\r\n                    </li>\r\n\r\n                </ul>\r\n\r\n            </div>\r\n\r\n\r\n        </div>\r\n\r\n    </section>\r\n    <!---Responsibly_made-->\r\n    <section class=\"mouse_measurements_slider \">\r\n        <hr>\r\n\r\n        <div class=\"HP_convertible_bag_two\">\r\n\r\n            <div class=\"hp_bag_measurements_top\">\r\n\r\n                <p class=\"hp_bag_weight\">Weight: 1.70 lb (0.77 kg)</p>\r\n                <div class=\"hp_bag_icons\">\r\n                    <figure><img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3_9C2H0AA/blocking_pocket.png\" alt=\"\">\r\n                    </figure>\r\n                    <figure><img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3_9C2H0AA/convertible_bagIcon.png\" alt=\"\">\r\n                    </figure>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"Hp_convertible_bag_slider_image\">\r\n\r\n                <div class=\"hp_slider_image_container\">\r\n\r\n                    <div class=\"Hp_convertible_bag_slider_bag\">\r\n                        <div class=\"Hp_convertible_bag_slider_image_height\">\r\n                            <p>16.54 in</br>(420 mm)</p>\r\n                        </div>\r\n                        <img class=\"bagSize\"\r\n                            src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3_9C2H0AA/hp_convertible_bag_5.png\" alt=\"\">\r\n                        <div class=\"Hp_convertible_bag_slider_image_width\">\r\n                            <p>13.78 in (350 mm)</p>\r\n                        </div>\r\n\r\n\r\n                    </div>\r\n                </div>\r\n\r\n\r\n            </div>\r\n\r\n\r\n\r\n        </div>\r\n\r\n\r\n\r\n    </section>\r\n\r\n    <section class=\"HP_bag_footnotes\">\r\n        <hr />\r\n        <ul>\r\n            <li>\r\n                Bottle count calculation is based on 12.7 grams per 16.9 ounce single serve bottle.\r\n            </li>\r\n        </ul>\r\n\r\n    </section>\r\n\r\n\r\n\r\n</section><!---HP_480_comfort_BT_Mouse_full-->"}]}]},"pdpSpecialOffers":null}}},"extensions":{}}