{"product_id":"xiaomi-cyberone","title":"Xiaomi CyberOne","description":"\u003cstyle\u003e\u003c!--\n\/* ===============\n        CyberOne\n    =============== *\/\n    \n    #cyberone {\n        font-size: 16px;\n        overflow: hidden;\n        color: #191919;\n        background-color: #ffffff;\n        font-family: 'Camphor Pro';\n    }\n    \n    #cyberone ul, \n    #cyberone ol {\n        list-style: none;\n        padding-left: 0;\n    }\n    \n    #cyberone video, #cyberone img {\n        vertical-align: middle;\n    }\n    \n    #cyberone video {\n        width: 100%;\n        height: auto;\n    }\n    \n    \n    #cyberone.xiaomi_container {\n        max-width: 2560px;\n    }\n    \n    #cyberone .section {\n        line-height: 1.2;\n    }\n    \n    #cyberone .section-bg {\n        background-size: cover;\n        background-position: center center;\n        background-repeat: no-repeat;\n    }\n    \n    #cyberone .font-bold {\n        font-weight: bold;\n    }\n    \n    #cyberone .font-light {\n        font-weight: 300;\n    }\n    \n    #cyberone .font-color {\n        background: -webkit-linear-gradient(#009EFA, #00EBFA);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n    }\n    \n    #cyberone .text-box {\n        text-align: center;\n        color: #000000;\n        padding: 5% 12.5%;\n    }\n    \n    #cyberone .text-box.text-box--left {\n        text-align: left;\n    }\n    \n    #cyberone .text-box--white {\n        color: #ffffff;\n    }\n    \n    #cyberone .text-box .title, \n    #cyberone .text-box .desc,\n    #cyberone .text-box .text {\n        display: block;\n    }\n    \n    #cyberone .text-box .title {\n        font-size: 36px;\n        line-height: 1.2;\n    }\n    \n    #cyberone .text-box .title.title--big {\n        font-size: 44px;\n        margin-bottom: 20px;\n    }\n    \n    #cyberone .text-box .desc {\n        font-size: 22px;\n        line-height: 1.5;\n        margin-top: 25px;\n        font-weight: 400;\n    }\n    \n    #cyberone .text-box .text {\n        font-size: 15px;\n        line-height: 1.5;\n        margin-top: 25px;\n        font-weight: 300;\n    }\n    \n    #cyberone .text-box .text.text--small {\n        font-size: 14px;\n        opacity: .5;\n    }\n    \n    #cyberone .video-box, #cyberone .image-box {\n        padding: 0 12.5%;\n    }\n    \n    #cyberone .video-box video {\n        width: 100%;\n        height: auto;\n    }\n    \n    #cyberone .video a,\n    #cyberone .video .video-link {\n        position: relative;\n        z-index: 1;\n        display: block;\n        overflow: hidden;\n        cursor: pointer;\n    }\n    \n    #cyberone .video a img,\n    #cyberone .video .video-link img {\n        transition: 0.3s ease-in-out transform;\n    }\n    \n    #cyberone .video a:hover img,\n    #cyberone .video .video-link:hover img  {\n        transform: scale(1.1);\n    }\n    \n    #cyberone .video a::after,\n    #cyberone .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\/cyberone\/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        #cyberone .text-box {   \n            padding: 5%;\n        }\n    \n        #cyberone .text-box .title {\n            font-size: 28px;\n        }\n    \n        #cyberone .text-box .title.title--big {\n            font-size: 36px;\n        }\n    \n        #cyberone .video-box, #cyberone .image-box {\n            padding: 0 5%;\n        }\n    }\n    \n    @media (max-width: 767.98px) {\n        #cyberone .text-box .title {\n            font-size: 24px;\n        }\n    \n        #cyberone .text-box .title.title--big {\n            font-size: 28px;\n        }\n    \n        #cyberone .text-box .desc {\n            font-size: 18px;\n            margin-top: 10px;\n        }\n        \n        #cyberone .text-box .text {\n            margin-top: 15px;\n        }\n    }\n    \n    @media only screen and (max-width: 575.98px) {\n        #cyberone .text-box {\n            padding: 10% 5%;\n        }\n    \n        #cyberone .text-box .title {\n            font-size: 20px;\n        }\n    \n        #cyberone .text-box .title.title--big {\n            font-size: 24px;\n        }\n    \n        #cyberone .text-box .desc {\n            font-size: 16px;\n        }\n        \n        #cyberone .text-box .text {\n            font-size: 14px;\n        }\n    }\n    \n    @media (min-width: 1200px) {\n        #cyberone .text-box .text {\n            padding-left: 10%;\n            padding-right: 10%;\n        }\n    \n        #cyberone .text-box .title.title--big {\n            font-size: 54px;\n        }\n    \n        #cyberone .text-box.text-box--left .text {\n            padding-left: 0;\n            padding-right: 0;\n        }\n    }\n    \n    @media (min-width: 1620px) {\n        #cyberone .text-box .text {\n            font-size: 16px;\n        }\n    }\n    \n    \/* ===============\n       Floating text-box\n    =============== *\/\n    \n    #cyberone .section.section-float {\n        position: relative;\n        z-index: 1;\n        height: 520px;\n    } \n    \n    #cyberone .section.section-float--big {\n        height: 680px;\n    }\n    \n    #cyberone .section .text-box.text-box-float {\n        padding: 0;\n        position: absolute;\n        z-index: 2;\n        top: 50%;\n        width: 40%;\n        transform: translateY(-50%);\n    }\n    \n    #cyberone .section .text-box.text-box-float--left {\n        left: 5%;\n    }\n    \n    #cyberone .section .text-box.text-box-float--right {\n        left: 55%;\n        width: 40%;\n    }\n    \n    @media (max-width: 991.98px) {\n        #cyberone .section.section-float {\n            height: 420px;\n        } \n    \n        #cyberone .section.section-float--big {\n            height: 560px;\n        }\n    \n        #cyberone .section .text-box.text-box-float--right {\n            left: 55%;\n            width: 40%;\n        }\n    }\n    \n    @media (max-width: 767.98px) {\n        #cyberone .section.section-float {\n            height: auto;\n            background-position: center bottom;\n            background-size: 160% auto;\n            background-color: #ffffff;\n            padding-bottom: 550px;\n        }\n    \n        #cyberone .section .text-box.text-box-float,\n        #cyberone .section .text-box.text-box-float--left {\n            position: static;\n            text-align: center;\n            transform: none;\n            padding: 10% 5%;\n            width: 100%;\n        }\n    }\n    \n    @media only screen and (max-width: 575.98px) {\n        #cyberone .section.section-float {\n            padding-bottom: 380px;\n        }\n    }\n    \n    @media only screen and (max-width: 363.98px) {\n        #cyberone .section.section-float {\n            padding-bottom: 280px;\n        }\n    }\n    \n    @media (min-width: 1200px) {\n        #cyberone .section.section-float {\n            height: 620px;\n        }\n    \n        #cyberone .section.section-float--big {\n            height: 820px;\n        }\n    \n        #cyberone .section .text-box.text-box-float {\n            width: 35%;\n        }\n    \n        #cyberone .section .text-box.text-box-float--left {\n            left: 12.5%;\n        }\n    \n        #cyberone .section .text-box.text-box-float--right {\n            width: 35%;\n            left: 55%;\n        }\n    }\n    \n    @media (min-width: 1400px) {\n        #cyberone .section .text-box.text-box-float--right {\n            width: 30%;\n            left: 60%;\n        }\n    }\n    \n    @media (min-width: 1620px) {\n        #cyberone .section.section-float {\n            height: 820px;\n        }\n    \n        #cyberone .section.section-float--big {\n            height: 980px;\n        }\n    \n        #cyberone .section .text-box.text-box-float--right {\n            width: 25%;\n            left: 65%;\n        }\n    }\n    \n    @media (min-width: 2080px) {\n        #cyberone .section.section-float {\n            height: 1080px;\n        }\n    \n        #cyberone .section.section-float--big {\n            height: 1180px;\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    #cyberone .xiaomi_product_name {\n        font-family: 'Xiaomi Brand', 'Camphor Pro', sans-serif !important;\n    }\n    \n    \/* ===============\n        Section 01\n    =============== *\/\n    \n    #cyberone .section-01 {\n        background-image: url('https:\/\/media.mi-home.pl\/products\/cyberone\/section-01.jpg');\n        height: 760px;\n        position: relative;\n        z-index: 1;\n    }\n    \n    #cyberone .section-01 .text-box {\n        padding-top: 15%;\n        padding-left: 55%;\n    }\n    \n    #cyberone .section-01 .text-box .title {\n        font-size: 42px;\n        font-weight: bold;\n    }\n    \n    #cyberone .section-01 .text-box .title img {\n        height: 64px;\n    }\n    \n    #cyberone .section-01 .text-box .desc {\n        font-size: 24px;\n        font-weight: 500;\n        margin-top: 10px;\n    }\n    \n    @media (max-width: 991.98px) {\n        #cyberone .section-01 {\n            height: 640px;\n        }\n    \n        #cyberone .section-01 .text-box .desc {\n            font-size: 20px;\n        }\n    \n        #cyberone .section-01 .text-box .title {\n            font-size: 36px;\n        }\n    }\n    \n    @media (max-width: 767.98px) {\n        #cyberone .section-01 {\n            height: auto;\n            background-size: 150% auto;\n            background-position: left bottom;\n            padding-bottom: 550px;\n            background-color: #FFFFFF;\n        }\n    \n        #cyberone .section-01 .text-box {\n            padding: 10% 5%;\n            text-align: center;\n        }\n    \n        #cyberone .section-01 .text-box .text {\n            font-size: 15px;\n        }\n    \n        #cyberone .section-01 .text-box .title img {\n            height: 48px;\n        }\n    }\n    \n    @media only screen and (max-width: 575.98px) {\n        #cyberone .section-01 {\n            padding-bottom: 350px;\n        }\n    \n        #cyberone .section-01 .text-box {\n            padding: 15% 5% 10%;\n        }\n    \n        #cyberone .section-01 .text-box .title {\n            font-size: 28px;\n        }\n    \n        #cyberone .section-01 .text-box .desc {\n            font-size: 16px;\n        }\n    \n        #cyberone .section-01 .text-box .text {\n            font-size: 14px;\n        }\n    }\n    \n    @media only screen and (max-width: 363.98px) {\n        #cyberone .section-01 {\n            padding-bottom: 250px;\n        }\n    \n        #cyberone .section-01 .text-box .title {\n            font-size: 24px;\n        }\n        \n        #cyberone .section-01 .text-box .title img {\n            height: 36px;\n        }\n    }\n    \n    @media (min-width: 1200px) {\n        #cyberone .section-01 {\n            height: 860px;\n        }\n    \n        #cyberone .section-01 .text-box .title {\n            font-size: 54px;\n        }\n    \n        #cyberone .section-01 .text-box .text {\n            font-size: 18px;\n        }\n    }\n    \n    @media (min-width: 1600px) {\n        #cyberone .section-01 {\n            height: 960px;\n        }\n    \n        #cyberone .section-01 .text-box .title {\n            font-size: 60px;\n        }\n    }\n    \n    @media (min-width: 2080px) {\n        #cyberone .section-01 {\n            height: 1080px;\n        }\n    }\n    \n    \/* ===============\n        Section 04 \u0026 05\n    =============== *\/\n    \n    #cyberone .section-04,\n    #cyberone .section-05 {\n        position: relative;\n        z-index: 1;\n    }\n    \n    #cyberone .section-04 {\n        background-image: url('https:\/\/media.mi-home.pl\/products\/cyberone\/section-04.jpg');\n        background-position: bottom left;\n    }\n    \n    #cyberone .section-05 {\n        background-image: url('https:\/\/media.mi-home.pl\/products\/cyberone\/section-05.jpg');\n        background-position: bottom right;\n    }\n    \n    #cyberone .section-04 .text-box {\n        padding-top: 7.5%;\n        padding-bottom: 45%;\n        padding-left: 55%;\n    }\n    \n    #cyberone .section-05 .text-box {\n        padding-top: 7.5%;\n        padding-bottom: 45%;\n        padding-right: 55%;\n    }\n    \n    @media (max-width: 991.98px) {\n        #cyberone .section-04 .text-box {\n            padding-bottom: 40%;\n            padding-left: 50%;\n        }\n        \n        #cyberone .section-05 .text-box {\n            padding-bottom: 40%;\n            padding-right: 50%;\n        }\n    }\n    \n    @media (max-width: 767.98px) {\n        #cyberone .section-04 {\n            padding-bottom: 450px;\n            background-size: 120% auto;\n            background-position: bottom left;\n        }\n        \n        #cyberone .section-05 {\n            padding-bottom: 450px;\n            background-size: 120% auto;\n            background-position: bottom right;\n        }\n    \n        #cyberone .section-04 .text-box,\n        #cyberone .section-05 .text-box {\n            padding: 10% 5%;\n            text-align: center;\n        }\n    }\n    \n    @media only screen and (max-width: 575.98px) {\n        #cyberone .section-04,\n        #cyberone .section-05 {\n            padding-bottom: 300px;\n        }\n    }\n    \n    @media only screen and (max-width: 363.98px) {\n        #cyberone .section-04,\n        #cyberone .section-05 {\n            padding-bottom: 220px;\n        }\n    }\n    \n    \/* ===============\n        Section 06\n    =============== *\/\n    \n    #cyberone .section-06 {\n        position: relative;\n        z-index: 1;\n    }\n    \n    #cyberone .section-06 .text-box {\n        position: absolute;\n        z-index: 2;\n        padding-top: 10%;\n        width: 100%;\n        top: 0;\n        left: 0;\n        padding-right: 55%;\n    }\n    \n    @media (max-width: 767.98px) {\n        #cyberone .section-06 .text-box {\n            position: static;\n            padding: 10% 5%;\n            text-align: center;\n        }\n    }\n    \n    \/* ===============\n        Section 07\n    =============== *\/\n    \n    #cyberone .section-07 {\n        background-color: #000000;\n        padding-top: 2.5%;\n    }\n    \n    #cyberone .section-07 .list {\n        display: flex;\n        flex-wrap: wrap;\n        max-width: 1160px;\n        width: 90%;\n        margin: 0 auto;\n        padding-bottom: 5%;\n    }\n    \n    #cyberone .section-07 .list .item {\n        flex: 0 0 33.3333%;\n        width: 33.3333%;\n        padding: 20px;\n        color: #ffffff;\n        text-align: center;\n    }\n    \n    #cyberone .section-07 .list .item .title {\n        font-size: 21px;\n        font-weight: bold;\n    }\n    \n    #cyberone .section-07 .list .item .desc {\n        font-size: 24px;\n        font-weight: bold;\n        margin-top: 20px;\n    }\n    \n    #cyberone .section-07 .image-wrapper {\n        position: relative;\n        z-index: 1;\n    }\n    \n    #cyberone .section-07 .image-wrapper .item {\n        position: absolute;\n        z-index: 1;\n        font-size: 14px;\n        font-weight: 300;\n        color: rgba(255,255,255,0.75);\n        width: 240px;\n    }\n    \n    #cyberone .section-07 .image-wrapper .item .title {\n        color: #ffffff;\n        font-weight: bold;\n        font-size: 16px;\n        margin-bottom: 5px;\n    }\n    \n    #cyberone .section-07 .image-wrapper .item-1 {\n        left: 25%;\n        top: 4%;\n    }\n    \n    #cyberone .section-07 .image-wrapper .item-2 {\n        right: 22%;\n        top: 9%;\n    }\n    \n    #cyberone .section-07 .image-wrapper .item-3 {\n        left: 10%;\n        top: 14%;\n    }\n    \n    #cyberone .section-07 .image-wrapper .item-4 {\n        right: 10%;\n        top: 16%;\n    }\n    \n    #cyberone .section-07 .image-wrapper .item-5 {\n        left: 5%;\n        top: 25%;\n    }\n    \n    #cyberone .section-07 .image-wrapper .item-6 {\n        right: 7.5%;\n        top: 27%;\n    }\n    \n    #cyberone .section-07 .image-wrapper .item-7 {\n        left: 5%;\n        top: 40%;\n    }\n    \n    #cyberone .section-07 .image-wrapper .item-8 {\n        right: 5%;\n        top: 39.5%;\n    }\n    \n    #cyberone .section-07 .image-wrapper .item-9 {\n        right: 7%;\n        top: 52%;\n    }\n    \n    #cyberone .section-07 .image-wrapper .item-10 {\n        right: 12.5%;\n        top: 62.5%;\n    }\n    \n    #cyberone .section-07 .image-wrapper .item-11 {\n        left: 15%;\n        bottom: 15%;\n    }\n    \n    @media (max-width: 991.98px) {\n        #cyberone .section-07 .image-wrapper .item.pulsating-circle {\n            width: 20px;\n            height: 20px;\n            cursor: pointer;\n        }\n    \n        #cyberone .section-07 .image-wrapper .item.pulsating-circle::before {\n            content: '';\n            position: relative;\n            z-index: 1;\n            display: block;\n            width: 300%;\n            height: 300%;\n            box-sizing: border-box;\n            margin-left: -100%;\n            margin-top: -100%;\n            border-radius: 45px;\n            background: -webkit-linear-gradient(#009EFA, #00EBFA);\n            animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;\n        }\n    \n        #cyberone .section-07 .image-wrapper .item.pulsating-circle::after {\n            content: '';\n            position: absolute;\n            z-index: 2;\n            left: 0; \n            top: 0;\n            display: block;\n            width: 100%;\n            height: 100%;\n            background-color: white;\n            border-radius: 15px;\n            box-shadow: 0 0 8px rgba(0,0,0,.3);\n            animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -.4s infinite;\n        }\n    \n        @keyframes pulse-ring {\n            0% {\n                transform: scale(.33);\n            }\n            80%, 100% {\n                opacity: 0;\n            }\n        }\n    \n        @keyframes pulse-dot {\n            0% {\n                transform: scale(.8);\n            }\n            50% {\n                transform: scale(1);\n            }\n            100% {\n                transform: scale(.8);\n            }\n        }\n    \n        #cyberone .section-07 .image-wrapper .item.pulsating-circle:hover \u003e div {\n            opacity: 1;\n            display: block;\n        }\n    \n        #cyberone .section-07 .image-wrapper .item \u003e div {\n            font-size: 13px;\n            width: 200px;\n            position: absolute;\n            display: none;\n            opacity: 0;\n            z-index: 3;\n            left: 10px;\n            bottom: 35px;\n            text-align: center;\n            background-color: #ffffff;\n            border-radius: 8px;\n            transition: .3s ease-in-out opacity;\n            padding: 5px;\n            color: #191919;\n        }\n        \n        #cyberone .section-07 .image-wrapper .item .title {\n            font-size: 14px;\n            margin-bottom: 2px;\n            color: #191919;\n        }\n    \n        #cyberone .section-07 .image-wrapper .item-1 {\n            left: 30%;\n            top: 8%;\n        }\n        \n        #cyberone .section-07 .image-wrapper .item-2 {\n            right: 35%;\n            top: 9%;\n        }\n        \n        #cyberone .section-07 .image-wrapper .item-3 {\n            left: 20%;\n            top: 17%;\n        }\n        \n        #cyberone .section-07 .image-wrapper .item-4 {\n            right: 25%;\n            top: 17%;\n        }\n        \n        #cyberone .section-07 .image-wrapper .item-5 {\n            left: 12.5%;\n            top: 29%;\n        }\n        \n        #cyberone .section-07 .image-wrapper .item-6 {\n            right: 19.5%;\n            top: 28%;\n        }\n        \n        #cyberone .section-07 .image-wrapper .item-7 {\n            left: 7.5%;\n            top: 44%;\n        }\n        \n        #cyberone .section-07 .image-wrapper .item-8 {\n            right: 10%;\n            top: 39.5%;\n        }\n        \n        #cyberone .section-07 .image-wrapper .item-9 {\n            right: 19.5%;\n            top: 52%;\n        }\n        \n        #cyberone .section-07 .image-wrapper .item-10 {\n            right: 26%;\n            top: 63%;\n        }\n        \n        #cyberone .section-07 .image-wrapper .item-11 {\n            left: 25%;\n            bottom: 15%;\n        }\n    \n        #cyberone .section-07 .image-wrapper .item-2 \u003e div,\n        #cyberone .section-07 .image-wrapper .item-4 \u003e div,\n        #cyberone .section-07 .image-wrapper .item-6 \u003e div,\n        #cyberone .section-07 .image-wrapper .item-8 \u003e div,\n        #cyberone .section-07 .image-wrapper .item-9 \u003e div,\n        #cyberone .section-07 .image-wrapper .item-10 \u003e div {\n            left: auto;\n            right: 10px;\n        }\n    }\n    \n    @media (max-width: 767.98px) {\n        #cyberone .section-07 .list .item {\n            padding: 10px;\n            font-size: 14px;\n        }\n        \n        #cyberone .section-07 .list .item .title {\n            font-size: 18px;\n        }\n        \n        #cyberone .section-07 .list .item .desc {\n            font-size: 21px;\n            margin-top: 15px;\n        }\n    }\n    \n    @media only screen and (max-width: 575.98px) {\n        #cyberone .section-07 .list .item {\n            flex: 0 0 100%;\n            width: 100%;\n            padding: 30px 10px ;\n        }\n    \n        #cyberone .section-07 .image-wrapper .item.pulsating-circle {\n            width: 15px;\n            height: 15px;\n        }\n    \n        #cyberone .section-07 .list .item .title {\n            font-size: 16px;\n        }\n        \n        #cyberone .section-07 .list .item .desc {\n            font-size: 18px;\n            margin-top: 10px;\n        }\n    }\n    \n    @media (min-width: 1200px) {\n        #cyberone .section-07 .list .item .title {\n            font-size: 24px;\n        }\n    \n        #cyberone .section-07 .list .item .desc {\n            font-size: 36px;\n        }\n    }\n    \n    \/* ===============\n        Section 08\n    =============== *\/\n    \n    #cyberone .section-08 {\n        background-color: #47516A;\n        padding-top: 2.5%;\n    }\n    \n    #cyberone .section-08 .text-box .desc {\n        font-weight: bold;\n    }\n    \n    #cyberone .section-08 .text-box .font-color {\n        font-size: 24px;\n        font-size: bold;\n    }\n    \n    #cyberone .section-08 .image-wrapper {\n        margin-top: 2.5%;\n        position: relative;\n        z-index: 1;\n    }\n    \n    #cyberone .section-08 .item {\n        position: absolute;\n        z-index: 2;\n        color: #ffffff;\n        font-size: 15px;\n        left: 10%;\n        width: 250px;\n    }\n    \n    #cyberone .section-08 .item-1 {\n        font-weight: bold;\n        font-size: 24px;\n        top: 10%;\n        width: auto;\n    }\n    \n    #cyberone .section-08 .item-2 {\n        top: 32.5%;\n    }\n    \n    #cyberone .section-08 .item-3 {\n        top: 62.5%;\n    }\n    \n    #cyberone .section-08 .item-4 {\n        bottom: 5%;\n    }\n    \n    @media (max-width: 991.98px) {\n        #cyberone .section-08 .item {\n            left: 5%;\n        }\n    }\n    \n    @media (max-width: 767.98px) {\n        #cyberone .section-08 .item {\n            font-size: 14px;\n        }\n        \n        #cyberone .section-08 .item-1 {\n            font-size: 21px;\n        }\n    \n        #cyberone .section-08 .item-3 {\n            top: 55%;\n        }\n    }\n    \n    @media only screen and (max-width: 575.98px) {\n        #cyberone .section-08 .item {\n            font-size: 13px;\n        }\n        \n        #cyberone .section-08 .item-1 {\n            font-size: 18px;\n            top: 5%;\n        }\n    \n        #cyberone .section-08 .item-2 {\n            top: 20%;\n        }\n    \n        #cyberone .section-08 .item-3 {\n            top: 45%;\n        }\n    }\n    \n    @media only screen and (max-width: 363.98px) {\n        #cyberone .section-08 .item {\n            font-size: 12px;\n            line-height: 1;\n        }\n    }\n    \n    @media (min-width: 1200px) {\n        #cyberone .section-08 .text-box .font-color {\n            font-size: 32px;\n        }\n    \n        #cyberone .section-08 .item {\n            font-size: 16px;\n        }\n    \n        #cyberone .section-08 .item-1 {\n            font-size: 32px;\n        }\n    }\n    \n    \/* ===============\n        Section 10\n    =============== *\/\n    \n    #cyberone .section-10 {\n        position: relative;\n        z-index: 1;\n    }\n    \n    #cyberone .section-10 .text-box {\n        position: absolute;\n        z-index: 2;\n        width: 100%;\n        top: 0;\n        left: 0;\n        padding-left: 55%;\n        padding-top: 10%;\n    }\n    \n    #cyberone .section-10 .text-box .desc {\n        font-weight: bold;\n    }\n    \n    @media (min-width: 1200px) {\n        #cyberone .section-10 .text-box {\n            padding-left: 60%;\n        }\n    \n        #cyberone .section-10 .text-box .desc {\n            font-size: 28px;\n        }\n    }\n    \n    \/* ===============\n        Section image box\n    =============== *\/\n    \n    #cyberone .section .image-box-wrap {\n        padding: 0;\n        width: 100%;\n        max-width: 2560px;\n        margin: 0 auto;\n        overflow: hidden;\n        border-radius: 0;\n    }\n    \n    #cyberone .section .image-box-wrap .image-box {\n        display: flex;\n        flex-wrap: wrap;\n        padding: 0;\n        background-color: #A2A2A2;\n    }\n    \n    #cyberone .section .image-box--reverse {\n        flex-direction: row-reverse;\n    }\n    \n    #cyberone .section .text-wrap,\n    #cyberone .section .image {\n        width: 50%;\n        flex: 0 0 50%;\n    }\n    \n    #cyberone .section .image {\n        background-color: #A2A2A2;\n    }\n    \n    #cyberone .section .text-wrap {\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n        padding: 0 5%;\n        text-align: left;\n        color: #ffffff;\n    }\n    \n    #cyberone .section .text-wrap .title {\n        font-size: 28px;\n        display: block;\n        margin-bottom: 5px;\n        font-weight: bold;\n    }\n    \n    #cyberone .section .text-wrap .text {\n        font-weight: 500;\n        font-size: 16px;\n        padding-top: 10px;\n        display: block;\n    }\n    \n    @media (max-width: 991.98px) {\n        #cyberone .section .text-wrap .title {\n            font-size: 24px;\n        }\n    \n        #cyberone .section .image-box-wrap {\n            width: 100%;\n            border-radius: 0;\n        }\n    \n        #cyberone .section .text-wrap .text {\n            padding-top: 10px;\n            font-size: 14px;\n        }\n    }\n    \n    @media (max-width: 767.98px) {\n        #cyberone .section .text-wrap {\n            padding: 7.5% 5%;\n            text-align: center;\n        }\n        \n        #cyberone .section .image-box-wrap .image-box {\n            flex-wrap: wrap;\n            flex-direction: column-reverse;\n        }\n    \n        #cyberone .section .text-wrap .title {\n            font-size: 18px;\n        }\n    \n        #cyberone .section .text-wrap,\n        #cyberone .section .text-wrap div,\n        #cyberone .section .image {\n            width: 100%;\n            flex: 0 0 100%;\n        }\n    }\n    \n    @media only screen and (max-width: 575.98px) {\n        #cyberone .section .image-box-wrap {\n            border-radius: 0;\n        }\n    \n        #cyberone .section .text-wrap {\n            padding: 10% 5%;\n        }\n    }\n    \n    @media (min-width: 1200px) {\n        #cyberone .section .text-wrap {\n            padding: 0 10%;\n        }\n    \n        #cyberone .section .text-wrap .title {\n            font-size: 36px;\n            margin-bottom: 10px;\n        }\n    }\n    \n    \/* ===============\n        Section spec\n    =============== *\/\n    \n    #cyberone .section-notes {\n        padding: 3.5% 12.5%;\n        margin: 0 auto;\n    }\n    \n    #cyberone .section-notes ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n    \n    #cyberone .section-notes ul li {\n        color: #ffffff;\n        font-size: 13px;\n        line-height: 1.5;\n        font-weight: 300;\n        opacity: .5;\n        padding-bottom: 5px;\n    }\n    \n    @media (max-width: 991.98px) {\n        #cyberone .section-notes {\n            padding: 5%;\n        }\n    \n        #cyberone .section-notes ul li {\n            font-size: 13px;\n        }\n    }\n    \n    @media (min-width: 1200px) {\n        #cyberone .section-notes {\n            padding: 3.5% 0;\n            max-width: 1164px;\n        }\n    }\n    \n    \/* ===============\n        Slider\n    =============== *\/\n    \n    #cyberone .slick-slider .slick-slide {\n        font-family: 'Camphor Pro';\n    }\n    \n    #cyberone .slick-dots {\n        bottom: 35px;\n    }\n    \n    #cyberone .slick-dots li {\n        text-align: center;\n    }\n    \n    #cyberone .slick-dots li button {\n        display: inline-block;\n    }\n    \n    #cyberone .slick-dots li button::before {\n        font-size: 15px;\n        color: #ffffff;\n        transition: 0.3s ease-in-out opacity;\n        font-family: 'slick';\n        line-height: 20px;\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 20px;\n        height: 20px;\n        content: '•';\n        text-align: center;\n        opacity: .25;\n        -webkit-font-smoothing: antialiased;\n        -moz-osx-font-smoothing: grayscale;\n    }\n    \n    #cyberone .slick-dots li.slick-active button::before,\n    #cyberone .slick-dots li:hover button::before {\n        opacity: 1;\n    }\n    \n    #cyberone .slick-dotted.slick-slider {\n        margin-bottom: 0;\n        padding: 0;\n    }\n    \n    #cyberone .slick-slider \u003e .slider-item {\n        display: none;\n    }\n    \n    #cyberone .slick-slider \u003e .slider-item:first-child {\n        display: block;\n    }\n    \n    #cyberone .slick-slider .slick-dots li button {\n        border-radius: 30px;\n    }\n    \n    #cyberone .slick-slider .slick-dots li button {\n        background: #ffffff;\n        transition: 0.3s ease-in-out opacity;\n        opacity: .25;\n        width: 15px;\n        height: 15px;\n    }\n    \n    #cyberone .slick-slider .slick-dots li.slick-active button,\n    #cyberone .slick-slider .slick-dots li button:hover {\n        background: #ffffff;\n        opacity: 1;\n    }\n    \n    #cyberone .slick-dots li button::before {\n        content: none;\n    }\n    \n    @media (max-width: 767.98px) {\n        #cyberone .slick-dots {\n            bottom: 15px;\n        }\n    }\n--\u003e\u003c\/style\u003e\n\u003c!-- container --\u003e\n\u003cdiv id=\"cyberone\" class=\"xiaomi_container\"\u003e\n\u003csection class=\"section section-01 section-bg\"\u003e\n\u003cdiv data-aos-delay=\"0\" data-aos-duration=\"1000\" data-aos=\"fade-up\" class=\"text-box text-box--left\"\u003e\u003cspan class=\"title font-bold xiaomi_product_name\"\u003e\u003cimg alt=\"\" src=\"https:\/\/media.mi-home.pl\/products\/cyberone\/section-01_logo.png\"\u003e\u003c\/span\u003e \u003cspan class=\"desc\"\u003eПовнорозмірний людиноподібний \u003cbr\u003e біонічний робот Xiaomi\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section section-02\"\u003e\n\u003cdiv class=\"image-wrapper\"\u003e\u003cimg alt=\"\" src=\"https:\/\/media.mi-home.pl\/products\/cyberone\/section-02.jpg\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section section-03\"\u003e\n\u003cdiv class=\"video-wrapper\"\u003e\u003cvideo src=\"https:\/\/media.mi-home.pl\/products\/cyberone\/section-03.mp4\" autoplay=\"autoplay\" playsinline=\"\" poster=\"\" loop=\"loop\" muted=\"\" class=\"video\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section section-04 section-bg\"\u003e\n\u003cdiv data-aos-delay=\"0\" data-aos-duration=\"1000\" data-aos=\"fade-up\" class=\"text-box text-box--left\"\u003e\u003cspan class=\"title font-bold\"\u003eБачення в реальному часі.\u003c\/span\u003e \u003cspan class=\"text\"\u003eПокращений 3D-\"зір\" реконструює навколишній світ. \u003cbr\u003e Точність вимірювання глибини в діапазоні до 8 метрів становить 99%.\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section section-05 section-bg\"\u003e\n\u003cdiv data-aos-delay=\"0\" data-aos-duration=\"1000\" data-aos=\"fade-up\" class=\"text-box text-box--left\"\u003e\u003cspan class=\"title font-bold\"\u003eЛюбов до життя, повна свобода.\u003c\/span\u003e \u003cspan class=\"text\"\u003eТехнологічний еквівалент блукаючого нерва забезпечує стабільність і баланс тіла. Дроїд оснащений 21 суглобом, що працюють незалежно один від одного.\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section section-06\"\u003e\n\u003cdiv data-aos-delay=\"0\" data-aos-duration=\"1000\" data-aos=\"fade-up\" class=\"text-box text-box--left\"\u003e\u003cspan class=\"title font-bold\"\u003eРозуміння світу. \u003cbr\u003e З часом він стає розумнішим.\u003c\/span\u003e \u003cspan class=\"text\"\u003e\u003cspan data-mce-fragment=\"1\"\u003eІнтелектуальний \"мозок\" сприймає людські емоції, розрізняє\u003c\/span\u003e\u003cbr\u003e\u003cspan data-mce-fragment=\"1\"\u003e85 типів семантики навколишнього середовища та розпізнає 45 типів людських емоцій.\u003c\/span\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"video-wrapper\"\u003e\u003cvideo src=\"https:\/\/media.mi-home.pl\/products\/cyberone\/section-06.mp4\" autoplay=\"autoplay\" playsinline=\"\" poster=\"\" loop=\"loop\" muted=\"\" class=\"video\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section section-07\"\u003e\n\u003cdiv data-aos-delay=\"0\" data-aos-duration=\"1000\" data-aos=\"fade-up\" class=\"text-box text-box--white\"\u003e\u003cspan class=\"title title--big font-bold\"\u003eCyberOne\u003c\/span\u003e \u003cspan class=\"desc\"\u003eДвоногий дроїд зі штучним інтелектом\u003c\/span\u003e\u003c\/div\u003e\n\u003cul class=\"list\"\u003e\n\u003cli data-aos-delay=\"0\" data-aos-duration=\"1000\" data-aos=\"fade-up\" class=\"item\"\u003e\n\u003cdiv class=\"title\"\u003eРозмір тіла\u003c\/div\u003e\n\u003cdiv class=\"desc font-color\"\u003e177см\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003eріст\u003c\/div\u003e\n\u003cdiv class=\"desc font-color\"\u003e52кг\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003eвага\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli data-aos-delay=\"100\" data-aos-duration=\"1000\" data-aos=\"fade-up\" class=\"item\"\u003e\n\u003cdiv class=\"title\"\u003eСуглобові рухи\u003c\/div\u003e\n\u003cdiv class=\"desc font-color\"\u003e300Нм\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003eМаксимальний обертовий момент\u003c\/div\u003e\n\u003cdiv class=\"desc font-color\"\u003e96Нм\/кг\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003eМаксимальна щільність крутного моменту\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli data-aos-delay=\"200\" data-aos-duration=\"1000\" data-aos=\"fade-up\" class=\"item\"\u003e\n\u003cdiv class=\"title\"\u003eАлгоритм керування тілом\u003c\/div\u003e\n\u003cdiv class=\"desc font-color\"\u003e21\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003eНезалежні суглоби\u003c\/div\u003e\n\u003cdiv class=\"desc font-color\"\u003e3,6км\/год\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003eМаксимальна швидкість\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"image-wrapper\"\u003e\n\u003cdiv data-aos-delay=\"0\" data-aos-duration=\"1000\" data-aos=\"fade-up\" class=\"item item-1 pulsating-circle\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"title\"\u003eМаска на голові\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003eДвошарова, напівпрозора конструкція\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv data-aos-delay=\"100\" data-aos-duration=\"1000\" data-aos=\"fade-up\" class=\"item item-2 pulsating-circle\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"title\"\u003eМодуль дисплея\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003eВигнутий 2D OLED-екран\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv data-aos-delay=\"0\" data-aos-duration=\"1000\" data-aos=\"fade-up\" class=\"item item-3 pulsating-circle\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"title\"\u003eЗвукова система\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003eПодвійні магнітні повночастотні гучномовці\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv data-aos-delay=\"200\" data-aos-duration=\"1000\" data-aos=\"fade-up\" class=\"item item-4 pulsating-circle\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"title\"\u003eАудіосистема\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003eСистема розпізнавання звуку з двома мікрофонами\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv data-aos-delay=\"100\" data-aos-duration=\"1000\" data-aos=\"fade-up\" class=\"item item-5 pulsating-circle\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"title\"\u003eДатчик зору\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003eMi Sense - самостійно розроблений модуль просторового зору \u003cbr\u003e Інтерактивна камера з ШІ\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv data-aos-delay=\"0\" data-aos-duration=\"1000\" data-aos=\"fade-up\" class=\"item item-6 pulsating-circle\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"title\"\u003eДвигун руки\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003eЗабезпечує тривимірний рух\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv data-aos-delay=\"100\" data-aos-duration=\"1000\" data-aos=\"fade-up\" class=\"item item-7 pulsating-circle\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"title\"\u003eРоботизовані руки\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003eНе тягне, легко піднімає предмети\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv data-aos-delay=\"300\" data-aos-duration=\"1000\" data-aos=\"fade-up\" class=\"item item-8 pulsating-circle\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"title\"\u003eДвигун обертання ліктя\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003eБудівництво порожньої електричної проводки\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv data-aos-delay=\"200\" data-aos-duration=\"1000\" data-aos=\"fade-up\" class=\"item item-9 pulsating-circle\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"title\"\u003eБазовий режим пересування\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003eМаксимальний крутний момент 300 Нм\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv data-aos-delay=\"0\" data-aos-duration=\"1000\" data-aos=\"fade-up\" class=\"item item-10 pulsating-circle\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"title\"\u003eЖорстка, але гнучка біонічна структура\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003eГібридна технологія для плавного руху\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv data-aos-delay=\"100\" data-aos-duration=\"1000\" data-aos=\"fade-up\" class=\"item item-11 pulsating-circle\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"title\"\u003eРоботизовані ноги\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003eШвидкість ходьби 3,6 км\/год\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"\" src=\"https:\/\/media.mi-home.pl\/products\/cyberone\/section-07.jpg\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section section-08\"\u003e\n\u003cdiv data-aos-delay=\"0\" data-aos-duration=\"1000\" data-aos=\"fade-up\" class=\"text-box text-box--white\"\u003e\u003cspan class=\"title font-bold\"\u003eСистема візуального простору Xiaomi Mi Sense.\u003c\/span\u003e \u003cspan class=\"text\"\u003eСамостійно розроблена система 3D просторової реконструкції. \u003cbr\u003e Mi Sense - модуль просторової навігації. \u003cbr\u003e Підтримує GPS і синхронізацію годинника.\u003c\/span\u003e \u003cspan class=\"text\"\u003e\u003cstrong class=\"font-color\"\u003e1%\u003c\/strong\u003e \u003cbr\u003e Точність вимірювання глибини до 8 метрів.\u003c\/span\u003e \u003cspan class=\"desc\"\u003eАлгоритм звуку\u003c\/span\u003e \u003cspan class=\"text\"\u003e\u003cstrong class=\"font-color\"\u003e85\u003c\/strong\u003e семантичних датчиків навколишнього середовища. \u003cbr\u003e Розпізнавання \u003cstrong class=\"font-color\"\u003e6\u003c\/strong\u003e категорій i \u003cstrong class=\"font-color\"\u003e45\u003c\/strong\u003e типів людських емоцій.\u003c\/span\u003e \u003cspan class=\"text text--small\"\u003e* Аналітичні дані надходять з внутрішніх лабораторій Xiaomi.\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"image-wrapper\"\u003e\n\u003cdiv data-aos-delay=\"0\" data-aos-duration=\"1000\" data-aos=\"fade-up\" class=\"item item-1\"\u003eСприйняття емоцій\u003c\/div\u003e\n\u003cdiv data-aos-delay=\"100\" data-aos-duration=\"1000\" data-aos=\"fade-up\" class=\"item item-2\"\u003eДисплейний модуль. \u003cbr\u003e Вигнутий 2D OLED-екран.\u003c\/div\u003e\n\u003cdiv data-aos-delay=\"200\" data-aos-duration=\"1000\" data-aos=\"fade-up\" class=\"item item-3\"\u003eДвоканальний датчик звуку. \u003cbr\u003e Розпізнавання шуму за допомогою двох мікрофонів.\u003c\/div\u003e\n\u003cdiv data-aos-delay=\"300\" data-aos-duration=\"1000\" data-aos=\"fade-up\" class=\"item item-4\"\u003eДатчик зору. \u003cbr\u003e Модуль зору Xiaomi Mi Sense. \u003cbr\u003e Інтерактивна камера з ШІ.\u003c\/div\u003e\n\u003cimg alt=\"\" src=\"https:\/\/media.mi-home.pl\/products\/cyberone\/section-08.jpg\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section section-09\"\u003e\n\u003cdiv class=\"slider-box\"\u003e\n\u003cdiv class=\"slick-slider slider-fade\"\u003e\n\u003cdiv class=\"slider-item\"\u003e\u003cimg alt=\"\" src=\"https:\/\/media.mi-home.pl\/products\/cyberone\/section-09_01.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slider-item\"\u003e\u003cimg alt=\"\" src=\"https:\/\/media.mi-home.pl\/products\/cyberone\/section-09_02.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slider-item\"\u003e\u003cimg alt=\"\" src=\"https:\/\/media.mi-home.pl\/products\/cyberone\/section-09_03.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section section-10\"\u003e\n\u003cdiv data-aos-delay=\"0\" data-aos-duration=\"1000\" data-aos=\"fade-up\" class=\"text-box text-box--left\"\u003e\u003cspan class=\"desc font-bold\"\u003eМи продовжуємо досліджувати майбутнє. \u003cbr\u003e Розумні роботи Xiaomi.\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"image-wrapper\"\u003e\u003cimg alt=\"\" src=\"https:\/\/media.mi-home.pl\/products\/cyberone\/section-10.jpg\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Xiaomi","offers":[{"title":"Default Title","offer_id":46789660770652,"sku":"XIA-DROID-C1","price":0.0,"currency_code":"PLN","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0687\/0463\/3147\/files\/CyberOne-1200px.png?v=1704875504","url":"https:\/\/tovaro.pl\/uk\/products\/xiaomi-cyberone","provider":"TOVARO.pl","version":"1.0","type":"link"}