{"id":1228,"date":"2026-01-18T07:53:34","date_gmt":"2026-01-18T07:53:34","guid":{"rendered":"https:\/\/djmohnd.com\/?page_id=1228"},"modified":"2026-01-18T07:59:29","modified_gmt":"2026-01-18T07:59:29","slug":"groom-entrance","status":"publish","type":"page","link":"https:\/\/djmohnd.com\/?page_id=1228","title":{"rendered":"Groom Entrance"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1228\" class=\"elementor elementor-1228\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f9ae7a e-flex e-con-boxed e-con e-parent\" data-id=\"5f9ae7a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8d94c83 elementor-widget elementor-widget-html\" data-id=\"8d94c83\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Groom Entrance Zaffat (Listen + Download) | Elementor -> HTML Widget (ONE block) -->\n<div class=\"groomzf\" dir=\"rtl\" lang=\"ar\">\n  <header class=\"groomzf__hero\">\n    <div class=\"groomzf__heroText\">\n      <div class=\"groomzf__kicker\">Groom Entrance<\/div>\n      <h1 class=\"groomzf__title\">\u0632\u0641\u0651\u0627\u062a \u0627\u0644\u0639\u0631\u064a\u0633<\/h1>\n      <p class=\"groomzf__subtitle\">\u062f\u062e\u0648\u0644\u0627\u062a \u0641\u062e\u0645\u0629 \u2014 \u0634\u063a\u0651\u0644 \u0648\u0627\u0633\u0645\u0639 + \u062d\u0645\u0651\u0644 \u0645\u0628\u0627\u0634\u0631\u0629<\/p>\n    <\/div>\n\n    <div class=\"groomzf__heroBadge\" aria-hidden=\"true\">\n      <span class=\"groomzf__dot\"><\/span>\n      <span>Premium Vibes<\/span>\n    <\/div>\n  <\/header>\n\n  <section class=\"groomzf__section\" aria-label=\"\u0642\u0627\u0626\u0645\u0629 \u0632\u0641\u0651\u0627\u062a \u0627\u0644\u0639\u0631\u064a\u0633\">\n    <div class=\"groomzf__list\" id=\"groomzf-list\"><\/div>\n  <\/section>\n\n  <!-- Mini Player -->\n  <div class=\"groomzf__player\" role=\"region\" aria-label=\"\u0645\u0634\u063a\u0644 \u0627\u0644\u0635\u0648\u062a\">\n    <div class=\"groomzf__playerTop\">\n      <button class=\"groomzf__iconBtn\" id=\"groomzf-prev\" type=\"button\" aria-label=\"\u0627\u0644\u0633\u0627\u0628\u0642\">\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M6 6h2v12H6V6zm12 0v12l-9-6 9-6z\"\/><\/svg>\n      <\/button>\n\n      <button class=\"groomzf__playBtn\" id=\"groomzf-toggle\" type=\"button\" aria-label=\"\u062a\u0634\u063a\u064a\u0644\/\u0625\u064a\u0642\u0627\u0641\">\n        <span class=\"groomzf__playIcon\" data-state=\"play\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n        <\/span>\n        <span class=\"groomzf__playIcon\" data-state=\"pause\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M6 5h4v14H6V5zm8 0h4v14h-4V5z\"\/><\/svg>\n        <\/span>\n      <\/button>\n\n      <button class=\"groomzf__iconBtn\" id=\"groomzf-next\" type=\"button\" aria-label=\"\u0627\u0644\u062a\u0627\u0644\u064a\">\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M16 6h2v12h-2V6zM6 18V6l9 6-9 6z\"\/><\/svg>\n      <\/button>\n\n      <div class=\"groomzf__now\">\n        <div class=\"groomzf__nowTitle\" id=\"groomzf-nowTitle\">\u0627\u062e\u062a\u064e\u0631 \u062a\u0631\u0627\u0643 \u0644\u0644\u062a\u0634\u063a\u064a\u0644<\/div>\n        <div class=\"groomzf__nowMeta\">\n          <span id=\"groomzf-time\">0:00<\/span>\n          <span class=\"groomzf__sep\">\u2022<\/span>\n          <span id=\"groomzf-dur\">0:00<\/span>\n        <\/div>\n      <\/div>\n\n      <a class=\"groomzf__iconBtn groomzf__dlMini\" id=\"groomzf-nowDl\" href=\"#\" download aria-label=\"\u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u062a\u0631\u0627\u0643 \u0627\u0644\u062d\u0627\u0644\u064a\" title=\"\u062a\u062d\u0645\u064a\u0644\">\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 3v10l4-4 1.4 1.4L12 16.8 6.6 10.4 8 9l4 4V3zM5 19h14v2H5v-2z\"\/><\/svg>\n      <\/a>\n    <\/div>\n\n    <div class=\"groomzf__bar\">\n      <input id=\"groomzf-seek\" class=\"groomzf__seek\" type=\"range\" min=\"0\" max=\"1000\" value=\"0\" aria-label=\"\u0627\u0644\u062a\u0642\u062f\u0651\u0645\" \/>\n    <\/div>\n\n    <audio id=\"groomzf-audio\" preload=\"none\"><\/audio>\n  <\/div>\n<\/div>\n\n<style>\n  .groomzf{\n    --bg1:#060814;\n    --bg2:#0a1430;\n    --card: rgba(255,255,255,.06);\n    --card2: rgba(255,255,255,.09);\n    --line: rgba(255,255,255,.12);\n    --text: rgba(255,255,255,.92);\n    --muted: rgba(255,255,255,.68);\n    --muted2: rgba(255,255,255,.54);\n    --gold:#f59e0b;\n    --goldSoft: rgba(245,158,11,.16);\n    --steel:#60a5fa;\n    --steelSoft: rgba(96,165,250,.16);\n    --shadow: 0 18px 55px rgba(0,0,0,.50);\n    --radius: 18px;\n\n    box-sizing: border-box;\n    max-width: 1040px;\n    margin: 0 auto;\n    padding: 18px 14px 160px;\n    color: var(--text);\n    border-radius: 22px;\n\n    background:\n      radial-gradient(900px 420px at 18% 0%, rgba(245,158,11,.18), transparent 60%),\n      radial-gradient(900px 420px at 85% 10%, rgba(96,165,250,.16), transparent 60%),\n      linear-gradient(180deg, var(--bg2) 0%, var(--bg1) 100%);\n\n    border: 1px solid rgba(255,255,255,.08);\n    box-shadow: var(--shadow);\n    font-family: ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Arial, \"Noto Sans Arabic\", \"Tajawal\", sans-serif;\n    overflow-x: hidden;\n  }\n  .groomzf, .groomzf * , .groomzf *::before, .groomzf *::after { box-sizing: border-box; }\n\n  .groomzf__hero{\n    position: relative;\n    overflow: hidden;\n    display:flex;\n    align-items:flex-end;\n    justify-content:space-between;\n    gap: 14px;\n    padding: 18px 18px 16px;\n    border: 1px solid var(--line);\n    border-radius: var(--radius);\n    background: rgba(255,255,255,.05);\n    backdrop-filter: blur(10px);\n  }\n  .groomzf__hero::before{\n    content:\"\";\n    position:absolute;\n    top:-60%;\n    right:-35%;\n    width:140%;\n    height:140%;\n    transform: rotate(-10deg);\n    background: linear-gradient(180deg, rgba(255,255,255,.30), rgba(255,255,255,0));\n    opacity:.30;\n    pointer-events:none;\n  }\n  .groomzf__kicker{\n    display:inline-flex;\n    align-items:center;\n    gap:8px;\n    font-size: 12px;\n    letter-spacing: .7px;\n    text-transform: uppercase;\n    color: rgba(255,255,255,.78);\n  }\n  .groomzf__kicker::before{\n    content:\"\";\n    width:10px;height:10px;border-radius:999px;\n    background: rgba(245,158,11,.95);\n    box-shadow: 0 0 0 4px rgba(245,158,11,.18);\n  }\n  .groomzf__title{ margin: 8px 0 4px; font-size: 34px; line-height: 1.15; }\n  .groomzf__subtitle{ margin: 0; font-size: 14px; color: var(--muted); }\n\n  .groomzf__heroBadge{\n    display:inline-flex; align-items:center; gap:10px;\n    padding: 10px 12px;\n    border-radius: 999px;\n    border: 1px solid rgba(245,158,11,.35);\n    background: rgba(245,158,11,.10);\n    color: rgba(255,255,255,.90);\n    font-size: 13px;\n    white-space: nowrap;\n    position: relative;\n    z-index: 1;\n  }\n  .groomzf__dot{\n    width: 8px; height: 8px; border-radius: 999px;\n    background: rgba(245,158,11,.95);\n    box-shadow: 0 0 0 4px rgba(245,158,11,.16);\n  }\n\n  .groomzf__section{ margin-top: 16px; }\n  .groomzf__list{ display:grid; gap: 10px; margin-top: 10px; }\n\n  .groomzf__row{\n    position: relative;\n    overflow: hidden;\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap: 12px;\n    padding: 14px 14px;\n    border: 1px solid var(--line);\n    border-radius: var(--radius);\n    background: var(--card);\n    backdrop-filter: blur(10px);\n    transition: transform .12s ease, background .12s ease, border-color .12s ease;\n  }\n  .groomzf__row::before{\n    content:\"\";\n    position:absolute;\n    inset:-30%;\n    transform: rotate(-12deg);\n    background: linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,0));\n    opacity: .16;\n    pointer-events:none;\n  }\n  .groomzf__row:hover{\n    transform: translateY(-1px);\n    background: var(--card2);\n    border-color: rgba(255,255,255,.18);\n  }\n\n  .groomzf__nameWrap{\n    min-width:0;\n    display:flex;\n    align-items:center;\n    gap: 12px;\n  }\n  .groomzf__badge{\n    width: 14px; height: 14px; border-radius: 6px;\n    border: 1px solid rgba(245,158,11,.35);\n    background: rgba(245,158,11,.14);\n    position: relative;\n    overflow:hidden;\n    flex: 0 0 auto;\n  }\n  .groomzf__badge::before{\n    content:\"\";\n    position:absolute;\n    inset:2px;\n    border-radius: 5px;\n    background: linear-gradient(180deg, rgba(245,158,11,.95), rgba(96,165,250,.85));\n    transform: translateY(100%);\n    transition: transform .15s ease;\n  }\n  .groomzf__row.is-playing .groomzf__badge::before{\n    transform: translateY(0%);\n    animation: groomzfPulse 1.1s ease-in-out infinite;\n  }\n  @keyframes groomzfPulse{\n    0%,100%{ clip-path: inset(65% 0 0 0); }\n    50%{ clip-path: inset(0 0 35% 0); }\n  }\n\n  .groomzf__name{\n    font-size: 15px;\n    line-height: 1.35;\n    white-space: nowrap;\n    overflow:hidden;\n    text-overflow: ellipsis;\n    position: relative;\n    z-index: 1;\n  }\n\n  .groomzf__actions{\n    display:flex;\n    gap: 10px;\n    flex-wrap: wrap;\n    flex: 0 0 auto;\n    position: relative;\n    z-index: 1;\n  }\n\n  .groomzf__btn{\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    gap: 8px;\n    border: 1px solid var(--line);\n    background: rgba(255,255,255,.06);\n    color: var(--text);\n    border-radius: 12px;\n    padding: 9px 12px;\n    font-size: 13px;\n    cursor: pointer;\n    text-decoration: none;\n    transition: transform .12s ease, background .12s ease, border-color .12s ease;\n    white-space: nowrap;\n  }\n  .groomzf__btn:hover{ transform: translateY(-1px); background: rgba(255,255,255,.09); border-color: rgba(255,255,255,.18); }\n  .groomzf__btn svg{ width: 16px; height: 16px; fill: currentColor; opacity: .95; }\n\n  .groomzf__btn--play{\n    border-color: rgba(245,158,11,.40);\n    background: rgba(245,158,11,.14);\n  }\n  .groomzf__btn--play:hover{ background: rgba(245,158,11,.20); }\n\n  .groomzf__btn--dl{\n    border-color: rgba(96,165,250,.38);\n    background: rgba(96,165,250,.14);\n  }\n  .groomzf__btn--dl:hover{ background: rgba(96,165,250,.20); }\n\n  \/* Player *\/\n  .groomzf__player{\n    position: sticky;\n    bottom: 10px;\n    margin-top: 16px;\n    border: 1px solid rgba(255,255,255,.14);\n    border-radius: 20px;\n    background: rgba(6,8,14,.78);\n    backdrop-filter: blur(14px);\n    box-shadow: 0 18px 55px rgba(0,0,0,.55);\n    padding: 10px 12px 12px;\n  }\n  .groomzf__playerTop{ display:flex; align-items:center; gap: 10px; }\n  .groomzf__iconBtn{\n    width: 40px; height: 40px;\n    display:inline-flex; align-items:center; justify-content:center;\n    border-radius: 14px;\n    border: 1px solid rgba(255,255,255,.14);\n    background: rgba(255,255,255,.06);\n    color: var(--text);\n    cursor: pointer;\n    text-decoration: none;\n    transition: transform .12s ease, background .12s ease;\n    flex: 0 0 auto;\n  }\n  .groomzf__iconBtn:hover{ transform: translateY(-1px); background: rgba(255,255,255,.09); }\n  .groomzf__iconBtn svg{ width: 18px; height: 18px; fill: currentColor; }\n\n  .groomzf__playBtn{\n    width: 44px; height: 44px;\n    border-radius: 16px;\n    border: 1px solid rgba(245,158,11,.55);\n    background: rgba(245,158,11,.18);\n    color: var(--text);\n    cursor: pointer;\n    display:inline-flex; align-items:center; justify-content:center;\n    transition: transform .12s ease, background .12s ease;\n    flex: 0 0 auto;\n  }\n  .groomzf__playBtn:hover{ transform: translateY(-1px); background: rgba(245,158,11,.26); }\n  .groomzf__playIcon{ display:none; }\n  .groomzf__playIcon svg{ width: 18px; height: 18px; fill: currentColor; }\n  .groomzf__playBtn[data-state=\"play\"] .groomzf__playIcon[data-state=\"play\"]{ display:block; }\n  .groomzf__playBtn[data-state=\"pause\"] .groomzf__playIcon[data-state=\"pause\"]{ display:block; }\n\n  .groomzf__now{ min-width:0; flex: 1 1 auto; }\n  .groomzf__nowTitle{\n    font-size: 13px;\n    white-space: nowrap; overflow:hidden; text-overflow: ellipsis;\n  }\n  .groomzf__nowMeta{ margin-top: 2px; font-size: 12px; color: var(--muted2); display:flex; align-items:center; gap: 8px; }\n  .groomzf__sep{ opacity: .6; }\n\n  .groomzf__dlMini{\n    border-color: rgba(96,165,250,.34);\n    background: rgba(96,165,250,.12);\n  }\n  .groomzf__dlMini:hover{ background: rgba(96,165,250,.18); }\n\n  .groomzf__bar{ margin-top: 10px; }\n  .groomzf__seek{ width: 100%; accent-color: var(--gold); cursor: pointer; }\n\n  \/* Mobile *\/\n  @media (max-width: 768px){\n    .groomzf{ padding-bottom: 200px; }\n    .groomzf__hero{ flex-direction: column; align-items: flex-start; }\n    .groomzf__title{ font-size: 30px; }\n\n    .groomzf__row{ flex-direction: column; align-items: stretch; gap: 12px; }\n    .groomzf__nameWrap{ width: 100%; }\n    .groomzf__actions{\n      width: 100%;\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 10px;\n    }\n    .groomzf__btn{ width: 100%; }\n\n    .groomzf__playerTop{ flex-wrap: wrap; }\n    .groomzf__now{ flex: 1 1 100%; }\n  }\n  @media (max-width: 420px){\n    .groomzf__actions{ grid-template-columns: 1fr; }\n  }\n<\/style>\n\n<script>\n  (function () {\n    const tracks = [\n      { name: \"\u0645\u062d\u0645\u062f \u0635\u0628\u064a\u062d\u0627\u062a \u2013 \u0639\u0634\u0627\u0646\u0648 \u0627\u0644\u0644\u064a\u0644\u0629 (\u0627\u0644\u0641\u0631\u062d\u0629 \u0639\u0634\u0627\u0646\u0648)\", url: \"https:\/\/djmohnd.com\/wp-content\/uploads\/2026\/01\/\u0632\u0641\u0629-\u0639\u0634\u0627\u0646\u0648-\u0627\u0644\u0644\u064a\u0644\u0629-\u0627\u0644\u0641\u0631\u062d\u0629-\u0639\u0634\u0627\u0646\u0648-\u0645\u062d\u0645\u062f-\u0635\u0628\u064a\u062d\u0627\u062a.mp3\" },\n      { name: \"\u0639\u0645\u0631 \u0627\u0644\u0639\u0628\u062f\u0627\u0644\u0644\u0627\u062a \u2013 \u062d\u064a\u0627\u0644\u0644\u0647 \u0647\u0627\u0644\u0637\u0648\u0644\", url: \"https:\/\/djmohnd.com\/wp-content\/uploads\/2026\/01\/\u0639\u0645\u0631-\u0627\u0644\u0639\u0628\u062f\u0627\u0644\u0644\u0627\u062a-\u062d\u064a\u0627\u0644\u0644\u0647-\u0647\u0627\u0644\u0637\u0648\u0644.mp3\" },\n      { name: \"\u0639\u0631\u064a\u0633\u0646\u0627 \u0634\u064a\u062e \u0627\u0644\u0634\u0628\u0627\u0628 \u2013 \u062d\u064a\u0651\u0648\u0627 \u0627\u0644\u0639\u0631\u064a\u0633\", url: \"https:\/\/djmohnd.com\/wp-content\/uploads\/2026\/01\/\u0639\u0631\u064a\u0633\u0646\u0627-\u0634\u064a\u062e-\u0627\u0644\u0634\u0628\u0627\u0628-\u062d\u064a\u0648-\u0627\u0644\u0639\u0631\u064a\u0633.mp3\" },\n      { name: \"\u0625\u064a\u0627\u062f \u0637\u0646\u0648\u0633 \u2013 \u0639\u0631\u064a\u0633 \u0627\u0644\u0632\u064a\u0646\", url: \"https:\/\/djmohnd.com\/wp-content\/uploads\/2026\/01\/\u0627\u064a\u0627\u062f-\u0637\u0646\u0648\u0633-\u0639\u0631\u064a\u0633-\u0627\u0644\u0632\u064a\u0646.mp3\" },\n      { name: \"\u0648\u062f\u064a\u0639 \u0645\u0631\u0627\u062f \u2013 \u0623\u062d\u0644\u0649 \u0639\u0631\u064a\u0633\", url: \"https:\/\/djmohnd.com\/wp-content\/uploads\/2026\/01\/\u0648\u062f\u064a\u0639-\u0645\u0631\u0627\u062f-\u0627\u062d\u0644\u0649-\u0639\u0631\u064a\u0633.mp3\" },\n      { name: \"\u0633\u0639\u062f \u0631\u0645\u0636\u0627\u0646 \u2013 \u0645\u064a\u0646 \u0642\u062f\u0651\u0643\", url: \"https:\/\/djmohnd.com\/wp-content\/uploads\/2026\/01\/\u0633\u0639\u062f-\u0631\u0645\u0636\u0627\u0646-\u0645\u064a\u0646-\u0642\u062f\u0643-1.mp3\" },\n      { name: \"\u0645\u062d\u0645\u062f \u0631\u0645\u0636\u0627\u0646 \u2013 \u0644\u064a\u0644\u0629 \u0639\u0631\u0633\u064a\", url: \"https:\/\/djmohnd.com\/wp-content\/uploads\/2026\/01\/\u0644\u064a\u0644\u0629-\u0639\u0631\u0633\u064a-\u0645\u062d\u0645\u062f-\u0631\u0645\u0636\u0627\u0646.mp3\" },\n      { name: \"\u0625\u064a\u0627\u062f \u0637\u0646\u0648\u0633 \u2013 \u0635\u0627\u0631 \u0627\u0633\u0645\u0643 \u0639\u0627\u0644\u0647\u0648\u064a\u0629\", url: \"https:\/\/djmohnd.com\/wp-content\/uploads\/2026\/01\/\u0627\u064a\u0627\u062f-\u0637\u0646\u0648\u0633-\u0635\u0627\u0631-\u0627\u0633\u0645\u0643-\u0639-\u0627\u0644\u0647\u0648\u064a\u0629.mp3\" },\n      { name: \"\u0645\u0647\u0646\u062f \u062e\u0644\u0641 \u2013 \u0648\u062f\u0651\u0639\u0646\u0627 \u0627\u0644\u0639\u0632\u0648\u0628\u064a\u0629\", url: \"https:\/\/djmohnd.com\/wp-content\/uploads\/2026\/01\/\u0645\u0647\u0646\u062f-\u062e\u0644\u0641-\u0648\u062f\u0639\u0646\u0627-\u0627\u0644\u0639\u0632\u0648\u0628\u064a\u0629.mp3\" },\n      { name: \"\u0645\u062d\u0645\u0648\u062f \u0627\u0644\u0642\u0635\u064a\u0631 \u2013 \u062c\u064a\u062a\u0643 \u0628\u0627\u0644\u0645\u062d\u0628\u0633\", url: \"https:\/\/djmohnd.com\/wp-content\/uploads\/2026\/01\/\u0645\u062d\u0645\u0648\u062f-\u0627\u0644\u0642\u0635\u064a\u0631-\u062c\u064a\u062a\u0643-\u0628\u0627\u0644\u0645\u062d\u0628\u0633.mp3\" },\n      { name: \"\u0637\u0627\u0631\u0642 \u0627\u0644\u0623\u0637\u0631\u0634 \u2013 \u0632\u0641\u0651\u0648\u0646\u064a\", url: \"https:\/\/djmohnd.com\/wp-content\/uploads\/2026\/01\/\u0637\u0627\u0631\u0642-\u0627\u0644\u0623\u0637\u0631\u0634-\u0632\u0641\u0648\u0646\u064a.mp3\" }\n    ];\n\n    const listEl = document.getElementById(\"groomzf-list\");\n    const audio = document.getElementById(\"groomzf-audio\");\n    const seek = document.getElementById(\"groomzf-seek\");\n    const nowTitle = document.getElementById(\"groomzf-nowTitle\");\n    const nowDl = document.getElementById(\"groomzf-nowDl\");\n    const btnToggle = document.getElementById(\"groomzf-toggle\");\n    const btnPrev = document.getElementById(\"groomzf-prev\");\n    const btnNext = document.getElementById(\"groomzf-next\");\n    const elTime = document.getElementById(\"groomzf-time\");\n    const elDur = document.getElementById(\"groomzf-dur\");\n\n    let currentIndex = -1;\n    let currentRow = null;\n    let isSeeking = false;\n\n    function fmtTime(sec) {\n      if (!Number.isFinite(sec) || sec < 0) return \"0:00\";\n      const m = Math.floor(sec \/ 60);\n      const s = Math.floor(sec % 60);\n      return `${m}:${String(s).padStart(2, \"0\")}`;\n    }\n\n    function cssEscapeSafe(value) {\n      if (window.CSS && typeof window.CSS.escape === \"function\") return window.CSS.escape(value);\n      return String(value).replace(\/[\"\\\\]\/g, \"\\\\$&\");\n    }\n\n    function setToggleState(state) {\n      btnToggle.setAttribute(\"data-state\", state);\n    }\n\n    function setNow(track) {\n      nowTitle.textContent = track ? track.name : \"\u0627\u062e\u062a\u064e\u0631 \u062a\u0631\u0627\u0643 \u0644\u0644\u062a\u0634\u063a\u064a\u0644\";\n      nowDl.href = track ? track.url : \"#\";\n      nowDl.style.pointerEvents = track ? \"auto\" : \"none\";\n      nowDl.style.opacity = track ? \"1\" : \".55\";\n    }\n\n    function clearRowStates() {\n      document.querySelectorAll(\".groomzf__row\").forEach(r => r.classList.remove(\"is-playing\"));\n      document.querySelectorAll(\"[data-role='groomzf-play-label']\").forEach(el => el.textContent = \"\u0627\u0633\u062a\u0645\u0627\u0639\");\n    }\n\n    function setRowState(rowEl, playing) {\n      clearRowStates();\n      if (!rowEl) return;\n      if (playing) rowEl.classList.add(\"is-playing\");\n      const label = rowEl.querySelector(\"[data-role='groomzf-play-label']\");\n      if (label) label.textContent = playing ? \"\u0625\u064a\u0642\u0627\u0641 \u0645\u0624\u0642\u062a\" : \"\u0627\u0633\u062a\u0645\u0627\u0639\";\n    }\n\n    function loadAndPlay(index) {\n      if (index < 0 || index >= tracks.length) return;\n      const t = tracks[index];\n      currentIndex = index;\n\n      audio.src = t.url;\n      setNow(t);\n\n      currentRow = document.querySelector(`.groomzf__row[data-url=\"${cssEscapeSafe(t.url)}\"]`) || null;\n\n      audio.play().then(() => {\n        setToggleState(\"pause\");\n        setRowState(currentRow, true);\n      }).catch(() => {\n        setToggleState(\"play\");\n        setRowState(currentRow, false);\n      });\n    }\n\n    function togglePlayPause() {\n      if (currentIndex === -1) {\n        loadAndPlay(0);\n        return;\n      }\n      if (audio.paused) {\n        audio.play().then(() => {\n          setToggleState(\"pause\");\n          setRowState(currentRow, true);\n        }).catch(() => {});\n      } else {\n        audio.pause();\n      }\n    }\n\n    function prev() {\n      if (!tracks.length) return;\n      const nextIndex = currentIndex <= 0 ? tracks.length - 1 : currentIndex - 1;\n      loadAndPlay(nextIndex);\n    }\n\n    function next() {\n      if (!tracks.length) return;\n      const nextIndex = currentIndex >= tracks.length - 1 ? 0 : currentIndex + 1;\n      loadAndPlay(nextIndex);\n    }\n\n    function render() {\n      listEl.innerHTML = \"\";\n      tracks.forEach((t) => {\n        const row = document.createElement(\"div\");\n        row.className = \"groomzf__row\";\n        row.setAttribute(\"data-url\", t.url);\n\n        row.innerHTML = `\n          <div class=\"groomzf__nameWrap\">\n            <span class=\"groomzf__badge\" aria-hidden=\"true\"><\/span>\n            <div class=\"groomzf__name\" title=\"${t.name.replace(\/\"\/g, \"&quot;\")}\">${t.name}<\/div>\n          <\/div>\n\n          <div class=\"groomzf__actions\">\n            <button class=\"groomzf__btn groomzf__btn--play\" type=\"button\" data-action=\"play\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n              <span data-role=\"groomzf-play-label\">\u0627\u0633\u062a\u0645\u0627\u0639<\/span>\n            <\/button>\n\n            <a class=\"groomzf__btn groomzf__btn--dl\" href=\"${t.url}\" download>\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 3v10l4-4 1.4 1.4L12 16.8 6.6 10.4 8 9l4 4V3zM5 19h14v2H5v-2z\"\/><\/svg>\n              \u062a\u062d\u0645\u064a\u0644\n            <\/a>\n          <\/div>\n        `;\n\n        row.querySelector('[data-action=\"play\"]').addEventListener(\"click\", () => {\n          const idx = tracks.findIndex(x => x.url === t.url);\n          if (idx === -1) return;\n\n          if (currentIndex === idx) togglePlayPause();\n          else loadAndPlay(idx);\n        });\n\n        listEl.appendChild(row);\n      });\n    }\n\n    btnToggle.addEventListener(\"click\", togglePlayPause);\n    btnPrev.addEventListener(\"click\", prev);\n    btnNext.addEventListener(\"click\", next);\n\n    audio.addEventListener(\"play\", () => {\n      setToggleState(\"pause\");\n      setRowState(currentRow, true);\n    });\n    audio.addEventListener(\"pause\", () => {\n      setToggleState(\"play\");\n      setRowState(currentRow, false);\n    });\n    audio.addEventListener(\"ended\", () => next());\n\n    audio.addEventListener(\"loadedmetadata\", () => {\n      elDur.textContent = fmtTime(audio.duration);\n    });\n\n    audio.addEventListener(\"timeupdate\", () => {\n      elTime.textContent = fmtTime(audio.currentTime);\n      if (!isSeeking && audio.duration > 0) {\n        seek.value = Math.floor((audio.currentTime \/ audio.duration) * 1000);\n      }\n    });\n\n    seek.addEventListener(\"input\", () => { isSeeking = true; });\n    seek.addEventListener(\"change\", () => {\n      if (audio.duration > 0) audio.currentTime = (Number(seek.value) \/ 1000) * audio.duration;\n      isSeeking = false;\n    });\n\n    render();\n    setToggleState(\"play\");\n    setNow(null);\n  })();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Groom Entrance \u0632\u0641\u0651\u0627\u062a \u0627\u0644\u0639\u0631\u064a\u0633 \u062f\u062e\u0648\u0644\u0627\u062a \u0641\u062e\u0645\u0629 \u2014 \u0634\u063a\u0651\u0644 \u0648\u0627\u0633\u0645\u0639 + \u062d\u0645\u0651\u0644 \u0645\u0628\u0627\u0634\u0631\u0629 Premium Vibes \u0627\u062e\u062a\u064e\u0631 \u062a\u0631\u0627\u0643 \u0644\u0644\u062a\u0634\u063a\u064a\u0644 0:00 \u2022 0:00<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1228","page","type-page","status-publish","hentry"],"acf":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/djmohnd.com\/index.php?rest_route=\/wp\/v2\/pages\/1228","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/djmohnd.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/djmohnd.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/djmohnd.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/djmohnd.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1228"}],"version-history":[{"count":4,"href":"https:\/\/djmohnd.com\/index.php?rest_route=\/wp\/v2\/pages\/1228\/revisions"}],"predecessor-version":[{"id":1232,"href":"https:\/\/djmohnd.com\/index.php?rest_route=\/wp\/v2\/pages\/1228\/revisions\/1232"}],"wp:attachment":[{"href":"https:\/\/djmohnd.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1228"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}