array(8) {
  ["phrase_row"]=>
  array(58) {
    ["id"]=>
    NULL
    ["add_time"]=>
    int(0)
    ["phrase"]=>
    string(2) "kl"
    ["phrase_hash"]=>
    string(12) "16ec11493252"
    ["separate_by_words"]=>
    int(1)
    ["google_work_status"]=>
    int(0)
    ["google_last_update"]=>
    int(1761923606)
    ["google_last_try"]=>
    int(1761922321)
    ["google_try"]=>
    int(0)
    ["google_next_try"]=>
    int(1793027606)
    ["google_updates"]=>
    int(1)
    ["yandex_work_status"]=>
    int(0)
    ["yandex_last_update"]=>
    int(0)
    ["yandex_last_try"]=>
    int(1762598641)
    ["yandex_try"]=>
    int(1)
    ["yandex_next_try"]=>
    int(1762599339)
    ["yandex_updates"]=>
    int(1)
    ["yandex_stat_time"]=>
    int(1772265297)
    ["yandex_direct_time"]=>
    NULL
    ["yandex_direct_try_time"]=>
    int(0)
    ["free"]=>
    int(1)
    ["help_link_id"]=>
    int(0)
    ["views"]=>
    int(0)
    ["get_time"]=>
    int(1299283206)
    ["rambler_stat_time"]=>
    int(0)
    ["f_views"]=>
    int(0)
    ["all_views"]=>
    int(0)
    ["yandex_stat_try_time"]=>
    int(0)
    ["yandex_views"]=>
    int(148571)
    ["yandex_views_group"]=>
    string(6) "100000"
    ["lj_stat_update_time"]=>
    int(1290791803)
    ["direct_time"]=>
    int(0)
    ["ai_generated"]=>
    int(2)
    ["ai_task_id"]=>
    NULL
    ["lang"]=>
    NULL
    ["is_bad_no_results"]=>
    int(0)
    ["phrase_id"]=>
    int(227698)
    ["type"]=>
    NULL
    ["text"]=>
    NULL
    ["word_id"]=>
    NULL
    ["position"]=>
    int(0)
    ["word"]=>
    string(2) "kl"
    ["use_count"]=>
    int(1501)
    ["last_update_time"]=>
    int(1772954651)
    ["checked"]=>
    int(0)
    ["busy"]=>
    int(0)
    ["title"]=>
    NULL
    ["source"]=>
    NULL
    ["description"]=>
    NULL
    ["link"]=>
    NULL
    ["phrase_lang"]=>
    string(2) "de"
    ["phrase_translate_en"]=>
    string(27) "kill, kel, kl, K.L., kelvin"
    ["phrase_translate"]=>
    string(29) "kl, kljukl, kljun, kluk, klak"
    ["phrase_definition_en"]=>
    string(7) "unknown"
    ["phrase_definition"]=>
    NULL
    ["phrase_seo_en"]=>
    string(6204) "<h1>The Kl Secret: Unlocking Hidden Potential in Your Daily Life</h1>

<p>Welcome to the fascinating world of <strong>kl</strong>, a concept that many people have never heard of but can profoundly impact their lives. In this article, we'll explore what <strong>kl</strong> means, how it can be applied to various aspects of your life, and why understanding and incorporating it could be one of the best decisions you make. So, let's dive into the mysterious and enlightening journey of discovering the true potential of <strong>kl</strong>.</p>

<h2>What is Kl?</h2>

<p>First things first, what exactly do we mean by <strong>kl</strong>? Well, <strong>kl</strong> stands for Knowledge Learning. It's a term coined to describe the continuous process of acquiring new information, skills, and experiences. <strong>Kl</strong> goes beyond mere theoretical learning; it encompasses practical application, critical thinking, and personal growth.</p>

<h3>The Power of Continuous Learning</h3>

<ul>
    <li><strong>Adaptability:</strong> In today's rapidly changing world, being adaptable is crucial. By constantly learning, you equip yourself with the knowledge and skills needed to navigate different situations and challenges.</li>
    <li><strong>Innovation:</strong> Those who embrace continuous learning are often more innovative. They see opportunities where others might not because they have a broader perspective and a deeper understanding of their field.</li>
    <li><strong>Career Advancement:</strong> Companies value employees who are willing to learn and grow. By investing time in <strong>kl</strong>, you can enhance your professional capabilities and open up new career possibilities.</li>
</ul>

<h2>How Can You Incorporate Kl into Your Life?</h2>

<p>Now that we understand what <strong>kl</strong> is and why it's important let's discuss some practical ways to incorporate it into your daily routine.</p>

<h3>1. Set Learning Goals</h3>

<p>Before you start learning anything, it's essential to set clear goals. What do you want to achieve? Whether it's mastering a new language or improving your digital marketing skills, having specific objectives will help keep you motivated and focused.</p>

<h3>2. Utilize Online Resources</h3>

<p>The internet is a treasure trove of information. Take advantage of online courses, tutorials, webinars, and podcasts to expand your knowledge. Platforms like Coursera, Udemy, and Khan Academy offer courses on virtually any topic you can imagine.</p>

<h3>3. Read Regularly</h3>

<p>Reading is one of the most effective ways to learn. It doesn't matter whether you prefer physical books, e-books, or audiobooks—what matters is making reading a consistent part of your routine. Consider joining a book club or participating in online discussions to deepen your understanding and engage with others.</p>

<h3>4. Practice Active Learning</h3>

<p>Passive learning involves consuming information without necessarily engaging with it. To truly benefit from <strong>kl</strong>, practice active learning techniques such as summarizing what you've read, teaching someone else about the subject, or applying the concepts to real-world situations.</p>

<h3>5. Embrace Failure</h3>

<p>Mistakes are an inevitable part of the learning process. Instead of viewing them as setbacks, see them as opportunities for growth. Reflect on what went wrong, learn from it, and use that knowledge to improve your future endeavors.</p>

<h2>Kl in Action: Real-Life Examples</h2>

<p>To better illustrate the impact of <strong>kl</strong>, let's look at some real-life examples of individuals who have successfully incorporated continuous learning into their lives.</p>

<h3>Jane Doe: From Novice to Expert</h3>

<p>Jane was a graphic designer who wanted to advance her career. She started by setting specific goals, such as mastering Adobe Photoshop and understanding web design principles. Jane utilized online resources, took courses, and practiced regularly. Today, she's not only a skilled graphic designer but also a sought-after consultant in her field.</p>

<h3>John Smith: Lifelong Learner</h3>

<p>John is a retired engineer who continues to learn new things every day. He reads about science and technology, attends lectures, and experiments with various hobbies. John believes that learning is a lifelong journey, and he encourages others to embrace it too.</p>

<h2>The Future of Kl</h2>

<p>The importance of continuous learning will only continue to grow in the coming years. As technology advances and industries evolve, staying up-to-date with the latest trends and developments becomes increasingly crucial. By embracing <strong>kl</strong>, you can position yourself for success in an ever-changing world.</p>

<h3>Tips for Staying Ahead of the Curve</h3>

<ul>
    <li><strong>Follow Industry Trends:</strong> Stay informed about the latest advancements in your field by following relevant blogs, subscribing to newsletters, and attending industry events.</li>
    <li><strong>Stay Curious:</strong> Maintain a curious mindset and be open to exploring new topics and ideas. Even if they seem unrelated to your current interests or career path, they may offer valuable insights and perspectives.</li>
    <li><strong>Network with Like-Minded Individuals:</strong> Connect with people who share your passion for learning. Joining communities, whether online or in person, can provide support, motivation, and opportunities for collaboration.</li>
</ul>

<h2>Conclusion</h2>

<p>In today's fast-paced and ever-evolving world, continuous learning is more important than ever. By incorporating <strong>kl</strong> into your daily routine, you can unlock hidden potential, stay ahead of the curve, and achieve your goals. Remember, learning is a lifelong journey, so never stop seeking knowledge and growth.</p>

<p>We hope this article has provided you with valuable insights into the power of <strong>kl</strong> and how to incorporate it into your life. If you have any questions or would like to share your own experiences with continuous learning, feel free to leave a comment below. We'd love to hear from you!</p>

<p><em>Author: Serpulse.com</em></p>"
    ["phrase_seo"]=>
    NULL
    ["word_definitions"]=>
    string(10) "82173!!!kl"
  }
  ["yandex_rows"]=>
  array(10) {
    [0]=>
    array(14) {
      ["serp_setup_id"]=>
      int(2)
      ["phrase_id"]=>
      int(227698)
      ["phrase"]=>
      string(2) "kl"
      ["domain_id"]=>
      int(8698752)
      ["domain_name"]=>
      string(12) "klauncher.gg"
      ["last_position"]=>
      int(1)
      ["last_day_number"]=>
      int(20245)
      ["title_data"]=>
      string(68) "4485193:KLauncher - Скачать лаунчер Майнкрафт"
      ["snippet_data"]=>
      string(207) "756475:IP: kl .godmine.fun Вайп на АНАРХИЯ 1.20 с уникальными предметами, все предметы из донат шопа можно скрафтить Выживание."
      ["page_data"]=>
      string(10) "17760071:/"
      ["position_history"]=>
      string(63) "20168:1:17760071:4485193:756475;20245:1:17760071:4485193:756475"
      ["time"]=>
      int(1742531805)
      ["day_number"]=>
      int(20168)
      ["phrase_check_days"]=>
      string(11) "20168;20245"
    }
    [1]=>
    array(14) {
      ["serp_setup_id"]=>
      int(2)
      ["phrase_id"]=>
      int(227698)
      ["phrase"]=>
      string(2) "kl"
      ["domain_id"]=>
      int(366)
      ["domain_name"]=>
      string(16) "ru.wikipedia.org"
      ["last_position"]=>
      int(2)
      ["last_day_number"]=>
      int(20245)
      ["title_data"]=>
      string(34) "10296687:KL — Википедия"
      ["snippet_data"]=>
      string(316) "46955505:KL , Kl либо kl может означать: Лаборатория Касперского — группа компаний, специализирующаяся на разработке систем защиты от компьютерных вирусов, спама и хакерских атак."
      ["page_data"]=>
      string(17) "44025862:/wiki/kl"
      ["position_history"]=>
      string(69) "20168:4:44025862:10296687:46955505;20245:2:44025862:10296687:46955505"
      ["time"]=>
      int(1742531805)
      ["day_number"]=>
      int(20168)
      ["phrase_check_days"]=>
      string(11) "20168;20245"
    }
    [2]=>
    array(14) {
      ["serp_setup_id"]=>
      int(2)
      ["phrase_id"]=>
      int(227698)
      ["phrase"]=>
      string(2) "kl"
      ["domain_id"]=>
      int(2220908)
      ["domain_name"]=>
      string(6) "vk.com"
      ["last_position"]=>
      int(3)
      ["last_day_number"]=>
      int(20245)
      ["title_data"]=>
      string(44) "25170310:KLauncher.gg — ВКонтакте"
      ["snippet_data"]=>
      string(157) "47410226:Подписчиков :

97,3 тыс. О себе :

Скачать лаунчер для Minecraft - https://klaun.ch/MinecraftKL KLauncher —..."
      ["page_data"]=>
      string(19) "33239652:/klauncher"
      ["position_history"]=>
      string(34) "20245:3:33239652:25170310:47410226"
      ["time"]=>
      int(1742531805)
      ["day_number"]=>
      int(20168)
      ["phrase_check_days"]=>
      string(11) "20168;20245"
    }
    [3]=>
    array(14) {
      ["serp_setup_id"]=>
      int(2)
      ["phrase_id"]=>
      int(227698)
      ["phrase"]=>
      string(2) "kl"
      ["domain_id"]=>
      int(8700252)
      ["domain_name"]=>
      string(22) "abbreviationfinder.org"
      ["last_position"]=>
      int(4)
      ["last_day_number"]=>
      int(20245)
      ["title_data"]=>
      string(80) "30554060:KL означает Знания - Knowledge;4339667:What does KL mean?"
      ["snippet_data"]=>
      string(397) "49427169:Использование KL в качестве аббревиатуры улучшает общение, предоставляя краткий и эффективный метод, в конечном итоге экономя время и...;49437363:As previously mentioned, the image associated with the acronym KL is formatted in PNG, which stands for Portable Network Graphics."
      ["page_data"]=>
      string(65) "15513035:/acronyms/kl.html;2853316:/ru/acronyms/kl_knowledge.html"
      ["position_history"]=>
      string(67) "20168:6:15513035:4339667:49437363;20245:4:2853316:30554060:49427169"
      ["time"]=>
      int(1742531805)
      ["day_number"]=>
      int(20168)
      ["phrase_check_days"]=>
      string(11) "20168;20245"
    }
    [4]=>
    array(14) {
      ["serp_setup_id"]=>
      int(2)
      ["phrase_id"]=>
      int(227698)
      ["phrase"]=>
      string(2) "kl"
      ["domain_id"]=>
      int(8698566)
      ["domain_name"]=>
      string(15) "ru-minecraft.ru"
      ["last_position"]=>
      int(5)
      ["last_day_number"]=>
      int(20245)
      ["title_data"]=>
      string(99) "2858189:Klauncher - Клаунчер, лаунчер для майнкрафт с большим..."
      ["snippet_data"]=>
      string(202) "14868717:KL :AUNCHER Майнкрафт лаунчер нового поколения Все для игроков - безопасность, функционал и максимум простоты."
      ["page_data"]=>
      string(38) "3636054:/launcher/74233-klauncher.html"
      ["position_history"]=>
      string(32) "20245:5:3636054:2858189:14868717"
      ["time"]=>
      int(1742531805)
      ["day_number"]=>
      int(20168)
      ["phrase_check_days"]=>
      string(11) "20168;20245"
    }
    [5]=>
    array(14) {
      ["serp_setup_id"]=>
      int(2)
      ["phrase_id"]=>
      int(227698)
      ["phrase"]=>
      string(2) "kl"
      ["domain_id"]=>
      int(5225205)
      ["domain_name"]=>
      string(15) "music.yandex.ru"
      ["last_position"]=>
      int(6)
      ["last_day_number"]=>
      int(20245)
      ["title_data"]=>
      string(96) "39353599:KL — слушать онлайн бесплатно на Яндекс Музыке..."
      ["snippet_data"]=>
      string(138) "31209998:KL слушать лучшее онлайн бесплатно в хорошем качестве на Яндекс Музыке."
      ["page_data"]=>
      string(25) "15297406:/artist/23129119"
      ["position_history"]=>
      string(34) "20245:6:15297406:39353599:31209998"
      ["time"]=>
      int(1742531805)
      ["day_number"]=>
      int(20168)
      ["phrase_check_days"]=>
      string(11) "20168;20245"
    }
    [6]=>
    array(14) {
      ["serp_setup_id"]=>
      int(2)
      ["phrase_id"]=>
      int(227698)
      ["phrase"]=>
      string(2) "kl"
      ["domain_id"]=>
      int(8856974)
      ["domain_name"]=>
      string(12) "tv-detail.ru"
      ["last_position"]=>
      int(7)
      ["last_day_number"]=>
      int(20245)
      ["title_data"]=>
      string(76) "31030652:KL ACOUSTICS - профессиональное звуковое..."
      ["snippet_data"]=>
      string(252) "4844558:Компания KL Acoustics разработчик профессионального звукового оборудрования с многолетним стажем и безупречной репутацией, производит..."
      ["page_data"]=>
      string(30) "26825886:/brands/kl_acoustics/"
      ["position_history"]=>
      string(33) "20245:7:26825886:31030652:4844558"
      ["time"]=>
      int(1742531805)
      ["day_number"]=>
      int(20168)
      ["phrase_check_days"]=>
      string(11) "20168;20245"
    }
    [7]=>
    array(14) {
      ["serp_setup_id"]=>
      int(2)
      ["phrase_id"]=>
      int(227698)
      ["phrase"]=>
      string(2) "kl"
      ["domain_id"]=>
      int(8695279)
      ["domain_name"]=>
      string(4) "t.me"
      ["last_position"]=>
      int(8)
      ["last_day_number"]=>
      int(20245)
      ["title_data"]=>
      string(34) "33865411:KLauncher.gg — Telegram"
      ["snippet_data"]=>
      string(189) "50638168:Подписчиков :

7,9 тыс. О себе :

«От игроков для игроков» — мы сами играем в то, что мы делаем - в этом..."
      ["page_data"]=>
      string(21) "37545661:/s/klauncher"
      ["position_history"]=>
      string(34) "20245:8:37545661:33865411:50638168"
      ["time"]=>
      int(1742531805)
      ["day_number"]=>
      int(20168)
      ["phrase_check_days"]=>
      string(11) "20168;20245"
    }
    [8]=>
    array(14) {
      ["serp_setup_id"]=>
      int(2)
      ["phrase_id"]=>
      int(227698)
      ["phrase"]=>
      string(2) "kl"
      ["domain_id"]=>
      int(8749023)
      ["domain_name"]=>
      string(14) "art-complex.ru"
      ["last_position"]=>
      int(9)
      ["last_day_number"]=>
      int(20245)
      ["title_data"]=>
      string(63) "32479470:Звуковое оборудование KL Acoustics"
      ["snippet_data"]=>
      string(253) "41129165:Компания KL Acoustics (Россия) - это разработчик профессионального звукового оборудрования с многолетним стажем и безупречной репутацией."
      ["page_data"]=>
      string(29) "27819265:/brand/kl-acoustics/"
      ["position_history"]=>
      string(34) "20245:9:27819265:32479470:41129165"
      ["time"]=>
      int(1742531805)
      ["day_number"]=>
      int(20168)
      ["phrase_check_days"]=>
      string(11) "20168;20245"
    }
    [9]=>
    array(14) {
      ["serp_setup_id"]=>
      int(2)
      ["phrase_id"]=>
      int(227698)
      ["phrase"]=>
      string(2) "kl"
      ["domain_id"]=>
      int(8798691)
      ["domain_name"]=>
      string(19) "filetypeadvisor.com"
      ["last_position"]=>
      int(10)
      ["last_day_number"]=>
      int(20245)
      ["title_data"]=>
      string(81) "29633639:Формат KL - Как открыть KL -файл - File Type Advisor"
      ["snippet_data"]=>
      string(265) "28700991:В данный момент в нашей базе данных нет описания файлового типа KL , но мы можем порекомендовать некоторые программы, которые могут открыть..."
      ["page_data"]=>
      string(24) "4800695:/ru/extension/kl"
      ["position_history"]=>
      string(34) "20245:10:4800695:29633639:28700991"
      ["time"]=>
      int(1742531805)
      ["day_number"]=>
      int(20168)
      ["phrase_check_days"]=>
      string(11) "20168;20245"
    }
  }
  ["google_rows"]=>
  array(9) {
    [0]=>
    array(14) {
      ["serp_setup_id"]=>
      int(3)
      ["phrase_id"]=>
      int(227698)
      ["phrase"]=>
      string(2) "kl"
      ["domain_id"]=>
      int(366)
      ["domain_name"]=>
      string(16) "ru.wikipedia.org"
      ["last_position"]=>
      int(1)
      ["last_day_number"]=>
      int(20392)
      ["title_data"]=>
      string(60) "12590383:Fin.K.L;20317771:KL;2630204:Куала-Лумпур"
      ["snippet_data"]=>
      string(823) "17914614:Wilayah Persekutuan Kuala Lumpur, джави: كوالا لومڤور) — столица и самый крупный город Малайзии . Город. Федеральная территория Куала-Лумпур. малайск. Wilayah ...;26114620:Fin. K.L ... Текущая версия страницы пока не проверялась опытными участниками и может значительно отличаться от версии, проверенной 11 января 2018 года; проверки ...;46459379:KL (нем. Konzentrationslager) — немецкое обозначение концентрационных лагерей во время Второй мировой войны . RU-KL — код Калмыкии по стандарту ISO 3166-2."
      ["page_data"]=>
      string(141) "19733310:/wiki/%d0%9a%d1%83%d0%b0%d0%bb%d0%b0-%d0%9b%d1%83%d0%bc%d0%bf%d1%83%d1%80;20877363:/wiki/fin.k.l;37401601:/wiki/KL;44025862:/wiki/kl"
      ["position_history"]=>
      string(280) "20170:1:44025862:20317771:46459379;20203:1:44025862:20317771:46459379;20238:1:44025862:20317771:46459379;20238:13:20877363:12590383:26114620;20269:1:44025862:20317771:46459379;20300:1:44025862:20317771:46459379;20300:11:19733310:2630204:17914614;20392:1:37401601:20317771:46459379"
      ["time"]=>
      int(1742721464)
      ["day_number"]=>
      int(20170)
      ["phrase_check_days"]=>
      string(35) "20170;20203;20238;20269;20300;20392"
    }
    [1]=>
    array(14) {
      ["serp_setup_id"]=>
      int(3)
      ["phrase_id"]=>
      int(227698)
      ["phrase"]=>
      string(2) "kl"
      ["domain_id"]=>
      int(8820039)
      ["domain_name"]=>
      string(9) "kl-pro.ru"
      ["last_position"]=>
      int(2)
      ["last_day_number"]=>
      int(20392)
      ["title_data"]=>
      string(159) "15174280:Официальный дистрибьютор KL Pro, KL Eco ...;33631442:KLPRO - Официальный дистрибьютор KL Pro, KL Eco ..."
      ["snippet_data"]=>
      string(514) "11798974:Официальный дистрибьютор Kalemakina (KL) в России . С 1974 года занимается производством и снабжением электрооборудования, строительной техники, стройматериалов.;32596618:Официальный дистрибьютор KL Pro, KL Eco в России . Соглашение об правилах сбора и защиты личных данных · 8 (495) 772-12-92 · 8 (800) ..."
      ["page_data"]=>
      string(36) "11075927:/category/klpro/;17760071:/"
      ["position_history"]=>
      string(245) "20170:4:11075927:33631442:32596618;20203:2:17760071:15174280:11798974;20238:2:17760071:15174280:11798974;20269:2:17760071:15174280:11798974;20300:4:17760071:15174280:11798974;20300:18:11075927:33631442:32596618;20392:2:17760071:15174280:11798974"
      ["time"]=>
      int(1742721464)
      ["day_number"]=>
      int(20170)
      ["phrase_check_days"]=>
      string(35) "20170;20203;20238;20269;20300;20392"
    }
    [2]=>
    array(14) {
      ["serp_setup_id"]=>
      int(3)
      ["phrase_id"]=>
      int(227698)
      ["phrase"]=>
      string(2) "kl"
      ["domain_id"]=>
      int(10096452)
      ["domain_name"]=>
      string(11) "www.ozon.ru"
      ["last_position"]=>
      int(3)
      ["last_day_number"]=>
      int(20392)
      ["title_data"]=>
      string(74) "36132148:KL - купить товары из каталога KL на OZON"
      ["snippet_data"]=>
      string(213) "45349503:Каталог товаров KL на OZON , быстрая и бесплатная доставка, оригинальные товары, сикдки, бонусы, рассрочка и кэшбэк."
      ["page_data"]=>
      string(27) "2347507:/brand/kl-73679987/"
      ["position_history"]=>
      string(33) "20392:3:2347507:36132148:45349503"
      ["time"]=>
      int(1742721464)
      ["day_number"]=>
      int(20170)
      ["phrase_check_days"]=>
      string(35) "20170;20203;20238;20269;20300;20392"
    }
    [3]=>
    array(14) {
      ["serp_setup_id"]=>
      int(3)
      ["phrase_id"]=>
      int(227698)
      ["phrase"]=>
      string(2) "kl"
      ["domain_id"]=>
      int(8820038)
      ["domain_name"]=>
      string(13) "soundbrass.ru"
      ["last_position"]=>
      int(4)
      ["last_day_number"]=>
      int(20392)
      ["title_data"]=>
      string(102) "15713172:Купить KL Acoustics - акустические системы КЛ Акустикс ..."
      ["snippet_data"]=>
      string(260) "23166969:Акустические системы KL Acoustics комплектуются профессиональными динамиками B&C Speakers и Eminence с модулями усиления от Park Audio и фурнитурой от Adam ..."
      ["page_data"]=>
      string(29) "35238365:/catalog-page?cat=28"
      ["position_history"]=>
      string(209) "20170:3:35238365:15713172:23166969;20203:4:35238365:15713172:23166969;20238:4:35238365:15713172:23166969;20269:4:35238365:15713172:23166969;20300:3:35238365:15713172:23166969;20392:4:35238365:15713172:23166969"
      ["time"]=>
      int(1742721464)
      ["day_number"]=>
      int(20170)
      ["phrase_check_days"]=>
      string(35) "20170;20203;20238;20269;20300;20392"
    }
    [4]=>
    array(14) {
      ["serp_setup_id"]=>
      int(3)
      ["phrase_id"]=>
      int(227698)
      ["phrase"]=>
      string(2) "kl"
      ["domain_id"]=>
      int(8695778)
      ["domain_name"]=>
      string(15) "music.apple.com"
      ["last_position"]=>
      int(5)
      ["last_day_number"]=>
      int(20392)
      ["title_data"]=>
      string(11) "20317771:KL"
      ["snippet_data"]=>
      string(472) "1116846:Слушайте музыку этого артиста ( KL ) в Apple Music. Найдите топ-песни и альбомы этого артиста ( KL ), включая «Ride 2 L.A. (feat. G Perico)», «Fake Friends ...;17587532:Слушайте музыку этого артиста (KL) в Apple Music . Найдите топ-песни и альбомы этого артиста (KL), включая «Try Again», «The Clipper» и другие."
      ["page_data"]=>
      string(75) "26158910:/us/artist/kl/1482663494?l=ru;802944:/us/artist/kl/1030322531?l=ru"
      ["position_history"]=>
      string(242) "20170:6:26158910:20317771:17587532;20203:9:26158910:20317771:17587532;20238:7:26158910:20317771:17587532;20238:16:802944:20317771:1116846;20269:5:26158910:20317771:17587532;20300:2:26158910:20317771:17587532;20392:5:26158910:20317771:17587532"
      ["time"]=>
      int(1742721464)
      ["day_number"]=>
      int(20170)
      ["phrase_check_days"]=>
      string(35) "20170;20203;20238;20269;20300;20392"
    }
    [5]=>
    array(14) {
      ["serp_setup_id"]=>
      int(3)
      ["phrase_id"]=>
      int(227698)
      ["phrase"]=>
      string(2) "kl"
      ["domain_id"]=>
      int(8749023)
      ["domain_name"]=>
      string(14) "art-complex.ru"
      ["last_position"]=>
      int(6)
      ["last_day_number"]=>
      int(20392)
      ["title_data"]=>
      string(85) "21214239:KL Acoustics - Звуковое и световое оборудование"
      ["snippet_data"]=>
      string(227) "911198:Заказать профессиональную акустику KL Acoustics в компании Art Complex. Оборудование KL Acoustics в наличии на складе по выгодным ценам."
      ["page_data"]=>
      string(29) "27819265:/brand/kl-acoustics/"
      ["position_history"]=>
      string(98) "20203:8:27819265:21214239:911198;20269:7:27819265:21214239:911198;20392:6:27819265:21214239:911198"
      ["time"]=>
      int(1742721464)
      ["day_number"]=>
      int(20170)
      ["phrase_check_days"]=>
      string(35) "20170;20203;20238;20269;20300;20392"
    }
    [6]=>
    array(14) {
      ["serp_setup_id"]=>
      int(3)
      ["phrase_id"]=>
      int(227698)
      ["phrase"]=>
      string(2) "kl"
      ["domain_id"]=>
      int(4451199)
      ["domain_name"]=>
      string(16) "open.spotify.com"
      ["last_position"]=>
      int(7)
      ["last_day_number"]=>
      int(20392)
      ["title_data"]=>
      string(11) "20317771:KL"
      ["snippet_data"]=>
      string(69) "28436075:Listen to KL on Spotify . Artist · 35.9K monthly listeners."
      ["page_data"]=>
      string(79) "29101188:/artist/3w405w9LDDWznfXOKMQZq2;39589730:/artist/3w405w9lddwznfxokmqzq2"
      ["position_history"]=>
      string(176) "20170:9:39589730:20317771:28436075;20203:12:39589730:20317771:28436075;20238:10:39589730:20317771:28436075;20300:9:39589730:20317771:28436075;20392:7:29101188:20317771:28436075"
      ["time"]=>
      int(1742721464)
      ["day_number"]=>
      int(20170)
      ["phrase_check_days"]=>
      string(35) "20170;20203;20238;20269;20300;20392"
    }
    [7]=>
    array(14) {
      ["serp_setup_id"]=>
      int(3)
      ["phrase_id"]=>
      int(227698)
      ["phrase"]=>
      string(2) "kl"
      ["domain_id"]=>
      int(112473)
      ["domain_name"]=>
      string(13) "complexbar.ru"
      ["last_position"]=>
      int(8)
      ["last_day_number"]=>
      int(20392)
      ["title_data"]=>
      string(198) "30461262:Купить товары бренда KL в Москве в интернет-магазине ...;37936413:Купить товары бренда KL в Москве в интернет ..."
      ["snippet_data"]=>
      string(529) "10841391:Товары бренда KL купить в Москве в интернет-магазин Комплекс -Бар по выгодной цене. Продукция KL оптом и в розницу для баров, ресторанов и кафе.;3325606:Товары бренда KL купить в Москве в интернет-магазин Комплекс-Бар по выгодной цене. Продукция KL оптом и в розницу для баров, ресторанов и кафе."
      ["page_data"]=>
      string(508) "15363408:/brand-kl/?srsltid=afmbooqrim18dz3_ueueawrt63pxouvuj5wsd_tlaqr7t_baqytexfde;27155748:/brand-kl/?srsltid=afmbooonobj4bev2q3jjo7ubjiwr3j_0q_ccpfjlwz-8iwgqiusdct5v;27508750:/brand-kl/?srsltid=afmbooqwvu0ghnr_nlojcc3kapnq-e5uoorm50qeud29fsgguldfnexc;28095126:/brand-kl/?srsltid=AfmBOor2pQWN2E4PXOvSvQc0RaeYXJqWNC13n8tuoyznB75p56FR1lVE;39535108:/brand-kl/?srsltid=afmboor7kxqrzqphycst8f6epokcfpwhuukxmov_hehmvuwo2tur181i;4305036:/brand-kl/?srsltid=afmbooqseqdyxodrrcny3j4b7wvf_u1m-pycfbnpv3a2vumxw3d6hdpl"
      ["position_history"]=>
      string(205) "20170:5:27508750:30461262:3325606;20203:5:4305036:30461262:3325606;20238:3:15363408:30461262:3325606;20269:6:39535108:37936413:10841391;20300:5:27155748:37936413:10841391;20392:8:28095126:30461262:10841391"
      ["time"]=>
      int(1742721464)
      ["day_number"]=>
      int(20170)
      ["phrase_check_days"]=>
      string(35) "20170;20203;20238;20269;20300;20392"
    }
    [8]=>
    array(14) {
      ["serp_setup_id"]=>
      int(3)
      ["phrase_id"]=>
      int(227698)
      ["phrase"]=>
      string(2) "kl"
      ["domain_id"]=>
      int(8695569)
      ["domain_name"]=>
      string(15) "play.google.com"
      ["last_position"]=>
      int(9)
      ["last_day_number"]=>
      int(20392)
      ["title_data"]=>
      string(63) "14212418:KL: приложения для Android в Google Play"
      ["snippet_data"]=>
      string(442) "50637256:KL: приложения для Android в Google Play . Игры · Приложения · Фильмы · Книги · Детям ... Shanghai Touch. KL. 4,0star · Скриншот. Forty Thieves Solitaire. KL.;55209793:KL : приложения для Android в Google Play. Игры · Приложения · Фильмы · Книги · Детям ... KL. 4,1star · Скриншот. Forty Thieves Solitaire. KL. 3,3star."
      ["page_data"]=>
      string(85) "24701177:/store/apps/developer?id=KL&hl=ru;32524235:/store/apps/developer?id=kl&hl=ru"
      ["position_history"]=>
      string(140) "20203:14:32524235:14212418:55209793;20269:9:32524235:14212418:55209793;20300:7:32524235:14212418:55209793;20392:9:24701177:14212418:50637256"
      ["time"]=>
      int(1742721464)
      ["day_number"]=>
      int(20170)
      ["phrase_check_days"]=>
      string(35) "20170;20203;20238;20269;20300;20392"
    }
  }
  ["lemma_rows"]=>
  array(0) {
  }
  ["book_sample_rows"]=>
  array(0) {
  }
  ["meaning_rows"]=>
  array(0) {
  }
  ["google_total_count"]=>
  int(9)
  ["yandex_total_count"]=>
  int(10)
}
<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
	<title>Statistika iskalnih poizvedb, preverjanje pozicij spletnih strani, analiza rezultatov iskanja Google in Yandex, konkurenti spletnih strani</title>
    <!-- Meta Tags -->
    <meta name="description" content="Statistika iskalnih poizvedb, preverjanje pozicij spletnih strani, analiza rezultatov iskanja Google in Yandex, konkurenti spletnih strani">
    <meta name="keywords" content="SEO, iskalni izrazi, pozicije SERP, analiza strani, konkurenti, Google, Yandex">
    <meta name="robots" content="index, follow">
    
	<link rel="alternate" hreflang="sl" href="https://serpuls.com/sl/phrase/kl/" /><link rel="alternate" hreflang="bg" href="https://serpuls.com/bg/phrase/kl/" /><link rel="alternate" hreflang="ca" href="https://serpuls.com/ca/phrase/kl/" /><link rel="alternate" hreflang="de" href="https://serpuls.com/de/phrase/kl/" /><link rel="alternate" hreflang="hr" href="https://serpuls.com/hr/phrase/kl/" /><link rel="alternate" hreflang="cs" href="https://serpuls.com/cs/phrase/kl/" /><link rel="alternate" hreflang="da" href="https://serpuls.com/da/phrase/kl/" /><link rel="alternate" hreflang="nl" href="https://serpuls.com/nl/phrase/kl/" /><link rel="alternate" hreflang="en" href="https://serpuls.com/en/phrase/kl/" /><link rel="alternate" hreflang="et" href="https://serpuls.com/et/phrase/kl/" /><link rel="alternate" hreflang="fr" href="https://serpuls.com/fr/phrase/kl/" /><link rel="alternate" hreflang="el" href="https://serpuls.com/el/phrase/kl/" /><link rel="alternate" hreflang="hu" href="https://serpuls.com/hu/phrase/kl/" /><link rel="alternate" hreflang="it" href="https://serpuls.com/it/phrase/kl/" /><link rel="alternate" hreflang="lv" href="https://serpuls.com/lv/phrase/kl/" /><link rel="alternate" hreflang="no" href="https://serpuls.com/no/phrase/kl/" /><link rel="alternate" hreflang="pl" href="https://serpuls.com/pl/phrase/kl/" /><link rel="alternate" hreflang="pt" href="https://serpuls.com/pt/phrase/kl/" /><link rel="alternate" hreflang="ro" href="https://serpuls.com/ro/phrase/kl/" /><link rel="alternate" hreflang="ru" href="https://serpuls.com/ru/phrase/kl/" /><link rel="alternate" hreflang="sr" href="https://serpuls.com/sr/phrase/kl/" /><link rel="alternate" hreflang="sk" href="https://serpuls.com/sk/phrase/kl/" /><link rel="alternate" hreflang="es" href="https://serpuls.com/es/phrase/kl/" /><link rel="alternate" hreflang="sv" href="https://serpuls.com/sv/phrase/kl/" /><link rel="alternate" hreflang="tr" href="https://serpuls.com/tr/phrase/kl/" /><link rel="alternate" hreflang="zh" href="https://serpuls.com/zh/phrase/kl/" /><link rel="alternate" hreflang="ja" href="https://serpuls.com/ja/phrase/kl/" />	<link rel="alternate" hreflang="x-default" href="https://serpuls.com/en/phrase/kl/" />
		<link rel="canonical" href="https://serpuls.com/sl/phrase/kl/" />	

	
    <!-- Open Graph / Social Media -->
    <meta property="og:title" content="Statistika iskalnih poizvedb, preverjanje pozicij spletnih strani, analiza rezultatov iskanja Google in Yandex, konkurenti spletnih strani">
    <meta property="og:description" content="Statistika iskalnih poizvedb, preverjanje pozicij spletnih strani, analiza rezultatov iskanja Google in Yandex, konkurenti spletnih strani">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://serpuls.com">
    <meta property="og:image" content="https://serpuls.com/images/og-image.jpg">
    
	<script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.1/html2pdf.bundle.min.js"></script>
	
    <!-- Structured Data -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebApplication",
      "name": "serpuls.com - SEO Analysis Tool",
      "description": "Statistika iskalnih poizvedb, preverjanje pozicij spletnih strani, analiza rezultatov iskanja Google in Yandex, konkurenti spletnih strani",
      "url": "https://serpuls.com",
      "applicationCategory": "BusinessApplication",
      "operatingSystem": "All",
      "offers": {
        "@type": "Offer",
        "price": "0",
        "priceCurrency": "USD"
      }
    }
    </script>
	
		
	    

    <!-- CSS -->
    <style>
        /* ============================================
   CSS RESET & BASE STYLES
   ============================================ */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.6;
    color: var(--dark);
    background-color: #f5f7fb;
}

