{"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\tfont-family: 'slick';\n\tline-height: 20px;\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\twidth: 20px;\n\theight: 20px;\n\tcontent: '•';\n\ttext-align: center;\n\topacity: .25;\n\t-webkit-font-smoothing: antialiased;\n\t-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 class=\"xiaomi_container\" id=\"cyberone\"\u003e\n\u003csection class=\"section section-01 section-bg\"\u003e\n\u003cdiv class=\"text-box text-box--left\" data-aos=\"fade-up\" data-aos-duration=\"1000\" data-aos-delay=\"0\"\u003e\n\u003cspan class=\"title font-bold xiaomi_product_name\"\u003e\u003cimg src=\"https:\/\/media.mi-home.pl\/products\/cyberone\/section-01_logo.png\" alt=\"\"\u003e\u003c\/span\u003e \u003cspan class=\"desc\"\u003ePełnowymiarowy, humanoidalny, \u003cbr\u003e bioniczny robot Xiaomi\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section section-02\"\u003e\n\u003cdiv class=\"image-wrapper\"\u003e\u003cimg src=\"https:\/\/media.mi-home.pl\/products\/cyberone\/section-02.jpg\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section section-03\"\u003e\n\u003cdiv class=\"video-wrapper\"\u003e\u003cvideo class=\"video\" muted=\"\" loop=\"loop\" poster=\"\" playsinline=\"\" autoplay=\"autoplay\" src=\"https:\/\/media.mi-home.pl\/products\/cyberone\/section-03.mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section section-04 section-bg\"\u003e\n\u003cdiv class=\"text-box text-box--left\" data-aos=\"fade-up\" data-aos-duration=\"1000\" data-aos-delay=\"0\"\u003e\n\u003cspan class=\"title font-bold\"\u003eWzrok w czasie rzeczywistym.\u003c\/span\u003e \u003cspan class=\"text\"\u003eDoskonały \"wzrok\" 3D rekonstruuje otaczający świat. \u003cbr\u003e Dokładność pomiaru głębokości w zasięgu do 8 metrów wynosi 99%.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section section-05 section-bg\"\u003e\n\u003cdiv class=\"text-box text-box--left\" data-aos=\"fade-up\" data-aos-duration=\"1000\" data-aos-delay=\"0\"\u003e\n\u003cspan class=\"title font-bold\"\u003eMiłość do życia, pełna swoboda.\u003c\/span\u003e \u003cspan class=\"text\"\u003eTechnologiczny odpowiednik błędnika zapewnia stabilność i balans ciałem. Droid jest wyposażony w 21 niezależnie działających stawów.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section section-06\"\u003e\n\u003cdiv class=\"text-box text-box--left\" data-aos=\"fade-up\" data-aos-duration=\"1000\" data-aos-delay=\"0\"\u003e\n\u003cspan class=\"title font-bold\"\u003eZrozumieć świat. \u003cbr\u003e Z czasem staje się mądrzejszy.\u003c\/span\u003e \u003cspan class=\"text\"\u003e\u003cspan data-mce-fragment=\"1\"\u003eInteligentny \"mózg\" postrzega ludzkie emocje, rozróżnia\u003c\/span\u003e\u003cbr\u003e\u003cspan data-mce-fragment=\"1\"\u003e85 rodzajów semantyki środowiskowej i rozpoznaje 45 rodzajów ludzkich emocji.\u003c\/span\u003e\u003cbr\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"video-wrapper\"\u003e\u003cvideo class=\"video\" muted=\"\" loop=\"loop\" poster=\"\" playsinline=\"\" autoplay=\"autoplay\" src=\"https:\/\/media.mi-home.pl\/products\/cyberone\/section-06.mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section section-07\"\u003e\n\u003cdiv class=\"text-box text-box--white\" data-aos=\"fade-up\" data-aos-duration=\"1000\" data-aos-delay=\"0\"\u003e\n\u003cspan class=\"title title--big font-bold\"\u003eCyberOne\u003c\/span\u003e \u003cspan class=\"desc\"\u003eDwunożny droid ze sztuczną inteligencją\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cul class=\"list\"\u003e\n\u003cli class=\"item\" data-aos=\"fade-up\" data-aos-duration=\"1000\" data-aos-delay=\"0\"\u003e\n\u003cdiv class=\"title\"\u003eRozmiar ciała\u003c\/div\u003e\n\u003cdiv class=\"desc font-color\"\u003e177cm\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003ewzrost\u003c\/div\u003e\n\u003cdiv class=\"desc font-color\"\u003e52kg\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003ewaga\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"item\" data-aos=\"fade-up\" data-aos-duration=\"1000\" data-aos-delay=\"100\"\u003e\n\u003cdiv class=\"title\"\u003eRuch stawów\u003c\/div\u003e\n\u003cdiv class=\"desc font-color\"\u003e300Nm\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003eMaksymalny moment obrotowy\u003c\/div\u003e\n\u003cdiv class=\"desc font-color\"\u003e96Nm\/kg\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003eGęstość maksymalnego momentu obrotowego\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"item\" data-aos=\"fade-up\" data-aos-duration=\"1000\" data-aos-delay=\"200\"\u003e\n\u003cdiv class=\"title\"\u003eAlgorytm kontroli ciała\u003c\/div\u003e\n\u003cdiv class=\"desc font-color\"\u003e21\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003eNiezależnych przegubów\u003c\/div\u003e\n\u003cdiv class=\"desc font-color\"\u003e3,6km\/h\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003ePrędkość maksymalna\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"image-wrapper\"\u003e\n\u003cdiv class=\"item item-1 pulsating-circle\" data-aos=\"fade-up\" data-aos-duration=\"1000\" data-aos-delay=\"0\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"title\"\u003eMaska na głowie\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003eDwuwarstwowa, półprzezroczysta konstrukcja\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"item item-2 pulsating-circle\" data-aos=\"fade-up\" data-aos-duration=\"1000\" data-aos-delay=\"100\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"title\"\u003eModuł wyświetlacza\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003eZakrzywiony ekran OLED 2D\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"item item-3 pulsating-circle\" data-aos=\"fade-up\" data-aos-duration=\"1000\" data-aos-delay=\"0\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"title\"\u003eSystem dźwiękowy\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003ePodwójne magnetyczne głośniki o pełnej częstotliwości\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"item item-4 pulsating-circle\" data-aos=\"fade-up\" data-aos-duration=\"1000\" data-aos-delay=\"200\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"title\"\u003eSystem audio\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003eSystem rozpoznawania dźwięku z dwoma mikrofonami\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"item item-5 pulsating-circle\" data-aos=\"fade-up\" data-aos-duration=\"1000\" data-aos-delay=\"100\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"title\"\u003eCzujnik wizyjny\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003eMi Sense - samodzielnie opracowany moduł wizji przestrzennej \u003cbr\u003e Interaktywna kamera AI\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"item item-6 pulsating-circle\" data-aos=\"fade-up\" data-aos-duration=\"1000\" data-aos-delay=\"0\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"title\"\u003eSilnik ramion\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003eZapewnia trójwymiarowy ruch\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"item item-7 pulsating-circle\" data-aos=\"fade-up\" data-aos-duration=\"1000\" data-aos-delay=\"100\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"title\"\u003eRobotyczne ręce\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003eBez przeciągania, z łatwością podnosi przedmioty\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"item item-8 pulsating-circle\" data-aos=\"fade-up\" data-aos-duration=\"1000\" data-aos-delay=\"300\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"title\"\u003eSilnik obrotu łokci\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003eKonstrukcja pustego okablowania elektrycznego\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"item item-9 pulsating-circle\" data-aos=\"fade-up\" data-aos-duration=\"1000\" data-aos-delay=\"200\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"title\"\u003ePodstawowy tryb ruchu\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003eMaksymalny moment obrotowy 300 Nm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"item item-10 pulsating-circle\" data-aos=\"fade-up\" data-aos-duration=\"1000\" data-aos-delay=\"0\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"title\"\u003eSztywna, lecz elastyczna struktura bioniczna\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003eHybrydowa technologia zapewniająca płynny ruch\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"item item-11 pulsating-circle\" data-aos=\"fade-up\" data-aos-duration=\"1000\" data-aos-delay=\"100\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"title\"\u003eRobotyczne nogi\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003ePrędkość marszu 3,6 km\/h\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg src=\"https:\/\/media.mi-home.pl\/products\/cyberone\/section-07.jpg\" alt=\"\"\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section section-08\"\u003e\n\u003cdiv class=\"text-box text-box--white\" data-aos=\"fade-up\" data-aos-duration=\"1000\" data-aos-delay=\"0\"\u003e\n\u003cspan class=\"title font-bold\"\u003eSystem przestrzeni wizualnej Xiaomi Mi Sense.\u003c\/span\u003e \u003cspan class=\"text\"\u003eSamodzielnie opracowany system rekonstrukcji przestrzennej 3D. \u003cbr\u003e Mi Sense - moduł nawigacji przestrzennej. \u003cbr\u003e Obsługuje GPS i synchronizację zegara.\u003c\/span\u003e \u003cspan class=\"text\"\u003e\u003cstrong class=\"font-color\"\u003e1%\u003c\/strong\u003e \u003cbr\u003e Dokładność pomiaru głębi do 8 metrów.\u003c\/span\u003e \u003cspan class=\"desc\"\u003eAlgorytm audio\u003c\/span\u003e \u003cspan class=\"text\"\u003e\u003cstrong class=\"font-color\"\u003e85\u003c\/strong\u003e sensorów sematycznych środowiska. \u003cbr\u003e Rozpoznawanie \u003cstrong class=\"font-color\"\u003e6\u003c\/strong\u003e kategorii i \u003cstrong class=\"font-color\"\u003e45\u003c\/strong\u003e rodzajów ludzkich emocji.\u003c\/span\u003e \u003cspan class=\"text text--small\"\u003e* Dane analityczne pochodzą z wewnętrznych laboratoriów Xiaomi.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"image-wrapper\"\u003e\n\u003cdiv class=\"item item-1\" data-aos=\"fade-up\" data-aos-duration=\"1000\" data-aos-delay=\"0\"\u003ePostrzeganie emocji\u003c\/div\u003e\n\u003cdiv class=\"item item-2\" data-aos=\"fade-up\" data-aos-duration=\"1000\" data-aos-delay=\"100\"\u003eModuł wyświetlacza. \u003cbr\u003e Zakrzywiony ekran OLED 2D.\u003c\/div\u003e\n\u003cdiv class=\"item item-3\" data-aos=\"fade-up\" data-aos-duration=\"1000\" data-aos-delay=\"200\"\u003eDwukanałowy czujnik dźwięku. \u003cbr\u003e Rozpoznawanie odgłosów za pomocą dwóch mikrofonów.\u003c\/div\u003e\n\u003cdiv class=\"item item-4\" data-aos=\"fade-up\" data-aos-duration=\"1000\" data-aos-delay=\"300\"\u003eCzujnik wizyjny. \u003cbr\u003e Moduł wizyjny Mi Sense Xiaomi. \u003cbr\u003e Interaktywna kamera AI.\u003c\/div\u003e\n\u003cimg src=\"https:\/\/media.mi-home.pl\/products\/cyberone\/section-08.jpg\" alt=\"\"\u003e\n\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 src=\"https:\/\/media.mi-home.pl\/products\/cyberone\/section-09_01.jpg\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slider-item\"\u003e\u003cimg src=\"https:\/\/media.mi-home.pl\/products\/cyberone\/section-09_02.jpg\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slider-item\"\u003e\u003cimg src=\"https:\/\/media.mi-home.pl\/products\/cyberone\/section-09_03.jpg\" alt=\"\"\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 class=\"text-box text-box--left\" data-aos=\"fade-up\" data-aos-duration=\"1000\" data-aos-delay=\"0\"\u003e\u003cspan class=\"desc font-bold\"\u003eKontynuujemy odkrywanie przyszłości. \u003cbr\u003e Inteligentne roboty Xiaomi.\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"image-wrapper\"\u003e\u003cimg src=\"https:\/\/media.mi-home.pl\/products\/cyberone\/section-10.jpg\" alt=\"\"\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\/products\/xiaomi-cyberone","provider":"TOVARO.pl","version":"1.0","type":"link"}