{"product_id":"fioboc-canvas-shopping-bags","title":"Fioboc Canvas Shopping Bags","description":"\u003cdiv class=\"banner banner-one\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0627\/9662\/8192\/files\/1920-1080.jpg?v=1773394128\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"article-title\"\u003e\n\u003cp\u003eThis stylish canvas tote bag features durable construction and a spacious interior for everyday essentials like a phone, wallet, cosmetics, and more. Designed with sturdy handles and a versatile look, it pairs easily with a variety of outfits while keeping belongings neatly organized. Size: 40 × 15 × 38 cm (15.75 × 5.90 × 14.96 in).\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"article-footer\"\u003e\n\u003cimg class=\"one\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0627\/9662\/8192\/files\/988-1228_3.jpg?v=1773394126\"\u003e \u003cimg class=\"two\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0627\/9662\/8192\/files\/988-1228_2.jpg?v=1773394127\"\u003e \u003cimg class=\"three\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0627\/9662\/8192\/files\/988-1228_1.jpg?v=1773394127\"\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n        .banner video:focus {\n            outline: -webkit-focus-ring-color auto 0px;\n            outline:none;\n        }\n        .banner video::-webkit-media-controls-timeline,\n        .banner video::-webkit-media-controls-current-time-display,\n        .banner video::-webkit-media-controls-time-remaining-display,\n        .banner video::-webkit-media-controls-mute-button,\n        .banner video::-webkit-media-controls-toggle-closed-captions-button,\n        .banner video::-webkit-media-controls-fullscreen-button {\n            display: none;\n        }\n        .banner video::-webkit-media-controls-play-button {\n            left: 10px;\n            bottom:10px;\n            transform: scale(1);\n        }\n        .banner video{\n            width:100%;\n            height:100%;\n            object-fit: cover;\n        }\n        .product__description .banner.banner-two{\n            display: grid;\n            grid-template-columns: repeat(2,1fr);\n            grid-column-gap: 5vw;\n            align-items: center;\n        }\n        .banner.banner-two .video-wrapper{\n            width: 100%;\n            height: 100%;\n        }\n        .banner.banner-two .text-wrapper{\n            display: flex;\n            flex-direction: column;\n        }\n        .banner.banner-two .text-wrapper p{\n            margin:0;\n            padding:0;\n        }\n        .banner.banner-two .text-wrapper .title{\n            font-size: 24px;\n            line-height: 24px;\n            font-family: var(--medium-font);\n            margin:0\n        }\n        .banner.banner-two .text-wrapper .title.p-two{\n            padding:24px 0 0;\n        }\n        .banner.banner-two .text-wrapper .text{\n            font-size: 14px;\n            line-height: 24px;\n            font-family: var(--regular-font);\n            padding:12px 0 0;\n        }\n        .product__description{\n            padding:0 10.416666666666668%;\n        }\n        .product__description .banner{\n            font-size: 0;\n            display: block;\n            padding:0 0 0px;\n        }\n        .product__description .banner img{\n            object-fit: cover;\n            width: 100%;\n            height:auto;\n        }\n        .product__description .container .container-title{\n            text-align: center;\n        }\n        .product__description .container .container-title h1{\n            margin:0; \n            padding:0 0 42px;\n            font-size: 32px;\n            font-family: var(--medium-font);\n            color:var(--theme-color)\n        }\n        .product__description .article{\n            display: grid;\n            grid-template-columns: repeat(2,1fr);\n            grid-column-gap: 14px;\n            grid-row-gap: 52px;\n            font-size: 0;\n        }\n        .product__description .article img{\n            width:100%;\n            height: auto;\n            object-fit: cover;\n        }\n        .product__description .article p{\n            font-size: 16px;\n            line-height: 24px;\n            text-align: center;\n            padding:24px 0 0 ;\n            margin:0;\n            font-family: var(--regular-font);\n        }\n        .product__description .article p .br-m{\n            display: none;\n        }\n        .product__description .article-footer{\n            display: grid;\n            grid-template-columns: repeat(3,1fr);\n            grid-column-gap: 18px;\n            padding:38px 0 0;\n            font-size: 0;\n        }\n        .product__description .article-footer img{\n            object-fit: cover;\n            width: 100%;\n            height:auto\n        }\n        .product__description .article-title{\n            display:flex;\n            justify-content: center;\n            text-align: center;\n            padding:77px 0 0;\n        }\n        .product__description .article-title p{\n            margin: 0;\n            font-size: 1.0666666666666667vw;\n            line-height: 2.083333333333333vw;\n            color:var(--theme-color);\n            font-family: var(--medium-font);\n            font-weight: 400;\n        }\n        .product__description .article-title p br.br-pc{\n            display: block;\n        }\n        .product__description .article-title p br.br-m{\n            display: none;\n        }\n        @media screen and (min-width: 1024px) and (max-width: 1440px) {\n            .product__description{\n                padding:0 48px;\n            } \n            .banner.banner-two .text-wrapper .title{\n                font-size: 20px;\n                line-height: 20px;\n            }\n            .banner.banner-two .text-wrapper .title.p-two{\n                padding: 20px 0 0;\n            }\n            banner.banner-two .text-wrapper .text{\n                font-size: 14px;\n                line-height: 24px;\n            }\n        }\n        @media screen and (min-width: 750px) and (max-width:1024px){\n            .product__description .banner.banner-two  {\n                grid-template-columns: 42.70833333333333vw 1fr;\n                grid-column-gap: 4.6875vw;\n            }\n            .banner.banner-two .text-wrapper .title{\n                font-size: 18px;\n                line-height: 18px;\n            }\n            .banner.banner-two .text-wrapper .title.p-two{\n                padding:2.34375vw 0 0;\n            }\n            .banner.banner-two .text-wrapper .text{\n                font-size: 1.3671875vw;\n                line-height: 2.1484375vw;\n            }\n        }\n        @media screen and (max-width: 749px) {\n            .banner video{\n                height:75.33333333333333vw;\n            }\n            .product__description .banner.banner-two{\n                display: grid;\n                grid-template-columns: 100%;\n                grid-row-gap: 26px;\n            }\n            .banner.banner-two .text-wrapper .title {\n                font-size: 16px;\n                line-height: 19px;\n            }\n            .banner.banner-two .text-wrapper .title.p-two{\n                padding:20px 0 0;\n            }\n            .banner.banner-two .text-wrapper .text{\n                font-size: 12px;\n                line-height: 16px;\n                padding:6px 0 0;\n            }\n            .product__description{\n                padding:0 16px !important;\n            }\n            .product__description .article-title p br.br-pc{\n                display: none;\n            }\n            .product__description .article p .br-m,\n            .product__description .article-title p br.br-m{\n                display: block;\n            }\n            .product__description .banner{\n                padding:0 0 48px\n            }\n            .product__description .banner-one{\n                padding:0 0 26px\n            }\n            .banner video{\n                content:url('')\n            }\n            .product__description .banner-one img{\n        content:url('https:\/\/cdn.shopify.com\/s\/files\/1\/0627\/9662\/8192\/files\/1920-1080.jpg?v=1773394128')\n            }\n            .product__description .banner-two img{\n                content:url('')\n            }\n            .product__description .article-footer img{\n                object-fit: cover;\n                width: 100%;\n                height:auto\n            }\n            .product__description .article .image-wrapper:nth-of-type(1) img{\n                content:url('');\n            }\n            .product__description .article .image-wrapper:nth-of-type(2) img{\n                content:url('');\n            }\n\n            .product__description .article .image-wrapper:nth-of-type(3) img{\n                content: url('');\n            }\n            .product__description .article .image-wrapper:nth-of-type(4) img{\n                content: url('');\n            }\n            .product__description .article-footer img.one{\n                content: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0627\/9662\/8192\/files\/988-1228_3.jpg?v=1773394126');\n            }\n            .product__description .article-footer img.two{\n                content: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0627\/9662\/8192\/files\/988-1228_2.jpg?v=1773394127');\n            }\n            .product__description .article-footer img.three{\n                content: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0627\/9662\/8192\/files\/988-1228_1.jpg?v=1773394127');\n            }\n            .product__description .article{\n                grid-column-gap: 10px;\n                grid-row-gap:18px;\n            }\n            .product__description .article p{\n                font-size: 2.666666666666667vw;\n                line-height: 3.733333333333334vw;\n                padding:10px 0 0;\n            }\n            .product__description .container .container-title h1{\n                font-size: 4.8vw!important;\n                letter-spacing: 0;\n                line-height: 5vw;\n                padding: 0 0 18px;\n            }\n            .product__description .article-title{\n                padding:27px 0 0;\n            }\n            .product__description .article-title p{\n                font-size: 3.733333333333334vw;\n                line-height: 4.8vw;\n            }\n            .product__description .article-footer{\n                padding:3.733333333333334vw 0 0;\n                grid-column-gap:10px;\n            }\n        }\n    \u003c\/style\u003e","brand":"Fioboc","offers":[{"title":"Khaki","offer_id":49274545668320,"sku":"FI-283562-LYQ-Khaki","price":26.9,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0627\/9662\/8192\/files\/1350-1800_1.jpg?v=1773391196","url":"https:\/\/www.fioboc.com\/de\/products\/fioboc-canvas-shopping-bags","provider":"Fioboc","version":"1.0","type":"link"}