\u062f\u0628\u064a \u0633\u0641\u0627\u0631\u064a \u0628\u0627\u0631\u0643 | \u0623\u0628\u0631\u0632 \u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0627\u0644\u0645\u0648\u0633\u0645 \u0627\u0644\u0633\u0627\u0628\u0639<\/title>\r\n \r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\r\n \r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n \r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"ItemList\",\r\n \"name\": \"\u062f\u0628\u064a \u0633\u0641\u0627\u0631\u064a \u0628\u0627\u0631\u0643 | \u0623\u0628\u0631\u0632 \u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0627\u0644\u0645\u0648\u0633\u0645 \u0627\u0644\u0633\u0627\u0628\u0639\",\r\n \"description\": \"\u0623\u0628\u0631\u0632 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0648\u0627\u0644\u062a\u062c\u0627\u0631\u0628 \u0641\u064a \u0627\u0644\u0645\u0648\u0633\u0645 \u0627\u0644\u0633\u0627\u0628\u0639 \u0645\u0646 \u062f\u0628\u064a \u0633\u0641\u0627\u0631\u064a \u0628\u0627\u0631\u0643\u060c \u0648\u0627\u0644\u062a\u064a \u062a\u0634\u0645\u0644 \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u0628\u064a\u0626\u0629 \u0648\u0627\u0644\u0623\u0646\u0634\u0637\u0629 \u0627\u0644\u0639\u0627\u0626\u0644\u064a\u0629 \u0648\u062a\u062c\u0627\u0631\u0628 \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0628\u0631\u064a\u0629 \u0627\u0644\u0641\u0631\u064a\u062f\u0629.\",\r\n \"numberOfItems\": 6,\r\n \"itemListElement\": [\r\n {\r\n \"@type\": \"ListItem\",\r\n \"position\": 1,\r\n \"item\": {\r\n \"@type\": \"Event\",\r\n \"name\": \"\u0644\u064a\u0644\u0629 \u0627\u0644\u0627\u0641\u062a\u062a\u0627\u062d \u0627\u0644\u0643\u0628\u064a\u0631 \u0644\u0644\u0645\u0648\u0633\u0645 \u0627\u0644\u0633\u0627\u0628\u0639\",\r\n \"startDate\": \"2025-10-14\",\r\n \"location\": {\"@type\": \"Place\", \"name\": \"\u062f\u0628\u064a \u0633\u0641\u0627\u0631\u064a \u0628\u0627\u0631\u0643\", \"address\": \"\u062f\u0628\u064a\u060c \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629\"},\r\n \"description\": \"\u0639\u0648\u062f\u0629 \u0645\u0630\u0647\u0644\u0629 \u0645\u0639 \u062a\u062c\u0627\u0631\u0628 \u062c\u062f\u064a\u062f\u0629 \u0644\u0625\u0637\u0639\u0627\u0645 \u0627\u0644\u062d\u064a\u0648\u0627\u0646\u0627\u062a\u060c \u0648\u0644\u062d\u0638\u0627\u062a \u062d\u0645\u064a\u0645\u0629 \u0645\u0639 \u0627\u0644\u062d\u064a\u0648\u0627\u0646\u0627\u062a\u060c \u0648\u0642\u0635\u0635 \u0645\u0644\u0647\u0645\u0629 \u0639\u0646 \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u0628\u064a\u0626\u0629.\",\r\n \"image\": \"https:\/\/picsum.photos\/id\/131\/800\/600\",\r\n \"eventStatus\": \"https:\/\/schema.org\/EventScheduled\"\r\n }\r\n },\r\n {\r\n \"@type\": \"ListItem\",\r\n \"position\": 2,\r\n \"item\": {\r\n \"@type\": \"Event\",\r\n \"name\": \"\u0645\u0633\u0627\u0628\u0642\u0629 \u0645\u0628\u062a\u0643\u0631\u064a \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0628\u0631\u064a\u0629\",\r\n \"startDate\": \"2025-11-13\",\r\n \"location\": {\"@type\": \"Place\", \"name\": \"\u062f\u0628\u064a \u0633\u0641\u0627\u0631\u064a \u0628\u0627\u0631\u0643\", \"address\": \"\u062f\u0628\u064a\u060c \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629\"},\r\n \"description\": \"\u0634\u0627\u0631\u0643 310 \u0637\u0644\u0627\u0628 \u0645\u0646 31 \u0645\u062f\u0631\u0633\u0629\u061b \u0648\u0641\u0627\u0632\u062a \u0645\u062f\u0631\u0633\u0629 \u062f\u0628\u064a \u0627\u0644\u0648\u0637\u0646\u064a\u0629 \u0641\u064a \u0627\u0644\u0628\u0631\u0634\u0627\u0621 \u0628\u062c\u0627\u0626\u0632\u062a\u0647\u0627 \u0627\u0644\u0643\u0628\u0631\u0649 \u0639\u0646 \u0627\u062e\u062a\u0631\u0627\u0639 '\u062e\u0644\u064a\u0629 \u0627\u0644\u0646\u062d\u0644 \u0627\u0644\u0630\u0643\u064a\u0629' \u0644\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0628\u0631\u064a\u0629.\",\r\n \"image\": \"https:\/\/picsum.photos\/id\/20\/800\/600\",\r\n \"eventStatus\": \"https:\/\/schema.org\/EventScheduled\"\r\n }\r\n },\r\n {\r\n \"@type\": \"ListItem\",\r\n \"position\": 3,\r\n \"item\": {\r\n \"@type\": \"Event\",\r\n \"name\": \"\u0627\u062d\u062a\u0641\u0627\u0644\u0627\u062a \u0639\u064a\u062f \u0627\u0644\u0627\u062a\u062d\u0627\u062f\",\r\n \"startDate\": \"2025-11-29\",\r\n \"endDate\": \"2025-12-02\",\r\n \"location\": {\"@type\": \"Place\", \"name\": \"\u062f\u0628\u064a \u0633\u0641\u0627\u0631\u064a \u0628\u0627\u0631\u0643\", \"address\": \"\u062f\u0628\u064a\u060c \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629\"},\r\n \"description\": \"\u0623\u0631\u0628\u0639 \u0645\u0646\u0627\u0637\u0642: \u0627\u0644\u062a\u0631\u0627\u062b \u0648\u0627\u0644\u0647\u0648\u064a\u0629\u060c \u0627\u0644\u0637\u0628\u064a\u0639\u0629 \u0648\u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0628\u0631\u064a\u0629\u060c \u0627\u0644\u0645\u0631\u062d \u0627\u0644\u0639\u0627\u0626\u0644\u064a \u0648\u0627\u0644\u0625\u0628\u062f\u0627\u0639\u060c \u0648\u0627\u0644\u062a\u0623\u0645\u0644 \u0648\u0627\u0644\u062a\u0639\u0647\u062f.\",\r\n \"image\": \"https:\/\/picsum.photos\/id\/15\/800\/600\",\r\n \"eventStatus\": \"https:\/\/schema.org\/EventScheduled\"\r\n }\r\n },\r\n {\r\n \"@type\": \"ListItem\",\r\n \"position\": 4,\r\n \"item\": {\r\n \"@type\": \"Event\",\r\n \"name\": \"\u0627\u0644\u0642\u0631\u064a\u0629 \u0627\u0644\u0627\u062d\u062a\u0641\u0627\u0644\u064a\u0629\",\r\n \"startDate\": \"2025-12-21\",\r\n \"endDate\": \"2026-01-11\",\r\n \"location\": {\"@type\": \"Place\", \"name\": \"\u0627\u0644\u0648\u0627\u062f\u064a\u060c \u062f\u0628\u064a \u0633\u0641\u0627\u0631\u064a \u0628\u0627\u0631\u0643\", \"address\": \"\u062f\u0628\u064a\u060c \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629\"},\r\n \"description\": \"\u0633\u0648\u0642 \u0634\u062a\u0648\u064a \u0646\u0627\u0628\u0636 \u0628\u0627\u0644\u062d\u064a\u0627\u0629 \u064a\u0636\u0645 \u062a\u0632\u064a\u064a\u0646 \u062e\u0628\u0632 \u0627\u0644\u0632\u0646\u062c\u0628\u064a\u0644\u060c \u0627\u0644\u0631\u0633\u0645 \u0639\u0644\u0649 \u0627\u0644\u0648\u062c\u0648\u0647\u060c \u0639\u0631\u0648\u0636 \u0627\u0644\u0633\u062d\u0631\u0629\u060c \u062a\u0631\u0627\u0646\u064a\u0645 \u0639\u064a\u062f \u0627\u0644\u0645\u064a\u0644\u0627\u062f\u060c \u0627\u0644\u0634\u0648\u0643\u0648\u0644\u0627\u062a\u0629 \u0627\u0644\u0633\u0627\u062e\u0646\u0629 \u0648\u0623\u0639\u0634\u0627\u0628 \u0645\u0646 \u0627\u0644\u0641\u0635\u064a\u0644\u0629 \u0627\u0644\u062e\u0628\u0627\u0632\u064a\u0629.\",\r\n \"image\": \"https:\/\/picsum.photos\/id\/1\/800\/600\",\r\n \"eventStatus\": \"https:\/\/schema.org\/EventScheduled\"\r\n }\r\n },\r\n {\r\n \"@type\": \"ListItem\",\r\n \"position\": 5,\r\n \"item\": {\r\n \"@type\": \"Event\",\r\n \"name\": \"\u064a\u0648\u0645 \u0627\u0644\u062d\u0628 \u0641\u064a \u0627\u0644\u0628\u0631\u064a\u0629\",\r\n \"startDate\": \"2026-02-10\",\r\n \"location\": {\"@type\": \"Place\", \"name\": \"\u0645\u0646\u0635\u0629 \u0627\u0644\u0632\u0631\u0627\u0641\u0627\u062a \u0648\u0643\u0648\u0628\u064a \u0627\u0644\u0623\u0633\u0648\u062f\u060c \u062f\u0628\u064a \u0633\u0641\u0627\u0631\u064a \u0628\u0627\u0631\u0643\", \"address\": \"\u062f\u0628\u064a\u060c \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629\"},\r\n \"description\": \"\u0625\u0641\u0637\u0627\u0631 \u0623\u0648 \u0639\u0634\u0627\u0621 \u0631\u0648\u0645\u0627\u0646\u0633\u064a \u0645\u0639 \u0625\u0637\u0644\u0627\u0644\u0627\u062a \u0639\u0644\u0649 \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0628\u0631\u064a\u0629 \u0641\u064a \u0645\u0646\u0635\u0629 \u0627\u0644\u0632\u0631\u0627\u0641\u0627\u062a \u0623\u0648 \u0643\u0648\u0628\u064a \u0627\u0644\u0623\u0633\u0648\u062f.\",\r\n \"image\": \"https:\/\/picsum.photos\/id\/186\/800\/600\",\r\n \"eventStatus\": \"https:\/\/schema.org\/EventScheduled\"\r\n }\r\n },\r\n {\r\n \"@type\": \"ListItem\",\r\n \"position\": 6,\r\n \"item\": {\r\n \"@type\": \"Event\",\r\n \"name\": \"\u0625\u0641\u0637\u0627\u0631 \u0631\u0645\u0636\u0627\u0646 \u0641\u064a \u0627\u0644\u0628\u0631\u064a\u0629\",\r\n \"startDate\": \"2026-03\",\r\n \"location\": {\"@type\": \"Place\", \"name\": \"\u062f\u0628\u064a \u0633\u0641\u0627\u0631\u064a \u0628\u0627\u0631\u0643\", \"address\": \"\u062f\u0628\u064a\u060c \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629\"},\r\n \"description\": \"\u062a\u062c\u0631\u0628\u0629 \u0625\u0641\u0637\u0627\u0631 \u062d\u0645\u064a\u0645\u064a\u0629 \u0628\u062c\u0627\u0646\u0628 \u0627\u0644\u0632\u0631\u0627\u0641\u0627\u062a \u0623\u0648 \u0627\u0644\u0623\u0633\u0648\u062f\u060c \u0648\u062c\u0648\u0644\u0629 \u0633\u0641\u0627\u0631\u064a \u0627\u0644\u0635\u062d\u0631\u0627\u0648\u064a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629\u060c \u0648\u062f\u062e\u0648\u0644 \u0627\u0644\u0648\u062c\u0647\u0629 \u0637\u0648\u0627\u0644 \u0627\u0644\u064a\u0648\u0645.\",\r\n \"image\": \"https:\/\/picsum.photos\/id\/233\/800\/600\",\r\n \"eventStatus\": \"https:\/\/schema.org\/EventScheduled\"\r\n }\r\n }\r\n ]\r\n }\r\n <\/script>\r\n\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n .season7-pillars-section {\r\n font-family: 'Tajawal', 'Segoe UI', sans-serif;\r\n background: #fdfbf7;\r\n padding: 4rem 1.5rem;\r\n }\r\n\r\n .season7-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n .season7-header {\r\n text-align: center;\r\n max-width: 780px;\r\n margin: 0 auto 3rem auto;\r\n }\r\n\r\n .season7-badge {\r\n display: inline-block;\r\n font-size: 0.8rem;\r\n text-transform: uppercase;\r\n letter-spacing: 3px;\r\n color: #c1772e;\r\n font-weight: 700;\r\n margin-bottom: 1rem;\r\n font-family: 'Tajawal', sans-serif;\r\n }\r\n\r\n .season7-badge::before,\r\n .season7-badge::after {\r\n content: \"\";\r\n display: inline-block;\r\n width: 30px;\r\n height: 1px;\r\n background: #c1772e;\r\n opacity: 0.3;\r\n vertical-align: middle;\r\n margin: 0 8px;\r\n }\r\n\r\n .season7-header h2 {\r\n font-size: 3rem;\r\n font-weight: 700;\r\n color: #2a5c3e;\r\n margin-bottom: 0.8rem;\r\n letter-spacing: -0.5px;\r\n font-family: 'Tajawal', sans-serif;\r\n }\r\n\r\n .season7-header p {\r\n font-size: 1rem;\r\n color: #5c6e5a;\r\n line-height: 1.5;\r\n font-family: 'Tajawal', sans-serif;\r\n }\r\n\r\n .season7-zigzag {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 2.5rem;\r\n }\r\n\r\n .event-article {\r\n display: flex;\r\n align-items: center;\r\n gap: 2rem;\r\n background: #ffffff;\r\n border-radius: 28px;\r\n overflow: hidden;\r\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04);\r\n transition: transform 0.25s ease, box-shadow 0.25s ease;\r\n border: 1px solid #f0e5d4;\r\n }\r\n\r\n .event-article:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 20px 35px rgba(0, 0, 0, 0.08);\r\n }\r\n\r\n .event-image {\r\n flex: 1.2;\r\n position: relative;\r\n overflow: hidden;\r\n min-height: 280px;\r\n background: #e9e0cf;\r\n cursor: pointer;\r\n }\r\n\r\n .event-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform 0.4s ease;\r\n aspect-ratio: 4\/3;\r\n }\r\n\r\n .event-article:hover .event-image img {\r\n transform: scale(1.02);\r\n }\r\n\r\n .gallery-hint-badge {\r\n position: absolute;\r\n bottom: 12px;\r\n right: 14px;\r\n background: rgba(0, 0, 0, 0.75);\r\n backdrop-filter: blur(5px);\r\n border-radius: 40px;\r\n padding: 6px 12px;\r\n font-size: 0.7rem;\r\n font-weight: 600;\r\n color: #fff2e0;\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n z-index: 2;\r\n pointer-events: none;\r\n font-family: 'Tajawal', monospace;\r\n }\r\n\r\n \/* FIXED: Better spacing for Arabic text when image is on the left *\/\r\n .event-text {\r\n flex: 1;\r\n padding: 1.8rem 2.5rem 1.8rem 1.8rem;\r\n }\r\n\r\n .event-date {\r\n display: inline-block;\r\n background: #f4e5cf;\r\n border-radius: 60px;\r\n padding: 0.25rem 1rem;\r\n font-size: 0.7rem;\r\n font-weight: 700;\r\n color: #b4621a;\r\n margin-bottom: 0.8rem;\r\n font-family: 'Tajawal', sans-serif;\r\n }\r\n\r\n .event-text h3 {\r\n font-size: 1.8rem;\r\n font-weight: 700;\r\n color: #1b3b28;\r\n margin-bottom: 0.8rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-family: 'Tajawal', sans-serif;\r\n }\r\n\r\n .event-text h3 i {\r\n color: #c1772e;\r\n font-size: 1.6rem;\r\n font-family: 'Font Awesome 6 Free';\r\n font-weight: 900;\r\n }\r\n\r\n .event-text p {\r\n color: #5c6e5a;\r\n line-height: 1.55;\r\n margin-bottom: 1.2rem;\r\n font-size: 0.95rem;\r\n font-family: 'Tajawal', sans-serif;\r\n }\r\n\r\n .pillar-decor {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: #c1772e;\r\n color: white;\r\n padding: 0.7rem 1.5rem;\r\n border-radius: 60px;\r\n font-weight: 600;\r\n font-size: 0.85rem;\r\n cursor: pointer;\r\n transition: all 0.2s;\r\n width: fit-content;\r\n font-family: 'Tajawal', sans-serif;\r\n border: none;\r\n }\r\n\r\n .pillar-decor:hover {\r\n background: #a36122;\r\n transform: scale(1.02);\r\n }\r\n\r\n \/* Desktop: Adjust padding for alternating rows *\/\r\n @media (min-width: 860px) {\r\n \/* When image is on the right (even articles in RTL) - text needs more right padding *\/\r\n .event-article:nth-child(even) {\r\n flex-direction: row-reverse;\r\n }\r\n \r\n \/* For articles where image is on the left (odd numbers in RTL) *\/\r\n .event-article:nth-child(odd) .event-text {\r\n padding: 1.8rem 2.5rem 1.8rem 1.8rem;\r\n }\r\n \r\n \/* For articles where image is on the right (even numbers in RTL) *\/\r\n .event-article:nth-child(even) .event-text {\r\n padding: 1.8rem 1.8rem 1.8rem 2.5rem;\r\n }\r\n \r\n .season7-header h2 {\r\n font-size: 3.5rem;\r\n }\r\n }\r\n\r\n \/* Mobile Responsive *\/\r\n @media (max-width: 859px) {\r\n .season7-pillars-section {\r\n padding: 2.5rem 1rem;\r\n }\r\n .event-article {\r\n flex-direction: column;\r\n gap: 0;\r\n border-radius: 24px;\r\n }\r\n .event-image {\r\n width: 100%;\r\n min-height: 220px;\r\n }\r\n .event-text {\r\n padding: 1.5rem;\r\n text-align: center;\r\n }\r\n .event-text h3 {\r\n justify-content: center;\r\n font-size: 1.6rem;\r\n }\r\n .pillar-decor {\r\n margin: 0 auto;\r\n }\r\n .season7-header h2 {\r\n font-size: 2.2rem;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .event-text h3 {\r\n font-size: 1.4rem;\r\n }\r\n .event-text p {\r\n font-size: 0.85rem;\r\n }\r\n .gallery-hint-badge {\r\n padding: 4px 10px;\r\n font-size: 0.6rem;\r\n }\r\n .season7-header h2 {\r\n font-size: 1.8rem;\r\n }\r\n }\r\n\r\n \/* Gallery Modal *\/\r\n .gallery-modal {\r\n display: none;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-color: rgba(0, 0, 0, 0.94);\r\n z-index: 10000;\r\n justify-content: center;\r\n align-items: center;\r\n backdrop-filter: blur(3px);\r\n }\r\n\r\n .gallery-modal.active {\r\n display: flex;\r\n }\r\n\r\n .gallery-container {\r\n background: #1e2a24;\r\n border-radius: 28px;\r\n max-width: 90vw;\r\n max-height: 90vh;\r\n width: 1000px;\r\n overflow: hidden;\r\n box-shadow: 0 25px 45px rgba(0,0,0,0.5);\r\n display: flex;\r\n flex-direction: column;\r\n font-family: 'Tajawal', sans-serif;\r\n }\r\n\r\n .gallery-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 1rem 1.5rem;\r\n background: #2c3e2b;\r\n color: white;\r\n border-bottom: 1px solid rgba(255,215,170,0.3);\r\n }\r\n\r\n .gallery-header h3 {\r\n font-size: 1.2rem;\r\n font-weight: 600;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-family: 'Tajawal', sans-serif;\r\n }\r\n\r\n .close-gallery {\r\n background: none;\r\n border: none;\r\n color: #ffddb0;\r\n font-size: 1.8rem;\r\n cursor: pointer;\r\n padding: 0 8px;\r\n transition: 0.2s;\r\n }\r\n\r\n .close-gallery:hover {\r\n color: #ffaa55;\r\n }\r\n\r\n .gallery-main-view {\r\n position: relative;\r\n background: #0f1a13;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n min-height: 450px;\r\n flex: 1;\r\n }\r\n\r\n .gallery-main-img {\r\n max-width: 100%;\r\n max-height: 60vh;\r\n object-fit: contain;\r\n }\r\n\r\n .nav-btn {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n background: rgba(0,0,0,0.65);\r\n border: none;\r\n color: white;\r\n font-size: 2rem;\r\n cursor: pointer;\r\n padding: 0.5rem 1rem;\r\n border-radius: 40px;\r\n transition: 0.2s;\r\n font-family: 'Tajawal', sans-serif;\r\n }\r\n\r\n .nav-btn.prev { left: 15px; }\r\n .nav-btn.next { right: 15px; }\r\n .nav-btn:hover { background: #c1772e; }\r\n\r\n .thumbnails-area {\r\n padding: 1rem;\r\n background: #1e2a24;\r\n border-top: 1px solid #3b4f3a;\r\n overflow-x: auto;\r\n white-space: nowrap;\r\n scrollbar-width: thin;\r\n }\r\n\r\n .thumb-list {\r\n display: inline-flex;\r\n gap: 12px;\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n }\r\n\r\n .thumb-list li {\r\n display: inline-block;\r\n cursor: pointer;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n border: 2px solid transparent;\r\n transition: 0.2s;\r\n }\r\n\r\n .thumb-list li.active-thumb {\r\n border-color: #c1772e;\r\n transform: scale(0.98);\r\n }\r\n\r\n .thumb-list img {\r\n width: 70px;\r\n height: 70px;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n\r\n .photo-counter {\r\n font-size: 0.75rem;\r\n background: rgba(0,0,0,0.5);\r\n padding: 0.2rem 0.8rem;\r\n border-radius: 30px;\r\n margin-left: 12px;\r\n }\r\n\r\n @media (max-width: 700px) {\r\n .thumb-list img { width: 55px; height: 55px; }\r\n }\r\n\r\n \/* focus visible for accessibility *\/\r\n .close-gallery:focus-visible, \r\n .nav-btn:focus-visible, \r\n .event-image:focus-visible {\r\n outline: 2px solid #c1772e;\r\n outline-offset: 2px;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"season7-pillars-section\">\r\n <div class=\"season7-container\">\r\n <div class=\"season7-header\">\r\n <span class=\"season7-badge\">\u0627\u0644\u0645\u0648\u0633\u0645 \u0627\u0644\u0633\u0627\u0628\u0639 \u00b7 \u0627\u0644\u0635\u062d\u0648\u0629 \u0627\u0644\u0628\u0631\u064a\u0629<\/span>\r\n <h2>\u0623\u0628\u0631\u0632 \u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0627\u0644\u0645\u0648\u0633\u0645 \u0627\u0644\u0633\u0627\u0628\u0639<\/h2>\r\n <p>\u0646\u0633\u062a\u0639\u0631\u0636 \u0645\u0639\u0643\u0645 \u0627\u0644\u0644\u062d\u0638\u0627\u062a \u0648\u0627\u0644\u062a\u062c\u0627\u0631\u0628 \u0648\u062c\u0647\u0648\u062f \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u0628\u064a\u0626\u0629 \u0627\u0644\u062a\u064a \u062c\u0639\u0644\u062a \u0647\u0630\u0627 \u0627\u0644\u0645\u0648\u0633\u0645 \u0644\u0627 \u064a\u064f\u0646\u0633\u0649.<\/p>\r\n <\/div>\r\n <div class=\"season7-zigzag\" id=\"season7Zigzag\"><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<div id=\"galleryModal\" class=\"gallery-modal\" role=\"dialog\" aria-modal=\"true\" aria-label=\"\u0645\u0639\u0631\u0636 \u0635\u0648\u0631 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a\">\r\n <div class=\"gallery-container\">\r\n <div class=\"gallery-header\">\r\n <h3><i class=\"fas fa-images\"><\/i> <span id=\"galleryTitle\">\u0644\u062d\u0638\u0627\u062a \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a<\/span> <span id=\"photoCounter\" class=\"photo-counter\"><\/span><\/h3>\r\n <button class=\"close-gallery\" id=\"closeGalleryBtn\" aria-label=\"\u0625\u063a\u0644\u0627\u0642 \u0627\u0644\u0645\u0639\u0631\u0636\"><i class=\"fas fa-times\"><\/i><\/button>\r\n <\/div>\r\n <div class=\"gallery-main-view\">\r\n <button class=\"nav-btn prev\" id=\"prevGalleryBtn\" aria-label=\"\u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0633\u0627\u0628\u0642\u0629\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\r\n <img decoding=\"async\" id=\"galleryMainImg\" class=\"gallery-main-img\" src=\"\" alt=\"\u0645\u0639\u0631\u0636 \u0627\u0644\u0635\u0648\u0631\">\r\n <button class=\"nav-btn next\" id=\"nextGalleryBtn\" aria-label=\"\u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u062a\u0627\u0644\u064a\u0629\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\r\n <\/div>\r\n <div class=\"thumbnails-area\">\r\n <ul class=\"thumb-list\" id=\"thumbList\"><\/ul>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\nconst eventData = [\r\n {\r\n pillar: \"opening\",\r\n title: \"\u0644\u064a\u0644\u0629 \u0627\u0644\u0627\u0641\u062a\u062a\u0627\u062d \u0627\u0644\u0643\u0628\u064a\u0631\",\r\n icon: \"fa-fire\",\r\n date: \"14 \u0623\u0643\u062a\u0648\u0628\u0631 2025\",\r\n rephrasedDesc: \"\u0644\u0642\u062f \u0643\u0627\u0646\u062a \u0639\u0648\u062f\u0629 \u0645\u0630\u0647\u0644\u0629. \u0639\u0645\u0651 \u0627\u0644\u0641\u0631\u062d \u0642\u0644\u0648\u0628 \u0636\u064a\u0648\u0641\u0646\u0627 \u0639\u0646\u062f\u0645\u0627 \u0623\u0639\u0627\u062f\u062a \u0627\u0644\u0648\u062c\u0647\u0629 \u0641\u062a\u062d \u0623\u0628\u0648\u0627\u0628\u0647\u0627 \u0644\u0628\u062f\u0621 \u0641\u0635\u0644 \u062c\u062f\u064a\u062f \u0648\u0645\u062b\u064a\u0631. \u0643\u0627\u0646 \u0627\u0644\u062c\u0648 \u0645\u0641\u0639\u0645\u064b\u0627 \u0628\u0627\u0644\u0637\u0627\u0642\u0629\u060c \u0645\u0644\u064a\u0626\u064b\u0627 \u0628\u0644\u062d\u0638\u0627\u062a \u062d\u0645\u064a\u0645\u0629 \u0645\u0639 \u0627\u0644\u062d\u064a\u0648\u0627\u0646\u0627\u062a\u060c \u0648\u0642\u0635\u0635 \u0623\u0639\u0645\u0642 \u0639\u0646 \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u0628\u064a\u0626\u0629\u060c \u0648\u0637\u0627\u0642\u0629 \u0645\u0641\u0639\u0645\u0629 \u0628\u0627\u0644\u062d\u064a\u0648\u064a\u0629. \u0643\u0645\u0627 \u0642\u062f\u0645\u0646\u0627 \u062a\u062c\u0627\u0631\u0628 \u062c\u062f\u064a\u062f\u0629 \u062a\u0645\u0627\u0645\u064b\u0627 \u0644\u0625\u0637\u0639\u0627\u0645 \u0627\u0644\u062d\u064a\u0648\u0627\u0646\u0627\u062a \u0623\u0633\u0639\u062f\u062a \u0643\u0644 \u0645\u0646 \u062d\u0636\u0631.\",\r\n gallery: {\r\n title: \"\u0644\u064a\u0644\u0629 \u0627\u0644\u0627\u0641\u062a\u062a\u0627\u062d \u0627\u0644\u0643\u0628\u064a\u0631 \u00b7 \u0627\u0644\u0635\u062d\u0648\u0629 \u0627\u0644\u0628\u0631\u064a\u0629\",\r\n images: [\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/04\/Dubai-Safari-Park-Season-7-Opening-Day.webp\",\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/04\/Dubai-Safari-Park-Season-7-Opening-Day-2.webp\",\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/04\/Dubai-Safari-Park-Season-7-Opening-Day-3.webp\",\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/04\/Dubai-Safari-Park-Season-7-Opening-Day-4.webp\",\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/04\/Dubai-Safari-Park-Season-7-Opening-Day-5.webp\",\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/04\/Dubai-Safari-Park-Season-7-Opening-Day-7.webp\",\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/04\/Dubai-Safari-Park-Season-7-Opening-Day-6.webp\"\r\n ]\r\n }\r\n },\r\n {\r\n pillar: \"innovators\",\r\n title: \"\u0645\u0633\u0627\u0628\u0642\u0629 \u0645\u0628\u062a\u0643\u0631\u064a \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0628\u0631\u064a\u0629\",\r\n icon: \"fa-trophy\",\r\n date: \"13 \u0646\u0648\u0641\u0645\u0628\u0631 2025\",\r\n rephrasedDesc: \"\u0627\u062d\u062a\u0641\u0644\u0646\u0627 \u0628\u0627\u0644\u062c\u064a\u0644 \u0627\u0644\u0642\u0627\u062f\u0645 \u0645\u0646 \u062f\u0639\u0627\u0629 \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u0628\u064a\u0626\u0629. \u0634\u0627\u0631\u0643 \u0623\u0643\u062b\u0631 \u0645\u0646 300 \u0637\u0627\u0644\u0628 \u0645\u0646 31 \u0645\u062f\u0631\u0633\u0629 \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0641\u064a \u0645\u0633\u0627\u0628\u0642\u0629 \u0644\u062a\u0635\u0645\u064a\u0645 \u062a\u0642\u0646\u064a\u0627\u062a \u062a\u062d\u0645\u064a \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0628\u0631\u064a\u0629. \u0641\u0627\u0632\u062a \u0645\u062f\u0631\u0633\u0629 \u062f\u0628\u064a \u0627\u0644\u0648\u0637\u0646\u064a\u0629 \u0641\u064a \u0627\u0644\u0628\u0631\u0634\u0627\u0621 \u0628\u0627\u0644\u062c\u0627\u0626\u0632\u0629 \u0627\u0644\u0643\u0628\u0631\u0649 \u0628\u0627\u062e\u062a\u0631\u0627\u0639\u0647\u0645 \u0627\u0644\u0631\u0627\u0626\u0639 '\u062e\u0644\u064a\u0629 \u0627\u0644\u0646\u062d\u0644 \u0627\u0644\u0630\u0643\u064a\u0629' \u2014 \u0641\u0648\u0632 \u0643\u0628\u064a\u0631 \u0644\u0644\u062a\u0646\u0648\u0639 \u0627\u0644\u0628\u064a\u0648\u0644\u0648\u062c\u064a \u0627\u0644\u0645\u062d\u0644\u064a.\",\r\n gallery: {\r\n title: \"\u0645\u0633\u0627\u0628\u0642\u0629 \u0645\u0628\u062a\u0643\u0631\u064a \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0628\u0631\u064a\u0629\",\r\n images: [\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/03\/Wildlife-Heroes.webp\",\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/03\/Wildlife-Heroes-1.webp\",\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/03\/Wildlife-Heroes-2.webp\",\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/03\/Wildlife-Heroes-3.webp\",\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/03\/Wildlife-Heroes-4.webp\",\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/03\/Wildlife-Heroes-5.webp\",\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/03\/Wildlife-Heroes-6.webp\"\r\n ]\r\n }\r\n },\r\n {\r\n pillar: \"eid\",\r\n title: \"\u0627\u062d\u062a\u0641\u0627\u0644\u0627\u062a \u0639\u064a\u062f \u0627\u0644\u0627\u062a\u062d\u0627\u062f\",\r\n icon: \"fa-flag\",\r\n date: \"29 \u0646\u0648\u0641\u0645\u0628\u0631 \u2013 2 \u062f\u064a\u0633\u0645\u0628\u0631 2025\",\r\n rephrasedDesc: \"\u0643\u0631\u0651\u0645\u0646\u0627 \u0627\u0639\u062a\u0632\u0627\u0632\u0646\u0627 \u0627\u0644\u062b\u0642\u0627\u0641\u064a \u0628\u0631\u062d\u0644\u0629 \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629 \u0627\u0633\u062a\u0645\u0631\u062a \u0623\u0631\u0628\u0639\u0629 \u0623\u064a\u0627\u0645 \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0648\u062c\u0647\u0629. \u0627\u0646\u063a\u0645\u0633 \u0636\u064a\u0648\u0641\u0646\u0627 \u0641\u064a \u0627\u0644\u062a\u0631\u0627\u062b \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a\u064a \u0645\u0639 \u0639\u0631\u0648\u0636 \u0627\u0644\u0639\u064a\u0627\u0644\u0629 \u0627\u0644\u062d\u064a\u0629\u060c \u0648\u062d\u0635\u0644 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0639\u0644\u0649 \u0631\u062e\u0635 \u062d\u0631\u0627\u0633 \u0627\u0644\u0637\u0628\u064a\u0639\u0629 \u0627\u0644\u0635\u063a\u0627\u0631\u060c \u0648\u0634\u0627\u0631\u0643\u062a \u0627\u0644\u0639\u0627\u0626\u0644\u0627\u062a \u0641\u064a \u0644\u0642\u0627\u0621\u0627\u062a \u0644\u0627 \u062a\u064f\u0646\u0633\u0649 \u0645\u0639 \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0628\u0631\u064a\u0629. \u0643\u0627\u0646\u062a \u062a\u062d\u064a\u0629 \u062c\u0645\u064a\u0644\u0629 \u0644\u0631\u0648\u062d \u0627\u0644\u0648\u0637\u0646.\",\r\n gallery: {\r\n title: \"\u0627\u062d\u062a\u0641\u0627\u0644\u0627\u062a \u0639\u064a\u062f \u0627\u0644\u0627\u062a\u062d\u0627\u062f\",\r\n images: [\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/03\/Eid-Al-Etihad-Dubai-Safari-park-3.webp\",\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/04\/Dubai-Safari-Park-Eid-Al-Etihad.webp\",\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/04\/Dubai-Safari-Park-.webp\",\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/04\/Dubai-Safari-Park-1-2.webp\",\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/04\/Dubai-Safari-Park-Season-.webp\",\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/04\/Dubai-Safari-Park-Season-1.webp\",\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/04\/Dubai-Safari-Park-uae.webp\"\r\n ]\r\n }\r\n },\r\n {\r\n pillar: \"festive\",\r\n title: \"\u0627\u0644\u0642\u0631\u064a\u0629 \u0627\u0644\u0627\u062d\u062a\u0641\u0627\u0644\u064a\u0629\",\r\n icon: \"fa-snowman\",\r\n date: \"21 \u062f\u064a\u0633\u0645\u0628\u0631 2025 \u2013 11 \u064a\u0646\u0627\u064a\u0631 2026\",\r\n rephrasedDesc: \"\u062a\u062d\u0648\u0644\u062a \u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0648\u0627\u062f\u064a \u0625\u0644\u0649 \u0633\u0648\u0642 \u0634\u062a\u0648\u064a \u0646\u0627\u0628\u0636 \u0628\u0627\u0644\u062d\u064a\u0627\u0629\u060c \u0645\u0645\u0627 \u062e\u0644\u0642 \u0623\u0631\u0636\u064b\u0627 \u0639\u062c\u0627\u0626\u0628 \u062a\u0631\u0643\u0632 \u0639\u0644\u0649 \u0627\u0644\u0639\u0627\u0626\u0644\u0629 \u062a\u0645\u0632\u062c \u0628\u0634\u0643\u0644 \u062c\u0645\u064a\u0644 \u0628\u064a\u0646 \u0627\u0644\u062a\u0631\u0641\u064a\u0647 \u0627\u0644\u0627\u062d\u062a\u0641\u0627\u0644\u064a \u0648\u0627\u0644\u062a\u062b\u0642\u064a\u0641 \u0628\u0634\u0623\u0646 \u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u062d\u064a\u0648\u0627\u0646. \u0627\u0628\u062a\u0647\u062c \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0628\u062a\u0632\u064a\u064a\u0646 \u062e\u0628\u0632 \u0627\u0644\u0632\u0646\u062c\u0628\u064a\u0644 \u0648\u0627\u0644\u0631\u0633\u0645 \u0639\u0644\u0649 \u0627\u0644\u0648\u062c\u0648\u0647\u060c \u0628\u064a\u0646\u0645\u0627 \u062a\u062c\u0645\u0639 \u0627\u0644\u062d\u0634\u0648\u062f \u0644\u062d\u0636\u0648\u0631 \u0639\u0631\u0648\u0636 \u0627\u0644\u0633\u062d\u0631\u0629 \u0648\u0627\u0644\u062a\u0631\u0627\u0646\u064a\u0645 \u0627\u0644\u0627\u062d\u062a\u0641\u0627\u0644\u064a\u0629.\",\r\n gallery: {\r\n title: \"\u0633\u062d\u0631 \u0627\u0644\u0642\u0631\u064a\u0629 \u0627\u0644\u0627\u062d\u062a\u0641\u0627\u0644\u064a\u0629\",\r\n images: [\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/04\/Dubai-Safari-Park-Festive-Village.webp\",\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/04\/Dubai-Safari-Park-Festive-Village-5.webp\",\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/04\/Dubai-Safari-Park-Festive-Village-6.webp\",\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/04\/Dubai-Safari-Park-Festive-Village-7.webp\",\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/04\/Dubai-Safari-Park-Festive-Village-1.webp\",\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/04\/Dubai-Safari-Park-Festive-Village-3.webp\",\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/04\/Dubai-Safari-Park-Festive-Village-4.webp\"\r\n ]\r\n }\r\n },\r\n {\r\n pillar: \"valentine\",\r\n title: \"\u064a\u0648\u0645 \u0627\u0644\u062d\u0628 \u0641\u064a \u062f\u0628\u064a \u0633\u0641\u0627\u0631\u064a \u0628\u0627\u0631\u0643\",\r\n icon: \"fa-heart\",\r\n date: \"10 \u0641\u0628\u0631\u0627\u064a\u0631 2026\",\r\n rephrasedDesc: \"\u0627\u062d\u062a\u0641\u0644 \u0627\u0644\u0623\u0632\u0648\u0627\u062c \u0628\u0627\u0644\u062d\u0628 \u0645\u0639 \u0648\u062c\u0628\u0627\u062a \u0625\u0641\u0637\u0627\u0631 \u0623\u0648 \u0639\u0634\u0627\u0621 \u0631\u0648\u0645\u0627\u0646\u0633\u064a\u0629 \u0641\u064a \u0645\u0646\u0635\u0629 \u0627\u0644\u0632\u0631\u0627\u0641\u0627\u062a \u0648\u0643\u0648\u0628\u064a \u0627\u0644\u0623\u0633\u0648\u062f. \u0623\u0636\u0641\u0646\u0627 \u0623\u064a\u0636\u064b\u0627 \u0644\u0645\u0633\u0629 \u062e\u0627\u0635\u0629 \u0644\u0644\u0645\u0648\u0633\u0645 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0645\u0633\u0627\u0628\u0642\u0629 \u062d\u0635\u0631\u064a\u0629 \u0644\u0639\u064a\u062f \u0627\u0644\u062d\u0628\u060c \u062d\u064a\u062b \u0641\u0627\u0632 \u0623\u062d\u062f \u0627\u0644\u0623\u0632\u0648\u0627\u062c \u0627\u0644\u0645\u062d\u0638\u0648\u0638\u064a\u0646 \u0628\u0627\u0644\u062c\u0627\u0626\u0632\u0629 \u0627\u0644\u0631\u0648\u0645\u0627\u0646\u0633\u064a\u0629 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629: \u0645\u063a\u0627\u0645\u0631\u0629 \u0644\u064a\u0648\u0645 \u0643\u0627\u0645\u0644 \u0641\u064a \u0627\u0644\u0648\u062c\u0647\u0629 \u0645\u0639 \u0645\u0646 \u064a\u062d\u0628\u060c \u062a\u0648\u062c\u062a \u0628\u0639\u0634\u0627\u0621 \u0645\u062c\u0627\u0646\u064a \u0633\u0627\u062d\u0631 \u0641\u064a \u0645\u0646\u0635\u0629 \u0627\u0644\u0632\u0631\u0627\u0641\u0627\u062a.\",\r\n gallery: {\r\n title: \"\u064a\u0648\u0645 \u0627\u0644\u062d\u0628 \u0641\u064a \u062f\u0628\u064a \u0633\u0641\u0627\u0631\u064a \u0628\u0627\u0631\u0643\",\r\n images: [\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/03\/valentines-Dine-in-the-wild.webp\",\r\n \"https:\/\/picsum.photos\/id\/125\/800\/600\",\r\n \"https:\/\/picsum.photos\/id\/249\/800\/600\",\r\n \"https:\/\/picsum.photos\/id\/177\/800\/600\"\r\n ]\r\n }\r\n },\r\n {\r\n pillar: \"ramadan\",\r\n title: \"\u0625\u0641\u0637\u0627\u0631 \u0631\u0645\u0636\u0627\u0646 \u0641\u064a \u0627\u0644\u0628\u0631\u064a\u0629\",\r\n icon: \"fa-moon\",\r\n date: \"\u0631\u0645\u0636\u0627\u0646 2026\",\r\n rephrasedDesc: \"\u0639\u0627\u062f \u0625\u0641\u0637\u0627\u0631 \u0631\u0645\u0636\u0627\u0646 \u0641\u064a \u0627\u0644\u0628\u0631\u064a\u0629 \u0627\u0644\u0630\u064a \u064a\u062d\u0638\u0649 \u0628\u0634\u0639\u0628\u064a\u0629 \u0643\u0628\u064a\u0631\u0629\u060c \u0644\u064a\u0642\u062f\u0645 \u062a\u062c\u0631\u0628\u0629 \u0637\u0639\u0627\u0645 \u062d\u0645\u064a\u0645\u064a\u0629 \u0628\u062c\u0627\u0646\u0628 \u0632\u0631\u0627\u0641\u0627\u062a\u0646\u0627 \u0648\u0623\u0633\u0648\u062f\u0646\u0627. \u0627\u0633\u062a\u0645\u062a\u0639 \u0636\u064a\u0648\u0641\u0646\u0627 \u0628\u062f\u062e\u0648\u0644 \u0627\u0644\u0648\u062c\u0647\u0629 \u0637\u0648\u0627\u0644 \u0627\u0644\u064a\u0648\u0645 \u0648\u062c\u0648\u0644\u0629 \u0633\u0641\u0627\u0631\u064a \u0627\u0644\u0635\u062d\u0631\u0627\u0648\u064a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0642\u0628\u0644 \u0627\u0644\u0627\u0633\u062a\u0639\u062f\u0627\u062f \u0644\u062a\u062c\u0631\u0628\u0629 \u0639\u0634\u0627\u0621 \u0639\u0646\u062f \u063a\u0631\u0648\u0628 \u0627\u0644\u0634\u0645\u0633 \u0648\u0633\u0637 \u0627\u0644\u0637\u0628\u064a\u0639\u0629.\",\r\n gallery: {\r\n title: \"\u0644\u062d\u0638\u0627\u062a \u0625\u0641\u0637\u0627\u0631 \u0631\u0645\u0636\u0627\u0646\",\r\n images: [\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/04\/Dubai-Safari-Park-Ramadan.webp\",\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/04\/Dubai-Safari-Park-Ramadan-1.webp\",\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/04\/Dubai-Safari-Park-Ramadan-2.webp\"\r\n ]\r\n }\r\n }\r\n];\r\n\r\nconst container = document.getElementById('season7Zigzag');\r\nfunction buildZigZag() {\r\n let html = '';\r\n eventData.forEach((item, idx) => {\r\n html += `\r\n <article class=\"event-article\" data-pillar=\"${item.pillar}\" data-gallery-index=\"${idx}\">\r\n <div class=\"event-image js-gallery-trigger\" data-gallery-idx=\"${idx}\" tabindex=\"0\" role=\"button\" aria-label=\"\u0641\u062a\u062d \u0627\u0644\u0645\u0639\u0631\u0636: ${item.title}\">\r\n <img decoding=\"async\" src=\"${item.gallery.images[0]}\" alt=\"${item.title}\" loading=\"lazy\">\r\n <div class=\"gallery-hint-badge\">\r\n <i class=\"fas fa-camera\"><\/i> <span>${item.gallery.images.length} \u0635\u0648\u0631<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"event-text\">\r\n <time class=\"event-date\"><i class=\"far fa-calendar-check\"><\/i> ${item.date}<\/time>\r\n <h3><i class=\"fas ${item.icon}\"><\/i> ${item.title}<\/h3>\r\n <p>${item.rephrasedDesc}<\/p>\r\n <span class=\"pillar-decor gallery-trigger-btn\" data-gallery-idx=\"${idx}\" role=\"button\" tabindex=\"0\" aria-label=\"\u0641\u062a\u062d \u0645\u0639\u0631\u0636 ${item.title}\"><i class=\"fas fa-images\"><\/i> \u0645\u0639\u0631\u0636 \u0627\u0644\u0635\u0648\u0631<\/span>\r\n <\/div>\r\n <\/article>\r\n `;\r\n });\r\n container.innerHTML = html;\r\n}\r\nbuildZigZag();\r\n\r\nlet currentGalleryData = null;\r\nlet currentImageIndex = 0;\r\nlet previousActiveElement = null;\r\n\r\nconst modal = document.getElementById('galleryModal');\r\nconst galleryMainImg = document.getElementById('galleryMainImg');\r\nconst thumbList = document.getElementById('thumbList');\r\nconst galleryTitleSpan = document.getElementById('galleryTitle');\r\nconst photoCounterSpan = document.getElementById('photoCounter');\r\nconst closeBtn = document.getElementById('closeGalleryBtn');\r\nconst prevBtn = document.getElementById('prevGalleryBtn');\r\nconst nextBtn = document.getElementById('nextGalleryBtn');\r\n\r\nfunction updateGalleryUI() {\r\n if (!currentGalleryData) return;\r\n const images = currentGalleryData.images;\r\n if (images.length === 0) return;\r\n galleryMainImg.src = images[currentImageIndex];\r\n galleryMainImg.alt = `\u0635\u0648\u0631\u0629 ${currentImageIndex+1} \u0645\u0646 ${images.length}: ${currentGalleryData.title}`;\r\n photoCounterSpan.innerText = `${currentImageIndex+1} \/ ${images.length}`;\r\n galleryTitleSpan.innerText = currentGalleryData.title || \"\u0644\u062d\u0638\u0627\u062a \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a\";\r\n thumbList.innerHTML = '';\r\n images.forEach((imgSrc, idx) => {\r\n const li = document.createElement('li');\r\n const img = document.createElement('img');\r\n img.src = imgSrc;\r\n img.alt = `\u0635\u0648\u0631\u0629 \u0645\u0635\u063a\u0631\u0629 ${idx+1}`;\r\n li.appendChild(img);\r\n if (idx === currentImageIndex) li.classList.add('active-thumb');\r\n li.addEventListener('click', (e) => {\r\n e.stopPropagation();\r\n currentImageIndex = idx;\r\n updateGalleryUI();\r\n });\r\n thumbList.appendChild(li);\r\n });\r\n}\r\n\r\nfunction openGallery(galleryObj, startIndex = 0, triggerElement = null) {\r\n currentGalleryData = galleryObj;\r\n currentImageIndex = startIndex;\r\n updateGalleryUI();\r\n modal.classList.add('active');\r\n previousActiveElement = triggerElement || document.activeElement;\r\n document.body.style.overflow = 'hidden';\r\n closeBtn.focus();\r\n modal.addEventListener('keydown', trapFocusHandler);\r\n}\r\n\r\nfunction trapFocusHandler(e) {\r\n if (!modal.classList.contains('active')) return;\r\n const focusable = modal.querySelectorAll('button, [href], input, [tabindex=\"0\"]');\r\n const firstFocusable = focusable[0];\r\n const lastFocusable = focusable[focusable.length - 1];\r\n if (e.key === 'Tab') {\r\n if (e.shiftKey && document.activeElement === firstFocusable) {\r\n e.preventDefault();\r\n lastFocusable.focus();\r\n } else if (!e.shiftKey && document.activeElement === lastFocusable) {\r\n e.preventDefault();\r\n firstFocusable.focus();\r\n }\r\n }\r\n if (e.key === 'Escape') closeGallery();\r\n}\r\n\r\nfunction closeGallery() {\r\n modal.classList.remove('active');\r\n document.body.style.overflow = '';\r\n if (previousActiveElement && previousActiveElement.focus) {\r\n previousActiveElement.focus();\r\n }\r\n currentGalleryData = null;\r\n modal.removeEventListener('keydown', trapFocusHandler);\r\n}\r\n\r\nfunction nextImage() {\r\n if (!currentGalleryData) return;\r\n const len = currentGalleryData.images.length;\r\n currentImageIndex = (currentImageIndex + 1) % len;\r\n updateGalleryUI();\r\n}\r\n\r\nfunction prevImage() {\r\n if (!currentGalleryData) return;\r\n const len = currentGalleryData.images.length;\r\n currentImageIndex = (currentImageIndex - 1 + len) % len;\r\n updateGalleryUI();\r\n}\r\n\r\ncloseBtn.addEventListener('click', closeGallery);\r\nnextBtn.addEventListener('click', nextImage);\r\nprevBtn.addEventListener('click', prevImage);\r\nmodal.addEventListener('click', (e) => {\r\n if (e.target === modal) closeGallery();\r\n});\r\ndocument.addEventListener('keydown', (e) => {\r\n if (!modal.classList.contains('active')) return;\r\n if (e.key === 'ArrowRight') nextImage();\r\n if (e.key === 'ArrowLeft') prevImage();\r\n});\r\n\r\nfunction attachGalleryTriggers() {\r\n const triggers = document.querySelectorAll('.event-image');\r\n triggers.forEach(trigger => {\r\n const newTrigger = trigger.cloneNode(true);\r\n trigger.parentNode.replaceChild(newTrigger, trigger);\r\n newTrigger.addEventListener('click', (e) => {\r\n e.stopPropagation();\r\n const article = newTrigger.closest('.event-article');\r\n const galleryIdx = newTrigger.getAttribute('data-gallery-idx');\r\n if (galleryIdx !== null) {\r\n const idx = parseInt(galleryIdx, 10);\r\n const data = eventData[idx];\r\n if (data && data.gallery) openGallery(data.gallery, 0, newTrigger);\r\n } else if (article) {\r\n const pillar = article.getAttribute('data-pillar');\r\n const found = eventData.find(ev => ev.pillar === pillar);\r\n if (found && found.gallery) openGallery(found.gallery, 0, newTrigger);\r\n }\r\n });\r\n newTrigger.addEventListener('keydown', (e) => {\r\n if (e.key === 'Enter' || e.key === ' ') {\r\n e.preventDefault();\r\n newTrigger.click();\r\n }\r\n });\r\n });\r\n}\r\n\r\nfunction attachGalleryButtons() {\r\n const buttons = document.querySelectorAll('.pillar-decor');\r\n buttons.forEach((button) => {\r\n const newButton = button.cloneNode(true);\r\n button.parentNode.replaceChild(newButton, button);\r\n newButton.addEventListener('click', (e) => {\r\n e.stopPropagation();\r\n const article = newButton.closest('.event-article');\r\n if (article) {\r\n const galleryIdx = article.getAttribute('data-gallery-index');\r\n if (galleryIdx !== null) {\r\n const idx = parseInt(galleryIdx, 10);\r\n const data = eventData[idx];\r\n if (data && data.gallery) {\r\n openGallery(data.gallery, 0, newButton);\r\n }\r\n }\r\n }\r\n });\r\n newButton.addEventListener('keydown', (e) => {\r\n if (e.key === 'Enter' || e.key === ' ') {\r\n e.preventDefault();\r\n newButton.click();\r\n }\r\n });\r\n });\r\n}\r\n\r\nattachGalleryTriggers();\r\nattachGalleryButtons();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u062f\u0628\u064a \u0633\u0641\u0627\u0631\u064a \u0628\u0627\u0631\u0643 | \u0623\u0628\u0631\u0632 \u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0627\u0644\u0645\u0648\u0633\u0645 \u0627\u0644\u0633\u0627\u0628\u0639 \u0627\u0644\u0645\u0648\u0633\u0645 \u0627\u0644\u0633\u0627\u0628\u0639 \u00b7 \u0627\u0644\u0635\u062d\u0648\u0629 \u0627\u0644\u0628\u0631\u064a\u0629 \u0623\u0628\u0631\u0632 \u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0627\u0644\u0645\u0648\u0633\u0645 \u0627\u0644\u0633\u0627\u0628\u0639 \u0646\u0633\u062a\u0639\u0631\u0636 \u0645\u0639\u0643\u0645 \u0627\u0644\u0644\u062d\u0638\u0627\u062a \u0648\u0627\u0644\u062a\u062c\u0627\u0631\u0628 \u0648\u062c\u0647\u0648\u062f \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u0628\u064a\u0626\u0629 \u0627\u0644\u062a\u064a \u062c\u0639\u0644\u062a \u0647\u0630\u0627 \u0627\u0644\u0645\u0648\u0633\u0645 \u0644\u0627 \u064a\u064f\u0646\u0633\u0649. \u0644\u062d\u0638\u0627\u062a \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a<\/p>\n","protected":false},"author":9,"featured_media":0,"parent":0,"menu_order":26,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-25331","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/dubaisafari.ae\/ar\/wp-json\/wp\/v2\/pages\/25331","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dubaisafari.ae\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dubaisafari.ae\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dubaisafari.ae\/ar\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/dubaisafari.ae\/ar\/wp-json\/wp\/v2\/comments?post=25331"}],"version-history":[{"count":1,"href":"https:\/\/dubaisafari.ae\/ar\/wp-json\/wp\/v2\/pages\/25331\/revisions"}],"predecessor-version":[{"id":25332,"href":"https:\/\/dubaisafari.ae\/ar\/wp-json\/wp\/v2\/pages\/25331\/revisions\/25332"}],"wp:attachment":[{"href":"https:\/\/dubaisafari.ae\/ar\/wp-json\/wp\/v2\/media?parent=25331"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \r\n \u062f\u0628\u064a \u0633\u0641\u0627\u0631\u064a \u0628\u0627\u0631\u0643 | \u0623\u0628\u0631\u0632 \u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0627\u0644\u0645\u0648\u0633\u0645 \u0627\u0644\u0633\u0627\u0628\u0639<\/title>\r\n \r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\r\n \r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n \r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"ItemList\",\r\n \"name\": \"\u062f\u0628\u064a \u0633\u0641\u0627\u0631\u064a \u0628\u0627\u0631\u0643 | \u0623\u0628\u0631\u0632 \u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0627\u0644\u0645\u0648\u0633\u0645 \u0627\u0644\u0633\u0627\u0628\u0639\",\r\n \"description\": \"\u0623\u0628\u0631\u0632 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0648\u0627\u0644\u062a\u062c\u0627\u0631\u0628 \u0641\u064a \u0627\u0644\u0645\u0648\u0633\u0645 \u0627\u0644\u0633\u0627\u0628\u0639 \u0645\u0646 \u062f\u0628\u064a \u0633\u0641\u0627\u0631\u064a \u0628\u0627\u0631\u0643\u060c \u0648\u0627\u0644\u062a\u064a \u062a\u0634\u0645\u0644 \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u0628\u064a\u0626\u0629 \u0648\u0627\u0644\u0623\u0646\u0634\u0637\u0629 \u0627\u0644\u0639\u0627\u0626\u0644\u064a\u0629 \u0648\u062a\u062c\u0627\u0631\u0628 \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0628\u0631\u064a\u0629 \u0627\u0644\u0641\u0631\u064a\u062f\u0629.\",\r\n \"numberOfItems\": 6,\r\n \"itemListElement\": [\r\n {\r\n \"@type\": \"ListItem\",\r\n \"position\": 1,\r\n \"item\": {\r\n \"@type\": \"Event\",\r\n \"name\": \"\u0644\u064a\u0644\u0629 \u0627\u0644\u0627\u0641\u062a\u062a\u0627\u062d \u0627\u0644\u0643\u0628\u064a\u0631 \u0644\u0644\u0645\u0648\u0633\u0645 \u0627\u0644\u0633\u0627\u0628\u0639\",\r\n \"startDate\": \"2025-10-14\",\r\n \"location\": {\"@type\": \"Place\", \"name\": \"\u062f\u0628\u064a \u0633\u0641\u0627\u0631\u064a \u0628\u0627\u0631\u0643\", \"address\": \"\u062f\u0628\u064a\u060c \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629\"},\r\n \"description\": \"\u0639\u0648\u062f\u0629 \u0645\u0630\u0647\u0644\u0629 \u0645\u0639 \u062a\u062c\u0627\u0631\u0628 \u062c\u062f\u064a\u062f\u0629 \u0644\u0625\u0637\u0639\u0627\u0645 \u0627\u0644\u062d\u064a\u0648\u0627\u0646\u0627\u062a\u060c \u0648\u0644\u062d\u0638\u0627\u062a \u062d\u0645\u064a\u0645\u0629 \u0645\u0639 \u0627\u0644\u062d\u064a\u0648\u0627\u0646\u0627\u062a\u060c \u0648\u0642\u0635\u0635 \u0645\u0644\u0647\u0645\u0629 \u0639\u0646 \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u0628\u064a\u0626\u0629.\",\r\n \"image\": \"https:\/\/picsum.photos\/id\/131\/800\/600\",\r\n \"eventStatus\": \"https:\/\/schema.org\/EventScheduled\"\r\n }\r\n },\r\n {\r\n \"@type\": \"ListItem\",\r\n \"position\": 2,\r\n \"item\": {\r\n \"@type\": \"Event\",\r\n \"name\": \"\u0645\u0633\u0627\u0628\u0642\u0629 \u0645\u0628\u062a\u0643\u0631\u064a \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0628\u0631\u064a\u0629\",\r\n \"startDate\": \"2025-11-13\",\r\n \"location\": {\"@type\": \"Place\", \"name\": \"\u062f\u0628\u064a \u0633\u0641\u0627\u0631\u064a \u0628\u0627\u0631\u0643\", \"address\": \"\u062f\u0628\u064a\u060c \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629\"},\r\n \"description\": \"\u0634\u0627\u0631\u0643 310 \u0637\u0644\u0627\u0628 \u0645\u0646 31 \u0645\u062f\u0631\u0633\u0629\u061b \u0648\u0641\u0627\u0632\u062a \u0645\u062f\u0631\u0633\u0629 \u062f\u0628\u064a \u0627\u0644\u0648\u0637\u0646\u064a\u0629 \u0641\u064a \u0627\u0644\u0628\u0631\u0634\u0627\u0621 \u0628\u062c\u0627\u0626\u0632\u062a\u0647\u0627 \u0627\u0644\u0643\u0628\u0631\u0649 \u0639\u0646 \u0627\u062e\u062a\u0631\u0627\u0639 '\u062e\u0644\u064a\u0629 \u0627\u0644\u0646\u062d\u0644 \u0627\u0644\u0630\u0643\u064a\u0629' \u0644\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0628\u0631\u064a\u0629.\",\r\n \"image\": \"https:\/\/picsum.photos\/id\/20\/800\/600\",\r\n \"eventStatus\": \"https:\/\/schema.org\/EventScheduled\"\r\n }\r\n },\r\n {\r\n \"@type\": \"ListItem\",\r\n \"position\": 3,\r\n \"item\": {\r\n \"@type\": \"Event\",\r\n \"name\": \"\u0627\u062d\u062a\u0641\u0627\u0644\u0627\u062a \u0639\u064a\u062f \u0627\u0644\u0627\u062a\u062d\u0627\u062f\",\r\n \"startDate\": \"2025-11-29\",\r\n \"endDate\": \"2025-12-02\",\r\n \"location\": {\"@type\": \"Place\", \"name\": \"\u062f\u0628\u064a \u0633\u0641\u0627\u0631\u064a \u0628\u0627\u0631\u0643\", \"address\": \"\u062f\u0628\u064a\u060c \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629\"},\r\n \"description\": \"\u0623\u0631\u0628\u0639 \u0645\u0646\u0627\u0637\u0642: \u0627\u0644\u062a\u0631\u0627\u062b \u0648\u0627\u0644\u0647\u0648\u064a\u0629\u060c \u0627\u0644\u0637\u0628\u064a\u0639\u0629 \u0648\u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0628\u0631\u064a\u0629\u060c \u0627\u0644\u0645\u0631\u062d \u0627\u0644\u0639\u0627\u0626\u0644\u064a \u0648\u0627\u0644\u0625\u0628\u062f\u0627\u0639\u060c \u0648\u0627\u0644\u062a\u0623\u0645\u0644 \u0648\u0627\u0644\u062a\u0639\u0647\u062f.\",\r\n \"image\": \"https:\/\/picsum.photos\/id\/15\/800\/600\",\r\n \"eventStatus\": \"https:\/\/schema.org\/EventScheduled\"\r\n }\r\n },\r\n {\r\n \"@type\": \"ListItem\",\r\n \"position\": 4,\r\n \"item\": {\r\n \"@type\": \"Event\",\r\n \"name\": \"\u0627\u0644\u0642\u0631\u064a\u0629 \u0627\u0644\u0627\u062d\u062a\u0641\u0627\u0644\u064a\u0629\",\r\n \"startDate\": \"2025-12-21\",\r\n \"endDate\": \"2026-01-11\",\r\n \"location\": {\"@type\": \"Place\", \"name\": \"\u0627\u0644\u0648\u0627\u062f\u064a\u060c \u062f\u0628\u064a \u0633\u0641\u0627\u0631\u064a \u0628\u0627\u0631\u0643\", \"address\": \"\u062f\u0628\u064a\u060c \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629\"},\r\n \"description\": \"\u0633\u0648\u0642 \u0634\u062a\u0648\u064a \u0646\u0627\u0628\u0636 \u0628\u0627\u0644\u062d\u064a\u0627\u0629 \u064a\u0636\u0645 \u062a\u0632\u064a\u064a\u0646 \u062e\u0628\u0632 \u0627\u0644\u0632\u0646\u062c\u0628\u064a\u0644\u060c \u0627\u0644\u0631\u0633\u0645 \u0639\u0644\u0649 \u0627\u0644\u0648\u062c\u0648\u0647\u060c \u0639\u0631\u0648\u0636 \u0627\u0644\u0633\u062d\u0631\u0629\u060c \u062a\u0631\u0627\u0646\u064a\u0645 \u0639\u064a\u062f \u0627\u0644\u0645\u064a\u0644\u0627\u062f\u060c \u0627\u0644\u0634\u0648\u0643\u0648\u0644\u0627\u062a\u0629 \u0627\u0644\u0633\u0627\u062e\u0646\u0629 \u0648\u0623\u0639\u0634\u0627\u0628 \u0645\u0646 \u0627\u0644\u0641\u0635\u064a\u0644\u0629 \u0627\u0644\u062e\u0628\u0627\u0632\u064a\u0629.\",\r\n \"image\": \"https:\/\/picsum.photos\/id\/1\/800\/600\",\r\n \"eventStatus\": \"https:\/\/schema.org\/EventScheduled\"\r\n }\r\n },\r\n {\r\n \"@type\": \"ListItem\",\r\n \"position\": 5,\r\n \"item\": {\r\n \"@type\": \"Event\",\r\n \"name\": \"\u064a\u0648\u0645 \u0627\u0644\u062d\u0628 \u0641\u064a \u0627\u0644\u0628\u0631\u064a\u0629\",\r\n \"startDate\": \"2026-02-10\",\r\n \"location\": {\"@type\": \"Place\", \"name\": \"\u0645\u0646\u0635\u0629 \u0627\u0644\u0632\u0631\u0627\u0641\u0627\u062a \u0648\u0643\u0648\u0628\u064a \u0627\u0644\u0623\u0633\u0648\u062f\u060c \u062f\u0628\u064a \u0633\u0641\u0627\u0631\u064a \u0628\u0627\u0631\u0643\", \"address\": \"\u062f\u0628\u064a\u060c \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629\"},\r\n \"description\": \"\u0625\u0641\u0637\u0627\u0631 \u0623\u0648 \u0639\u0634\u0627\u0621 \u0631\u0648\u0645\u0627\u0646\u0633\u064a \u0645\u0639 \u0625\u0637\u0644\u0627\u0644\u0627\u062a \u0639\u0644\u0649 \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0628\u0631\u064a\u0629 \u0641\u064a \u0645\u0646\u0635\u0629 \u0627\u0644\u0632\u0631\u0627\u0641\u0627\u062a \u0623\u0648 \u0643\u0648\u0628\u064a \u0627\u0644\u0623\u0633\u0648\u062f.\",\r\n \"image\": \"https:\/\/picsum.photos\/id\/186\/800\/600\",\r\n \"eventStatus\": \"https:\/\/schema.org\/EventScheduled\"\r\n }\r\n },\r\n {\r\n \"@type\": \"ListItem\",\r\n \"position\": 6,\r\n \"item\": {\r\n \"@type\": \"Event\",\r\n \"name\": \"\u0625\u0641\u0637\u0627\u0631 \u0631\u0645\u0636\u0627\u0646 \u0641\u064a \u0627\u0644\u0628\u0631\u064a\u0629\",\r\n \"startDate\": \"2026-03\",\r\n \"location\": {\"@type\": \"Place\", \"name\": \"\u062f\u0628\u064a \u0633\u0641\u0627\u0631\u064a \u0628\u0627\u0631\u0643\", \"address\": \"\u062f\u0628\u064a\u060c \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629\"},\r\n \"description\": \"\u062a\u062c\u0631\u0628\u0629 \u0625\u0641\u0637\u0627\u0631 \u062d\u0645\u064a\u0645\u064a\u0629 \u0628\u062c\u0627\u0646\u0628 \u0627\u0644\u0632\u0631\u0627\u0641\u0627\u062a \u0623\u0648 \u0627\u0644\u0623\u0633\u0648\u062f\u060c \u0648\u062c\u0648\u0644\u0629 \u0633\u0641\u0627\u0631\u064a \u0627\u0644\u0635\u062d\u0631\u0627\u0648\u064a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629\u060c \u0648\u062f\u062e\u0648\u0644 \u0627\u0644\u0648\u062c\u0647\u0629 \u0637\u0648\u0627\u0644 \u0627\u0644\u064a\u0648\u0645.\",\r\n \"image\": \"https:\/\/picsum.photos\/id\/233\/800\/600\",\r\n \"eventStatus\": \"https:\/\/schema.org\/EventScheduled\"\r\n }\r\n }\r\n ]\r\n }\r\n <\/script>\r\n\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n .season7-pillars-section {\r\n font-family: 'Tajawal', 'Segoe UI', sans-serif;\r\n background: #fdfbf7;\r\n padding: 4rem 1.5rem;\r\n }\r\n\r\n .season7-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n .season7-header {\r\n text-align: center;\r\n max-width: 780px;\r\n margin: 0 auto 3rem auto;\r\n }\r\n\r\n .season7-badge {\r\n display: inline-block;\r\n font-size: 0.8rem;\r\n text-transform: uppercase;\r\n letter-spacing: 3px;\r\n color: #c1772e;\r\n font-weight: 700;\r\n margin-bottom: 1rem;\r\n font-family: 'Tajawal', sans-serif;\r\n }\r\n\r\n .season7-badge::before,\r\n .season7-badge::after {\r\n content: \"\";\r\n display: inline-block;\r\n width: 30px;\r\n height: 1px;\r\n background: #c1772e;\r\n opacity: 0.3;\r\n vertical-align: middle;\r\n margin: 0 8px;\r\n }\r\n\r\n .season7-header h2 {\r\n font-size: 3rem;\r\n font-weight: 700;\r\n color: #2a5c3e;\r\n margin-bottom: 0.8rem;\r\n letter-spacing: -0.5px;\r\n font-family: 'Tajawal', sans-serif;\r\n }\r\n\r\n .season7-header p {\r\n font-size: 1rem;\r\n color: #5c6e5a;\r\n line-height: 1.5;\r\n font-family: 'Tajawal', sans-serif;\r\n }\r\n\r\n .season7-zigzag {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 2.5rem;\r\n }\r\n\r\n .event-article {\r\n display: flex;\r\n align-items: center;\r\n gap: 2rem;\r\n background: #ffffff;\r\n border-radius: 28px;\r\n overflow: hidden;\r\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04);\r\n transition: transform 0.25s ease, box-shadow 0.25s ease;\r\n border: 1px solid #f0e5d4;\r\n }\r\n\r\n .event-article:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 20px 35px rgba(0, 0, 0, 0.08);\r\n }\r\n\r\n .event-image {\r\n flex: 1.2;\r\n position: relative;\r\n overflow: hidden;\r\n min-height: 280px;\r\n background: #e9e0cf;\r\n cursor: pointer;\r\n }\r\n\r\n .event-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform 0.4s ease;\r\n aspect-ratio: 4\/3;\r\n }\r\n\r\n .event-article:hover .event-image img {\r\n transform: scale(1.02);\r\n }\r\n\r\n .gallery-hint-badge {\r\n position: absolute;\r\n bottom: 12px;\r\n right: 14px;\r\n background: rgba(0, 0, 0, 0.75);\r\n backdrop-filter: blur(5px);\r\n border-radius: 40px;\r\n padding: 6px 12px;\r\n font-size: 0.7rem;\r\n font-weight: 600;\r\n color: #fff2e0;\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n z-index: 2;\r\n pointer-events: none;\r\n font-family: 'Tajawal', monospace;\r\n }\r\n\r\n \/* FIXED: Better spacing for Arabic text when image is on the left *\/\r\n .event-text {\r\n flex: 1;\r\n padding: 1.8rem 2.5rem 1.8rem 1.8rem;\r\n }\r\n\r\n .event-date {\r\n display: inline-block;\r\n background: #f4e5cf;\r\n border-radius: 60px;\r\n padding: 0.25rem 1rem;\r\n font-size: 0.7rem;\r\n font-weight: 700;\r\n color: #b4621a;\r\n margin-bottom: 0.8rem;\r\n font-family: 'Tajawal', sans-serif;\r\n }\r\n\r\n .event-text h3 {\r\n font-size: 1.8rem;\r\n font-weight: 700;\r\n color: #1b3b28;\r\n margin-bottom: 0.8rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-family: 'Tajawal', sans-serif;\r\n }\r\n\r\n .event-text h3 i {\r\n color: #c1772e;\r\n font-size: 1.6rem;\r\n font-family: 'Font Awesome 6 Free';\r\n font-weight: 900;\r\n }\r\n\r\n .event-text p {\r\n color: #5c6e5a;\r\n line-height: 1.55;\r\n margin-bottom: 1.2rem;\r\n font-size: 0.95rem;\r\n font-family: 'Tajawal', sans-serif;\r\n }\r\n\r\n .pillar-decor {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: #c1772e;\r\n color: white;\r\n padding: 0.7rem 1.5rem;\r\n border-radius: 60px;\r\n font-weight: 600;\r\n font-size: 0.85rem;\r\n cursor: pointer;\r\n transition: all 0.2s;\r\n width: fit-content;\r\n font-family: 'Tajawal', sans-serif;\r\n border: none;\r\n }\r\n\r\n .pillar-decor:hover {\r\n background: #a36122;\r\n transform: scale(1.02);\r\n }\r\n\r\n \/* Desktop: Adjust padding for alternating rows *\/\r\n @media (min-width: 860px) {\r\n \/* When image is on the right (even articles in RTL) - text needs more right padding *\/\r\n .event-article:nth-child(even) {\r\n flex-direction: row-reverse;\r\n }\r\n \r\n \/* For articles where image is on the left (odd numbers in RTL) *\/\r\n .event-article:nth-child(odd) .event-text {\r\n padding: 1.8rem 2.5rem 1.8rem 1.8rem;\r\n }\r\n \r\n \/* For articles where image is on the right (even numbers in RTL) *\/\r\n .event-article:nth-child(even) .event-text {\r\n padding: 1.8rem 1.8rem 1.8rem 2.5rem;\r\n }\r\n \r\n .season7-header h2 {\r\n font-size: 3.5rem;\r\n }\r\n }\r\n\r\n \/* Mobile Responsive *\/\r\n @media (max-width: 859px) {\r\n .season7-pillars-section {\r\n padding: 2.5rem 1rem;\r\n }\r\n .event-article {\r\n flex-direction: column;\r\n gap: 0;\r\n border-radius: 24px;\r\n }\r\n .event-image {\r\n width: 100%;\r\n min-height: 220px;\r\n }\r\n .event-text {\r\n padding: 1.5rem;\r\n text-align: center;\r\n }\r\n .event-text h3 {\r\n justify-content: center;\r\n font-size: 1.6rem;\r\n }\r\n .pillar-decor {\r\n margin: 0 auto;\r\n }\r\n .season7-header h2 {\r\n font-size: 2.2rem;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .event-text h3 {\r\n font-size: 1.4rem;\r\n }\r\n .event-text p {\r\n font-size: 0.85rem;\r\n }\r\n .gallery-hint-badge {\r\n padding: 4px 10px;\r\n font-size: 0.6rem;\r\n }\r\n .season7-header h2 {\r\n font-size: 1.8rem;\r\n }\r\n }\r\n\r\n \/* Gallery Modal *\/\r\n .gallery-modal {\r\n display: none;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-color: rgba(0, 0, 0, 0.94);\r\n z-index: 10000;\r\n justify-content: center;\r\n align-items: center;\r\n backdrop-filter: blur(3px);\r\n }\r\n\r\n .gallery-modal.active {\r\n display: flex;\r\n }\r\n\r\n .gallery-container {\r\n background: #1e2a24;\r\n border-radius: 28px;\r\n max-width: 90vw;\r\n max-height: 90vh;\r\n width: 1000px;\r\n overflow: hidden;\r\n box-shadow: 0 25px 45px rgba(0,0,0,0.5);\r\n display: flex;\r\n flex-direction: column;\r\n font-family: 'Tajawal', sans-serif;\r\n }\r\n\r\n .gallery-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 1rem 1.5rem;\r\n background: #2c3e2b;\r\n color: white;\r\n border-bottom: 1px solid rgba(255,215,170,0.3);\r\n }\r\n\r\n .gallery-header h3 {\r\n font-size: 1.2rem;\r\n font-weight: 600;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-family: 'Tajawal', sans-serif;\r\n }\r\n\r\n .close-gallery {\r\n background: none;\r\n border: none;\r\n color: #ffddb0;\r\n font-size: 1.8rem;\r\n cursor: pointer;\r\n padding: 0 8px;\r\n transition: 0.2s;\r\n }\r\n\r\n .close-gallery:hover {\r\n color: #ffaa55;\r\n }\r\n\r\n .gallery-main-view {\r\n position: relative;\r\n background: #0f1a13;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n min-height: 450px;\r\n flex: 1;\r\n }\r\n\r\n .gallery-main-img {\r\n max-width: 100%;\r\n max-height: 60vh;\r\n object-fit: contain;\r\n }\r\n\r\n .nav-btn {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n background: rgba(0,0,0,0.65);\r\n border: none;\r\n color: white;\r\n font-size: 2rem;\r\n cursor: pointer;\r\n padding: 0.5rem 1rem;\r\n border-radius: 40px;\r\n transition: 0.2s;\r\n font-family: 'Tajawal', sans-serif;\r\n }\r\n\r\n .nav-btn.prev { left: 15px; }\r\n .nav-btn.next { right: 15px; }\r\n .nav-btn:hover { background: #c1772e; }\r\n\r\n .thumbnails-area {\r\n padding: 1rem;\r\n background: #1e2a24;\r\n border-top: 1px solid #3b4f3a;\r\n overflow-x: auto;\r\n white-space: nowrap;\r\n scrollbar-width: thin;\r\n }\r\n\r\n .thumb-list {\r\n display: inline-flex;\r\n gap: 12px;\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n }\r\n\r\n .thumb-list li {\r\n display: inline-block;\r\n cursor: pointer;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n border: 2px solid transparent;\r\n transition: 0.2s;\r\n }\r\n\r\n .thumb-list li.active-thumb {\r\n border-color: #c1772e;\r\n transform: scale(0.98);\r\n }\r\n\r\n .thumb-list img {\r\n width: 70px;\r\n height: 70px;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n\r\n .photo-counter {\r\n font-size: 0.75rem;\r\n background: rgba(0,0,0,0.5);\r\n padding: 0.2rem 0.8rem;\r\n border-radius: 30px;\r\n margin-left: 12px;\r\n }\r\n\r\n @media (max-width: 700px) {\r\n .thumb-list img { width: 55px; height: 55px; }\r\n }\r\n\r\n \/* focus visible for accessibility *\/\r\n .close-gallery:focus-visible, \r\n .nav-btn:focus-visible, \r\n .event-image:focus-visible {\r\n outline: 2px solid #c1772e;\r\n outline-offset: 2px;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"season7-pillars-section\">\r\n <div class=\"season7-container\">\r\n <div class=\"season7-header\">\r\n <span class=\"season7-badge\">\u0627\u0644\u0645\u0648\u0633\u0645 \u0627\u0644\u0633\u0627\u0628\u0639 \u00b7 \u0627\u0644\u0635\u062d\u0648\u0629 \u0627\u0644\u0628\u0631\u064a\u0629<\/span>\r\n <h2>\u0623\u0628\u0631\u0632 \u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0627\u0644\u0645\u0648\u0633\u0645 \u0627\u0644\u0633\u0627\u0628\u0639<\/h2>\r\n <p>\u0646\u0633\u062a\u0639\u0631\u0636 \u0645\u0639\u0643\u0645 \u0627\u0644\u0644\u062d\u0638\u0627\u062a \u0648\u0627\u0644\u062a\u062c\u0627\u0631\u0628 \u0648\u062c\u0647\u0648\u062f \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u0628\u064a\u0626\u0629 \u0627\u0644\u062a\u064a \u062c\u0639\u0644\u062a \u0647\u0630\u0627 \u0627\u0644\u0645\u0648\u0633\u0645 \u0644\u0627 \u064a\u064f\u0646\u0633\u0649.<\/p>\r\n <\/div>\r\n <div class=\"season7-zigzag\" id=\"season7Zigzag\"><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<div id=\"galleryModal\" class=\"gallery-modal\" role=\"dialog\" aria-modal=\"true\" aria-label=\"\u0645\u0639\u0631\u0636 \u0635\u0648\u0631 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a\">\r\n <div class=\"gallery-container\">\r\n <div class=\"gallery-header\">\r\n <h3><i class=\"fas fa-images\"><\/i> <span id=\"galleryTitle\">\u0644\u062d\u0638\u0627\u062a \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a<\/span> <span id=\"photoCounter\" class=\"photo-counter\"><\/span><\/h3>\r\n <button class=\"close-gallery\" id=\"closeGalleryBtn\" aria-label=\"\u0625\u063a\u0644\u0627\u0642 \u0627\u0644\u0645\u0639\u0631\u0636\"><i class=\"fas fa-times\"><\/i><\/button>\r\n <\/div>\r\n <div class=\"gallery-main-view\">\r\n <button class=\"nav-btn prev\" id=\"prevGalleryBtn\" aria-label=\"\u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0633\u0627\u0628\u0642\u0629\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\r\n <img decoding=\"async\" id=\"galleryMainImg\" class=\"gallery-main-img\" src=\"\" alt=\"\u0645\u0639\u0631\u0636 \u0627\u0644\u0635\u0648\u0631\">\r\n <button class=\"nav-btn next\" id=\"nextGalleryBtn\" aria-label=\"\u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u062a\u0627\u0644\u064a\u0629\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\r\n <\/div>\r\n <div class=\"thumbnails-area\">\r\n <ul class=\"thumb-list\" id=\"thumbList\"><\/ul>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\nconst eventData = [\r\n {\r\n pillar: \"opening\",\r\n title: \"\u0644\u064a\u0644\u0629 \u0627\u0644\u0627\u0641\u062a\u062a\u0627\u062d \u0627\u0644\u0643\u0628\u064a\u0631\",\r\n icon: \"fa-fire\",\r\n date: \"14 \u0623\u0643\u062a\u0648\u0628\u0631 2025\",\r\n rephrasedDesc: \"\u0644\u0642\u062f \u0643\u0627\u0646\u062a \u0639\u0648\u062f\u0629 \u0645\u0630\u0647\u0644\u0629. \u0639\u0645\u0651 \u0627\u0644\u0641\u0631\u062d \u0642\u0644\u0648\u0628 \u0636\u064a\u0648\u0641\u0646\u0627 \u0639\u0646\u062f\u0645\u0627 \u0623\u0639\u0627\u062f\u062a \u0627\u0644\u0648\u062c\u0647\u0629 \u0641\u062a\u062d \u0623\u0628\u0648\u0627\u0628\u0647\u0627 \u0644\u0628\u062f\u0621 \u0641\u0635\u0644 \u062c\u062f\u064a\u062f \u0648\u0645\u062b\u064a\u0631. \u0643\u0627\u0646 \u0627\u0644\u062c\u0648 \u0645\u0641\u0639\u0645\u064b\u0627 \u0628\u0627\u0644\u0637\u0627\u0642\u0629\u060c \u0645\u0644\u064a\u0626\u064b\u0627 \u0628\u0644\u062d\u0638\u0627\u062a \u062d\u0645\u064a\u0645\u0629 \u0645\u0639 \u0627\u0644\u062d\u064a\u0648\u0627\u0646\u0627\u062a\u060c \u0648\u0642\u0635\u0635 \u0623\u0639\u0645\u0642 \u0639\u0646 \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u0628\u064a\u0626\u0629\u060c \u0648\u0637\u0627\u0642\u0629 \u0645\u0641\u0639\u0645\u0629 \u0628\u0627\u0644\u062d\u064a\u0648\u064a\u0629. \u0643\u0645\u0627 \u0642\u062f\u0645\u0646\u0627 \u062a\u062c\u0627\u0631\u0628 \u062c\u062f\u064a\u062f\u0629 \u062a\u0645\u0627\u0645\u064b\u0627 \u0644\u0625\u0637\u0639\u0627\u0645 \u0627\u0644\u062d\u064a\u0648\u0627\u0646\u0627\u062a \u0623\u0633\u0639\u062f\u062a \u0643\u0644 \u0645\u0646 \u062d\u0636\u0631.\",\r\n gallery: {\r\n title: \"\u0644\u064a\u0644\u0629 \u0627\u0644\u0627\u0641\u062a\u062a\u0627\u062d \u0627\u0644\u0643\u0628\u064a\u0631 \u00b7 \u0627\u0644\u0635\u062d\u0648\u0629 \u0627\u0644\u0628\u0631\u064a\u0629\",\r\n images: [\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/04\/Dubai-Safari-Park-Season-7-Opening-Day.webp\",\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/04\/Dubai-Safari-Park-Season-7-Opening-Day-2.webp\",\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/04\/Dubai-Safari-Park-Season-7-Opening-Day-3.webp\",\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/04\/Dubai-Safari-Park-Season-7-Opening-Day-4.webp\",\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/04\/Dubai-Safari-Park-Season-7-Opening-Day-5.webp\",\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/04\/Dubai-Safari-Park-Season-7-Opening-Day-7.webp\",\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/04\/Dubai-Safari-Park-Season-7-Opening-Day-6.webp\"\r\n ]\r\n }\r\n },\r\n {\r\n pillar: \"innovators\",\r\n title: \"\u0645\u0633\u0627\u0628\u0642\u0629 \u0645\u0628\u062a\u0643\u0631\u064a \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0628\u0631\u064a\u0629\",\r\n icon: \"fa-trophy\",\r\n date: \"13 \u0646\u0648\u0641\u0645\u0628\u0631 2025\",\r\n rephrasedDesc: \"\u0627\u062d\u062a\u0641\u0644\u0646\u0627 \u0628\u0627\u0644\u062c\u064a\u0644 \u0627\u0644\u0642\u0627\u062f\u0645 \u0645\u0646 \u062f\u0639\u0627\u0629 \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u0628\u064a\u0626\u0629. \u0634\u0627\u0631\u0643 \u0623\u0643\u062b\u0631 \u0645\u0646 300 \u0637\u0627\u0644\u0628 \u0645\u0646 31 \u0645\u062f\u0631\u0633\u0629 \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0641\u064a \u0645\u0633\u0627\u0628\u0642\u0629 \u0644\u062a\u0635\u0645\u064a\u0645 \u062a\u0642\u0646\u064a\u0627\u062a \u062a\u062d\u0645\u064a \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0628\u0631\u064a\u0629. \u0641\u0627\u0632\u062a \u0645\u062f\u0631\u0633\u0629 \u062f\u0628\u064a \u0627\u0644\u0648\u0637\u0646\u064a\u0629 \u0641\u064a \u0627\u0644\u0628\u0631\u0634\u0627\u0621 \u0628\u0627\u0644\u062c\u0627\u0626\u0632\u0629 \u0627\u0644\u0643\u0628\u0631\u0649 \u0628\u0627\u062e\u062a\u0631\u0627\u0639\u0647\u0645 \u0627\u0644\u0631\u0627\u0626\u0639 '\u062e\u0644\u064a\u0629 \u0627\u0644\u0646\u062d\u0644 \u0627\u0644\u0630\u0643\u064a\u0629' \u2014 \u0641\u0648\u0632 \u0643\u0628\u064a\u0631 \u0644\u0644\u062a\u0646\u0648\u0639 \u0627\u0644\u0628\u064a\u0648\u0644\u0648\u062c\u064a \u0627\u0644\u0645\u062d\u0644\u064a.\",\r\n gallery: {\r\n title: \"\u0645\u0633\u0627\u0628\u0642\u0629 \u0645\u0628\u062a\u0643\u0631\u064a \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0628\u0631\u064a\u0629\",\r\n images: [\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/03\/Wildlife-Heroes.webp\",\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/03\/Wildlife-Heroes-1.webp\",\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/03\/Wildlife-Heroes-2.webp\",\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/03\/Wildlife-Heroes-3.webp\",\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/03\/Wildlife-Heroes-4.webp\",\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/03\/Wildlife-Heroes-5.webp\",\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/03\/Wildlife-Heroes-6.webp\"\r\n ]\r\n }\r\n },\r\n {\r\n pillar: \"eid\",\r\n title: \"\u0627\u062d\u062a\u0641\u0627\u0644\u0627\u062a \u0639\u064a\u062f \u0627\u0644\u0627\u062a\u062d\u0627\u062f\",\r\n icon: \"fa-flag\",\r\n date: \"29 \u0646\u0648\u0641\u0645\u0628\u0631 \u2013 2 \u062f\u064a\u0633\u0645\u0628\u0631 2025\",\r\n rephrasedDesc: \"\u0643\u0631\u0651\u0645\u0646\u0627 \u0627\u0639\u062a\u0632\u0627\u0632\u0646\u0627 \u0627\u0644\u062b\u0642\u0627\u0641\u064a \u0628\u0631\u062d\u0644\u0629 \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629 \u0627\u0633\u062a\u0645\u0631\u062a \u0623\u0631\u0628\u0639\u0629 \u0623\u064a\u0627\u0645 \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0648\u062c\u0647\u0629. \u0627\u0646\u063a\u0645\u0633 \u0636\u064a\u0648\u0641\u0646\u0627 \u0641\u064a \u0627\u0644\u062a\u0631\u0627\u062b \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a\u064a \u0645\u0639 \u0639\u0631\u0648\u0636 \u0627\u0644\u0639\u064a\u0627\u0644\u0629 \u0627\u0644\u062d\u064a\u0629\u060c \u0648\u062d\u0635\u0644 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0639\u0644\u0649 \u0631\u062e\u0635 \u062d\u0631\u0627\u0633 \u0627\u0644\u0637\u0628\u064a\u0639\u0629 \u0627\u0644\u0635\u063a\u0627\u0631\u060c \u0648\u0634\u0627\u0631\u0643\u062a \u0627\u0644\u0639\u0627\u0626\u0644\u0627\u062a \u0641\u064a \u0644\u0642\u0627\u0621\u0627\u062a \u0644\u0627 \u062a\u064f\u0646\u0633\u0649 \u0645\u0639 \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0628\u0631\u064a\u0629. \u0643\u0627\u0646\u062a \u062a\u062d\u064a\u0629 \u062c\u0645\u064a\u0644\u0629 \u0644\u0631\u0648\u062d \u0627\u0644\u0648\u0637\u0646.\",\r\n gallery: {\r\n title: \"\u0627\u062d\u062a\u0641\u0627\u0644\u0627\u062a \u0639\u064a\u062f \u0627\u0644\u0627\u062a\u062d\u0627\u062f\",\r\n images: [\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/03\/Eid-Al-Etihad-Dubai-Safari-park-3.webp\",\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/04\/Dubai-Safari-Park-Eid-Al-Etihad.webp\",\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/04\/Dubai-Safari-Park-.webp\",\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/04\/Dubai-Safari-Park-1-2.webp\",\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/04\/Dubai-Safari-Park-Season-.webp\",\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/04\/Dubai-Safari-Park-Season-1.webp\",\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/04\/Dubai-Safari-Park-uae.webp\"\r\n ]\r\n }\r\n },\r\n {\r\n pillar: \"festive\",\r\n title: \"\u0627\u0644\u0642\u0631\u064a\u0629 \u0627\u0644\u0627\u062d\u062a\u0641\u0627\u0644\u064a\u0629\",\r\n icon: \"fa-snowman\",\r\n date: \"21 \u062f\u064a\u0633\u0645\u0628\u0631 2025 \u2013 11 \u064a\u0646\u0627\u064a\u0631 2026\",\r\n rephrasedDesc: \"\u062a\u062d\u0648\u0644\u062a \u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0648\u0627\u062f\u064a \u0625\u0644\u0649 \u0633\u0648\u0642 \u0634\u062a\u0648\u064a \u0646\u0627\u0628\u0636 \u0628\u0627\u0644\u062d\u064a\u0627\u0629\u060c \u0645\u0645\u0627 \u062e\u0644\u0642 \u0623\u0631\u0636\u064b\u0627 \u0639\u062c\u0627\u0626\u0628 \u062a\u0631\u0643\u0632 \u0639\u0644\u0649 \u0627\u0644\u0639\u0627\u0626\u0644\u0629 \u062a\u0645\u0632\u062c \u0628\u0634\u0643\u0644 \u062c\u0645\u064a\u0644 \u0628\u064a\u0646 \u0627\u0644\u062a\u0631\u0641\u064a\u0647 \u0627\u0644\u0627\u062d\u062a\u0641\u0627\u0644\u064a \u0648\u0627\u0644\u062a\u062b\u0642\u064a\u0641 \u0628\u0634\u0623\u0646 \u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u062d\u064a\u0648\u0627\u0646. \u0627\u0628\u062a\u0647\u062c \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0628\u062a\u0632\u064a\u064a\u0646 \u062e\u0628\u0632 \u0627\u0644\u0632\u0646\u062c\u0628\u064a\u0644 \u0648\u0627\u0644\u0631\u0633\u0645 \u0639\u0644\u0649 \u0627\u0644\u0648\u062c\u0648\u0647\u060c \u0628\u064a\u0646\u0645\u0627 \u062a\u062c\u0645\u0639 \u0627\u0644\u062d\u0634\u0648\u062f \u0644\u062d\u0636\u0648\u0631 \u0639\u0631\u0648\u0636 \u0627\u0644\u0633\u062d\u0631\u0629 \u0648\u0627\u0644\u062a\u0631\u0627\u0646\u064a\u0645 \u0627\u0644\u0627\u062d\u062a\u0641\u0627\u0644\u064a\u0629.\",\r\n gallery: {\r\n title: \"\u0633\u062d\u0631 \u0627\u0644\u0642\u0631\u064a\u0629 \u0627\u0644\u0627\u062d\u062a\u0641\u0627\u0644\u064a\u0629\",\r\n images: [\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/04\/Dubai-Safari-Park-Festive-Village.webp\",\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/04\/Dubai-Safari-Park-Festive-Village-5.webp\",\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/04\/Dubai-Safari-Park-Festive-Village-6.webp\",\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/04\/Dubai-Safari-Park-Festive-Village-7.webp\",\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/04\/Dubai-Safari-Park-Festive-Village-1.webp\",\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/04\/Dubai-Safari-Park-Festive-Village-3.webp\",\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/04\/Dubai-Safari-Park-Festive-Village-4.webp\"\r\n ]\r\n }\r\n },\r\n {\r\n pillar: \"valentine\",\r\n title: \"\u064a\u0648\u0645 \u0627\u0644\u062d\u0628 \u0641\u064a \u062f\u0628\u064a \u0633\u0641\u0627\u0631\u064a \u0628\u0627\u0631\u0643\",\r\n icon: \"fa-heart\",\r\n date: \"10 \u0641\u0628\u0631\u0627\u064a\u0631 2026\",\r\n rephrasedDesc: \"\u0627\u062d\u062a\u0641\u0644 \u0627\u0644\u0623\u0632\u0648\u0627\u062c \u0628\u0627\u0644\u062d\u0628 \u0645\u0639 \u0648\u062c\u0628\u0627\u062a \u0625\u0641\u0637\u0627\u0631 \u0623\u0648 \u0639\u0634\u0627\u0621 \u0631\u0648\u0645\u0627\u0646\u0633\u064a\u0629 \u0641\u064a \u0645\u0646\u0635\u0629 \u0627\u0644\u0632\u0631\u0627\u0641\u0627\u062a \u0648\u0643\u0648\u0628\u064a \u0627\u0644\u0623\u0633\u0648\u062f. \u0623\u0636\u0641\u0646\u0627 \u0623\u064a\u0636\u064b\u0627 \u0644\u0645\u0633\u0629 \u062e\u0627\u0635\u0629 \u0644\u0644\u0645\u0648\u0633\u0645 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0645\u0633\u0627\u0628\u0642\u0629 \u062d\u0635\u0631\u064a\u0629 \u0644\u0639\u064a\u062f \u0627\u0644\u062d\u0628\u060c \u062d\u064a\u062b \u0641\u0627\u0632 \u0623\u062d\u062f \u0627\u0644\u0623\u0632\u0648\u0627\u062c \u0627\u0644\u0645\u062d\u0638\u0648\u0638\u064a\u0646 \u0628\u0627\u0644\u062c\u0627\u0626\u0632\u0629 \u0627\u0644\u0631\u0648\u0645\u0627\u0646\u0633\u064a\u0629 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629: \u0645\u063a\u0627\u0645\u0631\u0629 \u0644\u064a\u0648\u0645 \u0643\u0627\u0645\u0644 \u0641\u064a \u0627\u0644\u0648\u062c\u0647\u0629 \u0645\u0639 \u0645\u0646 \u064a\u062d\u0628\u060c \u062a\u0648\u062c\u062a \u0628\u0639\u0634\u0627\u0621 \u0645\u062c\u0627\u0646\u064a \u0633\u0627\u062d\u0631 \u0641\u064a \u0645\u0646\u0635\u0629 \u0627\u0644\u0632\u0631\u0627\u0641\u0627\u062a.\",\r\n gallery: {\r\n title: \"\u064a\u0648\u0645 \u0627\u0644\u062d\u0628 \u0641\u064a \u062f\u0628\u064a \u0633\u0641\u0627\u0631\u064a \u0628\u0627\u0631\u0643\",\r\n images: [\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/03\/valentines-Dine-in-the-wild.webp\",\r\n \"https:\/\/picsum.photos\/id\/125\/800\/600\",\r\n \"https:\/\/picsum.photos\/id\/249\/800\/600\",\r\n \"https:\/\/picsum.photos\/id\/177\/800\/600\"\r\n ]\r\n }\r\n },\r\n {\r\n pillar: \"ramadan\",\r\n title: \"\u0625\u0641\u0637\u0627\u0631 \u0631\u0645\u0636\u0627\u0646 \u0641\u064a \u0627\u0644\u0628\u0631\u064a\u0629\",\r\n icon: \"fa-moon\",\r\n date: \"\u0631\u0645\u0636\u0627\u0646 2026\",\r\n rephrasedDesc: \"\u0639\u0627\u062f \u0625\u0641\u0637\u0627\u0631 \u0631\u0645\u0636\u0627\u0646 \u0641\u064a \u0627\u0644\u0628\u0631\u064a\u0629 \u0627\u0644\u0630\u064a \u064a\u062d\u0638\u0649 \u0628\u0634\u0639\u0628\u064a\u0629 \u0643\u0628\u064a\u0631\u0629\u060c \u0644\u064a\u0642\u062f\u0645 \u062a\u062c\u0631\u0628\u0629 \u0637\u0639\u0627\u0645 \u062d\u0645\u064a\u0645\u064a\u0629 \u0628\u062c\u0627\u0646\u0628 \u0632\u0631\u0627\u0641\u0627\u062a\u0646\u0627 \u0648\u0623\u0633\u0648\u062f\u0646\u0627. \u0627\u0633\u062a\u0645\u062a\u0639 \u0636\u064a\u0648\u0641\u0646\u0627 \u0628\u062f\u062e\u0648\u0644 \u0627\u0644\u0648\u062c\u0647\u0629 \u0637\u0648\u0627\u0644 \u0627\u0644\u064a\u0648\u0645 \u0648\u062c\u0648\u0644\u0629 \u0633\u0641\u0627\u0631\u064a \u0627\u0644\u0635\u062d\u0631\u0627\u0648\u064a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0642\u0628\u0644 \u0627\u0644\u0627\u0633\u062a\u0639\u062f\u0627\u062f \u0644\u062a\u062c\u0631\u0628\u0629 \u0639\u0634\u0627\u0621 \u0639\u0646\u062f \u063a\u0631\u0648\u0628 \u0627\u0644\u0634\u0645\u0633 \u0648\u0633\u0637 \u0627\u0644\u0637\u0628\u064a\u0639\u0629.\",\r\n gallery: {\r\n title: \"\u0644\u062d\u0638\u0627\u062a \u0625\u0641\u0637\u0627\u0631 \u0631\u0645\u0636\u0627\u0646\",\r\n images: [\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/04\/Dubai-Safari-Park-Ramadan.webp\",\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/04\/Dubai-Safari-Park-Ramadan-1.webp\",\r\n \"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/04\/Dubai-Safari-Park-Ramadan-2.webp\"\r\n ]\r\n }\r\n }\r\n];\r\n\r\nconst container = document.getElementById('season7Zigzag');\r\nfunction buildZigZag() {\r\n let html = '';\r\n eventData.forEach((item, idx) => {\r\n html += `\r\n <article class=\"event-article\" data-pillar=\"${item.pillar}\" data-gallery-index=\"${idx}\">\r\n <div class=\"event-image js-gallery-trigger\" data-gallery-idx=\"${idx}\" tabindex=\"0\" role=\"button\" aria-label=\"\u0641\u062a\u062d \u0627\u0644\u0645\u0639\u0631\u0636: ${item.title}\">\r\n <img decoding=\"async\" src=\"${item.gallery.images[0]}\" alt=\"${item.title}\" loading=\"lazy\">\r\n <div class=\"gallery-hint-badge\">\r\n <i class=\"fas fa-camera\"><\/i> <span>${item.gallery.images.length} \u0635\u0648\u0631<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"event-text\">\r\n <time class=\"event-date\"><i class=\"far fa-calendar-check\"><\/i> ${item.date}<\/time>\r\n <h3><i class=\"fas ${item.icon}\"><\/i> ${item.title}<\/h3>\r\n <p>${item.rephrasedDesc}<\/p>\r\n <span class=\"pillar-decor gallery-trigger-btn\" data-gallery-idx=\"${idx}\" role=\"button\" tabindex=\"0\" aria-label=\"\u0641\u062a\u062d \u0645\u0639\u0631\u0636 ${item.title}\"><i class=\"fas fa-images\"><\/i> \u0645\u0639\u0631\u0636 \u0627\u0644\u0635\u0648\u0631<\/span>\r\n <\/div>\r\n <\/article>\r\n `;\r\n });\r\n container.innerHTML = html;\r\n}\r\nbuildZigZag();\r\n\r\nlet currentGalleryData = null;\r\nlet currentImageIndex = 0;\r\nlet previousActiveElement = null;\r\n\r\nconst modal = document.getElementById('galleryModal');\r\nconst galleryMainImg = document.getElementById('galleryMainImg');\r\nconst thumbList = document.getElementById('thumbList');\r\nconst galleryTitleSpan = document.getElementById('galleryTitle');\r\nconst photoCounterSpan = document.getElementById('photoCounter');\r\nconst closeBtn = document.getElementById('closeGalleryBtn');\r\nconst prevBtn = document.getElementById('prevGalleryBtn');\r\nconst nextBtn = document.getElementById('nextGalleryBtn');\r\n\r\nfunction updateGalleryUI() {\r\n if (!currentGalleryData) return;\r\n const images = currentGalleryData.images;\r\n if (images.length === 0) return;\r\n galleryMainImg.src = images[currentImageIndex];\r\n galleryMainImg.alt = `\u0635\u0648\u0631\u0629 ${currentImageIndex+1} \u0645\u0646 ${images.length}: ${currentGalleryData.title}`;\r\n photoCounterSpan.innerText = `${currentImageIndex+1} \/ ${images.length}`;\r\n galleryTitleSpan.innerText = currentGalleryData.title || \"\u0644\u062d\u0638\u0627\u062a \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a\";\r\n thumbList.innerHTML = '';\r\n images.forEach((imgSrc, idx) => {\r\n const li = document.createElement('li');\r\n const img = document.createElement('img');\r\n img.src = imgSrc;\r\n img.alt = `\u0635\u0648\u0631\u0629 \u0645\u0635\u063a\u0631\u0629 ${idx+1}`;\r\n li.appendChild(img);\r\n if (idx === currentImageIndex) li.classList.add('active-thumb');\r\n li.addEventListener('click', (e) => {\r\n e.stopPropagation();\r\n currentImageIndex = idx;\r\n updateGalleryUI();\r\n });\r\n thumbList.appendChild(li);\r\n });\r\n}\r\n\r\nfunction openGallery(galleryObj, startIndex = 0, triggerElement = null) {\r\n currentGalleryData = galleryObj;\r\n currentImageIndex = startIndex;\r\n updateGalleryUI();\r\n modal.classList.add('active');\r\n previousActiveElement = triggerElement || document.activeElement;\r\n document.body.style.overflow = 'hidden';\r\n closeBtn.focus();\r\n modal.addEventListener('keydown', trapFocusHandler);\r\n}\r\n\r\nfunction trapFocusHandler(e) {\r\n if (!modal.classList.contains('active')) return;\r\n const focusable = modal.querySelectorAll('button, [href], input, [tabindex=\"0\"]');\r\n const firstFocusable = focusable[0];\r\n const lastFocusable = focusable[focusable.length - 1];\r\n if (e.key === 'Tab') {\r\n if (e.shiftKey && document.activeElement === firstFocusable) {\r\n e.preventDefault();\r\n lastFocusable.focus();\r\n } else if (!e.shiftKey && document.activeElement === lastFocusable) {\r\n e.preventDefault();\r\n firstFocusable.focus();\r\n }\r\n }\r\n if (e.key === 'Escape') closeGallery();\r\n}\r\n\r\nfunction closeGallery() {\r\n modal.classList.remove('active');\r\n document.body.style.overflow = '';\r\n if (previousActiveElement && previousActiveElement.focus) {\r\n previousActiveElement.focus();\r\n }\r\n currentGalleryData = null;\r\n modal.removeEventListener('keydown', trapFocusHandler);\r\n}\r\n\r\nfunction nextImage() {\r\n if (!currentGalleryData) return;\r\n const len = currentGalleryData.images.length;\r\n currentImageIndex = (currentImageIndex + 1) % len;\r\n updateGalleryUI();\r\n}\r\n\r\nfunction prevImage() {\r\n if (!currentGalleryData) return;\r\n const len = currentGalleryData.images.length;\r\n currentImageIndex = (currentImageIndex - 1 + len) % len;\r\n updateGalleryUI();\r\n}\r\n\r\ncloseBtn.addEventListener('click', closeGallery);\r\nnextBtn.addEventListener('click', nextImage);\r\nprevBtn.addEventListener('click', prevImage);\r\nmodal.addEventListener('click', (e) => {\r\n if (e.target === modal) closeGallery();\r\n});\r\ndocument.addEventListener('keydown', (e) => {\r\n if (!modal.classList.contains('active')) return;\r\n if (e.key === 'ArrowRight') nextImage();\r\n if (e.key === 'ArrowLeft') prevImage();\r\n});\r\n\r\nfunction attachGalleryTriggers() {\r\n const triggers = document.querySelectorAll('.event-image');\r\n triggers.forEach(trigger => {\r\n const newTrigger = trigger.cloneNode(true);\r\n trigger.parentNode.replaceChild(newTrigger, trigger);\r\n newTrigger.addEventListener('click', (e) => {\r\n e.stopPropagation();\r\n const article = newTrigger.closest('.event-article');\r\n const galleryIdx = newTrigger.getAttribute('data-gallery-idx');\r\n if (galleryIdx !== null) {\r\n const idx = parseInt(galleryIdx, 10);\r\n const data = eventData[idx];\r\n if (data && data.gallery) openGallery(data.gallery, 0, newTrigger);\r\n } else if (article) {\r\n const pillar = article.getAttribute('data-pillar');\r\n const found = eventData.find(ev => ev.pillar === pillar);\r\n if (found && found.gallery) openGallery(found.gallery, 0, newTrigger);\r\n }\r\n });\r\n newTrigger.addEventListener('keydown', (e) => {\r\n if (e.key === 'Enter' || e.key === ' ') {\r\n e.preventDefault();\r\n newTrigger.click();\r\n }\r\n });\r\n });\r\n}\r\n\r\nfunction attachGalleryButtons() {\r\n const buttons = document.querySelectorAll('.pillar-decor');\r\n buttons.forEach((button) => {\r\n const newButton = button.cloneNode(true);\r\n button.parentNode.replaceChild(newButton, button);\r\n newButton.addEventListener('click', (e) => {\r\n e.stopPropagation();\r\n const article = newButton.closest('.event-article');\r\n if (article) {\r\n const galleryIdx = article.getAttribute('data-gallery-index');\r\n if (galleryIdx !== null) {\r\n const idx = parseInt(galleryIdx, 10);\r\n const data = eventData[idx];\r\n if (data && data.gallery) {\r\n openGallery(data.gallery, 0, newButton);\r\n }\r\n }\r\n }\r\n });\r\n newButton.addEventListener('keydown', (e) => {\r\n if (e.key === 'Enter' || e.key === ' ') {\r\n e.preventDefault();\r\n newButton.click();\r\n }\r\n });\r\n });\r\n}\r\n\r\nattachGalleryTriggers();\r\nattachGalleryButtons();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u062f\u0628\u064a \u0633\u0641\u0627\u0631\u064a \u0628\u0627\u0631\u0643 | \u0623\u0628\u0631\u0632 \u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0627\u0644\u0645\u0648\u0633\u0645 \u0627\u0644\u0633\u0627\u0628\u0639 \u0627\u0644\u0645\u0648\u0633\u0645 \u0627\u0644\u0633\u0627\u0628\u0639 \u00b7 \u0627\u0644\u0635\u062d\u0648\u0629 \u0627\u0644\u0628\u0631\u064a\u0629 \u0623\u0628\u0631\u0632 \u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0627\u0644\u0645\u0648\u0633\u0645 \u0627\u0644\u0633\u0627\u0628\u0639 \u0646\u0633\u062a\u0639\u0631\u0636 \u0645\u0639\u0643\u0645 \u0627\u0644\u0644\u062d\u0638\u0627\u062a \u0648\u0627\u0644\u062a\u062c\u0627\u0631\u0628 \u0648\u062c\u0647\u0648\u062f \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u0628\u064a\u0626\u0629 \u0627\u0644\u062a\u064a \u062c\u0639\u0644\u062a \u0647\u0630\u0627 \u0627\u0644\u0645\u0648\u0633\u0645 \u0644\u0627 \u064a\u064f\u0646\u0633\u0649. \u0644\u062d\u0638\u0627\u062a \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a<\/p>\n","protected":false},"author":9,"featured_media":0,"parent":0,"menu_order":26,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-25331","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/dubaisafari.ae\/ar\/wp-json\/wp\/v2\/pages\/25331","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dubaisafari.ae\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dubaisafari.ae\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dubaisafari.ae\/ar\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/dubaisafari.ae\/ar\/wp-json\/wp\/v2\/comments?post=25331"}],"version-history":[{"count":1,"href":"https:\/\/dubaisafari.ae\/ar\/wp-json\/wp\/v2\/pages\/25331\/revisions"}],"predecessor-version":[{"id":25332,"href":"https:\/\/dubaisafari.ae\/ar\/wp-json\/wp\/v2\/pages\/25331\/revisions\/25332"}],"wp:attachment":[{"href":"https:\/\/dubaisafari.ae\/ar\/wp-json\/wp\/v2\/media?parent=25331"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}