{"id":284482,"date":"2026-03-13T23:25:26","date_gmt":"2026-03-13T12:25:26","guid":{"rendered":"https:\/\/arabcollector.com\/?page_id=284482"},"modified":"2026-03-15T12:27:46","modified_gmt":"2026-03-15T01:27:46","slug":"stamp-design-simulator","status":"publish","type":"page","link":"https:\/\/arabcollector.com\/en\/young-collector-lab\/stamp-design-simulator\/","title":{"rendered":"Stamp design | Design your own stamp and send it for free"},"content":{"rendered":"<h2 style=\"text-align: right;\" data-path-to-node=\"8\">\u0631\u062d\u0644\u062a\u0643 \u0641\u064a \u0639\u0627\u0644\u0645 \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0637\u0648\u0627\u0628\u0639 \u0627\u0644\u0628\u0631\u064a\u062f\u064a\u0629<\/h2>\n<p style=\"text-align: right;\" data-path-to-node=\"5\">\u0641\u064a \u0641\u0636\u0627\u0621 \u0627\u0644\u0647\u0648\u0627\u0629 \u0627\u0644\u0645\u062d\u062a\u0631\u0641\u064a\u0646\u060c \u064a\u062f\u0631\u0643 \u0627\u0644\u062e\u0628\u0631\u0627\u0621 \u0623\u0646 \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u0637\u0627\u0628\u0639 \u0647\u0648 \u0631\u062d\u0644\u0629 \u062a\u0628\u062f\u0623 \u0628\u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0645\u0627\u0636\u064a \u0648\u062a\u0646\u062a\u0647\u064a \u0628\u0627\u0628\u062a\u0643\u0627\u0631 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644. \u0625\u0644\u064a\u0643 \u0643\u064a\u0641 \u0646\u062c\u0645\u0639 \u0628\u064a\u0646 \u0645\u0647\u0627\u0631\u0627\u062a &#8220;\u0627\u0644\u062a\u0631\u0645\u064a\u0645&#8221; \u0648\u0641\u0646\u0648\u0646 \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0637\u0648\u0627\u0628\u0639 \u0627\u0644\u0628\u0631\u064a\u062f\u064a\u0629:<\/p>\n<h3 style=\"text-align: right;\" data-path-to-node=\"10\">\u0623\u0648\u0644\u0627\u064b: \u0641\u0646 \u0627\u0633\u062a\u0639\u0627\u062f\u0629 \u0627\u0644\u0637\u0627\u0628\u0639<\/h3>\n<p style=\"text-align: right;\" data-path-to-node=\"7\">\u0642\u0628\u0644 \u0623\u0646 \u0646\u0628\u062f\u0623 \u0641\u064a \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0637\u0648\u0627\u0628\u0639 \u0627\u0644\u0628\u0631\u064a\u062f\u064a\u0629 \u0627\u0644\u062c\u062f\u064a\u062f\u0629\u060c \u064a\u062c\u0628 \u0623\u0646 \u062a\u062a\u0642\u0646 \u0644\u063a\u0629 \u0627\u0644\u0648\u0631\u0642. \u0639\u0645\u0644\u064a\u0629 &#8220;\u0627\u0644\u0625\u0646\u0642\u0627\u0630 \u0627\u0644\u0645\u0627\u0626\u064a&#8221; \u0644\u064a\u0633\u062a \u0645\u062c\u0631\u062f \u062a\u0646\u0638\u064a\u0641\u061b \u0628\u0644 \u0647\u064a \u0637\u0642\u0633 \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0644\u0627\u0633\u062a\u0639\u0627\u062f\u0629 \u062c\u0645\u0627\u0644\u064a\u0629 \u0627\u0644\u0637\u0648\u0627\u0628\u0639 \u0627\u0644\u0643\u0644\u0627\u0633\u064a\u0643\u064a\u0629. \u0647\u0630\u0647 \u0627\u0644\u0645\u0647\u0627\u0631\u0629 \u062a\u0645\u0646\u062d \u0627\u0644\u0645\u0635\u0645\u0645 \u0646\u0638\u0631\u0629 \u062b\u0627\u0642\u0628\u0629 \u062d\u0648\u0644 \u062c\u0648\u062f\u0629 \u0627\u0644\u0648\u0631\u0642\u060c \u0648\u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u0635\u0645\u063a\u060c \u0648\u0643\u064a\u0641\u064a\u0629 \u0635\u0645\u0648\u062f \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0639\u0628\u0631 \u0627\u0644\u0639\u0642\u0648\u062f.<\/p>\n<h4 style=\"text-align: right;\" data-path-to-node=\"8\"><b data-path-to-node=\"8\" data-index-in-node=\"0\">\u062b\u0627\u0646\u064a\u0627\u064b: \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0641\u064a \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0637\u0648\u0627\u0628\u0639 \u0627\u0644\u0628\u0631\u064a\u062f\u064a\u0629<\/b><\/h4>\n<p style=\"text-align: right;\" data-path-to-node=\"9\">\u0639\u0646\u062f\u0645\u0627 \u0646\u0646\u062a\u0642\u0644 \u0645\u0646 &#8220;\u0627\u0644\u062d\u0641\u0638&#8221; \u0625\u0644\u0649 &#8220;\u0627\u0644\u062e\u0644\u0642&#8221;\u060c \u064a\u062a\u062d\u0648\u0644 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0625\u0644\u0649 \u0627\u0644\u0625\u0628\u062f\u0627\u0639 \u0627\u0644\u0628\u0635\u0631\u064a. \u0625\u0646 \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0637\u0648\u0627\u0628\u0639 \u0627\u0644\u0628\u0631\u064a\u062f\u064a\u0629 \u0647\u0648 \u0641\u0646 \u0627\u0644\u0627\u062e\u062a\u0632\u0627\u0644\u061b \u062d\u064a\u062b \u064a\u062c\u0628 \u0623\u0646 \u062a\u0639\u0628\u0631 \u0641\u064a \u0645\u0633\u0627\u062d\u0629 \u0644\u0627 \u062a\u062a\u0639\u062f\u0649 \u0633\u0646\u062a\u064a\u0645\u062a\u0631\u0627\u062a \u0645\u0639\u062f\u0648\u062f\u0629 \u0639\u0646 \u0647\u0648\u064a\u0629 \u0648\u0637\u0646 \u0623\u0648 \u0639\u0638\u0645\u0629 \u062a\u0627\u0631\u064a\u062e.<\/p>\n<ul style=\"text-align: right;\" data-path-to-node=\"10\">\n<li>\n<p data-path-to-node=\"10,0,0\">\u0627\u0644\u062a\u0643\u0648\u064a\u0646 \u0627\u0644\u0628\u0635\u0631\u064a: \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0631\u0645\u0648\u0632 \u0627\u0644\u0633\u064a\u0627\u062f\u064a\u0629 (\u0643\u0627\u0644\u0634\u0639\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u0644\u0643\u064a\u0629) \u0627\u0644\u062a\u064a \u062a\u0645\u0646\u062d \u0627\u0644\u0637\u0627\u0628\u0639 \u0647\u064a\u0628\u062a\u0647.<\/p>\n<\/li>\n<li>\n<p data-path-to-node=\"10,1,0\">\u0627\u0644\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0628\u0631\u064a\u062f\u064a\u0629: \u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0642\u064a\u0645\u0629 \u0627\u0644\u0645\u0627\u0644\u064a\u0629 \u0648\u0627\u0633\u0645 \u0627\u0644\u062f\u0648\u0644\u0629 \u0628\u062a\u0646\u0627\u063a\u0645 \u0644\u0627 \u064a\u0637\u063a\u0649 \u0639\u0644\u0649 \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0645\u0631\u0643\u0632\u064a\u0629.<\/p>\n<\/li>\n<\/ul>\n\n\n<div id=\"stamp-master-final\" style=\"max-width: 950px; margin: 10px auto; font-family: 'Cairo', sans-serif; border: 8px solid #2980b9; border-radius: 25px; background: #fff; direction: rtl; overflow: hidden; box-shadow: 0 20px 50px rgba(0,0,0,0.2); position: relative;\">\n\n    <div id=\"app-header\" style=\"background: #2980b9; color: #fff; padding: 15px; text-align: center; transition: 0.5s;\">\n        <h2 style=\"margin: 0; font-size: 1.4rem;\">\ud83d\udcec \u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629 \u0627\u0644\u0628\u0631\u064a\u062f <\/h2>\n        <div style=\"display: flex; justify-content: center; gap: 5px; margin-top: 10px; flex-wrap: wrap;\">\n            <div id=\"st1\" class=\"step-badge active-b\">\u0627\u0644\u0625\u0646\u0642\u0627\u0630<\/div>\n            <div id=\"st2\" class=\"step-badge\">\u0627\u0644\u062a\u0635\u0645\u064a\u0645<\/div>\n            <div id=\"st3\" class=\"step-badge\">\u0627\u0644\u062a\u062c\u0647\u064a\u0632<\/div>\n            <div id=\"st4\" class=\"step-badge\">\u0627\u0644\u0625\u0631\u0633\u0627\u0644<\/div>\n        <\/div>\n    <\/div>\n\n    <div id=\"error-popup\" style=\"display: none; position: absolute; top: 100px; left: 50%; transform: translateX(-50%); background: #e74c3c; color: white; padding: 15px; border-radius: 12px; z-index: 100; width: 85%; text-align: center;\">\n        <p id=\"error-text\" style=\"margin: 0; font-weight: bold;\"><\/p>\n        <button onclick=\"closeError()\" style=\"margin-top: 10px; background: white; color: #e74c3c; border: none; padding: 5px 15px; border-radius: 5px; cursor: pointer; font-family: 'Cairo';\">\u062d\u0633\u0646\u0627\u064b<\/button>\n    <\/div>\n\n    <div style=\"padding: 20px; min-height: 500px; display: flex; flex-direction: column; align-items: center; background: #f0f7fa;\">\n        \n        <div id=\"s-lvl-1\" class=\"s-pane\">\n            <h3 style=\"color: #2980b9;\">1. \u0643\u064a\u0641 \u0646\u0646\u0642\u0630 \u0647\u0630\u0627 \u0627\u0644\u0637\u0627\u0628\u0639\u061f<\/h3>\n            <div id=\"quiz-options\">\n                <p>\u0644\u0642\u062f \u0648\u062c\u062f\u062a \u0637\u0627\u0628\u0639\u0627\u064b \u0646\u0627\u062f\u0631\u0627\u064b \u0645\u0644\u062a\u0635\u0642\u0627\u064b \u0628\u0648\u0631\u0642\u0629 \u0642\u062f\u064a\u0645\u0629\u060c \u0645\u0627 \u0647\u064a \u0627\u0644\u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u0623\u0641\u0636\u0644 \u0644\u0641\u0635\u0644\u0647\u061f<\/p>\n                <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 20px;\">\n                    <button class=\"quiz-btn\" onclick=\"checkMethod(false, '\u0627\u0644\u0645\u0642\u0635 \u0642\u062f \u064a\u0642\u0637\u0639 \u0623\u0637\u0631\u0627\u0641 \u0627\u0644\u0637\u0627\u0628\u0639 \u0627\u0644\u0645\u0633\u0646\u0646\u0629!')\">\u2702\ufe0f \u0627\u0644\u0645\u0642\u0635<\/button>\n                    <button class=\"quiz-btn\" onclick=\"checkMethod(true, '')\">\ud83d\udca7 \u063a\u0645\u0631\u0647 \u0628\u0627\u0644\u0645\u0627\u0621<\/button>\n                    <button class=\"quiz-btn\" onclick=\"checkMethod(false, '\u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0627\u0644\u0639\u0627\u0644\u064a\u0629 \u062a\u062d\u0631\u0642 \u0623\u0644\u064a\u0627\u0641 \u0627\u0644\u0637\u0627\u0628\u0639!')\">\ud83d\udd25 \u0627\u0644\u0648\u0644\u0627\u0639\u0629<\/button>\n                    <button class=\"quiz-btn\" onclick=\"checkMethod(false, '\u0627\u0644\u0634\u062f \u0633\u064a\u0624\u062f\u064a \u0644\u062a\u0645\u0632\u064a\u0642 \u0627\u0644\u0637\u0627\u0628\u0639 \u0641\u0648\u0631\u0627\u064b!')\">\ud83d\udd90\ufe0f \u0633\u062d\u0628\u0647<\/button>\n                <\/div>\n            <\/div>\n\n            <div id=\"soak-lab\" style=\"display: none; margin-top: 20px;\">\n                <p style=\"font-weight: bold; color: #27ae60;\">\u0631\u0627\u0626\u0639! \u0625\u062c\u0627\u0628\u0629 \u0635\u062d\u064a\u062d\u0629. \u0627\u0646\u0642\u0631 \u0639\u0644\u0649 \u0627\u0644\u062d\u0648\u0636 \u0644\u0628\u062f\u0621 \u0627\u0644\u063a\u0645\u0631.<\/p>\n                <div id=\"soak-tank\" style=\"width: 100%; max-width: 300px; height: 150px; background: #e0f7fa; border: 5px solid #2980b9; border-radius: 15px; margin: 20px auto; position: relative; overflow: hidden; cursor: pointer;\" onclick=\"startSoaking()\">\n                    <div id=\"water-fill\" style=\"position: absolute; bottom: 0; width: 100%; height: 0%; background: rgba(41, 128, 185, 0.4); transition: 2s;\"><\/div>\n                    <div id=\"drifting-stamp\" style=\"width: 60px; height: 80px; background: #d2b48c; border: 1px solid #999; margin: 30px auto; position: relative; transition: 1.5s; display: flex; align-items: center; justify-content: center; font-size: 25px;\">\u2709\ufe0f<\/div>\n                <\/div>\n                <button id=\"btn-to-2\" class=\"main-btn\" style=\"display: none; background: #27ae60;\" onclick=\"jump(2)\">\u0627\u0646\u062a\u0642\u0644 \u0644\u0644\u062a\u0635\u0645\u064a\u0645 \u2794<\/button>\n            <\/div>\n        <\/div>\n\n        <div id=\"s-lvl-2\" class=\"s-pane\" style=\"display: none;\">\n            <h3 style=\"color: #2980b9;\">2. \u0645\u0631\u0633\u0645 \u0627\u0644\u0637\u0648\u0627\u0628\u0639 \u0627\u0644\u0645\u0644\u0643\u064a<\/h3>\n            <div class=\"mobile-stack\">\n                <div style=\"flex: 1; min-width: 250px; text-align: right;\">\n                    <label>\u0627\u0644\u0631\u0645\u0648\u0632 \u0627\u0644\u062b\u0642\u0627\u0641\u064a\u0629:<\/label>\n                    <div style=\"display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin: 10px 0;\">\n                        <button class=\"sym-tile\" onclick=\"setSt('\ud83c\udf19')\">\ud83c\udf19<\/button>\n                        <button class=\"sym-tile\" onclick=\"setSt('\ud83e\udd85')\">\ud83e\udd85<\/button>\n                        <button class=\"sym-tile\" onclick=\"setSt('\ud83d\udd4c')\">\ud83d\udd4c<\/button>\n                        <button class=\"sym-tile\" onclick=\"setSt('\ud83c\udf34')\">\ud83c\udf34<\/button>\n                        <button class=\"sym-tile\" onclick=\"setSt('\ud83d\udd4b')\">\ud83d\udd4b<\/button>\n                        <button class=\"sym-tile\" onclick=\"setSt('\u26b1\ufe0f')\">\u26b1\ufe0f<\/button>\n                        <button class=\"sym-tile\" onclick=\"setSt('\u2712\ufe0f')\">\u2712\ufe0f<\/button>\n                        <button class=\"sym-tile\" onclick=\"setSt('\ud83c\udff0')\">\ud83c\udff0<\/button>\n                    <\/div>\n                    <input type=\"text\" id=\"in-country\" oninput=\"syncText()\" placeholder=\"\u0627\u0633\u0645 \u0627\u0644\u062f\u0648\u0644\u0629...\" style=\"width: 100%; padding: 12px; margin-bottom: 10px; border-radius: 8px; border: 2px solid #ddd; box-sizing: border-box;\">\n                    <input type=\"text\" id=\"in-val\" oninput=\"syncText()\" placeholder=\"\u0627\u0644\u0642\u064a\u0645\u0629...\" style=\"width: 100%; padding: 12px; border-radius: 8px; border: 2px solid #ddd; box-sizing: border-box;\">\n                <\/div>\n\n                <div id=\"stamp-render\" style=\"width: 160px; height: 210px; background: #fff; border: 6px solid #fff; outline: 3px dashed #bdc3c7; box-shadow: 0 10px 20px rgba(0,0,0,0.1); position: relative; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 10px; margin-top: 20px;\">\n                    <div id=\"r-country\" style=\"font-weight: bold; font-size: 0.9rem; border-bottom: 1px solid #eee; width: 100%; text-align: center;\">\u062f\u0648\u0644\u0629 \u0639\u0631\u0628\u064a\u0629<\/div>\n                    <div id=\"r-icon\" style=\"font-size: 60px;\">\ud83d\udcee<\/div>\n                    <div id=\"r-val\" style=\"font-weight: bold; color: #2980b9; font-size: 18px;\">00<\/div>\n                    <div style=\"position: absolute; bottom: 5px; right: 5px; border: 1px solid #eee; border-radius: 50%; width: 30px; height: 30px; font-size: 6px; display: flex; align-items: center; justify-content: center; transform: rotate(-15deg); color: #ccc;\">OFFICIAL<\/div>\n                <\/div>\n            <\/div>\n            <button class=\"main-btn\" style=\"margin-top: 30px;\" onclick=\"jump(3)\">\u062a\u062c\u0647\u064a\u0632 \u0627\u0644\u0645\u0638\u0631\u0648\u0641 \u2794<\/button>\n        <\/div>\n\n        <div id=\"s-lvl-3\" class=\"s-pane\" style=\"display: none;\">\n            <h3 style=\"color: #2980b9;\">3. \u0627\u0644\u0639\u0646\u0648\u0646\u0629 \u0648\u0627\u0644\u062e\u062a\u0645<\/h3>\n            <div id=\"envelope-area\" style=\"width: 100%; max-width: 500px; aspect-ratio: 1.6 \/ 1; background: #fdf5e6; border: 2px solid #d2b48c; box-shadow: 5px 5px 0 rgba(0,0,0,0.05); position: relative; padding: 15px; margin: 10px auto; text-align: left; box-sizing: border-box;\">\n                <div id=\"mini-stamp-box\" style=\"position: absolute; top: 10px; right: 10px; width: 60px; height: 80px; background: #fff; border: 1px solid #ddd; outline: 2px dashed #ccc; transform: rotate(1deg); display: flex; flex-direction: column; align-items: center; justify-content: space-around; font-size: 8px;\">\n                    <div id=\"min-c\" style=\"font-weight: bold;\">\u062f\u0648\u0644\u0629<\/div>\n                    <div id=\"min-i\" style=\"font-size: 25px;\">\ud83d\udcee<\/div>\n                    <div id=\"min-v\">00<\/div>\n                <\/div>\n                <div id=\"post-seal\" style=\"position: absolute; top: 5px; right: 60px; width: 70px; height: 70px; border: 2px solid rgba(0,0,0,0); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 8px; color: rgba(0,0,0,0); transform: rotate(-10deg); font-weight: bold; text-align: center; white-space: pre-wrap;\"><\/div>\n                \n                <div style=\"margin-top: 60px; direction: ltr; font-family: 'Courier New', monospace; font-size: 14px;\">\n                    <p><b>FROM:<\/b> <input type=\"text\" id=\"env-from\" placeholder=\"\u0627\u0644\u0645\u0631\u0633\u0644...\" style=\"background: transparent; border: none; border-bottom: 1px solid #aaa; width: 60%; font-family: 'Cairo'; font-size: 12px;\"><\/p>\n                    <p style=\"margin-left: 20%; margin-top: 20px;\"><b>TO:<\/b> <input type=\"text\" id=\"env-to\" placeholder=\"\u0627\u0644\u0645\u0633\u062a\u0644\u0645...\" style=\"background: transparent; border: none; border-bottom: 1px solid #aaa; width: 70%; font-family: 'Cairo'; font-size: 12px;\"><\/p>\n                <\/div>\n            <\/div>\n            <div style=\"display: flex; gap: 5px; flex-wrap: wrap; justify-content: center;\">\n                <button class=\"main-btn\" style=\"background: #7f8c8d; font-size: 12px;\" onclick=\"applyPostmark()\">\u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u062e\u062a\u0645 \ud83d\udd18<\/button>\n                <button class=\"main-btn\" style=\"background: #27ae60; font-size: 12px;\" onclick=\"prepareFinal()\">\u0645\u0631\u0627\u062c\u0639\u0629 \u2794<\/button>\n            <\/div>\n        <\/div>\n\n        <div id=\"s-lvl-4\" class=\"s-pane\" style=\"display: none;\">\n            <h3 id=\"final-status\" style=\"color: #2980b9;\">4. \u0645\u0639\u0627\u064a\u0646\u0629 \u0627\u0644\u0631\u0633\u0627\u0644\u0629<\/h3>\n            <div id=\"final-wrap\" style=\"transition: 1s ease-in-out; position: relative; width: 100%; display: flex; justify-content: center;\">\n                <div id=\"final-preview-container\" style=\"width: 100%; max-width: 500px;\"><\/div>\n            <\/div>\n            \n            <div id=\"final-actions\" style=\"margin-top: 20px; display: flex; flex-direction: column; gap: 10px;\">\n                <button class=\"main-btn\" style=\"background: #e67e22;\" onclick=\"flyAway()\">\u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0631\u0633\u0627\u0644\u0629 \u2708\ufe0f<\/button>\n                <button class=\"main-btn\" style=\"background: #2ecc71;\" onclick=\"dlEnvelope()\">\u062a\u062d\u0645\u064a\u0644 \u0643\u0630\u0643\u0631\u0649 \ud83d\udce5<\/button>\n            <\/div>\n\n            <div id=\"success-msg\" style=\"display: none; margin-top: 30px; animation: slideUp 0.5s forwards;\">\n                <h2 style=\"color: #27ae60;\">\u062a\u0645 \u0627\u0644\u0625\u0631\u0633\u0627\u0644 \u0628\u0646\u062c\u0627\u062d! \ud83c\udf89<\/h2>\n                <button class=\"main-btn\" style=\"background: #34495e;\" onclick=\"location.reload()\">\u062a\u0635\u0645\u064a\u0645 \u062c\u062f\u064a\u062f \ud83d\udd04<\/button>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<style>\n    .mobile-stack { display: flex; gap: 20px; align-items: center; flex-wrap: wrap; justify-content: center; }\n    .step-badge { padding: 4px 10px; background: rgba(255,255,255,0.2); color: #fff; border-radius: 20px; font-size: 10px; }\n    .active-b { background: #fff; color: #2980b9; font-weight: bold; }\n    .s-pane { width: 100%; text-align: center; animation: slideUp 0.5s ease; }\n    .quiz-btn { padding: 12px; border: 2px solid #ddd; border-radius: 12px; background: #fff; cursor: pointer; font-family: 'Cairo'; font-weight: bold; font-size: 13px; }\n    .sym-tile { font-size: 20px; padding: 8px; border: 1px solid #eee; background: #fff; cursor: pointer; border-radius: 8px; }\n    .main-btn { padding: 12px 25px; border: none; border-radius: 50px; background: #2980b9; color: #fff; font-family: 'Cairo'; cursor: pointer; font-weight: bold; margin: 5px; font-size: 14px; }\n    \n    @keyframes slideUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\n    @keyframes flyOut { \n        0% { transform: translateY(0) scale(1) rotate(0deg); opacity: 1; }\n        100% { transform: translateY(-600px) scale(0) rotate(20deg); opacity: 0; }\n    }\n<\/style>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2canvas\/1.4.1\/html2canvas.min.js\"><\/script>\n<script>\n    \/\/ --- Audio Controller ---\n    const sounds = {\n        pop: new Audio('https:\/\/assets.mixkit.co\/active_storage\/sfx\/2571\/2571-preview.mp3'),\n        water: new Audio('https:\/\/assets.mixkit.co\/active_storage\/sfx\/1111\/1111-preview.mp3'),\n        stamp: new Audio('https:\/\/assets.mixkit.co\/active_storage\/sfx\/1118\/1118-preview.mp3'),\n        slide: new Audio('https:\/\/assets.mixkit.co\/active_storage\/sfx\/2019\/2019-preview.mp3'),\n        fly: new Audio('https:\/\/assets.mixkit.co\/active_storage\/sfx\/1121\/1121-preview.mp3'),\n        yay: new Audio('https:\/\/assets.mixkit.co\/active_storage\/sfx\/2019\/2019-preview.mp3'), \/\/ Happy sound for correct choice\n        boo: new Audio('https:\/\/www.myinstants.com\/media\/sounds\/wrong-answer-126515.mp3'), \/\/ Buzzer sound for wrong choice\n        cheer: new Audio('https:\/\/assets.mixkit.co\/active_storage\/sfx\/514\/514-preview.mp3') \/\/ Kids cheering sound\n    };\n\n    function play(snd) {\n        sounds[snd].currentTime = 0;\n        sounds[snd].play().catch(e => console.log(\"Audio requires user interaction\"));\n    }\n\n    let stampState = { icon: '\ud83d\udcee', country: '\u062f\u0648\u0644\u0629 \u0639\u0631\u0628\u064a\u0629', val: '00' };\n\n    function checkMethod(isCorrect, msg) {\n        if(isCorrect) {\n            play('yay'); \/\/ Plays happy sound\n            document.getElementById('quiz-options').style.display = 'none';\n            document.getElementById('soak-lab').style.display = 'block';\n        } else { \n            play('boo'); \/\/ Plays wrong sound\n            showError(msg); \n        }\n    }\n\n    function showError(msg) {\n        document.getElementById('error-text').innerText = msg;\n        document.getElementById('error-popup').style.display = 'block';\n    }\n\n    function closeError() { document.getElementById('error-popup').style.display = 'none'; }\n\n    function startSoaking() {\n        play('water');\n        document.getElementById('water-fill').style.height = '100%';\n        setTimeout(() => {\n            const s = document.getElementById('drifting-stamp');\n            s.style.transform = 'translateY(-20px) rotate(15deg)';\n            s.style.background = '#fff';\n            s.innerText = '\ud83d\udcdc';\n            document.getElementById('btn-to-2').style.display = 'inline-block';\n        }, 2000);\n    }\n\n    function setSt(emoji) {\n        play('pop');\n        stampState.icon = emoji;\n        document.getElementById('r-icon').innerText = emoji;\n        document.getElementById('min-i').innerText = emoji;\n    }\n\n    function syncText() {\n        const c = document.getElementById('in-country').value || '\u062f\u0648\u0644\u0629 \u0639\u0631\u0628\u064a\u0629';\n        const v = document.getElementById('in-val').value || '00';\n        document.getElementById('r-country').innerText = c;\n        document.getElementById('r-val').innerText = v;\n        document.getElementById('min-c').innerText = c;\n        document.getElementById('min-v').innerText = v;\n    }\n\n    function applyPostmark() {\n        play('stamp');\n        const seal = document.getElementById('post-seal');\n        seal.style.borderColor = 'rgba(0,0,0,0.3)';\n        seal.style.color = 'rgba(0,0,0,0.3)';\n        seal.style.borderStyle = 'double';\n        seal.innerText = \"POSTED\\n2026\";\n    }\n\n    function jump(lvl) {\n        play('slide');\n        document.querySelectorAll('.s-pane').forEach(p => p.style.display = 'none');\n        document.getElementById('s-lvl-' + lvl).style.display = 'block';\n        document.querySelectorAll('.step-badge').forEach(b => b.classList.remove('active-b'));\n        document.getElementById('st' + lvl).classList.add('active-b');\n    }\n\n    function prepareFinal() {\n        const clone = document.getElementById('envelope-area').cloneNode(true);\n        const inputs = clone.querySelectorAll('input');\n        inputs.forEach(inp => {\n            const val = inp.value || '---';\n            const span = document.createElement('span');\n            span.innerText = val;\n            span.style.borderBottom = \"1px solid #aaa\";\n            inp.parentNode.replaceChild(span, inp);\n        });\n        const container = document.getElementById('final-preview-container');\n        container.innerHTML = \"\";\n        container.appendChild(clone);\n        jump(4);\n    }\n\n    function flyAway() {\n        play('fly');\n        const envelope = document.getElementById('final-wrap');\n        envelope.style.animation = \"flyOut 1.5s forwards ease-in\";\n        document.getElementById('final-actions').style.display = \"none\";\n        document.getElementById('final-status').style.opacity = \"0\";\n        setTimeout(() => {\n            play('cheer'); \/\/ SUCCESS SOUND: KIDS CHEERING\n            envelope.style.display = \"none\";\n            document.getElementById('success-msg').style.display = \"block\";\n            document.getElementById('app-header').style.background = \"#27ae60\";\n        }, 1500);\n    }\n\n    function dlEnvelope() {\n        html2canvas(document.getElementById('envelope-area')).then(canvas => {\n            const link = document.createElement('a');\n            link.download = `MyStampLetter.png`;\n            link.href = canvas.toDataURL();\n            link.click();\n        });\n    }\n<\/script>\n\n\n\n<h3 style=\"text-align: right;\" data-path-to-node=\"13\">\u0644\u0645\u0627\u0630\u0627 \u064a\u0647\u062a\u0645 \u0627\u0644\u0647\u0648\u0627\u0629 \u0628\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0637\u0648\u0627\u0628\u0639\u061f<\/h3>\n<p style=\"text-align: right;\" data-path-to-node=\"14\">\u0625\u0646 \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0637\u0648\u0627\u0628\u0639 \u0627\u0644\u0628\u0631\u064a\u062f\u064a\u0629 \u0644\u064a\u0633 \u0645\u062c\u0631\u062f \u0631\u0633\u0645\u060c \u0628\u0644 \u0647\u0648 \u062a\u0648\u062b\u064a\u0642 \u0644\u0644\u062d\u0638\u0627\u062a \u062a\u0627\u0631\u064a\u062e\u064a\u0629. \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0645\u062d\u0627\u0643\u064a \u0627\u0644\u062e\u0627\u0635 \u0628\u0646\u0627\u060c \u064a\u0645\u0643\u0646\u0643 \u062a\u062c\u0631\u0628\u0629 \u062f\u0648\u0631 &#8220;\u0627\u0644\u0645\u0635\u0645\u0645 \u0627\u0644\u0645\u0644\u0643\u064a&#8221; \u0648\u0625\u0646\u0634\u0627\u0621 \u0637\u0627\u0628\u0639 \u062e\u0627\u0635 \u064a\u062d\u0645\u0644 \u0627\u0633\u0645 \u062f\u0648\u0644\u062a\u0643 \u0648\u0627\u0644\u0642\u064a\u0645\u0629 \u0627\u0644\u062a\u064a \u062a\u062e\u062a\u0627\u0631\u0647\u0627<\/p>\n<p style=\"text-align: right;\">\u064a\u0645\u0643\u0646\u0643 \u0627\u064a\u0636\u0627 \u0627\u0644\u062a\u0639\u0631\u0641 \u0639\u0644\u0649 <a href=\"https:\/\/arabcollector.com\/around-the-world-stamps\/\">\u0631\u062d\u0644\u0629 \u062d\u0648\u0644 \u0627\u0644\u0639\u0627\u0644\u0645 \u0627\u0644\u0639\u0631\u0628\u064a: \u0645\u063a\u0627\u0645\u0631\u0629 \u0627\u0644\u0637\u0648\u0627\u0628\u0639<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>\u0631\u062d\u0644\u062a\u0643 \u0641\u064a \u0639\u0627\u0644\u0645 \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0637\u0648\u0627\u0628\u0639 \u0627\u0644\u0628\u0631\u064a\u062f\u064a\u0629 \u0641\u064a \u0641\u0636\u0627\u0621 \u0627\u0644\u0647\u0648\u0627\u0629 \u0627\u0644\u0645\u062d\u062a\u0631\u0641\u064a\u0646\u060c \u064a\u062f\u0631\u0643 \u0627\u0644\u062e\u0628\u0631\u0627\u0621 \u0623\u0646 \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u0637\u0627\u0628\u0639 \u0647\u0648 \u0631\u062d\u0644\u0629 \u062a\u0628\u062f\u0623 \u0628\u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0645\u0627\u0636\u064a \u0648\u062a\u0646\u062a\u0647\u064a \u0628\u0627\u0628\u062a\u0643\u0627\u0631 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644. \u0625\u0644\u064a\u0643 \u0643\u064a\u0641 \u0646\u062c\u0645\u0639 \u0628\u064a\u0646 \u0645\u0647\u0627\u0631\u0627\u062a &#8220;\u0627\u0644\u062a\u0631\u0645\u064a\u0645&#8221; \u0648\u0641\u0646\u0648\u0646 \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0637\u0648\u0627\u0628\u0639 \u0627\u0644\u0628\u0631\u064a\u062f\u064a\u0629: \u0623\u0648\u0644\u0627\u064b: \u0641\u0646 \u0627\u0633\u062a\u0639\u0627\u062f\u0629 \u0627\u0644\u0637\u0627\u0628\u0639 \u0642\u0628\u0644 \u0623\u0646 \u0646\u0628\u062f\u0623 \u0641\u064a \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0637\u0648\u0627\u0628\u0639 \u0627\u0644\u0628\u0631\u064a\u062f\u064a\u0629 \u0627\u0644\u062c\u062f\u064a\u062f\u0629\u060c \u064a\u062c\u0628 \u0623\u0646 \u062a\u062a\u0642\u0646 \u0644\u063a\u0629 \u0627\u0644\u0648\u0631\u0642. \u0639\u0645\u0644\u064a\u0629 &#8220;\u0627\u0644\u0625\u0646\u0642\u0627\u0630 \u0627\u0644\u0645\u0627\u0626\u064a&#8221; \u0644\u064a\u0633\u062a &hellip;<\/p>","protected":false},"author":1,"featured_media":0,"parent":284552,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"wpupg_custom_link":[],"wpupg_custom_link_behaviour":[],"wpupg_custom_link_nofollow":[],"wpupg_custom_image":[],"wpupg_custom_image_id":[],"footnotes":""},"class_list":["post-284482","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/arabcollector.com\/en\/wp-json\/wp\/v2\/pages\/284482","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arabcollector.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arabcollector.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arabcollector.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arabcollector.com\/en\/wp-json\/wp\/v2\/comments?post=284482"}],"version-history":[{"count":0,"href":"https:\/\/arabcollector.com\/en\/wp-json\/wp\/v2\/pages\/284482\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/arabcollector.com\/en\/wp-json\/wp\/v2\/pages\/284552"}],"wp:attachment":[{"href":"https:\/\/arabcollector.com\/en\/wp-json\/wp\/v2\/media?parent=284482"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}