/* ============================================
   CSS VARIABLES (CUSTOM PROPERTIES)
   ============================================ */
:root {
    --primary: #4361ee;
    --primary-dark: #3a56d4;
    --secondary: #7209b7;
    --accent: #f72585;
    --success: #4cc9f0;
    --warning: #f8961e;
    --danger: #f94144;
    --light: #f8f9fa;
    --dark: #212529;
    --gray: #6c757d;
    --border-radius: 8px;
    --box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    --transition: all 0.3s ease;
}

/* ============================================
   ANIMATIONS & KEYFRAMES
   ============================================ */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes modalFadeIn {
    from { opacity: 0; transform: translateY(-20px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: 0.6; }
    100% { opacity: 1; }
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

@keyframes subtlePulse {
    0% { opacity: 1; }
    50% { opacity: 0.9; }
    100% { opacity: 1; }
}

/* ============================================
   LAYOUT & CONTAINERS
   ============================================ */
.container {
    max-width: 1200px;
    margin: 2rem auto;
    padding: 0 1.5rem;
}

.nav-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1.5rem;
}

.lang-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: center;
}

.footer-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.projects-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 2rem;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.domain-info-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.archive-stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.page-details-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-top: 1.5rem;
}

.stats-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;
}

.info-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

.settings-grid {
    display: grid;
    gap: 1.5rem;
}

.score-details {
    display: flex;
    justify-content: space-around;
    margin-top: 1.5rem;
}

.filters {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}

.filter-group {
    flex: 1;
    min-width: 200px;
}

.select-group {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.engine-tabs {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #e9ecef;
    padding-bottom: 0.5rem;
}

.days-selection {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.device-selection {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.form-actions {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    margin-top: 2rem;
    padding-top: 1rem;
    border-top: 1px solid #e9ecef;
}

.task-actions {
    display: flex;
    gap: 0.5rem;
}

.api-key-actions {
    display: flex;
    gap: 0.75rem;
    margin-top: 1rem;
    flex-wrap: wrap;
}

.balance-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.balance-actions {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.page-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.footer-content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
    margin-bottom: 2rem;
}

.footer-bottom-links {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.social-links {
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
}

.pagination {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 1.5rem;
}

.screenshot-controls {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
}

.captcha-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    margin: 1rem 0;
}

.phrases-validation-list {
    display: block;
    padding: 0.75rem;
    border-radius: 4px;
    font-size: 0.9rem;
    line-height: 1.5;
    max-height: 150px;
    overflow-y: auto;
}

.setting-options {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.setting-option {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

/* ============================================
   HEADER & NAVIGATION
   ============================================ */
header {
    background: linear-gradient(135deg, var(--primary), var(--secondary));
    color: white;
    padding: 1rem 0;
    box-shadow: var(--box-shadow);
    position: sticky;
    top: 0;
    z-index: 1000;
}

.logo {
    font-size: 1.5rem;
    font-weight: 700;
    color: white;
    text-decoration: none;
}

.nav-links {
    display: flex;
    list-style: none;
    gap: 1.5rem;
}

.nav-links a {
    color: white;
    text-decoration: none;
    font-weight: 500;
    transition: var(--transition);
    padding: 0.5rem 0.75rem;
    border-radius: var(--border-radius);
}

.nav-links a:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.auth-buttons {
    display: flex;
    gap: 0.75rem;
}

.hamburger {
    display: none;
    cursor: pointer;
    background: none;
    border: none;
    color: white;
    font-size: 1.5rem;
}

.mobile-menu-container {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

/* ============================================
   LANGUAGE SELECTOR
   ============================================ */
.lang-selector {
    background-color: white;
    padding: 0.75rem 1.5rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.lang-container a {
    color: var(--gray);
    text-decoration: none;
    font-size: 0.85rem;
    transition: var(--transition);
}

.lang-container a:hover {
    color: var(--primary);
}

.lang-container span {
    color: var(--primary);
    font-weight: 600;
}

/* ============================================
   CARD COMPONENTS
   ============================================ */
.card {
    background: white;
    border-radius: var(--border-radius);
    padding: 1.5rem;
    box-shadow: var(--box-shadow);
    margin-bottom: 1.5rem;
    animation: fadeIn 0.5s ease;
    transition: var(--transition), opacity 0.3s ease, transform 0.3s ease;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
}

.card.updating {
    opacity: 0.7;
    transform: scale(0.98);
}

.card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #e9ecef;
}

.card-title {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--dark);
}

.card-icon {
    color: var(--primary);
    font-size: 1.25rem;
}

.card-content {
    animation: fadeIn 0.5s ease;
}

.card-content ul {
    margin: 1rem 0;
    padding-left: 1.5rem;
    list-style-type: none;
}

.card-content li {
    margin-bottom: 0.75rem;
    line-height: 1.6;
    color: var(--dark);
    position: relative;
    padding-left: 0.5rem;
    background-color: rgba(67, 97, 238, 0.03);
    padding: 0.75rem 1rem;
    border-radius: var(--border-radius);
    border-left: 3px solid var(--primary);
    transition: var(--transition);
}

.card-content li:hover {
    background-color: rgba(67, 97, 238, 0.08);
    transform: translateX(5px);
}

.card-content li:before {
    content: "•";
    color: var(--primary);
    font-weight: bold;
    position: absolute;
    left: -1rem;
}

.card-content li strong {
    color: var(--primary-dark);
    font-weight: 600;
}

.card-content li em {
    color: var(--secondary);
    font-style: italic;
}

/* ============================================
   DOMAIN COMPONENTS
   ============================================ */
.domain-header {
    background: white;
    border-radius: var(--border-radius);
    padding: 2rem;
    box-shadow: var(--box-shadow);
    margin-bottom: 2rem;
    animation: fadeIn 0.5s ease;
    background: linear-gradient(135deg, white, #f8f9fa);
    border-left: 4px solid var(--primary);
}

.domain-title {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.domain-icon {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, var(--primary), var(--secondary));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
    color: white;
    font-weight: bold;
    box-shadow: 0 4px 8px rgba(67, 97, 238, 0.3);
}

.domain-name {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--dark);
}

.domain-status {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    background-color: #e8f5e9;
    color: #2e7d32;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
    margin-left: 1rem;
}

.domain-status.expired {
    background-color: #ffebee;
    color: #c62828;
}

.domain-status.registered {
    background-color: #e3f2fd;
    color: #1565c0;
}

.domain-description {
    color: var(--gray);
    margin-bottom: 1.5rem;
    line-height: 1.6;
}

.domain-info-item {
    padding: 1rem;
    background: #f8f9fa;
    border-radius: var(--border-radius);
}

.domain-info-label {
    font-weight: 600;
    color: var(--gray);
    margin-bottom: 0.25rem;
    font-size: 0.9rem;
}

.domain-info-value {
    font-weight: 600;
    color: var(--dark);
}

.domain-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.5rem;
}

.domain-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem;
    border-radius: var(--border-radius);
    transition: var(--transition);
    border: 1px solid #e9ecef;
}

.domain-item:hover {
    background-color: #f8f9fa;
    border-color: var(--primary);
    transform: translateY(-2px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.domain-name {
    font-weight: 600;
    color: var(--primary);
    text-decoration: none;
}

.domain-name:hover {
    color: var(--primary-dark);
    text-decoration: underline;
}

.domain-date {
    color: var(--gray);
    font-size: 0.9rem;
    font-family: monospace;
}

/* ============================================
   BUTTONS & CONTROLS
   ============================================ */
.btn {
    padding: 0.5rem 1rem;
    border-radius: var(--border-radius);
    font-weight: 600;
    cursor: pointer;
    transition: var(--transition);
    border: none;
}

.btn-outline {
    background: transparent;
    border: 1px solid white;
    color: white;
}

.btn-outline:hover {
    background: white;
    color: var(--primary);
}

.btn-primary {
    background: var(--accent);
    color: white;
}

.btn-primary:hover {
    background: #e11574;
}

.cta-button {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(135deg, var(--primary), var(--secondary));
    color: white;
    padding: 0.75rem 1.5rem;
    border-radius: var(--border-radius);
    text-decoration: none;
    font-weight: 600;
    transition: var(--transition);
    box-shadow: 0 4px 6px rgba(67, 97, 238, 0.3);
    border: none;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
}

.cta-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 8px rgba(67, 97, 238, 0.4);
}

.cta-button.secondary {
    background: var(--gray);
}

.cta-button.secondary:hover {
    background: #5a6268;
}

.toggle-btn {
    background: var(--primary);
    color: white;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: var(--border-radius);
    cursor: pointer;
    transition: var(--transition);
}

.toggle-btn:hover {
    background: var(--primary-dark);
}

.create-task-btn {
    background: linear-gradient(135deg, var(--primary), var(--secondary));
    color: white;
    padding: 0.75rem 1.5rem;
    border-radius: var(--border-radius);
    text-decoration: none;
    font-weight: 600;
    transition: var(--transition);
    box-shadow: 0 4px 6px rgba(67, 97, 238, 0.3);
    border: none;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.create-task-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 8px rgba(67, 97, 238, 0.4);
}

.topup-button {
    background: linear-gradient(135deg, var(--primary), var(--secondary));
    color: white;
    padding: 0.75rem 1.5rem;
    border-radius: var(--border-radius);
    text-decoration: none;
    font-weight: 600;
    transition: var(--transition);
    box-shadow: 0 4px 6px rgba(67, 97, 238, 0.3);
    border: none;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
}

.topup-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 8px rgba(67, 97, 238, 0.4);
}

.topup-button.secondary {
    background: var(--gray);
}

.topup-button.secondary:hover {
    background: #5a6268;
}

.copy-btn {
    background: var(--primary);
    color: white;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: var(--border-radius);
    cursor: pointer;
    font-weight: 600;
    transition: var(--transition);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.copy-btn:hover {
    background: var(--primary-dark);
}

.copy-btn.success {
    background: #4caf50;
}

.regenerate-btn {
    background: var(--warning);
    color: white;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: var(--border-radius);
    cursor: pointer;
    font-weight: 600;
    transition: var(--transition);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.regenerate-btn:hover {
    background: #e68900;
}

.cancel-btn {
    background: var(--gray);
    color: white;
    padding: 0.75rem 1.5rem;
    border-radius: var(--border-radius);
    border: none;
    cursor: pointer;
    font-weight: 600;
    transition: var(--transition);
}

.cancel-btn:hover {
    background: #5a6268;
}

.save-btn {
    background: linear-gradient(135deg, var(--primary), var(--secondary));
    color: white;
    padding: 0.75rem 1.5rem;
    border-radius: var(--border-radius);
    border: none;
    cursor: pointer;
    font-weight: 600;
    transition: var(--transition);
    box-shadow: 0 4px 6px rgba(67, 97, 238, 0.3);
}

.save-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 8px rgba(67, 97, 238, 0.4);
}

.save-btn:disabled {
    background: #adb5bd !important;
    cursor: not-allowed;
    opacity: 0.6;
    transform: none !important;
    box-shadow: none !important;
}

.save-btn:disabled:hover {
    background: #adb5bd !important;
    transform: none !important;
    box-shadow: none !important;
}

.action-btn {
    padding: 0.25rem 0.5rem;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: var(--transition);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
}

.edit-btn {
    background: var(--primary);
    color: white;
}

.edit-btn:hover {
    background: var(--primary-dark);
}

.delete-btn {
    background: var(--danger);
    color: white;
}

.delete-btn:hover {
    background: #d32f2f;
}

.run-btn {
    background: var(--success);
    color: white;
}

.run-btn:hover {
    background: #00acc1;
}

.view-btn {
    background: var(--success);
    color: white;
}

.view-btn:hover {
    background: #00acc1;
}

.toggle-btn {
    background: var(--warning);
    color: white;
    font-size: 0.9rem;
}

.toggle-btn:hover {
    background: #e68900;
}

.pause-btn {
    background: #ff9800;
}

.play-btn {
    background: #4caf50;
}

.stats-btn {
    background: var(--primary);
    color: white;
}

.stats-btn:hover {
    background: var(--primary-dark);
}

.action-btn.disabled {
    background: #adb5bd !important;
    cursor: not-allowed;
    opacity: 0.6;
    transform: none !important;
    box-shadow: none !important;
}

.action-btn.edit-btn.disabled {
    background-color: #adb5bd;
    cursor: not-allowed;
    opacity: 0.5;
}

.action-btn.edit-btn.disabled:hover {
    background-color: #adb5bd;
    transform: none;
}

.show-page-btn {
    background: none;
    border: none;
    color: var(--primary);
    cursor: pointer;
    font-size: 0.85rem;
    text-decoration: underline;
    margin-left: 0.5rem;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    transition: var(--transition);
}

.show-page-btn:hover {
    color: var(--primary-dark);
    background-color: rgba(67, 97, 238, 0.1);
}

.refresh-captcha {
    background: none;
    border: none;
    color: var(--primary);
    cursor: pointer;
    font-size: 0.85rem;
    text-decoration: underline;
    margin-top: 0.5rem;
}

.refresh-captcha:hover {
    color: var(--primary-dark);
}

.show-snippet-btn {
    background: none;
    border: none;
    color: var(--primary);
    cursor: pointer;
    font-size: 0.85rem;
    text-decoration: underline;
}

.show-snippet-btn:hover {
    color: var(--primary-dark);
}

.screenshot-expand-btn {
    background: rgba(255, 255, 255, 0.2);
    border: none;
    color: white;
    padding: 0.5rem;
    border-radius: 50%;
    cursor: pointer;
    font-size: 1rem;
    transition: var(--transition);
    backdrop-filter: blur(10px);
}

.screenshot-expand-btn:hover {
    background: rgba(255, 255, 255, 0.3);
    transform: scale(1.1);
}

.screenshot-download-btn,
.screenshot-close-btn {
    padding: 0.75rem 1.5rem;
    border: none;
    border-radius: var(--border-radius);
    font-weight: 600;
    cursor: pointer;
    transition: var(--transition);
    font-size: 0.9rem;
}

.screenshot-download-btn {
    background: var(--primary);
    color: white;
}

.screenshot-download-btn:hover {
    background: var(--primary-dark);
}

.screenshot-close-btn {
    background: var(--gray);
    color: white;
}

.screenshot-close-btn:hover {
    background: #5a6268;
}

/* ============================================
   FORM ELEMENTS
   ============================================ */
.form-group {
    margin-bottom: 1.5rem;
}

.form-group label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 600;
    color: var(--dark);
}

.form-control {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #ddd;
    border-radius: var(--border-radius);
    font-size: 1rem;
    transition: var(--transition);
}

.form-control:focus {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(67, 97, 238, 0.2);
}

.form-control.error {
    border-color: var(--danger);
    box-shadow: 0 0 0 3px rgba(249, 65, 68, 0.2);
}

.error-message {
    color: var(--danger);
    font-size: 0.85rem;
    margin-top: 0.25rem;
    display: none;
}

.error-message.show {
    display: block;
}

.filter-input {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #ddd;
    border-radius: var(--border-radius);
    font-size: 1rem;
    transition: var(--transition);
}

.filter-input:focus {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(67, 97, 238, 0.2);
}

.filter-label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 600;
    color: var(--dark);
}

.phrases-container {
    border: 1px solid #ddd;
    border-radius: var(--border-radius);
    padding: 1rem;
    background: #f8f9fa;
}

.phrases-input {
    width: 100%;
    min-height: 100px;
    padding: 0.75rem;
    border: 1px solid #ddd;
    border-radius: var(--border-radius);
    font-size: 1rem;
    resize: vertical;
    margin-bottom: 0.75rem;
}

.captcha-input {
    padding: 0.75rem;
    border: 1px solid #ddd;
    border-radius: var(--border-radius);
    font-size: 1rem;
    width: 200px;
    text-align: center;
}

.captcha-input:focus {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(67, 97, 238, 0.2);
}

.verify-code-input {
    text-align: center;
    font-size: 1.2rem;
    letter-spacing: 0.2em;
    font-family: monospace;
}

/* ============================================
   TABS & TOGGLES
   ============================================ */


 /* Auth Modal */
        .auth-tabs {
            display: flex;
            margin-bottom: 1.5rem;
            border-bottom: 1px solid #e9ecef;
        }

        .auth-tab {
            padding: 0.75rem 1.5rem;
            cursor: pointer;
            font-weight: 600;
            color: var(--gray);
            transition: var(--transition);
            border-bottom: 2px solid transparent;
        }

        .auth-tab.active {
            color: var(--primary);
            border-bottom: 2px solid var(--primary);
        }

        .auth-form {
            display: none;
        }

        .auth-form.active {
            display: block;
        }
/*  */

.engine-tab {
    padding: 0.5rem 1rem;
    background: none;
    border: none;
    cursor: pointer;
    font-weight: 600;
    color: var(--gray);
    transition: var(--transition);
    border-bottom: 2px solid transparent;
}

.engine-tab.active {
    color: var(--primary);
    border-bottom-color: var(--primary);
}

.engine-tab:hover {
    color: var(--primary);
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 34px;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: .4s;
    border-radius: 50%;
}

input:checked + .slider {
    background-color: var(--primary);
}

input:checked + .slider:before {
    transform: translateX(26px);
}

/* ============================================
   SELECTION CONTROLS
   ============================================ */
.day-checkbox {
    display: none;
}

.day-label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 2px solid #ddd;
    border-radius: 50%;
    cursor: pointer;
    font-weight: 600;
    transition: var(--transition);
    user-select: none;
}

.day-checkbox:checked + .day-label {
    background: var(--primary);
    color: white;
    border-color: var(--primary);
}

.device-radio {
    display: none;
}

.device-label {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem;
    border: 2px solid #ddd;
    border-radius: var(--border-radius);
    cursor: pointer;
    transition: var(--transition);
    text-align: center;
}

.device-radio:checked + .device-label {
    border-color: var(--primary);
    background: rgba(67, 97, 238, 0.1);
}

.device-icon {
    font-size: 2rem;
    margin-bottom: 0.5rem;
}

.payment-option input[type="radio"] {
    margin-right: 1rem;
    transform: scale(1.2);
}

/* ============================================
   TABLES
   ============================================ */
.data-table {
    width: 100%;
    border-collapse: collapse;
}

.data-table th {
    background-color: #f8f9fa;
    padding: 0.75rem;
    text-align: left;
    font-weight: 600;
    color: var(--dark);
    border-bottom: 1px solid #dee2e6;
}

.data-table td {
    padding: 0.75rem;
    border-bottom: 1px solid #dee2e6;
}

.data-table tr:hover {
    background-color: #f8f9fa;
}

.tasks-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 1rem;
    min-width: 800px;
}

.tasks-table th {
    background: #f8f9fa;
    padding: 0.75rem;
    text-align: left;
    font-weight: 600;
    color: var(--dark);
    border-bottom: 2px solid #e9ecef;
}

.tasks-table td {
    padding: 0.75rem;
    border-bottom: 1px solid #e9ecef;
    vertical-align: middle;
}

.tasks-table tr:hover {
    background: #f8f9fa;
}

.tasks-table tr.active {
    background: #e8f5e9;
}

.tasks-table tr.inactive {
    background: #ffebee;
}

.task-row.task-paused {
    background-color: #f8f9fa;
    opacity: 0.7;
}

.task-row.task-paused:hover {
    background-color: #e9ecef;
}

.task-row.task-paused td {
    color: #6c757d;
}

.tasks-table tbody tr:nth-child(even) {
    background-color: #fafafa;
}

.tasks-table tbody tr:nth-child(even):hover {
    background-color: rgba(67, 97, 238, 0.05);
}

.tasks-table-container {
    overflow-x: auto;
    width: 100%;
    margin-top: 1rem;
    border-radius: var(--border-radius);
    border: 1px solid #e9ecef;
    background: white;
    position: relative;
}

.table-responsive {
    overflow-x: auto;
}

/* ============================================
   STATUS INDICATORS & BADGES
   ============================================ */
.status-indicator {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 0.5rem;
}

.status-active {
    background-color: var(--success);
}

.status-pending {
    background-color: var(--warning);
}

.status-inactive {
    background-color: var(--danger);
}

