{"id":487,"date":"2025-01-28T21:46:43","date_gmt":"2025-01-28T21:46:43","guid":{"rendered":"https:\/\/firoiptv.com\/?page_id=487"},"modified":"2026-02-02T15:56:28","modified_gmt":"2026-02-02T15:56:28","slug":"guias","status":"publish","type":"page","link":"https:\/\/firoiptv.com\/pt\/guias\/","title":{"rendered":"Guias"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"487\" class=\"elementor elementor-487\" data-elementor-settings=\"{&quot;element_pack_global_tooltip_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true}}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-49edb79 e-flex e-con-boxed e-con e-parent\" data-id=\"49edb79\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-13ba182 e-flex e-con-boxed e-con e-child\" data-id=\"13ba182\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-44fefc3 elementor-widget__width-initial elementor-widget-tablet__width-initial elementor-widget-mobile__width-inherit ui-e-a-animate elementor-widget elementor-widget-highlighted-text\" data-id=\"44fefc3\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation_delay&quot;:300,&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"highlighted-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <h2 class=\"ui-e--highlighted-text\">\n            <span class=\"ui-e-headline-text elementor-repeater-item-2871891 ui-e-headline-color\">\n\t\t\t\t\t\t\t\t\t<span class=\"whitespace\"><\/span>\n                                    <span>\n                                        <span class=\"ui-e-headline-text ui-e-headline-highlighted\">Setting up IPTV<\/span><span class=\"uicore-svg-wrapper\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 150\" preserveAspectRatio=\"none\"><\/svg><\/span><\/span> <span class=\"whitespace\"> <\/span><\/span><span class=\"ui-e-headline-text elementor-repeater-item-4e9a18a\">has never been easier<\/span>        <\/h2>\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-31061fe e-flex e-con-boxed e-con e-parent\" data-id=\"31061fe\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-374a664 elementor-widget elementor-widget-html\" data-id=\"374a664\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n   <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .setup-wrapper {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 40px 20px;\r\n            font-family: inherit;\r\n\r\n            min-height: 100vh;\r\n        }\r\n\r\n        .tabs {\r\n            display: grid;\r\n            grid-template-columns: repeat(6, 1fr);\r\n            gap: 20px;\r\n            margin-bottom: 40px;\r\n            padding: 0 10px;\r\n        }\r\n\r\n        .tab {\r\n            background: white;\r\n            border-radius: 16px;\r\n            padding: 25px 20px;\r\n            cursor: pointer;\r\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n            border: 2px solid #e2e8f0;\r\n            text-align: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);\r\n        }\r\n\r\n        .tab::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 4px;\r\n            background: linear-gradient(90deg, #7000FF, #F3108E);\r\n            transform: scaleX(0);\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .tab:hover {\r\n            transform: translateY(-5px) scale(1.02);\r\n            box-shadow: 0 10px 30px rgba(112, 0, 255, 0.2);\r\n            border-color: #7000FF;\r\n        }\r\n\r\n        .tab:hover::before {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .tab.active {\r\n            background: linear-gradient(135deg, #7000FF 0%, #F3108E 100%);\r\n            color: white;\r\n            border-color: #7000FF;\r\n            transform: translateY(-5px) scale(1.05);\r\n            box-shadow: 0 15px 35px rgba(112, 0, 255, 0.3);\r\n        }\r\n\r\n        .tab.active::before {\r\n            transform: scaleX(1);\r\n            background: rgba(255, 255, 255, 0.3);\r\n        }\r\n\r\n        .tab img {\r\n            width: 48px;\r\n            height: 48px;\r\n            margin-bottom: 12px;\r\n            transition: all 0.3s ease;\r\n            filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.1));\r\n        }\r\n\r\n        .tab:hover img {\r\n            transform: scale(1.1) rotate(2deg);\r\n        }\r\n\r\n        .tab.active img {\r\n            transform: scale(1.15);\r\n            filter: brightness(1.2) drop-shadow(0 4px 12px rgba(255, 255, 255, 0.3));\r\n        }\r\n\r\n        .tab p {\r\n            font-size: 16px;\r\n            font-weight: 600;\r\n            color: #374151;\r\n            margin: 0;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .tab.active p {\r\n            color: white;\r\n            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        .content-panel {\r\n            display: none;\r\n            background: white;\r\n            border-radius: 20px;\r\n            padding: 35px;\r\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\r\n            border: 1px solid #e2e8f0;\r\n        }\r\n\r\n        .content-panel.active {\r\n            display: block;\r\n            animation: slideIn 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n        }\r\n\r\n        @keyframes slideIn {\r\n            from { \r\n                opacity: 0; \r\n                transform: translateY(20px) scale(0.98); \r\n            }\r\n            to { \r\n                opacity: 1; \r\n                transform: translateY(0) scale(1); \r\n            }\r\n        }\r\n\r\n        \/* Sub-tabs for Smart TV *\/\r\n        .sub-tabs {\r\n            display: flex;\r\n            justify-content: center;\r\n            margin-bottom: 30px;\r\n            flex-wrap: wrap;\r\n            gap: 15px;\r\n            padding: 20px;\r\n            background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\r\n            border-radius: 16px;\r\n        }\r\n\r\n        .sub-tab {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            cursor: pointer;\r\n            padding: 12px 24px;\r\n            border-radius: 30px;\r\n            background: white;\r\n            border: 2px solid #e2e8f0;\r\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n            font-weight: 600;\r\n            color: #64748b;\r\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\r\n        }\r\n\r\n        .sub-tab:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 8px 20px rgba(112, 0, 255, 0.15);\r\n            border-color: #7000FF;\r\n            color: #7000FF;\r\n        }\r\n\r\n        .sub-tab.active {\r\n            background: linear-gradient(135deg, #7000FF 0%, #F3108E 100%);\r\n            color: white;\r\n            border-color: #7000FF;\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 12px 25px rgba(112, 0, 255, 0.25);\r\n        }\r\n\r\n        .sub-tab img {\r\n            width: 22px;\r\n            height: 22px;\r\n        }\r\n\r\n        .sub-content {\r\n            display: none;\r\n        }\r\n\r\n        .sub-content.active {\r\n            display: block;\r\n            animation: fadeIn 0.3s ease-in-out;\r\n        }\r\n\r\n        @keyframes fadeIn {\r\n            from { opacity: 0; transform: translateY(10px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n\r\n        .device-card {\r\n            border: 1px solid #e2e8f0;\r\n            border-radius: 16px;\r\n            padding: 30px;\r\n            background: linear-gradient(135deg, #fefefe 0%, #f8fafc 100%);\r\n            transition: all 0.3s ease;\r\n            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);\r\n        }\r\n\r\n        .device-card:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);\r\n            border-color: #7000FF;\r\n        }\r\n\r\n        .device-card h3 {\r\n            font-size: 20px;\r\n            font-weight: 700;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            margin-bottom: 20px;\r\n            color: #1f2937;\r\n            padding-bottom: 15px;\r\n            border-bottom: 2px solid #e2e8f0;\r\n        }\r\n\r\n        .device-card h3 img {\r\n            width: 28px;\r\n            height: 28px;\r\n        }\r\n\r\n        .guide-text {\r\n            font-size: 15px;\r\n            color: #374151;\r\n            line-height: 1.8;\r\n            direction: ltr;\r\n            text-align: left;\r\n        }\r\n\r\n        .guide-text strong,\r\n        .guide-text b {\r\n            color: #7000FF;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .guide-text ul {\r\n            padding-left: 20px;\r\n            margin: 15px 0;\r\n        }\r\n\r\n        .guide-text li {\r\n            margin: 8px 0;\r\n            padding-left: 5px;\r\n        }\r\n\r\n        .guide-text img {\r\n            max-width: 100%;\r\n            height: auto;\r\n            border-radius: 12px;\r\n            margin: 20px auto;\r\n            display: block;\r\n            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\r\n            transition: all 0.3s ease;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .guide-text img:hover {\r\n            transform: scale(1.02);\r\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        .guide-text a {\r\n            color: #00C853;\r\n            text-decoration: none;\r\n            font-weight: 600;\r\n            padding: 2px 6px;\r\n            border-radius: 6px;\r\n            transition: all 0.2s ease;\r\n        }\r\n\r\n        .guide-text a:hover {\r\n            background: rgba(0, 200, 83, 0.1);\r\n            text-decoration: underline;\r\n        }\r\n\r\n        .guide-text hr {\r\n            margin: 30px 0;\r\n            border: none;\r\n            height: 2px;\r\n            background: linear-gradient(90deg, #e2e8f0, #7000FF, #F3108E, #e2e8f0);\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 768px) {\r\n            .setup-wrapper {\r\n                padding: 20px 15px;\r\n            }\r\n\r\n            .tabs {\r\n                grid-template-columns: repeat(3, 1fr);\r\n                gap: 15px;\r\n            }\r\n            \r\n            .tab {\r\n                padding: 20px 15px;\r\n            }\r\n            \r\n            .tab img {\r\n                width: 40px;\r\n                height: 40px;\r\n            }\r\n\r\n            .tab p {\r\n                font-size: 14px;\r\n            }\r\n            \r\n            .sub-tabs {\r\n                flex-direction: column;\r\n                align-items: stretch;\r\n                gap: 10px;\r\n            }\r\n            \r\n            .sub-tab {\r\n                justify-content: center;\r\n                padding: 15px 20px;\r\n            }\r\n\r\n            .content-panel {\r\n                padding: 25px 20px;\r\n            }\r\n\r\n            .device-card {\r\n                padding: 25px 20px;\r\n            }\r\n\r\n            .guide-text {\r\n                font-size: 14px;\r\n            }\r\n\r\n            .guide-text img {\r\n                margin: 15px auto;\r\n                max-width: 95%;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .tabs {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 12px;\r\n            }\r\n\r\n            .tab {\r\n                padding: 18px 15px;\r\n            }\r\n\r\n            .tab img {\r\n                width: 36px;\r\n                height: 36px;\r\n            }\r\n\r\n            .sub-tab {\r\n                padding: 12px 16px;\r\n                font-size: 14px;\r\n            }\r\n        }\r\n\r\n        \/* Image Modal *\/\r\n        .image-modal {\r\n            display: none;\r\n            position: fixed;\r\n            z-index: 1000;\r\n            left: 0;\r\n            top: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background-color: rgba(0, 0, 0, 0.8);\r\n            backdrop-filter: blur(5px);\r\n        }\r\n\r\n        .modal-content {\r\n            display: block;\r\n            margin: auto;\r\n            max-width: 90%;\r\n            max-height: 90%;\r\n            border-radius: 12px;\r\n            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5);\r\n            animation: modalZoom 0.3s ease;\r\n        }\r\n\r\n        @keyframes modalZoom {\r\n            from {\r\n                transform: scale(0.8);\r\n                opacity: 0;\r\n            }\r\n            to {\r\n                transform: scale(1);\r\n                opacity: 1;\r\n            }\r\n        }\r\n\r\n        .close-modal {\r\n            position: absolute;\r\n            top: 20px;\r\n            right: 35px;\r\n            color: white;\r\n            font-size: 40px;\r\n            font-weight: bold;\r\n            cursor: pointer;\r\n            transition: color 0.2s ease;\r\n        }\r\n\r\n        .close-modal:hover {\r\n            color: #F3108E;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"setup-wrapper\">\r\n        <!-- MAIN TABS -->\r\n        <div class=\"tabs\" id=\"setupTabs\">\r\n            <div class=\"tab active\" data-tab=\"smarttv\">\r\n                <img decoding=\"async\" src=\"https:\/\/firoiptv.com\/wp-content\/uploads\/2025\/06\/TV-1.png\" alt=\"Smart TV\">\r\n                <p>Smart TV<\/p>\r\n            <\/div>\r\n            <div class=\"tab\" data-tab=\"firestick\">\r\n                <img decoding=\"async\" src=\"https:\/\/firoiptv.com\/wp-content\/uploads\/2025\/06\/Amazon_Fire_TV_logo_New.png\" alt=\"FireStick\">\r\n                <p>FireStick<\/p>\r\n            <\/div>\r\n            <div class=\"tab\" data-tab=\"windows\">\r\n                <img decoding=\"async\" src=\"https:\/\/firoiptv.com\/wp-content\/uploads\/2025\/06\/windows.png\" alt=\"Windows\">\r\n                <p>Windows Devices<\/p>\r\n            <\/div>\r\n            <div class=\"tab\" data-tab=\"android\">\r\n                <img decoding=\"async\" src=\"https:\/\/firoiptv.com\/wp-content\/uploads\/2025\/06\/android-1.png\" alt=\"Android\">\r\n                <p>Android Devices<\/p>\r\n            <\/div>\r\n            <div class=\"tab\" data-tab=\"ios\">\r\n                <img decoding=\"async\" src=\"https:\/\/firoiptv.com\/wp-content\/uploads\/2025\/06\/ios.png\" alt=\"iOS\">\r\n                <p>Apple \/ iOS<\/p>\r\n            <\/div>\r\n            <div class=\"tab\" data-tab=\"mag\">\r\n                <img decoding=\"async\" src=\"https:\/\/firoiptv.com\/wp-content\/uploads\/2025\/06\/mag.png\" alt=\"MAG\">\r\n                <p>MAG All Models<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Smart TV Panel with Sub-tabs -->\r\n        <div class=\"content-panel active\" id=\"tab-smarttv\">\r\n            <div class=\"sub-tabs\">\r\n                <div class=\"sub-tab active\" data-subtab=\"android-tv\">\r\n                    <img decoding=\"async\" src=\"https:\/\/firoiptv.com\/wp-content\/uploads\/2025\/06\/android-1.png\" alt=\"Android TV\">\r\n                    <span>Android TV<\/span>\r\n                <\/div>\r\n                <div class=\"sub-tab\" data-subtab=\"samsung\">\r\n                    <img decoding=\"async\" src=\"https:\/\/firoiptv.com\/wp-content\/uploads\/2025\/06\/Samsung.png\" alt=\"Samsung\">\r\n                    <span>Samsung<\/span>\r\n                <\/div>\r\n                <div class=\"sub-tab\" data-subtab=\"lg\">\r\n                    <img decoding=\"async\" src=\"https:\/\/firoiptv.com\/wp-content\/uploads\/2025\/06\/LG.png\" alt=\"LG\">\r\n                    <span>LG<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Android TV Sub-content -->\r\n            <div class=\"sub-content active\" id=\"subtab-android-tv\">\r\n                <div class=\"device-card\">\r\n                    <h3><img decoding=\"async\" src=\"https:\/\/firoiptv.com\/wp-content\/uploads\/2025\/06\/android-1.png\" alt=\"Android TV\"> Android TV<\/h3>\r\n                    <div class=\"guide-text\">\r\n                        <p><strong>Step 1:<\/strong> Download <b>Expert IPTV<\/b> from the Google Play Store on your Android TV.<\/p>\r\n                        <img decoding=\"async\" src=\"https:\/\/firoiptv.com\/wp-content\/uploads\/2025\/06\/Expert-IPTV-in-Playstore.png\" alt=\"Expert IPTV in Playstore - \u0627\u0636\u063a\u0637 \u0644\u0644\u062a\u0643\u0628\u064a\u0631\">\r\n\r\n                        <p><strong>Step 2:<\/strong> Open the app and skip the payment screen \u2013 the <b>free version<\/b> is enough for using the service.<\/p>\r\n\r\n                        <p><strong>Step 3:<\/strong> Fill in your subscription details exactly as shown:<\/p>\r\n                        <ul>\r\n                            <li><b>Name:<\/b> Any Name (your choice)<\/li>\r\n                            <li><b>Server:<\/b> Your Portal URL (host)<\/li>\r\n                            <li><b>Username:<\/b> Provided with your subscription<\/li>\r\n                            <li><b>Password:<\/b> Provided with your subscription<\/li>\r\n                        <\/ul>\r\n\r\n                        <img decoding=\"async\" src=\"https:\/\/firoiptv.com\/wp-content\/uploads\/2025\/06\/Expert-IPTV-Setup-1.png\" alt=\"Expert IPTV Setup - \u0627\u0636\u063a\u0637 \u0644\u0644\u062a\u0643\u0628\u064a\u0631\">\r\n\r\n                        <p><strong>Step 4:<\/strong> Click the <b>\"Add Profile\"<\/b> button.<\/p>\r\n                        <p>Wait a few seconds while your channel list loads.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Samsung Sub-content -->\r\n            <div class=\"sub-content\" id=\"subtab-samsung\">\r\n                <div class=\"device-card\">\r\n                    <h3><img decoding=\"async\" src=\"https:\/\/firoiptv.com\/wp-content\/uploads\/2025\/06\/Samsung.png\" alt=\"Samsung\"> Samsung Smart TV<\/h3>\r\n                    <div class=\"guide-text\">\r\n                        <p><strong>Step 1:<\/strong> Download <b>Hot IPTV<\/b> or <b>Hot Player<\/b> from the Samsung App Store, depending on your TV version.<\/p>\r\n                        <img decoding=\"async\" src=\"https:\/\/firoiptv.com\/wp-content\/uploads\/2025\/06\/Hot-IPTV-Setup-Samsung.webp\" alt=\"Hot IPTV on Samsung - \u0627\u0636\u063a\u0637 \u0644\u0644\u062a\u0643\u0628\u064a\u0631\">\r\n\r\n                        <p><strong>Step 2:<\/strong> Once installed, the app will display your unique <b>MAC Address<\/b> on the main screen.<\/p>\r\n                        <img decoding=\"async\" src=\"https:\/\/firoiptv.com\/wp-content\/uploads\/2025\/06\/Hot-IPTV-Setup-2.jpg\" alt=\"MAC Address Screen - \u0627\u0636\u063a\u0637 \u0644\u0644\u062a\u0643\u0628\u064a\u0631\">\r\n\r\n                        <p><strong>Step 3:<\/strong> Visit the official upload portal:<\/p>\r\n                        <p><a href=\"https:\/\/hotplayer.app\/upload\" target=\"_blank\" rel=\"noopener\">https:\/\/hotplayer.app\/upload<\/a><\/p>\r\n                        <img decoding=\"async\" src=\"https:\/\/firoiptv.com\/wp-content\/uploads\/2025\/06\/Hot-IPTV-Setup-3.png\" alt=\"Hot Player Upload - \u0627\u0636\u063a\u0637 \u0644\u0644\u062a\u0643\u0628\u064a\u0631\">\r\n\r\n                        <p><strong>Step 4:<\/strong> Enter your subscription details:<\/p>\r\n                        <ul>\r\n                            <li><b>Name:<\/b> Any Name<\/li>\r\n                            <li><b>Server:<\/b> Host<\/li>\r\n                            <li><b>Username:<\/b> USERNAME<\/li>\r\n                            <li><b>Password:<\/b> PASSWORD<\/li>\r\n                        <\/ul>\r\n                        <img decoding=\"async\" src=\"https:\/\/firoiptv.com\/wp-content\/uploads\/2025\/06\/Hot-IPTV-Setup-4.png\" alt=\"Add Subscription Info - \u0627\u0636\u063a\u0637 \u0644\u0644\u062a\u0643\u0628\u064a\u0631\">\r\n\r\n                        <p><strong>Step 5:<\/strong> Back on your TV, press the <b>Refresh<\/b> button to load the updated channel list.<\/p>\r\n                        <img decoding=\"async\" src=\"https:\/\/firoiptv.com\/wp-content\/uploads\/2025\/06\/Hot-IPTV-Setup-Refresh.jpg\" alt=\"Refresh IPTV - \u0627\u0636\u063a\u0637 \u0644\u0644\u062a\u0643\u0628\u064a\u0631\">\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- LG Sub-content -->\r\n            <div class=\"sub-content\" id=\"subtab-lg\">\r\n                <div class=\"device-card\">\r\n                    <h3><img decoding=\"async\" src=\"https:\/\/firoiptv.com\/wp-content\/uploads\/2025\/06\/LG.png\" alt=\"LG\"> LG Smart TV<\/h3>\r\n                    <div class=\"guide-text\">\r\n                        <p><strong>Step 1:<\/strong> Download <b>Hot IPTV<\/b> or <b>Hot Player<\/b> from the LG Content Store.<\/p>\r\n                        <img decoding=\"async\" src=\"https:\/\/firoiptv.com\/wp-content\/uploads\/2025\/06\/Hot-IPTV-Setup-LG.png\" alt=\"Hot IPTV on LG TV - \u0627\u0636\u063a\u0637 \u0644\u0644\u062a\u0643\u0628\u064a\u0631\">\r\n\r\n                        <p><strong>Step 2:<\/strong> When you open the app, you'll see your unique <b>MAC Address<\/b> displayed on the screen.<\/p>\r\n                        <img decoding=\"async\" src=\"https:\/\/firoiptv.com\/wp-content\/uploads\/2025\/06\/Hot-IPTV-Setup-2.jpg\" alt=\"MAC Address on LG - \u0627\u0636\u063a\u0637 \u0644\u0644\u062a\u0643\u0628\u064a\u0631\">\r\n\r\n                        <p><strong>Step 3:<\/strong> Visit this link to upload your playlist:<\/p>\r\n                        <p><a href=\"https:\/\/hotplayer.app\/upload\" target=\"_blank\" rel=\"noopener\">https:\/\/hotplayer.app\/upload<\/a><\/p>\r\n                        <img decoding=\"async\" src=\"https:\/\/firoiptv.com\/wp-content\/uploads\/2025\/06\/Hot-IPTV-Setup-3.png\" alt=\"Upload Interface - \u0627\u0636\u063a\u0637 \u0644\u0644\u062a\u0643\u0628\u064a\u0631\">\r\n\r\n                        <p><strong>Step 4:<\/strong> Fill in your subscription info:<\/p>\r\n                        <ul>\r\n                            <li><b>Name:<\/b> Any Name<\/li>\r\n                            <li><b>Server:<\/b> Host<\/li>\r\n                            <li><b>Username:<\/b> USERNAME<\/li>\r\n                            <li><b>Password:<\/b> PASSWORD<\/li>\r\n                        <\/ul>\r\n                        <img decoding=\"async\" src=\"https:\/\/firoiptv.com\/wp-content\/uploads\/2025\/06\/Hot-IPTV-Setup-4.png\" alt=\"Account Info Form - \u0627\u0636\u063a\u0637 \u0644\u0644\u062a\u0643\u0628\u064a\u0631\">\r\n\r\n                        <p><strong>Step 5:<\/strong> On your TV, press the <b>Refresh<\/b> button to update your playlist.<\/p>\r\n                        <img decoding=\"async\" src=\"https:\/\/firoiptv.com\/wp-content\/uploads\/2025\/06\/Hot-IPTV-Setup-Refresh.jpg\" alt=\"Refresh Channels on LG - \u0627\u0636\u063a\u0637 \u0644\u0644\u062a\u0643\u0628\u064a\u0631\">\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- FireStick Panel -->\r\n        <div class=\"content-panel\" id=\"tab-firestick\">\r\n            <div class=\"device-card\">\r\n                <h3><img decoding=\"async\" src=\"https:\/\/firoiptv.com\/wp-content\/uploads\/2025\/06\/android-1.png\" alt=\"FireStick\"> Amazon FireStick<\/h3>\r\n\r\n  <h3><img decoding=\"async\" src=\"https:\/\/firoiptv.com\/wp-content\/uploads\/2025\/06\/android-1.png\"> How to Install IPTV Smarters Pro via Downloader<\/h3>\r\n  <div class=\"guide-text\">\r\n\r\n    <p><strong>Step 1:<\/strong> On your FireStick home screen, click the <b>Magnifying Glass<\/b> > <b>Search<\/b>. Type <b>Downloader<\/b> and click the result. Then download and install it.<\/p>\r\n    <img decoding=\"async\" src=\"https:\/\/firoiptv.com\/wp-content\/uploads\/2025\/06\/1.jpg\" alt=\"Search Downloader\" style=\"max-width:100%; border-radius:12px; margin:15px 0;\">\r\n\r\n    <p><strong>Step 2:<\/strong> Go to <b>Settings > My Fire TV > Developer Options<\/b>.<\/p>\r\n    <p>You will see one of two options depending on your FireStick version:<\/p>\r\n    <ul>\r\n      <li><b>Install Unknown Apps:<\/b> Click it and enable Downloader.<\/li>\r\n      <li><b>Apps from Unknown Sources:<\/b> Click and turn it ON.<\/li>\r\n    <\/ul>\r\n    <img decoding=\"async\" src=\"https:\/\/firoiptv.com\/wp-content\/uploads\/2025\/06\/2.jpg\" alt=\"Enable Unknown Sources\" style=\"max-width:100%; border-radius:12px; margin:15px 0;\">\r\n\r\n    <p><strong>Note:<\/strong> If Developer Options are missing, go to <b>Settings > My Fire TV > About<\/b>, click <b>Fire TV Stick<\/b> 7 times to enable it.<\/p>\r\n\r\n    <hr>\r\n\r\n    <h4>Sideload IPTV Smarters Pro APK<\/h4>\r\n\r\n    <p><strong>Step 3:<\/strong> Open <b>Downloader<\/b>. Select <b>Home<\/b> on the left menu. Click the URL box and enter:<\/p>\r\n    <img decoding=\"async\" src=\"https:\/\/firoiptv.com\/wp-content\/uploads\/2025\/06\/3.jpg\" alt=\"Downloader URL Field\" style=\"max-width:100%; border-radius:12px; margin:15px 0;\">\r\n\r\n    <p><strong>Step 4:<\/strong> Enter the code or link and click <b>GO<\/b>.<\/p>\r\n    <img decoding=\"async\" src=\"https:\/\/firoiptv.com\/wp-content\/uploads\/2025\/06\/4.jpg\" alt=\"Enter IPTV Code\" style=\"max-width:100%; border-radius:12px; margin:15px 0;\">\r\n\r\n    <p><strong>Step 5:<\/strong> Wait for download to finish.<\/p>\r\n    <img decoding=\"async\" src=\"https:\/\/firoiptv.com\/wp-content\/uploads\/2025\/06\/5.jpg\" alt=\"Downloading\" style=\"max-width:100%; border-radius:12px; margin:15px 0;\">\r\n\r\n    <p><strong>Step 6:<\/strong> Click <b>Install<\/b> once prompted.<\/p>\r\n    <img decoding=\"async\" src=\"https:\/\/firoiptv.com\/wp-content\/uploads\/2025\/06\/6.jpg\" alt=\"Click Install\" style=\"max-width:100%; border-radius:12px; margin:15px 0;\">\r\n\r\n    <p><strong>Step 7:<\/strong> Wait for installation to finish.<\/p>\r\n    <img decoding=\"async\" src=\"https:\/\/firoiptv.com\/wp-content\/uploads\/2025\/06\/7.jpg\" alt=\"Installing App\" style=\"max-width:100%; border-radius:12px; margin:15px 0;\">\r\n\r\n    <p><strong>Step 8:<\/strong> Click <b>DONE<\/b> (recommended) or <b>OPEN<\/b> to launch the app.<\/p>\r\n    <img decoding=\"async\" src=\"https:\/\/firoiptv.com\/wp-content\/uploads\/2025\/06\/8.jpg\" alt=\"Done or Open\" style=\"max-width:100%; border-radius:12px; margin:15px 0;\">\r\n\r\n    <p><strong>Step 9:<\/strong> Click <b>Delete<\/b> twice to remove the APK and free up space.<\/p>\r\n    <img decoding=\"async\" src=\"https:\/\/firoiptv.com\/wp-content\/uploads\/2025\/06\/9.jpg\" alt=\"Delete APK 1\" style=\"max-width:100%; border-radius:12px; margin:15px 0;\">\r\n    <img decoding=\"async\" src=\"https:\/\/firoiptv.com\/wp-content\/uploads\/2025\/06\/10.jpg\" alt=\"Delete APK 2\" style=\"max-width:100%; border-radius:12px; margin:15px 0;\">\r\n\r\n    <hr>\r\n\r\n    <h4>How to Use IPTV Smarters on FireStick<\/h4>\r\n\r\n    <p>On first launch, accept <b>Terms of Use<\/b>.<\/p>\r\n    <img decoding=\"async\" src=\"https:\/\/firoiptv.com\/wp-content\/uploads\/2025\/06\/11.jpg\" alt=\"Terms of Use\" style=\"max-width:100%; border-radius:12px; margin:15px 0;\">\r\n\r\n    <p>This is the IPTV Smarters Pro home screen:<\/p>\r\n    <img decoding=\"async\" src=\"https:\/\/firoiptv.com\/wp-content\/uploads\/2025\/06\/12.webp\" alt=\"Home Screen\" style=\"max-width:100%; border-radius:12px; margin:15px 0;\">\r\n\r\n    <p><b>Note:<\/b> IPTV Smarters is a media player. It doesn't host channels. You need a valid IPTV subscription.<\/p>\r\n\r\n    <p>You can log in via:<\/p>\r\n    <ul>\r\n      <li>Load M3U Playlist or URL<\/li>\r\n      <li>Login with Xtream Codes API<\/li>\r\n    <\/ul>\r\n\r\n    <p><b>Tip:<\/b> Xtream Codes API is easier to type than long M3U links. If your provider supports it, prefer using API login.<\/p>\r\n\r\n    <p>Click <b>Login with Xtream Codes API<\/b>.<\/p>\r\n    <img decoding=\"async\" src=\"https:\/\/firoiptv.com\/wp-content\/uploads\/2025\/06\/13.webp\" alt=\"Login Screen\" style=\"max-width:100%; border-radius:12px; margin:15px 0;\">\r\n\r\n    <p>Enter your details:<\/p>\r\n    <ul>\r\n      <li><b>Any Name<\/b> (profile name)<\/li>\r\n      <li><b>Username<\/b><\/li>\r\n      <li><b>Password<\/b><\/li>\r\n      <li><b>Server URL<\/b><\/li>\r\n    <\/ul>\r\n    <img decoding=\"async\" src=\"https:\/\/firoiptv.com\/wp-content\/uploads\/2025\/06\/14.webp\" alt=\"Enter Login Info\" style=\"max-width:100%; border-radius:12px; margin:15px 0;\">\r\n\r\n    <p>Click <b>Add User<\/b> to access your IPTV service.<\/p>\r\n  \r\n<\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Windows Panel -->\r\n        <div class=\"content-panel\" id=\"tab-windows\">\r\n            <div class=\"device-card\">\r\n                <h3><img decoding=\"async\" src=\"https:\/\/firoiptv.com\/wp-content\/uploads\/2025\/06\/windows.png\" alt=\"Windows\"> Windows Devices<\/h3>\r\n               <div class=\"guide-text\">\r\n                        <p><strong>Step 1:<\/strong> Download <b>Expert IPTV<\/b> from the Windows Store on your Windows Device.<\/p>\r\n                        <img decoding=\"async\" src=\"https:\/\/firoiptv.com\/wp-content\/uploads\/2025\/06\/Windows-IPTV-EXPERT.png\" alt=\"Expert IPTV in Playstore - \u0627\u0636\u063a\u0637 \u0644\u0644\u062a\u0643\u0628\u064a\u0631\">\r\n\r\n                        <p><strong>Step 2:<\/strong> Open the app and skip the payment screen \u2013 the <b>free version<\/b> is enough for using the service.<\/p>\r\n\r\n                        <p><strong>Step 3:<\/strong> Fill in your subscription details exactly as shown:<\/p>\r\n                        <ul>\r\n                            <li><b>Name:<\/b> Any Name (your choice)<\/li>\r\n                            <li><b>Server:<\/b> Your Portal URL (host)<\/li>\r\n                            <li><b>Username:<\/b> Provided with your subscription<\/li>\r\n                            <li><b>Password:<\/b> Provided with your subscription<\/li>\r\n                        <\/ul>\r\n\r\n                        <img decoding=\"async\" src=\"https:\/\/firoiptv.com\/wp-content\/uploads\/2025\/06\/Expert-IPTV-Setup-1.png\" alt=\"Expert IPTV Setup - \u0627\u0636\u063a\u0637 \u0644\u0644\u062a\u0643\u0628\u064a\u0631\">\r\n\r\n                        <p><strong>Step 4:<\/strong> Click the <b>\"Add Profile\"<\/b> button.<\/p>\r\n                        <p>Wait a few seconds while your channel list loads.<\/p>\r\n                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Android Panel -->\r\n        <div class=\"content-panel\" id=\"tab-android\">\r\n            <div class=\"device-card\">\r\n                <h3><img decoding=\"async\" src=\"https:\/\/firoiptv.com\/wp-content\/uploads\/2025\/06\/android-1.png\" alt=\"Android\"> Android Devices<\/h3>\r\n                <div class=\"guide-text\">\r\n                        <p><strong>Step 1:<\/strong> Download <b>Expert IPTV<\/b> from the Google Play Store on your Android Devices.<\/p>\r\n                        <img decoding=\"async\" src=\"https:\/\/firoiptv.com\/wp-content\/uploads\/2025\/06\/Expert-IPTV-in-Playstore.png\" alt=\"Expert IPTV in Playstore - \u0627\u0636\u063a\u0637 \u0644\u0644\u062a\u0643\u0628\u064a\u0631\">\r\n\r\n                        <p><strong>Step 2:<\/strong> Open the app and skip the payment screen \u2013 the <b>free version<\/b> is enough for using the service.<\/p>\r\n\r\n                        <p><strong>Step 3:<\/strong> Fill in your subscription details exactly as shown:<\/p>\r\n                        <ul>\r\n                            <li><b>Name:<\/b> Any Name (your choice)<\/li>\r\n                            <li><b>Server:<\/b> Your Portal URL (host)<\/li>\r\n                            <li><b>Username:<\/b> Provided with your subscription<\/li>\r\n                            <li><b>Password:<\/b> Provided with your subscription<\/li>\r\n                        <\/ul>\r\n\r\n                        <img decoding=\"async\" src=\"https:\/\/firoiptv.com\/wp-content\/uploads\/2025\/06\/Expert-IPTV-Setup-1.png\" alt=\"Expert IPTV Setup - \u0627\u0636\u063a\u0637 \u0644\u0644\u062a\u0643\u0628\u064a\u0631\">\r\n\r\n                        <p><strong>Step 4:<\/strong> Click the <b>\"Add Profile\"<\/b> button.<\/p>\r\n                        <p>Wait a few seconds while your channel list loads.<\/p>\r\n                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- iOS Panel -->\r\n        <div class=\"content-panel\" id=\"tab-ios\">\r\n            <div class=\"device-card\">\r\n                <h3><img decoding=\"async\" src=\"https:\/\/firoiptv.com\/wp-content\/uploads\/2025\/06\/ios.png\" alt=\"iOS\"> Apple \/ iOS<\/h3>\r\n                <div class=\"guide-text\">\r\n                        <p><strong>Step 1:<\/strong> Download <b>Expert IPTV<\/b> from the App Store on your iOS Device.<\/p>\r\n                        <img decoding=\"async\" src=\"https:\/\/firoiptv.com\/wp-content\/uploads\/2025\/06\/iOS-IPTV-EXPERT.png\" alt=\"Expert IPTV in Playstore - \u0627\u0636\u063a\u0637 \u0644\u0644\u062a\u0643\u0628\u064a\u0631\">\r\n\r\n                        <p><strong>Step 2:<\/strong> Open the app and skip the payment screen \u2013 the <b>free version<\/b> is enough for using the service.<\/p>\r\n\r\n                        <p><strong>Step 3:<\/strong> Fill in your subscription details exactly as shown:<\/p>\r\n                        <ul>\r\n                            <li><b>Name:<\/b> Any Name (your choice)<\/li>\r\n                            <li><b>Server:<\/b> Your Portal URL (host)<\/li>\r\n                            <li><b>Username:<\/b> Provided with your subscription<\/li>\r\n                            <li><b>Password:<\/b> Provided with your subscription<\/li>\r\n                        <\/ul>\r\n\r\n                        <img decoding=\"async\" src=\"https:\/\/firoiptv.com\/wp-content\/uploads\/2025\/06\/Expert-IPTV-Setup-1.png\" alt=\"Expert IPTV Setup - \u0627\u0636\u063a\u0637 \u0644\u0644\u062a\u0643\u0628\u064a\u0631\">\r\n\r\n                        <p><strong>Step 4:<\/strong> Click the <b>\"Add Profile\"<\/b> button.<\/p>\r\n                        <p>Wait a few seconds while your channel list loads.<\/p>\r\n                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- MAG Panel -->\r\n        <div class=\"content-panel\" id=\"tab-mag\">\r\n            <div class=\"device-card\">\r\n                <h3><img decoding=\"async\" src=\"https:\/\/firoiptv.com\/wp-content\/uploads\/2025\/06\/mag.png\" alt=\"MAG\"> MAG All Models<\/h3>\r\n                <div class=\"guide-text\">\r\n                    <p><strong>Setup Instructions:<\/strong><\/p>\r\n                    <p><strong>Step 1:<\/strong> Go to Settings \u2192 System Settings \u2192 Servers<\/p>\r\n                    <p><strong>Step 2:<\/strong> Enter your Portal URL in the Portal 1 field<\/p>\r\n                    <p><strong>Step 3:<\/strong> Save settings and reboot your MAG device<\/p>\r\n                    <p><strong>Step 4:<\/strong> Wait for the channel list to load automatically<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Image Modal -->\r\n    <div id=\"imageModal\" class=\"image-modal\">\r\n        <span class=\"close-modal\">&times;<\/span>\r\n        <img class=\"modal-content\" id=\"modalImage\">\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ Main tabs functionality\r\nconst tabs = document.querySelectorAll(\".tab\");\r\nconst panels = document.querySelectorAll(\".content-panel\");\r\n\r\ntabs.forEach(tab => {\r\n    tab.addEventListener(\"click\", () => {\r\n        \/\/ Remove active class from all tabs and panels\r\n        tabs.forEach(t => t.classList.remove(\"active\"));\r\n        panels.forEach(p => p.classList.remove(\"active\"));\r\n\r\n        \/\/ Add active class to clicked tab and corresponding panel\r\n        tab.classList.add(\"active\");\r\n        const panelId = \"tab-\" + tab.dataset.tab;\r\n        const targetPanel = document.getElementById(panelId);\r\n        if (targetPanel) {\r\n            targetPanel.classList.add(\"active\");\r\n        }\r\n    });\r\n});\r\n\r\n\/\/ Sub-tabs functionality for Smart TV\r\nconst subTabs = document.querySelectorAll(\".sub-tab\");\r\nconst subContents = document.querySelectorAll(\".sub-content\");\r\n\r\nsubTabs.forEach(subTab => {\r\n    subTab.addEventListener(\"click\", () => {\r\n        \/\/ Remove active class from all sub-tabs and sub-contents\r\n        subTabs.forEach(st => st.classList.remove(\"active\"));\r\n        subContents.forEach(sc => sc.classList.remove(\"active\"));\r\n\r\n        \/\/ Add active class to clicked sub-tab and corresponding sub-content\r\n        subTab.classList.add(\"active\");\r\n        const subContentId = \"subtab-\" + subTab.dataset.subtab;\r\n        const targetSubContent = document.getElementById(subContentId);\r\n        if (targetSubContent) {\r\n            targetSubContent.classList.add(\"active\");\r\n        }\r\n    });\r\n});\r\n\r\n\/\/ Image modal functionality\r\nconst modal = document.getElementById('imageModal');\r\nconst modalImg = document.getElementById('modalImage');\r\nconst images = document.querySelectorAll('.guide-text img');\r\nconst closeModal = document.querySelector('.close-modal');\r\n\r\n\/\/ Add click event to all images\r\nimages.forEach(img => {\r\n    img.addEventListener('click', function() {\r\n        modal.style.display = 'block';\r\n        modalImg.src = this.src;\r\n        modalImg.alt = this.alt;\r\n    });\r\n});\r\n\r\n\/\/ Close modal when clicking the X\r\ncloseModal.addEventListener('click', function() {\r\n    modal.style.display = 'none';\r\n});\r\n\r\n\/\/ Close modal when clicking outside the image\r\nmodal.addEventListener('click', function(e) {\r\n    if (e.target === modal) {\r\n        modal.style.display = 'none';\r\n    }\r\n});\r\n\r\n\/\/ Close modal with Escape key\r\ndocument.addEventListener('keydown', function(e) {\r\n    if (e.key === 'Escape' && modal.style.display === 'block') {\r\n        modal.style.display = 'none';\r\n    }\r\n});\r\n\r\n\/\/ Smooth scrolling for internal links\r\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n    anchor.addEventListener('click', function(e) {\r\n        e.preventDefault();\r\n        const target = document.querySelector(this.getAttribute('href'));\r\n        if (target) {\r\n            target.scrollIntoView({\r\n                behavior: 'smooth',\r\n                block: 'start'\r\n            });\r\n        }\r\n    });\r\n});\r\n\r\n\/\/ Enhanced hover effects for tabs\r\ntabs.forEach(tab => {\r\n    tab.addEventListener('mouseenter', function() {\r\n        if (!this.classList.contains('active')) {\r\n            this.style.transform = 'translateY(-5px) scale(1.02)';\r\n        }\r\n    });\r\n    \r\n    tab.addEventListener('mouseleave', function() {\r\n        if (!this.classList.contains('active')) {\r\n            this.style.transform = '';\r\n        }\r\n    });\r\n});\r\n\r\n\/\/ Enhanced hover effects for sub-tabs\r\nsubTabs.forEach(subTab => {\r\n    subTab.addEventListener('mouseenter', function() {\r\n        if (!this.classList.contains('active')) {\r\n            this.style.transform = 'translateY(-2px)';\r\n        }\r\n    });\r\n    \r\n    subTab.addEventListener('mouseleave', function() {\r\n        if (!this.classList.contains('active')) {\r\n            this.style.transform = '';\r\n        }\r\n    });\r\n});\r\n\r\n\/\/ Add loading animation for content panels\r\nfunction showPanel(panel) {\r\n    panel.style.opacity = '0';\r\n    panel.style.transform = 'translateY(20px)';\r\n    panel.classList.add('active');\r\n    \r\n    \/\/ Trigger animation\r\n    setTimeout(() => {\r\n        panel.style.opacity = '1';\r\n        panel.style.transform = 'translateY(0)';\r\n    }, 10);\r\n}\r\n\r\n\/\/ Add copy functionality for credentials (if needed)\r\nfunction copyToClipboard(text) {\r\n    navigator.clipboard.writeText(text).then(function() {\r\n        \/\/ Show temporary success message\r\n        showNotification('\u062a\u0645 \u0627\u0644\u0646\u0633\u062e \u0628\u0646\u062c\u0627\u062d!');\r\n    }, function(err) {\r\n        console.error('Could not copy text: ', err);\r\n    });\r\n}\r\n\r\n\/\/ Notification system\r\nfunction showNotification(message) {\r\n    \/\/ Create notification element\r\n    const notification = document.createElement('div');\r\n    notification.textContent = message;\r\n    notification.style.cssText = `\r\n        position: fixed;\r\n        top: 20px;\r\n        right: 20px;\r\n        background: linear-gradient(135deg, #10b981 0%, #059669 100%);\r\n        color: white;\r\n        padding: 15px 25px;\r\n        border-radius: 8px;\r\n        box-shadow: 0 4px 15px rgba(16, 185, 129, 0.3);\r\n        z-index: 1001;\r\n        font-weight: 600;\r\n        opacity: 0;\r\n        transform: translateX(100px);\r\n        transition: all 0.3s ease;\r\n    `;\r\n    \r\n    document.body.appendChild(notification);\r\n    \r\n    \/\/ Show notification\r\n    setTimeout(() => {\r\n        notification.style.opacity = '1';\r\n        notification.style.transform = 'translateX(0)';\r\n    }, 10);\r\n    \r\n    \/\/ Hide notification after 3 seconds\r\n    setTimeout(() => {\r\n        notification.style.opacity = '0';\r\n        notification.style.transform = 'translateX(100px)';\r\n        setTimeout(() => {\r\n            document.body.removeChild(notification);\r\n        }, 300);\r\n    }, 3000);\r\n}\r\n\r\n\/\/ Initialize the interface\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    \/\/ Ensure first tab is active\r\n    if (tabs.length > 0 && !document.querySelector('.tab.active')) {\r\n        tabs[0].classList.add('active');\r\n        if (panels.length > 0) {\r\n            panels[0].classList.add('active');\r\n        }\r\n    }\r\n    \r\n    \/\/ Ensure first sub-tab is active\r\n    if (subTabs.length > 0 && !document.querySelector('.sub-tab.active')) {\r\n        subTabs[0].classList.add('active');\r\n        if (subContents.length > 0) {\r\n            subContents[0].classList.add('active');\r\n        }\r\n    }\r\n    \r\n    \/\/ Add fade-in animation to the main wrapper\r\n    const wrapper = document.querySelector('.setup-wrapper');\r\n    if (wrapper) {\r\n        wrapper.style.opacity = '0';\r\n        wrapper.style.transform = 'translateY(30px)';\r\n        setTimeout(() => {\r\n            wrapper.style.transition = 'all 0.6s ease';\r\n            wrapper.style.opacity = '1';\r\n            wrapper.style.transform = 'translateY(0)';\r\n        }, 100);\r\n    }\r\n});\r\n\r\n\/\/ Add keyboard navigation\r\ndocument.addEventListener('keydown', function(e) {\r\n    \/\/ Tab navigation with arrow keys\r\n    if (e.key === 'ArrowLeft' || e.key === 'ArrowRight') {\r\n        const activeTab = document.querySelector('.tab.active');\r\n        if (activeTab) {\r\n            const currentIndex = Array.from(tabs).indexOf(activeTab);\r\n            let newIndex;\r\n            \r\n            if (e.key === 'ArrowLeft') {\r\n                newIndex = currentIndex > 0 ? currentIndex - 1 : tabs.length - 1;\r\n            } else {\r\n                newIndex = currentIndex < tabs.length - 1 ? currentIndex + 1 : 0;\r\n            }\r\n            \r\n            tabs[newIndex].click();\r\n            tabs[newIndex].focus();\r\n        }\r\n    }\r\n});\r\n\r\n\/\/ Add touch support for mobile devices\r\nlet touchStartX = 0;\r\nlet touchEndX = 0;\r\n\r\ndocument.addEventListener('touchstart', function(e) {\r\n    touchStartX = e.changedTouches[0].screenX;\r\n});\r\n\r\ndocument.addEventListener('touchend', function(e) {\r\n    touchEndX = e.changedTouches[0].screenX;\r\n    handleSwipe();\r\n});\r\n\r\nfunction handleSwipe() {\r\n    const swipeThreshold = 50;\r\n    const swipeDistance = touchEndX - touchStartX;\r\n    \r\n    if (Math.abs(swipeDistance) > swipeThreshold) {\r\n        const activeTab = document.querySelector('.tab.active');\r\n        if (activeTab) {\r\n            const currentIndex = Array.from(tabs).indexOf(activeTab);\r\n            let newIndex;\r\n            \r\n            if (swipeDistance > 0 && currentIndex > 0) {\r\n                \/\/ Swipe right - go to previous tab\r\n                newIndex = currentIndex - 1;\r\n            } else if (swipeDistance < 0 && currentIndex < tabs.length - 1) {\r\n                \/\/ Swipe left - go to next tab\r\n                newIndex = currentIndex + 1;\r\n            }\r\n            \r\n            if (newIndex !== undefined) {\r\n                tabs[newIndex].click();\r\n            }\r\n        }\r\n    }\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Setting up IPTV has never been easier Smart TV FireStick Windows Devices Android Devices Apple \/ iOS MAG All Models Android TV [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-487","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/firoiptv.com\/pt\/wp-json\/wp\/v2\/pages\/487","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/firoiptv.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/firoiptv.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/firoiptv.com\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/firoiptv.com\/pt\/wp-json\/wp\/v2\/comments?post=487"}],"version-history":[{"count":108,"href":"https:\/\/firoiptv.com\/pt\/wp-json\/wp\/v2\/pages\/487\/revisions"}],"predecessor-version":[{"id":2975,"href":"https:\/\/firoiptv.com\/pt\/wp-json\/wp\/v2\/pages\/487\/revisions\/2975"}],"wp:attachment":[{"href":"https:\/\/firoiptv.com\/pt\/wp-json\/wp\/v2\/media?parent=487"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}