/* ==========================================================
   TG-Hub mega menu for Astra Pro (Nav Menu module)
   Paste into Appearance > Customize > Additional CSS
   ========================================================== */
:root{
  --tg-blue:#229ED9;
  --tg-blue-dark:#1A7FB0;
  --tg-ink:#1F2937;
  --tg-muted:#6B7280;
  --tg-line:#E3E8EC;
  --tg-hover:#F3F8FB;
  --tg-tile:#E6F4FB;
  --tg-radius:18px;
}

/* ---------- 1. Icons ---------- */
/* Item class (tg-i-*) wins; the link URL is the fallback. */
/* TG-Hub: Message and Grow */
.tg-mega .sub-menu .sub-menu > .menu-item:not(.tg-feat-demo):has(> .menu-link[href*="tg-sender-telegram-bulk-sender"]){--tg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23229ED9%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z%27/%3E%3Cpath d=%27m21.854 2.147-10.94 10.939%27/%3E%3C/svg%3E")}
.tg-mega .menu-item.tg-i-bulk-sender{--tg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23229ED9%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z%27/%3E%3Cpath d=%27m21.854 2.147-10.94 10.939%27/%3E%3C/svg%3E")!important}
.tg-mega .sub-menu .sub-menu > .menu-item:not(.tg-feat-demo):has(> .menu-link[href*="link-and-qr-code-generator"]){--tg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23229ED9%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect width=%275%27 height=%275%27 x=%273%27 y=%273%27 rx=%271%27/%3E%3Crect width=%275%27 height=%275%27 x=%2716%27 y=%273%27 rx=%271%27/%3E%3Crect width=%275%27 height=%275%27 x=%273%27 y=%2716%27 rx=%271%27/%3E%3Cpath d=%27M21 16h-3a2 2 0 0 0-2 2v3%27/%3E%3Cpath d=%27M21 21v.01%27/%3E%3Cpath d=%27M12 7v3a2 2 0 0 1-2 2H7%27/%3E%3Cpath d=%27M3 12h.01%27/%3E%3Cpath d=%27M12 3h.01%27/%3E%3Cpath d=%27M12 16v.01%27/%3E%3Cpath d=%27M16 12h1%27/%3E%3Cpath d=%27M21 12v.01%27/%3E%3Cpath d=%27M12 21v-1%27/%3E%3C/svg%3E")}
.tg-mega .menu-item.tg-i-link-qr{--tg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23229ED9%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect width=%275%27 height=%275%27 x=%273%27 y=%273%27 rx=%271%27/%3E%3Crect width=%275%27 height=%275%27 x=%2716%27 y=%273%27 rx=%271%27/%3E%3Crect width=%275%27 height=%275%27 x=%273%27 y=%2716%27 rx=%271%27/%3E%3Cpath d=%27M21 16h-3a2 2 0 0 0-2 2v3%27/%3E%3Cpath d=%27M21 21v.01%27/%3E%3Cpath d=%27M12 7v3a2 2 0 0 1-2 2H7%27/%3E%3Cpath d=%27M3 12h.01%27/%3E%3Cpath d=%27M12 3h.01%27/%3E%3Cpath d=%27M12 16v.01%27/%3E%3Cpath d=%27M16 12h1%27/%3E%3Cpath d=%27M21 12v.01%27/%3E%3Cpath d=%27M12 21v-1%27/%3E%3C/svg%3E")!important}
/* TG-Hub: Download and Protect */
.tg-mega .sub-menu .sub-menu > .menu-item:not(.tg-feat-demo):has(> .menu-link[href*="/telegram-video-downloader"]){--tg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23229ED9%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4%27/%3E%3Cpath d=%27m7 10 5 5 5-5%27/%3E%3Cpath d=%27M12 15V3%27/%3E%3C/svg%3E")}
.tg-mega .menu-item.tg-i-video-downloader{--tg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23229ED9%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4%27/%3E%3Cpath d=%27m7 10 5 5 5-5%27/%3E%3Cpath d=%27M12 15V3%27/%3E%3C/svg%3E")!important}
.tg-mega .sub-menu .sub-menu > .menu-item:not(.tg-feat-demo):has(> .menu-link[href*="/telegram-privacy-extension"]){--tg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23229ED9%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0%27/%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%273%27/%3E%3C/svg%3E")}
.tg-mega .menu-item.tg-i-privacy{--tg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23229ED9%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0%27/%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%273%27/%3E%3C/svg%3E")!important}
.tg-mega .sub-menu .sub-menu > .menu-item:not(.tg-feat-demo):has(> .menu-link[href*="/telegram-translator"]){--tg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23229ED9%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%2710%27/%3E%3Cpath d=%27M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20%27/%3E%3Cpath d=%27M2 12h20%27/%3E%3C/svg%3E")}
.tg-mega .menu-item.tg-i-translator{--tg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23229ED9%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%2710%27/%3E%3Cpath d=%27M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20%27/%3E%3Cpath d=%27M2 12h20%27/%3E%3C/svg%3E")!important}
/* Resources: How to Use */
.tg-mega .sub-menu .sub-menu > .menu-item:not(.tg-feat-demo):has(> .menu-link[href*="how-to-send-telegram-bulk-messages"]){--tg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23229ED9%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z%27/%3E%3Cpath d=%27m21.854 2.147-10.94 10.939%27/%3E%3C/svg%3E")}
.tg-mega .menu-item.tg-i-howto-bulk{--tg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23229ED9%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z%27/%3E%3Cpath d=%27m21.854 2.147-10.94 10.939%27/%3E%3C/svg%3E")!important}
.tg-mega .sub-menu .sub-menu > .menu-item:not(.tg-feat-demo):has(> .menu-link[href*="multiple-attachments"]){--tg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23229ED9%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48%27/%3E%3C/svg%3E")}
.tg-mega .menu-item.tg-i-howto-attachments{--tg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23229ED9%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48%27/%3E%3C/svg%3E")!important}
.tg-mega .sub-menu .sub-menu > .menu-item:not(.tg-feat-demo):has(> .menu-link[href*="avoid-telegram-ban"]){--tg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23229ED9%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z%27/%3E%3Cpath d=%27m9 12 2 2 4-4%27/%3E%3C/svg%3E")}
.tg-mega .menu-item.tg-i-howto-ban{--tg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23229ED9%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z%27/%3E%3Cpath d=%27m9 12 2 2 4-4%27/%3E%3C/svg%3E")!important}
.tg-mega .sub-menu .sub-menu > .menu-item:not(.tg-feat-demo):has(> .menu-link[href*="download-telegram-videos"]){--tg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23229ED9%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5%27/%3E%3Crect x=%272%27 y=%276%27 width=%2714%27 height=%2712%27 rx=%272%27/%3E%3C/svg%3E")}
.tg-mega .menu-item.tg-i-howto-videos{--tg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23229ED9%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5%27/%3E%3Crect x=%272%27 y=%276%27 width=%2714%27 height=%2712%27 rx=%272%27/%3E%3C/svg%3E")!important}
.tg-mega .sub-menu .sub-menu > .menu-item:not(.tg-feat-demo):has(> .menu-link[href*="download-telegram-images"]){--tg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23229ED9%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect width=%2718%27 height=%2718%27 x=%273%27 y=%273%27 rx=%272%27/%3E%3Ccircle cx=%279%27 cy=%279%27 r=%272%27/%3E%3Cpath d=%27m21 15-3.09-3.09a2 2 0 0 0-2.82 0L6 21%27/%3E%3C/svg%3E")}
.tg-mega .menu-item.tg-i-howto-images{--tg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23229ED9%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect width=%2718%27 height=%2718%27 x=%273%27 y=%273%27 rx=%272%27/%3E%3Ccircle cx=%279%27 cy=%279%27 r=%272%27/%3E%3Cpath d=%27m21 15-3.09-3.09a2 2 0 0 0-2.82 0L6 21%27/%3E%3C/svg%3E")!important}
.tg-mega .sub-menu .sub-menu > .menu-item:not(.tg-feat-demo):has(> .menu-link[href*="web-privacy-extension"]){--tg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23229ED9%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0%27/%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%273%27/%3E%3C/svg%3E")}
.tg-mega .menu-item.tg-i-howto-privacy{--tg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23229ED9%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0%27/%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%273%27/%3E%3C/svg%3E")!important}
.tg-mega .sub-menu .sub-menu > .menu-item:not(.tg-feat-demo):has(> .menu-link[href*="translate-telegram-messages"]){--tg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23229ED9%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%2710%27/%3E%3Cpath d=%27M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20%27/%3E%3Cpath d=%27M2 12h20%27/%3E%3C/svg%3E")}
.tg-mega .menu-item.tg-i-howto-translate{--tg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23229ED9%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%2710%27/%3E%3Cpath d=%27M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20%27/%3E%3Cpath d=%27M2 12h20%27/%3E%3C/svg%3E")!important}
/* Resources: Plans and Blog */
.tg-mega .sub-menu .sub-menu > .menu-item:not(.tg-feat-demo):has(> .menu-link[href*="how-to-activate-plan"]){--tg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23229ED9%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4%27/%3E%3Cpath d=%27m21 2-9.6 9.6%27/%3E%3Ccircle cx=%277.5%27 cy=%2715.5%27 r=%275.5%27/%3E%3C/svg%3E")}
.tg-mega .menu-item.tg-i-activate{--tg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23229ED9%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4%27/%3E%3Cpath d=%27m21 2-9.6 9.6%27/%3E%3Ccircle cx=%277.5%27 cy=%2715.5%27 r=%275.5%27/%3E%3C/svg%3E")!important}
.tg-mega .sub-menu .sub-menu > .menu-item:not(.tg-feat-demo):has(> .menu-link[href*="unsubscribe"]){--tg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23229ED9%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect width=%2718%27 height=%2718%27 x=%273%27 y=%274%27 rx=%272%27/%3E%3Cpath d=%27M16 2v4%27/%3E%3Cpath d=%27M8 2v4%27/%3E%3Cpath d=%27M3 10h18%27/%3E%3Cpath d=%27m14 14-4 4%27/%3E%3Cpath d=%27m10 14 4 4%27/%3E%3C/svg%3E")}
.tg-mega .menu-item.tg-i-unsubscribe{--tg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23229ED9%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect width=%2718%27 height=%2718%27 x=%273%27 y=%274%27 rx=%272%27/%3E%3Cpath d=%27M16 2v4%27/%3E%3Cpath d=%27M8 2v4%27/%3E%3Cpath d=%27M3 10h18%27/%3E%3Cpath d=%27m14 14-4 4%27/%3E%3Cpath d=%27m10 14 4 4%27/%3E%3C/svg%3E")!important}
.tg-mega .sub-menu .sub-menu > .menu-item:not(.tg-feat-demo):has(> .menu-link[href*="/blogs"]){--tg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23229ED9%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z%27/%3E%3Cpath d=%27m15 5 4 4%27/%3E%3C/svg%3E")}
.tg-mega .menu-item.tg-i-blog{--tg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23229ED9%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z%27/%3E%3Cpath d=%27m15 5 4 4%27/%3E%3C/svg%3E")!important}

/* ---------- 2. Featured card artwork ---------- */
.tg-mega .tg-feat-card{--tg-art:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 340 160%27%3E%3Cdefs%3E%3ClinearGradient id=%27g%27 x1=%270%27 y1=%270%27 x2=%271%27 y2=%271%27%3E%3Cstop offset=%270%27 stop-color=%27%23E6F4FB%27/%3E%3Cstop offset=%271%27 stop-color=%27%23F4F5F7%27/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width=%27340%27 height=%27160%27 fill=%27url%28%23g%29%27/%3E%3Crect x=%2722%27 y=%2722%27 width=%2760%27 height=%27108%27 rx=%2710%27 fill=%27%23fff%27/%3E%3Crect x=%2736%27 y=%2734%27 width=%2720%27 height=%2718%27 rx=%275%27 fill=%27%23229ED9%27/%3E%3Crect x=%2736%27 y=%2760%27 width=%2720%27 height=%2714%27 rx=%274%27 fill=%27%23E3E8EC%27/%3E%3Crect x=%2736%27 y=%2782%27 width=%2720%27 height=%2714%27 rx=%274%27 fill=%27%23E3E8EC%27/%3E%3Crect x=%2736%27 y=%27104%27 width=%2720%27 height=%2714%27 rx=%274%27 fill=%27%23E3E8EC%27/%3E%3Crect x=%2796%27 y=%2722%27 width=%2748%27 height=%2750%27 rx=%2710%27 fill=%27%23fff%27/%3E%3Crect x=%27106%27 y=%2733%27 width=%2728%27 height=%2728%27 rx=%277%27 fill=%27%23E6F4FB%27/%3E%3Cg transform=%27translate%28112 39%29 scale%280.667%29%27 fill=%27none%27 stroke=%27%23229ED9%27 stroke-width=%272.2%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z%27/%3E%3Cpath d=%27m21.854 2.147-10.94 10.939%27/%3E%3C/g%3E%3Crect x=%27152%27 y=%2722%27 width=%2748%27 height=%2750%27 rx=%2710%27 fill=%27%23fff%27/%3E%3Crect x=%27162%27 y=%2733%27 width=%2728%27 height=%2728%27 rx=%277%27 fill=%27%23E6F4FB%27/%3E%3Cg transform=%27translate%28168 39%29 scale%280.667%29%27 fill=%27none%27 stroke=%27%23229ED9%27 stroke-width=%272.2%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4%27/%3E%3Cpath d=%27m7 10 5 5 5-5%27/%3E%3Cpath d=%27M12 15V3%27/%3E%3C/g%3E%3Crect x=%27208%27 y=%2722%27 width=%2748%27 height=%2750%27 rx=%2710%27 fill=%27%23fff%27/%3E%3Crect x=%27218%27 y=%2733%27 width=%2728%27 height=%2728%27 rx=%277%27 fill=%27%23E6F4FB%27/%3E%3Cg transform=%27translate%28224 39%29 scale%280.667%29%27 fill=%27none%27 stroke=%27%23229ED9%27 stroke-width=%272.2%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0%27/%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%273%27/%3E%3C/g%3E%3Crect x=%27264%27 y=%2722%27 width=%2748%27 height=%2750%27 rx=%2710%27 fill=%27%23fff%27/%3E%3Crect x=%27274%27 y=%2733%27 width=%2728%27 height=%2728%27 rx=%277%27 fill=%27%23E6F4FB%27/%3E%3Cg transform=%27translate%28280 39%29 scale%280.667%29%27 fill=%27none%27 stroke=%27%23229ED9%27 stroke-width=%272.2%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%2710%27/%3E%3Cpath d=%27M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20%27/%3E%3Cpath d=%27M2 12h20%27/%3E%3C/g%3E%3Crect x=%2796%27 y=%2780%27 width=%2748%27 height=%2750%27 rx=%2710%27 fill=%27%23fff%27/%3E%3Crect x=%27106%27 y=%2791%27 width=%2728%27 height=%2728%27 rx=%277%27 fill=%27%23E6F4FB%27/%3E%3Cg transform=%27translate%28112 97%29 scale%280.667%29%27 fill=%27none%27 stroke=%27%23229ED9%27 stroke-width=%272.2%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect width=%275%27 height=%275%27 x=%273%27 y=%273%27 rx=%271%27/%3E%3Crect width=%275%27 height=%275%27 x=%2716%27 y=%273%27 rx=%271%27/%3E%3Crect width=%275%27 height=%275%27 x=%273%27 y=%2716%27 rx=%271%27/%3E%3Cpath d=%27M21 16h-3a2 2 0 0 0-2 2v3%27/%3E%3Cpath d=%27M21 21v.01%27/%3E%3Cpath d=%27M12 7v3a2 2 0 0 1-2 2H7%27/%3E%3Cpath d=%27M3 12h.01%27/%3E%3Cpath d=%27M12 3h.01%27/%3E%3Cpath d=%27M12 16v.01%27/%3E%3Cpath d=%27M16 12h1%27/%3E%3Cpath d=%27M21 12v.01%27/%3E%3Cpath d=%27M12 21v-1%27/%3E%3C/g%3E%3Crect x=%27152%27 y=%2780%27 width=%2748%27 height=%2750%27 rx=%2710%27 fill=%27%23fff%27/%3E%3Crect x=%27162%27 y=%2791%27 width=%2728%27 height=%2728%27 rx=%277%27 fill=%27%23E6F4FB%27/%3E%3Cg transform=%27translate%28168 97%29 scale%280.667%29%27 fill=%27none%27 stroke=%27%23229ED9%27 stroke-width=%272.2%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5%27/%3E%3Crect x=%272%27 y=%276%27 width=%2714%27 height=%2712%27 rx=%272%27/%3E%3C/g%3E%3Crect x=%27208%27 y=%2780%27 width=%2748%27 height=%2750%27 rx=%2710%27 fill=%27%23fff%27/%3E%3Crect x=%27218%27 y=%2791%27 width=%2728%27 height=%2728%27 rx=%277%27 fill=%27%23E6F4FB%27/%3E%3Cg transform=%27translate%28224 97%29 scale%280.667%29%27 fill=%27none%27 stroke=%27%23229ED9%27 stroke-width=%272.2%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect width=%2718%27 height=%2718%27 x=%273%27 y=%273%27 rx=%272%27/%3E%3Ccircle cx=%279%27 cy=%279%27 r=%272%27/%3E%3Cpath d=%27m21 15-3.09-3.09a2 2 0 0 0-2.82 0L6 21%27/%3E%3C/g%3E%3Crect x=%27264%27 y=%2780%27 width=%2748%27 height=%2750%27 rx=%2710%27 fill=%27%23fff%27/%3E%3Crect x=%27274%27 y=%2791%27 width=%2728%27 height=%2728%27 rx=%277%27 fill=%27%23E6F4FB%27/%3E%3Cg transform=%27translate%28280 97%29 scale%280.667%29%27 fill=%27none%27 stroke=%27%23229ED9%27 stroke-width=%272.2%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4%27/%3E%3Cpath d=%27m21 2-9.6 9.6%27/%3E%3Ccircle cx=%277.5%27 cy=%2715.5%27 r=%275.5%27/%3E%3C/g%3E%3C/svg%3E")}

/* ---------- 3. Top-level item hover ---------- */
.ast-desktop .main-header-menu > .tg-mega:hover > .menu-link,
.ast-desktop .main-header-menu > .tg-mega:focus-within > .menu-link{background:var(--tg-tile);border-radius:10px}

/* ---------- 4. Desktop panel ---------- */
.ast-desktop .main-header-menu .tg-mega .astra-megamenu{
  background:#fff!important;border:1px solid var(--tg-line)!important;border-radius:var(--tg-radius);
  box-shadow:0 24px 48px -12px rgba(34,158,217,.16);padding:28px 12px!important;margin-top:0!important;
}
.ast-desktop .main-header-menu .tg-mega .astra-megamenu > .menu-item{
  flex:1 1 0!important;min-width:0;padding:0 20px!important;margin:0;
  border:0!important;border-left:1px solid var(--tg-line)!important;align-self:flex-start!important;
}
.ast-desktop .main-header-menu .tg-mega .astra-megamenu > .menu-item:first-child{border-left:0!important}
.ast-desktop .main-header-menu .tg-mega .astra-megamenu > .tg-col-blank{border-left:0!important}
.ast-desktop .main-header-menu .tg-mega .astra-megamenu > .tg-col-blank > .menu-link{visibility:hidden!important}
.ast-desktop .main-header-menu .tg-mega .astra-megamenu > .menu-item:has(.tg-feat-card){flex:0 0 340px!important}

/* column heading */
.ast-desktop .main-header-menu .tg-mega .astra-megamenu > .menu-item > .menu-link{
  display:block!important;padding:0 10px 14px!important;background:none!important;pointer-events:none;
  font-size:12px!important;font-weight:600!important;letter-spacing:.12em;text-transform:uppercase;line-height:1.4!important;
  color:var(--tg-muted)!important;
}
.ast-desktop .main-header-menu .tg-mega .astra-megamenu > .menu-item > .menu-link .ast-icon,
.ast-desktop .main-header-menu .tg-mega .astra-megamenu > .menu-item > .menu-link .dropdown-menu-toggle,
.ast-desktop .main-header-menu .tg-mega .astra-megamenu > .menu-item > .ast-menu-toggle{display:none!important}

/* link list */
.ast-desktop .main-header-menu .tg-mega .astra-megamenu > .menu-item > .sub-menu{
  display:grid!important;grid-template-columns:minmax(0,1fr);gap:4px;position:static!important;
  width:auto!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:none!important;
  opacity:1!important;visibility:visible!important;transform:none!important;
}
.ast-desktop .main-header-menu .tg-mega .astra-megamenu > .menu-item > .sub-menu > .menu-item{margin:0;padding:0;border:0!important;list-style:none;width:auto!important}

/* link row */
.ast-desktop .main-header-menu .tg-mega .astra-megamenu > .menu-item > .sub-menu > .menu-item:not(.tg-feat-card):not(.tg-feat-demo) > .menu-link{
  display:flex!important;align-items:center;gap:14px;padding:8px 10px!important;border-radius:12px;
  background:none!important;color:var(--tg-ink)!important;white-space:normal!important;line-height:1.3!important;
  transition:background-color .15s ease;
}
.ast-desktop .main-header-menu .tg-mega .astra-megamenu > .menu-item > .sub-menu > .menu-item:not(.tg-feat-card):not(.tg-feat-demo) > .menu-link:hover,
.ast-desktop .main-header-menu .tg-mega .astra-megamenu > .menu-item > .sub-menu > .menu-item:not(.tg-feat-card):not(.tg-feat-demo) > .menu-link:focus-visible{background:var(--tg-hover)!important}
.ast-desktop .main-header-menu .tg-mega .astra-megamenu > .menu-item > .sub-menu > .menu-item:not(.tg-feat-card):not(.tg-feat-demo) > .menu-link::before{
  content:"";flex:0 0 48px;width:48px;height:48px;border-radius:12px;
  background:var(--tg-tile) var(--tg-icon,none) center/22px 22px no-repeat;
}
.ast-desktop .main-header-menu .tg-mega .astra-megamenu > .menu-item > .sub-menu > .menu-item:not(.tg-feat-card):not(.tg-feat-demo) > .menu-link .menu-text{display:block;min-width:0;font-size:16px;font-weight:600;line-height:1.3;color:var(--tg-ink)}
.ast-desktop .main-header-menu .tg-mega .astra-megamenu > .menu-item > .sub-menu > .menu-item:not(.tg-feat-card):not(.tg-feat-demo) > .menu-link .ast-icon,.ast-desktop .main-header-menu .tg-mega .astra-megamenu > .menu-item > .sub-menu > .menu-item:not(.tg-feat-card):not(.tg-feat-demo) > .menu-link .dropdown-menu-toggle{display:none!important}
.ast-desktop .main-header-menu .tg-mega .tg-d{display:block;margin-top:3px;font-size:14px;font-weight:400;line-height:1.35;color:var(--tg-muted)}

/* featured card */
.ast-desktop .main-header-menu .tg-mega .tg-feat-card > .menu-link{
  display:block!important;padding:0!important;border:1px solid var(--tg-line);border-radius:16px;overflow:hidden;
  background:#fff!important;white-space:normal!important;line-height:1.3!important;
  transition:border-color .15s ease,box-shadow .15s ease;
}
.ast-desktop .main-header-menu .tg-mega .tg-feat-card > .menu-link:hover,
.ast-desktop .main-header-menu .tg-mega .tg-feat-card > .menu-link:focus-visible{border-color:var(--tg-blue);box-shadow:0 8px 20px -10px rgba(34,158,217,.35)}
.ast-desktop .main-header-menu .tg-mega .tg-feat-card > .menu-link .menu-text{display:block;padding-bottom:22px}
.ast-desktop .main-header-menu .tg-mega .tg-feat-card > .menu-link .menu-text::before{content:"";display:block;height:150px;margin-bottom:20px;background:var(--tg-art) center/cover no-repeat}
.ast-desktop .main-header-menu .tg-mega .tg-k,.ast-desktop .main-header-menu .tg-mega .tg-h,.ast-desktop .main-header-menu .tg-mega .tg-go{display:block;padding:0 20px}
.ast-desktop .main-header-menu .tg-mega .tg-k{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--tg-muted)}
.ast-desktop .main-header-menu .tg-mega .tg-h{margin:6px 0 12px;font-size:19px;font-weight:700;line-height:1.3;color:var(--tg-ink)}
.ast-desktop .main-header-menu .tg-mega .tg-go{font-size:15px;font-weight:600;color:var(--tg-blue)}
.ast-desktop .main-header-menu .tg-mega .tg-feat-card > .menu-link:hover .tg-go{color:var(--tg-blue-dark)}

/* text link under the card */
.ast-desktop .main-header-menu .tg-mega .tg-feat-demo > .menu-link{
  display:block!important;padding:16px 4px 0!important;background:none!important;
  font-size:15px!important;font-weight:400!important;color:var(--tg-muted)!important;
}
.ast-desktop .main-header-menu .tg-mega .tg-feat-demo > .menu-link:hover{color:var(--tg-blue)!important}

/* narrower laptops */
@media (max-width:1200px){
  .ast-desktop .main-header-menu .tg-mega .astra-megamenu > .menu-item{padding:0 12px!important}
  .ast-desktop .main-header-menu .tg-mega .astra-megamenu > .menu-item:has(.tg-feat-card){flex-basis:280px!important}
  .ast-desktop .main-header-menu .tg-mega .astra-megamenu > .menu-item > .sub-menu > .menu-item:not(.tg-feat-card):not(.tg-feat-demo) > .menu-link{gap:10px}
  .ast-desktop .main-header-menu .tg-mega .astra-megamenu > .menu-item > .sub-menu > .menu-item:not(.tg-feat-card):not(.tg-feat-demo) > .menu-link::before{flex-basis:44px;width:44px;height:44px}
  .ast-desktop .main-header-menu .tg-mega .astra-megamenu > .menu-item > .sub-menu > .menu-item:not(.tg-feat-card):not(.tg-feat-demo) > .menu-link .menu-text{font-size:15px}
  .ast-desktop .main-header-menu .tg-mega .tg-d{font-size:13px}
}

/* ---------- 5. Mobile ---------- */
.ast-header-break-point .tg-mega .sub-menu .sub-menu > .menu-item:not(.tg-feat-card):not(.tg-feat-demo) > .menu-link{display:flex!important;align-items:center;gap:12px;white-space:normal;line-height:1.3}
.ast-header-break-point .tg-mega .sub-menu .sub-menu > .menu-item:not(.tg-feat-card):not(.tg-feat-demo) > .menu-link::before{
  content:"";flex:0 0 32px;width:32px;height:32px;border-radius:9px;
  background:var(--tg-tile) var(--tg-icon,none) center/16px 16px no-repeat;
}
.ast-header-break-point .tg-mega .tg-d{display:block;font-size:12px;font-weight:400;color:var(--tg-muted)}
.ast-header-break-point .tg-mega .tg-feat-card .tg-k{display:none}
.ast-header-break-point .tg-mega .tg-h{display:block;font-weight:600}
.ast-header-break-point .tg-mega .tg-go{display:block;font-size:13px;color:var(--tg-blue)}
.ast-header-break-point .tg-mega .tg-col-blank > .menu-link{display:none!important}

/* ---------- 6. Hover gap fix ---------- */
.ast-desktop .main-header-menu .tg-mega .astra-megamenu-wrap{padding-top:12px!important;margin-top:-12px!important}
.tg-mega .menu-link::before{pointer-events:none}

/* ---------- 7. TG-Hub panel: products in 2 columns ---------- */
/* Auto when the panel has only 2 columns (products + featured), or add class tg-col-wide to the heading */
.ast-desktop .main-header-menu .tg-mega .astra-megamenu:has(> .menu-item:nth-child(2):last-child) > .menu-item:first-child > .sub-menu,
.ast-desktop .main-header-menu .tg-mega .astra-megamenu > .tg-col-wide > .sub-menu{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:8px!important;row-gap:4px!important;
}
.ast-desktop .main-header-menu .tg-mega .astra-megamenu > .tg-col-wide{flex:2 1 0!important}

/* ---------- 7b. How-to Guides: 2-column layout on desktop (after WP menu merge) ---------- */
/* Once all 7 How-to items are under one column, display them in 2 columns on desktop */
.ast-desktop .main-header-menu .tg-mega .astra-megamenu > .menu-item.tg-col-howto > .sub-menu{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:8px!important;row-gap:4px!important;
}
.ast-desktop .main-header-menu .tg-mega .astra-megamenu > .menu-item.tg-col-howto{flex:2 1 0!important}

/* ---------- 8. Sub sub items (Blog categories) ---------- */
.ast-desktop .main-header-menu .tg-mega .astra-megamenu > .menu-item > .sub-menu > .menu-item > .sub-menu{
  display:block!important;position:static!important;opacity:1!important;visibility:visible!important;transform:none!important;
  width:auto!important;min-width:0!important;margin:2px 0 6px 72px!important;padding:0 0 0 12px!important;
  border:0!important;border-left:2px solid var(--tg-tile)!important;box-shadow:none!important;background:none!important;
}
.ast-desktop .main-header-menu .tg-mega .astra-megamenu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item{margin:0;padding:0;border:0!important;width:auto!important}
.ast-desktop .main-header-menu .tg-mega .astra-megamenu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item > .menu-link{
  display:flex!important;align-items:center;gap:10px;padding:6px 10px!important;border-radius:8px;background:none!important;
  font-size:14px!important;font-weight:500!important;line-height:1.35!important;color:var(--tg-muted)!important;white-space:normal!important;
}
.ast-desktop .main-header-menu .tg-mega .astra-megamenu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item > .menu-link:hover{
  background:var(--tg-hover)!important;color:var(--tg-blue)!important;
}
.ast-desktop .main-header-menu .tg-mega .astra-megamenu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item > .menu-link::before{
  content:"";flex:0 0 28px;width:28px;height:28px;border-radius:8px;
  background:var(--tg-tile) var(--tg-sub-icon,none) center/15px 15px no-repeat;pointer-events:none;
}
/* hide the dropdown arrow on the parent (Blog) */
.ast-desktop .main-header-menu .tg-mega .astra-megamenu > .menu-item > .sub-menu > .menu-item > .menu-link .dropdown-menu-toggle,
.ast-desktop .main-header-menu .tg-mega .astra-megamenu > .menu-item > .sub-menu > .menu-item > .ast-menu-toggle{display:none!important}

/* mobile: sub sub items without tiles */
.ast-header-break-point .tg-mega .sub-menu .sub-menu .sub-menu > .menu-item > .menu-link{display:flex!important;align-items:center;gap:8px;padding-left:56px!important;font-size:13px;color:var(--tg-muted)}
.ast-header-break-point .tg-mega .sub-menu .sub-menu .sub-menu > .menu-item > .menu-link::before{
  content:"";flex:0 0 24px;width:24px;height:24px;border-radius:7px;
  background:var(--tg-tile) var(--tg-sub-icon,none) center/13px 13px no-repeat;
}

/* ---------- 9. Sub sub item icons (Blog categories) ---------- */
/* Matched by link URL; class tg-s-channels / tg-s-bots / tg-s-guide also works */
.tg-mega .sub-menu .sub-menu .sub-menu > .menu-item:has(> .menu-link[href*="channels-and-group-links"]),
.tg-mega .sub-menu .sub-menu .sub-menu > .menu-item.tg-s-channels{--tg-sub-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23229ED9%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%22M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2%22/%3E%3Ccircle cx=%229%22 cy=%227%22 r=%224%22/%3E%3Cpath d=%22M22 21v-2a4 4 0 0 0-3-3.87%22/%3E%3Cpath d=%22M16 3.13a4 4 0 0 1 0 7.75%22/%3E%3C/svg%3E")}
.tg-mega .sub-menu .sub-menu .sub-menu > .menu-item:has(> .menu-link[href*="telegram-bots"]),
.tg-mega .sub-menu .sub-menu .sub-menu > .menu-item.tg-s-bots{--tg-sub-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23229ED9%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%22M12 8V4H8%22/%3E%3Crect width=%2216%22 height=%2212%22 x=%224%22 y=%228%22 rx=%222%22/%3E%3Cpath d=%22M2 14h2%22/%3E%3Cpath d=%22M20 14h2%22/%3E%3Cpath d=%22M15 13v2%22/%3E%3Cpath d=%22M9 13v2%22/%3E%3C/svg%3E")}
.tg-mega .sub-menu .sub-menu .sub-menu > .menu-item:has(> .menu-link[href*="telegram-hub-guide"]),
.tg-mega .sub-menu .sub-menu .sub-menu > .menu-item.tg-s-guide{--tg-sub-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23229ED9%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%22M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20%22/%3E%3C/svg%3E")}

/* ---------- 10. Collapsible Blog categories ---------- */
/* Default: categories stay closed and open on hover over Blog.
   If the click script is installed, they open only when the arrow is clicked. */
.ast-desktop .main-header-menu .tg-mega .astra-megamenu > .menu-item > .sub-menu > .menu-item:has(> .sub-menu){position:relative}
.ast-desktop .main-header-menu .tg-mega .astra-megamenu > .menu-item > .sub-menu > .menu-item:has(> .sub-menu) > .sub-menu{
  max-height:0!important;overflow:hidden!important;opacity:0!important;
  margin-top:0!important;margin-bottom:0!important;transition:max-height .25s ease,opacity .2s ease,margin .2s ease;
}
.ast-desktop .main-header-menu .tg-mega .astra-megamenu > .menu-item > .sub-menu > .menu-item:has(> .sub-menu):not(:has(> .tg-sub-toggle)):hover > .sub-menu,
.ast-desktop .main-header-menu .tg-mega .astra-megamenu > .menu-item > .sub-menu > .menu-item:has(> .sub-menu):not(:has(> .tg-sub-toggle)):focus-within > .sub-menu,
.ast-desktop .main-header-menu .tg-mega .astra-megamenu > .menu-item > .sub-menu > .menu-item:has(> .sub-menu).tg-open > .sub-menu{
  max-height:240px!important;opacity:1!important;margin-top:2px!important;margin-bottom:6px!important;
}
/* arrow on the Blog row */
.ast-desktop .main-header-menu .tg-mega .astra-megamenu > .menu-item > .sub-menu > .menu-item:has(> .sub-menu) > .menu-link{padding-right:44px!important}
.ast-desktop .main-header-menu .tg-mega .astra-megamenu > .menu-item > .sub-menu > .menu-item:has(> .sub-menu):not(:has(> .tg-sub-toggle)) > .menu-link::after{
  content:"";position:absolute;right:12px;top:50%;width:18px;height:18px;margin-top:-9px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/18px 18px no-repeat;transition:transform .2s ease;pointer-events:none;
}
.ast-desktop .main-header-menu .tg-mega .astra-megamenu > .menu-item > .sub-menu > .menu-item:has(> .sub-menu):not(:has(> .tg-sub-toggle)):hover > .menu-link::after{transform:rotate(180deg)}
/* click mode: real button added by the script */
.ast-desktop .main-header-menu .tg-mega .astra-megamenu > .menu-item > .sub-menu > .menu-item:has(> .sub-menu) > .tg-sub-toggle{
  position:absolute;right:6px;top:18px;width:32px;height:32px;padding:0;border:0;border-radius:8px;cursor:pointer;
  background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/18px 18px no-repeat;transition:transform .2s ease,background-color .15s ease;z-index:2;
}
.ast-desktop .main-header-menu .tg-mega .astra-megamenu > .menu-item > .sub-menu > .menu-item:has(> .sub-menu) > .tg-sub-toggle:hover{background-color:var(--tg-hover)}
.ast-desktop .main-header-menu .tg-mega .astra-megamenu > .menu-item > .sub-menu > .menu-item:has(> .sub-menu).tg-open > .tg-sub-toggle{transform:rotate(180deg)}
/* click button is desktop only; on mobile Astra uses its own arrows */
.ast-header-break-point .tg-mega .tg-sub-toggle{display:none!important}

/* ---------- 11. "All Blogs" item inside the Blog dropdown ---------- */
.tg-mega .sub-menu .sub-menu .sub-menu > .menu-item:has(> .menu-link[href*="/blogs"]:not([href*="category"])),
.tg-mega .sub-menu .sub-menu .sub-menu > .menu-item.tg-s-all{--tg-sub-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23229ED9%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%22M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z%22/%3E%3Cpath d=%22m15 5 4 4%22/%3E%3C/svg%3E")}
/* Blog row with URL # : no jump cursor, keeps focus so the list stays open after click */
.ast-desktop .main-header-menu .tg-mega .astra-megamenu > .menu-item > .sub-menu > .menu-item:has(> .sub-menu) > .menu-link[href="#"]{cursor:pointer}

/* ---------- 12. Remove gap between header and panel ---------- */
.ast-desktop .main-header-menu .tg-mega .astra-megamenu,
.ast-desktop .main-header-menu .tg-mega .astra-megamenu-wrap{margin-top:0!important;top:100%!important}
.ast-desktop .main-header-menu .tg-mega .astra-megamenu-wrap{padding-top:0!important;background:transparent!important}
/* ---------- 13. FAQs icon ---------- */
.tg-mega .menu-item.tg-s-faq,
.tg-mega .sub-menu .sub-menu > .menu-item:not(.tg-feat-demo):has(> .menu-link[href*="faq"]){--tg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23229ED9%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22/%3E%3Cpath d=%22M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3%22/%3E%3Cpath d=%22M12 17h.01%22/%3E%3C/svg%3E")!important;--tg-sub-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23229ED9%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22/%3E%3Cpath d=%22M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3%22/%3E%3Cpath d=%22M12 17h.01%22/%3E%3C/svg%3E")!important}


/* ---------- 14b. Resources panel: equal 3-column alignment fix ---------- */
/* Force all columns to true equal thirds (overrides any inherited flex sizing) */
.ast-desktop .main-header-menu .tg-mega .astra-megamenu > .menu-item:not(:has(.tg-feat-card)):not(.tg-col-wide):not(.tg-col-howto){
  flex:1 1 0!important;max-width:none!important;
}
/* Megamenu columns must all start at the same top edge */
.ast-desktop .main-header-menu .tg-mega .astra-megamenu{
  align-items:flex-start!important;
}
/* Blank column heading: invisible but must be exactly the same height as visible headings
   so the sub-menu items in col1 and col2 start at the same vertical position */
.ast-desktop .main-header-menu .tg-mega .astra-megamenu > .tg-col-blank > .menu-link{
  visibility:hidden!important;
  display:block!important;
  min-height:calc(12px * 1.4 + 14px)!important; /* font-size * line-height + padding-bottom */
  padding:0 10px 14px!important;
}
/* Icon + title baseline: vertically center icon with the first line of text */
.ast-desktop .main-header-menu .tg-mega .astra-megamenu > .menu-item > .sub-menu > .menu-item:not(.tg-feat-card):not(.tg-feat-demo) > .menu-link{
  align-items:center!important;
}

/* ---------- 14. Mobile – single clean rewrite (replaces all prior mobile patches) ---------- */
@media (max-width:921px){

  /* 14a. Pull the mega panel INTO the mobile drawer (Astra leaves it position:absolute by default) */
  .tg-mega .astra-full-megamenu-wrapper,
  .tg-mega .astra-megamenu-wrap{
    position:relative!important;
    top:auto!important;left:auto!important;right:auto!important;
    width:100%!important;max-width:100%!important;
    transform:none!important;
    box-shadow:none!important;border:0!important;border-radius:0!important;
    padding:0!important;margin:0!important;
    height:auto!important;min-height:0!important;overflow:visible!important;
  }

  /* 14b. Stack the flex columns vertically */
  .tg-mega .astra-megamenu{
    display:block!important;
    width:100%!important;height:auto!important;min-height:0!important;
    padding:4px 0 12px!important;background:#fff!important;
  }
  .tg-mega .astra-megamenu > .menu-item{
    display:block!important;width:100%!important;
    float:none!important;border:0!important;padding:0!important;margin:0!important;
  }
  /* hide inner column accordion toggles */
  .tg-mega .astra-megamenu > .menu-item > .ast-menu-toggle{display:none!important}

  /* 14c. Column headings */
  .tg-mega .astra-megamenu > .menu-item > .menu-link{
    display:block!important;padding:14px 20px 6px!important;
    pointer-events:none;background:none!important;border:0!important;
    font-size:11px!important;font-weight:600!important;letter-spacing:.12em;
    text-transform:uppercase;line-height:1.4!important;color:var(--tg-muted)!important;
  }
  .tg-mega .astra-megamenu > .tg-col-blank > .menu-link{display:none!important}
  /* Astra chevron arrows inside headings */
  .tg-mega .astra-megamenu .menu-link .ast-icon,
  .tg-mega .astra-megamenu .menu-link .icon-arrow{display:none!important}

  /* 14d. Always open column sub-menus */
  .tg-mega .astra-megamenu > .menu-item > .sub-menu{
    display:block!important;opacity:1!important;visibility:visible!important;
    position:static!important;height:auto!important;
    box-shadow:none!important;border:0!important;
    padding:0!important;margin:0!important;transform:none!important;
  }

  /* 14e. Link rows */
  .tg-mega .astra-megamenu > .menu-item > .sub-menu > .menu-item:not(.tg-feat-card):not(.tg-feat-demo) > .menu-link{
    display:flex!important;align-items:center;gap:12px;
    padding:8px 20px!important;border:0!important;background:none!important;
    white-space:normal!important;line-height:1.3!important;
    color:var(--tg-ink)!important;font-size:15px!important;font-weight:600!important;
  }
  .tg-mega .astra-megamenu > .menu-item > .sub-menu > .menu-item:not(.tg-feat-card):not(.tg-feat-demo) > .menu-link::before{
    content:""!important;flex:0 0 36px;width:36px;height:36px;border-radius:10px;
    background:var(--tg-tile) var(--tg-icon,none) center/18px 18px no-repeat;
  }
  .tg-mega .tg-d{display:block!important;margin-top:2px;font-size:12.5px!important;font-weight:400!important;color:var(--tg-muted)!important}

  /* 14f. Featured card */
  .tg-mega .tg-feat-card > .menu-link{
    display:block!important;margin:4px 20px!important;padding:0 0 14px!important;
    border:1px solid var(--tg-line)!important;border-radius:14px;
    background:var(--tg-hover)!important;white-space:normal!important;
    overflow:hidden!important;
  }
  /* featured artwork */
  .tg-mega .tg-feat-card > .menu-link::before{
    content:""!important;display:block;
    width:100%;aspect-ratio:340/160;
    background:var(--tg-art) center/cover no-repeat;
    margin-bottom:12px;
  }
  .tg-mega .tg-k{display:none!important}
  .tg-mega .tg-h{display:block;padding:0 16px!important;margin:0 0 6px!important;font-size:15px;font-weight:700;line-height:1.3;color:var(--tg-ink)}
  .tg-mega .tg-go{display:block;padding:0 16px!important;font-size:14px;font-weight:600;color:var(--tg-blue)}
  .tg-mega .tg-feat-demo > .menu-link{display:block!important;padding:10px 20px!important;border:0!important;background:none!important;font-size:14px!important;color:var(--tg-muted)!important}

  /* 14g. Blog categories – indented, always visible */
  .tg-mega .astra-megamenu > .menu-item > .sub-menu > .menu-item:has(> .sub-menu) > .ast-menu-toggle{display:none!important}
  .tg-mega .astra-megamenu > .menu-item > .sub-menu > .menu-item > .sub-menu{
    display:block!important;opacity:1!important;visibility:visible!important;
    max-height:none!important;position:static!important;
    margin:0 0 4px 68px!important;padding:0 0 0 10px!important;
    border-left:2px solid var(--tg-tile)!important;
    background:none!important;box-shadow:none!important;
  }
  .tg-mega .astra-megamenu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item > .menu-link{
    display:flex!important;align-items:center;gap:8px;
    padding:6px 8px!important;border:0!important;background:none!important;
    font-size:13.5px!important;font-weight:500!important;color:var(--tg-muted)!important;white-space:normal!important;
  }
  .tg-mega .astra-megamenu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item > .menu-link::before{
    content:""!important;flex:0 0 24px;width:24px;height:24px;border-radius:7px;
    background:var(--tg-tile) var(--tg-sub-icon,none) center/13px 13px no-repeat;
  }
}