.task-status {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
    min-width: 100px;
    justify-content: center;
    transition: var(--transition);
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.status-active {
    background: #e8f5e9;
    color: #2e7d32;
}

.status-inactive {
    background: #ffebee;
    color: #c62828;
}

.status-pending {
    background: #fff3e0;
    color: #ef6c00;
}

.status-new {
    background: #e3f2fd;
    color: #1565c0;
}

.status-checking {
    background: #fff3e0;
    color: #ef6c00;
}

.status-paused {
    background: #fff3e0;
    color: #ef6c00;
}

.badge {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
    border-radius: 12px;
    padding: 0.3rem 0.7rem;
}

.badge-success {
    background-color: #e8f5e9;
    color: #2e7d32;
    background: linear-gradient(135deg, #4caf50, #66bb6a);
    color: white;
}

.badge-warning {
    background-color: #fff3e0;
    color: #ef6c00;
    background: linear-gradient(135deg, #ff9800, #ffb74d);
    color: white;
}

.badge-danger {
    background-color: #ffebee;
    color: #c62828;
    background: linear-gradient(135deg, #f44336, #ef5350);
    color: white;
}

/* ============================================
   MODALS & POPUPS
   ============================================ */
.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2000;
    justify-content: center;
    align-items: center;
    overflow-y: auto;
    padding: 1rem;
}

.modal-content {
    background: white;
    border-radius: var(--border-radius);
    width: 100%;
    max-width: 800px;
    max-height: 90vh;
    overflow-y: auto;
    position: relative;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
    animation: modalFadeIn 0.3s ease;
	padding: 2rem;
}	

.modal-large {
    max-width: 800px;
}

.modal-header {
    padding: 1.5rem;
    border-bottom: 1px solid #e9ecef;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-title {
    margin-bottom: 1rem;
    color: var(--dark);
    font-size: 1.5rem;
    font-weight: 600;
}

.modal-text {
    margin-bottom: 1.5rem;
    color: var(--gray);
}

.modal-body {
    padding: 1.5rem;
}

.modal-iframe {
    width: 100%;
    height: 80vh;
    max-height: 900px;
    min-height: 500px;
    border: none;
    border-radius: var(--border-radius);
}

.close-btn {
    position: absolute;
    top: 1rem;
    right: 1.5rem;
    font-size: 1.5rem;
    cursor: pointer;
    color: var(--gray);
    transition: var(--transition);
    background: none;
    border: none;
}

.close-btn:hover {
    color: var(--dark);
}

.popup-trigger {
    position: relative;
    display: inline-block;
}

.popup-text {
    display: none;
    position: absolute;
    background: var(--dark);
    color: white;
    padding: 0.5rem 1rem;
    border-radius: var(--border-radius);
    font-size: 0.85rem;
    width: 250px;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 0.5rem;
    z-index: 10;
    box-shadow: var(--box-shadow);
}

.popup-trigger:hover .popup-text {
    display: block;
}

.popup-text:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: var(--dark) transparent transparent transparent;
}

/* ============================================
   ARCHIVE & SEO SCORE SECTIONS
   ============================================ */
.archive-preview {
    text-align: center;
    padding: 2rem;
    background: #f8f9fa;
    border-radius: var(--border-radius);
    margin-bottom: 1.5rem;
}

.archive-image {
    max-width: 100%;
    height: auto;
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
    margin-bottom: 1rem;
}

.archive-stat {
    text-align: center;
    padding: 1rem;
    background: white;
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
}

.archive-stat-value {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--primary);
    margin-bottom: 0.25rem;
}

.archive-stat-label {
    font-size: 0.85rem;
    color: var(--gray);
}

.seo-score {
    text-align: center;
    padding: 2rem;
    background: linear-gradient(135deg, #4361ee, #7209b7);
    color: white;
    border-radius: var(--border-radius);
    margin-bottom: 2rem;
}

.score-value {
    font-size: 3rem;
    font-weight: 700;
    margin: 1rem 0;
}

.score-label {
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
}

.score-item {
    text-align: center;
}

.score-number {
    font-size: 1.5rem;
    font-weight: 700;
}

.score-text {
    font-size: 0.85rem;
    opacity: 0.9;
}

/* ============================================
   AUDIT ITEMS
   ============================================ */
.audit-item {
    display: flex;
    align-items: center;
    padding: 1rem;
    border-radius: var(--border-radius);
    margin-bottom: 0.75rem;
    transition: var(--transition);
}

.audit-item:hover {
    background-color: #f8f9fa;
}

.audit-status {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-right: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 0.75rem;
}

.status-pass {
    background-color: #4caf50;
}

.status-fail {
    background-color: #f44336;
}

.status-warning {
    background-color: #ff9800;
}

.audit-info {
    flex: 1;
}

.audit-name {
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.audit-value {
    font-size: 0.9rem;
    color: var(--gray);
    margin-bottom: 0.25rem;
}

.audit-recommendation {
    font-size: 0.85rem;
    color: var(--gray);
}

/* ============================================
   LISTS & LINKS
   ============================================ */
.links-list {
    list-style-type: none;
}

.links-list li {
    padding: 0.5rem 0;
    border-bottom: 1px solid #f1f1f1;
}

.links-list li:last-child {
    border-bottom: none;
}

.links-list a {
    color: var(--primary);
    text-decoration: none;
}

.links-list a:hover {
    text-decoration: underline;
}

.footer-links {
    list-style: none;
}

.footer-links li {
    margin-bottom: 0.5rem;
}

.footer-links a {
    color: #adb5bd;
    text-decoration: none;
    transition: var(--transition);
    font-size: 0.9rem;
}

.footer-links a:hover {
    color: white;
    text-decoration: underline;
}

.project-features {
    list-style: none;
    margin: 1.5rem 0;
}

.project-features li {
    padding: 0.5rem 0;
    color: var(--dark);
    position: relative;
    padding-left: 1.5rem;
}

.project-features li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: var(--success);
    font-weight: bold;
}

.info-list {
    text-align: left;
    color: var(--gray);
    font-size: 0.9rem;
    padding-left: 1.2rem;
    margin: 0;
}

.info-list li {
    margin-bottom: 0.25rem;
}

.how-it-works-list {
    text-align: left;
    color: var(--gray);
    font-size: 0.9rem;
    padding-left: 1.2rem;
    margin: 0;
}

.how-it-works-list li {
    margin-bottom: 0.5rem;
}

/* ============================================
   CHART CONTAINERS
   ============================================ */
.chart-container {
    background: white;
    border-radius: var(--border-radius);
    padding: 1.5rem;
    box-shadow: var(--box-shadow);
    margin-bottom: 1.5rem;
}

.chart-title {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: var(--dark);
}

/* ============================================
   SNIPPETS & CODE BLOCKS
   ============================================ */
.snippet {
    background: #f8f9fa;
    padding: 0.75rem;
    border-radius: var(--border-radius);
    margin-top: 0.5rem;
    font-size: 0.85rem;
    color: var(--gray);
    border-left: 3px solid var(--primary);
}

.success-token {
    background: white;
    padding: 0.75rem;
    border-radius: var(--border-radius);
    font-family: monospace;
    word-break: break-all;
    border: 1px solid #ddd;
    margin: 0.5rem 0;
}

.api-key-value {
    font-family: monospace;
    font-size: 1rem;
    color: var(--dark);
    word-break: break-all;
    padding: 0.5rem;
    background: white;
    border-radius: 4px;
    border: 1px solid #ddd;
}

/* ============================================
   SECTION HEADERS & TITLES
   ============================================ */
.section-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin: 2rem 0 1rem;
    color: var(--dark);
    border-bottom: 2px solid var(--primary);
    padding-bottom: 0.5rem;
    position: relative;
}

.section-title:after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 50px;
    height: 2px;
    background: var(--accent);
}

.page-title {
    font-size: 2rem;
    font-weight: 700;
    color: var(--dark);
}

.section-header {
    text-align: center;
    margin-bottom: 3rem;
}

.section-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--dark);
    margin-bottom: 1rem;
    position: relative;
}

.section-title:after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: linear-gradient(135deg, var(--primary), var(--secondary));
    border-radius: 2px;
}

.section-subtitle {
    font-size: 1.1rem;
    color: var(--gray);
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
}

/* ============================================
   PROJECT CARDS
   ============================================ */
.project-card {
    background: white;
    border-radius: var(--border-radius);
    padding: 2rem;
    box-shadow: var(--box-shadow);
    transition: var(--transition);
    position: relative;
    overflow: hidden;
    border-left: 4px solid var(--primary);
}

.project-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
}

.project-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(67, 97, 238, 0.1), transparent);
    transition: var(--transition);
}

.project-card:hover::before {
    left: 100%;
}

.project-icon {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, var(--primary), var(--secondary));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
    color: white;
    font-size: 1.5rem;
    box-shadow: 0 4px 15px rgba(67, 97, 238, 0.3);
}

.project-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--dark);
    margin-bottom: 1rem;
    line-height: 1.3;
}

.project-description {
    color: var(--gray);
    line-height: 1.6;
    margin-bottom: 1.5rem;
}

.project-highlight {
    background: linear-gradient(135deg, var(--primary), var(--secondary));
    color: white;
    padding: 0.75rem 1rem;
    border-radius: var(--border-radius);
    margin: 1.5rem 0;
    font-weight: 600;
    text-align: center;
    box-shadow: 0 4px 15px rgba(67, 97, 238, 0.3);
}

.project-cta {
    display: inline-flex;
    align-items: center;
    background: var(--primary);
    color: white;
    padding: 0.75rem 1.5rem;
    border-radius: var(--border-radius);
    text-decoration: none;
    font-weight: 600;
    transition: var(--transition);
    border: none;
    cursor: pointer;
    margin-top: 1rem;
}

.project-cta:hover {
    background: var(--primary-dark);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(67, 97, 238, 0.4);
}

/* ============================================
   PROFILE SECTION
   ============================================ */
.profile-header {
    background: white;
    border-radius: var(--border-radius);
    padding: 2rem;
    box-shadow: var(--box-shadow);
    margin-bottom: 2rem;
    animation: fadeIn 0.5s ease;
    display: flex;
    align-items: center;
    gap: 2rem;
    flex-wrap: wrap;
}

.profile-avatar {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--primary), var(--secondary));
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 2.5rem;
    font-weight: 700;
    box-shadow: var(--box-shadow);
}

.profile-info {
    flex: 1;
}

.profile-name {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--dark);
    margin-bottom: 0.5rem;
}

.profile-email {
    color: var(--gray);
    font-size: 1.1rem;
    margin-bottom: 1rem;
}

.profile-status {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    background: #e8f5e9;
    color: #2e7d32;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
}

.profile-status::before {
    content: '';
    width: 8px;
    height: 8px;
    background: #2e7d32;
    border-radius: 50%;
    margin-right: 0.5rem;
}

/* ============================================
   STATS & METRICS
   ============================================ */
.stat-item {
    background: #f8f9fa;
    padding: 1rem;
    border-radius: var(--border-radius);
    text-align: center;
    border: 1px solid #e9ecef;
}

.stat-value {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--primary);
    margin-bottom: 0.25rem;
}

.stat-label {
    font-size: 0.85rem;
    color: var(--gray);
}

.stat-card {
    background: white;
    border-radius: var(--border-radius);
    padding: 1.5rem;
    box-shadow: var(--box-shadow);
    text-align: center;
}

.stat-value {
    font-size: 2rem;
    font-weight: 700;
    color: var(--primary);
    margin-bottom: 0.5rem;
}

.stat-label {
    color: var(--gray);
    font-size: 0.9rem;
}

.balance-amount {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--primary);
}

.balance-currency {
    font-size: 1.5rem;
    color: var(--gray);
    margin-left: 0.5rem;
}

/* ============================================
   SETTINGS SECTIONS
   ============================================ */
.setting-group {
    background: #f8f9fa;
    padding: 1rem;
    border-radius: var(--border-radius);
    border: 1px solid #e9ecef;
}

.setting-title {
    font-weight: 600;
    color: var(--dark);
    margin-bottom: 0.75rem;
    font-size: 1.1rem;
}

.setting-label {
    cursor: pointer;
    color: var(--dark);
    user-select: none;
}

.setting-hint {
    font-size: 0.85rem;
    color: var(--gray);
    margin-left: 2rem;
    margin-top: 0.25rem;
}

.api-key-container {
    background: #f8f9fa;
    padding: 1rem;
    border-radius: var(--border-radius);
    margin-bottom: 1rem;
    border: 1px solid #e9ecef;
}

/* ============================================
   UTILITY CLASSES
   ============================================ */
.hidden {
    display: none;
}

.centered-content {
    text-align: center;
    padding: 1rem;
}

.loading {
    animation: pulse 1.5s infinite;
}

.fade-in {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.6s ease;
}

.fade-in.visible {
    opacity: 1;
    transform: translateY(0);
}

/* ============================================
   INFO BOXES & ALERTS
   ============================================ */
.last-update-info {
    margin-bottom: 1.5rem;
    padding: 0.75rem;
    background: #f8f9fa;
    border-radius: var(--border-radius);
    border-left: 4px solid var(--primary);
    font-size: 0.9rem;
}

.update-label {
    font-weight: 600;
    color: var(--gray);
    margin-right: 0.5rem;
}

.update-time {
    font-weight: 600;
    color: var(--dark);
}

.update-time.updating {
    color: var(--primary);
    animation: pulse 1.5s infinite;
}

