{"product_id":"xiaomi-reusable-bag","title":"Xiaomi Reusable Bag","description":"\u003cstyle\u003e\n\/* ===============\n    Xiaomi Reusable Bag\n=============== *\/\n\n#reusable_bag {\n    font-size: 16px;\n    overflow: hidden;\n    color: #191919;\n    background-color: #ffffff;\n}\n\n#reusable_bag ul, \n#reusable_bag ol {\n    list-style: none;\n    padding-left: 0;\n}\n\n#reusable_bag video, #reusable_bag img {\n    vertical-align: middle;\n}\n\n#reusable_bag video {\n    width: 100%;\n    height: auto;\n}\n\n\n#reusable_bag.xiaomi_container {\n    max-width: 2560px;\n}\n\n#reusable_bag .section {\n    line-height: 1.2;\n}\n\n#reusable_bag .section-bg {\n    background-size: cover;\n    background-position: center center;\n    background-repeat: no-repeat;\n}\n\n#reusable_bag .font-bold {\n    font-weight: bold;\n}\n\n#reusable_bag .font-light {\n    font-weight: 300;\n}\n\n#reusable_bag .font-color {\n    color: #ffd400;\n}\n\n#reusable_bag .text-box {\n    text-align: center;\n    color: #000000;\n    padding: 5% 12.5%;\n}\n\n#reusable_bag .text-box.text-box--left {\n    text-align: left;\n}\n\n#reusable_bag .text-box--white {\n    color: #ffffff;\n}\n\n#reusable_bag .text-box .title, \n#reusable_bag .text-box .desc,\n#reusable_bag .text-box .text {\n    display: block;\n}\n\n#reusable_bag .text-box .title {\n    font-size: 36px;\n    line-height: 1.2;\n}\n\n#reusable_bag .text-box .title.title--big {\n    font-size: 48px;\n    margin-bottom: 20px;\n}\n\n#reusable_bag .text-box .desc {\n    font-size: 22px;\n    line-height: 1.5;\n    margin-top: 25px;\n    font-weight: 500;\n}\n\n#reusable_bag .text-box .text {\n    font-size: 15px;\n    line-height: 1.5;\n    margin-top: 25px;\n    font-weight: 300;\n}\n\n#reusable_bag .text-box .text.text--small {\n    font-size: 14px;\n    opacity: .5;\n}\n\n#reusable_bag .video-box, #reusable_bag .image-box {\n    padding: 0 12.5%;\n}\n\n#reusable_bag .video-box video {\n    width: 100%;\n    height: auto;\n}\n\n#reusable_bag .video a,\n#reusable_bag .video .video-link {\n    position: relative;\n    z-index: 1;\n    display: block;\n    overflow: hidden;\n    cursor: pointer;\n}\n\n#reusable_bag .video a img,\n#reusable_bag .video .video-link img {\n    transition: 0.3s ease-in-out transform;\n}\n\n#reusable_bag .video a:hover img,\n#reusable_bag .video .video-link:hover img  {\n    transform: scale(1.1);\n}\n\n#reusable_bag .video a::after,\n#reusable_bag .video .video-link::after {\n    content: '';\n    position: absolute;\n    transform: translateX(-50%) translateY(-50%);\n    width: 56px;\n    height: 56px;\n    background: url('https:\/\/media.mi-home.pl\/products\/reusable-bag\/play-btn.png') no-repeat center center \/ contain;\n    left: 50%;\n    top: 50%;\n    z-index: 5;\n}\n\n@media (max-width: 991.98px) {\n    #reusable_bag .text-box {   \n        padding: 5%;\n    }\n\n    #reusable_bag .text-box .title {\n        font-size: 28px;\n    }\n\n    #reusable_bag .text-box .title.title--big {\n        font-size: 42px;\n    }\n\n    #reusable_bag .video-box, #reusable_bag .image-box {\n        padding: 0 5%;\n    }\n}\n\n@media (max-width: 767.98px) {\n    #reusable_bag .text-box .title {\n        font-size: 24px;\n    }\n\n    #reusable_bag .text-box .title.title--big {\n        font-size: 36px;\n    }\n\n    #reusable_bag .text-box .desc {\n        font-size: 18px;\n        margin-top: 10px;\n    }\n    \n    #reusable_bag .text-box .text {\n        margin-top: 15px;\n    }\n}\n\n@media only screen and (max-width: 575.98px) {\n    #reusable_bag .text-box {\n        padding: 10% 5%;\n    }\n\n    #reusable_bag .text-box .title {\n        font-size: 20px;\n    }\n\n    #reusable_bag .text-box .title.title--big {\n        font-size: 28px;\n    }\n\n    #reusable_bag .text-box .desc {\n        font-size: 16px;\n    }\n    \n    #reusable_bag .text-box .text {\n        font-size: 14px;\n    }\n}\n\n@media (min-width: 1200px) {\n    #reusable_bag .text-box .text {\n        padding-left: 10%;\n        padding-right: 10%;\n    }\n\n    #reusable_bag .text-box .title.title--big {\n        font-size: 60px;\n    }\n\n    #reusable_bag .text-box.text-box--left .text {\n        padding-left: 0;\n        padding-right: 0;\n    }\n}\n\n@media (min-width: 1620px) {\n    #reusable_bag .text-box .text {\n        font-size: 16px;\n    }\n}\n\n\/* ===============\n    Add Font\n=============== *\/\n\n@font-face {\n    font-display: swap;\n    font-family: 'Xiaomi Brand';\n    font-style: normal;\n    font-weight: 100 900;\n    src: url(https:\/\/i02.appmifile.com\/i18n\/fonts\/Brand\/Brand.woff2) format(\"woff2\")\n}\n  \n#reusable_bag .xiaomi_product_name {\n    font-family: 'Xiaomi Brand', 'Camphor Pro', sans-serif !important;\n}\n\n\/* ===============\n    Section 01\n=============== *\/\n\n#reusable_bag .section-01 {\n    background-image: url('https:\/\/media.mi-home.pl\/products\/reusable-bag\/section-01.jpg');\n    background-position: left center;\n    height: 560px;\n    position: relative;\n    z-index: 1;\n}\n\n#reusable_bag .section-01 .text-box {\n    padding-top: 12.5%;\n    padding-left: 50%;\n    padding-right: 5%;\n}\n\n#reusable_bag .section-01 .text-box .title {\n    font-size: 42px;\n    font-weight: 600;\n}\n\n#reusable_bag .section-01 .text-box .desc {\n    font-size: 28px;\n    font-weight: 500;\n    margin-top: 10px;\n}\n\n@media (max-width: 991.98px) {\n    #reusable_bag .section-01 {\n        height: 440px;\n    }\n\n    #reusable_bag .section-01 .text-box {\n        padding-right: 10%;\n    }\n\n    #reusable_bag .section-01 .text-box .desc {\n        font-size: 22px;\n    }\n\n    #reusable_bag .section-01 .text-box .title {\n        font-size: 36px;\n    }\n\n    #reusable_bag .section-01 .text-box .title strong {\n        display: block;\n    }\n}\n\n@media (max-width: 767.98px) {\n    #reusable_bag .section-01 {\n        height: auto;\n        background-size: 220% auto;\n        background-position: left bottom;\n        padding-bottom: 600px;\n        background-color: #4B83BC;\n    }\n\n    #reusable_bag .section-01 .text-box {\n        padding: 10% 5%;\n        text-align: center;\n    }\n\n    #reusable_bag .section-01 .text-box .text {\n        font-size: 15px;\n    }\n}\n\n@media only screen and (max-width: 575.98px) {\n    #reusable_bag .section-01 {\n        padding-bottom: 400px;\n    }\n\n    #reusable_bag .section-01 .text-box {\n        padding: 15% 5% 10%;\n    }\n\n    #reusable_bag .section-01 .text-box .title {\n        font-size: 28px;\n    }\n\n    #reusable_bag .section-01 .text-box .desc {\n        font-size: 16px;\n    }\n\n    #reusable_bag .section-01 .text-box .text {\n        font-size: 14px;\n    }\n}\n\n@media only screen and (max-width: 363.98px) {\n    #reusable_bag .section-01 {\n        padding-bottom: 300px;\n    }\n\n    #reusable_bag .section-01 .text-box .title {\n        font-size: 24px;\n    }\n}\n\n@media (min-width: 1200px) {\n    #reusable_bag .section-01 {\n        height: 720px;\n    }\n\n    #reusable_bag .section-01 .text-box .title {\n        font-size: 48px;\n    }\n\n    #reusable_bag .section-01 .text-box .text {\n        font-size: 18px;\n    }\n}\n\n@media (min-width: 1600px) {\n    #reusable_bag .section-01 {\n        height: 860px;\n    }\n\n    #reusable_bag .section-01 .text-box .title {\n        font-size: 60px;\n    }\n}\n\n@media (min-width: 2080px) {\n    #reusable_bag .section-01 {\n        height: 960px;\n    }\n}\n\n\/* ===============\n    Section 02 \u0026 04 \u0026 05\n=============== *\/\n\n#reusable_bag .section-02 {\n    padding: 7.5% 0;\n}\n\n#reusable_bag .section-04 {\n    padding: 7.5% 0 2.5%;\n}\n\n#reusable_bag .section-05 {\n    padding: 2.5% 0 7.5%;\n}\n\n#reusable_bag .section-02 .section-wrapper,\n#reusable_bag .section-04 .section-wrapper,\n#reusable_bag .section-05 .section-wrapper {\n    display: flex;\n    max-width: 1080px;\n    width: 90%;\n    margin: 0 auto;\n    align-items: center;\n    flex-wrap: wrap;\n}\n\n#reusable_bag .section-05 .section-wrapper {\n    flex-direction: row-reverse;\n}\n\n#reusable_bag .section-02 .section-wrapper \u003e *,\n#reusable_bag .section-04 .section-wrapper \u003e *,\n#reusable_bag .section-05 .section-wrapper \u003e * {\n    flex: 0 0 50%;\n    width: 50%;\n}\n\n#reusable_bag .section-02 .text-box,\n#reusable_bag .section-04 .text-box {\n    padding: 0 12.5% 0 0;\n}\n\n#reusable_bag .section-05 .text-box {\n    padding: 0 5% 0 7.5%;\n}\n\n@media (max-width: 991.98px) {\n    #reusable_bag .section-02 .text-box,\n    #reusable_bag .section-04 .text-box {\n        padding: 0 7.5% 0 0;\n    }\n\n    #reusable_bag .section-05 .text-box {\n        padding: 0 0 0 7.5%;\n    }\n}\n\n@media only screen and (max-width: 575.98px) {\n    #reusable_bag .section-02 .section-wrapper \u003e *,\n    #reusable_bag .section-04 .section-wrapper \u003e *,\n    #reusable_bag .section-05 .section-wrapper \u003e * {\n        flex: 0 0 100%;\n        width: 100%;\n    }\n\n    #reusable_bag .section-02 .text-box,\n    #reusable_bag .section-04 .text-box,\n    #reusable_bag .section-05 .text-box {\n        padding: 10% 5%;\n        text-align: center;\n    }\n}\n\n\/* ===============\n    Section 03\n=============== *\/\n\n#reusable_bag .section-03 {\n    background-image: url('https:\/\/media.mi-home.pl\/products\/reusable-bag\/section-03.jpg');\n}\n\n#reusable_bag .section-03 .text-box {\n    padding-top: 20%;\n    padding-bottom: 20%;\n}\n\n#reusable_bag .section-03 .text-box .text.text--small {\n    opacity: 1;\n}\n\n\/* ===============\n    Section 06\n=============== *\/\n\n#reusable_bag .section-06 {\n    background-image: url('https:\/\/media.mi-home.pl\/products\/reusable-bag\/section-06.jpg');\n    background-position: right center;\n}\n\n#reusable_bag .section-06 .text-box {\n    padding-right: 55%;\n    padding-top: 15%;\n    padding-bottom: 15%;\n}\n\n#reusable_bag .section-06 .image-wrapper img {\n    width: 100%;\n}\n\n@media (max-width: 767.98px) {\n    #reusable_bag .section-06 {\n        background-position: right bottom;\n        background-size: 180% auto;\n        padding-bottom: 450px;\n    }\n\n    #reusable_bag .section-06 .text-box {\n        padding: 10% 5%;\n        text-align: center;\n    }\n}\n\n@media only screen and (max-width: 575.98px) {\n    #reusable_bag .section-06 {\n        padding-bottom: 300px;\n    }\n}\n\n@media only screen and (max-width: 363.98px) {\n    #reusable_bag .section-06 {\n        padding-bottom: 220px;\n    }\n}\n\n\/* ===============\n    Section 07 \u0026 09\n=============== *\/\n\n#reusable_bag .section-07,\n#reusable_bag .section-09 {\n    padding-top: 2.5%;\n    padding-bottom: 7.5%;\n}\n\n#reusable_bag .section-07 .image-wrapper,\n#reusable_bag .section-09 .image-wrapper {\n    display: flex;\n    max-width: 860px;\n    width: 90%;\n    margin: 0 auto;\n    flex-wrap: wrap;\n    justify-content: space-between;\n}\n\n#reusable_bag .section-09 .image-wrapper {\n    max-width: 920px;\n}\n\n#reusable_bag .section-07 .image-wrapper .item,\n#reusable_bag .section-09 .image-wrapper .item {\n    flex: 0 0 calc(50% - 10px);\n    width: calc(50% - 10px);\n    text-align: center;\n}\n\n@media only screen and (max-width: 575.98px) {\n    #reusable_bag .section-07 .image-wrapper .item,\n    #reusable_bag .section-09 .image-wrapper .item {\n        flex: 0 0 100%;\n        width: 100%;\n        margin-bottom: 20px;\n    }\n}\n\n\/* ===============\n    Section 08\n=============== *\/\n\n#reusable_bag .section-08 .image-wrapper img {\n    width: 100%;\n}\n\n\/* If you're copying, you are a very bad person. Very. *\/\n\u003c\/style\u003e\r\n\r\n\u003cscript type=\"module\"\u003e\r\n    require(\r\n        ['aos', 'jquery'],\r\n        function (AOS, $) {\r\n            $(window).on('load scroll',function(){\r\n                AOS.init({\r\n                    once:true\r\n                });\r\n            });\r\n        }\r\n    );\r\n\u003c\/script\u003e\r\n\r\n\u003c!-- container --\u003e\r\n\u003cdiv class=\"xiaomi_container\" id=\"reusable_bag\"\u003e\r\n    \u003csection class=\"section section-01 section-bg\"\u003e\r\n        \u003cdiv class=\"text-box text-box--left text-box--white\" data-aos=\"fade-up\" data-aos-duration=\"1000\" data-aos-delay=\"0\"\u003e\r\n            \u003cspan class=\"title font-bold xiaomi_product_name\"\u003e\u003cstrong\u003eXiaomi\u003c\/strong\u003e Reusable Bag\u003c\/span\u003e\r\n            \u003cspan class=\"desc\"\u003eZamień ochronę środowiska w nawyk.\u003c\/span\u003e\r\n        \u003c\/div\u003e\r\n    \u003c\/section\u003e\r\n\r\n    \u003csection class=\"section section-02\"\u003e\r\n        \u003cdiv class=\"section-wrapper\"\u003e\r\n            \u003cdiv class=\"text-box text-box--left\" data-aos=\"fade-up\" data-aos-duration=\"1000\" data-aos-delay=\"0\"\u003e\r\n                \u003cspan class=\"title font-bold\"\u003eArcydzieło Hara Kenya sprawia, że technologia staje się bliższa życiu.\u003c\/span\u003e\r\n                \u003cspan class=\"text\"\u003eWizja marki Xiaomi zawiera w sobie myślenie o orientalnej filozofii. Im bardziej technologia ewoluuje, tym bliżej jej do prawdziwej formy życia.\u003c\/span\u003e\r\n\r\n                \u003cspan class=\"text text--small\"\u003eFot. \u003cbr\u003e Takashi Sekiguchi\u003c\/span\u003e\r\n            \u003c\/div\u003e\r\n\r\n            \u003cdiv class=\"image-wrapper\"\u003e\r\n                \u003cimg src=\"https:\/\/media.mi-home.pl\/products\/reusable-bag\/section-02.jpg\" alt=\"\"\u003e\r\n            \u003c\/div\u003e\r\n        \u003c\/div\u003e\r\n    \u003c\/section\u003e\r\n\r\n    \u003csection class=\"section section-03 section-bg\"\u003e\r\n        \u003cdiv class=\"text-box text-box--white\" data-aos=\"fade-up\" data-aos-duration=\"1000\" data-aos-delay=\"0\"\u003e\r\n            \u003cspan class=\"title font-bold\"\u003ePrzyjazny dla środowiska papier DuPont™, łatwy w recyklingu i nadający się do wielokrotnego użytku.\u003c\/span\u003e\r\n            \u003cspan class=\"text\"\u003ePapier Tyvek*DuPont™ to polietylen o wysokiej gęstości poddany specjalnemu procesowi. Może on być w pełni przetworzony i ponownie wykorzystany.\u003c\/span\u003e\r\n            \u003cspan class=\"text text--small\"\u003eDUPONT Tyvek \u003cbr\u003e DuPont® i Tyvek™ są znakami towarowymi spółek zależnych firmy DuPont.\u003c\/span\u003e\r\n        \u003c\/div\u003e\r\n    \u003c\/section\u003e\r\n\r\n    \u003csection class=\"section section-04\"\u003e\r\n        \u003cdiv class=\"section-wrapper\"\u003e\r\n            \u003cdiv class=\"text-box text-box--left\" data-aos=\"fade-up\" data-aos-duration=\"1000\" data-aos-delay=\"0\"\u003e\r\n                \u003cspan class=\"title font-bold\"\u003eSkładana, łatwa do przechowywania, wygodna podczas noszenia.\u003c\/span\u003e\r\n                \u003cspan class=\"desc\"\u003eUliczna moda. Pokaż swoją indywidualność.\u003c\/span\u003e\r\n                \u003cspan class=\"text\"\u003eMożesz ją nosić codziennie bez względu na swoje potrzeby zakupowe. Torba chroni środowisko za każdym razem, gdy jest używana. Zapomnij o jednorazrówkach raz na szawsze!\u003c\/span\u003e\r\n            \u003c\/div\u003e\r\n\r\n            \u003cdiv class=\"image-wrapper\"\u003e\r\n                \u003cimg src=\"https:\/\/media.mi-home.pl\/products\/reusable-bag\/section-04.jpg\" alt=\"\"\u003e\r\n            \u003c\/div\u003e\r\n        \u003c\/div\u003e\r\n    \u003c\/section\u003e\r\n\r\n    \u003csection class=\"section section-05\"\u003e\r\n        \u003cdiv class=\"section-wrapper\"\u003e\r\n            \u003cdiv class=\"text-box text-box--left\" data-aos=\"fade-up\" data-aos-duration=\"1000\" data-aos-delay=\"0\"\u003e\r\n                \u003cspan class=\"title font-bold\"\u003eMocna i trwała. \u003cbr\u003e Idealne rozwiązanie podczas zakupów spożywczych.\u003c\/span\u003e\r\n                \u003cspan class=\"text\"\u003eŁącząc właściwości papieru, folii i tkaniny, torba jest lekka, mocna i odporna na uszkodzenia, co pozwala jej być produktem wielokrotnego użytku.\u003c\/span\u003e\r\n            \u003c\/div\u003e\r\n\r\n            \u003cdiv class=\"image-wrapper\"\u003e\r\n                \u003cimg src=\"https:\/\/media.mi-home.pl\/products\/reusable-bag\/section-05.jpg\" alt=\"\"\u003e\r\n            \u003c\/div\u003e\r\n        \u003c\/div\u003e\r\n    \u003c\/section\u003e\r\n\r\n    \u003csection class=\"section section-06 section-bg\"\u003e\r\n        \u003cdiv class=\"text-box text-box--left\" data-aos=\"fade-up\" data-aos-duration=\"1000\" data-aos-delay=\"0\"\u003e\r\n            \u003cspan class=\"title font-bold\"\u003eMała waga i duża pojemność ułatwią Ci codzienne zakupy.\u003c\/span\u003e\r\n            \u003cspan class=\"text\"\u003eTorba ekologiczna Xiaomi cechuje się niewielką wagą i zwiększoną pojemnością, przez co w pełni zaspokoi Twoje potrzeby podczas codziennych zakupów.\u003c\/span\u003e\r\n        \u003c\/div\u003e\r\n    \u003c\/section\u003e\r\n\r\n    \u003csection class=\"section section-07\"\u003e\r\n        \u003cdiv class=\"text-box\" data-aos=\"fade-up\" data-aos-duration=\"1000\" data-aos-delay=\"0\"\u003e\r\n            \u003cspan class=\"title font-bold\"\u003eDwa kolory do wyboru. Szary lub błyszczący pomarańczowy.\u003c\/span\u003e\r\n            \u003cspan class=\"text\"\u003eGłówny korpus torby wielokrotnego użytku jest biały, z pomarańczowym nadrukiem i czarnym, tkanym uchwytem bądź w wersji z szarym nadrukiem z szarym, tkanym uchwytem.\u003c\/span\u003e\r\n        \u003c\/div\u003e\r\n\r\n        \u003cdiv class=\"image-wrapper\"\u003e\r\n            \u003cdiv class=\"item\"\u003e\r\n                \u003cimg src=\"https:\/\/media.mi-home.pl\/products\/reusable-bag\/section-07_01.jpg\" alt=\"\"\u003e\r\n            \u003c\/div\u003e\r\n            \u003cdiv class=\"item\"\u003e\r\n                \u003cimg src=\"https:\/\/media.mi-home.pl\/products\/reusable-bag\/section-07_02.jpg\" alt=\"\"\u003e\r\n            \u003c\/div\u003e\r\n        \u003c\/div\u003e\r\n    \u003c\/section\u003e\r\n\r\n    \u003csection class=\"section section-08\"\u003e\r\n        \u003cdiv class=\"image-wrapper\"\u003e\r\n            \u003cimg src=\"https:\/\/media.mi-home.pl\/products\/reusable-bag\/section-08.jpg\" alt=\"\"\u003e\r\n        \u003c\/div\u003e\r\n    \u003c\/section\u003e\r\n\r\n    \u003csection class=\"section section-09\"\u003e\r\n        \u003cdiv class=\"text-box\" data-aos=\"fade-up\" data-aos-duration=\"1000\" data-aos-delay=\"0\"\u003e\r\n            \u003cspan class=\"title font-bold\"\u003eXiaomi Eco Bag \"Tablica okulistyczna\" w limitowanej edycji.\u003c\/span\u003e\r\n            \u003cspan class=\"text\"\u003eXiaomi i networkerzy współtworzą design. Spójrz w lewo, spójrz w prawo, spójrz daleko, spójrz blisko. Bez względu na to z jakiej odgległości popatrzysz, logo Xiaomi zawsze wygląda dobrze.\u003c\/span\u003e\r\n            \u003cspan class=\"desc\"\u003eLimitowana edycja, dwa ciekawe style.\u003c\/span\u003e\r\n            \u003cspan class=\"text\"\u003eDwa wzory. Każdy limitowany do 1000 sztuk.\u003c\/span\u003e\r\n        \u003c\/div\u003e\r\n\r\n        \u003cdiv class=\"image-wrapper\"\u003e\r\n            \u003cdiv class=\"item\"\u003e\r\n                \u003cimg src=\"https:\/\/media.mi-home.pl\/products\/reusable-bag\/section-09_01.jpg\" alt=\"\"\u003e\r\n            \u003c\/div\u003e\r\n            \u003cdiv class=\"item\"\u003e\r\n                \u003cimg src=\"https:\/\/media.mi-home.pl\/products\/reusable-bag\/section-09_02.jpg\" alt=\"\"\u003e\r\n            \u003c\/div\u003e\r\n        \u003c\/div\u003e\r\n    \u003c\/section\u003e\r\n\u003c\/div\u003e","brand":"Xiaomi","offers":[{"title":"Default Title","offer_id":44704703775035,"sku":"XIA-EK-000787","price":9.0,"currency_code":"PLN","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0687\/0463\/3147\/products\/4831_xiaomi_reusable_bag-orange-1-base-800px_2f02a3fd-f517-4d9a-adca-71b6a74330f0.png?v=1679747316","url":"https:\/\/tovaro.pl\/products\/xiaomi-reusable-bag","provider":"TOVARO.pl","version":"1.0","type":"link"}