\u0645\u0636\u0631\u0628 \u0627\u0644\u0646\u0627\u0645\u0648\u0633 \u2014 Seljotek<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;900&display=swap\" rel=\"stylesheet\" \/>\n <style>\n * { margin: 0; padding: 0; box-sizing: border-box; }\n body { font-family: 'Cairo', sans-serif; direction: rtl; background: #f5f7fa; color: #1a1a2e; }\n .btn-main { display: flex; align-items: center; justify-content: center; gap: 10px; background: linear-gradient(135deg, #1565c0, #0d47a1); color: #fff; border: none; border-radius: 50px; padding: 16px 36px; font-size: 20px; font-weight: 900; font-family: 'Cairo', sans-serif; cursor: pointer; width: 100%; max-width: 420px; margin: 0 auto; transition: transform 0.2s, box-shadow 0.2s; }\n .btn-main:hover { transform: scale(1.03); box-shadow: 0 8px 30px rgba(21,101,192,0.4); }\n .section { padding: 40px 20px; }\n .section-title { font-size: 28px; font-weight: 900; text-align: center; margin-bottom: 8px; }\n .section-sub { text-align: center; color: #555; font-size: 15px; margin-bottom: 28px; }\n .card { background: #fff; border-radius: 16px; padding: 20px; box-shadow: 0 2px 12px rgba(0,0,0,0.07); display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; }\n .icon-circle { width: 52px; height: 52px; border-radius: 50%; background: #1565c0; display: flex; align-items: center; justify-content: center; font-size: 24px; flex-shrink: 0; }\n .pkg-label { color: #fff; border-radius: 16px 16px 0 0; padding: 8px 0; text-align: center; font-size: 13px; font-weight: 700; }\n .pkg-card { border: 2px solid #e0e0e0; border-radius: 0 0 16px 16px; padding: 20px; background: #fff; cursor: pointer; transition: border-color 0.2s, background 0.2s; }\n .pkg-card.selected { border-color: #1565c0; background: #e8f4fd; }\n .faq-item { background: #fff; border-radius: 12px; margin-bottom: 12px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.05); }\n .faq-q { display: flex; justify-content: space-between; align-items: center; padding: 16px 20px; cursor: pointer; font-weight: 700; font-size: 15px; }\n .faq-a { padding: 0 20px 16px; font-size: 14px; color: #555; line-height: 1.8; display: none; }\n .faq-a.open { display: block; }\n .form-input { width: 100%; padding: 14px 16px; border: 1.5px solid #ddd; border-radius: 12px; font-size: 15px; font-family: 'Cairo', sans-serif; direction: rtl; background: #fff; transition: border-color 0.2s; }\n .form-input:focus { outline: none; border-color: #1565c0; }\n .form-select { width: 100%; padding: 14px 16px; border: 1.5px solid #ddd; border-radius: 12px; font-size: 15px; font-family: 'Cairo', sans-serif; direction: rtl; background: #fff; }\n .success-msg { background: #e8f5e9; border: 1.5px solid #4caf50; border-radius: 12px; padding: 20px; text-align: center; color: #2e7d32; font-size: 16px; font-weight: 700; display: none; }\n .count-box { background: #1565c0; color: #fff; border-radius: 10px; padding: 10px 16px; text-align: center; min-width: 60px; }\n .count-num { font-size: 28px; font-weight: 900; line-height: 1; }\n .count-lbl { font-size: 11px; margin-top: 2px; opacity: 0.85; }\n .trust-item { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; color: #333; }\n .msg-in { background: #f1f0f0; border-radius: 0 12px 12px 12px; padding: 10px 14px; font-size: 14px; margin-bottom: 6px; max-width: 85%; line-height: 1.6; }\n .msg-out { background: #dcf8c6; border-radius: 12px 0 12px 12px; padding: 10px 14px; font-size: 14px; margin-bottom: 6px; max-width: 85%; margin-right: auto; margin-left: 0; line-height: 1.6; }\n @media (max-width: 480px) { .section-title { font-size: 22px; } h1 { font-size: 34px !important; } }\n <\/style>\n<\/head>\n<body>\n\n\n<div style=\"background:#1565c0; color:#fff; text-align:center; padding:10px; font-size:14px; font-weight:700;\">\n \ud83c\udf81 \u0647\u062f\u064a\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 USB LED \u0645\u0639 \u0643\u0644 \u0637\u0644\u0628 | \ud83d\ude9a \u062a\u0648\u0635\u064a\u0644 \u0645\u062c\u0627\u0646\u064a \u0644\u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u062f\u0646\n<\/div>\n\n\n<div style=\"background: linear-gradient(160deg, #e8f4fd 0%, #fff 60%); padding: 30px 20px 40px; text-align:center;\">\n <div style=\"display:inline-flex; align-items:center; gap:6px; background:#e8f4fd; color:#1565c0; padding:6px 14px; border-radius:20px; font-size:13px; font-weight:600; margin-bottom:14px;\">\u26a1 \u0639\u0631\u0636 \u062e\u0627\u0635 \u0645\u062d\u062f\u0648\u062f \u0627\u0644\u0648\u0642\u062a<\/div>\n <h1 style=\"font-size:42px; font-weight:900; color:#0d47a1; line-height:1.2; margin-bottom:8px;\">\u0645\u0636\u0631\u0628 \u0627\u0644\u0646\u0627\u0645\u0648\u0633<\/h1>\n <p style=\"font-size:18px; color:#333; margin-bottom:20px;\">\u0648\u062f\u0627\u0639\u0627\u064b \u0644\u0644\u0628\u0639\u0648\u0636 \u0648\u0627\u0644\u062d\u0634\u0631\u0627\u062a \u2014 \u062d\u0645\u0627\u064a\u0629 \u0641\u0648\u0631\u064a\u0629 \u0644\u0639\u0627\u0626\u0644\u062a\u0643<\/p>\n\n \n <div style=\"background: linear-gradient(135deg, #e3f2fd, #bbdefb); border-radius: 20px; margin: 0 auto 24px; max-width: 340px; height: 280px; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden;\">\n <div style=\"position:absolute; top:12px; right:12px; background:#e53935; color:#fff; border-radius:8px; padding:6px 12px; font-size:13px; font-weight:800;\">\u0648\u0641\u0631 21.67%<\/div>\n <div style=\"text-align:center;\">\n <div style=\"font-size:90px; line-height:1;\">\ud83e\udeb0<\/div>\n <div style=\"font-size:13px; color:#1565c0; font-weight:700; margin-top:8px;\">\u0636\u0639 \u0635\u0648\u0631\u0629 \u0627\u0644\u0645\u0646\u062a\u062c \u0647\u0646\u0627<\/div>\n <\/div>\n <\/div>\n\n \n <div style=\"display:flex; align-items:center; justify-content:center; gap:16px; margin-bottom:16px; flex-wrap:wrap;\">\n <div>\n <div style=\"font-size:12px; color:#888;\">\u0627\u0644\u0633\u0639\u0631 \u0627\u0644\u0623\u0635\u0644\u064a<\/div>\n <div style=\"font-size:18px; color:#e53935; text-decoration:line-through; font-weight:700;\">300 MAD<\/div>\n <\/div>\n <div style=\"text-align:center;\">\n <div style=\"font-size:12px; color:#1565c0; font-weight:700;\">\u0627\u0644\u0622\u0646 \u0641\u0642\u0637<\/div>\n <div style=\"font-size:52px; font-weight:900; color:#1565c0; line-height:1;\">235 MAD<\/div>\n <\/div>\n <span style=\"background:#e53935; color:#fff; border-radius:8px; padding:4px 12px; font-size:13px; font-weight:700;\">\u0648\u0641\u0631 21.67%<\/span>\n <\/div>\n\n \n <div style=\"background:#fff3e0; border: 1.5px solid #ff9800; border-radius:12px; padding:12px 20px; display:inline-flex; align-items:center; gap:10px; margin-bottom:20px;\">\n <span style=\"font-size:22px;\">\ud83c\udf81<\/span>\n <span style=\"font-weight:700; color:#e65100;\">\u0647\u062f\u064a\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 \u0645\u0639 \u0643\u0644 \u0637\u0644\u0628: USB LED<\/span>\n <\/div>\n\n \n <p style=\"font-size:14px; color:#e53935; font-weight:700; margin-bottom:8px;\">\u23f0 \u064a\u0646\u062a\u0647\u064a \u0627\u0644\u0639\u0631\u0636 \u062e\u0644\u0627\u0644:<\/p>\n <div style=\"display:flex; justify-content:center; gap:12px; margin-bottom:20px;\">\n <div class=\"count-box\"><div class=\"count-num\" id=\"cd-h\">04<\/div><div class=\"count-lbl\">\u0633\u0627\u0639\u0629<\/div><\/div>\n <div class=\"count-box\"><div class=\"count-num\" id=\"cd-m\">59<\/div><div class=\"count-lbl\">\u062f\u0642\u064a\u0642\u0629<\/div><\/div>\n <div class=\"count-box\"><div class=\"count-num\" id=\"cd-s\">47<\/div><div class=\"count-lbl\">\u062b\u0627\u0646\u064a\u0629<\/div><\/div>\n <\/div>\n\n <button class=\"btn-main\" onclick=\"document.getElementById('order-form').scrollIntoView({behavior:'smooth'})\">\n \u0627\u0637\u0644\u0628 \u0627\u0644\u0622\u0646 \u2014 \u0627\u0644\u062f\u0641\u0639 \u0639\u0646\u062f \u0627\u0644\u0627\u0633\u062a\u0644\u0627\u0645\n <\/button>\n <div style=\"font-size:12px; color:#888; margin-top:8px;\">\u2705 \u0644\u0627 \u062d\u0627\u062c\u0629 \u0644\u0628\u0637\u0627\u0642\u0629 \u0628\u0646\u0643\u064a\u0629 \u2014 \u062a\u062f\u0641\u0639 \u0639\u0646\u062f \u0648\u0635\u0648\u0644 \u0627\u0644\u0645\u0646\u062a\u062c<\/div>\n\n \n <div style=\"display:flex; justify-content:center; gap:20px; flex-wrap:wrap; margin-top:24px; padding-top:20px; border-top:1px solid #e0e0e0;\">\n <div class=\"trust-item\">\ud83d\ude9a <span>\u062a\u0648\u0635\u064a\u0644 \u0645\u062c\u0627\u0646\u064a<\/span><\/div>\n <div class=\"trust-item\">\ud83d\udcb0 <span>\u062f\u0641\u0639 \u0639\u0646\u062f \u0627\u0644\u0627\u0633\u062a\u0644\u0627\u0645<\/span><\/div>\n <div class=\"trust-item\">\ud83d\udee1\ufe0f <span>\u0636\u0645\u0627\u0646 \u0627\u0644\u062c\u0648\u062f\u0629<\/span><\/div>\n <div class=\"trust-item\">\ud83d\udcde <span>\u062f\u0639\u0645 24\/7<\/span><\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"section\" style=\"background:#fff;\">\n <div class=\"section-title\">\ud83d\udca1 \u0644\u0645\u0627\u0630\u0627 \u0645\u0636\u0631\u0628 \u0627\u0644\u0646\u0627\u0645\u0648\u0633\u061f<\/div>\n <div class=\"section-sub\">4 \u0623\u0633\u0628\u0627\u0628 \u062a\u062e\u0644\u064a\u0643 \u062a\u0637\u0644\u0628\u0647 \u0627\u0644\u064a\u0648\u0645<\/div>\n <div style=\"display:grid; grid-template-columns:1fr 1fr; gap:14px;\">\n <div class=\"card\"><div class=\"icon-circle\">\u26a1<\/div><div style=\"font-weight:800; font-size:15px;\">\u0642\u0648\u0629 \u0641\u0639\u0651\u0627\u0644\u0629 \u0648\u0641\u0648\u0631\u064a\u0629<\/div><div style=\"font-size:13px; color:#555;\">\u064a\u0642\u062a\u0644 \u0627\u0644\u062d\u0634\u0631\u0627\u062a \u0628\u0636\u0631\u0628\u0629 \u0648\u0627\u062d\u062f\u0629 \u0628\u062c\u0647\u062f \u0643\u0647\u0631\u0628\u0627\u0626\u064a \u0639\u0627\u0644\u064a<\/div><\/div>\n <div class=\"card\"><div class=\"icon-circle\">\ud83d\udee1\ufe0f<\/div><div style=\"font-weight:800; font-size:15px;\">\u0622\u0645\u0646 \u0644\u0644\u0639\u0627\u0626\u0644\u0629<\/div><div style=\"font-size:13px; color:#555;\">\u0634\u0628\u0643\u0629 \u0645\u062d\u0645\u064a\u0629 \u2014 \u0623\u0645\u0627\u0646 \u062a\u0627\u0645 \u0644\u0644\u0623\u0637\u0641\u0627\u0644 \u0648\u0627\u0644\u0643\u0628\u0627\u0631<\/div><\/div>\n <div class=\"card\"><div class=\"icon-circle\">\ud83d\udd0b<\/div><div style=\"font-weight:800; font-size:15px;\">\u0642\u0627\u0628\u0644 \u0644\u0644\u0634\u062d\u0646<\/div><div style=\"font-size:13px; color:#555;\">\u0628\u0637\u0627\u0631\u064a\u0629 \u0642\u0648\u064a\u0629 \u062a\u062f\u0648\u0645 \u0637\u0648\u064a\u0644\u0627\u064b \u0648\u0634\u062d\u0646 USB \u0633\u0631\u064a\u0639<\/div><\/div>\n <div class=\"card\"><div class=\"icon-circle\">\ud83c\udf3f<\/div><div style=\"font-weight:800; font-size:15px;\">\u0628\u062f\u0648\u0646 \u0643\u064a\u0645\u064a\u0627\u0621<\/div><div style=\"font-size:13px; color:#555;\">\u062d\u0645\u0627\u064a\u0629 \u0637\u0628\u064a\u0639\u064a\u0629 \u0628\u062f\u0648\u0646 \u0631\u0648\u0627\u0626\u062d \u0636\u0627\u0631\u0629 \u0623\u0648 \u0645\u0628\u064a\u062f\u0627\u062a<\/div><\/div>\n <\/div>\n <div style=\"display:flex; justify-content:space-around; margin-top:20px; flex-wrap:wrap; gap:10px;\">\n <div style=\"text-align:center; font-size:13px; color:#555;\"><div style=\"font-size:24px;\">\ud83e\udd2b<\/div><div style=\"font-weight:700; color:#333;\">\u0647\u0627\u062f\u0626 \u0648\u0646\u0638\u064a\u0641<\/div><div>\u0628\u062f\u0648\u0646 \u0636\u0648\u0636\u0627\u0621<\/div><\/div>\n <div style=\"text-align:center; font-size:13px; color:#555;\"><div style=\"font-size:24px;\">\ud83e\udeb6<\/div><div style=\"font-weight:700; color:#333;\">\u062e\u0641\u064a\u0641 \u0648\u0645\u0631\u064a\u062d<\/div><div>\u0633\u0647\u0644 \u0627\u0644\u062d\u0645\u0644<\/div><\/div>\n <div style=\"text-align:center; font-size:13px; color:#555;\"><div style=\"font-size:24px;\">\ud83c\udfe0<\/div><div style=\"font-weight:700; color:#333;\">\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u062a\u0639\u062f\u062f<\/div><div>\u0628\u064a\u062a \u0648\u0643\u0645\u0628\u064a\u0646\u062c<\/div><\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"section\" style=\"background:#f0f4f8;\">\n <div class=\"section-title\">\u2b50 \u0622\u0631\u0627\u0621 \u0639\u0645\u0644\u0627\u0621 \u0631\u0627\u0636\u064a\u0646<\/div>\n <div style=\"text-align:center; color:#f9a825; font-size:20px; letter-spacing:2px;\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"section-sub\" style=\"margin-top:8px;\">\u0634\u0648\u0641\u0648 \u0623\u0634 \u0642\u0627\u0644\u0648 \u0627\u0644\u0644\u064a \u062c\u0631\u0628\u0648 \u0645\u0636\u0631\u0628 \u0627\u0644\u0646\u0627\u0645\u0648\u0633<\/div>\n\n \n <div style=\"border: 2px dashed #c8e6c9; border-radius: 16px; padding: 30px 20px; text-align: center; background: #f9fff9; margin-bottom:16px;\">\n <div style=\"font-size:36px; margin-bottom:10px;\">\ud83d\udcac<\/div>\n <div style=\"font-weight:700; color:#2e7d32; font-size:15px; margin-bottom:6px;\">\u0647\u0646\u0627 \u062a\u0636\u0639 \u0622\u0631\u0627\u0621 \u0639\u0645\u0644\u0627\u0626\u0643 \u0627\u0644\u062d\u0642\u064a\u0642\u064a\u064a\u0646<\/div>\n <div style=\"font-size:13px; color:#777;\">\u0628\u0639\u062f \u0645\u0627 \u062a\u0628\u064a\u0639 \u0644\u0644\u0623\u0635\u062d\u0627\u0628\u060c \u0627\u0637\u0644\u0628 \u0645\u0646\u0647\u0645 \u0631\u0633\u0627\u0644\u0629 WhatsApp \u0648\u0636\u0639\u0647\u0627 \u0647\u0646\u0627<\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"section\" style=\"background: linear-gradient(135deg, #0d47a1, #1565c0); color:#fff; text-align:center;\">\n <h2 style=\"font-size:26px; font-weight:900; margin-bottom:12px;\">\u0648\u062f\u0651\u0639 \u0627\u0644\u0646\u0627\u0645\u0648\u0633 \u0628\u0633\u0647\u0648\u0644\u0629 \u0648\u0641\u0639\u0627\u0644\u064a\u0629!<\/h2>\n <p style=\"font-size:15px; margin-bottom:20px; opacity:0.9;\">\u062d\u0644 \u0633\u0631\u064a\u0639 \u0648\u0622\u0645\u0646 \u0644\u062d\u0645\u0627\u064a\u0629 \u0628\u064a\u062a\u0643 \u0648\u0639\u0627\u0626\u0644\u062a\u0643 \u2014 \u0628\u062f\u0648\u0646 \u0643\u064a\u0645\u064a\u0627\u0621 \u0648\u0628\u062f\u0648\u0646 \u0636\u0648\u0636\u0627\u0621<\/p>\n <div style=\"display:flex; justify-content:center; gap:12px; flex-wrap:wrap; margin-bottom:24px;\">\n <div style=\"background:rgba(255,255,255,0.15); border-radius:12px; padding:12px 18px; font-size:13px;\">\u26a1 \u0642\u0648\u0629 \u0635\u0627\u0639\u0642\u0629 \u0641\u0648\u0631\u064a\u0629<\/div>\n <div style=\"background:rgba(255,255,255,0.15); border-radius:12px; padding:12px 18px; font-size:13px;\">\ud83d\udee1\ufe0f 3 \u0637\u0628\u0642\u0627\u062a \u0623\u0645\u0627\u0646<\/div>\n <div style=\"background:rgba(255,255,255,0.15); border-radius:12px; padding:12px 18px; font-size:13px;\">\ud83d\udca1 \u0636\u0648\u0621 LED \u0645\u062f\u0645\u062c<\/div>\n <\/div>\n <button class=\"btn-main\" style=\"background:#fff; color:#1565c0;\" onclick=\"document.getElementById('order-form').scrollIntoView({behavior:'smooth'})\">\n \u0627\u0637\u0644\u0628 \u0627\u0644\u0622\u0646 \u2014 235 MAD \u0641\u0642\u0637\n <\/button>\n<\/div>\n\n\n<div class=\"section\" style=\"background:#fff;\" id=\"order-form\">\n <div class=\"section-title\">\u0627\u0637\u0644\u0628 \u0627\u0644\u0622\u0646<\/div>\n <div class=\"section-sub\">\u0627\u062e\u062a\u0631 \u0627\u0644\u0628\u0627\u0642\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u2014 \u0627\u0644\u062f\u0641\u0639 \u0639\u0646\u062f \u0627\u0644\u0627\u0633\u062a\u0644\u0627\u0645<\/div>\n\n \n <div style=\"display:flex; flex-direction:row-reverse; gap:12px; margin-bottom:24px;\">\n <div style=\"flex:1;\">\n <div class=\"pkg-label\" style=\"background:#1565c0;\">\u0627\u0644\u0628\u0627\u0642\u0629 \u0627\u0644\u0639\u0627\u062f\u064a\u0629<\/div>\n <div class=\"pkg-card selected\" id=\"pkg1\" onclick=\"selectPkg(1)\">\n <div style=\"font-size:22px; text-align:center; margin-bottom:8px;\">\ud83e\udeb0<\/div>\n <div style=\"text-align:center; font-weight:800; font-size:16px;\">1 \u0645\u0636\u0631\u0628<\/div>\n <div style=\"text-align:center; color:#1565c0; font-size:22px; font-weight:900; margin-top:6px;\">235 MAD<\/div>\n <div style=\"text-align:center; font-size:12px; color:#888; text-decoration:line-through;\">300 MAD<\/div>\n <div style=\"text-align:center; font-size:12px; color:#4caf50; font-weight:700; margin-top:4px;\">+ \u0647\u062f\u064a\u0629 USB LED<\/div>\n <\/div>\n <\/div>\n <div style=\"flex:1; position:relative;\">\n <div class=\"pkg-label\" style=\"background:#e53935;\">\u0627\u0644\u0628\u0627\u0642\u0629 \u0627\u0644\u0645\u0645\u064a\u0632\u0629<\/div>\n <div class=\"pkg-card\" id=\"pkg2\" onclick=\"selectPkg(2)\">\n <div style=\"text-align:center; margin-bottom:6px;\"><span style=\"background:#e53935; color:#fff; padding:3px 10px; border-radius:20px; font-size:11px; font-weight:700;\">\u0627\u0644\u0623\u0648\u0641\u0631!<\/span><\/div>\n <div style=\"font-size:22px; text-align:center; margin-bottom:8px;\">\ud83e\udeb0\ud83e\udeb0<\/div>\n <div style=\"text-align:center; font-weight:800; font-size:16px;\">2 \u0645\u0636\u0627\u0631\u0628<\/div>\n <div style=\"text-align:center; color:#1565c0; font-size:22px; font-weight:900; margin-top:6px;\">470 MAD<\/div>\n <div style=\"text-align:center; font-size:12px; color:#888; text-decoration:line-through;\">600 MAD<\/div>\n <div style=\"text-align:center; font-size:12px; color:#4caf50; font-weight:700; margin-top:4px;\">+ \u0647\u062f\u064a\u062a\u064a\u0646 USB LED<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div style=\"display:flex; flex-direction:column; gap:14px;\">\n <input class=\"form-input\" type=\"text\" id=\"f-name\" placeholder=\"\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644\" \/>\n <input class=\"form-input\" type=\"tel\" id=\"f-phone\" placeholder=\"\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641\" \/>\n <select class=\"form-select\" id=\"f-city\">\n <option value=\"\">\u0627\u062e\u062a\u0631 \u0627\u0644\u0645\u062f\u064a\u0646\u0629<\/option>\n <option>\u0627\u0644\u062f\u0627\u0631 \u0627\u0644\u0628\u064a\u0636\u0627\u0621<\/option><option>\u0627\u0644\u0631\u0628\u0627\u0637<\/option><option>\u0645\u0631\u0627\u0643\u0634<\/option>\n <option>\u0641\u0627\u0633<\/option><option>\u0637\u0646\u062c\u0629<\/option><option>\u0623\u0643\u0627\u062f\u064a\u0631<\/option>\n <option>\u0645\u0643\u0646\u0627\u0633<\/option><option>\u0648\u062c\u062f\u0629<\/option><option>\u0627\u0644\u0642\u0646\u064a\u0637\u0631\u0629<\/option>\n <option>\u062a\u0637\u0648\u0627\u0646<\/option><option>\u0633\u0644\u0627<\/option><option>\u0628\u0646\u064a \u0645\u0644\u0627\u0644<\/option>\n <option>\u0627\u0644\u062c\u062f\u064a\u062f\u0629<\/option><option>\u0627\u0644\u0639\u0631\u0627\u0626\u0634<\/option><option>\u062e\u0631\u064a\u0628\u0643\u0629<\/option>\n <option>\u0645\u062f\u064a\u0646\u0629 \u0623\u062e\u0631\u0649<\/option>\n <\/select>\n <input class=\"form-input\" type=\"text\" id=\"f-address\" placeholder=\"\u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u062a\u0641\u0635\u064a\u0644\u064a (\u0627\u0644\u062d\u064a\u060c \u0627\u0644\u0632\u0646\u0642\u0629...)\" \/>\n <textarea class=\"form-input\" id=\"f-note\" placeholder=\"\u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0625\u0636\u0627\u0641\u064a\u0629 (\u0627\u062e\u062a\u064a\u0627\u0631\u064a)\" rows=\"2\" style=\"resize:none;\"><\/textarea>\n <\/div>\n\n <div style=\"margin-top:20px;\">\n <button class=\"btn-main\" onclick=\"submitOrder()\" id=\"submit-btn\">\n \u0623\u0643\u062f \u0637\u0644\u0628\u0643 \u2014 \u0627\u0644\u062f\u0641\u0639 \u0639\u0646\u062f \u0627\u0644\u0627\u0633\u062a\u0644\u0627\u0645\n <\/button>\n <\/div>\n <div class=\"success-msg\" id=\"success-msg\" style=\"margin-top:16px;\">\n \ud83c\udf89 \u062a\u0645 \u0627\u0633\u062a\u0644\u0627\u0645 \u0637\u0644\u0628\u0643 \u0628\u0646\u062c\u0627\u062d! \u0633\u0646\u062a\u0635\u0644 \u0628\u0643 \u062e\u0644\u0627\u0644 \u0633\u0627\u0639\u0627\u062a \u0644\u062a\u0623\u0643\u064a\u062f \u0627\u0644\u062a\u0648\u0635\u064a\u0644.\n <\/div>\n\n <div style=\"display:flex; justify-content:space-around; margin-top:24px; padding-top:20px; border-top:1px solid #eee; flex-wrap:wrap; gap:10px;\">\n <div style=\"text-align:center; font-size:12px; color:#555;\"><div style=\"font-size:22px;\">\ud83d\udcb0<\/div>\u062f\u0641\u0639 \u0639\u0646\u062f \u0627\u0644\u0627\u0633\u062a\u0644\u0627\u0645<\/div>\n <div style=\"text-align:center; font-size:12px; color:#555;\"><div style=\"font-size:22px;\">\ud83d\ude9a<\/div>\u062a\u0648\u0635\u064a\u0644 \u0645\u062c\u0627\u0646\u064a<\/div>\n <div style=\"text-align:center; font-size:12px; color:#555;\"><div style=\"font-size:22px;\">\ud83c\udf81<\/div>\u0647\u062f\u064a\u0629 \u0645\u062c\u0627\u0646\u064a\u0629<\/div>\n <div style=\"text-align:center; font-size:12px; color:#555;\"><div style=\"font-size:22px;\">\ud83d\udcde<\/div>\u062f\u0639\u0645 \u062f\u0627\u0626\u0645<\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"section\" style=\"background:#f5f7fa;\">\n <div class=\"section-title\">\u2753 \u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u062a\u064a \u062a\u0647\u0645\u0643<\/div>\n <div class=\"section-sub\">\u0625\u062c\u0627\u0628\u0627\u062a \u0648\u0627\u0636\u062d\u0629 \u062a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u0627\u0644\u0634\u0631\u0627\u0621 \u0628\u0631\u0627\u062d\u0629<\/div>\n <div>\n <div class=\"faq-item\">\n <div class=\"faq-q\" onclick=\"toggleFaq(0)\"><span>\u0643\u064a\u0641 \u064a\u0639\u0645\u0644 \u0645\u0636\u0631\u0628 \u0627\u0644\u0646\u0627\u0645\u0648\u0633\u061f<\/span><span id=\"fi0\" style=\"font-size:22px; color:#1565c0; font-weight:300;\">+<\/span><\/div>\n <div class=\"faq-a\" id=\"fa0\">\u064a\u0633\u062a\u062e\u062f\u0645 \u0634\u0628\u0643\u0629 \u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0622\u0645\u0646\u0629 \u062a\u0642\u0636\u064a \u0639\u0644\u0649 \u0627\u0644\u0646\u0627\u0645\u0648\u0633 \u0641\u0648\u0631 \u0645\u0644\u0627\u0645\u0633\u062a\u0647. \u0627\u0636\u063a\u0637 \u0632\u0631 \u0627\u0644\u062a\u0634\u063a\u064a\u0644 \u0644\u064a\u0639\u0645\u0644 LED \u0627\u0644\u0623\u0632\u0631\u0642 \u0644\u062c\u0630\u0628 \u0627\u0644\u062d\u0634\u0631\u0627\u062a\u060c \u062b\u0645 \u0627\u0644\u0645\u0633\u0647\u0627 \u0644\u0644\u0642\u0636\u0627\u0621 \u0639\u0644\u064a\u0647\u0627 \u0645\u0628\u0627\u0634\u0631\u0629.<\/div>\n <\/div>\n <div class=\"faq-item\">\n <div class=\"faq-q\" onclick=\"toggleFaq(1)\"><span>\u0647\u0644 \u0647\u0648 \u0622\u0645\u0646 \u0644\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0641\u064a \u0627\u0644\u0645\u0646\u0632\u0644\u061f<\/span><span id=\"fi1\" style=\"font-size:22px; color:#1565c0; font-weight:300;\">+<\/span><\/div>\n <div class=\"faq-a\" id=\"fa1\">\u0646\u0639\u0645\u060c \u0645\u0635\u0645\u0645 \u0628\u062d\u0645\u0627\u064a\u0629 \u0645\u0632\u062f\u0648\u062c\u0629 \u062a\u0645\u0646\u0639 \u0645\u0644\u0627\u0645\u0633\u0629 \u0627\u0644\u0634\u0628\u0643\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0639\u0646 \u0637\u0631\u064a\u0642 \u0627\u0644\u062e\u0637\u0623\u060c \u0648\u0645\u0635\u0646\u0648\u0639 \u0645\u0646 \u0645\u0648\u0627\u062f \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0622\u0645\u0646\u0629 \u0644\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u064a\u0648\u0645\u064a \u0645\u0639 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0648\u0627\u0644\u0643\u0628\u0627\u0631.<\/div>\n <\/div>\n <div class=\"faq-item\">\n <div class=\"faq-q\" onclick=\"toggleFaq(2)\"><span>\u0645\u0627\u0630\u0627 \u064a\u062d\u062a\u0648\u064a \u0627\u0644\u0635\u0646\u062f\u0648\u0642\u061f<\/span><span id=\"fi2\" style=\"font-size:22px; color:#1565c0; font-weight:300;\">+<\/span><\/div>\n <div class=\"faq-a\" id=\"fa2\">\u062a\u062d\u0635\u0644 \u0639\u0644\u0649: \u0645\u0636\u0631\u0628 \u0627\u0644\u0646\u0627\u0645\u0648\u0633 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a + \u0642\u0627\u0639\u062f\u0629 \u0627\u0644\u0634\u062d\u0646 + \u0643\u0627\u0628\u0644 \u0634\u062d\u0646 USB + \u0636\u0648\u0621 LED \u0623\u0632\u0631\u0642 \u0645\u062f\u0645\u062c + \u0647\u062f\u064a\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 USB LED.<\/div>\n <\/div>\n <div class=\"faq-item\">\n <div class=\"faq-q\" onclick=\"toggleFaq(3)\"><span>\u0643\u0645 \u064a\u0633\u062a\u063a\u0631\u0642 \u0627\u0644\u062a\u0648\u0635\u064a\u0644\u061f<\/span><span id=\"fi3\" style=\"font-size:22px; color:#1565c0; font-weight:300;\">+<\/span><\/div>\n <div class=\"faq-a\" id=\"fa3\">\u0627\u0644\u062a\u0648\u0635\u064a\u0644 \u064a\u0635\u0644 \u0628\u064a\u0646 2 \u06485 \u0623\u064a\u0627\u0645 \u0639\u0645\u0644 \u062d\u0633\u0628 \u0645\u062f\u064a\u0646\u062a\u0643. \u0627\u0644\u062a\u0648\u0635\u064a\u0644 \u0645\u062c\u0627\u0646\u064a \u0644\u062c\u0645\u064a\u0639 \u0645\u062f\u0646 \u0627\u0644\u0645\u063a\u0631\u0628 \u0648\u0627\u0644\u062f\u0641\u0639 \u0639\u0646\u062f \u0627\u0633\u062a\u0644\u0627\u0645 \u0627\u0644\u0637\u0631\u062f.<\/div>\n <\/div>\n <div class=\"faq-item\">\n <div class=\"faq-q\" onclick=\"toggleFaq(4)\"><span>\u0645\u0627\u0630\u0627 \u0644\u0648 \u0645\u0627 \u0639\u062c\u0628\u0646\u064a\u0634 \u0627\u0644\u0645\u0646\u062a\u062c\u061f<\/span><span id=\"fi4\" style=\"font-size:22px; color:#1565c0; font-weight:300;\">+<\/span><\/div>\n <div class=\"faq-a\" id=\"fa4\">\u0646\u0636\u0645\u0646 \u0644\u0643 \u062c\u0648\u062f\u0629 \u0627\u0644\u0645\u0646\u062a\u062c 100%. \u0641\u064a \u062d\u0627\u0644\u0629 \u0623\u064a \u0645\u0634\u0643\u0644 \u0641\u064a \u0627\u0644\u062c\u0648\u062f\u0629 \u0639\u0646\u062f \u0627\u0644\u0627\u0633\u062a\u0644\u0627\u0645\u060c \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0645\u0628\u0627\u0634\u0631\u0629 \u0648\u0633\u0646\u062d\u0644 \u0645\u0634\u0643\u0644\u062a\u0643 \u0641\u0648\u0631\u0627\u064b \u0628\u062f\u0648\u0646 \u062a\u0639\u0642\u064a\u062f\u0627\u062a.<\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"section\" style=\"background:#fff; text-align:center; border-top: 3px solid #1565c0;\">\n <div style=\"font-size:28px; margin-bottom:8px;\">\ud83c\udfc1<\/div>\n <h2 style=\"font-size:22px; font-weight:900; margin-bottom:8px;\">\u0644\u0627 \u062a\u0636\u064a\u0639 \u0647\u0630\u0647 \u0627\u0644\u0641\u0631\u0635\u0629!<\/h2>\n <p style=\"color:#555; font-size:14px; margin-bottom:6px;\">\u0627\u0644\u0639\u0631\u0636 \u0645\u062d\u062f\u0648\u062f \u2014 <strong>235 MAD<\/strong> \u0628\u062f\u0644\u0627\u064b \u0645\u0646 300 MAD<\/p>\n <p style=\"color:#e53935; font-size:14px; font-weight:700; margin-bottom:20px;\">\u26a1 \u0622\u062e\u0631 \u0648\u062d\u062f\u0627\u062a \u0645\u062a\u0627\u062d\u0629 \u0627\u0644\u064a\u0648\u0645<\/p>\n <button class=\"btn-main\" onclick=\"document.getElementById('order-form').scrollIntoView({behavior:'smooth'})\">\n \u0627\u0637\u0644\u0628 \u0627\u0644\u0622\u0646 \u2014 \u0627\u0644\u062f\u0641\u0639 \u0639\u0646\u062f \u0627\u0644\u0627\u0633\u062a\u0644\u0627\u0645\n <\/button>\n <p style=\"font-size:12px; color:#888; margin-top:10px;\">Seljotek.com \u2014 \u0645\u0648\u062b\u0648\u0642 \u0648\u0645\u0636\u0645\u0648\u0646 \ud83c\uddf2\ud83c\udde6<\/p>\n<\/div>\n\n<script>\n \/\/ ===== \u0631\u0627\u0628\u0637 Google Sheets \u0645\u062f\u0645\u062c =====\n const GOOGLE_SHEET_URL = 'https:\/\/script.google.com\/macros\/s\/AKfycbwstOYTbkbnmqkI6hYie5kqEM_8vEJMvP0NS4PI2AKuGuvb_ApmpmZbyv7wlQyLXkTKBA\/exec';\n\n let selectedPkg = 1;\n\n function selectPkg(n) {\n selectedPkg = n;\n document.getElementById('pkg1').classList.toggle('selected', n === 1);\n document.getElementById('pkg2').classList.toggle('selected', n === 2);\n }\n\n function toggleFaq(i) {\n const el = document.getElementById('fa' + i);\n const icon = document.getElementById('fi' + i);\n const open = el.classList.toggle('open');\n icon.textContent = open ? '\u2212' : '+';\n }\n\n async function submitOrder() {\n const name = document.getElementById('f-name').value.trim();\n const phone = document.getElementById('f-phone').value.trim();\n const city = document.getElementById('f-city').value;\n const address = document.getElementById('f-address').value.trim();\n const note = document.getElementById('f-note').value.trim();\n const pkg = selectedPkg === 1 ? '\u0628\u0627\u0642\u0629 1 \u0642\u0637\u0639\u0629 - 235 MAD' : '\u0628\u0627\u0642\u0629 2 \u0642\u0637\u0639 - 470 MAD';\n\n if (!name || !phone || !city || !address) {\n alert('\u064a\u0631\u062c\u0649 \u0645\u0644\u0621 \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0644 \u0627\u0644\u0625\u0644\u0632\u0627\u0645\u064a\u0629');\n return;\n }\n if (!\/^[0-9+\\s]{8,}$\/.test(phone)) {\n alert('\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0631\u0642\u0645 \u0647\u0627\u062a\u0641 \u0635\u062d\u064a\u062d');\n return;\n }\n\n const btn = document.getElementById('submit-btn');\n btn.textContent = '\u23f3 \u062c\u0627\u0631\u064a \u0627\u0644\u0625\u0631\u0633\u0627\u0644...';\n btn.disabled = true;\n\n const data = {\n timestamp: new Date().toLocaleString('ar-MA'),\n name, phone, city, address,\n package: pkg, note\n };\n\n \/\/ \u0625\u0631\u0633\u0627\u0644 \u0644\u0644\u0640 Google Sheet \u0641\u064a \u0627\u0644\u062e\u0644\u0641\u064a\u0629\n fetch(GOOGLE_SHEET_URL, {\n method: 'POST',\n mode: 'no-cors',\n headers: { 'Content-Type': 'application\/json' },\n body: JSON.stringify(data)\n }).catch(function() {});\n\n \/\/ \u0631\u0633\u0627\u0644\u0629 \u0627\u0644\u0646\u062c\u0627\u062d \u062a\u0638\u0647\u0631 \u0641\u0648\u0631\u0627\u064b \u0628\u062f\u0648\u0646 \u0627\u0646\u062a\u0638\u0627\u0631\n setTimeout(function() {\n document.getElementById('success-msg').style.display = 'block';\n document.getElementById('success-msg').scrollIntoView({ behavior: 'smooth' });\n btn.textContent = '\u062a\u0645 \u0627\u0644\u0637\u0644\u0628 \u0628\u0646\u062c\u0627\u062d!';\n document.getElementById('f-name').value = '';\n document.getElementById('f-phone').value = '';\n document.getElementById('f-city').value = '';\n document.getElementById('f-address').value = '';\n document.getElementById('f-note').value = '';\n }, 800);\n }\n\n \/\/ \u0627\u0644\u0639\u062f \u0627\u0644\u062a\u0646\u0627\u0632\u0644\u064a\n let total = 4 * 3600 + 59 * 60 + 47;\n setInterval(() => {\n if (total <= 0) return;\n total--;\n document.getElementById('cd-h').textContent = String(Math.floor(total \/ 3600)).padStart(2,'0');\n document.getElementById('cd-m').textContent = String(Math.floor((total % 3600) \/ 60)).padStart(2,'0');\n document.getElementById('cd-s').textContent = String(total % 60).padStart(2,'0');\n }, 1000);\n<\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>\u0645\u0636\u0631\u0628 \u0627\u0644\u0646\u0627\u0645\u0648\u0633 \u2014 Seljotek \ud83c\udf81 \u0647\u062f\u064a\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 USB LED \u0645\u0639 \u0643\u0644 \u0637\u0644\u0628 | \ud83d\ude9a \u062a\u0648\u0635\u064a\u0644 \u0645\u062c\u0627\u0646\u064a \u0644\u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u062f\u0646 \u26a1 \u0639\u0631\u0636 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-145","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/seljotek.com\/index.php?rest_route=\/wp\/v2\/pages\/145","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/seljotek.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/seljotek.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/seljotek.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/seljotek.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=145"}],"version-history":[{"count":2,"href":"https:\/\/seljotek.com\/index.php?rest_route=\/wp\/v2\/pages\/145\/revisions"}],"predecessor-version":[{"id":148,"href":"https:\/\/seljotek.com\/index.php?rest_route=\/wp\/v2\/pages\/145\/revisions\/148"}],"wp:attachment":[{"href":"https:\/\/seljotek.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=145"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":145,"date":"2026-06-11T00:58:42","date_gmt":"2026-06-10T21:58:42","guid":{"rendered":"https:\/\/seljotek.com\/?page_id=145"},"modified":"2026-06-11T01:00:23","modified_gmt":"2026-06-10T22:00:23","slug":"dd","status":"publish","type":"page","link":"https:\/\/seljotek.com\/?page_id=145","title":{"rendered":"dd"},"content":{"rendered":"\n\n\n\n \n \n \u0645\u0636\u0631\u0628 \u0627\u0644\u0646\u0627\u0645\u0648\u0633 \u2014 Seljotek<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;900&display=swap\" rel=\"stylesheet\" \/>\n <style>\n * { margin: 0; padding: 0; box-sizing: border-box; }\n body { font-family: 'Cairo', sans-serif; direction: rtl; background: #f5f7fa; color: #1a1a2e; }\n .btn-main { display: flex; align-items: center; justify-content: center; gap: 10px; background: linear-gradient(135deg, #1565c0, #0d47a1); color: #fff; border: none; border-radius: 50px; padding: 16px 36px; font-size: 20px; font-weight: 900; font-family: 'Cairo', sans-serif; cursor: pointer; width: 100%; max-width: 420px; margin: 0 auto; transition: transform 0.2s, box-shadow 0.2s; }\n .btn-main:hover { transform: scale(1.03); box-shadow: 0 8px 30px rgba(21,101,192,0.4); }\n .section { padding: 40px 20px; }\n .section-title { font-size: 28px; font-weight: 900; text-align: center; margin-bottom: 8px; }\n .section-sub { text-align: center; color: #555; font-size: 15px; margin-bottom: 28px; }\n .card { background: #fff; border-radius: 16px; padding: 20px; box-shadow: 0 2px 12px rgba(0,0,0,0.07); display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; }\n .icon-circle { width: 52px; height: 52px; border-radius: 50%; background: #1565c0; display: flex; align-items: center; justify-content: center; font-size: 24px; flex-shrink: 0; }\n .pkg-label { color: #fff; border-radius: 16px 16px 0 0; padding: 8px 0; text-align: center; font-size: 13px; font-weight: 700; }\n .pkg-card { border: 2px solid #e0e0e0; border-radius: 0 0 16px 16px; padding: 20px; background: #fff; cursor: pointer; transition: border-color 0.2s, background 0.2s; }\n .pkg-card.selected { border-color: #1565c0; background: #e8f4fd; }\n .faq-item { background: #fff; border-radius: 12px; margin-bottom: 12px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.05); }\n .faq-q { display: flex; justify-content: space-between; align-items: center; padding: 16px 20px; cursor: pointer; font-weight: 700; font-size: 15px; }\n .faq-a { padding: 0 20px 16px; font-size: 14px; color: #555; line-height: 1.8; display: none; }\n .faq-a.open { display: block; }\n .form-input { width: 100%; padding: 14px 16px; border: 1.5px solid #ddd; border-radius: 12px; font-size: 15px; font-family: 'Cairo', sans-serif; direction: rtl; background: #fff; transition: border-color 0.2s; }\n .form-input:focus { outline: none; border-color: #1565c0; }\n .form-select { width: 100%; padding: 14px 16px; border: 1.5px solid #ddd; border-radius: 12px; font-size: 15px; font-family: 'Cairo', sans-serif; direction: rtl; background: #fff; }\n .success-msg { background: #e8f5e9; border: 1.5px solid #4caf50; border-radius: 12px; padding: 20px; text-align: center; color: #2e7d32; font-size: 16px; font-weight: 700; display: none; }\n .count-box { background: #1565c0; color: #fff; border-radius: 10px; padding: 10px 16px; text-align: center; min-width: 60px; }\n .count-num { font-size: 28px; font-weight: 900; line-height: 1; }\n .count-lbl { font-size: 11px; margin-top: 2px; opacity: 0.85; }\n .trust-item { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; color: #333; }\n .msg-in { background: #f1f0f0; border-radius: 0 12px 12px 12px; padding: 10px 14px; font-size: 14px; margin-bottom: 6px; max-width: 85%; line-height: 1.6; }\n .msg-out { background: #dcf8c6; border-radius: 12px 0 12px 12px; padding: 10px 14px; font-size: 14px; margin-bottom: 6px; max-width: 85%; margin-right: auto; margin-left: 0; line-height: 1.6; }\n @media (max-width: 480px) { .section-title { font-size: 22px; } h1 { font-size: 34px !important; } }\n <\/style>\n<\/head>\n<body>\n\n\n<div style=\"background:#1565c0; color:#fff; text-align:center; padding:10px; font-size:14px; font-weight:700;\">\n \ud83c\udf81 \u0647\u062f\u064a\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 USB LED \u0645\u0639 \u0643\u0644 \u0637\u0644\u0628 | \ud83d\ude9a \u062a\u0648\u0635\u064a\u0644 \u0645\u062c\u0627\u0646\u064a \u0644\u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u062f\u0646\n<\/div>\n\n\n<div style=\"background: linear-gradient(160deg, #e8f4fd 0%, #fff 60%); padding: 30px 20px 40px; text-align:center;\">\n <div style=\"display:inline-flex; align-items:center; gap:6px; background:#e8f4fd; color:#1565c0; padding:6px 14px; border-radius:20px; font-size:13px; font-weight:600; margin-bottom:14px;\">\u26a1 \u0639\u0631\u0636 \u062e\u0627\u0635 \u0645\u062d\u062f\u0648\u062f \u0627\u0644\u0648\u0642\u062a<\/div>\n <h1 style=\"font-size:42px; font-weight:900; color:#0d47a1; line-height:1.2; margin-bottom:8px;\">\u0645\u0636\u0631\u0628 \u0627\u0644\u0646\u0627\u0645\u0648\u0633<\/h1>\n <p style=\"font-size:18px; color:#333; margin-bottom:20px;\">\u0648\u062f\u0627\u0639\u0627\u064b \u0644\u0644\u0628\u0639\u0648\u0636 \u0648\u0627\u0644\u062d\u0634\u0631\u0627\u062a \u2014 \u062d\u0645\u0627\u064a\u0629 \u0641\u0648\u0631\u064a\u0629 \u0644\u0639\u0627\u0626\u0644\u062a\u0643<\/p>\n\n \n <div style=\"background: linear-gradient(135deg, #e3f2fd, #bbdefb); border-radius: 20px; margin: 0 auto 24px; max-width: 340px; height: 280px; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden;\">\n <div style=\"position:absolute; top:12px; right:12px; background:#e53935; color:#fff; border-radius:8px; padding:6px 12px; font-size:13px; font-weight:800;\">\u0648\u0641\u0631 21.67%<\/div>\n <div style=\"text-align:center;\">\n <div style=\"font-size:90px; line-height:1;\">\ud83e\udeb0<\/div>\n <div style=\"font-size:13px; color:#1565c0; font-weight:700; margin-top:8px;\">\u0636\u0639 \u0635\u0648\u0631\u0629 \u0627\u0644\u0645\u0646\u062a\u062c \u0647\u0646\u0627<\/div>\n <\/div>\n <\/div>\n\n \n <div style=\"display:flex; align-items:center; justify-content:center; gap:16px; margin-bottom:16px; flex-wrap:wrap;\">\n <div>\n <div style=\"font-size:12px; color:#888;\">\u0627\u0644\u0633\u0639\u0631 \u0627\u0644\u0623\u0635\u0644\u064a<\/div>\n <div style=\"font-size:18px; color:#e53935; text-decoration:line-through; font-weight:700;\">300 MAD<\/div>\n <\/div>\n <div style=\"text-align:center;\">\n <div style=\"font-size:12px; color:#1565c0; font-weight:700;\">\u0627\u0644\u0622\u0646 \u0641\u0642\u0637<\/div>\n <div style=\"font-size:52px; font-weight:900; color:#1565c0; line-height:1;\">235 MAD<\/div>\n <\/div>\n <span style=\"background:#e53935; color:#fff; border-radius:8px; padding:4px 12px; font-size:13px; font-weight:700;\">\u0648\u0641\u0631 21.67%<\/span>\n <\/div>\n\n \n <div style=\"background:#fff3e0; border: 1.5px solid #ff9800; border-radius:12px; padding:12px 20px; display:inline-flex; align-items:center; gap:10px; margin-bottom:20px;\">\n <span style=\"font-size:22px;\">\ud83c\udf81<\/span>\n <span style=\"font-weight:700; color:#e65100;\">\u0647\u062f\u064a\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 \u0645\u0639 \u0643\u0644 \u0637\u0644\u0628: USB LED<\/span>\n <\/div>\n\n \n <p style=\"font-size:14px; color:#e53935; font-weight:700; margin-bottom:8px;\">\u23f0 \u064a\u0646\u062a\u0647\u064a \u0627\u0644\u0639\u0631\u0636 \u062e\u0644\u0627\u0644:<\/p>\n <div style=\"display:flex; justify-content:center; gap:12px; margin-bottom:20px;\">\n <div class=\"count-box\"><div class=\"count-num\" id=\"cd-h\">04<\/div><div class=\"count-lbl\">\u0633\u0627\u0639\u0629<\/div><\/div>\n <div class=\"count-box\"><div class=\"count-num\" id=\"cd-m\">59<\/div><div class=\"count-lbl\">\u062f\u0642\u064a\u0642\u0629<\/div><\/div>\n <div class=\"count-box\"><div class=\"count-num\" id=\"cd-s\">47<\/div><div class=\"count-lbl\">\u062b\u0627\u0646\u064a\u0629<\/div><\/div>\n <\/div>\n\n <button class=\"btn-main\" onclick=\"document.getElementById('order-form').scrollIntoView({behavior:'smooth'})\">\n \u0627\u0637\u0644\u0628 \u0627\u0644\u0622\u0646 \u2014 \u0627\u0644\u062f\u0641\u0639 \u0639\u0646\u062f \u0627\u0644\u0627\u0633\u062a\u0644\u0627\u0645\n <\/button>\n <div style=\"font-size:12px; color:#888; margin-top:8px;\">\u2705 \u0644\u0627 \u062d\u0627\u062c\u0629 \u0644\u0628\u0637\u0627\u0642\u0629 \u0628\u0646\u0643\u064a\u0629 \u2014 \u062a\u062f\u0641\u0639 \u0639\u0646\u062f \u0648\u0635\u0648\u0644 \u0627\u0644\u0645\u0646\u062a\u062c<\/div>\n\n \n <div style=\"display:flex; justify-content:center; gap:20px; flex-wrap:wrap; margin-top:24px; padding-top:20px; border-top:1px solid #e0e0e0;\">\n <div class=\"trust-item\">\ud83d\ude9a <span>\u062a\u0648\u0635\u064a\u0644 \u0645\u062c\u0627\u0646\u064a<\/span><\/div>\n <div class=\"trust-item\">\ud83d\udcb0 <span>\u062f\u0641\u0639 \u0639\u0646\u062f \u0627\u0644\u0627\u0633\u062a\u0644\u0627\u0645<\/span><\/div>\n <div class=\"trust-item\">\ud83d\udee1\ufe0f <span>\u0636\u0645\u0627\u0646 \u0627\u0644\u062c\u0648\u062f\u0629<\/span><\/div>\n <div class=\"trust-item\">\ud83d\udcde <span>\u062f\u0639\u0645 24\/7<\/span><\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"section\" style=\"background:#fff;\">\n <div class=\"section-title\">\ud83d\udca1 \u0644\u0645\u0627\u0630\u0627 \u0645\u0636\u0631\u0628 \u0627\u0644\u0646\u0627\u0645\u0648\u0633\u061f<\/div>\n <div class=\"section-sub\">4 \u0623\u0633\u0628\u0627\u0628 \u062a\u062e\u0644\u064a\u0643 \u062a\u0637\u0644\u0628\u0647 \u0627\u0644\u064a\u0648\u0645<\/div>\n <div style=\"display:grid; grid-template-columns:1fr 1fr; gap:14px;\">\n <div class=\"card\"><div class=\"icon-circle\">\u26a1<\/div><div style=\"font-weight:800; font-size:15px;\">\u0642\u0648\u0629 \u0641\u0639\u0651\u0627\u0644\u0629 \u0648\u0641\u0648\u0631\u064a\u0629<\/div><div style=\"font-size:13px; color:#555;\">\u064a\u0642\u062a\u0644 \u0627\u0644\u062d\u0634\u0631\u0627\u062a \u0628\u0636\u0631\u0628\u0629 \u0648\u0627\u062d\u062f\u0629 \u0628\u062c\u0647\u062f \u0643\u0647\u0631\u0628\u0627\u0626\u064a \u0639\u0627\u0644\u064a<\/div><\/div>\n <div class=\"card\"><div class=\"icon-circle\">\ud83d\udee1\ufe0f<\/div><div style=\"font-weight:800; font-size:15px;\">\u0622\u0645\u0646 \u0644\u0644\u0639\u0627\u0626\u0644\u0629<\/div><div style=\"font-size:13px; color:#555;\">\u0634\u0628\u0643\u0629 \u0645\u062d\u0645\u064a\u0629 \u2014 \u0623\u0645\u0627\u0646 \u062a\u0627\u0645 \u0644\u0644\u0623\u0637\u0641\u0627\u0644 \u0648\u0627\u0644\u0643\u0628\u0627\u0631<\/div><\/div>\n <div class=\"card\"><div class=\"icon-circle\">\ud83d\udd0b<\/div><div style=\"font-weight:800; font-size:15px;\">\u0642\u0627\u0628\u0644 \u0644\u0644\u0634\u062d\u0646<\/div><div style=\"font-size:13px; color:#555;\">\u0628\u0637\u0627\u0631\u064a\u0629 \u0642\u0648\u064a\u0629 \u062a\u062f\u0648\u0645 \u0637\u0648\u064a\u0644\u0627\u064b \u0648\u0634\u062d\u0646 USB \u0633\u0631\u064a\u0639<\/div><\/div>\n <div class=\"card\"><div class=\"icon-circle\">\ud83c\udf3f<\/div><div style=\"font-weight:800; font-size:15px;\">\u0628\u062f\u0648\u0646 \u0643\u064a\u0645\u064a\u0627\u0621<\/div><div style=\"font-size:13px; color:#555;\">\u062d\u0645\u0627\u064a\u0629 \u0637\u0628\u064a\u0639\u064a\u0629 \u0628\u062f\u0648\u0646 \u0631\u0648\u0627\u0626\u062d \u0636\u0627\u0631\u0629 \u0623\u0648 \u0645\u0628\u064a\u062f\u0627\u062a<\/div><\/div>\n <\/div>\n <div style=\"display:flex; justify-content:space-around; margin-top:20px; flex-wrap:wrap; gap:10px;\">\n <div style=\"text-align:center; font-size:13px; color:#555;\"><div style=\"font-size:24px;\">\ud83e\udd2b<\/div><div style=\"font-weight:700; color:#333;\">\u0647\u0627\u062f\u0626 \u0648\u0646\u0638\u064a\u0641<\/div><div>\u0628\u062f\u0648\u0646 \u0636\u0648\u0636\u0627\u0621<\/div><\/div>\n <div style=\"text-align:center; font-size:13px; color:#555;\"><div style=\"font-size:24px;\">\ud83e\udeb6<\/div><div style=\"font-weight:700; color:#333;\">\u062e\u0641\u064a\u0641 \u0648\u0645\u0631\u064a\u062d<\/div><div>\u0633\u0647\u0644 \u0627\u0644\u062d\u0645\u0644<\/div><\/div>\n <div style=\"text-align:center; font-size:13px; color:#555;\"><div style=\"font-size:24px;\">\ud83c\udfe0<\/div><div style=\"font-weight:700; color:#333;\">\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u062a\u0639\u062f\u062f<\/div><div>\u0628\u064a\u062a \u0648\u0643\u0645\u0628\u064a\u0646\u062c<\/div><\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"section\" style=\"background:#f0f4f8;\">\n <div class=\"section-title\">\u2b50 \u0622\u0631\u0627\u0621 \u0639\u0645\u0644\u0627\u0621 \u0631\u0627\u0636\u064a\u0646<\/div>\n <div style=\"text-align:center; color:#f9a825; font-size:20px; letter-spacing:2px;\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"section-sub\" style=\"margin-top:8px;\">\u0634\u0648\u0641\u0648 \u0623\u0634 \u0642\u0627\u0644\u0648 \u0627\u0644\u0644\u064a \u062c\u0631\u0628\u0648 \u0645\u0636\u0631\u0628 \u0627\u0644\u0646\u0627\u0645\u0648\u0633<\/div>\n\n \n <div style=\"border: 2px dashed #c8e6c9; border-radius: 16px; padding: 30px 20px; text-align: center; background: #f9fff9; margin-bottom:16px;\">\n <div style=\"font-size:36px; margin-bottom:10px;\">\ud83d\udcac<\/div>\n <div style=\"font-weight:700; color:#2e7d32; font-size:15px; margin-bottom:6px;\">\u0647\u0646\u0627 \u062a\u0636\u0639 \u0622\u0631\u0627\u0621 \u0639\u0645\u0644\u0627\u0626\u0643 \u0627\u0644\u062d\u0642\u064a\u0642\u064a\u064a\u0646<\/div>\n <div style=\"font-size:13px; color:#777;\">\u0628\u0639\u062f \u0645\u0627 \u062a\u0628\u064a\u0639 \u0644\u0644\u0623\u0635\u062d\u0627\u0628\u060c \u0627\u0637\u0644\u0628 \u0645\u0646\u0647\u0645 \u0631\u0633\u0627\u0644\u0629 WhatsApp \u0648\u0636\u0639\u0647\u0627 \u0647\u0646\u0627<\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"section\" style=\"background: linear-gradient(135deg, #0d47a1, #1565c0); color:#fff; text-align:center;\">\n <h2 style=\"font-size:26px; font-weight:900; margin-bottom:12px;\">\u0648\u062f\u0651\u0639 \u0627\u0644\u0646\u0627\u0645\u0648\u0633 \u0628\u0633\u0647\u0648\u0644\u0629 \u0648\u0641\u0639\u0627\u0644\u064a\u0629!<\/h2>\n <p style=\"font-size:15px; margin-bottom:20px; opacity:0.9;\">\u062d\u0644 \u0633\u0631\u064a\u0639 \u0648\u0622\u0645\u0646 \u0644\u062d\u0645\u0627\u064a\u0629 \u0628\u064a\u062a\u0643 \u0648\u0639\u0627\u0626\u0644\u062a\u0643 \u2014 \u0628\u062f\u0648\u0646 \u0643\u064a\u0645\u064a\u0627\u0621 \u0648\u0628\u062f\u0648\u0646 \u0636\u0648\u0636\u0627\u0621<\/p>\n <div style=\"display:flex; justify-content:center; gap:12px; flex-wrap:wrap; margin-bottom:24px;\">\n <div style=\"background:rgba(255,255,255,0.15); border-radius:12px; padding:12px 18px; font-size:13px;\">\u26a1 \u0642\u0648\u0629 \u0635\u0627\u0639\u0642\u0629 \u0641\u0648\u0631\u064a\u0629<\/div>\n <div style=\"background:rgba(255,255,255,0.15); border-radius:12px; padding:12px 18px; font-size:13px;\">\ud83d\udee1\ufe0f 3 \u0637\u0628\u0642\u0627\u062a \u0623\u0645\u0627\u0646<\/div>\n <div style=\"background:rgba(255,255,255,0.15); border-radius:12px; padding:12px 18px; font-size:13px;\">\ud83d\udca1 \u0636\u0648\u0621 LED \u0645\u062f\u0645\u062c<\/div>\n <\/div>\n <button class=\"btn-main\" style=\"background:#fff; color:#1565c0;\" onclick=\"document.getElementById('order-form').scrollIntoView({behavior:'smooth'})\">\n \u0627\u0637\u0644\u0628 \u0627\u0644\u0622\u0646 \u2014 235 MAD \u0641\u0642\u0637\n <\/button>\n<\/div>\n\n\n<div class=\"section\" style=\"background:#fff;\" id=\"order-form\">\n <div class=\"section-title\">\u0627\u0637\u0644\u0628 \u0627\u0644\u0622\u0646<\/div>\n <div class=\"section-sub\">\u0627\u062e\u062a\u0631 \u0627\u0644\u0628\u0627\u0642\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u2014 \u0627\u0644\u062f\u0641\u0639 \u0639\u0646\u062f \u0627\u0644\u0627\u0633\u062a\u0644\u0627\u0645<\/div>\n\n \n <div style=\"display:flex; flex-direction:row-reverse; gap:12px; margin-bottom:24px;\">\n <div style=\"flex:1;\">\n <div class=\"pkg-label\" style=\"background:#1565c0;\">\u0627\u0644\u0628\u0627\u0642\u0629 \u0627\u0644\u0639\u0627\u062f\u064a\u0629<\/div>\n <div class=\"pkg-card selected\" id=\"pkg1\" onclick=\"selectPkg(1)\">\n <div style=\"font-size:22px; text-align:center; margin-bottom:8px;\">\ud83e\udeb0<\/div>\n <div style=\"text-align:center; font-weight:800; font-size:16px;\">1 \u0645\u0636\u0631\u0628<\/div>\n <div style=\"text-align:center; color:#1565c0; font-size:22px; font-weight:900; margin-top:6px;\">235 MAD<\/div>\n <div style=\"text-align:center; font-size:12px; color:#888; text-decoration:line-through;\">300 MAD<\/div>\n <div style=\"text-align:center; font-size:12px; color:#4caf50; font-weight:700; margin-top:4px;\">+ \u0647\u062f\u064a\u0629 USB LED<\/div>\n <\/div>\n <\/div>\n <div style=\"flex:1; position:relative;\">\n <div class=\"pkg-label\" style=\"background:#e53935;\">\u0627\u0644\u0628\u0627\u0642\u0629 \u0627\u0644\u0645\u0645\u064a\u0632\u0629<\/div>\n <div class=\"pkg-card\" id=\"pkg2\" onclick=\"selectPkg(2)\">\n <div style=\"text-align:center; margin-bottom:6px;\"><span style=\"background:#e53935; color:#fff; padding:3px 10px; border-radius:20px; font-size:11px; font-weight:700;\">\u0627\u0644\u0623\u0648\u0641\u0631!<\/span><\/div>\n <div style=\"font-size:22px; text-align:center; margin-bottom:8px;\">\ud83e\udeb0\ud83e\udeb0<\/div>\n <div style=\"text-align:center; font-weight:800; font-size:16px;\">2 \u0645\u0636\u0627\u0631\u0628<\/div>\n <div style=\"text-align:center; color:#1565c0; font-size:22px; font-weight:900; margin-top:6px;\">470 MAD<\/div>\n <div style=\"text-align:center; font-size:12px; color:#888; text-decoration:line-through;\">600 MAD<\/div>\n <div style=\"text-align:center; font-size:12px; color:#4caf50; font-weight:700; margin-top:4px;\">+ \u0647\u062f\u064a\u062a\u064a\u0646 USB LED<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div style=\"display:flex; flex-direction:column; gap:14px;\">\n <input class=\"form-input\" type=\"text\" id=\"f-name\" placeholder=\"\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644\" \/>\n <input class=\"form-input\" type=\"tel\" id=\"f-phone\" placeholder=\"\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641\" \/>\n <select class=\"form-select\" id=\"f-city\">\n <option value=\"\">\u0627\u062e\u062a\u0631 \u0627\u0644\u0645\u062f\u064a\u0646\u0629<\/option>\n <option>\u0627\u0644\u062f\u0627\u0631 \u0627\u0644\u0628\u064a\u0636\u0627\u0621<\/option><option>\u0627\u0644\u0631\u0628\u0627\u0637<\/option><option>\u0645\u0631\u0627\u0643\u0634<\/option>\n <option>\u0641\u0627\u0633<\/option><option>\u0637\u0646\u062c\u0629<\/option><option>\u0623\u0643\u0627\u062f\u064a\u0631<\/option>\n <option>\u0645\u0643\u0646\u0627\u0633<\/option><option>\u0648\u062c\u062f\u0629<\/option><option>\u0627\u0644\u0642\u0646\u064a\u0637\u0631\u0629<\/option>\n <option>\u062a\u0637\u0648\u0627\u0646<\/option><option>\u0633\u0644\u0627<\/option><option>\u0628\u0646\u064a \u0645\u0644\u0627\u0644<\/option>\n <option>\u0627\u0644\u062c\u062f\u064a\u062f\u0629<\/option><option>\u0627\u0644\u0639\u0631\u0627\u0626\u0634<\/option><option>\u062e\u0631\u064a\u0628\u0643\u0629<\/option>\n <option>\u0645\u062f\u064a\u0646\u0629 \u0623\u062e\u0631\u0649<\/option>\n <\/select>\n <input class=\"form-input\" type=\"text\" id=\"f-address\" placeholder=\"\u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u062a\u0641\u0635\u064a\u0644\u064a (\u0627\u0644\u062d\u064a\u060c \u0627\u0644\u0632\u0646\u0642\u0629...)\" \/>\n <textarea class=\"form-input\" id=\"f-note\" placeholder=\"\u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0625\u0636\u0627\u0641\u064a\u0629 (\u0627\u062e\u062a\u064a\u0627\u0631\u064a)\" rows=\"2\" style=\"resize:none;\"><\/textarea>\n <\/div>\n\n <div style=\"margin-top:20px;\">\n <button class=\"btn-main\" onclick=\"submitOrder()\" id=\"submit-btn\">\n \u0623\u0643\u062f \u0637\u0644\u0628\u0643 \u2014 \u0627\u0644\u062f\u0641\u0639 \u0639\u0646\u062f \u0627\u0644\u0627\u0633\u062a\u0644\u0627\u0645\n <\/button>\n <\/div>\n <div class=\"success-msg\" id=\"success-msg\" style=\"margin-top:16px;\">\n \ud83c\udf89 \u062a\u0645 \u0627\u0633\u062a\u0644\u0627\u0645 \u0637\u0644\u0628\u0643 \u0628\u0646\u062c\u0627\u062d! \u0633\u0646\u062a\u0635\u0644 \u0628\u0643 \u062e\u0644\u0627\u0644 \u0633\u0627\u0639\u0627\u062a \u0644\u062a\u0623\u0643\u064a\u062f \u0627\u0644\u062a\u0648\u0635\u064a\u0644.\n <\/div>\n\n <div style=\"display:flex; justify-content:space-around; margin-top:24px; padding-top:20px; border-top:1px solid #eee; flex-wrap:wrap; gap:10px;\">\n <div style=\"text-align:center; font-size:12px; color:#555;\"><div style=\"font-size:22px;\">\ud83d\udcb0<\/div>\u062f\u0641\u0639 \u0639\u0646\u062f \u0627\u0644\u0627\u0633\u062a\u0644\u0627\u0645<\/div>\n <div style=\"text-align:center; font-size:12px; color:#555;\"><div style=\"font-size:22px;\">\ud83d\ude9a<\/div>\u062a\u0648\u0635\u064a\u0644 \u0645\u062c\u0627\u0646\u064a<\/div>\n <div style=\"text-align:center; font-size:12px; color:#555;\"><div style=\"font-size:22px;\">\ud83c\udf81<\/div>\u0647\u062f\u064a\u0629 \u0645\u062c\u0627\u0646\u064a\u0629<\/div>\n <div style=\"text-align:center; font-size:12px; color:#555;\"><div style=\"font-size:22px;\">\ud83d\udcde<\/div>\u062f\u0639\u0645 \u062f\u0627\u0626\u0645<\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"section\" style=\"background:#f5f7fa;\">\n <div class=\"section-title\">\u2753 \u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u062a\u064a \u062a\u0647\u0645\u0643<\/div>\n <div class=\"section-sub\">\u0625\u062c\u0627\u0628\u0627\u062a \u0648\u0627\u0636\u062d\u0629 \u062a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u0627\u0644\u0634\u0631\u0627\u0621 \u0628\u0631\u0627\u062d\u0629<\/div>\n <div>\n <div class=\"faq-item\">\n <div class=\"faq-q\" onclick=\"toggleFaq(0)\"><span>\u0643\u064a\u0641 \u064a\u0639\u0645\u0644 \u0645\u0636\u0631\u0628 \u0627\u0644\u0646\u0627\u0645\u0648\u0633\u061f<\/span><span id=\"fi0\" style=\"font-size:22px; color:#1565c0; font-weight:300;\">+<\/span><\/div>\n <div class=\"faq-a\" id=\"fa0\">\u064a\u0633\u062a\u062e\u062f\u0645 \u0634\u0628\u0643\u0629 \u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0622\u0645\u0646\u0629 \u062a\u0642\u0636\u064a \u0639\u0644\u0649 \u0627\u0644\u0646\u0627\u0645\u0648\u0633 \u0641\u0648\u0631 \u0645\u0644\u0627\u0645\u0633\u062a\u0647. \u0627\u0636\u063a\u0637 \u0632\u0631 \u0627\u0644\u062a\u0634\u063a\u064a\u0644 \u0644\u064a\u0639\u0645\u0644 LED \u0627\u0644\u0623\u0632\u0631\u0642 \u0644\u062c\u0630\u0628 \u0627\u0644\u062d\u0634\u0631\u0627\u062a\u060c \u062b\u0645 \u0627\u0644\u0645\u0633\u0647\u0627 \u0644\u0644\u0642\u0636\u0627\u0621 \u0639\u0644\u064a\u0647\u0627 \u0645\u0628\u0627\u0634\u0631\u0629.<\/div>\n <\/div>\n <div class=\"faq-item\">\n <div class=\"faq-q\" onclick=\"toggleFaq(1)\"><span>\u0647\u0644 \u0647\u0648 \u0622\u0645\u0646 \u0644\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0641\u064a \u0627\u0644\u0645\u0646\u0632\u0644\u061f<\/span><span id=\"fi1\" style=\"font-size:22px; color:#1565c0; font-weight:300;\">+<\/span><\/div>\n <div class=\"faq-a\" id=\"fa1\">\u0646\u0639\u0645\u060c \u0645\u0635\u0645\u0645 \u0628\u062d\u0645\u0627\u064a\u0629 \u0645\u0632\u062f\u0648\u062c\u0629 \u062a\u0645\u0646\u0639 \u0645\u0644\u0627\u0645\u0633\u0629 \u0627\u0644\u0634\u0628\u0643\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0639\u0646 \u0637\u0631\u064a\u0642 \u0627\u0644\u062e\u0637\u0623\u060c \u0648\u0645\u0635\u0646\u0648\u0639 \u0645\u0646 \u0645\u0648\u0627\u062f \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0622\u0645\u0646\u0629 \u0644\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u064a\u0648\u0645\u064a \u0645\u0639 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0648\u0627\u0644\u0643\u0628\u0627\u0631.<\/div>\n <\/div>\n <div class=\"faq-item\">\n <div class=\"faq-q\" onclick=\"toggleFaq(2)\"><span>\u0645\u0627\u0630\u0627 \u064a\u062d\u062a\u0648\u064a \u0627\u0644\u0635\u0646\u062f\u0648\u0642\u061f<\/span><span id=\"fi2\" style=\"font-size:22px; color:#1565c0; font-weight:300;\">+<\/span><\/div>\n <div class=\"faq-a\" id=\"fa2\">\u062a\u062d\u0635\u0644 \u0639\u0644\u0649: \u0645\u0636\u0631\u0628 \u0627\u0644\u0646\u0627\u0645\u0648\u0633 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a + \u0642\u0627\u0639\u062f\u0629 \u0627\u0644\u0634\u062d\u0646 + \u0643\u0627\u0628\u0644 \u0634\u062d\u0646 USB + \u0636\u0648\u0621 LED \u0623\u0632\u0631\u0642 \u0645\u062f\u0645\u062c + \u0647\u062f\u064a\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 USB LED.<\/div>\n <\/div>\n <div class=\"faq-item\">\n <div class=\"faq-q\" onclick=\"toggleFaq(3)\"><span>\u0643\u0645 \u064a\u0633\u062a\u063a\u0631\u0642 \u0627\u0644\u062a\u0648\u0635\u064a\u0644\u061f<\/span><span id=\"fi3\" style=\"font-size:22px; color:#1565c0; font-weight:300;\">+<\/span><\/div>\n <div class=\"faq-a\" id=\"fa3\">\u0627\u0644\u062a\u0648\u0635\u064a\u0644 \u064a\u0635\u0644 \u0628\u064a\u0646 2 \u06485 \u0623\u064a\u0627\u0645 \u0639\u0645\u0644 \u062d\u0633\u0628 \u0645\u062f\u064a\u0646\u062a\u0643. \u0627\u0644\u062a\u0648\u0635\u064a\u0644 \u0645\u062c\u0627\u0646\u064a \u0644\u062c\u0645\u064a\u0639 \u0645\u062f\u0646 \u0627\u0644\u0645\u063a\u0631\u0628 \u0648\u0627\u0644\u062f\u0641\u0639 \u0639\u0646\u062f \u0627\u0633\u062a\u0644\u0627\u0645 \u0627\u0644\u0637\u0631\u062f.<\/div>\n <\/div>\n <div class=\"faq-item\">\n <div class=\"faq-q\" onclick=\"toggleFaq(4)\"><span>\u0645\u0627\u0630\u0627 \u0644\u0648 \u0645\u0627 \u0639\u062c\u0628\u0646\u064a\u0634 \u0627\u0644\u0645\u0646\u062a\u062c\u061f<\/span><span id=\"fi4\" style=\"font-size:22px; color:#1565c0; font-weight:300;\">+<\/span><\/div>\n <div class=\"faq-a\" id=\"fa4\">\u0646\u0636\u0645\u0646 \u0644\u0643 \u062c\u0648\u062f\u0629 \u0627\u0644\u0645\u0646\u062a\u062c 100%. \u0641\u064a \u062d\u0627\u0644\u0629 \u0623\u064a \u0645\u0634\u0643\u0644 \u0641\u064a \u0627\u0644\u062c\u0648\u062f\u0629 \u0639\u0646\u062f \u0627\u0644\u0627\u0633\u062a\u0644\u0627\u0645\u060c \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0645\u0628\u0627\u0634\u0631\u0629 \u0648\u0633\u0646\u062d\u0644 \u0645\u0634\u0643\u0644\u062a\u0643 \u0641\u0648\u0631\u0627\u064b \u0628\u062f\u0648\u0646 \u062a\u0639\u0642\u064a\u062f\u0627\u062a.<\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"section\" style=\"background:#fff; text-align:center; border-top: 3px solid #1565c0;\">\n <div style=\"font-size:28px; margin-bottom:8px;\">\ud83c\udfc1<\/div>\n <h2 style=\"font-size:22px; font-weight:900; margin-bottom:8px;\">\u0644\u0627 \u062a\u0636\u064a\u0639 \u0647\u0630\u0647 \u0627\u0644\u0641\u0631\u0635\u0629!<\/h2>\n <p style=\"color:#555; font-size:14px; margin-bottom:6px;\">\u0627\u0644\u0639\u0631\u0636 \u0645\u062d\u062f\u0648\u062f \u2014 <strong>235 MAD<\/strong> \u0628\u062f\u0644\u0627\u064b \u0645\u0646 300 MAD<\/p>\n <p style=\"color:#e53935; font-size:14px; font-weight:700; margin-bottom:20px;\">\u26a1 \u0622\u062e\u0631 \u0648\u062d\u062f\u0627\u062a \u0645\u062a\u0627\u062d\u0629 \u0627\u0644\u064a\u0648\u0645<\/p>\n <button class=\"btn-main\" onclick=\"document.getElementById('order-form').scrollIntoView({behavior:'smooth'})\">\n \u0627\u0637\u0644\u0628 \u0627\u0644\u0622\u0646 \u2014 \u0627\u0644\u062f\u0641\u0639 \u0639\u0646\u062f \u0627\u0644\u0627\u0633\u062a\u0644\u0627\u0645\n <\/button>\n <p style=\"font-size:12px; color:#888; margin-top:10px;\">Seljotek.com \u2014 \u0645\u0648\u062b\u0648\u0642 \u0648\u0645\u0636\u0645\u0648\u0646 \ud83c\uddf2\ud83c\udde6<\/p>\n<\/div>\n\n<script>\n \/\/ ===== \u0631\u0627\u0628\u0637 Google Sheets \u0645\u062f\u0645\u062c =====\n const GOOGLE_SHEET_URL = 'https:\/\/script.google.com\/macros\/s\/AKfycbwstOYTbkbnmqkI6hYie5kqEM_8vEJMvP0NS4PI2AKuGuvb_ApmpmZbyv7wlQyLXkTKBA\/exec';\n\n let selectedPkg = 1;\n\n function selectPkg(n) {\n selectedPkg = n;\n document.getElementById('pkg1').classList.toggle('selected', n === 1);\n document.getElementById('pkg2').classList.toggle('selected', n === 2);\n }\n\n function toggleFaq(i) {\n const el = document.getElementById('fa' + i);\n const icon = document.getElementById('fi' + i);\n const open = el.classList.toggle('open');\n icon.textContent = open ? '\u2212' : '+';\n }\n\n async function submitOrder() {\n const name = document.getElementById('f-name').value.trim();\n const phone = document.getElementById('f-phone').value.trim();\n const city = document.getElementById('f-city').value;\n const address = document.getElementById('f-address').value.trim();\n const note = document.getElementById('f-note').value.trim();\n const pkg = selectedPkg === 1 ? '\u0628\u0627\u0642\u0629 1 \u0642\u0637\u0639\u0629 - 235 MAD' : '\u0628\u0627\u0642\u0629 2 \u0642\u0637\u0639 - 470 MAD';\n\n if (!name || !phone || !city || !address) {\n alert('\u064a\u0631\u062c\u0649 \u0645\u0644\u0621 \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0644 \u0627\u0644\u0625\u0644\u0632\u0627\u0645\u064a\u0629');\n return;\n }\n if (!\/^[0-9+\\s]{8,}$\/.test(phone)) {\n alert('\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0631\u0642\u0645 \u0647\u0627\u062a\u0641 \u0635\u062d\u064a\u062d');\n return;\n }\n\n const btn = document.getElementById('submit-btn');\n btn.textContent = '\u23f3 \u062c\u0627\u0631\u064a \u0627\u0644\u0625\u0631\u0633\u0627\u0644...';\n btn.disabled = true;\n\n const data = {\n timestamp: new Date().toLocaleString('ar-MA'),\n name, phone, city, address,\n package: pkg, note\n };\n\n \/\/ \u0625\u0631\u0633\u0627\u0644 \u0644\u0644\u0640 Google Sheet \u0641\u064a \u0627\u0644\u062e\u0644\u0641\u064a\u0629\n fetch(GOOGLE_SHEET_URL, {\n method: 'POST',\n mode: 'no-cors',\n headers: { 'Content-Type': 'application\/json' },\n body: JSON.stringify(data)\n }).catch(function() {});\n\n \/\/ \u0631\u0633\u0627\u0644\u0629 \u0627\u0644\u0646\u062c\u0627\u062d \u062a\u0638\u0647\u0631 \u0641\u0648\u0631\u0627\u064b \u0628\u062f\u0648\u0646 \u0627\u0646\u062a\u0638\u0627\u0631\n setTimeout(function() {\n document.getElementById('success-msg').style.display = 'block';\n document.getElementById('success-msg').scrollIntoView({ behavior: 'smooth' });\n btn.textContent = '\u062a\u0645 \u0627\u0644\u0637\u0644\u0628 \u0628\u0646\u062c\u0627\u062d!';\n document.getElementById('f-name').value = '';\n document.getElementById('f-phone').value = '';\n document.getElementById('f-city').value = '';\n document.getElementById('f-address').value = '';\n document.getElementById('f-note').value = '';\n }, 800);\n }\n\n \/\/ \u0627\u0644\u0639\u062f \u0627\u0644\u062a\u0646\u0627\u0632\u0644\u064a\n let total = 4 * 3600 + 59 * 60 + 47;\n setInterval(() => {\n if (total <= 0) return;\n total--;\n document.getElementById('cd-h').textContent = String(Math.floor(total \/ 3600)).padStart(2,'0');\n document.getElementById('cd-m').textContent = String(Math.floor((total % 3600) \/ 60)).padStart(2,'0');\n document.getElementById('cd-s').textContent = String(total % 60).padStart(2,'0');\n }, 1000);\n<\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>\u0645\u0636\u0631\u0628 \u0627\u0644\u0646\u0627\u0645\u0648\u0633 \u2014 Seljotek \ud83c\udf81 \u0647\u062f\u064a\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 USB LED \u0645\u0639 \u0643\u0644 \u0637\u0644\u0628 | \ud83d\ude9a \u062a\u0648\u0635\u064a\u0644 \u0645\u062c\u0627\u0646\u064a \u0644\u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u062f\u0646 \u26a1 \u0639\u0631\u0636 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-145","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/seljotek.com\/index.php?rest_route=\/wp\/v2\/pages\/145","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/seljotek.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/seljotek.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/seljotek.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/seljotek.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=145"}],"version-history":[{"count":2,"href":"https:\/\/seljotek.com\/index.php?rest_route=\/wp\/v2\/pages\/145\/revisions"}],"predecessor-version":[{"id":148,"href":"https:\/\/seljotek.com\/index.php?rest_route=\/wp\/v2\/pages\/145\/revisions\/148"}],"wp:attachment":[{"href":"https:\/\/seljotek.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=145"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}