.redirect-info {
    margin-bottom: 1.5rem;
    padding: 0.75rem;
    background: #fff3e0;
    border-radius: var(--border-radius);
    border-left: 4px solid var(--warning);
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.redirect-label {
    font-weight: 600;
    color: var(--gray);
}

.redirect-url {
    color: var(--primary);
    text-decoration: none;
    font-weight: 600;
    padding: 0.25rem 0.5rem;
    background: rgba(67, 97, 238, 0.1);
    border-radius: 4px;
    transition: var(--transition);
}

.redirect-url:hover {
    background: rgba(67, 97, 238, 0.2);
    text-decoration: underline;
}

.redirect-status {
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
    margin-left: auto;
}

.redirect-status.active {
    background-color: #e8f5e9;
    color: #2e7d32;
}

.redirect-status.inactive {
    background-color: #ffebee;
    color: #c62828;
}

.redirect-status.temporary {
    background-color: #e3f2fd;
    color: #1565c0;
}

.info-box {
    margin-top: 1.5rem;
    padding: 1rem;
    background: #f8f9fa;
    border-radius: var(--border-radius);
}

.info-title {
    margin-bottom: 0.5rem;
    color: var(--dark);
}

.how-it-works {
    margin-top: 1.5rem;
    padding: 1rem;
    background: #f8f9fa;
    border-radius: var(--border-radius);
}

.how-it-works-title {
    margin-bottom: 0.5rem;
    color: var(--dark);
}

.token-container {
    background: #f8f9fa;
    padding: 1rem;
    border-radius: var(--border-radius);
    margin: 1.5rem 0;
}

.token-label {
    margin-bottom: 0.5rem;
    color: var(--dark);
    font-weight: 600;
}

.token-hint {
    font-size: 0.85rem;
    color: var(--gray);
    margin-top: 0.5rem;
}

.timer-container {
    background: #fff3cd;
    border: 1px solid #ffeaa7;
    color: #856404;
    padding: 0.75rem;
    border-radius: var(--border-radius);
    margin: 1rem 0;
    text-align: center;
    font-weight: 600;
}

.timer-expired {
    background: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24;
}

.email-check-status {
    margin-top: 1rem;
    padding: 0.75rem;
    background: #e7f3ff;
    border-radius: var(--border-radius);
    text-align: center;
}

.status-checking {
    color: var(--primary);
}

.status-success {
    color: #155724;
    background: #d4edda;
}

.status-error {
    color: #721c24;
    background: #f8d7da;
}

.analysis-status {
    margin-top: 1rem;
    padding: 1rem;
    border-radius: var(--border-radius);
    text-align: center;
    font-weight: 600;
}

.analysis-status.success {
    background-color: #e8f5e9;
    color: #2e7d32;
    border: 1px solid #c8e6c9;
}

.analysis-status.error {
    background-color: #ffebee;
    color: #c62828;
    border: 1px solid #ffcdd2;
}

.phrases-hint {
    font-size: 0.85rem;
    color: var(--gray);
    margin-top: 0.5rem;
}

.empty-state {
    text-align: center;
    padding: 3rem;
    color: var(--gray);
}

.empty-icon {
    font-size: 4rem;
    margin-bottom: 1rem;
    opacity: 0.3;
    color: var(--primary);
}

.empty-text {
    font-size: 1.1rem;
    margin-bottom: 1.5rem;
}

/* ============================================
   FAQ ACCORDION
   ============================================ */
.faq-accordion {
    margin: 2rem 0;
    padding: 1.5rem;
    background: white;
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
}

.faq-accordion h2 {
    color: var(--dark);
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
    font-weight: 600;
    text-align: center;
}

.faq-accordion details {
    margin-bottom: 1rem;
    border: 1px solid #e9ecef;
    border-radius: var(--border-radius);
    overflow: hidden;
    transition: var(--transition);
    background: white;
}

.faq-accordion details:hover {
    border-color: var(--primary);
    box-shadow: 0 2px 8px rgba(67, 97, 238, 0.1);
}

.faq-accordion details[open] {
    border-color: var(--primary);
    box-shadow: 0 4px 12px rgba(67, 97, 238, 0.15);
}

.faq-accordion summary {
    padding: 1.25rem 1.5rem;
    background: #f8f9fa;
    cursor: pointer;
    font-weight: 600;
    color: var(--dark);
    list-style: none;
    position: relative;
    transition: var(--transition);
    font-size: 1rem;
    border-bottom: 1px solid transparent;
}

.faq-accordion summary:hover {
    background: #e9ecef;
}

.faq-accordion details[open] summary {
    background: linear-gradient(135deg, var(--primary), var(--secondary));
    color: white;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.faq-accordion summary::-webkit-details-marker {
    display: none;
}

.faq-accordion summary::after {
    content: '+';
    position: absolute;
    right: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.25rem;
    font-weight: 400;
    color: var(--primary);
    transition: var(--transition);
}

.faq-accordion details[open] summary::after {
    content: '−';
    color: var(--accent);
}

.faq-accordion p {
    padding: 1.5rem;
    margin: 0;
    background: linear-gradient(to bottom, #fafbff, white);
    color: var(--dark);
    line-height: 1.6;
    border-top: 1px solid #f1f1f1;
    border-left: 3px solid var(--success);
    animation: fadeIn 0.3s ease;
}

/* ============================================
   DOMAIN SCREENSHOTS
   ============================================ */
.domain-screenshot-container {
    position: relative;
    margin: 1.5rem 0;
    border-radius: var(--border-radius);
    overflow: hidden;
    box-shadow: var(--box-shadow);
    max-width: 800px;
    border: 1px solid #e9ecef;
    cursor: pointer;
    transition: var(--transition);
}

.domain-screenshot-container:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
}

.domain-screenshot {
    width: 100%;
    height: 300px;
    object-fit: cover;
    display: block;
    transition: var(--transition);
}

.domain-screenshot:hover {
    filter: brightness(1.05);
}

.screenshot-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, transparent 100%);
    padding: 1rem;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.screenshot-text {
    font-size: 0.9rem;
    font-weight: 600;
}

.screenshot-gradient {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    background: linear-gradient(to top, rgba(0,0,0,0.4) 0%, transparent 100%);
    pointer-events: none;
}

.full-screenshot-container {
    text-align: center;
    margin-top: 1rem;
}

.full-screenshot {
    max-width: 100%;
    max-height: 70vh;
    border-radius: var(--border-radius);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    margin-bottom: 1rem;
}

/* ============================================
   PAYMENT OPTIONS
   ============================================ */
.payment-options {
    margin: 1.5rem 0;
    border: 1px solid #e9ecef;
    border-radius: var(--border-radius);
    overflow: hidden;
    display: none;
}

.payment-option {
    display: flex;
    align-items: center;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    transition: var(--transition);
    cursor: pointer;
}

.payment-option:last-child {
    border-bottom: none;
}

.payment-option:hover {
    background-color: #f8f9fa;
}

.payment-option.selected {
    background-color: rgba(67, 97, 238, 0.1);
    border-left: 3px solid var(--primary);
}

.payment-option label {
    cursor: pointer;
    font-weight: 500;
    color: var(--dark);
    flex: 1;
}

/* ============================================
   MODAL SUCCESS STATES
   ============================================ */
.modal-success {
    text-align: center;
    padding: 2rem;
    display: none;
}

.modal-success.show {
    display: block;
}

.success-icon {
    font-size: 3rem;
    color: #4caf50;
    margin-bottom: 1rem;
}

/* ============================================
   PHRASE-SPECIFIC STYLES
   ============================================ */
.word-section {
    margin-bottom: 2rem;
    padding: 1rem;
    background: #f8f9fa;
    border-radius: var(--border-radius);
    border-left: 4px solid var(--primary);
}

.word-section h3 {
    color: var(--primary);
    margin-bottom: 1rem;
    border-bottom: 1px solid #e9ecef;
    padding-bottom: 0.5rem;
}

/* ============================================
   PAGE DETAILS
   ============================================ */
.page-details {
    display: none;
    background: #f8f9fa;
    padding: 1rem;
    border-radius: var(--border-radius);
    margin-top: 0.5rem;
    border-left: 3px solid var(--primary);
    font-size: 0.85rem;
    color: var(--dark);
}

.page-details.active {
    display: block;
    animation: fadeIn 0.3s ease;
}

.page-detail-item {
    padding: 0.5rem;
    background: white;
    border-radius: 4px;
    border: 1px solid #e9ecef;
}

.page-detail-label {
    font-weight: 600;
    color: var(--gray);
    font-size: 0.8rem;
    margin-bottom: 0.25rem;
}

.page-detail-value {
    color: var(--dark);
    font-weight: 500;
}

.page-url {
    color: var(--primary);
    text-decoration: none;
    word-break: break-all;
}

.page-url:hover {
    text-decoration: underline;
}

.page-metrics {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    margin-top: 0.5rem;
}

.page-metric {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.25rem 0.5rem;
    background: white;
    border-radius: 4px;
    border: 1px solid #e9ecef;
    font-size: 0.8rem;
}

.page-metric-value {
    font-weight: 600;
    color: var(--primary);
}

/* ============================================
   LOADING & TOAST NOTIFICATIONS
   ============================================ */

.loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.loading-overlay.active {
    opacity: 1;
    visibility: visible;
}

/* Loading Spinner */
.loading-spinner {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    backdrop-filter: blur(3px);
}

.loading-spinner.active {
    opacity: 1;
    visibility: visible;
}

.spinner {
    width: 50px;
    height: 50px;
    border: 4px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top-color: var(--primary);
    animation: spin 1s ease-in-out infinite;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
    .loading-spinner {
        background: rgba(0, 0, 0, 0.7);
    }
    
    .spinner {
        border: 4px solid rgba(255, 255, 255, 0.2);
        border-top-color: var(--primary);
    }
}

/* Optional: Add text under spinner */
.loading-overlay::after {
    content: 'Loading...';
    position: absolute;
    bottom: 40%;
    left: 50%;
    transform: translateX(-50%);
    color: white;
    font-size: 1rem;
    font-weight: 500;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.toast {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #333;
    color: white;
    padding: 12px 20px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 10000;
    opacity: 0;
    transform: translateY(100px);
    transition: opacity 0.3s ease, transform 0.3s ease;
    font-size: 14px;
    max-width: 300px;
}

.toast.show {
    opacity: 1;
    transform: translateY(0);
}

.toast.success {
    background: #4caf50;
}

.toast.error {
    background: #f44336;
}

.toast.warning {
    background: #ff9800;
}

/* ============================================
   FOOTER
   ============================================ */
footer {
    background-color: var(--dark);
    color: white;
    padding: 2rem 0;
    margin-top: 3rem;
}

.footer-section h3 {
    font-size: 1.2rem;
    margin-bottom: 1rem;
    color: white;
}

.footer-info {
    color: #adb5bd;
    font-size: 0.9rem;
    line-height: 1.5;
}

.footer-bottom {
    text-align: center;
    padding-top: 1.5rem;
    border-top: 1px solid #495057;
}

.copyright {
    color: #adb5bd;
    font-size: 0.85rem;
    margin-bottom: 0.5rem;
}

.social-link {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #495057;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    text-decoration: none;
    transition: var(--transition);
}

.social-link:hover {
    background: var(--primary);
    transform: translateY(-2px);
}

/* ============================================
   RESPONSIVE DESIGN
   ============================================ */
@media (max-width: 768px) {
    .mobile-menu-container {
        display: none;
        flex-direction: column;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: linear-gradient(135deg, var(--primary), var(--secondary));
        padding: 1.5rem;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        gap: 1rem;
        z-index: 1001;
        max-height: 80vh;
        overflow-y: auto;
    }

    .mobile-menu-container.active {
        display: flex;
    }

    .nav-links {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 0.5rem;
    }

    .auth-buttons {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 0.75rem;
        margin-top: 1rem;
        padding-top: 1rem;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
    }

    .nav-links a {
        display: block;
        padding: 0.75rem 1rem;
        border-radius: var(--border-radius);
        background-color: rgba(255, 255, 255, 0.1);
        margin-bottom: 0.25rem;
    }

    .hamburger {
        display: block;
    }

    .domain-title {
        flex-direction: column;
        align-items: flex-start;
    }

    .domain-status {
        margin-left: 0;
        margin-top: 0.5rem;
    }

    .score-details {
        flex-direction: column;
        gap: 1rem;
    }

    .filters {
        flex-direction: column;
    }

    .filter-group {
        min-width: 100%;
    }

    .card-content li {
        padding: 0.5rem 0.75rem;
        margin-bottom: 0.5rem;
    }

    .card-content ul {
        padding-left: 1rem;
    }

    .redirect-info {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .redirect-status {
        margin-left: 0;
        align-self: flex-start;
    }

    .faq-accordion {
        padding: 1rem;
        margin: 1.5rem 0;
    }

    .faq-accordion h2 {
        font-size: 1.25rem;
        margin-bottom: 1rem;
    }

    .faq-accordion summary {
        padding: 1rem;
        font-size: 0.95rem;
    }

    .faq-accordion p {
        padding: 1rem;
        font-size: 0.9rem;
    }

    .faq-accordion summary::after {
        right: 1rem;
    }

    .domain-screenshot-container {
        margin: 1rem 0;
    }

    .domain-screenshot {
        height: 200px;
    }

    .screenshot-overlay {
        padding: 0.75rem;
    }

    .screenshot-text {
        font-size: 0.8rem;
    }

    .screenshot-expand-btn {
        padding: 0.4rem;
        font-size: 0.9rem;
    }

    .full-screenshot {
        max-height: 60vh;
    }

    .screenshot-controls {
        flex-direction: column;
        align-items: center;
    }

    .screenshot-download-btn,
    .screenshot-close-btn {
        width: 200px;
    }

    .profile-header {
        flex-direction: column;
        text-align: center;
        padding: 1.5rem;
    }

    .profile-avatar {
        width: 80px;
        height: 80px;
        font-size: 2rem;
    }

    .balance-info {
        flex-direction: column;
        text-align: center;
    }

    .balance-actions {
        justify-content: center;
    }

    .api-key-actions {
        flex-direction: column;
    }

    .api-key-actions button {
        width: 100%;
    }

    .page-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .create-task-btn {
        width: 100%;
        justify-content: center;
    }

    .tasks-table {
        display: block;
        overflow-x: auto;
    }

    .select-group {
        flex-direction: column;
    }

    .device-selection {
        flex-direction: column;
    }

    .device-option {
        min-width: 100%;
    }

    .form-actions {
        flex-direction: column;
    }

    .form-actions button {
        width: 100%;
    }

    .projects-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
        padding: 0 1rem;
    }

    .section-title {
        font-size: 2rem;
    }

    .project-card {
        padding: 1.5rem;
    }

    .project-title {
        font-size: 1.3rem;
    }

    .word-section {
        padding: 0.75rem;
        margin-bottom: 1rem;
    }

    .domain-info-grid {
        grid-template-columns: 1fr;
    }

    .page-details-grid {
        grid-template-columns: 1fr;
    }

    .page-metrics {
        flex-direction: column;
        gap: 0.5rem;
    }

    .tasks-table-container {
        border: none;
        background: transparent;
    }

    .tasks-table {
        min-width: 600px;
        font-size: 0.9rem;
    }

    .tasks-table th,
    .tasks-table td {
        padding: 0.75rem 0.5rem;
    }

    .task-status {
        padding: 0.25rem 0.6rem;
        font-size: 0.8rem;
        min-width: 85px;
    }

    .task-actions {
        gap: 0.25rem;
        min-width: 150px;
    }

    .action-btn {
        width: 32px;
        height: 32px;
        font-size: 0.85rem;
    }

    .tasks-table-container::after {
        content: '← scroll →';
        position: absolute;
        bottom: 10px;
        right: 10px;
        background: var(--primary);
        color: white;
        padding: 0.25rem 0.5rem;
        border-radius: 12px;
        font-size: 0.7rem;
        opacity: 0.8;
        pointer-events: none;
    }
}

@media (max-width: 480px) {
    .domain-screenshot {
        height: 150px;
    }

    .projects-section {
        padding: 2rem 0;
    }

    .section-title {
        font-size: 1.75rem;
    }

    .project-card {
        padding: 1rem;
    }

    .section-title {
        font-size: 1.25rem;
    }

    .card-title {
        font-size: 1.1rem;
    }

    .badge {
        font-size: 0.7rem;
        padding: 0.2rem 0.5rem;
    }

    .domain-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .domain-date {
        align-self: flex-end;
        font-size: 0.8rem;
    }

    .table-responsive {
        border: 1px solid #e9ecef;
        border-radius: var(--border-radius);
    }

    .data-table {
        font-size: 0.9rem;
    }

    .data-table th,
    .data-table td {
        padding: 0.5rem;
    }

    .tasks-table {
        min-width: 500px;
    }

    .tasks-table th,
    .tasks-table td {
        padding: 0.6rem 0.4rem;
    }

    .task-actions {
        min-width: 130px;
    }

    .action-btn {
        width: 30px;
        height: 30px;
        font-size: 0.8rem;
    }
}

/* ============================================
   PRINT STYLES
   ============================================ */
@media print {
    .nav-container,
    .lang-selector,
    .auth-buttons,
    .card-icon {
        display: none;
    }

    .card {
        box-shadow: none;
        border: 1px solid #ddd;
    }

    .domain-item {
        border: 1px solid #ddd;
    }
}

/* ============================================
   DARK MODE SUPPORT
   ============================================ */
@media (prefers-color-scheme: dark) {
    body {
        background: #1a1a1a;
        color: #e0e0e0;
    }

    .card, .stat-card {
        background: #2d2d2d;
        color: #e0e0e0;
    }

    .card-title {
        color: #e0e0e0;
    }

    .domain-item {
        border-color: #4a5568;
        background: #2d3748;
    }

    .domain-item:hover {
        background: #4a5568;
    }

    .data-table tbody tr:nth-child(even) {
        background-color: #4a5568;
    }

    .data-table tbody tr:hover {
        background-color: #718096;
    }

    .tasks-table th {
        background: #3d3d3d;
        color: #e0e0e0;
    }

    .tasks-table td {
        border-color: #4d4d4d;
    }

    .tasks-table tr:hover {
        background: #3d3d3d;
    }

    .form-control {
        background: #3d3d3d;
        border-color: #4d4d4d;
        color: #e0e0e0;
    }

    .phrases-container {
        background: #3d3d3d;
        border-color: #4d4d4d;
    }

    .day-label, .device-label {
        border-color: #4d4d4d;
        background: #3d3d3d;
    }

    .lang-selector {
        background: #2d2d2d;
    }
}

/* ============================================
   ACCESSIBILITY IMPROVEMENTS
   ============================================ */
.domain-name:focus,
.btn:focus {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .domain-item {
        border: 2px solid;
    }

    .badge {
        border: 1px solid;
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* ============================================
   SCROLLBAR STYLING
   ============================================ */
.tasks-table-container::-webkit-scrollbar {
    height: 8px;
}

.tasks-table-container::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.tasks-table-container::-webkit-scrollbar-thumb {
    background: var(--primary);
    border-radius: 4px;
}

.tasks-table-container::-webkit-scrollbar-thumb:hover {
    background: var(--primary-dark);
}

</style>

    <!-- Preload critical resources -->
	<!--
    <link rel="preload" href="/css/index.css" as="style">
    <link rel="preload" href="/css/all.min.css" as="style">
	-->
    <link rel="preload" href="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js" as="script">
	<!-- Add QRCode.js library -->
	<!-- Add QRCode.js from official repository -->
	<script src="https://cdn.jsdelivr.net/npm/qrcodejs@1.0.0/qrcode.min.js"></script>
    
    <!-- CSS -->
	<!--
    <link rel="stylesheet" type="text/css" href="/css/index.css">
    <link rel="stylesheet" type="text/css" href="/css/all.min.css">
	-->

    
    
    <!-- Load jQuery from Google CDN -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
    <!--<script type="text/javascript" src="/js/index.js"></script>-->
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    
</head>
<body>
    <!-- Header & Navigation -->
    <header>
        <div class="nav-container">
            <a href="/sl/" class="logo">serpuls.com</a>
            
            <!-- Combined mobile menu container -->
            <div class="mobile-menu-container" id="mobileMenu">
                <ul class="nav-links" id="navLinks">
                    <li><a href="/sl/api_docs/">API</a></li>
                    <li><a href="/sl/domain/">Domene</a></li>
                    <li><a href="/sl/phrase/">fraze</a></li>
                    <li><a href="/sl/services/">Storitve</a></li>
                </ul>
				
				<div class="auth-buttons" id="authButtons">
					<!-- Show user info when logged in -->
					<div id="userInfo" style="display: none;">
						<a href="/sl/profile/" id="userName" style="color: white; margin-right: 1rem; text-decoration: none; font-weight: 500;"></a>
						<button class="btn btn-outline" onclick="logout()">Odjava</button>
					</div>
					<!-- Show auth buttons when not logged in -->
					<div id="guestButtons">
						<button class="btn btn-outline" id="loginBtn">Prijava</button>
						<button class="btn btn-primary" id="registerBtn">Registrirajte se</button>
					</div>
				</div>
				
            </div>
            
            <button class="hamburger" id="hamburger">☰</button>
        </div>
    </header>
	


    <!-- Language Selector -->
    <div class="lang-selector" itemscope itemtype="https://schema.org/Language">
		<link itemprop="inLanguage" href="https://schema.org/English" />
        <div class="lang-container">
             <a href="https://serpuls.com/bg/phrase/kl/" hreflang="bg" lang="bg" title="Български">Български</a> | <a href="https://serpuls.com/ca/phrase/kl/" hreflang="ca" lang="ca" title="Català">Català</a> | <a href="https://serpuls.com/de/phrase/kl/" hreflang="de" lang="de" title="Deutsche">Deutsche</a> | <a href="https://serpuls.com/hr/phrase/kl/" hreflang="hr" lang="hr" title="Hrvatski">Hrvatski</a> | <a href="https://serpuls.com/cs/phrase/kl/" hreflang="cs" lang="cs" title="Čeština">Čeština</a> | <a href="https://serpuls.com/da/phrase/kl/" hreflang="da" lang="da" title="Dansk">Dansk</a> | <a href="https://serpuls.com/nl/phrase/kl/" hreflang="nl" lang="nl" title="Nederlandse">Nederlandse</a> | <a href="https://serpuls.com/en/phrase/kl/" hreflang="en" lang="en" title="English">English</a> | <a href="https://serpuls.com/et/phrase/kl/" hreflang="et" lang="et" title="Eesti keel">Eesti keel</a> | <a href="https://serpuls.com/fr/phrase/kl/" hreflang="fr" lang="fr" title="Français">Français</a> | <a href="https://serpuls.com/el/phrase/kl/" hreflang="el" lang="el" title="Ελληνικά">Ελληνικά</a> | <a href="https://serpuls.com/hu/phrase/kl/" hreflang="hu" lang="hu" title="Magyar">Magyar</a> | <a href="https://serpuls.com/it/phrase/kl/" hreflang="it" lang="it" title="Italiano">Italiano</a> | <a href="https://serpuls.com/lv/phrase/kl/" hreflang="lv" lang="lv" title="Latviski">Latviski</a> | <a href="https://serpuls.com/no/phrase/kl/" hreflang="no" lang="no" title="Norsk">Norsk</a> | <a href="https://serpuls.com/pl/phrase/kl/" hreflang="pl" lang="pl" title="Polski">Polski</a> | <a href="https://serpuls.com/pt/phrase/kl/" hreflang="pt" lang="pt" title="Português">Português</a> | <a href="https://serpuls.com/ro/phrase/kl/" hreflang="ro" lang="ro" title="Română">Română</a> | <a href="https://serpuls.com/ru/phrase/kl/" hreflang="ru" lang="ru" title="Русский">Русский</a> | <a href="https://serpuls.com/sr/phrase/kl/" hreflang="sr" lang="sr" title="Српски">Српски</a> | <a href="https://serpuls.com/sk/phrase/kl/" hreflang="sk" lang="sk" title="Slovenský">Slovenský</a> | <span>Slovenščina</span> | <a href="https://serpuls.com/es/phrase/kl/" hreflang="es" lang="es" title="Español">Español</a> | <a href="https://serpuls.com/sv/phrase/kl/" hreflang="sv" lang="sv" title="Svenska">Svenska</a> | <a href="https://serpuls.com/tr/phrase/kl/" hreflang="tr" lang="tr" title="Türkçe">Türkçe</a> | <a href="https://serpuls.com/zh/phrase/kl/" hreflang="zh" lang="zh" title="汉语">汉语</a> | <a href="https://serpuls.com/ja/phrase/kl/" hreflang="ja" lang="ja" title="日本語">日本語</a> |        </div>
    </div>

    <!-- Main Content -->
    <div class="container">
<!-- Phrase Header -->
<div class="domain-header">
	<input type="hidden" id="phrase" value="kl">
	<input type="hidden" id="phrase_id" value="227698">
    <div class="domain-title">
        <div class="domain-icon">P</div>
        <div>
            <h1 class="domain-name">kl</h1>
            <span class="domain-status registered">Aktivna fraza</span>
        </div>
    </div>
    
    <!-- Last Update Info -->
    <div class="last-update-info">
        <span class="update-label">Datum posodobitve informacij:</span>
        <span class="update-time" id="lastUpdateTime">2026/02/28</span>
    </div>
    
    <!-- Analysis Button Container -->
    <div class="analysis-button-container">
        <button class="cta-button" id="analyzeNowBtn">Posodobite analizo zdaj</button>
        <div id="analysisStatus" class="analysis-status" style="display: none;"></div>
    </div>
    
    <div class="domain-info-grid">
        <div class="domain-info-item">
            <div class="domain-info-label">Pogostost iskalnih poizvedb</div>
            <div class="domain-info-value">148571</div>
        </div>
                        <div class="domain-info-item">
            <div class="domain-info-label">Definicija besedne zveze</div>
            <div class="domain-info-value">neznano</div>
        </div>
                        <div class="domain-info-item">
            <div class="domain-info-label">Prevod fraz</div>
            <div class="domain-info-value">kl, kljukl, kljun, kluk, klak</div>
        </div>
            </div>
    
</div>



<!-- Morphological Lemmas -->


<!-- Phrase Meanings -->

<!-- Book Samples -->


<!-- Search Engine Positions -->
<!-- Chart Container -->
<div class="chart-container">
    <h2 class="chart-title">Položaji v Google</h2>
    <div id="chart_div_google" style="width: 100%; height: 400px;"></div>
</div>




<div class="card">
    <div class="card-header">
        <h2 class="card-title">Iskalne fraze - Google</h2>
        <div class="card-icon">🔍</div>
    </div>
    <div class="card-content">
        <div class="filters">
            <div class="filter-group">
                <label class="filter-label" for="googlePhraseFilter">Domena:</label>
                <input type="text" id="googleDomainFilter" class="filter-input" placeholder="Filtriraj po domeni">
            </div>
            <div class="filter-group">
                <label class="filter-label" for="googlePageFilter">Stran:</label>
                <input type="text" id="googlePageFilter" class="filter-input" placeholder="Filtriraj po strani">
            </div>
            <div class="filter-group">
                <label class="filter-label">&nbsp;</label>
                <button class="cta-button" onclick="applyPhraseFilters('google')">Uporabi filter</button>
            </div>
        </div>
        
        <!-- Update the table structure to include show page functionality -->
		<div class="table-responsive">
			<table class="data-table" id="googleDomainsTable">
				<thead>
					<tr>
						<th>Položaj</th>
						<th>Domena</th>
						<th>Stran</th>
						<th>Dejanja</th>
					</tr>
				</thead>
				<tbody id="googlePhrasesBody">
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-success">
									1								</span>
															</td>
							<td>
									<a href="/sl/domain/ru.wikipedia.org/" >
										ru.wikipedia.org									</a>
							</td>
							<td>/wiki/kl</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Prikaži podrobnosti strani								</button>
							</td>
						</tr>
						
						<!-- Page details row -->
						<tr class="page-details-row">
							<td colspan="4">
								<div class="page-details" id="page-details-google-1">
									<div class="page-details-grid">
										<div class="page-detail-item">
											<div class="page-detail-label">Celoten URL</div>
											<div class="page-detail-value">
												<a href="https://ru.wikipedia.org/wiki/kl" 
												   class="page-url" target="_blank" rel="nofollow">
													https://ru.wikipedia.org/wiki/kl												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Naslov</div>
											<div class="page-detail-value">
												KL;2630204											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Nazadnje posodobljeno</div>
											<div class="page-detail-value">
												N/A											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Organ strani</div>
											<div class="page-detail-value">
												N/A											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Promet:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Povratne povezave:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Družabne delnice:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Čas nalaganja:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Predogled izrezka:</strong><br>
										
										<noindex><a href="https://https://ru.wikipedia.org/wiki/kl" rel="nofollow" target="_blank">KL;2630204</a></noindex><br>KL (нем. Konzentrationslager) — немецкое обозначение концентрационных лагерей во время Второй мировой войны . RU-KL — код Калмыкии по стандарту ISO 3166-2.									</div>
								</div>
							</td>
						</tr>
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-success">
									2								</span>
															</td>
							<td>
									<a href="/sl/domain/kl-pro.ru/" >
										kl-pro.ru									</a>
							</td>
							<td>/category/klpro/;177...</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Prikaži podrobnosti strani								</button>
							</td>
						</tr>
						
						<!-- Page details row -->
						<tr class="page-details-row">
							<td colspan="4">
								<div class="page-details" id="page-details-google-2">
									<div class="page-details-grid">
										<div class="page-detail-item">
											<div class="page-detail-label">Celoten URL</div>
											<div class="page-detail-value">
												<a href="https://kl-pro.ru/category/klpro/;17760071" 
												   class="page-url" target="_blank" rel="nofollow">
													https://kl-pro.ru/category/klpro/;17760071												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Naslov</div>
											<div class="page-detail-value">
												KLPRO - Официальный дистрибьютор KL Pro, KL Eco ...											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Nazadnje posodobljeno</div>
											<div class="page-detail-value">
												N/A											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Organ strani</div>
											<div class="page-detail-value">
												N/A											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Promet:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Povratne povezave:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Družabne delnice:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Čas nalaganja:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Predogled izrezka:</strong><br>
										
										<noindex><a href="https://https://kl-pro.ru/category/klpro/;17760071" rel="nofollow" target="_blank">KLPRO - Официальный дистрибьютор KL Pro, KL Eco ...</a></noindex><br>Официальный дистрибьютор KL Pro, KL Eco в России . Соглашение об правилах сбора и защиты личных данных · 8 (495) 772-12-92 · 8 (800) ...									</div>
								</div>
							</td>
						</tr>
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-success">
									3								</span>
															</td>
							<td>
									<a href="/sl/domain/www.ozon.ru/" >
										www.ozon.ru									</a>
							</td>
							<td>/brand/kl-73679987/</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Prikaži podrobnosti strani								</button>
							</td>
						</tr>
						
						<!-- Page details row -->
						<tr class="page-details-row">
							<td colspan="4">
								<div class="page-details" id="page-details-google-3">
									<div class="page-details-grid">
										<div class="page-detail-item">
											<div class="page-detail-label">Celoten URL</div>
											<div class="page-detail-value">
												<a href="https://www.ozon.ru/brand/kl-73679987/" 
												   class="page-url" target="_blank" rel="nofollow">
													https://www.ozon.ru/brand/kl-73679987/												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Naslov</div>
											<div class="page-detail-value">
												KL - купить товары из каталога KL на OZON											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Nazadnje posodobljeno</div>
											<div class="page-detail-value">
												N/A											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Organ strani</div>
											<div class="page-detail-value">
												N/A											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Promet:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Povratne povezave:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Družabne delnice:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Čas nalaganja:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Predogled izrezka:</strong><br>
										
										<noindex><a href="https://https://www.ozon.ru/brand/kl-73679987/" rel="nofollow" target="_blank">KL - купить товары из каталога KL на OZON</a></noindex><br>Каталог товаров KL на OZON , быстрая и бесплатная доставка, оригинальные товары, сикдки, бонусы, рассрочка и кэшбэк.									</div>
								</div>
							</td>
						</tr>
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-warning">
									4								</span>
															</td>
							<td>
									<a href="/sl/domain/soundbrass.ru/" >
										soundbrass.ru									</a>
							</td>
							<td>/catalog-page?cat=28</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Prikaži podrobnosti strani								</button>
							</td>
						</tr>
						
						<!-- Page details row -->
						<tr class="page-details-row">
							<td colspan="4">
								<div class="page-details" id="page-details-google-4">
									<div class="page-details-grid">
										<div class="page-detail-item">
											<div class="page-detail-label">Celoten URL</div>
											<div class="page-detail-value">
												<a href="https://soundbrass.ru/catalog-page?cat=28" 
												   class="page-url" target="_blank" rel="nofollow">
													https://soundbrass.ru/catalog-page?cat=28												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Naslov</div>
											<div class="page-detail-value">
												Купить KL Acoustics - акустические системы КЛ Акустикс ...											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Nazadnje posodobljeno</div>
											<div class="page-detail-value">
												N/A											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Organ strani</div>
											<div class="page-detail-value">
												N/A											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Promet:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Povratne povezave:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Družabne delnice:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Čas nalaganja:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Predogled izrezka:</strong><br>
										
										<noindex><a href="https://https://soundbrass.ru/catalog-page?cat=28" rel="nofollow" target="_blank">Купить KL Acoustics - акустические системы КЛ Акустикс ...</a></noindex><br>Акустические системы KL Acoustics комплектуются профессиональными динамиками B&C Speakers и Eminence с модулями усиления от Park Audio и фурнитурой от Adam ...									</div>
								</div>
							</td>
						</tr>
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-warning">
									5								</span>
															</td>
							<td>
									<a href="/sl/domain/music.apple.com/" >
										music.apple.com									</a>
							</td>
							<td>/us/artist/kl/148266...</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Prikaži podrobnosti strani								</button>
							</td>
						</tr>
						
						<!-- Page details row -->
						<tr class="page-details-row">
							<td colspan="4">
								<div class="page-details" id="page-details-google-5">
									<div class="page-details-grid">
										<div class="page-detail-item">
											<div class="page-detail-label">Celoten URL</div>
											<div class="page-detail-value">
												<a href="https://music.apple.com/us/artist/kl/1482663494?l=ru;802944" 
												   class="page-url" target="_blank" rel="nofollow">
													https://music.apple.com/us/artist/kl/1482663494?l=ru;802944												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Naslov</div>
											<div class="page-detail-value">
												KL											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Nazadnje posodobljeno</div>
											<div class="page-detail-value">
												N/A											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Organ strani</div>
											<div class="page-detail-value">
												N/A											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Promet:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Povratne povezave:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Družabne delnice:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Čas nalaganja:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Predogled izrezka:</strong><br>
										
										<noindex><a href="https://https://music.apple.com/us/artist/kl/1482663494?l=ru;802944" rel="nofollow" target="_blank">KL</a></noindex><br>Слушайте музыку этого артиста (KL) в Apple Music . Найдите топ-песни и альбомы этого артиста (KL), включая «Try Again», «The Clipper» и другие.									</div>
								</div>
							</td>
						</tr>
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-warning">
									6								</span>
															</td>
							<td>
									<a href="/sl/domain/art-complex.ru/" >
										art-complex.ru									</a>
							</td>
							<td>/brand/kl-acoustics/</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Prikaži podrobnosti strani								</button>
							</td>
						</tr>
						
						<!-- Page details row -->
						<tr class="page-details-row">
							<td colspan="4">
								<div class="page-details" id="page-details-google-6">
									<div class="page-details-grid">
										<div class="page-detail-item">
											<div class="page-detail-label">Celoten URL</div>
											<div class="page-detail-value">
												<a href="https://art-complex.ru/brand/kl-acoustics/" 
												   class="page-url" target="_blank" rel="nofollow">
													https://art-complex.ru/brand/kl-acoustics/												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Naslov</div>
											<div class="page-detail-value">
												KL Acoustics - Звуковое и световое оборудование											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Nazadnje posodobljeno</div>
											<div class="page-detail-value">
												N/A											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Organ strani</div>
											<div class="page-detail-value">
												N/A											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Promet:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Povratne povezave:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Družabne delnice:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Čas nalaganja:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Predogled izrezka:</strong><br>
										
										<noindex><a href="https://https://art-complex.ru/brand/kl-acoustics/" rel="nofollow" target="_blank">KL Acoustics - Звуковое и световое оборудование</a></noindex><br>Заказать профессиональную акустику KL Acoustics в компании Art Complex. Оборудование KL Acoustics в наличии на складе по выгодным ценам.									</div>
								</div>
							</td>
						</tr>
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-warning">
									7								</span>
															</td>
							<td>
									<a href="/sl/domain/open.spotify.com/" >
										open.spotify.com									</a>
							</td>
							<td>/artist/3w405w9lddwz...</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Prikaži podrobnosti strani								</button>
							</td>
						</tr>
						
						<!-- Page details row -->
						<tr class="page-details-row">
							<td colspan="4">
								<div class="page-details" id="page-details-google-7">
									<div class="page-details-grid">
										<div class="page-detail-item">
											<div class="page-detail-label">Celoten URL</div>
											<div class="page-detail-value">
												<a href="https://open.spotify.com/artist/3w405w9lddwznfxokmqzq2" 
												   class="page-url" target="_blank" rel="nofollow">
													https://open.spotify.com/artist/3w405w9lddwznfxokmqzq2												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Naslov</div>
											<div class="page-detail-value">
												KL											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Nazadnje posodobljeno</div>
											<div class="page-detail-value">
												N/A											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Organ strani</div>
											<div class="page-detail-value">
												N/A											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Promet:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Povratne povezave:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Družabne delnice:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Čas nalaganja:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Predogled izrezka:</strong><br>
										
										<noindex><a href="https://https://open.spotify.com/artist/3w405w9lddwznfxokmqzq2" rel="nofollow" target="_blank">KL</a></noindex><br>Listen to KL on Spotify . Artist · 35.9K monthly listeners.									</div>
								</div>
							</td>
						</tr>
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-warning">
									8								</span>
															</td>
							<td>
									<a href="/sl/domain/complexbar.ru/" >
										complexbar.ru									</a>
							</td>
							<td>/brand-kl/?srsltid=a...</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Prikaži podrobnosti strani								</button>
							</td>
						</tr>
						
						<!-- Page details row -->
						<tr class="page-details-row">
							<td colspan="4">
								<div class="page-details" id="page-details-google-8">
									<div class="page-details-grid">
										<div class="page-detail-item">
											<div class="page-detail-label">Celoten URL</div>
											<div class="page-detail-value">
												<a href="https://complexbar.ru/brand-kl/?srsltid=afmbooqwvu0ghnr_nlojcc3kapnq-e5uoorm50qeud29fsgguldfnexc;28095126" 
												   class="page-url" target="_blank" rel="nofollow">
													https://complexbar.ru/brand-kl/?srsltid=afmbooqwvu0ghnr_nlojcc3kapnq-e5uoorm50qeud29fsgguldfnexc;28095126												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Naslov</div>
											<div class="page-detail-value">
												Купить товары бренда KL в Москве в интернет-магазине ...;37936413											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Nazadnje posodobljeno</div>
											<div class="page-detail-value">
												N/A											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Organ strani</div>
											<div class="page-detail-value">
												N/A											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Promet:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Povratne povezave:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Družabne delnice:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Čas nalaganja:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Predogled izrezka:</strong><br>
										
										<noindex><a href="https://https://complexbar.ru/brand-kl/?srsltid=afmbooqwvu0ghnr_nlojcc3kapnq-e5uoorm50qeud29fsgguldfnexc;28095126" rel="nofollow" target="_blank">Купить товары бренда KL в Москве в интернет-магазине ...;37936413</a></noindex><br>Товары бренда KL купить в Москве в интернет-магазин Комплекс-Бар по выгодной цене. Продукция KL оптом и в розницу для баров, ресторанов и кафе.									</div>
								</div>
							</td>
						</tr>
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-warning">
									9								</span>
															</td>
							<td>
									<a href="/sl/domain/play.google.com/" >
										play.google.com									</a>
							</td>
							<td>/store/apps/develope...</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Prikaži podrobnosti strani								</button>
							</td>
						</tr>
						
						<!-- Page details row -->
						<tr class="page-details-row">
							<td colspan="4">
								<div class="page-details" id="page-details-google-9">
									<div class="page-details-grid">
										<div class="page-detail-item">
											<div class="page-detail-label">Celoten URL</div>
											<div class="page-detail-value">
												<a href="https://play.google.com/store/apps/developer?id=kl&hl=ru" 
												   class="page-url" target="_blank" rel="nofollow">
													https://play.google.com/store/apps/developer?id=kl&hl=ru												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Naslov</div>
											<div class="page-detail-value">
												KL											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Nazadnje posodobljeno</div>
											<div class="page-detail-value">
												N/A											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Organ strani</div>
											<div class="page-detail-value">
												N/A											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Promet:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Povratne povezave:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Družabne delnice:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Čas nalaganja:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Predogled izrezka:</strong><br>
										
										<noindex><a href="https://https://play.google.com/store/apps/developer?id=kl&hl=ru" rel="nofollow" target="_blank">KL</a></noindex><br>KL 									</div>
								</div>
							</td>
						</tr>
									</tbody>
			</table>
		</div>
		
		<div class="pagination" id="googlePagination">
            <button disabled onclick="loadSearchDomains('google', 0)">«</button>
                            <button class="active" onclick="loadSearchDomains('google', 1)">1</button>
                        <button disabled onclick="loadSearchDomains('google', 2)">»</button>
        </div>
		
    </div>
</div>



<script>

google.charts.load('current', {
    'packages': ['corechart', 'line'],
    'callback': drawChart_google});

function drawChart_google() {
    var data = new google.visualization.DataTable();
    
    data.addColumn('date', 'Dan');
    data.addColumn("number", "kl");data.addColumn("number", "kl");data.addColumn("number", "kl");data.addColumn("number", "kl");data.addColumn("number", "kl");data.addColumn("number", "kl");data.addColumn("number", "kl");data.addColumn("number", "kl");data.addColumn("number", "kl");
    data.addRows([
        [new Date(2025, 9, 31),1,2,3,4,5,6,7,8,9,],[new Date(2025, 2, 23),1,4,null,3,6,null,9,5,null,],[new Date(2025, 3, 25),1,2,null,4,9,8,12,5,14,],[new Date(2025, 4, 30),13,2,null,4,16,null,10,3,null,],[new Date(2025, 5, 30),1,2,null,4,5,7,null,6,9,],[new Date(2025, 6, 31),11,18,null,3,2,null,9,5,7,],    ]);

    var options = {
        chart: {
            title: 'Najbolj priljubljene domene v google rezultati iskanja fraze: "kl"',
            subtitle: 'Zgodovina položaja domene'
        },
        width: '100%',
        height: 400,
        curveType: 'function',
        legend: { position: 'bottom' },
        pointSize: 5,
        pointsVisible: true,
        interpolateNulls: true,
        selectionMode: 'multiple',
        vAxis: {
            direction: '-1',
            title: 'Položaj',
        },
        hAxis: {
            title: 'Datum',	
        },
    };

    var chart = new google.visualization.LineChart(document.getElementById("chart_div_google"));
    chart.draw(data, options);
}
</script>
<!-- Chart Container -->
<div class="chart-container">
    <h2 class="chart-title">Položaji v Yandex</h2>
    <div id="chart_div_yandex" style="width: 100%; height: 400px;"></div>
</div>




<div class="card">
    <div class="card-header">
        <h2 class="card-title">Iskalne fraze - Yandex</h2>
        <div class="card-icon">🔍</div>
    </div>
    <div class="card-content">
        <div class="filters">
            <div class="filter-group">
                <label class="filter-label" for="yandexPhraseFilter">Domena:</label>
                <input type="text" id="yandexDomainFilter" class="filter-input" placeholder="Filtriraj po domeni">
            </div>
            <div class="filter-group">
                <label class="filter-label" for="yandexPageFilter">Stran:</label>
                <input type="text" id="yandexPageFilter" class="filter-input" placeholder="Filtriraj po strani">
            </div>
            <div class="filter-group">
                <label class="filter-label">&nbsp;</label>
                <button class="cta-button" onclick="applyPhraseFilters('yandex')">Uporabi filter</button>
            </div>
        </div>
        
        <!-- Update the table structure to include show page functionality -->
		<div class="table-responsive">
			<table class="data-table" id="yandexDomainsTable">
				<thead>
					<tr>
						<th>Položaj</th>
						<th>Domena</th>
						<th>Stran</th>
						<th>Dejanja</th>
					</tr>
				</thead>
				<tbody id="yandexPhrasesBody">
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-success">
									1								</span>
															</td>
							<td>
									<a href="/sl/domain/klauncher.gg/" >
										klauncher.gg									</a>
							</td>
							<td>/</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Prikaži podrobnosti strani								</button>
							</td>
						</tr>
						
						<!-- Page details row -->
						<tr class="page-details-row">
							<td colspan="4">
								<div class="page-details" id="page-details-yandex-1">
									<div class="page-details-grid">
										<div class="page-detail-item">
											<div class="page-detail-label">Celoten URL</div>
											<div class="page-detail-value">
												<a href="https://klauncher.gg/" 
												   class="page-url" target="_blank" rel="nofollow">
													https://klauncher.gg/												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Naslov</div>
											<div class="page-detail-value">
												KLauncher - Скачать лаунчер Майнкрафт											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Nazadnje posodobljeno</div>
											<div class="page-detail-value">
												N/A											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Organ strani</div>
											<div class="page-detail-value">
												N/A											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Promet:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Povratne povezave:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Družabne delnice:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Čas nalaganja:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Predogled izrezka:</strong><br>
										
										<noindex><a href="https://https://klauncher.gg/" rel="nofollow" target="_blank">KLauncher - Скачать лаунчер Майнкрафт</a></noindex><br>IP									</div>
								</div>
							</td>
						</tr>
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-success">
									2								</span>
															</td>
							<td>
									<a href="/sl/domain/ru.wikipedia.org/" >
										ru.wikipedia.org									</a>
							</td>
							<td>/wiki/kl</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Prikaži podrobnosti strani								</button>
							</td>
						</tr>
						
						<!-- Page details row -->
						<tr class="page-details-row">
							<td colspan="4">
								<div class="page-details" id="page-details-yandex-2">
									<div class="page-details-grid">
										<div class="page-detail-item">
											<div class="page-detail-label">Celoten URL</div>
											<div class="page-detail-value">
												<a href="https://ru.wikipedia.org/wiki/kl" 
												   class="page-url" target="_blank" rel="nofollow">
													https://ru.wikipedia.org/wiki/kl												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Naslov</div>
											<div class="page-detail-value">
												KL — Википедия											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Nazadnje posodobljeno</div>
											<div class="page-detail-value">
												N/A											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Organ strani</div>
											<div class="page-detail-value">
												N/A											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Promet:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Povratne povezave:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Družabne delnice:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Čas nalaganja:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Predogled izrezka:</strong><br>
										
										<noindex><a href="https://https://ru.wikipedia.org/wiki/kl" rel="nofollow" target="_blank">KL — Википедия</a></noindex><br>KL , Kl либо kl может означать									</div>
								</div>
							</td>
						</tr>
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-success">
									3								</span>
															</td>
							<td>
									<a href="/sl/domain/vk.com/" >
										vk.com									</a>
							</td>
							<td>/klauncher</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Prikaži podrobnosti strani								</button>
							</td>
						</tr>
						
						<!-- Page details row -->
						<tr class="page-details-row">
							<td colspan="4">
								<div class="page-details" id="page-details-yandex-3">
									<div class="page-details-grid">
										<div class="page-detail-item">
											<div class="page-detail-label">Celoten URL</div>
											<div class="page-detail-value">
												<a href="https://vk.com/klauncher" 
												   class="page-url" target="_blank" rel="nofollow">
													https://vk.com/klauncher												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Naslov</div>
											<div class="page-detail-value">
												KLauncher.gg — ВКонтакте											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Nazadnje posodobljeno</div>
											<div class="page-detail-value">
												N/A											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Organ strani</div>
											<div class="page-detail-value">
												N/A											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Promet:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Povratne povezave:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Družabne delnice:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Čas nalaganja:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Predogled izrezka:</strong><br>
										
										<noindex><a href="https://https://vk.com/klauncher" rel="nofollow" target="_blank">KLauncher.gg — ВКонтакте</a></noindex><br>Подписчиков 									</div>
								</div>
							</td>
						</tr>
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-warning">
									4								</span>
															</td>
							<td>
									<a href="/sl/domain/abbreviationfinder.org/" >
										abbreviationfinder.org									</a>
							</td>
							<td>/acronyms/kl.html;28...</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Prikaži podrobnosti strani								</button>
							</td>
						</tr>
						
						<!-- Page details row -->
						<tr class="page-details-row">
							<td colspan="4">
								<div class="page-details" id="page-details-yandex-4">
									<div class="page-details-grid">
										<div class="page-detail-item">
											<div class="page-detail-label">Celoten URL</div>
											<div class="page-detail-value">
												<a href="https://abbreviationfinder.org/acronyms/kl.html;2853316" 
												   class="page-url" target="_blank" rel="nofollow">
													https://abbreviationfinder.org/acronyms/kl.html;2853316												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Naslov</div>
											<div class="page-detail-value">
												What does KL mean?											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Nazadnje posodobljeno</div>
											<div class="page-detail-value">
												N/A											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Organ strani</div>
											<div class="page-detail-value">
												N/A											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Promet:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Povratne povezave:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Družabne delnice:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Čas nalaganja:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Predogled izrezka:</strong><br>
										
										<noindex><a href="https://https://abbreviationfinder.org/acronyms/kl.html;2853316" rel="nofollow" target="_blank">What does KL mean?</a></noindex><br>As previously mentioned, the image associated with the acronym KL is formatted in PNG, which stands for Portable Network Graphics.									</div>
								</div>
							</td>
						</tr>
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-warning">
									5								</span>
															</td>
							<td>
									<a href="/sl/domain/ru-minecraft.ru/" >
										ru-minecraft.ru									</a>
							</td>
							<td>/launcher/74233-klau...</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Prikaži podrobnosti strani								</button>
							</td>
						</tr>
						
						<!-- Page details row -->
						<tr class="page-details-row">
							<td colspan="4">
								<div class="page-details" id="page-details-yandex-5">
									<div class="page-details-grid">
										<div class="page-detail-item">
											<div class="page-detail-label">Celoten URL</div>
											<div class="page-detail-value">
												<a href="https://ru-minecraft.ru/launcher/74233-klauncher.html" 
												   class="page-url" target="_blank" rel="nofollow">
													https://ru-minecraft.ru/launcher/74233-klauncher.html												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Naslov</div>
											<div class="page-detail-value">
												Klauncher - Клаунчер, лаунчер для майнкрафт с большим...											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Nazadnje posodobljeno</div>
											<div class="page-detail-value">
												N/A											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Organ strani</div>
											<div class="page-detail-value">
												N/A											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Promet:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Povratne povezave:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Družabne delnice:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Čas nalaganja:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Predogled izrezka:</strong><br>
										
										<noindex><a href="https://https://ru-minecraft.ru/launcher/74233-klauncher.html" rel="nofollow" target="_blank">Klauncher - Клаунчер, лаунчер для майнкрафт с большим...</a></noindex><br>KL 									</div>
								</div>
							</td>
						</tr>
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-warning">
									6								</span>
															</td>
							<td>
									<a href="/sl/domain/music.yandex.ru/" >
										music.yandex.ru									</a>
							</td>
							<td>/artist/23129119</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Prikaži podrobnosti strani								</button>
							</td>
						</tr>
						
						<!-- Page details row -->
						<tr class="page-details-row">
							<td colspan="4">
								<div class="page-details" id="page-details-yandex-6">
									<div class="page-details-grid">
										<div class="page-detail-item">
											<div class="page-detail-label">Celoten URL</div>
											<div class="page-detail-value">
												<a href="https://music.yandex.ru/artist/23129119" 
												   class="page-url" target="_blank" rel="nofollow">
													https://music.yandex.ru/artist/23129119												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Naslov</div>
											<div class="page-detail-value">
												KL — слушать онлайн бесплатно на Яндекс Музыке...											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Nazadnje posodobljeno</div>
											<div class="page-detail-value">
												N/A											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Organ strani</div>
											<div class="page-detail-value">
												N/A											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Promet:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Povratne povezave:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Družabne delnice:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Čas nalaganja:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Predogled izrezka:</strong><br>
										
										<noindex><a href="https://https://music.yandex.ru/artist/23129119" rel="nofollow" target="_blank">KL — слушать онлайн бесплатно на Яндекс Музыке...</a></noindex><br>KL слушать лучшее онлайн бесплатно в хорошем качестве на Яндекс Музыке.									</div>
								</div>
							</td>
						</tr>
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-warning">
									7								</span>
															</td>
							<td>
									<a href="/sl/domain/tv-detail.ru/" >
										tv-detail.ru									</a>
							</td>
							<td>/brands/kl_acoustics...</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Prikaži podrobnosti strani								</button>
							</td>
						</tr>
						
						<!-- Page details row -->
						<tr class="page-details-row">
							<td colspan="4">
								<div class="page-details" id="page-details-yandex-7">
									<div class="page-details-grid">
										<div class="page-detail-item">
											<div class="page-detail-label">Celoten URL</div>
											<div class="page-detail-value">
												<a href="https://tv-detail.ru/brands/kl_acoustics/" 
												   class="page-url" target="_blank" rel="nofollow">
													https://tv-detail.ru/brands/kl_acoustics/												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Naslov</div>
											<div class="page-detail-value">
												KL ACOUSTICS - профессиональное звуковое...											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Nazadnje posodobljeno</div>
											<div class="page-detail-value">
												N/A											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Organ strani</div>
											<div class="page-detail-value">
												N/A											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Promet:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Povratne povezave:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Družabne delnice:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Čas nalaganja:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Predogled izrezka:</strong><br>
										
										<noindex><a href="https://https://tv-detail.ru/brands/kl_acoustics/" rel="nofollow" target="_blank">KL ACOUSTICS - профессиональное звуковое...</a></noindex><br>Компания KL Acoustics разработчик профессионального звукового оборудрования с многолетним стажем и безупречной репутацией, производит...									</div>
								</div>
							</td>
						</tr>
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-warning">
									8								</span>
															</td>
							<td>
									<a href="/sl/domain/t.me/" >
										t.me									</a>
							</td>
							<td>/s/klauncher</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Prikaži podrobnosti strani								</button>
							</td>
						</tr>
						
						<!-- Page details row -->
						<tr class="page-details-row">
							<td colspan="4">
								<div class="page-details" id="page-details-yandex-8">
									<div class="page-details-grid">
										<div class="page-detail-item">
											<div class="page-detail-label">Celoten URL</div>
											<div class="page-detail-value">
												<a href="https://t.me/s/klauncher" 
												   class="page-url" target="_blank" rel="nofollow">
													https://t.me/s/klauncher												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Naslov</div>
											<div class="page-detail-value">
												KLauncher.gg — Telegram											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Nazadnje posodobljeno</div>
											<div class="page-detail-value">
												N/A											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Organ strani</div>
											<div class="page-detail-value">
												N/A											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Promet:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Povratne povezave:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Družabne delnice:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Čas nalaganja:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Predogled izrezka:</strong><br>
										
										<noindex><a href="https://https://t.me/s/klauncher" rel="nofollow" target="_blank">KLauncher.gg — Telegram</a></noindex><br>Подписчиков 									</div>
								</div>
							</td>
						</tr>
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-warning">
									9								</span>
															</td>
							<td>
									<a href="/sl/domain/art-complex.ru/" >
										art-complex.ru									</a>
							</td>
							<td>/brand/kl-acoustics/</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Prikaži podrobnosti strani								</button>
							</td>
						</tr>
						
						<!-- Page details row -->
						<tr class="page-details-row">
							<td colspan="4">
								<div class="page-details" id="page-details-yandex-9">
									<div class="page-details-grid">
										<div class="page-detail-item">
											<div class="page-detail-label">Celoten URL</div>
											<div class="page-detail-value">
												<a href="https://art-complex.ru/brand/kl-acoustics/" 
												   class="page-url" target="_blank" rel="nofollow">
													https://art-complex.ru/brand/kl-acoustics/												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Naslov</div>
											<div class="page-detail-value">
												Звуковое оборудование KL Acoustics											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Nazadnje posodobljeno</div>
											<div class="page-detail-value">
												N/A											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Organ strani</div>
											<div class="page-detail-value">
												N/A											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Promet:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Povratne povezave:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Družabne delnice:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Čas nalaganja:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Predogled izrezka:</strong><br>
										
										<noindex><a href="https://https://art-complex.ru/brand/kl-acoustics/" rel="nofollow" target="_blank">Звуковое оборудование KL Acoustics</a></noindex><br>Компания KL Acoustics (Россия) - это разработчик профессионального звукового оборудрования с многолетним стажем и безупречной репутацией.									</div>
								</div>
							</td>
						</tr>
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-warning">
									10								</span>
															</td>
							<td>
									<a href="/sl/domain/filetypeadvisor.com/" >
										filetypeadvisor.com									</a>
							</td>
							<td>/ru/extension/kl</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Prikaži podrobnosti strani								</button>
							</td>
						</tr>
						
						<!-- Page details row -->
						<tr class="page-details-row">
							<td colspan="4">
								<div class="page-details" id="page-details-yandex-10">
									<div class="page-details-grid">
										<div class="page-detail-item">
											<div class="page-detail-label">Celoten URL</div>
											<div class="page-detail-value">
												<a href="https://filetypeadvisor.com/ru/extension/kl" 
												   class="page-url" target="_blank" rel="nofollow">
													https://filetypeadvisor.com/ru/extension/kl												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Naslov</div>
											<div class="page-detail-value">
												Формат KL - Как открыть KL -файл - File Type Advisor											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Nazadnje posodobljeno</div>
											<div class="page-detail-value">
												N/A											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Organ strani</div>
											<div class="page-detail-value">
												N/A											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Promet:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Povratne povezave:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Družabne delnice:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Čas nalaganja:</span>
											<span class="page-metric-value">
												N/A											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Predogled izrezka:</strong><br>
										
										<noindex><a href="https://https://filetypeadvisor.com/ru/extension/kl" rel="nofollow" target="_blank">Формат KL - Как открыть KL -файл - File Type Advisor</a></noindex><br>В данный момент в нашей базе данных нет описания файлового типа KL , но мы можем порекомендовать некоторые программы, которые могут открыть...									</div>
								</div>
							</td>
						</tr>
									</tbody>
			</table>
		</div>
		
		<div class="pagination" id="yandexPagination">
            <button disabled onclick="loadSearchDomains('yandex', 0)">«</button>
                            <button class="active" onclick="loadSearchDomains('yandex', 1)">1</button>
                        <button disabled onclick="loadSearchDomains('yandex', 2)">»</button>
        </div>
		
    </div>
</div>



<script>

google.charts.load('current', {
    'packages': ['corechart', 'line'],
    'callback': drawChart_yandex});

function drawChart_yandex() {
    var data = new google.visualization.DataTable();
    
    data.addColumn('date', 'Dan');
    data.addColumn("number", "kl");data.addColumn("number", "kl");data.addColumn("number", "kl");data.addColumn("number", "kl");data.addColumn("number", "kl");data.addColumn("number", "kl");data.addColumn("number", "kl");data.addColumn("number", "kl");data.addColumn("number", "kl");data.addColumn("number", "kl");
    data.addRows([
        [new Date(2025, 2, 21),1,4,null,6,null,null,null,null,null,null,],[new Date(2025, 5, 6),1,2,3,4,5,6,7,8,9,10,],    ]);

    var options = {
        chart: {
            title: 'Najbolj priljubljene domene v yandex rezultati iskanja fraze: "kl"',
            subtitle: 'Zgodovina položaja domene'
        },
        width: '100%',
        height: 400,
        curveType: 'function',
        legend: { position: 'bottom' },
        pointSize: 5,
        pointsVisible: true,
        interpolateNulls: true,
        selectionMode: 'multiple',
        vAxis: {
            direction: '-1',
            title: 'Položaj',
        },
        hAxis: {
            title: 'Datum',	
        },
    };

    var chart = new google.visualization.LineChart(document.getElementById("chart_div_yandex"));
    chart.draw(data, options);
}
</script>


<!-- Phrase SEO Article -->
<div class="card">
    <div class="card-header">
        <h2 class="card-title">kl člen</h2>
        <div class="card-icon">📝</div>
    </div>
    <div class="card-content">
        <p><h1>Skrivnost Kl: Odklepanje skritega potenciala v vašem vsakdanjem življenju</h1>
<p>Dobrodošli v fascinantnem svetu <strong>kl</strong>, pojma, za katerega mnogi ljudje še niso slišali, a lahko močno vpliva na njihova življenja. V tem članku bomo raziskali, kaj pomeni <strong>kl</strong>, kako ga lahko uporabimo za različne vidike vašega življenja in zakaj bi lahko bilo razumevanje in vključitev tega ena najboljših odločitev, ki jih sprejmete. Potopimo se torej v skrivnostno in razsvetljujoče potovanje odkrivanja pravega potenciala <strong>kl</strong>.</p>
<h2>Kaj je Kl?</h2>
<p>Najprej, kaj točno mislimo z <strong>kl</strong>? No, <strong>kl</strong> pomeni učenje znanja. To je izraz, skovan za opis neprekinjenega procesa pridobivanja novih informacij, veščin in izkušenj. <strong>Kl</strong> presega zgolj teoretično učenje; zajema praktično uporabo, kritično razmišljanje in osebno rast.</p>
<h3>Moč nenehnega učenja</h3>
<ul>
    <li><strong>Prilagodljivost:</strong> V današnjem hitro spreminjajočem se svetu je prilagodljivost ključnega pomena. Z nenehnim učenjem se opremite z znanjem in veščinami, potrebnimi za krmarjenje v različnih situacijah in izzivih.</li>
    <li><strong>Inovativnost:</strong> Tisti, ki sprejemajo nenehno učenje, so pogosto bolj inovativni. Vidijo priložnosti tam, kjer jih drugi morda ne, ker imajo širšo perspektivo in globlje razumejo svoje področje.</li>
    <li><strong>Karierno napredovanje:</strong> Podjetja cenijo zaposlene, ki so se pripravljeni učiti in rasti. Če vložite čas v <strong>kl</strong>, lahko izboljšate svoje poklicne sposobnosti in si odprete nove karierne možnosti.</li>
</ul>
<h2>Kako lahko Kl vključite v svoje življenje?</h2>
<p>Zdaj, ko razumemo, kaj je <strong>kl</strong> in zakaj je pomemben, se pogovorimo o nekaj praktičnih načinih, kako ga vključiti v svojo dnevno rutino.</p>
<h3>1. Postavite si učne cilje</h3>
<p>Preden se začnete česar koli učiti, si morate jasno zastaviti cilje. Kaj želite doseči? Ne glede na to, ali gre za obvladovanje novega jezika ali izboljšanje veščin digitalnega trženja, vam bodo posebni cilji pomagali ostati motivirani in osredotočeni.</p>
<h3>2. Uporabite spletne vire</h3>
<p>Internet je zakladnica informacij. Izkoristite spletne tečaje, vadnice, spletne seminarje in poddaje, da razširite svoje znanje. Platforme, kot so Coursera, Udemy in Khan Academy, ponujajo tečaje o skoraj vseh temah, ki si jih lahko zamislite.</p>
<h3>3. Berite redno</h3>
<p>Branje je eden najučinkovitejših načinov učenja. Ni pomembno, ali imate raje fizične knjige, e-knjige ali zvočne knjige – pomembno je, da branje postane stalni del vaše rutine. Razmislite o včlanitvi v knjižni klub ali sodelovanju v spletnih razpravah, da poglobite svoje razumevanje in sodelujete z drugimi.</p>
<h3>4. Vadite aktivno učenje</h3>
<p>Pasivno učenje vključuje uživanje informacij, ne da bi se z njimi nujno ukvarjali. Če želite resnično izkoristiti <strong>kl</strong>, izvajajte tehnike aktivnega učenja, kot je povzemanje prebranega, poučevanje nekoga drugega o temi ali uporaba konceptov v situacijah v resničnem svetu.</p>
<h3>5. Sprejmite neuspeh</h3>
<p>Napake so neizogiben del učnega procesa. Namesto da nanje gledate kot na ovire, jih glejte kot na priložnosti za rast. Razmislite o tem, kaj je šlo narobe, se iz tega učite in uporabite to znanje za izboljšanje svojih prihodnjih prizadevanj.</p>
<h2>Kl v akciji: primeri iz resničnega življenja</h2>
<p>Da bi bolje ponazorili vpliv <strong>kl</strong>, si poglejmo nekaj resničnih primerov posameznikov, ki so uspešno vključili stalno učenje v svoje življenje.</p>
<h3>Jane Doe: od novinca do strokovnjaka</h3>
<p>Jane je bila grafična oblikovalka, ki je želela napredovati v svoji karieri. Začela je z določitvijo posebnih ciljev, kot sta obvladovanje programa Adobe Photoshop in razumevanje načel spletnega oblikovanja. Jane je uporabljala spletne vire, hodila na tečaje in redno vadila. Danes ni le izkušena grafična oblikovalka, ampak tudi iskana svetovalka na svojem področju.</p>
<h3>John Smith: Vseživljenjski učenec</h3>
<p>John je upokojeni inženir, ki se vsak dan uči novih stvari. Bere o znanosti in tehnologiji, obiskuje predavanja in se preizkuša z različnimi hobiji. John verjame, da je učenje vseživljenjsko potovanje, in spodbuja tudi druge, naj ga sprejmejo.</p>
<h2>Prihodnost Kl</h2>
<p>Pomen nenehnega učenja bo v prihodnjih letih le še naraščal. Z napredkom tehnologije in razvojem industrij je vedno bolj pomembno biti na tekočem z najnovejšimi trendi in razvojem. Če sprejmete <strong>kl</strong>, se lahko postavite za uspeh v svetu, ki se nenehno spreminja.</p>
<h3>Nasveti za ohranjanje prednosti</h3>
<ul><li><strong>Sledite industrijskim trendom:</strong> Bodite obveščeni o najnovejšem napredku na svojem področju tako, da spremljate ustrezne bloge, se naročite na glasila in se udeležujete industrijskih dogodkov.</li>
    <li><strong>Ostanite radovedni:</strong> Ohranite radoveden način razmišljanja in bodite odprti za raziskovanje novih tem in idej. Tudi če se zdijo nepovezani z vašimi trenutnimi interesi ali karierno potjo, lahko ponudijo dragocene vpoglede in perspektive.</li>
    <li><strong>Mrežite se s podobno mislečimi posamezniki:</strong> Povežite se z ljudmi, ki imajo enako vašo strast do učenja. Pridruževanje skupnostim, na spletu ali osebno, lahko zagotovi podporo, motivacijo in priložnosti za sodelovanje.</li>
</ul>
<h2>Zaključek</h2>
<p>V današnjem hitrem tempu in nenehno razvijajočem se svetu je nenehno učenje bolj pomembno kot kdaj koli prej. Z vključitvijo <strong>kl</strong> v svojo dnevno rutino lahko odklenete skriti potencial, ostanete pred krivuljo in dosežete svoje cilje. Ne pozabite, da je učenje vseživljenjsko potovanje, zato nikoli ne nehajte iskati znanja in rasti.</p>
<p>Upamo, da vam je ta članek dal dragocen vpogled v moč <strong>kl</strong> in kako ga vključiti v svoje življenje. Če imate kakršna koli vprašanja ali želite deliti svoje izkušnje z nenehnim učenjem, vas prosimo, da pustite komentar spodaj. Radi bi slišali vaše mnenje!</p>
<p><em>Avtor: Serpulse.com</em></p></p>
    </div>
</div>



<!-- Words Definitions -->

<!-- Additional Services -->
<div class="card">
    <div class="card-header">
        <h2 class="card-title">Dodatne storitve</h2>
        <div class="card-icon">💎</div>
    </div>
    <div class="card-content">
        <div class="info-grid">
            <div class="info-item">
                <span class="popup-trigger" alt="Popolna revizija SEO s podrobnimi priporočili">
                    <button class="cta-button" 
                        data-modal="paymentModal" 
                        data-title="Popolna revizija SEO" 
                        data-text="Popolna revizija SEO s podrobnimi priporočili za izboljšanje pozicij v iskalnikih." 
                        data-price="99.99">
                        Popolna revizija SEO                    </button>
                    <span class="popup-text"></span>
                </span>
            </div>
            <div class="info-item">
                <span class="popup-trigger" alt="Mesečno spremljanje položaja za 100 ključnih fraz">
                    <button class="cta-button" 
                        data-modal="paymentModal" 
                        data-title="Spremljanje položaja" 
                        data-text="Mesečno spremljanje položaja za 100 ključnih fraz v Googlu in Yandexu." 
                        data-price="49.99">
                        Spremljanje položaja                    </button>
                    <span class="popup-text"></span>
                </span>
            </div>
            <div class="info-item">
                <span class="popup-trigger" alt="Analiza konkurentov in prepoznavanje njihovih promocijskih strategij">
                    <button class="cta-button" 
                        data-modal="paymentModal" 
                        data-title="Analiza konkurentov" 
                        data-text="Analiza konkurentov in prepoznavanje njihovih promocijskih strategij." 
                        data-price="79.99">
                        Analiza konkurentov                    </button>
                    <span class="popup-text"></span>
                </span>
            </div>
        </div>
    </div>
</div>

<!-- JavaScript for AJAX Pagination -->
<script>
// Apply filters function
function applyPhraseFilters(engine) {
    loadSearchDomains(engine, 1);
}

// Load search domains for phrase
function loadSearchDomains(engine, page) {
    const domainFilter = document.getElementById(engine + 'DomainFilter').value;
    const pageFilter = document.getElementById(engine + 'PageFilter').value;
    const phrase_id = document.getElementById('phrase_id').value;
	
    const data = {
        type: 'search_domains',
        engine: engine,
        page: page,
        phrase_id: phrase_id, // Send the phrase
        domain_filter: domainFilter,
        page_filter: pageFilter
    };

    sendRequest('/ajax/', data, function(response) {
        if (response.status === 'ok') {
            renderSearchDomains(engine, response.data);
            renderPagination(engine, response.pagination);
        } else {
            console.error('Error loading search domains:', response.error);
        }
    });
}



// Render domain pagination specifically for phrase pages
function renderDomainPagination(engine, pagination) {
    const paginationContainer = document.getElementById(engine + 'Pagination');
    paginationContainer.innerHTML = '';

    const { current_page, total_pages, has_previous, has_next } = pagination;

    // Previous button
    const prevButton = document.createElement('button');
    prevButton.innerHTML = '&laquo;';
    prevButton.disabled = !has_previous;
    prevButton.addEventListener('click', () => {
        if (has_previous) loadSearchDomains(engine, current_page - 1);
    });
    paginationContainer.appendChild(prevButton);

    // Page buttons
    for (let i = 1; i <= total_pages; i++) {
        const pageButton = document.createElement('button');
        pageButton.textContent = i;
        pageButton.classList.toggle('active', i === current_page);
        pageButton.addEventListener('click', () => {
            if (i !== current_page) loadSearchDomains(engine, i);
        });
        paginationContainer.appendChild(pageButton);
    }

    // Next button
    const nextButton = document.createElement('button');
    nextButton.innerHTML = '&raquo;';
    nextButton.disabled = !has_next;
    nextButton.addEventListener('click', () => {
        if (has_next) loadSearchDomains(engine, current_page + 1);
    });
    paginationContainer.appendChild(nextButton);
}

// Get badge class based on position
function getPositionBadgeClass(position) {
    if (position <= 3) return 'badge-success';
    if (position <= 10) return 'badge-warning';
    return 'badge-danger';
}

// Toggle snippet visibility
function toggleSnippet(button) {
    const snippet = button.nextElementSibling;
    const isVisible = snippet.style.display === 'block';
    
    snippet.style.display = isVisible ? 'none' : 'block';
    button.textContent = isVisible ? 'Pokaži izrezek' : 'Skrij delček';
}
</script>


<script>
    // Toggle page details visibility
    function togglePageDetails(button) {
        const row = button.closest('tr');
        const detailsRow = row.nextElementSibling;
        const pageDetails = detailsRow.querySelector('.page-details');
        
        // Close all other open page details
        document.querySelectorAll('.page-details').forEach(detail => {
            if (detail !== pageDetails) {
                detail.classList.remove('active');
            }
        });
        
        // Update all button texts
        document.querySelectorAll('.show-page-btn').forEach(btn => {
            if (btn !== button) {
                btn.textContent = 'Prikaži podrobnosti strani';
            }
        });
        
        // Toggle current page details
        if (pageDetails.classList.contains('active')) {
            pageDetails.classList.remove('active');
            button.textContent = 'Prikaži podrobnosti strani';
        } else {
            pageDetails.classList.add('active');
            button.textContent = 'Skrij podrobnosti strani';
        }
    }

    // Close all page details when clicking outside
    document.addEventListener('click', function(e) {
        if (!e.target.closest('.show-page-btn') && !e.target.closest('.page-details')) {
            document.querySelectorAll('.page-details').forEach(detail => {
                detail.classList.remove('active');
            });
            document.querySelectorAll('.show-page-btn').forEach(btn => {
                btn.textContent = 'Prikaži podrobnosti strani';
            });
        }
    });

    // Update the renderSearchDomains function to include show page buttons
    function renderSearchDomains(engine, data) {
        const tbody = document.getElementById(engine + 'PhrasesBody');
        tbody.innerHTML = '';

        data.forEach((item, index) => {
            const row = document.createElement('tr');
            
            // Format position with change
            let positionHtml = `<span class="badge ${getPositionBadgeClass(item.position)}">${item.position}</span>`;
            if (item.change !== null && item.change !== 0) {
                const changeClass = item.change > 0 ? 'positive' : 'negative';
                const changeSymbol = item.change > 0 ? '+' : '';
                positionHtml += `<span class="position-change ${changeClass}">(${changeSymbol}${item.change})</span>`;
            }

            row.innerHTML = `
                <td>${positionHtml}</td>
                <td><noindex><a href="/sl/domain/${item.domain}/" rel="nofollow">${item.domain}</a></noindex></td>
                <td>${item.page}</td>
                <td>
                    <button class="show-page-btn" onclick="togglePageDetails(this)">Prikaži podrobnosti strani</button>
                </td>
            `;
            tbody.appendChild(row);
            
            // Add page details row
            const detailsRow = document.createElement('tr');
            detailsRow.className = 'page-details-row';
            detailsRow.innerHTML = `
                <td colspan="4">
                    <div class="page-details" id="page-details-${engine}-${index}">
                        <div class="page-details-grid">
                            <div class="page-detail-item">
                                <div class="page-detail-label">Full URL</div>
                                <div class="page-detail-value">
                                    <a href="${item.full_url || '#'}" class="page-url" target="_blank" rel="nofollow">
                                        ${item.full_url || 'N/A'}
                                    </a>
                                </div>
                            </div>
                            <div class="page-detail-item">
                                <div class="page-detail-label">Title</div>
                                <div class="page-detail-value">${item.page_title || 'N/A'}</div>
                            </div>
                            <div class="page-detail-item">
                                <div class="page-detail-label">Last Updated</div>
                                <div class="page-detail-value">${item.last_updated || 'N/A'}</div>
                            </div>
                            <div class="page-detail-item">
                                <div class="page-detail-label">Page Authority</div>
                                <div class="page-detail-value">${item.page_authority || 'N/A'}</div>
                            </div>
                        </div>
                        <div class="page-metrics">
                            <div class="page-metric">
                                <span class="page-detail-label">Traffic:</span>
                                <span class="page-metric-value">${item.traffic || 'N/A'}</span>
                            </div>
                            <div class="page-metric">
                                <span class="page-detail-label">Backlinks:</span>
                                <span class="page-metric-value">${item.backlinks || 'N/A'}</span>
                            </div>
                            <div class="page-metric">
                                <span class="page-detail-label">Social Shares:</span>
                                <span class="page-metric-value">${item.social_shares || 'N/A'}</span>
                            </div>
                            <div class="page-metric">
                                <span class="page-detail-label">Load Time:</span>
                                <span class="page-metric-value">${item.load_time || 'N/A'}</span>
                            </div>
                        </div>
                        <div class="snippet" style="margin-top: 1rem;">
                            <strong>Snippet Preview:</strong><br>
                            ${item.snippet || 'No snippet available'}
                        </div>
                    </div>
                </td>
            `;
            tbody.appendChild(detailsRow);
        });
    }
</script>    </div>

	<!-- Footer -->
    <footer>
        <div class="footer-container">
            <div class="footer-content">
                <div class="footer-section">
					<h3>About serpulse.com</h3>
					<div class="footer-info">
						<p>Profesionalno orodje za analizo iskalnikov, spremljanje položaja in SEO optimizacijo.</p>
						<p style="margin-top: 1rem;"><strong>Skynet360 LP.</strong></p>
						<p><strong>Company No:</strong> SL027564</p>
						<p><strong>Address:</strong> Suite 1 4 Queen Street, Edinburgh, Scotland, EH2 1JE</p>
					</div>
				</div>
                
                <div class="footer-section">
                    <h3>Quick Links</h3>
                    <ul class="footer-links">
                        <li><a href="/sl/">domov</a></li>
                        <li><a href="/sl/profile/">Profil</a></li>
                        <li><a href="/sl/tasks/">Naloge spremljanja</a></li>
                        <li><a href="/sl/api_docs/">API dokumentacija</a></li>
						<li><a href="/sl/team/">Naša ekipa</a></li>
                    </ul>
                </div>
                
                <div class="footer-section">
                    <h3>Resources</h3>
                    <ul class="footer-links">
                        <!--<li><a href="#">Dokumentacija</a></li>-->
                        <li><a href="/sl/blogs/">Blog</a></li>
                        <li><a href="/sl/faq/">pogosta vprašanja</a></li>
                        <li><a href="/sl/support/">Podpora</a></li>
                    </ul>
                </div>
                
                <div class="footer-section">
                    <h3>Contacts</h3>
                    <div class="footer-info">
                        <p>Email: <a href="mailto:info@serpuls.com">info@serpuls.com</a></p>
                        <p>Telegram: <a href="https://t.me/serpulse_support">@serpulse_support</a></p>
                        <div class="social-links">
                            <a href="#" class="social-link" title="Telegram">📱</a>
                            <a href="https://github.com/SkyNetJose/serpuls" class="social-link" title="GitHub">💻</a>
                            <a href="#" class="social-link" title="Twitter">🐦</a>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="footer-bottom">
                <p class="copyright">© 2026 serpuls.com. All rights reserved. Skynet360 LP.</p>
                <div class="footer-bottom-links">
                    <a href="/sl/privacy/">Politika zasebnosti</a>
                    <a href="/sl/terms/">Pogoji uporabe</a>
                    <a href="/sl/agreement/">Uporabniška pogodba</a>
                    <a href="/sl/cookie/">Politika piškotkov</a>
                </div>
            </div>
        </div>
    </footer>

    <!-- Updated Payment Modal HTML -->
	<div class="modal" id="paymentModal">
		<div class="modal-content">
			<span class="close-btn">&times;</span>
			<div class="modal-success" id="paymentSuccess">
				<div class="success-icon">✓</div>
				<h3>Платеж успешен!</h3>
				<p>Спасибо за ваш заказ. Мы свяжемся с вами в ближайшее время.</p>
				<button class="cta-button" onclick="closeModal('paymentModal')">Закрывать</button>
			</div>
			<form id="paymentForm" onsubmit="return processPayment(event)">
				<h2 class="modal-title" id="modalTitle">Оплата за услугу</h2>
				<p class="modal-text" id="modalText">Описание услуги</p>
				
				<!-- Hidden fields for payment type and ID -->
				<input type="hidden" id="paymentType" name="payment_type" value="">
				<input type="hidden" id="paymentItemId" name="payment_item_id" value="">
				
				<!-- Payment Options -->
				<div class="payment-options" id="paymentOptions">
					<!-- Options will be dynamically generated here -->
				</div>
				
				<!-- Manual Price Input (Optional) - Now dynamically shown based on config -->
				<div class="form-group" id="manualPriceGroup" style="display: none;">
					<label for="manualPrice">Введите сумму (USD):</label>
					<input type="number" 
						   id="manualPrice" 
						   class="form-control" 
						   placeholder="Введите сумму"
						   min="1"
						   max="10000"
						   step="0.01"
						   oninput="updateManualPrice(this.value)">
					<div class="error-message" id="manualPriceError"></div>
				</div>
				
				<!-- Custom Price Option Toggle - Now dynamically shown -->
				<div class="form-group" id="customPriceToggle" style="display: none; margin-bottom: 1rem;">
					<label style="display: flex; align-items: center; gap: 0.5rem; cursor: pointer;">
						<input type="radio" 
							   id="customPriceRadio" 
							   name="paymentOption" 
							   value="custom"
							   onchange="toggleCustomPriceSelection(this.checked)">
						Указать свою сумму
					</label>
				</div>
				
				<div class="form-group">
					<label for="modalName">Имя:</label>
					<input type="text" id="modalName" class="form-control" placeholder="Введите свое имя" required>
					<div class="error-message" id="modalNameError"></div>
				</div>
				<div class="form-group">
					<label for="modalEmail">Электронная почта:</label>
					<input type="email" id="modalEmail" class="form-control" placeholder="Введите адрес электронной почты" required>
					<div class="error-message" id="modalEmailError"></div>
				</div>
				<p class="modal-price" id="modalPrice">Цена: $0.00</p>
				<button type="submit" class="cta-button" id="payButton">Платить $0.00</button>
			</form>
		</div>
	</div>

    <!-- Redirect Modal (for iframe) -->
    <div class="modal" id="redirectModal">
        <div class="modal-content modal-large">
            <span class="close-btn">&times;</span>
            <h2 class="modal-title">Plačilo</h2>
            <iframe id="redirectIframe" class="modal-iframe" src=""></iframe>
        </div>
    </div>

	
	
	<!-- Auth Modal -->
	<div class="modal" id="authModal">
		<div class="modal-content">
			<span class="close-btn">&times;</span>
			<div class="auth-tabs">
				<div class="auth-tab active" data-tab="login">Авторизоваться</div>
				<div class="auth-tab" data-tab="register">Зарегистрироваться</div>
			</div>
			
			<div class="auth-form active" id="loginForm">
				<h2 class="modal-title">Войти в аккаунт</h2>
				
				<!-- Regular Login -->
				<div class="form-group">
					<label for="loginEmail">Электронная почта:</label>
					<input type="email" id="loginEmail" class="form-control" placeholder="Введите адрес электронной почты">
					<div class="error-message" id="loginEmailError"></div>
				</div>
				<div class="form-group">
					<label for="loginPassword">Пароль:</label>
					<input type="password" id="loginPassword" class="form-control" placeholder="Введите свой пароль">
					<div class="error-message" id="loginPasswordError"></div>
				</div>
				<button class="cta-button" style="width: 100%;" onclick="processLogin()">Авторизоваться</button>
				
				<!-- Telegram Login Option -->
				<div style="text-align: center; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #e9ecef;">
					<p style="margin-bottom: 1rem; color: var(--gray);">Или войдите через Telegram</p>
					<button class="cta-button" style="background: #0088cc; width: 100%;" onclick="loginWithTelegram()">
						<span style="margin-right: 0.5rem;">📱</span> Войти через Telegram
					</button>
				</div>
			</div>
			
			<div class="auth-form" id="registerForm">
				<h2 class="modal-title">Зарегистрироваться через Telegram</h2>
				
				<!-- Registration Form -->
				<div class="form-group">
					<label for="registerName">Имя:</label>
					<input type="text" id="registerName" class="form-control" placeholder="Введите свое имя" required>
					<div class="error-message" id="registerNameError"></div>
				</div>
				
				<div class="form-group">
					<label for="registerEmail">Электронная почта:</label>
					<input type="email" id="registerEmail" class="form-control" placeholder="Введите адрес электронной почты" required>
					<div class="error-message" id="registerEmailError"></div>
				</div>
				
				<button class="cta-button" style="background: #0088cc; width: 100%; padding: 1rem; font-size: 1.1rem;" onclick="startTelegramRegistration()">
					<span style="margin-right: 0.5rem;">🚀</span> Продолжить регистрацию в Telegram
				</button>
				
				<div class="how-it-works">
					<h4 class="how-it-works-title">Как это работает:</h4>
					<ol class="how-it-works-list">
						<li>Введите имя и email выше</li>
						<li>Нажмите кнопку для открытия Telegram</li>
						<li>Завершите регистрацию в боте (потребуется номер телефона)</li>
						<li>Получите email с данными для входа</li>
					</ol>
				</div>
			</div>
		</div>
	</div>
	

	<!-- Telegram Code Input Modal -->

	<div class="modal" id="telegramCodeModal">
		<div class="modal-content">
			<span class="close-btn" onclick="closeModal('telegramCodeModal')">&times;</span>
			<div class="centered-content">
				<div class="success-icon">🔐</div>
				<h2 class="modal-title">Код подтверждения</h2>
				<p class="modal-text">Код был отправлен в Telegram. Введите его ниже:</p>
						
				<div class="form-group">
					<input type="text" id="telegramLoginCode" class="form-control verify-code-input" 
							placeholder="0000000" maxlength="7" style="font-size: 1.5rem; letter-spacing: 0.5rem;">
					<div class="error-message" id="telegramLoginCodeError"></div>
				</div>
						
						
				<button class="cta-button" style="width: 100%; margin-top: 1rem;" onclick="verifyTelegramLoginCode()">
						Подтвердить вход
				</button>
						
				<div class="timer-container" id="loginCodeTimer">
					Код действителен: <span id="loginTimer">05:00</span>
				</div>
			</div>
		</div>
	</div>
	
	<!-- Updated Telegram Verification Modal -->
	<div class="modal" id="telegramVerifyModal">
		<div class="modal-content">
			<span class="close-btn" onclick="closeTelegramVerifyModal()">&times;</span>
			<div class="centered-content">
				<div class="success-icon">📱</div>
				<h2 class="modal-title">Завершите регистрацию в Telegram</h2>
				<p class="modal-text" id="telegramModalText">
					Telegram был открыт в новой вкладке.<br>
					Если бот не открылся автоматически, используйте кнопку ниже или отсканируйте QR-код.
				</p>
				
				<!-- QR Code Container -->
				<div id="qrCodeContainer" style="margin: 1.5rem 0; text-align: center;">
					<div id="qrcode" style="display: inline-block;"></div>
					<p style="font-size: 0.9rem; color: var(--gray); margin-top: 0.5rem;">
						Отсканируйте QR-код для открытия бота
					</p>
				</div>
				
				<!-- Timer and Status -->
				<div id="telegramTimer" class="timer-container">
					Ожидание подтверждения... <span id="timer">05:00</span>
				</div>
				
				<!-- Action Buttons -->
				<div style="display: flex; gap: 1rem; margin-top: 1.5rem; flex-wrap: wrap; justify-content: center;">
					<button class="cta-button" style="background: #0088cc;" onclick="openTelegramBot()" id="openTelegramBtn">
						📱 Открыть Telegram снова
					</button>
					<button class="cta-button secondary" onclick="refreshTelegramQR()" id="refreshQRBtn">
						🔄 Обновить QR-код
					</button>
				</div>
				
				<!-- Status Info -->
				<div class="info-box" style="margin-top: 1.5rem;">
					<p style="margin: 0; font-size: 0.9rem;">
						<strong>Как это работает:</strong><br>
						1. Нажмите "Открыть Telegram" или отсканируйте QR-код<br>
						2. В боте нажмите START и поделитесь номером телефона<br>
						3. Статус подтверждения обновится автоматически
					</p>
				</div>
			</div>
		</div>
	</div>

	<!-- Email Verification Modal -->
	<div class="modal" id="emailVerifyModal">
		<div class="modal-content">
			<span class="close-btn" onclick="closeEmailVerifyModal()">&times;</span>
			<div class="centered-content">
				<div class="success-icon">📧</div>
				<h2 class="modal-title">Подтверждение Email</h2>
				<p class="modal-text">Мы отправили письмо с подтверждением на ваш email</p>
				
				<!-- Email Verification Input -->
				<div class="form-group">
					<label for="emailVerifyToken">Код подтверждения:</label>
					<input type="text" id="emailVerifyToken" class="form-control" placeholder="Введите код из письма" style="text-align: center; font-size: 1.1rem;">
					<div class="error-message" id="emailVerifyTokenError"></div>
				</div>
				
				<button class="cta-button" style="width: 100%; margin-bottom: 1rem;" onclick="verifyEmailToken()">
					Подтвердить Email
				</button>
				
				<button id="resendEmailBtn" class="cta-button secondary" style="width: 100%;" onclick="resendEmailVerification()" disabled>
					Отправить код повторно (<span id="resendTimer">300</span>)
				</button>
				
				<!-- Auto-check status -->
				<div id="emailCheckStatus" style="margin-top: 1rem; display: none;">
					<p style="color: var(--gray); font-size: 0.9rem;">
						🔍 Проверяем статус подтверждения...
					</p>
				</div>
			</div>
		</div>
	</div>

    <!-- Image reusable Modal -->
    <div class="modal" id="imgModal">
        <div class="modal-content">
            <span class="close-btn">&times;</span>
            <img id="modalImg" src="" style="max-width:90%; max-height:90%; margin-top:40px; border-radius:8px;">
        </div>
    </div>


	<!--Loading overlay -->
	<div class="loading-overlay" id="loadingOverlay">
		<div class="loading-spinner"></div>
	</div>

	<div class="toast" id="toast"></div>

	
	<script>
	
		// Get language from URL path like /en/about or /ru/products
		function getLangFromUrl() {
			const path = window.location.pathname;
			const match = path.match(/^\/([a-z]{2})(\/|$)/i);
			return match ? match[1] : 'en'; // default to 'en' if no language code found
		}

		// Store in global variable
		window.currentLang = getLangFromUrl();

	
	
		// Show loading overlay
        function showLoading() {
            document.getElementById('loadingOverlay').classList.add('active');
        }

        // Hide loading overlay
        function hideLoading() {
            document.getElementById('loadingOverlay').classList.remove('active');
        }
		
		// Show toast notification
        function showToast(message, type = 'info') {
            const toast = document.getElementById('toast');
            toast.textContent = message;
            toast.className = 'toast ' + type;
            toast.classList.add('show');
            
            setTimeout(() => {
                toast.classList.remove('show');
            }, 3000);
        }
	
        // Check user login status on page load
        document.addEventListener('DOMContentLoaded', function() {
            checkUserLoginStatus();
        });

        // Function to check if user is logged in
        function checkUserLoginStatus() {
			const userInfoElement = document.getElementById('userInfo');
			const guestButtonsElement = document.getElementById('guestButtons');
			const userNameElement = document.getElementById('userName');
			
			// Show loading state or keep defaults while checking
			if (guestButtonsElement) {
				guestButtonsElement.style.display = 'flex';
			}
			if (userInfoElement) {
				userInfoElement.style.display = 'none';
			}
			
			const data = {
				type: 'check_user_logined'
			};

			sendRequest('/ajax/', data, function(response) {
				if (response.status === 'ok') {
					if (response.user_logined === 1) {
						// User is logged in
						if (userInfoElement) {
							userInfoElement.style.display = 'block';
						}
						if (guestButtonsElement) {
							guestButtonsElement.style.display = 'none';
						}
						if (userNameElement) {
							// Use logined_user_name if available, otherwise show default
							userNameElement.textContent = response.logined_user_name || 'Профиль';
						}
						
						// Optionally store minimal info in localStorage for quick access
						// but don't rely on it for auth state
						if (response.logined_user_id) {
							localStorage.setItem('user_id', response.logined_user_id);
						}
						if (response.logined_user_name) {
							localStorage.setItem('user_name', response.logined_user_name);
						}
					} else {
						// User is not logged in
						if (userInfoElement) {
							userInfoElement.style.display = 'none';
						}
						if (guestButtonsElement) {
							guestButtonsElement.style.display = 'flex';
						}
						
						// Clear any previously stored user data
						localStorage.removeItem('user_id');
						localStorage.removeItem('user_name');
						localStorage.removeItem('user_info');
					}
				} else {
					console.error('Error checking login status:', response.error);
					// On error, default to guest view
					if (userInfoElement) {
						userInfoElement.style.display = 'none';
					}
					if (guestButtonsElement) {
						guestButtonsElement.style.display = 'flex';
					}
				}
			}, false); // Don't show loading overlay for this quick check
		}

        // Logout function
        function logout() {
			// Send logout request to server
			const data = {
				type: 'logout'
			};
			
			sendRequest('/ajax/', data, function(response) {
				// Clear all user data from localStorage regardless of response
				localStorage.removeItem('user_info');
				localStorage.removeItem('user_id');
				localStorage.removeItem('user_name');
				localStorage.removeItem('current_user_token');
				
				// Update UI
				checkUserLoginStatus();
				
				// Redirect to main page
				window.location.href = '/';
			});
		}
    </script>
	
    <script>
	
		// Mobile menu toggle - Combined approach
		document.getElementById('hamburger').addEventListener('click', function() {
			const mobileMenu = document.getElementById('mobileMenu');
			mobileMenu.classList.toggle('active');
		});

		// Close mobile menu when clicking on links or buttons
		document.querySelectorAll('.nav-links a, .auth-buttons button').forEach(element => {
			element.addEventListener('click', function() {
				document.getElementById('mobileMenu').classList.remove('active');
			});
		});

		// Close mobile menu when clicking outside
		document.addEventListener('click', function(event) {
			const mobileMenu = document.getElementById('mobileMenu');
			const hamburger = document.getElementById('hamburger');
			const navContainer = document.querySelector('.nav-container');
			
			if (!navContainer.contains(event.target) && mobileMenu.classList.contains('active')) {
				mobileMenu.classList.remove('active');
			}
		});
		
        // Simple animation on scroll
        document.addEventListener('DOMContentLoaded', function() {
            const cards = document.querySelectorAll('.card, .domain-header, .chart-container, .lemma-card');
            
            const observer = new IntersectionObserver((entries) => {
                entries.forEach(entry => {
                    if (entry.isIntersecting) {
                        entry.target.style.opacity = '1';
                        entry.target.style.transform = 'translateY(0)';
                    }
                });
            }, { 
				threshold: 0.01, // Optional: keep small percentage
				rootMargin: '350px 0px 350px 0px' // Trigger 100px before element enters
			});
            
            cards.forEach(card => {
                card.style.opacity = '0';
                card.style.transform = 'translateY(20px)';
                card.style.transition = 'opacity 0.5s ease, transform 0.5s ease';
                observer.observe(card);
            });
        });

        // Toggle links visibility
        function toggleLinks(className, btn, max_count = 5) {
            const list = document.getElementById(className);
            const items = list.querySelectorAll('li');
            const hiddenItems = list.querySelectorAll('li.hidden');

            if (hiddenItems.length > 0) {
                // Show all
                list.querySelectorAll('li.hidden').forEach(el => el.classList.remove('hidden'));
                btn.textContent = 'Skrij se';
            } else {
                // Hide all beyond the first 5
                items.forEach((el, index) => {
                    if (index >= max_count) el.classList.add('hidden');
                });
                btn.textContent = 'Pokaži več';
            }
        }

        // Toggle raw data visibility
        function toggleRawData(elementId, btn) {
            const element = document.getElementById(elementId);
            if (element.style.maxHeight === '200px') {
                element.style.maxHeight = 'none';
                btn.textContent = 'Skrij vse podatke';
            } else {
                element.style.maxHeight = '200px';
                btn.textContent = 'Prikaži celotne podatke';
            }
        }




</script>

<script>

        // Payment Modal
		
		// Global variable to store payment config
		let paymentConfig = {
			allowCustomAmount: false,
			minAmount: 1,
			maxAmount: 1000
		};
		
		
		// Payment options functionality
		document.addEventListener('DOMContentLoaded', function() {
			// Replace the entire payment options event listener with this:
			document.addEventListener('change', function(e) {
				if (e.target && e.target.name === 'paymentOption') {
					// Update selected state for regular options
					document.querySelectorAll('.payment-option').forEach(opt => {
						opt.classList.remove('selected');
					});
					
					// Handle custom price radio separately
					if (e.target.id === 'customPriceRadio') {
						// For custom price, we don't have a .payment-option wrapper
						// Just update the custom price toggle UI
						document.querySelectorAll('.payment-option').forEach(opt => {
							opt.classList.remove('selected');
						});
						
						// You might want to add visual feedback for custom price selection
						const customPriceToggle = document.getElementById('customPriceToggle');
						if (customPriceToggle) {
							customPriceToggle.style.backgroundColor = 'rgba(67, 97, 238, 0.1)';
							customPriceToggle.style.borderLeft = '3px solid var(--primary)';
							customPriceToggle.style.padding = '0.5rem';
							customPriceToggle.style.borderRadius = 'var(--border-radius)';
						}
					} else {
						// For regular options, highlight the .payment-option container
						const paymentOption = e.target.closest('.payment-option');
						if (paymentOption) {
							paymentOption.classList.add('selected');
							
							// Reset custom price toggle styling if it was highlighted
							const customPriceToggle = document.getElementById('customPriceToggle');
							if (customPriceToggle) {
								customPriceToggle.style.backgroundColor = '';
								customPriceToggle.style.borderLeft = '';
								customPriceToggle.style.padding = '';
							}
						}
					}
					
					// Update price (this should work for all options)
					updatePaymentPrice(e.target.value);
				}
			});
		});

		// Update the updatePaymentPrice function to handle custom price:
		function updatePaymentPrice(price) {
			const modalPrice = document.getElementById('modalPrice');
			const payButton = document.getElementById('payButton');
			const customPriceRadio = document.getElementById('customPriceRadio');
			
			// Uncheck custom price radio if regular option is selected
			if (customPriceRadio && customPriceRadio.checked === false) {
				document.getElementById('manualPriceGroup').style.display = 'none';
				
				// Reset custom price toggle styling
				const customPriceToggle = document.getElementById('customPriceToggle');
				if (customPriceToggle) {
					customPriceToggle.style.backgroundColor = '';
					customPriceToggle.style.borderLeft = '';
					customPriceToggle.style.padding = '';
				}
			}
			
			modalPrice.textContent = 'Цена: $' + parseFloat(price).toFixed(2);
			payButton.textContent = 'Платить $' + parseFloat(price).toFixed(2);
			payButton.disabled = false;
			payButton.style.opacity = '1';
		}

		// Generate payment options based on config
		function generatePaymentOptions(optionsData, paymentType = 'balance', paymentItemId = '', config = {}) {
			const paymentOptionsContainer = document.getElementById('paymentOptions');
			const paymentTypeInput = document.getElementById('paymentType');
			const paymentItemIdInput = document.getElementById('paymentItemId');
			const customPriceToggle = document.getElementById('customPriceToggle');
			const manualPriceGroup = document.getElementById('manualPriceGroup');
			
			// Set hidden fields
			paymentTypeInput.value = paymentType;
			paymentItemIdInput.value = paymentItemId;
			
			// Store config globally
			paymentConfig = {
				allowCustomAmount: config.allowCustomAmount || false,
				minAmount: config.minAmount || 1,
				maxAmount: config.maxAmount || 1000
			};
			
			// Clear container
			paymentOptionsContainer.innerHTML = '';
			
			// Generate regular options
			if (optionsData && optionsData.length > 0) {
				optionsData.forEach((option, index) => {
					const optionElement = document.createElement('div');
					optionElement.className = 'payment-option';
					optionElement.innerHTML = `
						<input type="radio" 
							   id="option${index}" 
							   name="paymentOption" 
							   value="${option.price}" 
							   data-label="${option.label}"
							   ${option.default ? 'checked' : ''}
							   onchange="updatePaymentPrice('${option.price}')">
						<label for="option${index}">${option.label} - $${option.price}</label>
					`;
					paymentOptionsContainer.appendChild(optionElement);
				});
				
				paymentOptionsContainer.style.display = 'block';
			} else {
				paymentOptionsContainer.style.display = 'none';
			}
			
			// Show/hide custom amount option based on config
			if (paymentConfig.allowCustomAmount) {
				customPriceToggle.style.display = 'block';
				
				// Update manual price input constraints
				document.getElementById('manualPrice').min = paymentConfig.minAmount;
				document.getElementById('manualPrice').max = paymentConfig.maxAmount;
				document.getElementById('manualPrice').placeholder = 
					`От $${paymentConfig.minAmount} до $${paymentConfig.maxAmount}`;
			} else {
				customPriceToggle.style.display = 'none';
				manualPriceGroup.style.display = 'none';
			}
			
			// Select first option by default if none is marked as default
			if (optionsData && optionsData.length > 0) {
				const defaultOption = paymentOptionsContainer.querySelector('input[type="radio"][checked]') ||
									 paymentOptionsContainer.querySelector('input[type="radio"]');
				if (defaultOption) {
					defaultOption.checked = true;
					defaultOption.closest('.payment-option').classList.add('selected');
					updatePaymentPrice(defaultOption.value);
				}
			} else if (paymentConfig.allowCustomAmount) {
				// If no options but custom amount is allowed, show custom by default
				document.getElementById('customPriceRadio').checked = true;
				toggleCustomPriceSelection(true);
			}
		}
		
		// Also update the toggleCustomPriceSelection function:
		function toggleCustomPriceSelection(isSelected) {
			const manualPriceGroup = document.getElementById('manualPriceGroup');
			const paymentOptions = document.getElementById('paymentOptions');
			const customPriceRadio = document.getElementById('customPriceRadio');
			
			if (isSelected) {
				manualPriceGroup.style.display = 'block';
				
				// Deselect all regular options
				document.querySelectorAll('input[name="paymentOption"]').forEach(radio => {
					if (radio.id !== 'customPriceRadio') {
						radio.checked = false;
						const paymentOption = radio.closest('.payment-option');
						if (paymentOption) {
							paymentOption.classList.remove('selected');
						}
					}
				});
				
				// Visual feedback for custom price selection
				const customPriceToggle = document.getElementById('customPriceToggle');
				if (customPriceToggle) {
					customPriceToggle.style.backgroundColor = 'rgba(67, 97, 238, 0.1)';
					customPriceToggle.style.borderLeft = '3px solid var(--primary)';
					customPriceToggle.style.padding = '0.5rem';
					customPriceToggle.style.borderRadius = 'var(--border-radius)';
					customPriceToggle.style.transition = 'var(--transition)';
				}
				
				// Focus on manual price input
				setTimeout(() => {
					const manualInput = document.getElementById('manualPrice');
					manualInput.focus();
					
					// Update price if there's already a value
					if (manualInput.value) {
						updateManualPrice(manualInput.value);
					} else {
						// Set default to min amount
						updateManualPrice(paymentConfig.minAmount);
						manualInput.value = paymentConfig.minAmount;
					}
				}, 100);
			} else {
				manualPriceGroup.style.display = 'none';
				
				// Reset custom price toggle styling
				const customPriceToggle = document.getElementById('customPriceToggle');
				if (customPriceToggle) {
					customPriceToggle.style.backgroundColor = '';
					customPriceToggle.style.borderLeft = '';
					customPriceToggle.style.padding = '';
				}
			}
		}
		
		// Update price from manual input in real-time
		function updateManualPrice(price) {
			if (!price || price < paymentConfig.minAmount || price > paymentConfig.maxAmount) {
				const modalPrice = document.getElementById('modalPrice');
				const payButton = document.getElementById('payButton');
				
				if (price && (price < paymentConfig.minAmount || price > paymentConfig.maxAmount)) {
					modalPrice.textContent = `Цена: от $${paymentConfig.minAmount} до $${paymentConfig.maxAmount}`;
					payButton.textContent = 'Неверная сумма';
					payButton.disabled = true;
					payButton.style.opacity = '0.6';
				} else {
					modalPrice.textContent = 'Цена: $0.00';
					payButton.textContent = 'Платить $0.00';
					payButton.disabled = true;
					payButton.style.opacity = '0.6';
				}
				return;
			}
			
			const modalPrice = document.getElementById('modalPrice');
			const payButton = document.getElementById('payButton');
			
			modalPrice.textContent = 'Цена: $' + parseFloat(price).toFixed(2);
			payButton.textContent = 'Платить $' + parseFloat(price).toFixed(2);
			payButton.disabled = false;
			payButton.style.opacity = '1';
		}
		
        const paymentModal = document.getElementById('paymentModal');
        const paymentCloseBtn = paymentModal.querySelector('.close-btn');

        // Elements inside modal
        const modalTitle = document.getElementById('modalTitle');
        const modalText = document.getElementById('modalText');
        const modalPrice = document.getElementById('modalPrice');
        const payButton = document.getElementById('payButton');
        const paymentForm = document.getElementById('paymentForm');
        const paymentSuccess = document.getElementById('paymentSuccess');

        // Updated modal opening handler
		document.querySelectorAll('[data-modal="paymentModal"]').forEach(trigger => {
			trigger.addEventListener('click', function(e) {
				e.preventDefault();

				// Get data attributes
				const title = this.getAttribute('data-title');
				const text = this.getAttribute('data-text');
				const price = this.getAttribute('data-price');
				const paymentType = this.getAttribute('data-payment-type') || 'balance';
				const paymentItemId = this.getAttribute('data-payment-item-id') || '';
				
				// Get payment config from data attributes
				const allowCustomAmount = this.getAttribute('data-allow-custom') === 'true';
				const minAmount = parseFloat(this.getAttribute('data-min-amount')) || 1;
				const maxAmount = parseFloat(this.getAttribute('data-max-amount')) || 1000;
				
				// Get payment options from data attribute
				const optionsData = this.getAttribute('data-options');
				let paymentOptions = [];
				
				if (optionsData) {
					try {
						paymentOptions = JSON.parse(optionsData);
					} catch (e) {
						console.error('Error parsing payment options:', e);
					}
				}

				// Fill modal content
				document.getElementById('modalTitle').textContent = title;
				document.getElementById('modalText').textContent = text;
				
				// Generate payment options with config
				const config = {
					allowCustomAmount: allowCustomAmount,
					minAmount: minAmount,
					maxAmount: maxAmount
				};
				
				generatePaymentOptions(paymentOptions, paymentType, paymentItemId, config);
				
				// If no options and custom amount not allowed, use default price
				if (paymentOptions.length === 0 && !allowCustomAmount) {
					updatePaymentPrice(price);
				}

				// Reset form
				resetForm('paymentModal');
				document.getElementById('paymentForm').style.display = 'block';
				document.getElementById('paymentSuccess').style.display = 'none';

				// Show modal
				document.getElementById('paymentModal').style.display = 'flex';
			});
		});

		// Helper function to reset form
		function resetPaymentForm() {
			document.getElementById('modalName').value = '';
			document.getElementById('modalEmail').value = '';
			document.getElementById('manualPrice').value = '';
			
			if (document.getElementById('customPriceRadio')) {
				document.getElementById('customPriceRadio').checked = false;
			}
			
			clearErrors(['nameError', 'emailError', 'manualPriceError']);
		}

        // Close payment modal
        paymentCloseBtn.addEventListener('click', function() {
            paymentModal.style.display = 'none';
        });

        // Close on outside click
        window.addEventListener('click', function(e) {
            if (e.target === paymentModal) {
                paymentModal.style.display = 'none';
            }
        });

        // Fill tooltip with alt text automatically
        document.querySelectorAll('.popup-trigger').forEach(trigger => {
            const altText = trigger.getAttribute('alt');
            const popupText = trigger.querySelector('.popup-text');
            if (popupText && altText) {
                popupText.textContent = altText;
            }
        });

</script>

<script>


		// Fill tooltip with alt text automatically
        document.querySelectorAll('.popup-trigger').forEach(trigger => {
            const altText = trigger.getAttribute('alt');
            const popupText = trigger.querySelector('.popup-text');
            if (popupText && altText) {
                popupText.textContent = altText;
            }
        });

        // Auth Modal
        const authModal = document.getElementById('authModal');
        const authCloseBtn = authModal.querySelector('.close-btn');
        const loginBtn = document.getElementById('loginBtn');
        const registerBtn = document.getElementById('registerBtn');
        const authTabs = document.querySelectorAll('.auth-tab');
        const authForms = document.querySelectorAll('.auth-form');

        // Open auth modal
        loginBtn.addEventListener('click', function() {
            authModal.style.display = 'flex';
            switchAuthTab('login');
            resetForm('authModal');
        });

        registerBtn.addEventListener('click', function() {
            authModal.style.display = 'flex';
            switchAuthTab('register');
            resetForm('authModal');
        });

        // Close auth modal
        authCloseBtn.addEventListener('click', function() {
            authModal.style.display = 'none';
        });

        // Close on outside click
        window.addEventListener('click', function(e) {
            if (e.target === authModal) {
                authModal.style.display = 'none';
            }
        });

        // Switch auth tabs
        function switchAuthTab(tabName) {
            authTabs.forEach(tab => {
                if (tab.getAttribute('data-tab') === tabName) {
                    tab.classList.add('active');
                } else {
                    tab.classList.remove('active');
                }
            });

            authForms.forEach(form => {
                if (form.id === tabName + 'Form') {
                    form.classList.add('active');
                } else {
                    form.classList.remove('active');
                }
            });
        }

        // Add click events to auth tabs
        authTabs.forEach(tab => {
            tab.addEventListener('click', function() {
                const tabName = this.getAttribute('data-tab');
                switchAuthTab(tabName);
                resetForm('authModal');
            });
        });

        // Reset form and errors
        function resetForm(modalType) {
            if (modalType === 'paymentModal') {
                document.getElementById('modalName').value = '';
                document.getElementById('modalEmail').value = '';
                clearErrors(['nameError', 'emailError']);
            } else if (modalType === 'authModal') {
                document.getElementById('loginEmail').value = '';
                document.getElementById('loginPassword').value = '';
                document.getElementById('registerName').value = '';
                document.getElementById('registerEmail').value = '';
                if(document.getElementById('registerPassword'))document.getElementById('registerPassword').value = '';
                if(document.getElementById('registerConfirmPassword'))document.getElementById('registerConfirmPassword').value = '';
                clearErrors(['loginEmailError', 'loginPasswordError', 'registerNameError', 'registerEmailError', 'registerPasswordError', 'registerConfirmPasswordError']);
            }
        }

        // Clear error messages
        function clearErrors(errorIds) {
            errorIds.forEach(id => {
                const errorElement = document.getElementById(id);
				if (errorElement) {
					errorElement.textContent = '';
					errorElement.classList.remove('show');
					const inputElement = document.getElementById(id.replace('Error', ''));
					if (inputElement) {
						inputElement.classList.remove('error');
					}
				}
            });
        }

		// Show error message
		function showError(fieldId, message) {
			const errorElement = document.getElementById(fieldId + 'Error');
			const inputElement = document.getElementById(fieldId);
			
			if (errorElement) {
				errorElement.textContent = message;
				errorElement.classList.add('show');
			}
			
			if (inputElement) {
				inputElement.classList.add('error');
			}
		}

        // Enhanced close modal function for general use
		function closeModal(modalId) {
			// Clear timers based on which modal is being closed
			switch(modalId) {
				case 'telegramVerifyModal':
					clearTelegramTimers();
					break;
				case 'emailVerifyModal':
					clearEmailTimers();
					break;
				case 'authModal':
					// Clear any potential timers in auth modal
					break;
			}
			
			document.getElementById(modalId).style.display = 'none';
		}

        // Enhanced processPayment function
		function processPayment(event) {
			if (event) event.preventDefault();
			
			const name = document.getElementById('modalName').value;
			const email = document.getElementById('modalEmail').value;
			const paymentType = document.getElementById('paymentType').value;
			const paymentItemId = document.getElementById('paymentItemId').value;
			
			// Get price - check if using custom amount or selected option
			let price;
			let optionLabel = '';
			
			const customPriceRadio = document.getElementById('customPriceRadio');
			if (customPriceRadio && customPriceRadio.checked) {
				// Custom amount
				price = document.getElementById('manualPrice').value;
				optionLabel = 'custom_amount';
				
				// Validate custom amount
				if (!price || price < paymentConfig.minAmount || price > paymentConfig.maxAmount) {
					showError('manualPrice', `Сумма должна быть от $${paymentConfig.minAmount} до $${paymentConfig.maxAmount}`);
					return false;
				}
			} else {
				// Regular option
				const selectedOption = document.querySelector('input[name="paymentOption"]:checked');
				if (selectedOption) {
					price = selectedOption.value;
					optionLabel = selectedOption.getAttribute('data-label') || 'selected_option';
				} else {
					// Fallback to default price
					price = document.getElementById('modalPrice').textContent.match(/\d+\.\d+/)?.[0] || '0';
					optionLabel = 'default';
				}
			}
			
			const service = document.getElementById('modalTitle').textContent;

			// Clear previous errors
			clearErrors(['nameError', 'emailError', 'manualPriceError']);

			// Validate form
			let hasErrors = false;
			
			if (!name) {
				showError('modalName', 'Пожалуйста, введите свое имя');
				hasErrors = true;
			}
			
			if (!email) {
				showError('modalEmail', 'Пожалуйста, введите свой адрес электронной почты');
				hasErrors = true;
			} else if (!/\S+@\S+\.\S+/.test(email)) {
				showError('modalEmail', 'Пожалуйста, введите действительный адрес электронной почты');
				hasErrors = true;
			}

			if (hasErrors) return false;

			// Prepare data for API request
			const data = {
				type: 'payment',
				name: name,
				email: email,
				price: parseFloat(price).toFixed(2),
				service: service,
				payment_type: paymentType,
				payment_item_id: paymentItemId,
				option: optionLabel,
				is_custom_amount: (customPriceRadio && customPriceRadio.checked) ? 1 : 0
			};

			// Send request to API
			sendRequest('/ajax/', data, function(response) {
				if (response.status === 'ok') {
					if (response.redirect_url) {
						handlePaymentRedirect(response.redirect_url, response.redirect_type);
					} else {
						// Show success message
						document.getElementById('paymentForm').style.display = 'none';
						document.getElementById('paymentSuccess').style.display = 'block';
					}
				} else {
					// Show error message
					alert('Ошибка: ' + response.error);
				}
			});
			
			return false;
		}

        // Handle payment redirect
        function handlePaymentRedirect(redirectUrl, redirectType) {
            switch (redirectType) {
                case 'new_window':
                    window.open(redirectUrl, '_blank');
                    closeModal('paymentModal');
                    break;
                case 'iframe':
                    document.getElementById('redirectIframe').src = redirectUrl;
                    closeModal('paymentModal');
                    document.getElementById('redirectModal').style.display = 'flex';
                    break;
                case 'default':
                default:
                    window.location.href = redirectUrl;
                    break;
            }
        }

        // Process login
        function processLogin() {
            const email = document.getElementById('loginEmail').value;
            const password = document.getElementById('loginPassword').value;

            // Clear previous errors
            clearErrors(['loginEmail', 'loginPassword']);

            // Validate form
            let hasErrors = false;
            if (!email) {
                showError('loginEmail', 'Prosimo, vnesite svoj e-poštni naslov');
                hasErrors = true;
            } else if (!/\S+@\S+\.\S+/.test(email)) {
                showError('loginEmail', 'Vnesite veljaven e-poštni naslov');
                hasErrors = true;
            }
            if (!password) {
                showError('loginPassword', 'Prosim vnesite svoje geslo');
                hasErrors = true;
            }

            if (hasErrors) return;

            // Prepare data for API request
            const data = {
                type: 'login',
                email: email,
                password: password
            };

            // Send request to API
            sendRequest('/ajax/', data, function(response) {
                if (response.status === 'ok') {
                    // Close modal and redirect or show success
                    closeModal('authModal');
                    alert('Prijava uspešna!');
                    // Redirect to profile
					window.location.href = '/' + window.currentLang + '/profile/';
					
                } else {
                    // Show error message
                    alert('Napaka: ' + response.error);
                }
            });
        }

        // Process registration
        function processRegistration() {
            const name = document.getElementById('registerName').value;
            const email = document.getElementById('registerEmail').value;
            const password = document.getElementById('registerPassword').value;
            const confirmPassword = document.getElementById('registerConfirmPassword').value;

            // Clear previous errors
            clearErrors(['registerName', 'registerEmail', 'registerPassword', 'registerConfirmPassword']);

            // Validate form
            let hasErrors = false;
            if (!name) {
                showError('registerName', 'Prosim vnesite svoje ime');
                hasErrors = true;
            }
            if (!email) {
                showError('registerEmail', 'Prosimo, vnesite svoj e-poštni naslov');
                hasErrors = true;
            } else if (!/\S+@\S+\.\S+/.test(email)) {
                showError('registerEmail', 'Vnesite veljaven e-poštni naslov');
                hasErrors = true;
            }
            if (!password) {
                showError('registerPassword', 'Ustvarite geslo');
                hasErrors = true;
            } else if (password.length < 6) {
                showError('registerPassword', 'Geslo mora imeti vsaj 6 znakov');
                hasErrors = true;
            }
            if (!confirmPassword) {
                showError('registerConfirmPassword', 'Prosim potrdite svoje geslo');
                hasErrors = true;
            } else if (password !== confirmPassword) {
                showError('registerConfirmPassword', 'Gesli se ne ujemata');
                hasErrors = true;
            }

            if (hasErrors) return;

            // Prepare data for API request
            const data = {
                type: 'registration',
                name: name,
                email: email,
                password: password
            };

            // Send request to API
            sendRequest('/ajax/', data, function(response) {
                if (response.status === 'ok') {
                    // Close modal and redirect or show success
                    closeModal('authModal');
                    alert('Registracija uspešna!');
                    // Here you would typically redirect or update UI
                } else {
                    // Show error message
                    alert('Napaka: ' + response.error);
                }
            });
        }




        // Send AJAX request
        function sendRequest(url, data, callback,need_loading_overlay=true) {
			
			// Show loading overlay when request starts
			if(need_loading_overlay)showLoading();
			
			//console.log("XMLHttpRequest started");
			
            const xhr = new XMLHttpRequest();
            xhr.open('POST', url, true);
            xhr.setRequestHeader('Content-Type', 'application/json');
            
            xhr.onreadystatechange = function() {
				
				//console.log("XMLHttpRequest onready fired, readyState:", xhr.readyState);
				
                if (xhr.readyState === 4) {
					// Hide loading overlay when request completes
					if(need_loading_overlay)hideLoading();
					
					//console.log("Request complete, status:", xhr.status);
					//console.log("responseText:", xhr.responseText);
					
                    if (xhr.status === 200) {
						let is_good = true;
						let response; // Declare response variable outside try block
                        try {
                            response = JSON.parse(xhr.responseText);
                        } catch (e) {
							is_good=false;
							console.error("JSON parse error:", e); 
							callback({status: 'error', error: 'Invalid response from server'});
                        }
						
						if(is_good)
							callback(response);
						
						
                    } else {
                        callback({status: 'error', error: 'Server error: ' + xhr.status});
                    }
                }
            };
            
            xhr.send(JSON.stringify(data));
        }
		

        // Close redirect modal
        document.getElementById('redirectModal').querySelector('.close-btn').addEventListener('click', function() {
            document.getElementById('redirectModal').style.display = 'none';
        });

        // Mock chart data (in a real implementation, you would use Google Charts)
        function initCharts() {
            // This is a placeholder for actual chart implementation
            //console.log('Charts would be initialized here with Google Charts API');
        }

        // Image modal functionality
        document.addEventListener('DOMContentLoaded', function() {
            // Image modal
            const imgModal = document.getElementById('imgModal');
            const modalImg = document.getElementById('modalImg');
            const imgCloseBtn = imgModal.querySelector('.close-btn');

            // Open image modal
            document.querySelectorAll('[data-modal="imgModal"]').forEach(img => {
                img.addEventListener('click', function() {
                    modalImg.src = this.src;
                    imgModal.style.display = 'flex';
                });
            });

            // Close image modal
            imgCloseBtn.addEventListener('click', function() {
                imgModal.style.display = 'none';
            });

            // Close on outside click
            window.addEventListener('click', function(e) {
                if (e.target === imgModal) {
                    imgModal.style.display = 'none';
                }
            });
        });
    </script>
	
	<script>
		//console.log("herei");
	
		// Analysis functionality
		document.addEventListener('DOMContentLoaded', function() {
		
			//console.log("DOMContentLoaded");
		
			const analyzeBtn = document.getElementById('analyzeNowBtn');
			const analysisStatus = document.getElementById('analysisStatus');
			
			if (analyzeBtn) {
				analyzeBtn.addEventListener('click', function() {
					//console.log("click");
					// Show captcha modal
					showCaptchaModal();
				});
			}
		});

		function showCaptchaModal() {
		
			//console.log("showCaptchaModal");
		
			// Create modal for captcha
			const modal = document.createElement('div');
			modal.className = 'modal';
			modal.id = 'captchaModal';
			modal.style.display = 'flex';
			
			modal.innerHTML = `
				<div class="modal-content">
					<span class="close-btn" onclick="closeCaptchaModal()">&times;</span>
					<h2 class="modal-title">Potrdite, da niste robot</h2>
					<p class="modal-text">Vnesite besedilo s slike::</p>
					<div class="captcha-container">
						<img src="/captcha.php" alt="CAPTCHA" class="captcha-image" id="captchaImage">
						<button type="button" class="refresh-captcha" onclick="refreshCaptcha()">Osveži kodo</button>
						<input type="text" class="captcha-input" id="captchaInput" placeholder="Vnesite kodo" maxlength="6">
					</div>
					<button class="cta-button" onclick="submitAnalysis()" style="margin-top: 1rem;">Predajte v analizo</button>
				</div>
			`;
			
			document.body.appendChild(modal);
		}

		function closeCaptchaModal() {
			const modal = document.getElementById('captchaModal');
			if (modal) {
				modal.remove();
			}
		}

		function refreshCaptcha() {
			const captchaImage = document.getElementById('captchaImage');
			if (captchaImage) {
				// Add timestamp to prevent caching
				captchaImage.src = '/captcha.php?t=' + new Date().getTime();
			}
		}

		function submitAnalysis() {
			const captchaInput = document.getElementById('captchaInput');
			const captchaCode = captchaInput ? captchaInput.value.trim() : '';
			const analysisStatus = document.getElementById('analysisStatus');
			
			if (!captchaCode) {
				alert('Prosimo vnesite kodo s slike');
				return;
			}
			
			// Show loading state
			analysisStatus.textContent = 'Pošiljanje zahteve ...';
			analysisStatus.className = 'analysis-status';
			analysisStatus.style.display = 'block';
			
			// Prepare data for API request
			const domainName = document.getElementById('domain_name').value;
			const data = {
				type: 'domain_analysis',
				domain: domainName,
				captcha_code: captchaCode
			};
			
			// Send request to API
			sendRequest('/ajax/', data, function(response) {
				// Close captcha modal
				closeCaptchaModal();
				
				if (response.status === 'ok') {
					// Show success message
					analysisStatus.textContent = 'Vaša zahteva je bila poslana, počakajte na verifikacijo domene';
					analysisStatus.className = 'analysis-status success';
				} else {
					// Show error message
					analysisStatus.textContent = 'Napaka: ' + response.error;
					analysisStatus.className = 'analysis-status error';
					
					// Refresh captcha on error
					if (response.refresh_captcha) {
						setTimeout(refreshCaptcha, 500);
					}
				}
				
				analysisStatus.style.display = 'block';
				
				// Clear captcha input
				if (captchaInput) {
					captchaInput.value = '';
				}
			});
		}

	</script>	
	
	
	<script>
		// Full screenshot functionality
		function openFullScreenshot(src) {
			const modal = document.getElementById('fullScreenshotModal');
			const img = document.getElementById('fullScreenshotImg');
			
			img.src = src;
			modal.style.display = 'flex';
			
			// Prevent body scroll when modal is open
			document.body.style.overflow = 'hidden';
		}

		function closeFullScreenshot() {
			const modal = document.getElementById('fullScreenshotModal');
			modal.style.display = 'none';
			
			// Restore body scroll
			document.body.style.overflow = 'auto';
		}

		function downloadScreenshot() {
			const img = document.getElementById('fullScreenshotImg');
			const link = document.createElement('a');
			link.download = `screenshot-${document.getElementById('domain_name').value}-${new Date().getTime()}.jpg`;
			link.href = img.src;
			link.click();
		}

		// Close modal on outside click
		document.addEventListener('click', function(e) {
			const modal = document.getElementById('fullScreenshotModal');
			if (e.target === modal) {
				closeFullScreenshot();
			}
		});

		// Close modal on Escape key
		document.addEventListener('keydown', function(e) {
			if (e.key === 'Escape') {
				closeFullScreenshot();
			}
		});
	
	</script>
	
	
	<script>
		// Global variables to track intervals
		let telegramStatusInterval = null;
		let telegramTimerInterval = null;
		let resendTimerInterval = null;
		let emailCheckInterval = null;
		
		// Global variable to store QR code instance
		let qrcodeInstance = null;


		function startTelegramRegistration(name=false,email=false) {
			if(!name)name = document.getElementById('registerName').value.trim();
			if(!email)email = document.getElementById('registerEmail').value.trim();

			// Clear previous errors
			clearErrors(['registerName', 'registerEmail']);

			// Validate form
			let hasErrors = false;
			if (!name) {
				showError('registerName', 'Пожалуйста, введите ваше имя');
				hasErrors = true;
			}
			
			if (!email) {
				showError('registerEmail', 'Пожалуйста, введите ваш email');
				hasErrors = true;
			} else if (!/\S+@\S+\.\S+/.test(email)) {
				showError('registerEmail', 'Пожалуйста, введите действительный email адрес');
				hasErrors = true;
			}


			if (hasErrors) return;

			// Prepare data for API request
			const data = {
				type: 'telegram_registration_start',
				name: name,
				email: email
			};

			//console.log("telegram_registration_start request");
			// Send request to API
			sendRequest('/ajax/', data, function(response) {
				
				//console.log("telegram_registration_start callback");
				
				if (response.status === 'ok') {
					// Store user token
					localStorage.setItem('current_user_token', response.user_token);
					
					 // Immediately open Telegram bot in new tab
					if (response.deep_link) {
						
						window.open(response.deep_link, '_blank');
					}
					
					// Show Telegram verification modal with deep link and QR code
					showTelegramVerifyModal(response.bot_username, response.telegram_token, response.deep_link,response.telegram_token_expires_remaining);
					
					// Clear form
					clearRegistrationForm();
					
					// Close auth modal
					closeModal('authModal');
					
				} else if (response.status === 'continue_email_verification') {
					//!!
					// User exists, Telegram verified, but email not verified
					localStorage.setItem('current_user_token', response.user_token);
					
					// Auto-resend email and show verification modal
					autoResendEmailAndShowModal(response.user_token);
					
					// Clear form
					clearRegistrationForm();
					
					// Close auth modal
					closeModal('authModal');
					
				} else {
					alert('Ошибка1: ' + response.error);
				}
			});
		}


		// Auto-resend email and show verification modal
		function autoResendEmailAndShowModal(userToken) {
			// First, try to resend the email
			const data = {
				type: 'resend_email_verification',
				user_token: userToken
			};

			sendRequest('/ajax/', data, function(response) {
				if (response.status === 'ok') {
					// Email sent successfully, show verification modal with full timer
					//showEmailVerifyModal();
					safeShowEmailVerifyModal();
				} else {
					// Handle resend error - use cooldown_remaining from response
					if (response.cooldown_remaining !== undefined) {
						// Use the exact remaining seconds from the response
						const remainingSeconds = Math.max(1, Math.floor(response.cooldown_remaining));
						
						// Show verification modal with synchronized timer
						showEmailVerifyModalWithCooldown(remainingSeconds);
					} else {
						// Other error - show modal with default timer
						//showEmailVerifyModal();
						safeShowEmailVerifyModal();
						alert('Ошибка: ' + response.error);
					}
				}
			});
		}

		// Enhanced resend email verification function
		function resendEmailVerification() {
			const userToken = localStorage.getItem('current_user_token');
			const resendBtn = document.getElementById('resendEmailBtn');
			
			if (!resendBtn) {
				alert('Ошибка: кнопка не найдена. Пожалуйста, обновите страницу.');
				return;
			}
			
			// Prevent multiple clicks
			if (resendBtn.disabled) {
				return;
			}
			
			// Immediately disable button and show loading state
			resendBtn.disabled = true;
			resendBtn.style.opacity = '0.7';
			resendBtn.innerHTML = 'Отправка...';
			
			const data = {
				type: 'resend_email_verification',
				user_token: userToken
			};

			sendRequest('/ajax/', data, function(response) {
				if (response.status === 'ok') {
					// Success - restart timer AND restart email check interval
					setupResendButtonForTimer();
					startResendTimer(300);
					
					// CRITICAL FIX: Restart the email check interval
					restartEmailCheckInterval();
					
					// Update status message
					const statusElement = document.getElementById('emailCheckStatus');
					if (statusElement) {
						statusElement.innerHTML = '<p style="color: var(--primary);">🔍 Новый код отправлен. Проверяем подтверждение...</p>';
						statusElement.className = 'email-check-status status-checking';
						statusElement.style.display = 'block';
					}
					
					alert('Новый код подтверждения отправлен на ваш email');
				} else {
					// Handle different error cases
					if (response.cooldown_remaining !== undefined) {
						const remainingSeconds = Math.max(1, Math.floor(response.cooldown_remaining));
						setupResendButtonForTimer();
						startResendTimer(remainingSeconds);
						
						// CRITICAL FIX: Even on cooldown, restart the email check interval
						restartEmailCheckInterval();
						
						const remainingMinutes = Math.ceil(remainingSeconds / 60);
						
						// Update status message
						const statusElement = document.getElementById('emailCheckStatus');
						if (statusElement) {
							statusElement.innerHTML = `<p style="color: #856404;">⏰ Новый код можно будет отправить через ${remainingMinutes} минут. Проверяем подтверждение предыдущего кода...</p>`;
							statusElement.style.display = 'block';
						}
						
						alert('Новый код можно отправить через ' + remainingMinutes + ' минут');
					} else {
						alert('Ошибка: ' + response.error);
						// Re-enable button on other errors
						resendBtn.disabled = false;
						resendBtn.style.opacity = '1';
						resendBtn.innerHTML = 'Отправить код повторно';
					}
				}
			});
		}
		
		function restartEmailCheckInterval() {
			const userToken = localStorage.getItem('current_user_token');
			let attempts = 0;
			const maxAttempts = 30;
			
			// Clear existing interval if any
			if (emailCheckInterval) {
				clearInterval(emailCheckInterval);
				emailCheckInterval = null;
			}
			
			// Update status to show checking
			updateEmailCheckStatus('checking', 'Проверяем статус подтверждения...');
			
			// Start new interval
			emailCheckInterval = setInterval(function() {
				if (attempts >= maxAttempts) {
					if (emailCheckInterval) {
						clearInterval(emailCheckInterval);
						emailCheckInterval = null;
					}
					updateEmailCheckStatus('timeout', 'Время проверки истекло. Пожалуйста, обновите страницу.');
					return;
				}
				
				checkEmailVerificationStatus(userToken);
				attempts++;
			}, 10000);
		}
		
		// Setup resend button for timer display
		function setupResendButtonForTimer() {
			const resendBtn = document.getElementById('resendEmailBtn');
			
			if (!resendBtn) return;
			
			resendBtn.disabled = true;
			resendBtn.style.opacity = '0.7';
			
			// Ensure timer element exists
			let timerElement = document.getElementById('resendTimer');
			if (!timerElement) {
				timerElement = document.createElement('span');
				timerElement.id = 'resendTimer';
				resendBtn.appendChild(timerElement);
			}
			
			// Set initial timer display
			resendBtn.innerHTML = 'Отправить код повторно (<span id="resendTimer">5:00</span>)';
		}

		function showEmailVerifyModalWithCooldown(remainingSeconds) {
			// Clear previous input
			const emailVerifyToken = document.getElementById('emailVerifyToken');
			if (emailVerifyToken) {
				emailVerifyToken.value = '';
			}
			clearErrors(['emailVerifyToken']);
			
			// Setup button for timer
			setupResendButtonForTimer();
			
			// Start timer with remaining time
			startResendTimer(remainingSeconds);
			
			// Start email check interval
			startEmailCheckInterval();
			
			// Show modal
			document.getElementById('emailVerifyModal').style.display = 'flex';
			
			// Show info message
			const statusElement = document.getElementById('emailCheckStatus');
			if (statusElement) {
				const remainingMinutes = Math.ceil(remainingSeconds / 60);
				statusElement.innerHTML = `<p style="color: #856404;">⏰ Новый код можно будет отправить через ${remainingMinutes} минут</p>`;
				statusElement.className = 'email-check-status status-checking';
				statusElement.style.display = 'block';
			}
		}
		
		// Safe function to show email verification modal
		function safeShowEmailVerifyModal() {
			// Clear previous input
			const emailVerifyToken = document.getElementById('emailVerifyToken');
			if (emailVerifyToken) {
				emailVerifyToken.value = '';
			}
			clearErrors(['emailVerifyToken']);
			
			// Setup button for timer
			setupResendButtonForTimer();
			
			// Start fresh timer
			startResendTimer(300);
			
			// Start email check interval
			startEmailCheckInterval();
			
			// Show modal
			document.getElementById('emailVerifyModal').style.display = 'flex';
		}

		// Safe function to clear registration form
		function clearRegistrationForm() {
			const nameField = document.getElementById('registerName');
			const emailField = document.getElementById('registerEmail');
			
			if (nameField) nameField.value = '';
			if (emailField) emailField.value = '';
			
			// Only clear password fields if they exist (for traditional registration)
			const passwordField = document.getElementById('registerPassword');
			const confirmPasswordField = document.getElementById('registerConfirmPassword');
			
			if (passwordField) passwordField.value = '';
			if (confirmPasswordField) confirmPasswordField.value = '';
			
			// Clear any status messages
			const statusElement = document.getElementById('registrationStatus');
			if (statusElement) {
				statusElement.innerHTML = '';
				statusElement.style.display = 'none';
			}
		}

		// Enhanced showTelegramVerifyModal function
		function showTelegramVerifyModal(botUsername, telegramToken, deepLink,telegram_token_expires_remaining) {
			// Set Telegram bot deep link
			const telegramUrl = deepLink || `https://t.me/${botUsername}?start=${telegramToken}`;
			window.telegramBotUrl = telegramUrl;
			
			// Generate QR code
			generateQRCode(telegramUrl);
			
			// Update the "Open Telegram" button
			const openTelegramBtn = document.getElementById('openTelegramBtn');
			if (openTelegramBtn) {
				openTelegramBtn.onclick = function() {
					window.open(telegramUrl, '_blank');
				};
			}
			
			// Update modal text
			const modalText = document.getElementById('telegramModalText');
			if (modalText) {
				modalText.innerHTML = `
					Telegram был открыт в новой вкладке.<br>
					Если бот не открылся автоматически, используйте кнопку ниже или отсканируйте QR-код.
				`;
			}
			
			// Start timer
			//console.log("start timer:"+telegram_token_expires_remaining);
			startTelegramTimer(telegram_token_expires_remaining);
			
			// Start status checking
			startTelegramStatusCheck();
			
			// Show modal
			document.getElementById('telegramVerifyModal').style.display = 'flex';
		}

		// Generate QR code using qrcodejs library
		function generateQRCode(url) {
			const qrcodeElement = document.getElementById('qrcode');
			
			// Clear previous QR code if exists
			if (qrcodeInstance) {
				qrcodeInstance.clear();
				qrcodeElement.innerHTML = '';
			}
			
			try {
				// Create new QR code instance
				qrcodeInstance = new QRCode(qrcodeElement, {
					text: url,
					width: 200,
					height: 200,
					colorDark: "#000000",
					colorLight: "#ffffff",
					correctLevel: QRCode.CorrectLevel.H
				});
				
				//console.log('QR code generated successfully');
				
			} catch (error) {
				console.error('QR code generation failed:', error);
				// Fallback: show message to use the button instead
				qrcodeElement.innerHTML = `
					<div style="color: var(--warning); font-size: 0.9rem; padding: 1rem;">
						<p>QR-код недоступен. Используйте кнопку "Открыть Telegram"</p>
					</div>
				`;
			}
		}

		// Refresh QR code
		function refreshTelegramQR() {
			if (window.telegramBotUrl) {
				const refreshBtn = document.getElementById('refreshQRBtn');
				const originalText = refreshBtn.innerHTML;
				refreshBtn.innerHTML = '🔄 Обновление...';
				refreshBtn.disabled = true;
				
				// Regenerate QR code
				generateQRCode(window.telegramBotUrl);
				
				setTimeout(() => {
					refreshBtn.innerHTML = originalText;
					refreshBtn.disabled = false;
				}, 500);
			}
		}

		// Open Telegram bot in new tab
		function openTelegramBot() {
			if (window.telegramBotUrl) {
				window.open(window.telegramBotUrl, '_blank');
			}
		}

		function startTelegramStatusCheck() {
			const userToken = localStorage.getItem('current_user_token');
			
			// Clear existing interval if any
			if (telegramStatusInterval) {
				clearInterval(telegramStatusInterval);
			}
			
			// Check status every 5 seconds
			telegramStatusInterval = setInterval(function() {
				checkTelegramVerificationStatus(userToken);
			}, 5000);
		}

		// Update the checkTelegramVerificationStatus to clear timers on success
		function checkTelegramVerificationStatus(userToken) {
			const data = {
				type: 'check_telegram_verification',
				user_token: userToken
			};

			sendRequest('/ajax/', data, function(response) {
				if (response.status === 'ok') {
					if (response.telegram_verified) {
						// Telegram verified successfully
						clearTelegramTimers();
						
						// Show success message
						const timerContainer = document.getElementById('telegramTimer');
						timerContainer.innerHTML = '✅ Telegram успешно подтвержден!';
						timerContainer.className = 'timer-container';
						timerContainer.style.background = '#d4edda';
						timerContainer.style.color = '#155724';
						
						// Auto-proceed to email verification after 2 seconds
						setTimeout(function() {
							closeTelegramVerifyModal();
							safeShowEmailVerifyModal();
						}, 2000);
					}
				}
			},false);
		}

		// Enhanced timer functions that store interval IDs
		function startTelegramTimer(duration) {
			
			let  timerContainer = document.getElementById('telegramTimer');
			let  timerElement = document.getElementById('timer');
			
			// Check if timer was expired and reset if needed
			if (timerContainer && timerContainer.classList.contains('timer-expired')) {
				//console.log('Timer has expired - resetting UI');
				timerContainer.classList.remove('timer-expired');
				timerContainer.innerHTML = 'Ожидание подтверждения... <span id="timer">05:00</span>';
				
				// Update timerElement reference after resetting HTML
				timerElement = document.getElementById('timer');
			}
			
			
			let timer = duration;
			
			// Clear existing timer if any
			if (telegramTimerInterval) {
				clearInterval(telegramTimerInterval);
			}
			
			telegramTimerInterval = setInterval(function() {
				const minutes = parseInt(timer / 60, 10);
				const seconds = parseInt(timer % 60, 10);
				
				if (timerElement) {
					timerElement.textContent = minutes + ":" + (seconds < 10 ? "0" + seconds : seconds);
				}
				
				if (--timer < 0) {
					clearTelegramTimers();
					
					if (timerElement) {
						timerElement.textContent = "00:00";
					}
					if (timerContainer) {
						timerContainer.classList.add('timer-expired');
						timerContainer.innerHTML = 'Время истекло. Пожалуйста, начните заново.';
					}
					
					// Auto-close after 3 seconds
					setTimeout(function() {
						closeTelegramVerifyModal();
					}, 3000);
				}
			}, 1000);
		}

		// Enhanced close function to clean up QR code
		function closeTelegramVerifyModal() {
			// Clear QR code instance
			if (qrcodeInstance) {
				qrcodeInstance.clear();
				qrcodeInstance = null;
			}
			
			// Clear container
			const qrcodeElement = document.getElementById('qrcode');
			if (qrcodeElement) {
				qrcodeElement.innerHTML = '';
			}
			
			// Clear timers
			clearTelegramTimers();
			
			// Hide modal
			document.getElementById('telegramVerifyModal').style.display = 'none';
		}

		// Verify Telegram code
		function verifyTelegramCode() {
			const code = document.getElementById('telegramVerifyCode').value.trim();
			const userToken = localStorage.getItem('current_user_token');
			
			// Clear previous errors
			clearErrors(['telegramVerifyCode']);
			
			if (!code) {
				showError('telegramVerifyCode', 'Пожалуйста, введите код подтверждения');
				return;
			}
			
			if (code.length !== 7) {
				showError('telegramVerifyCode', 'Код должен содержать 7 цифр');
				return;
			}
			
			// Prepare data for API request
			const data = {
				type: 'verify_telegram_code',
				user_token: userToken,
				verify_code: code
			};

			// Send request to API
			sendRequest('/ajax/', data, function(response) {
				if (response.status === 'ok') {
					// Stop timer
					clearInterval(telegramTimer);
					
					// Close Telegram modal
					closeTelegramVerifyModal();
					
					// Show email verification modal
					//showEmailVerifyModal();
					safeShowEmailVerifyModal();
				} else {
					showError('telegramVerifyCode', response.error);
				}
			});
		}

		// Update the modal opening calls
		function showEmailVerifyModal() {
			safeShowEmailVerifyModal();
		}

		// Enhanced start resend timer function
		function startResendTimer(duration) {
			let timer = duration;
			
			// Clear existing timer if any
			if (resendTimerInterval) {
				clearInterval(resendTimerInterval);
			}
			
			// Update timer display immediately
			updateResendTimerDisplay(timer);
			
			resendTimerInterval = setInterval(function() {
				timer--;
				updateResendTimerDisplay(timer);
				
				if (timer <= 0) {
					if (resendTimerInterval) {
						clearInterval(resendTimerInterval);
						resendTimerInterval = null;
					}
					enableResendButton();
				}
			}, 1000);
		}
		
		// Safe function to update timer display
		function updateResendTimerDisplay(timer) {
			const timerElement = document.getElementById('resendTimer');
			const resendBtn = document.getElementById('resendEmailBtn');
			
			if (!timerElement || !resendBtn) {
				console.warn('Timer elements not found during update');
				return;
			}
			
			const minutes = Math.floor(timer / 60);
			const seconds = timer % 60;
			const timeString = minutes + ":" + (seconds < 10 ? "0" + seconds : seconds);
			
			timerElement.textContent = timeString;
			
			// Update button text while preserving the timer element
			resendBtn.innerHTML = 'Отправить код повторно (<span id="resendTimer">' + timeString + '</span>)';
		}
		
		// Helper function to update timer display
		function updateTimerDisplay(timerElement, timer) {
			if (!timerElement) return;
			
			const minutes = Math.floor(timer / 60);
			const seconds = timer % 60;
			timerElement.textContent = minutes + ":" + (seconds < 10 ? "0" + seconds : seconds);
		}

		// Enable resend button when timer expires
		function enableResendButton() {
			const resendBtn = document.getElementById('resendEmailBtn');
			
			if (!resendBtn) {
				console.error('Resend button not found');
				return;
			}
			
			resendBtn.disabled = false;
			resendBtn.style.opacity = '1';
			
			// Set final state without timer
			resendBtn.innerHTML = 'Отправить код повторно';
			
			// Re-create the timer element for future use
			const timerSpan = document.createElement('span');
			timerSpan.id = 'resendTimer';
			timerSpan.style.display = 'none'; // Hide when not active
			resendBtn.appendChild(timerSpan);
		}

		// Enhanced email check interval
		function startEmailCheckInterval() {
			restartEmailCheckInterval(); // Just call the new function
		}

		// Update the checkEmailVerificationStatus to clear interval on success
		function checkEmailVerificationStatus(userToken) {
			const data = {
				type: 'check_email_verification',
				user_token: userToken
			};

			sendRequest('/ajax/', data, function(response) {
				const statusElement = document.getElementById('emailCheckStatus');
				
				if (response.status === 'ok') {
					if (response.email_verified) {
						// Email verified successfully
						if (emailCheckInterval) {
							clearInterval(emailCheckInterval);
							emailCheckInterval = null;
						}
						if (statusElement) {
							statusElement.innerHTML = '<p style="color: #155724;">✅ Email успешно подтвержден!</p>';
							statusElement.className = 'email-check-status status-success';
						}
						
						// Auto-redirect after 2 seconds
						setTimeout(function() {
							completeRegistration();
						}, 2000);
					} else {
						if (statusElement) {
							statusElement.style.display = 'block';
							statusElement.innerHTML = '<p style="color: var(--primary);">🔍 Проверяем статус подтверждения...</p>';
							statusElement.className = 'email-check-status status-checking';
						}
					}
				} else {
					// Handle error response
					if (statusElement) {
						statusElement.innerHTML = `<p style="color: #721c24;">❌ Ошибка проверки: ${response.error}</p>`;
						statusElement.className = 'email-check-status status-error';
					}
				}
			},false);
		}

		// Verify email token manually
		function verifyEmailToken() {
			const token = document.getElementById('emailVerifyToken').value.trim();
			const userToken = localStorage.getItem('current_user_token');
			
			// Clear previous errors
			clearErrors(['emailVerifyToken']);
			
			if (!token) {
				showError('emailVerifyToken', 'Пожалуйста, введите код подтверждения');
				return;
			}
			
			const data = {
				type: 'verify_email_token',
				user_token: userToken,
				email_token: token
			};

			sendRequest('/ajax/', data, function(response) {
				if (response.status === 'ok') {
					completeRegistration();
				} else {
					showError('emailVerifyToken', response.error);
				}
			});
		}



		// Complete registration and login
		function completeRegistration() {
			const userToken = localStorage.getItem('current_user_token');
			
			const data = {
				type: 'complete_registration',
				user_token: userToken
			};

			sendRequest('/ajax/', data, function(response) {
				if (response.status === 'ok') {
					// Store user info
					localStorage.setItem('user_info', JSON.stringify(response.user));
					
					// Close modal
					closeEmailVerifyModal();
					
					// Redirect to profile
					window.location.href = '/' + window.currentLang + '/profile/';
				} else {
					alert('Ошибка: ' + response.error);
				}
			});
		}

		function closeEmailVerifyModal() {
			// Clear all email-related intervals
			if (resendTimerInterval) {
				clearInterval(resendTimerInterval);
				resendTimerInterval = null;
			}
			
			if (emailCheckInterval) {
				clearInterval(emailCheckInterval);
				emailCheckInterval = null;
			}
			
			document.getElementById('emailVerifyModal').style.display = 'none';
		}
		
		
		// Add this to check registration status when email is entered
		document.getElementById('registerEmail').addEventListener('blur', function() {
			const email = this.value.trim();
			
			if(statusElement = document.getElementById('registrationStatus')){
				statusElement.innerHTML = '';
			}
			
			if (email && /\S+@\S+\.\S+/.test(email)) {
				checkRegistrationStatus(email);
			}
		});

		function checkRegistrationStatus(email) {
			const data = {
				type: 'check_registration_status',
				email: email
			};

			sendRequest('/ajax/', data, function(response) {
				if (response.status === 'ok') {
					const status = response.registration_status;
					let statusElement = document.getElementById('registrationStatus'); // Remove 'const' declaration
					
					if (!statusElement) {
						// Create status element if it doesn't exist
						statusElement = document.createElement('div'); // Now we're assigning to the existing variable
						statusElement.id = 'registrationStatus';
						statusElement.style.marginTop = '1rem';
						statusElement.style.padding = '0.75rem';
						statusElement.style.borderRadius = 'var(--border-radius)';
						statusElement.style.fontSize = '0.9rem';
						
						const registerForm = document.getElementById('registerForm');
						const submitButton = registerForm.querySelector('button[onclick="startTelegramRegistration()"]');
						registerForm.insertBefore(statusElement, submitButton.nextSibling);
					}
					
					// Remove the duplicate declaration of statusElement here
					// const statusElement = document.getElementById('registrationStatus'); // ← This line is removed
					
					switch(status) {
						case 'completed':
							statusElement.innerHTML = '✅ Этот email уже зарегистрирован. <a href="#" onclick="switchAuthTab(\'login\')">Войдите в систему</a>';
							statusElement.style.background = '#d4edda';
							statusElement.style.color = '#155724';
							break;
						case 'email_pending':
							statusElement.innerHTML = '📧 Регистрация почти завершена! Требуется подтверждение email.';
							statusElement.style.background = '#fff3cd';
							statusElement.style.color = '#856404';
							break;
						case 'telegram_pending':
							statusElement.innerHTML = '📱 Продолжите регистрацию в Telegram.';
							statusElement.style.background = '#cce5ff';
							statusElement.style.color = '#004085';
							break;
						case 'incomplete':
							statusElement.innerHTML = '🔄 Продолжите регистрацию.';
							statusElement.style.background = '#e2e3e5';
							statusElement.style.color = '#383d41';
							break;
						default:
							statusElement.innerHTML = '';
					}
				}
			},false);
		}
		
		// Enhanced email check status function
		function updateEmailCheckStatus(type, message) {
			const statusElement = document.getElementById('emailCheckStatus');
			
			if (!statusElement) return;
			
			statusElement.style.display = 'block';
			
			switch(type) {
				case 'checking':
					statusElement.innerHTML = '<p style="color: var(--primary);">🔍 Проверяем статус подтверждения...</p>';
					statusElement.className = 'email-check-status status-checking';
					break;
				case 'success':
					statusElement.innerHTML = '<p style="color: #155724;">✅ ' + message + '</p>';
					statusElement.className = 'email-check-status status-success';
					break;
				case 'error':
					statusElement.innerHTML = '<p style="color: #721c24;">❌ ' + message + '</p>';
					statusElement.className = 'email-check-status status-error';
					break;
				case 'timeout':
					statusElement.innerHTML = '<p style="color: #856404;">⏰ ' + message + '</p>';
					statusElement.className = 'email-check-status status-error';
					break;
			}
		}
		
		
		// Helper function to clear all Telegram timers
		function clearTelegramTimers() {
			if (telegramTimerInterval) {
				clearInterval(telegramTimerInterval);
				telegramTimerInterval = null;
			}
			if (telegramStatusInterval) {
				clearInterval(telegramStatusInterval);
				telegramStatusInterval = null;
			}
		}

		// Helper function to clear all email timers
		function clearEmailTimers() {
			if (resendTimerInterval) {
				clearInterval(resendTimerInterval);
				resendTimerInterval = null;
			}
			if (emailCheckInterval) {
				clearInterval(emailCheckInterval);
				emailCheckInterval = null;
			}
		}
	
	</script>
	
	
	<script>
		// Login with Telegram function
		function loginWithTelegram() {
			const email = document.getElementById('loginEmail').value.trim();
			
			// Clear previous errors
			clearErrors(['loginEmail']);
			
			// Validate email
			if (!email) {
				showError('loginEmail', 'Пожалуйста, введите ваш email');
				return;
			} else if (!/\S+@\S+\.\S+/.test(email)) {
				showError('loginEmail', 'Пожалуйста, введите действительный email адрес');
				return;
			}
			
			// Check if user exists and is verified
			checkUserForTelegramLogin(email);
		}

		// Check if user exists and is verified for Telegram login
		function checkUserForTelegramLogin(email) {
			const data = {
				type: 'check_user_for_telegram_login',
				email: email
			};

			sendRequest('/ajax/', data, function(response) {
				if (response.status === 'ok') {
					
					if(response.user_exists && response.telegram_verified && response.email_verified){
						// User exists and Telegram verified and email verifed- generate login link
						generateTelegramLoginLink(email);
					}else if (response.user_exists && response.telegram_verified) {
						// User exists and Telegram verified 
						//alert('Для входа через Telegram необходимо сначала завершить регистрацию подтвердите email');
						startTelegramRegistration("noneedname",email);
					} else if (response.user_exists && !response.telegram_verified) {
						// User exists but Telegram not verified
						//alert('Для входа через Telegram необходимо сначала завершить регистрацию в Telegram');
						startTelegramRegistration("noneedname",email);
					} else {
						// User doesn't exist
						alert('Пользователь с таким email не найден. Пожалуйста, зарегистрируйтесь.');
					}
				} else {
					alert('Ошибка: ' + response.error);
				}
			});
		}

		// Generate Telegram login code
		function generateTelegramLoginLink(email) {
			const data = {
				type: 'generate_telegram_login_link',
				email: email
			};

			sendRequest('/ajax/', data, function(response) {
				if (response.status === 'ok') {
					// Store user token
					localStorage.setItem('current_user_token', response.user_token);
					
					// Show Telegram verification modal for login
					showTelegramLoginModal(response.bot_username, response.deep_link, response.telegram_token_expires_remaining);
					
					// Close auth modal
					closeModal('authModal');
				} else {
					alert('Ошибка: ' + response.error);
				}
			});
		}

		// Show Telegram login modal
		function showTelegramLoginModal(botUsername, deepLink, expiresRemaining) {
			// Set Telegram bot deep link
			const telegramUrl = deepLink || `https://t.me/${botUsername}?start=login_${Date.now()}`;
			window.telegramBotUrl = telegramUrl;
			
			//open forced
			window.open(telegramUrl, '_blank');
			
			// Generate QR code
			generateQRCode(telegramUrl);
			
			// Update modal text for login
			const modalText = document.getElementById('telegramModalText');
			if (modalText) {
				modalText.innerHTML = `
					Telegram был открыт для входа.<br>
					Если бот не открылся автоматически, используйте кнопку ниже или отсканируйте QR-код.
				`;
			}
			
			// Update modal title
			const modalTitle = document.querySelector('#telegramVerifyModal .modal-title');
			if (modalTitle) {
				modalTitle.textContent = 'Вход через Telegram';
			}
			
			// Start timer
			startTelegramTimer(expiresRemaining || 300);
			
			// Start status checking for login
			startTelegramLoginStatusCheck();
			
			// Show modal
			document.getElementById('telegramVerifyModal').style.display = 'flex';
		}

		// Start Telegram login status check
		function startTelegramLoginStatusCheck() {
			const userToken = localStorage.getItem('current_user_token');
			
			// Clear existing interval if any
			if (telegramStatusInterval) {
				clearInterval(telegramStatusInterval);
			}
			
			// Check status every 5 seconds
			telegramStatusInterval = setInterval(function() {
				checkTelegramLoginStatus(userToken);
			}, 5000);
		}

		// Check Telegram login status
		function checkTelegramLoginStatus(userToken) {
			const data = {
				type: 'check_telegram_login_status',
				user_token: userToken
			};

			sendRequest('/ajax/', data, function(response) {
				if (response.status === 'ok') {
					if (response.login_code_sended ) {
						// Login code received - show code input modal
						clearTelegramTimers();
						showTelegramCodeInputModal(response.verify_code);
					} else if (response.login_completed) {
						// Login completed successfully
						clearTelegramTimers();
						completeTelegramLogin();
					}
				}
			});
		}

		// Show Telegram code input modal
		function showTelegramCodeInputModal(verifyCode) {
			// Close Telegram verify modal
			closeTelegramVerifyModal();
			
			// Create or show code input modal
			let codeModal = document.getElementById('telegramCodeModal');
			
			// Start code timer
			startLoginCodeTimer(300);
			
			// Show modal
			codeModal.style.display = 'flex';
		}

		// Start login code timer
		function startLoginCodeTimer(duration) {
			let timer = duration;
			const timerElement = document.getElementById('loginTimer');
			
			if (!timerElement) return;
			
			// Clear existing timer if any
			if (window.loginCodeTimer) {
				clearInterval(window.loginCodeTimer);
			}
			
			window.loginCodeTimer = setInterval(function() {
				const minutes = parseInt(timer / 60, 10);
				const seconds = parseInt(timer % 60, 10);
				
				timerElement.textContent = minutes + ":" + (seconds < 10 ? "0" + seconds : seconds);
				
				if (--timer < 0) {
					clearInterval(window.loginCodeTimer);
					timerElement.textContent = "00:00";
					
					// Show expired message
					const timerContainer = document.getElementById('loginCodeTimer');
					if (timerContainer) {
						timerContainer.classList.add('timer-expired');
						timerContainer.innerHTML = 'Время действия кода истекло. Пожалуйста, начните заново.';
					}
				}
			}, 1000);
		}

		// Verify Telegram login code
		function verifyTelegramLoginCode() {
			const userToken = localStorage.getItem('current_user_token');
			const codeInput = document.getElementById('telegramLoginCode');
			const code = codeInput ? codeInput.value.trim() : '';
			
			// Clear previous errors
			clearErrors(['telegramLoginCode']);
			
			if (!code) {
				showError('telegramLoginCode', 'Пожалуйста, введите код подтверждения');
				return;
			}
			
			if (code.length !== 7) {
				showError('telegramLoginCode', 'Код должен содержать 7 цифр');
				return;
			}
			
			const data = {
				type: 'verify_telegram_login_code',
				user_token: userToken,
				verify_code: code
			};

			sendRequest('/ajax/', data, function(response) {
				if (response.status === 'ok') {
					// Clear timer
					if (window.loginCodeTimer) {
						clearInterval(window.loginCodeTimer);
					}
					
					localStorage.setItem('user_info', JSON.stringify(response.user));
					
					// Close any open modals
					closeModal('telegramCodeModal');
					closeModal('telegramVerifyModal');
					
					// Show success message and redirect
					alert('Вход выполнен успешно!');
					window.location.href = '/' + window.currentLang + '/profile/';
					
				} else {
					showError('telegramLoginCode', response.error);
				}
			});
		}


	
	</script>
	
	<!-- Add this JavaScript before closing body tag -->
	<script>
		// Animation on scroll
		document.addEventListener('DOMContentLoaded', function() {
			const fadeElements = document.querySelectorAll('.fade-in');
			
			const observer = new IntersectionObserver((entries) => {
				entries.forEach(entry => {
					if (entry.isIntersecting) {
						entry.target.classList.add('visible');
					}
				});
			}, { threshold: 0.1 });
			
			fadeElements.forEach(element => {
				observer.observe(element);
			});

			// Add click handlers for project CTAs
			document.querySelectorAll('.project-cta').forEach(button => {
				button.addEventListener('click', function() {
					const projectTitle = this.closest('.project-card').querySelector('.project-title').textContent;
					alert(`Exploring: ${projectTitle}`);
					// In production, this would navigate to the appropriate page
				});
			});
		});
	</script>
	
	<script>
		// Cookie consent management
		(function() {
			// Configuration
			const COOKIE_CONSENT_KEY = 'serpuls_cookie_consent';
			const COOKIE_EXPIRY_DAYS = 365;
			
			// Create cookie consent banner if not already accepted
			function initCookieConsent() {
				// Check if user has already made a choice
				const consent = getCookieConsent();
				if (consent !== null) {
					// User already made a choice, apply preferences
					applyCookiePreferences(consent);
					return;
				}
				
				// Create banner
				createCookieBanner();
			}
			
			// Create the cookie banner HTML
			function createCookieBanner() {
				const banner = document.createElement('div');
				banner.id = 'cookie-consent-banner';
				banner.style.cssText = `
					position: fixed;
					bottom: 0;
					left: 0;
					right: 0;
					background: white;
					box-shadow: 0 -4px 20px rgba(0,0,0,0.15);
					padding: 1.5rem;
					z-index: 9999;
					border-top: 3px solid var(--primary, #4361ee);
					animation: slideUp 0.5s ease;
				`;
				
				// Add animation style if not exists
				if (!document.getElementById('cookie-animation-style')) {
					const style = document.createElement('style');
					style.id = 'cookie-animation-style';
					style.textContent = `
						@keyframes slideUp {
							from { transform: translateY(100%); }
							to { transform: translateY(0); }
						}
					`;
					document.head.appendChild(style);
				}
				
				banner.innerHTML = `
					<div style="max-width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 2rem; align-items: center; justify-content: space-between;">
						<div style="flex: 2; min-width: 280px;">
							<h3 style="margin: 0 0 0.5rem 0; color: var(--dark, #212529); font-size: 1.25rem;">🍪 Cookie Consent</h3>
							<p style="margin: 0; color: var(--gray, #6c757d); line-height: 1.5;">
								We use cookies to enhance your browsing experience, serve personalized content, and analyze our traffic. 
								By clicking "Accept All", you consent to our use of cookies. 
								Read our <a href="/en/cookie/" style="color: var(--primary, #4361ee); text-decoration: underline;">Cookie Policy</a> 
								and <a href="/en/privacy/" style="color: var(--primary, #4361ee); text-decoration: underline;">Privacy Policy</a>.
							</p>
						</div>
						<div style="display: flex; gap: 1rem; flex-wrap: wrap; align-items: center;">
							<button id="cookie-accept-all" style="padding: 0.75rem 1.5rem; background: linear-gradient(135deg, var(--primary, #4361ee), var(--secondary, #7209b7)); color: white; border: none; border-radius: var(--border-radius, 8px); font-weight: 600; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 4px 6px rgba(67,97,238,0.3);">
								Accept All
							</button>
							<button id="cookie-accept-essential" style="padding: 0.75rem 1.5rem; background: white; color: var(--dark, #212529); border: 1px solid var(--gray, #6c757d); border-radius: var(--border-radius, 8px); font-weight: 600; cursor: pointer; transition: all 0.3s ease;">
								Essential Only
							</button>
							<button id="cookie-settings" style="padding: 0.75rem 1.5rem; background: transparent; color: var(--primary, #4361ee); border: none; font-weight: 600; cursor: pointer; text-decoration: underline;">
								Customize
							</button>
						</div>
					</div>
				`;
				
				document.body.appendChild(banner);
				
				// Add event listeners
				document.getElementById('cookie-accept-all').addEventListener('click', function() {
					acceptAllCookies();
				});
				
				document.getElementById('cookie-accept-essential').addEventListener('click', function() {
					acceptEssentialCookies();
				});
				
				document.getElementById('cookie-settings').addEventListener('click', function() {
					showCookieSettings();
				});
			}
			
			// Show cookie settings modal
			function showCookieSettings() {
				// Remove existing modal if any
				const existingModal = document.getElementById('cookie-settings-modal');
				if (existingModal) existingModal.remove();
				
				const modal = document.createElement('div');
				modal.id = 'cookie-settings-modal';
				modal.style.cssText = `
					position: fixed;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					background: rgba(0,0,0,0.5);
					display: flex;
					align-items: center;
					justify-content: center;
					z-index: 10000;
					animation: fadeIn 0.3s ease;
				`;
				
				modal.innerHTML = `
					<div style="background: white; border-radius: var(--border-radius, 8px); max-width: 500px; width: 90%; max-height: 80vh; overflow-y: auto; box-shadow: 0 10px 25px rgba(0,0,0,0.2);">
						<div style="padding: 1.5rem; border-bottom: 1px solid #e9ecef;">
							<h3 style="margin: 0; color: var(--dark, #212529);">Cookie Preferences</h3>
						</div>
						<div style="padding: 1.5rem;">
							<p style="color: var(--gray, #6c757d); margin-bottom: 1.5rem;">Choose which cookies you allow. You can change these settings at any time.</p>
							
							<div style="margin-bottom: 1rem; padding: 1rem; background: #f8f9fa; border-radius: var(--border-radius, 8px);">
								<label style="display: flex; align-items: center; gap: 0.75rem; cursor: not-allowed;">
									<input type="checkbox" checked disabled style="width: 18px; height: 18px;">
									<div>
										<strong style="color: var(--dark, #212529);">Essential Cookies</strong>
										<p style="margin: 0.25rem 0 0; font-size: 0.9rem; color: var(--gray, #6c757d);">Required for the website to function. Cannot be disabled.</p>
									</div>
								</label>
							</div>
							
							<div style="margin-bottom: 1rem; padding: 1rem; background: #f8f9fa; border-radius: var(--border-radius, 8px);">
								<label style="display: flex; align-items: center; gap: 0.75rem; cursor: pointer;">
									<input type="checkbox" id="cookie-pref-analytics" checked style="width: 18px; height: 18px;">
									<div>
										<strong style="color: var(--dark, #212529);">Analytics Cookies</strong>
										<p style="margin: 0.25rem 0 0; font-size: 0.9rem; color: var(--gray, #6c757d);">Help us understand how visitors interact with our site.</p>
									</div>
								</label>
							</div>
							
							<div style="margin-bottom: 1rem; padding: 1rem; background: #f8f9fa; border-radius: var(--border-radius, 8px);">
								<label style="display: flex; align-items: center; gap: 0.75rem; cursor: pointer;">
									<input type="checkbox" id="cookie-pref-functional" checked style="width: 18px; height: 18px;">
									<div>
										<strong style="color: var(--dark, #212529);">Functional Cookies</strong>
										<p style="margin: 0.25rem 0 0; font-size: 0.9rem; color: var(--gray, #6c757d);">Remember your preferences and settings.</p>
									</div>
								</label>
							</div>
							
							<div style="margin-bottom: 1rem; padding: 1rem; background: #f8f9fa; border-radius: var(--border-radius, 8px);">
								<label style="display: flex; align-items: center; gap: 0.75rem; cursor: pointer;">
									<input type="checkbox" id="cookie-pref-targeting" checked style="width: 18px; height: 18px;">
									<div>
										<strong style="color: var(--dark, #212529);">Targeting Cookies</strong>
										<p style="margin: 0.25rem 0 0; font-size: 0.9rem; color: var(--gray, #6c757d);">Used to deliver relevant content and ads.</p>
									</div>
								</label>
							</div>
						</div>
						<div style="padding: 1.5rem; border-top: 1px solid #e9ecef; display: flex; gap: 1rem; justify-content: flex-end;">
							<button id="cookie-save-preferences" style="padding: 0.75rem 1.5rem; background: linear-gradient(135deg, var(--primary, #4361ee), var(--secondary, #7209b7)); color: white; border: none; border-radius: var(--border-radius, 8px); font-weight: 600; cursor: pointer;">
								Save Preferences
							</button>
							<button id="cookie-close-modal" style="padding: 0.75rem 1.5rem; background: white; color: var(--dark, #212529); border: 1px solid var(--gray, #6c757d); border-radius: var(--border-radius, 8px); font-weight: 600; cursor: pointer;">
								Cancel
							</button>
						</div>
					</div>
				`;
				
				document.body.appendChild(modal);
				
				// Close modal handlers
				document.getElementById('cookie-close-modal').addEventListener('click', function() {
					modal.remove();
				});
				
				document.getElementById('cookie-save-preferences').addEventListener('click', function() {
					const preferences = {
						essential: true, // Always true
						analytics: document.getElementById('cookie-pref-analytics').checked,
						functional: document.getElementById('cookie-pref-functional').checked,
						targeting: document.getElementById('cookie-pref-targeting').checked
					};
					
					saveCookiePreferences(preferences);
					modal.remove();
					removeCookieBanner();
				});
				
				// Click outside to close
				modal.addEventListener('click', function(e) {
					if (e.target === modal) {
						modal.remove();
					}
				});
			}
			
			// Accept all cookies
			function acceptAllCookies() {
				const preferences = {
					essential: true,
					analytics: true,
					functional: true,
					targeting: true
				};
				saveCookiePreferences(preferences);
				removeCookieBanner();
			}
			
			// Accept only essential cookies
			function acceptEssentialCookies() {
				const preferences = {
					essential: true,
					analytics: false,
					functional: false,
					targeting: false
				};
				saveCookiePreferences(preferences);
				removeCookieBanner();
			}
			
			// Save cookie preferences
			function saveCookiePreferences(preferences) {
				// Save to cookie
				const expiryDate = new Date();
				expiryDate.setDate(expiryDate.getDate() + COOKIE_EXPIRY_DAYS);
				
				const cookieValue = JSON.stringify(preferences);
				document.cookie = `${COOKIE_CONSENT_KEY}=${encodeURIComponent(cookieValue)}; expires=${expiryDate.toUTCString()}; path=/; SameSite=Lax`;
				
				// Apply preferences
				applyCookiePreferences(preferences);
				
				// Store in localStorage for quick access
				localStorage.setItem(COOKIE_CONSENT_KEY, cookieValue);
				
				// Optional: send event to analytics
				if (typeof window.gtag !== 'undefined' && preferences.analytics) {
					window.gtag('consent', 'update', {
						'analytics_storage': 'granted'
					});
				}
			}
			
			// Get cookie consent from cookie or localStorage
			function getCookieConsent() {
				// Try to get from cookie first
				const match = document.cookie.match(new RegExp('(^| )' + COOKIE_CONSENT_KEY + '=([^;]+)'));
				if (match) {
					try {
						return JSON.parse(decodeURIComponent(match[2]));
					} catch (e) {
						console.error('Error parsing cookie consent:', e);
					}
				}
				
				// Try localStorage
				const stored = localStorage.getItem(COOKIE_CONSENT_KEY);
				if (stored) {
					try {
						return JSON.parse(stored);
					} catch (e) {
						console.error('Error parsing localStorage consent:', e);
					}
				}
				
				return null;
			}
			
			// Apply cookie preferences (enable/disable features)
			function applyCookiePreferences(preferences) {
				if (!preferences) return;
				
				// Example: Disable analytics if not consented
				if (!preferences.analytics) {
					// Disable Google Analytics if present
					if (typeof window.gtag !== 'undefined') {
						window.gtag('consent', 'default', {
							'analytics_storage': 'denied'
						});
					}
					
					// Optionally remove existing analytics cookies
					// This is handled by the analytics script itself usually
				}
				
				// Disable targeting cookies
				if (!preferences.targeting) {
					// Disable ad-related tracking
					// Remove Facebook pixel, etc.
				}
				
				// Store preferences in data attribute for other scripts to check
				document.documentElement.setAttribute('data-cookie-consent', JSON.stringify(preferences));
				
				// Dispatch event for other scripts to react
				window.dispatchEvent(new CustomEvent('cookieConsentChanged', { detail: preferences }));
			}
			
			// Remove cookie banner
			function removeCookieBanner() {
				const banner = document.getElementById('cookie-consent-banner');
				if (banner) {
					banner.style.animation = 'slideDown 0.5s ease forwards';
					setTimeout(() => {
						if (banner.parentNode) banner.remove();
					}, 500);
					
					// Add slideDown animation if not exists
					if (!document.getElementById('cookie-animation-slidedown')) {
						const style = document.createElement('style');
						style.id = 'cookie-animation-slidedown';
						style.textContent = `
							@keyframes slideDown {
								from { transform: translateY(0); }
								to { transform: translateY(100%); }
							}
						`;
						document.head.appendChild(style);
					}
				}
			}
			
			// Add a floating button to reopen cookie settings (optional)
			function addCookieSettingsButton() {
				const btn = document.createElement('button');
				btn.id = 'cookie-settings-button';
				btn.innerHTML = '🍪';
				btn.setAttribute('aria-label', 'Cookie Settings');
				btn.style.cssText = `
					position: fixed;
					bottom: 20px;
					left: 20px;
					width: 48px;
					height: 48px;
					border-radius: 50%;
					background: white;
					border: 1px solid var(--gray, #6c757d);
					box-shadow: var(--box-shadow, 0 4px 6px rgba(0,0,0,0.1));
					cursor: pointer;
					font-size: 1.2rem;
					display: flex;
					align-items: center;
					justify-content: center;
					z-index: 9998;
					transition: var(--transition, all 0.3s ease);
					opacity: 0.8;
				`;
				
				btn.addEventListener('mouseenter', function() {
					this.style.opacity = '1';
					this.style.transform = 'scale(1.1)';
				});
				
				btn.addEventListener('mouseleave', function() {
					this.style.opacity = '0.8';
					this.style.transform = 'scale(1)';
				});
				
				btn.addEventListener('click', function() {
					showCookieSettings();
				});
				
				document.body.appendChild(btn);
			}
			
			// Initialize on DOM ready
			if (document.readyState === 'loading') {
				document.addEventListener('DOMContentLoaded', initCookieConsent);
			} else {
				initCookieConsent();
			}
			
			// Optional: Add settings button after consent is given
			window.addEventListener('cookieConsentChanged', function() {
				// Only show settings button if not already present
				if (!document.getElementById('cookie-settings-button')) {
					//addCookieSettingsButton();
				}
			});
			
			// If consent already exists, add settings button
			const existingConsent = getCookieConsent();
			if (existingConsent && !document.getElementById('cookie-settings-button')) {
				document.addEventListener('DOMContentLoaded', function() {
					//addCookieSettingsButton();
				});
			}
		})();
	
	</script>
	
	
</body>
</html>