{"product_id":"md-1017-bt-retro-portable-radio-rechargeable","title":"راديو زمن الطيبين MD-1016BT | تصميم كلاسيكي مع بلوتوث و USB\n\n","description":"\u003c!DOCTYPE html\u003e\n\u003chtml lang=\"ar\" dir=\"rtl\"\u003e\n\u003chead\u003e\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eوصف منتج راديو زمن الطيبين MD-1017BT\u003c\/title\u003e\n\u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;700\u0026family=Playfair+Display:wght@700\u0026display=swap\" rel=\"stylesheet\"\u003e\n\u003cstyle\u003e\n    \/* Custom styles for the Shopify WYSIWYG editor compatibility *\/\n    body {\n        font-family: 'Cairo', sans-serif;\n        background-color: #f9f9f9;\n        color: #333;\n    }\n\n    .product-description-container {\n        max-width: 900px;\n        margin: 0 auto;\n        padding: 20px;\n        background-color: #ffffff;\n        border-radius: 12px;\n        box-shadow: 0 4px 12px rgba(0,0,0,0.08);\n    }\n\n    h1, h2 {\n        font-family: 'Playfair Display', serif;\n        color: #4a3728;\n    }\n\n    h1 {\n        font-size: 2.5rem;\n        text-align: center;\n        margin-bottom: 20px;\n    }\n    \n    h2 {\n        font-size: 2rem;\n        text-align: center;\n        margin-bottom: 20px;\n        margin-top: 40px;\n    }\n\n    p {\n        line-height: 1.8;\n        margin-bottom: 15px;\n        text-align: right;\n    }\n\n    \/* Carousel Styles *\/\n    .carousel-container {\n        position: relative;\n        max-width: 600px;\n        margin: 20px auto;\n        overflow: hidden;\n        border-radius: 12px;\n        box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n        border: 1px solid #e5e7eb;\n    }\n    .carousel-slide {\n        display: flex;\n        transition: transform 0.5s ease-in-out;\n    }\n    .carousel-slide img {\n        width: 100%;\n        flex-shrink: 0;\n    }\n    .carousel-prev, .carousel-next {\n        cursor: pointer;\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        width: auto;\n        padding: 16px;\n        color: white;\n        font-weight: bold;\n        font-size: 20px;\n        background-color: rgba(0,0,0,0.4);\n        user-select: none;\n        transition: background-color 0.3s;\n    }\n    .carousel-next {\n        left: 0;\n        border-radius: 3px 0 0 3px;\n    }\n    .carousel-prev {\n        right: 0;\n        border-radius: 0 3px 3px 0;\n    }\n    .carousel-prev:hover, .carousel-next:hover {\n        background-color: rgba(0,0,0,0.7);\n    }\n\n    \/* Specifications Table *\/\n    .specs-table {\n        margin: 20px auto;\n        width: 100%;\n        max-width: 700px;\n        border-collapse: collapse;\n        text-align: right;\n    }\n    .specs-table td {\n        padding: 12px 15px;\n        border-bottom: 1px solid #e5e7eb;\n    }\n    .specs-table tr:last-child td {\n        border-bottom: none;\n    }\n    .specs-table td:first-child {\n        font-weight: bold;\n        color: #4a3728;\n        width: 40%;\n    }\n\n    .grid-container {\n        display: grid;\n        gap: 20px;\n    }\n\n    .grid-col-3 {\n        grid-template-columns: repeat(3, 1fr);\n    }\n\n    .feature-card {\n        background-color: #f3f4f6;\n        padding: 20px;\n        border-radius: 10px;\n        text-align: center;\n        border: 1px solid #e5e7eb;\n    }\n\n    .feature-card svg {\n        margin: 0 auto 15px auto;\n        color: #8b5cf6;\n    }\n    \n    .faq-item {\n        border-bottom: 1px solid #e5e7eb;\n        padding: 15px 0;\n        text-align: right;\n    }\n\n    .faq-item:last-child {\n        border-bottom: none;\n    }\n\n    .faq-question {\n        font-weight: 700;\n        cursor: pointer;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n\n    .faq-answer {\n        display: none;\n        margin-top: 10px;\n        padding-right: 10px;\n        color: #555;\n    }\n\n    \/* Radio Simulation Styles *\/\n    .radio-simulation {\n        background-color: #e0d8d0;\n        border: 10px solid #4a3728;\n        border-radius: 15px;\n        padding: 20px;\n        margin: 30px auto;\n        max-width: 500px;\n        box-shadow: 0 10px 20px rgba(0,0,0,0.15), inset 0 0 15px rgba(0,0,0,0.2);\n    }\n\n    .radio-header {\n        text-align: center;\n        font-family: 'Playfair Display', serif;\n        color: #4a3728;\n        font-size: 1.5rem;\n        margin-bottom: 15px;\n    }\n\n    .radio-display {\n        background-color: #2c2c2c;\n        color: #ffcc00;\n        font-family: 'Courier New', Courier, monospace;\n        padding: 15px;\n        border-radius: 8px;\n        text-align: center;\n        font-size: 1.8rem;\n        margin-bottom: 20px;\n        border: 3px inset #1e1e1e;\n        letter-spacing: 2px;\n    }\n\n    .radio-controls {\n        display: flex;\n        justify-content: space-around;\n        align-items: center;\n    }\n\n    .radio-knob {\n        width: 80px;\n        height: 80px;\n        background: linear-gradient(145deg, #c7baba, #f0e6de);\n        border-radius: 50%;\n        border: 2px solid #b0a297;\n        box-shadow: 5px 5px 10px #a99a8f, -5px -5px 10px #ffffff;\n        position: relative;\n        cursor: pointer;\n        transition: transform 0.2s;\n    }\n    .radio-knob:active {\n        transform: scale(0.95);\n        box-shadow: inset 5px 5px 10px #a99a8f, inset -5px -5px 10px #ffffff;\n    }\n    .knob-marker {\n        width: 8px;\n        height: 8px;\n        background-color: #4a3728;\n        border-radius: 50%;\n        position: absolute;\n        top: 10px;\n        left: 50%;\n        transform: translateX(-50%);\n    }\n\n    .radio-buttons {\n        display: flex;\n        flex-direction: column;\n        gap: 10px;\n    }\n\n    .radio-button {\n        padding: 8px 15px;\n        background: #d1c4b8;\n        border: 2px solid #b0a297;\n        border-radius: 5px;\n        cursor: pointer;\n        font-weight: bold;\n        color: #4a3728;\n        box-shadow: 3px 3px 6px #b0a297, -3px -3px 6px #f2e8e0;\n        transition: all 0.2s;\n    }\n    .radio-button.active, .radio-button:active {\n        box-shadow: inset 3px 3px 6px #b0a297, inset -3px -3px 6px #f2e8e0;\n        background: #c7baba;\n    }\n\n    \/* Responsive stacking *\/\n    @media (max-width: 768px) {\n        .grid-col-3 {\n            grid-template-columns: 1fr;\n        }\n        h1 {\n            font-size: 2rem;\n        }\n        h2 {\n            font-size: 1.75rem;\n        }\n    }\n\u003c\/style\u003e\n\u003c\/head\u003e\n\u003cbody\u003e\n\n\u003cdiv class=\"product-description-container\"\u003e\n    \n    \u003ch1\u003eراديو زمن الطيبين MD-1017BT مع بلوتوث و USB\u003c\/h1\u003e\n\n    \u003cp\u003eاستمتع بتجربة تجمع بين الطراز الكلاسيكي والوظائف العصرية في جهاز واحد أنيق. راديو MD-1017BT هو راديو كلاسيكي محمول وقابل لإعادة الشحن، مصمم لتقديم أداء صوتي فائق. يجعله تصميمه الخشبي الخالد قطعة مركزية مثالية لأي غرفة، بينما توفر ميزاته المتعددة تجربة استماع غنية. يتصل هذا الراديو الكلاسيكي بسلاسة بأجهزتك عبر البلوتوث، ويدعم أيضًا تشغيل الموسيقى من محركات أقراص USB وبطاقات TF، مما يوفر صوتًا واضحًا وقويًا أينما ذهبت.\u003c\/p\u003e\n\n    \u003c!-- Image Carousel Section --\u003e\n    \u003cdiv class=\"carousel-container\"\u003e\n        \u003cdiv class=\"carousel-slide\"\u003e\n            \u003cimg src=\"https:\/\/q0mezmwy1vl94x5s-90795508005.shopifypreview.com\/cdn\/shop\/files\/image_28.webp?v=1752159557\u0026width=1800\" alt=\"راديو كلاسيكي منظر أمامي\" onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/600x400\/c2b2a8\/4a3728?text=الصورة+غير+متوفرة';\"\u003e\n            \u003cimg src=\"https:\/\/q0mezmwy1vl94x5s-90795508005.shopifypreview.com\/cdn\/shop\/files\/image_29.webp?v=1752159555\u0026width=1800\" alt=\"راديو كلاسيكي منظر جانبي\" onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/600x400\/d1c4b8\/4a3728?text=الصورة+غير+متوفرة';\"\u003e\n            \u003cimg src=\"https:\/\/q0mezmwy1vl94x5s-90795508005.shopifypreview.com\/cdn\/shop\/files\/xlarge_20241025111624_9c941ba5.jpg?v=1752159391\u0026width=1800\" alt=\"اللوحة الخلفية للراديو مع المنافذ\" onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/600x400\/e0d8d0\/4a3728?text=الصورة+غير+متوفرة';\"\u003e\n        \u003c\/div\u003e\n        \u003ca class=\"carousel-prev\" onclick=\"moveSlide(-1)\"\u003e\u0026#10095;\u003c\/a\u003e\n        \u003ca class=\"carousel-next\" onclick=\"moveSlide(1)\"\u003e\u0026#10094;\u003c\/a\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Interactive Radio Simulation --\u003e\n    \u003cdiv class=\"radio-simulation\" aria-label=\"محاكاة راديو تفاعلية\"\u003e\n        \u003cdiv class=\"radio-header\"\u003eالتحكم بالصوت الكلاسيكي\u003c\/div\u003e\n        \u003cdiv id=\"radioDisplay\" class=\"radio-display\"\u003eFM 98.5\u003c\/div\u003e\n        \u003cdiv class=\"radio-controls\"\u003e\n            \u003cdiv class=\"radio-buttons\"\u003e\n                \u003cbutton id=\"btnFM\" class=\"radio-button active\" onclick=\"setMode('FM')\"\u003eFM\u003c\/button\u003e\n                \u003cbutton id=\"btnAM\" class=\"radio-button\" onclick=\"setMode('AM')\"\u003eAM\u003c\/button\u003e\n                \u003cbutton id=\"btnBT\" class=\"radio-button\" onclick=\"setMode('BT')\"\u003eبلوتوث\u003c\/button\u003e\n            \u003c\/div\u003e\n            \u003cdiv id=\"tuningKnob\" class=\"radio-knob\" title=\"أدر للبحث\"\u003e\n                \u003cdiv id=\"tuningMarker\" class=\"knob-marker\"\u003e\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Features Grid --\u003e\n    \u003ch2\u003eالميزات الأساسية\u003c\/h2\u003e\n    \u003cdiv class=\"grid-container grid-col-3\"\u003e\n        \u003cdiv class=\"feature-card\"\u003e\n            \u003csvg class=\"w-12 h-12\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n            \u003ch3 class=\"font-bold text-lg mb-2\"\u003eتصميم كلاسيكي أصيل\u003c\/h3\u003e\n            \u003cp\u003eجمالية خالدة مع لمسة نهائية خشبية تضيف لمسة من الأناقة الكلاسيكية إلى أي مكان.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-card\"\u003e\n            \u003csvg class=\"w-12 h-12\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 19V6l12-3v13M9 19c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zm12-3c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zM9 6l12-3\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n            \u003ch3 class=\"font-bold text-lg mb-2\"\u003eمصادر صوت متعددة\u003c\/h3\u003e\n            \u003cp\u003eاستمع عبر راديو FM\/AM، أو اتصل لاسلكيًا بالبلوتوث، أو قم بتشغيل الموسيقى من USB أو بطاقة TF.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-card\"\u003e\n            \u003csvg class=\"w-12 h-12\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"\u003e\u003c\/path\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n            \u003ch3 class=\"font-bold text-lg mb-2\"\u003eصوت عالي الدقة\u003c\/h3\u003e\n            \u003cp\u003eيقدم صوتًا نقيًا وواضحًا مع مكبر صوت قوي يملأ غرفتك بصوت غني.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"grid-container grid-col-3 mt-5\"\u003e\n        \u003cdiv class=\"feature-card\"\u003e\n            \u003csvg class=\"w-12 h-12\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 18h.01M8 21h8a2 2 0 002-2V5a2 2 0 00-2-2H8a2 2 0 00-2 2v14a2 2 0 002 2z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n            \u003ch3 class=\"font-bold text-lg mb-2\"\u003eمحمول وقابل للشحن\u003c\/h3\u003e\n            \u003cp\u003eتوفر البطارية المدمجة القابلة لإعادة الشحن ساعات من الاستماع، مما يجعله راديو محمول رائع لأي مناسبة.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-card\"\u003e\n            \u003csvg class=\"w-12 h-12\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n            \u003ch3 class=\"font-bold text-lg mb-2\"\u003eواجهة مستخدم بسيطة\u003c\/h3\u003e\n            \u003cp\u003eمقابض تناظرية وأزرار ضغط سهلة الاستخدام للبحث والتحكم في مستوى الصوت واختيار الوضع.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-card\"\u003e\n            \u003csvg class=\"w-12 h-12\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n            \u003ch3 class=\"font-bold text-lg mb-2\"\u003eاتصال واسع\u003c\/h3\u003e\n            \u003cp\u003eيتضمن مقبس سماعة رأس قياسي للاستماع الخاص ومدخل AUX للأجهزة الصوتية الأخرى.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Specifications Section --\u003e\n    \u003ch2\u003eالمواصفات الفنية\u003c\/h2\u003e\n    \u003ctable class=\"specs-table\"\u003e\n        \u003ctbody\u003e\n            \u003ctr\u003e\n                \u003ctd\u003eالموديل\u003c\/td\u003e\n                \u003ctd\u003eMD-1017BT\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n                \u003ctd\u003eالاتصال\u003c\/td\u003e\n                \u003ctd\u003eبلوتوث 5.0، USB، بطاقة TF، مدخل AUX، مقبس سماعة رأس\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n                \u003ctd\u003eموجات الراديو\u003c\/td\u003e\n                \u003ctd\u003eFM, AM, SW\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n                \u003ctd\u003eمصدر الطاقة\u003c\/td\u003e\n                \u003ctd\u003eبطارية مدمجة قابلة للشحن، محول طاقة DC\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n                \u003ctd\u003eالمواد\u003c\/td\u003e\n                \u003ctd\u003eهيكل بنمط خشبي، لمسات معدنية\u003c\/td\u003e\n            \u003c\/tr\u003e\n             \u003ctr\u003e\n                \u003ctd\u003eالأبعاد\u003c\/td\u003e\n                \u003ctd\u003e23 سم × 15 سم × 10 سم (تقريبًا)\u003c\/td\u003e\n            \u003c\/tr\u003e\n             \u003ctr\u003e\n                \u003ctd\u003eالوزن\u003c\/td\u003e\n                \u003ctd\u003e1.2 كجم (تقريبًا)\u003c\/td\u003e\n            \u003c\/tr\u003e\n        \u003c\/tbody\u003e\n    \u003c\/table\u003e\n\n    \u003c!-- FAQ Section --\u003e\n    \u003ch2\u003eالأسئلة الشائعة\u003c\/h2\u003e\n    \u003cdiv class=\"mt-10\"\u003e\n        \u003cdiv class=\"faq-item\"\u003e\n            \u003cdiv class=\"faq-question\" onclick=\"toggleFaq(this)\"\u003e\n                \u003cspan\u003eكم تدوم البطارية عند الشحن الكامل؟\u003c\/span\u003e\n                \u003cspan\u003e+\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"faq-answer\"\u003e\n                \u003cp\u003eتوفر البطارية القابلة لإعادة الشحن عدة ساعات من التشغيل المستمر، حسب مستوى الصوت والاستخدام.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"faq-item\"\u003e\n            \u003cdiv class=\"faq-question\" onclick=\"toggleFaq(this)\"\u003e\n                \u003cspan\u003eما هو مدى البلوتوث؟\u003c\/span\u003e\n                \u003cspan\u003e+\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"faq-answer\"\u003e\n                \u003cp\u003eيعمل اتصال البلوتوث المستقر بفعالية حتى 10 أمتار (حوالي 33 قدمًا) في منطقة مفتوحة.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"faq-item\"\u003e\n            \u003cdiv class=\"faq-question\" onclick=\"toggleFaq(this)\"\u003e\n                \u003cspan\u003eهل يمكنني الاستماع إلى الراديو أثناء شحنه؟\u003c\/span\u003e\n                \u003cspan\u003e+\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"faq-answer\"\u003e\n                \u003cp\u003eنعم، يعمل الراديو بكامل طاقته أثناء توصيله بالكهرباء وشحنه.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Scroll to Top Button --\u003e\n    \u003cdiv class=\"text-center mt-10\"\u003e\n        \u003cbutton onclick=\"scrollToTop(event)\" class=\"bg-[#4a3728] text-white font-bold py-3 px-6 rounded-lg shadow-md hover:bg-[#6d5340] transition-colors duration-300\"\u003e\n            العودة إلى الأعلى\n        \u003c\/button\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Copyright --\u003e\n    \u003cfooter class=\"text-center text-gray-500 text-sm mt-10 pt-5 border-t\"\u003e\n        \u0026copy; 2025 Armor-Store. جميع الحقوق محفوظة. نمط 88.\n    \u003c\/footer\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n    \/\/ FAQ Toggle Function\n    function toggleFaq(element) {\n        const answer = element.nextElementSibling;\n        const sign = element.querySelector('span:last-child');\n        if (answer.style.display === \"block\") {\n            answer.style.display = \"none\";\n            sign.textContent = '+';\n        } else {\n            \/\/ Close other open FAQs\n            document.querySelectorAll('.faq-answer').forEach(ans =\u003e ans.style.display = 'none');\n            document.querySelectorAll('.faq-question span:last-child').forEach(s =\u003e s.textContent = '+');\n            \/\/ Open the clicked one\n            answer.style.display = \"block\";\n            sign.textContent = '-';\n        }\n    }\n\n    \/\/ Scroll to Top Function\n    function scrollToTop(event) {\n        event.preventDefault();\n        window.scrollTo({\n            top: 0,\n            behavior: 'smooth'\n        });\n    }\n\n    \/\/ Carousel Logic\n    let slideIndex = 0;\n    const slides = document.querySelector('.carousel-slide');\n    const totalSlides = slides ? slides.children.length : 0;\n\n    function showSlides() {\n        if (slides) {\n            slides.style.transform = `translateX(${slideIndex * 100}%)`;\n        }\n    }\n\n    function moveSlide(n) {\n        slideIndex -= n;\n        if (slideIndex \u003e= totalSlides) {\n            slideIndex = 0;\n        }\n        if (slideIndex \u003c 0) {\n            slideIndex = totalSlides - 1;\n        }\n        showSlides();\n    }\n\n    \/\/ Interactive Radio Simulation Logic\n    document.addEventListener('DOMContentLoaded', function() {\n        showSlides(); \/\/ Initialize carousel\n\n        const display = document.getElementById('radioDisplay');\n        const tuningKnob = document.getElementById('tuningKnob');\n        const tuningMarker = document.getElementById('tuningMarker');\n        const buttons = document.querySelectorAll('.radio-button');\n\n        let currentMode = 'FM';\n        let fmFrequency = 98.5;\n        let amFrequency = 820;\n        let rotation = 180; \/\/ Start in the middle\n        let isDragging = false;\n\n        function updateDisplay() {\n            if (currentMode === 'FM') {\n                display.textContent = `FM ${fmFrequency.toFixed(1)}`;\n            } else if (currentMode === 'AM') {\n                display.textContent = `AM ${amFrequency}`;\n            } else {\n                display.textContent = 'بلوتوث';\n            }\n        }\n\n        window.setMode = function(mode) {\n            currentMode = mode;\n            buttons.forEach(btn =\u003e btn.classList.remove('active'));\n            \n            let activeBtn;\n            if (mode === 'BT') {\n                activeBtn = Array.from(buttons).find(b =\u003e b.textContent.includes('بلوتوث'));\n            } else {\n                activeBtn = document.getElementById(`btn${mode}`);\n            }\n            if(activeBtn) activeBtn.classList.add('active');\n\n            updateDisplay();\n        }\n\n        function handleTuning(movement) {\n            if (currentMode === 'BT') return; \/\/ Disable tuning in Bluetooth mode\n            rotation += movement;\n            if (rotation \u003c 0) rotation = 0;\n            if (rotation \u003e 360) rotation = 360;\n            \n            tuningMarker.style.transform = `translateX(-50%) rotate(${rotation}deg)`;\n            tuningKnob.style.transform = `rotate(${rotation \/ 20}deg)`;\n\n            if (currentMode === 'FM') {\n                fmFrequency = 88.0 + (rotation \/ 360) * (108.0 - 88.0);\n            } else if (currentMode === 'AM') {\n                amFrequency = 540 + Math.round((rotation \/ 360) * (1700 - 540) \/ 10) * 10;\n            }\n            updateDisplay();\n        }\n        \n        tuningKnob.addEventListener('mousedown', (e) =\u003e {\n            isDragging = true;\n            tuningKnob.style.cursor = 'grabbing';\n        });\n\n        window.addEventListener('mouseup', () =\u003e {\n            isDragging = false;\n            tuningKnob.style.cursor = 'pointer';\n        });\n\n        window.addEventListener('mousemove', (e) =\u003e {\n            if (isDragging) {\n                handleTuning(e.movementX);\n            }\n        });\n        \n        \/\/ Touch events for mobile\n        let lastTouchX = 0;\n        tuningKnob.addEventListener('touchstart', (e) =\u003e {\n            isDragging = true;\n            lastTouchX = e.touches[0].clientX;\n            e.preventDefault();\n        }, { passive: false });\n\n        tuningKnob.addEventListener('touchend', () =\u003e {\n            isDragging = false;\n        });\n\n        tuningKnob.addEventListener('touchmove', (e) =\u003e {\n            if (isDragging) {\n                const touchX = e.touches[0].clientX;\n                const movement = touchX - lastTouchX;\n                handleTuning(movement * 2); \/\/ Amplify movement for touch\n                lastTouchX = touchX;\n                e.preventDefault();\n            }\n        }, { passive: false });\n\n        updateDisplay();\n    });\n\u003c\/script\u003e\n\n\u003c\/body\u003e\n\u003c\/html\u003e\n","brand":"Generic","offers":[{"title":"Default Title","offer_id":50715458634021,"sku":"AD1346","price":99.0,"currency_code":"AED","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0907\/9550\/8005\/files\/image_28.webp?v=1752159591","url":"https:\/\/tarteebstore.com\/products\/md-1017-bt-retro-portable-radio-rechargeable","provider":"Tarteeb Store","version":"1.0","type":"link"}