array(8) {
  ["phrase_row"]=>
  array(58) {
    ["id"]=>
    NULL
    ["add_time"]=>
    int(1240326399)
    ["phrase"]=>
    string(12) "stone island"
    ["phrase_hash"]=>
    string(12) "a31875148d86"
    ["separate_by_words"]=>
    int(1)
    ["google_work_status"]=>
    int(0)
    ["google_last_update"]=>
    int(1754576178)
    ["google_last_try"]=>
    int(1765232641)
    ["google_try"]=>
    int(4)
    ["google_next_try"]=>
    int(1765643095)
    ["google_updates"]=>
    int(1)
    ["yandex_work_status"]=>
    int(0)
    ["yandex_last_update"]=>
    int(0)
    ["yandex_last_try"]=>
    int(0)
    ["yandex_try"]=>
    int(0)
    ["yandex_next_try"]=>
    int(1791414891)
    ["yandex_updates"]=>
    int(1)
    ["yandex_stat_time"]=>
    int(1772497866)
    ["yandex_direct_time"]=>
    NULL
    ["yandex_direct_try_time"]=>
    int(0)
    ["free"]=>
    int(1)
    ["help_link_id"]=>
    int(0)
    ["views"]=>
    int(11)
    ["get_time"]=>
    int(1306345818)
    ["rambler_stat_time"]=>
    int(1262362621)
    ["f_views"]=>
    int(75)
    ["all_views"]=>
    int(129)
    ["yandex_stat_try_time"]=>
    int(1741513021)
    ["yandex_views"]=>
    int(76383)
    ["yandex_views_group"]=>
    string(5) "10000"
    ["lj_stat_update_time"]=>
    int(1293353274)
    ["direct_time"]=>
    int(1272326425)
    ["ai_generated"]=>
    int(2)
    ["ai_task_id"]=>
    NULL
    ["lang"]=>
    NULL
    ["is_bad_no_results"]=>
    int(0)
    ["phrase_id"]=>
    int(17899)
    ["type"]=>
    NULL
    ["text"]=>
    NULL
    ["word_id"]=>
    NULL
    ["position"]=>
    int(0)
    ["word"]=>
    string(5) "stone"
    ["use_count"]=>
    int(15925)
    ["last_update_time"]=>
    int(1772954953)
    ["checked"]=>
    int(0)
    ["busy"]=>
    int(0)
    ["title"]=>
    NULL
    ["source"]=>
    NULL
    ["description"]=>
    NULL
    ["link"]=>
    NULL
    ["phrase_lang"]=>
    string(2) "en"
    ["phrase_translate_en"]=>
    string(65) "rock island, stone isle, boulder island, stone land, rocky island"
    ["phrase_translate"]=>
    string(59) "taş adası, taş cebi, кам taşı, taş tozu, taş kaya"
    ["phrase_definition_en"]=>
    string(282) "Stone Island is an Italian luxury fashion brand known for its avant-garde designs and innovative use of materials. It was founded in 1985 by Massimo Osti and Renzo Rosso. The brand is particularly recognized for its outerwear, often incorporating advanced and experimental textiles."
    ["phrase_definition"]=>
    NULL
    ["phrase_seo_en"]=>
    string(5640) "<h1>The Enigmatic Stone Island: A Fashion Brand That Defies Expectations</h1>

<p>When it comes to fashion, the world is filled with brands that attempt to stand out in a crowded marketplace. However, very few have managed to carve a niche for themselves as effectively as Stone Island. This brand, founded in 1981 by Massimo Osti and Roberto Cavalli, has built a reputation for innovation, quality, and a unique aesthetic that resonates with a discerning clientele.</p>

<h2>A Brief History of Stone Island</h2>

<p>In its early years, Stone Island was focused on producing high-quality outerwear for mountaineers and outdoor enthusiasts. The founders recognized a gap in the market for functional yet stylish garments that could withstand harsh weather conditions. Over time, the brand expanded its offerings, but always maintained a commitment to excellence in design and manufacturing.</p>

<p>One of Stone Island's most notable achievements was the creation of their "N6" technology, which involved using advanced materials to create durable and breathable fabrics. This innovation helped to establish the brand as a leader in technical clothing, setting the stage for its future success.</p>

<h2>The Unique Aesthetic of Stone Island</h2>

<p>What sets Stone Island apart from other fashion brands is its distinctive aesthetic. The brand is known for its bold color schemes, graphic prints, and unconventional patterns. Stone Island often draws inspiration from military and industrial motifs, creating pieces that exude a sense of strength and confidence.</p>

<p>Another hallmark of Stone Island's style is its use of bright colors and contrasting fabrics. For example, you might see a jacket made from a combination of neon pink and matte black, or a pair of pants featuring intricate embroidery against a solid background. These striking combinations help to make Stone Island's clothing instantly recognizable.</p>

<h3>The Role of Camouflage in Stone Island's Design Philosophy</h3>

<p>One of the most iconic elements of Stone Island's design philosophy is its use of camouflage patterns. However, unlike many other brands that incorporate camouflage into their collections, Stone Island takes a more sophisticated approach to this motif. Instead of relying on traditional woodland or desert camouflage designs, the brand creates its own unique patterns that are both visually striking and functional.</p>

<p>This approach reflects Stone Island's commitment to pushing boundaries and challenging convention. By reimagining familiar motifs in unexpected ways, the brand is able to create clothing that is as stylish as it is innovative.</p>

<h2>Stone Island in Popular Culture</h2>

<p>In recent years, Stone Island has gained increasing recognition in popular culture, thanks in part to collaborations with high-profile fashion designers and celebrities. One of the most notable examples of this was the brand's partnership with Virgil Abloh, the late founder of Off-White.</p>

<p>In 2019, Stone Island and Off-White released a collaborative collection that featured a range of pieces inspired by both brands' signature styles. This collaboration helped to introduce Stone Island to a new audience and cemented its status as one of the most exciting brands in contemporary fashion.</p>

<h3>Stone Island's Influence on Streetwear</h2>

<p>While Stone Island has always been known for its technical outerwear, the brand has also had a significant impact on the streetwear industry. Many streetwear brands draw inspiration from Stone Island's bold aesthetic and innovative approach to design. As a result, you can often see elements of Stone Island's style incorporated into the collections of other well-known brands.</p>

<p>This influence extends beyond just streetwear, however. Stone Island's use of bright colors and graphic prints has helped to shape the overall look and feel of contemporary fashion, inspiring designers around the world to think outside the box and experiment with unconventional combinations.</p>

<h2>The Future of Stone Island</h2>

<p>As Stone Island continues to evolve and grow, it remains committed to pushing the boundaries of what is possible in the world of fashion. The brand's focus on innovation and quality means that we can expect to see even more groundbreaking designs in the future.</p>

<p>One area where Stone Island is likely to continue investing is in sustainable materials and production practices. As consumers become increasingly aware of the environmental impact of their clothing choices, many brands are turning to eco-friendly alternatives. Stone Island is well-positioned to lead the way in this space, given its track record of using advanced technologies to create high-quality garments.</p>

<h3>Conclusion</h3>

<p>In conclusion, Stone Island is a fashion brand that defies expectations and challenges convention. From its bold aesthetic to its commitment to quality and innovation, Stone Island has built a reputation for excellence that sets it apart from other brands in the industry. Whether you're a seasoned collector or a newcomer to the world of fashion, there's no denying that Stone Island is a brand worth watching.</p>

<p>So the next time you see someone wearing a piece of Stone Island clothing, take a moment to appreciate the skill and creativity that went into creating such a unique and distinctive garment. Stone Island may be a relatively small player in the world of fashion, but its influence is felt far and wide, making it one of the most exciting brands on the planet.</p>

<p>Written by: <a href="https://serpulse.com">serpulse.com</a></p>"
    ["phrase_seo"]=>
    NULL
    ["word_definitions"]=>
    string(30) "14059!!!stone---14060!!!island"
  }
  ["yandex_rows"]=>
  array(10) {
    [0]=>
    array(14) {
      ["serp_setup_id"]=>
      int(2)
      ["phrase_id"]=>
      int(17899)
      ["phrase"]=>
      string(12) "stone island"
      ["domain_id"]=>
      int(10116199)
      ["domain_name"]=>
      string(19) "www.stoneisland.com"
      ["last_position"]=>
      int(1)
      ["last_day_number"]=>
      int(20373)
      ["title_data"]=>
      string(34) "18118653:Stone Island Online Store"
      ["snippet_data"]=>
      string(108) "15931535:Please note that changing your location will remove all items from your Shopping Bag and Wish List."
      ["page_data"]=>
      string(10) "17760071:/"
      ["position_history"]=>
      string(34) "20373:1:17760071:18118653:15931535"
      ["time"]=>
      int(1306345818)
      ["day_number"]=>
      int(15119)
      ["phrase_check_days"]=>
      string(11) "15119;20373"
    }
    [1]=>
    array(14) {
      ["serp_setup_id"]=>
      int(2)
      ["phrase_id"]=>
      int(17899)
      ["phrase"]=>
      string(12) "stone island"
      ["domain_id"]=>
      int(8715341)
      ["domain_name"]=>
      string(13) "outmaxshop.ru"
      ["last_position"]=>
      int(3)
      ["last_day_number"]=>
      int(20373)
      ["title_data"]=>
      string(100) "18159886:История бренда Stone Island : почему их свитшоты стали..."
      ["snippet_data"]=>
      string(175) "42290162:Каждый свитшот Stone Island проходит ручное окрашивание по запатентованной технологии Garment Dyeing."
      ["page_data"]=>
      string(89) "12191204:/17-news/2595-istoriya-brenda-stone-island-pochemu-ikh-svitshoty-stali-kultovymi"
      ["position_history"]=>
      string(34) "20373:3:12191204:18159886:42290162"
      ["time"]=>
      int(1306345818)
      ["day_number"]=>
      int(15119)
      ["phrase_check_days"]=>
      string(11) "15119;20373"
    }
    [2]=>
    array(14) {
      ["serp_setup_id"]=>
      int(2)
      ["phrase_id"]=>
      int(17899)
      ["phrase"]=>
      string(12) "stone island"
      ["domain_id"]=>
      int(8702702)
      ["domain_name"]=>
      string(13) "cdek.shopping"
      ["last_position"]=>
      int(4)
      ["last_day_number"]=>
      int(20373)
      ["title_data"]=>
      string(102) "31443988:Stone Island – купить товары бренда по доступным ценам..."
      ["snippet_data"]=>
      string(199) "7244476:Широкий ассортимент товаров бренда Stone Island по выгодным ценам и с доставкой до двери из США, Европы и Азии."
      ["page_data"]=>
      string(29) "41295665:/m/6318/stone_island"
      ["position_history"]=>
      string(33) "20373:4:41295665:31443988:7244476"
      ["time"]=>
      int(1306345818)
      ["day_number"]=>
      int(15119)
      ["phrase_check_days"]=>
      string(11) "15119;20373"
    }
    [3]=>
    array(14) {
      ["serp_setup_id"]=>
      int(2)
      ["phrase_id"]=>
      int(17899)
      ["phrase"]=>
      string(12) "stone island"
      ["domain_id"]=>
      int(366)
      ["domain_name"]=>
      string(16) "ru.wikipedia.org"
      ["last_position"]=>
      int(5)
      ["last_day_number"]=>
      int(20373)
      ["title_data"]=>
      string(44) "23370583:Stone Island — Википедия"
      ["snippet_data"]=>
      string(403) "66154229:Stone Island — итальянская компания, производитель одежды премиум-класса. Компания была основана в 1982 году Массимо Ости, и в настоящий момент бренд принадлежит холдингу Moncler, который приобрёл его за 1,15 млрд евро в 2020 году."
      ["page_data"]=>
      string(38) "17760071:/;31169200:/wiki/Stone_Island"
      ["position_history"]=>
      string(53) "15119:3:17760071::;20373:5:31169200:23370583:66154229"
      ["time"]=>
      int(1306345818)
      ["day_number"]=>
      int(15119)
      ["phrase_check_days"]=>
      string(11) "15119;20373"
    }
    [4]=>
    array(14) {
      ["serp_setup_id"]=>
      int(2)
      ["phrase_id"]=>
      int(17899)
      ["phrase"]=>
      string(12) "stone island"
      ["domain_id"]=>
      int(10098389)
      ["domain_name"]=>
      string(11) "www.tsum.ru"
      ["last_position"]=>
      int(6)
      ["last_day_number"]=>
      int(20373)
      ["title_data"]=>
      string(90) "2359706:Stone Island одежда, сумки и одежда в официальном..."
      ["snippet_data"]=>
      string(132) "62523118:Интернет-магазин ЦУМ предлагает последнюю коллекцию марки Stone Island ."
      ["page_data"]=>
      string(33) "35663399:/brand/stone_island.html"
      ["position_history"]=>
      string(33) "20373:6:35663399:2359706:62523118"
      ["time"]=>
      int(1306345818)
      ["day_number"]=>
      int(15119)
      ["phrase_check_days"]=>
      string(11) "15119;20373"
    }
    [5]=>
    array(14) {
      ["serp_setup_id"]=>
      int(2)
      ["phrase_id"]=>
      int(17899)
      ["phrase"]=>
      string(12) "stone island"
      ["domain_id"]=>
      int(10096861)
      ["domain_name"]=>
      string(13) "www.lamoda.ru"
      ["last_position"]=>
      int(7)
      ["last_day_number"]=>
      int(20373)
      ["title_data"]=>
      string(67) "40213702:Stone Island — купить товары бренда..."
      ["snippet_data"]=>
      string(181) "20993982:Каталог товаров Stone Island . Купить с бесплатной доставкой по всей России в интернет-магазине Lamoda."
      ["page_data"]=>
      string(36) "26527374:/b/35000/brand-stoneisland/"
      ["position_history"]=>
      string(34) "20373:7:26527374:40213702:20993982"
      ["time"]=>
      int(1306345818)
      ["day_number"]=>
      int(15119)
      ["phrase_check_days"]=>
      string(11) "15119;20373"
    }
    [6]=>
    array(14) {
      ["serp_setup_id"]=>
      int(2)
      ["phrase_id"]=>
      int(17899)
      ["phrase"]=>
      string(12) "stone island"
      ["domain_id"]=>
      int(566084)
      ["domain_name"]=>
      string(12) "brandshop.ru"
      ["last_position"]=>
      int(8)
      ["last_day_number"]=>
      int(20373)
      ["title_data"]=>
      string(86) "39796256:Stone Island - купить в интернет-магазине BRANDSHOP..."
      ["snippet_data"]=>
      string(117) "15186573:Товары Stone Island по доступным ценам в интернет-магазина BRANDSHOP."
      ["page_data"]=>
      string(34) "17760071:/;27948230:/stone-island/"
      ["position_history"]=>
      string(54) "15119:13:17760071::;20373:8:27948230:39796256:15186573"
      ["time"]=>
      int(1306345818)
      ["day_number"]=>
      int(15119)
      ["phrase_check_days"]=>
      string(11) "15119;20373"
    }
    [7]=>
    array(14) {
      ["serp_setup_id"]=>
      int(2)
      ["phrase_id"]=>
      int(17899)
      ["phrase"]=>
      string(12) "stone island"
      ["domain_id"]=>
      int(10096408)
      ["domain_name"]=>
      string(12) "www.avito.ru"
      ["last_position"]=>
      int(9)
      ["last_day_number"]=>
      int(20373)
      ["title_data"]=>
      string(100) "34618396:stone island оригинал - Купить недорого одежду и обувь..."
      ["snippet_data"]=>
      string(233) "60097035:STONE ISLAND KNIT REFLECTIVE (83 коллекция) В наличии в Москве Оригинал Состояние: Новый с бирками Размер: L Самовывоз, отправка в регионы."
      ["page_data"]=>
      string(136) "30545337:/all/odezhda_obuv_aksessuary/muzhskaya_odezhda-ASgBAgICAUTeAtgL?q=stone+island+%D0%BE%D1%80%D0%B8%D0%B3%D0%B8%D0%BD%D0%B0%D0%BB"
      ["position_history"]=>
      string(34) "20373:9:30545337:34618396:60097035"
      ["time"]=>
      int(1306345818)
      ["day_number"]=>
      int(15119)
      ["phrase_check_days"]=>
      string(11) "15119;20373"
    }
    [8]=>
    array(14) {
      ["serp_setup_id"]=>
      int(2)
      ["phrase_id"]=>
      int(17899)
      ["phrase"]=>
      string(12) "stone island"
      ["domain_id"]=>
      int(8705579)
      ["domain_name"]=>
      string(10) "oskelly.ru"
      ["last_position"]=>
      int(10)
      ["last_day_number"]=>
      int(20373)
      ["title_data"]=>
      string(89) "26745320:STONE ISLAND Мужское - купить в интернет магазине."
      ["snippet_data"]=>
      string(234) "14150350:Винтажные изделия или STONE ISLAND Мужское из новых коллекций – заказывайте на сайте или в приложении OSKELLY с целой экосистемой..."
      ["page_data"]=>
      string(38) "8219983:/catalog/stone-island/muzhskoe"
      ["position_history"]=>
      string(34) "20373:10:8219983:26745320:14150350"
      ["time"]=>
      int(1306345818)
      ["day_number"]=>
      int(15119)
      ["phrase_check_days"]=>
      string(11) "15119;20373"
    }
    [9]=>
    array(14) {
      ["serp_setup_id"]=>
      int(2)
      ["phrase_id"]=>
      int(17899)
      ["phrase"]=>
      string(12) "stone island"
      ["domain_id"]=>
      int(10103078)
      ["domain_name"]=>
      string(16) "www.farfetch.com"
      ["last_position"]=>
      int(11)
      ["last_day_number"]=>
      int(20373)
      ["title_data"]=>
      string(67) "1754101:Stone Island - Men's Designer Clothing & Fashion - Farfetch"
      ["snippet_data"]=>
      string(98) "49985340:Shop a wide selection of Stone Island men's designer clothing & acccessories at Farfetch."
      ["page_data"]=>
      string(49) "29038373:/fi/shopping/men/stone-island/items.aspx"
      ["position_history"]=>
      string(34) "20373:11:29038373:1754101:49985340"
      ["time"]=>
      int(1306345818)
      ["day_number"]=>
      int(15119)
      ["phrase_check_days"]=>
      string(11) "15119;20373"
    }
  }
  ["google_rows"]=>
  array(10) {
    [0]=>
    array(14) {
      ["serp_setup_id"]=>
      int(3)
      ["phrase_id"]=>
      int(17899)
      ["phrase"]=>
      string(12) "stone island"
      ["domain_id"]=>
      int(652661)
      ["domain_name"]=>
      string(15) "stoneisland.com"
      ["last_position"]=>
      int(1)
      ["last_day_number"]=>
      int(20307)
      ["title_data"]=>
      string(68) "223354:Stone Island: мужская одежда, верхняя ..."
      ["snippet_data"]=>
      string(290) "19693961:Откройте для себя эксклюзивную коллекцию мужской одежды, верхней одежды и аксессуаров Stone Island . Интернет-магазин, безопасная оплата и доставка по всему ..."
      ["page_data"]=>
      string(16) "20279479:/ru-ru/"
      ["position_history"]=>
      string(32) "20307:1:20279479:223354:19693961"
      ["time"]=>
      int(1754576178)
      ["day_number"]=>
      int(20307)
      ["phrase_check_days"]=>
      string(5) "20307"
    }
    [1]=>
    array(14) {
      ["serp_setup_id"]=>
      int(3)
      ["phrase_id"]=>
      int(17899)
      ["phrase"]=>
      string(12) "stone island"
      ["domain_id"]=>
      int(566084)
      ["domain_name"]=>
      string(12) "brandshop.ru"
      ["last_position"]=>
      int(2)
      ["last_day_number"]=>
      int(20307)
      ["title_data"]=>
      string(48) "32990800:Stone Island - Москва - Brandshop"
      ["snippet_data"]=>
      string(290) "47682468:Stone Island . Год основания — 1982. Страна: Италия. Культовый итальянский бренд, отличающийся уникальными тканями и инновационными технологиями уличной одежды."
      ["page_data"]=>
      string(23) "27948230:/stone-island/"
      ["position_history"]=>
      string(34) "20307:2:27948230:32990800:47682468"
      ["time"]=>
      int(1754576178)
      ["day_number"]=>
      int(20307)
      ["phrase_check_days"]=>
      string(5) "20307"
    }
    [2]=>
    array(14) {
      ["serp_setup_id"]=>
      int(3)
      ["phrase_id"]=>
      int(17899)
      ["phrase"]=>
      string(12) "stone island"
      ["domain_id"]=>
      int(366)
      ["domain_name"]=>
      string(16) "ru.wikipedia.org"
      ["last_position"]=>
      int(3)
      ["last_day_number"]=>
      int(20307)
      ["title_data"]=>
      string(44) "23370583:Stone Island — Википедия"
      ["snippet_data"]=>
      string(283) "12816574:Stone Island («Стоун А́йленд») — итальянская компания, производитель одежды премиум-класса . Stone Island. Изображение логотипа. Тип, бизнес, предприятие и бренд."
      ["page_data"]=>
      string(27) "17693871:/wiki/stone_island"
      ["position_history"]=>
      string(34) "20307:3:17693871:23370583:12816574"
      ["time"]=>
      int(1754576178)
      ["day_number"]=>
      int(20307)
      ["phrase_check_days"]=>
      string(5) "20307"
    }
    [3]=>
    array(14) {
      ["serp_setup_id"]=>
      int(3)
      ["phrase_id"]=>
      int(17899)
      ["phrase"]=>
      string(12) "stone island"
      ["domain_id"]=>
      int(8812388)
      ["domain_name"]=>
      string(20) "stonecityofficial.ru"
      ["last_position"]=>
      int(4)
      ["last_day_number"]=>
      int(20307)
      ["title_data"]=>
      string(91) "35285870:Одежда Stone Island (Стон Айленд) купить в Москве ..."
      ["snippet_data"]=>
      string(223) "44355286:Купить мужскую и детскую одежду Stone Island в Москве по доступной цене. Вещи бренда Стон Айленд купить с доставкой в Stonecity."
      ["page_data"]=>
      string(87) "22414822:/shop/page/6/?srsltid=afmbooo0vd8qpmzubpxyd-ohrttquhvp5bdfyfp-zmzb4zlbdx-9go93"
      ["position_history"]=>
      string(34) "20307:4:22414822:35285870:44355286"
      ["time"]=>
      int(1754576178)
      ["day_number"]=>
      int(20307)
      ["phrase_check_days"]=>
      string(5) "20307"
    }
    [4]=>
    array(14) {
      ["serp_setup_id"]=>
      int(3)
      ["phrase_id"]=>
      int(17899)
      ["phrase"]=>
      string(12) "stone island"
      ["domain_id"]=>
      int(250244)
      ["domain_name"]=>
      string(7) "tsum.ru"
      ["last_position"]=>
      int(5)
      ["last_day_number"]=>
      int(20307)
      ["title_data"]=>
      string(49) "10017775:Мужская одежда Stone Island"
      ["snippet_data"]=>
      string(238) "50952772:Мужская одежда Stone Island , купить в интернет-магазине ЦУМ. Онлайн каталог, быстрая и удобная доставка, круглосуточная поддержка."
      ["page_data"]=>
      string(43) "2665459:/catalog/odezhda-2409/?brand=181113"
      ["position_history"]=>
      string(33) "20307:5:2665459:10017775:50952772"
      ["time"]=>
      int(1754576178)
      ["day_number"]=>
      int(20307)
      ["phrase_check_days"]=>
      string(5) "20307"
    }
    [5]=>
    array(14) {
      ["serp_setup_id"]=>
      int(3)
      ["phrase_id"]=>
      int(17899)
      ["phrase"]=>
      string(12) "stone island"
      ["domain_id"]=>
      int(620820)
      ["domain_name"]=>
      string(15) "leningradec.com"
      ["last_position"]=>
      int(6)
      ["last_day_number"]=>
      int(20307)
      ["title_data"]=>
      string(68) "29506384:Купить Stone Island | Brands | Ленинградец"
      ["snippet_data"]=>
      string(213) "62006073:Новое. Размеры. 100 000 ₽. xxl-en xxxl · Новое. Размеры. 110 000 ₽. m-en · Размеры. 65 000 ₽. l-en xl xxl-en. Свитер STONE ISLAND 5100071 LIGHT RWS PURE WOOL ."
      ["page_data"]=>
      string(29) "15929320:/brands/stoneisland/"
      ["position_history"]=>
      string(34) "20307:6:15929320:29506384:62006073"
      ["time"]=>
      int(1754576178)
      ["day_number"]=>
      int(20307)
      ["phrase_check_days"]=>
      string(5) "20307"
    }
    [6]=>
    array(14) {
      ["serp_setup_id"]=>
      int(3)
      ["phrase_id"]=>
      int(17899)
      ["phrase"]=>
      string(12) "stone island"
      ["domain_id"]=>
      int(2683)
      ["domain_name"]=>
      string(7) "ozon.ru"
      ["last_position"]=>
      int(8)
      ["last_day_number"]=>
      int(20307)
      ["title_data"]=>
      string(72) "99222:Stone Island - купить товары из каталога ..."
      ["snippet_data"]=>
      string(223) "51512111:Каталог товаров Stone Island на OZON , быстрая и бесплатная доставка, оригинальные товары, сикдки, бонусы, рассрочка и кэшбэк."
      ["page_data"]=>
      string(38) "12581654:/brand/stone-island-87143737/"
      ["position_history"]=>
      string(31) "20307:8:12581654:99222:51512111"
      ["time"]=>
      int(1754576178)
      ["day_number"]=>
      int(20307)
      ["phrase_check_days"]=>
      string(5) "20307"
    }
    [7]=>
    array(14) {
      ["serp_setup_id"]=>
      int(3)
      ["phrase_id"]=>
      int(17899)
      ["phrase"]=>
      string(12) "stone island"
      ["domain_id"]=>
      int(8724769)
      ["domain_name"]=>
      string(8) "lukse.ru"
      ["last_position"]=>
      int(9)
      ["last_day_number"]=>
      int(20307)
      ["title_data"]=>
      string(83) "3342089:STONE ISLAND - купить в официальном интернет- ..."
      ["snippet_data"]=>
      string(278) "53814459:В основе бренда STONE ISLAND лежит исследование темы трансформации тканей . Эксперименты над функциональностью привели к созданию неформального стиля."
      ["page_data"]=>
      string(95) "25998336:/brands/stone_island/?srsltid=afmbooqgtw_b0-dtyz3tutsgcq71j0xvzmlgvlfpwgtq6b3qdo4xx5x2"
      ["position_history"]=>
      string(33) "20307:9:25998336:3342089:53814459"
      ["time"]=>
      int(1754576178)
      ["day_number"]=>
      int(20307)
      ["phrase_check_days"]=>
      string(5) "20307"
    }
    [8]=>
    array(14) {
      ["serp_setup_id"]=>
      int(3)
      ["phrase_id"]=>
      int(17899)
      ["phrase"]=>
      string(12) "stone island"
      ["domain_id"]=>
      int(8798558)
      ["domain_name"]=>
      string(13) "verdistore.ru"
      ["last_position"]=>
      int(10)
      ["last_day_number"]=>
      int(20307)
      ["title_data"]=>
      string(87) "25974066:Stone Island — купить в интернет-магазине VERDI STORE"
      ["snippet_data"]=>
      string(274) "24903477:Купить одежду бренда Stone Island в интернет-магазине VERDI STORE с доставкой в Москве и Махачкале. Большой ассортимент моделей и актуальные цены в нашем ..."
      ["page_data"]=>
      string(38) "30006569:/catalog/brands/stone-island/"
      ["position_history"]=>
      string(35) "20307:10:30006569:25974066:24903477"
      ["time"]=>
      int(1754576178)
      ["day_number"]=>
      int(20307)
      ["phrase_check_days"]=>
      string(5) "20307"
    }
    [9]=>
    array(14) {
      ["serp_setup_id"]=>
      int(3)
      ["phrase_id"]=>
      int(17899)
      ["phrase"]=>
      string(12) "stone island"
      ["domain_id"]=>
      int(203863)
      ["domain_name"]=>
      string(8) "bosco.ru"
      ["last_position"]=>
      int(11)
      ["last_day_number"]=>
      int(20307)
      ["title_data"]=>
      string(31) "9450565:Stone Island - Bosco.ru"
      ["snippet_data"]=>
      string(294) "43865752:Stone Island — бренд, который без преувеличения поменял отношение людей к одежде. Его создатели решили уделить внимание не только внешнему виду, но и качеству, ..."
      ["page_data"]=>
      string(30) "13714648:/brands/stone-island/"
      ["position_history"]=>
      string(34) "20307:11:13714648:9450565:43865752"
      ["time"]=>
      int(1754576178)
      ["day_number"]=>
      int(20307)
      ["phrase_check_days"]=>
      string(5) "20307"
    }
  }
  ["lemma_rows"]=>
  array(0) {
  }
  ["book_sample_rows"]=>
  array(0) {
  }
  ["meaning_rows"]=>
  array(0) {
  }
  ["google_total_count"]=>
  int(34)
  ["yandex_total_count"]=>
  int(12)
}
<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
	<title>Arama sorgusu istatistikleri, web sitesi konumlarının kontrol edilmesi, Google ve Yandex arama sonuçları analizi, web sitesi rakipleri</title>
    <!-- Meta Tags -->
    <meta name="description" content="Arama sorgusu istatistikleri, web sitesi konumlarının kontrol edilmesi, Google ve Yandex arama sonuçları analizi, web sitesi rakipleri">
    <meta name="keywords" content="SEO, arama ifadeleri, SERP konumları, site analizi, rakipler, Google, Yandex">
    <meta name="robots" content="index, follow">
    
	<link rel="alternate" hreflang="tr" href="https://serpuls.com/tr/phrase/stone-island/" /><link rel="alternate" hreflang="bg" href="https://serpuls.com/bg/phrase/stone-island/" /><link rel="alternate" hreflang="ca" href="https://serpuls.com/ca/phrase/stone-island/" /><link rel="alternate" hreflang="de" href="https://serpuls.com/de/phrase/stone-island/" /><link rel="alternate" hreflang="hr" href="https://serpuls.com/hr/phrase/stone-island/" /><link rel="alternate" hreflang="cs" href="https://serpuls.com/cs/phrase/stone-island/" /><link rel="alternate" hreflang="da" href="https://serpuls.com/da/phrase/stone-island/" /><link rel="alternate" hreflang="nl" href="https://serpuls.com/nl/phrase/stone-island/" /><link rel="alternate" hreflang="en" href="https://serpuls.com/en/phrase/stone-island/" /><link rel="alternate" hreflang="et" href="https://serpuls.com/et/phrase/stone-island/" /><link rel="alternate" hreflang="fr" href="https://serpuls.com/fr/phrase/stone-island/" /><link rel="alternate" hreflang="el" href="https://serpuls.com/el/phrase/stone-island/" /><link rel="alternate" hreflang="hu" href="https://serpuls.com/hu/phrase/stone-island/" /><link rel="alternate" hreflang="it" href="https://serpuls.com/it/phrase/stone-island/" /><link rel="alternate" hreflang="lv" href="https://serpuls.com/lv/phrase/stone-island/" /><link rel="alternate" hreflang="no" href="https://serpuls.com/no/phrase/stone-island/" /><link rel="alternate" hreflang="pl" href="https://serpuls.com/pl/phrase/stone-island/" /><link rel="alternate" hreflang="pt" href="https://serpuls.com/pt/phrase/stone-island/" /><link rel="alternate" hreflang="ro" href="https://serpuls.com/ro/phrase/stone-island/" /><link rel="alternate" hreflang="ru" href="https://serpuls.com/ru/phrase/stone-island/" /><link rel="alternate" hreflang="sr" href="https://serpuls.com/sr/phrase/stone-island/" /><link rel="alternate" hreflang="sk" href="https://serpuls.com/sk/phrase/stone-island/" /><link rel="alternate" hreflang="sl" href="https://serpuls.com/sl/phrase/stone-island/" /><link rel="alternate" hreflang="es" href="https://serpuls.com/es/phrase/stone-island/" /><link rel="alternate" hreflang="sv" href="https://serpuls.com/sv/phrase/stone-island/" /><link rel="alternate" hreflang="zh" href="https://serpuls.com/zh/phrase/stone-island/" /><link rel="alternate" hreflang="ja" href="https://serpuls.com/ja/phrase/stone-island/" />	<link rel="alternate" hreflang="x-default" href="https://serpuls.com/en/phrase/stone-island/" />
		<link rel="canonical" href="https://serpuls.com/tr/phrase/stone-island/" />	

	
    <!-- Open Graph / Social Media -->
    <meta property="og:title" content="Arama sorgusu istatistikleri, web sitesi konumlarının kontrol edilmesi, Google ve Yandex arama sonuçları analizi, web sitesi rakipleri">
    <meta property="og:description" content="Arama sorgusu istatistikleri, web sitesi konumlarının kontrol edilmesi, Google ve Yandex arama sonuçları analizi, web sitesi rakipleri">
    <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": "Arama sorgusu istatistikleri, web sitesi konumlarının kontrol edilmesi, Google ve Yandex arama sonuçları analizi, web sitesi rakipleri",
      "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="/tr/" 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="/tr/api_docs/">API'si</a></li>
                    <li><a href="/tr/domain/">Alanlar</a></li>
                    <li><a href="/tr/phrase/">Cümleler</a></li>
                    <li><a href="/tr/services/">Hizmetler</a></li>
                </ul>
				
				<div class="auth-buttons" id="authButtons">
					<!-- Show user info when logged in -->
					<div id="userInfo" style="display: none;">
						<a href="/tr/profile/" id="userName" style="color: white; margin-right: 1rem; text-decoration: none; font-weight: 500;"></a>
						<button class="btn btn-outline" onclick="logout()">Oturumu kapat</button>
					</div>
					<!-- Show auth buttons when not logged in -->
					<div id="guestButtons">
						<button class="btn btn-outline" id="loginBtn">Giriş yapmak</button>
						<button class="btn btn-primary" id="registerBtn">Kayıt olmak</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/stone-island/" hreflang="bg" lang="bg" title="Български">Български</a> | <a href="https://serpuls.com/ca/phrase/stone-island/" hreflang="ca" lang="ca" title="Català">Català</a> | <a href="https://serpuls.com/de/phrase/stone-island/" hreflang="de" lang="de" title="Deutsche">Deutsche</a> | <a href="https://serpuls.com/hr/phrase/stone-island/" hreflang="hr" lang="hr" title="Hrvatski">Hrvatski</a> | <a href="https://serpuls.com/cs/phrase/stone-island/" hreflang="cs" lang="cs" title="Čeština">Čeština</a> | <a href="https://serpuls.com/da/phrase/stone-island/" hreflang="da" lang="da" title="Dansk">Dansk</a> | <a href="https://serpuls.com/nl/phrase/stone-island/" hreflang="nl" lang="nl" title="Nederlandse">Nederlandse</a> | <a href="https://serpuls.com/en/phrase/stone-island/" hreflang="en" lang="en" title="English">English</a> | <a href="https://serpuls.com/et/phrase/stone-island/" hreflang="et" lang="et" title="Eesti keel">Eesti keel</a> | <a href="https://serpuls.com/fr/phrase/stone-island/" hreflang="fr" lang="fr" title="Français">Français</a> | <a href="https://serpuls.com/el/phrase/stone-island/" hreflang="el" lang="el" title="Ελληνικά">Ελληνικά</a> | <a href="https://serpuls.com/hu/phrase/stone-island/" hreflang="hu" lang="hu" title="Magyar">Magyar</a> | <a href="https://serpuls.com/it/phrase/stone-island/" hreflang="it" lang="it" title="Italiano">Italiano</a> | <a href="https://serpuls.com/lv/phrase/stone-island/" hreflang="lv" lang="lv" title="Latviski">Latviski</a> | <a href="https://serpuls.com/no/phrase/stone-island/" hreflang="no" lang="no" title="Norsk">Norsk</a> | <a href="https://serpuls.com/pl/phrase/stone-island/" hreflang="pl" lang="pl" title="Polski">Polski</a> | <a href="https://serpuls.com/pt/phrase/stone-island/" hreflang="pt" lang="pt" title="Português">Português</a> | <a href="https://serpuls.com/ro/phrase/stone-island/" hreflang="ro" lang="ro" title="Română">Română</a> | <a href="https://serpuls.com/ru/phrase/stone-island/" hreflang="ru" lang="ru" title="Русский">Русский</a> | <a href="https://serpuls.com/sr/phrase/stone-island/" hreflang="sr" lang="sr" title="Српски">Српски</a> | <a href="https://serpuls.com/sk/phrase/stone-island/" hreflang="sk" lang="sk" title="Slovenský">Slovenský</a> | <a href="https://serpuls.com/sl/phrase/stone-island/" hreflang="sl" lang="sl" title="Slovenščina">Slovenščina</a> | <a href="https://serpuls.com/es/phrase/stone-island/" hreflang="es" lang="es" title="Español">Español</a> | <a href="https://serpuls.com/sv/phrase/stone-island/" hreflang="sv" lang="sv" title="Svenska">Svenska</a> | <span>Türkçe</span> | <a href="https://serpuls.com/zh/phrase/stone-island/" hreflang="zh" lang="zh" title="汉语">汉语</a> | <a href="https://serpuls.com/ja/phrase/stone-island/" 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="stone island">
	<input type="hidden" id="phrase_id" value="17899">
    <div class="domain-title">
        <div class="domain-icon">P</div>
        <div>
            <h1 class="domain-name">stone island</h1>
            <span class="domain-status registered">Etkin İfade</span>
        </div>
    </div>
    
    <!-- Last Update Info -->
    <div class="last-update-info">
        <span class="update-label">Bilgi güncelleme tarihi:</span>
        <span class="update-time" id="lastUpdateTime">2026/03/03</span>
    </div>
    
    <!-- Analysis Button Container -->
    <div class="analysis-button-container">
        <button class="cta-button" id="analyzeNowBtn">Analizi şimdi güncelle</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">Arama sorgusu sıklığı</div>
            <div class="domain-info-value">76383</div>
        </div>
                        <div class="domain-info-item">
            <div class="domain-info-label">İfade tanımı</div>
            <div class="domain-info-value">Stone Island, avangart tasarımları ve yenilikçi malzeme kullanımıyla tanınan bir İtalyan lüks moda markasıdır. 1985 yılında Massimo Osti ve Renzo Rosso tarafından kuruldu. Marka, özellikle gelişmiş ve deneysel tekstilleri bir araya getiren dış giyim ürünleriyle tanınıyor.</div>
        </div>
                        <div class="domain-info-item">
            <div class="domain-info-label">Cümle tercümesi</div>
            <div class="domain-info-value">taş adası, taş cebi, кам taşı, taş tozu, taş kaya</div>
        </div>
            </div>
    
</div>



<!-- Morphological Lemmas -->


<!-- Book Samples -->


<!-- Search Engine Positions -->
<!-- Chart Container -->
<div class="chart-container">
    <h2 class="chart-title">Pozisyonlar 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">Arama İfadeleri - 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">İhtisas:</label>
                <input type="text" id="googleDomainFilter" class="filter-input" placeholder="Etki alanına göre filtrele">
            </div>
            <div class="filter-group">
                <label class="filter-label" for="googlePageFilter">Sayfa:</label>
                <input type="text" id="googlePageFilter" class="filter-input" placeholder="Sayfaya göre filtrele">
            </div>
            <div class="filter-group">
                <label class="filter-label">&nbsp;</label>
                <button class="cta-button" onclick="applyPhraseFilters('google')">Filtre Uygula</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>Konum</th>
						<th>İhtisas</th>
						<th>Sayfa</th>
						<th>Eylemler</th>
					</tr>
				</thead>
				<tbody id="googlePhrasesBody">
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-success">
									1								</span>
															</td>
							<td>
									<a href="/tr/domain/stoneisland.com/" >
										stoneisland.com									</a>
							</td>
							<td>/ru-ru/</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Sayfa ayrıntılarını göster								</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">Tam URL</div>
											<div class="page-detail-value">
												<a href="https://stoneisland.com/ru-ru/" 
												   class="page-url" target="_blank" rel="nofollow">
													https://stoneisland.com/ru-ru/												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Başlık</div>
											<div class="page-detail-value">
												Stone Island											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Son Güncelleme</div>
											<div class="page-detail-value">
												Yok											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Sayfa Yetkilisi</div>
											<div class="page-detail-value">
												Yok											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Trafik:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Geri bağlantılar:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Sosyal Paylaşımlar:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Yükleme Süresi:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Parçacık Önizlemesi:</strong><br>
										
										<noindex><a href="https://https://stoneisland.com/ru-ru/" rel="nofollow" target="_blank">Stone Island</a></noindex><br>Откройте для себя эксклюзивную коллекцию мужской одежды, верхней одежды и аксессуаров Stone Island . Интернет-магазин, безопасная оплата и доставка по всему ...									</div>
								</div>
							</td>
						</tr>
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-success">
									2								</span>
															</td>
							<td>
									<a href="/tr/domain/brandshop.ru/" >
										brandshop.ru									</a>
							</td>
							<td>/stone-island/</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Sayfa ayrıntılarını göster								</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">Tam URL</div>
											<div class="page-detail-value">
												<a href="https://brandshop.ru/stone-island/" 
												   class="page-url" target="_blank" rel="nofollow">
													https://brandshop.ru/stone-island/												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Başlık</div>
											<div class="page-detail-value">
												Stone Island - Москва - Brandshop											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Son Güncelleme</div>
											<div class="page-detail-value">
												Yok											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Sayfa Yetkilisi</div>
											<div class="page-detail-value">
												Yok											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Trafik:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Geri bağlantılar:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Sosyal Paylaşımlar:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Yükleme Süresi:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Parçacık Önizlemesi:</strong><br>
										
										<noindex><a href="https://https://brandshop.ru/stone-island/" rel="nofollow" target="_blank">Stone Island - Москва - Brandshop</a></noindex><br>Stone Island . Год основания — 1982. Страна									</div>
								</div>
							</td>
						</tr>
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-success">
									3								</span>
															</td>
							<td>
									<a href="/tr/domain/ru.wikipedia.org/" >
										ru.wikipedia.org									</a>
							</td>
							<td>/wiki/stone_island</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Sayfa ayrıntılarını göster								</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">Tam URL</div>
											<div class="page-detail-value">
												<a href="https://ru.wikipedia.org/wiki/stone_island" 
												   class="page-url" target="_blank" rel="nofollow">
													https://ru.wikipedia.org/wiki/stone_island												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Başlık</div>
											<div class="page-detail-value">
												Stone Island — Википедия											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Son Güncelleme</div>
											<div class="page-detail-value">
												Yok											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Sayfa Yetkilisi</div>
											<div class="page-detail-value">
												Yok											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Trafik:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Geri bağlantılar:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Sosyal Paylaşımlar:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Yükleme Süresi:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Parçacık Önizlemesi:</strong><br>
										
										<noindex><a href="https://https://ru.wikipedia.org/wiki/stone_island" rel="nofollow" target="_blank">Stone Island — Википедия</a></noindex><br>Stone Island («Стоун А́йленд») — итальянская компания, производитель одежды премиум-класса . Stone Island. Изображение логотипа. Тип, бизнес, предприятие и бренд.									</div>
								</div>
							</td>
						</tr>
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-warning">
									4								</span>
															</td>
							<td>
									<a href="/tr/domain/stonecityofficial.ru/" >
										stonecityofficial.ru									</a>
							</td>
							<td>/shop/page/6/?srslti...</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Sayfa ayrıntılarını göster								</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">Tam URL</div>
											<div class="page-detail-value">
												<a href="https://stonecityofficial.ru/shop/page/6/?srsltid=afmbooo0vd8qpmzubpxyd-ohrttquhvp5bdfyfp-zmzb4zlbdx-9go93" 
												   class="page-url" target="_blank" rel="nofollow">
													https://stonecityofficial.ru/shop/page/6/?srsltid=afmbooo0vd8qpmzubpxyd-ohrttquhvp5bdfyfp-zmzb4zlbdx-9go93												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Başlık</div>
											<div class="page-detail-value">
												Одежда Stone Island (Стон Айленд) купить в Москве ...											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Son Güncelleme</div>
											<div class="page-detail-value">
												Yok											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Sayfa Yetkilisi</div>
											<div class="page-detail-value">
												Yok											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Trafik:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Geri bağlantılar:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Sosyal Paylaşımlar:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Yükleme Süresi:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Parçacık Önizlemesi:</strong><br>
										
										<noindex><a href="https://https://stonecityofficial.ru/shop/page/6/?srsltid=afmbooo0vd8qpmzubpxyd-ohrttquhvp5bdfyfp-zmzb4zlbdx-9go93" rel="nofollow" target="_blank">Одежда Stone Island (Стон Айленд) купить в Москве ...</a></noindex><br>Купить мужскую и детскую одежду Stone Island в Москве по доступной цене. Вещи бренда Стон Айленд купить с доставкой в Stonecity.									</div>
								</div>
							</td>
						</tr>
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-warning">
									5								</span>
															</td>
							<td>
									<a href="/tr/domain/tsum.ru/" >
										tsum.ru									</a>
							</td>
							<td>/catalog/odezhda-240...</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Sayfa ayrıntılarını göster								</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">Tam URL</div>
											<div class="page-detail-value">
												<a href="https://tsum.ru/catalog/odezhda-2409/?brand=181113" 
												   class="page-url" target="_blank" rel="nofollow">
													https://tsum.ru/catalog/odezhda-2409/?brand=181113												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Başlık</div>
											<div class="page-detail-value">
												Мужская одежда Stone Island											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Son Güncelleme</div>
											<div class="page-detail-value">
												Yok											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Sayfa Yetkilisi</div>
											<div class="page-detail-value">
												Yok											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Trafik:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Geri bağlantılar:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Sosyal Paylaşımlar:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Yükleme Süresi:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Parçacık Önizlemesi:</strong><br>
										
										<noindex><a href="https://https://tsum.ru/catalog/odezhda-2409/?brand=181113" rel="nofollow" target="_blank">Мужская одежда Stone Island</a></noindex><br>Мужская одежда Stone Island , купить в интернет-магазине ЦУМ. Онлайн каталог, быстрая и удобная доставка, круглосуточная поддержка.									</div>
								</div>
							</td>
						</tr>
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-warning">
									6								</span>
															</td>
							<td>
									<a href="/tr/domain/leningradec.com/" >
										leningradec.com									</a>
							</td>
							<td>/brands/stoneisland/</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Sayfa ayrıntılarını göster								</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">Tam URL</div>
											<div class="page-detail-value">
												<a href="https://leningradec.com/brands/stoneisland/" 
												   class="page-url" target="_blank" rel="nofollow">
													https://leningradec.com/brands/stoneisland/												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Başlık</div>
											<div class="page-detail-value">
												Купить Stone Island | Brands | Ленинградец											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Son Güncelleme</div>
											<div class="page-detail-value">
												Yok											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Sayfa Yetkilisi</div>
											<div class="page-detail-value">
												Yok											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Trafik:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Geri bağlantılar:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Sosyal Paylaşımlar:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Yükleme Süresi:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Parçacık Önizlemesi:</strong><br>
										
										<noindex><a href="https://https://leningradec.com/brands/stoneisland/" rel="nofollow" target="_blank">Купить Stone Island | Brands | Ленинградец</a></noindex><br>Новое. Размеры. 100 000 ₽. xxl-en xxxl · Новое. Размеры. 110 000 ₽. m-en · Размеры. 65 000 ₽. l-en xl xxl-en. Свитер STONE ISLAND 5100071 LIGHT RWS PURE WOOL .									</div>
								</div>
							</td>
						</tr>
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-warning">
									8								</span>
															</td>
							<td>
									<a href="/tr/domain/ozon.ru/" >
										ozon.ru									</a>
							</td>
							<td>/brand/stone-island-...</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Sayfa ayrıntılarını göster								</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">Tam URL</div>
											<div class="page-detail-value">
												<a href="https://ozon.ru/brand/stone-island-87143737/" 
												   class="page-url" target="_blank" rel="nofollow">
													https://ozon.ru/brand/stone-island-87143737/												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Başlık</div>
											<div class="page-detail-value">
												Stone Island - купить товары из каталога ...											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Son Güncelleme</div>
											<div class="page-detail-value">
												Yok											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Sayfa Yetkilisi</div>
											<div class="page-detail-value">
												Yok											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Trafik:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Geri bağlantılar:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Sosyal Paylaşımlar:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Yükleme Süresi:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Parçacık Önizlemesi:</strong><br>
										
										<noindex><a href="https://https://ozon.ru/brand/stone-island-87143737/" rel="nofollow" target="_blank">Stone Island - купить товары из каталога ...</a></noindex><br>Каталог товаров Stone Island на OZON , быстрая и бесплатная доставка, оригинальные товары, сикдки, бонусы, рассрочка и кэшбэк.									</div>
								</div>
							</td>
						</tr>
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-warning">
									9								</span>
															</td>
							<td>
									<a href="/tr/domain/lukse.ru/" >
										lukse.ru									</a>
							</td>
							<td>/brands/stone_island...</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Sayfa ayrıntılarını göster								</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">Tam URL</div>
											<div class="page-detail-value">
												<a href="https://lukse.ru/brands/stone_island/?srsltid=afmbooqgtw_b0-dtyz3tutsgcq71j0xvzmlgvlfpwgtq6b3qdo4xx5x2" 
												   class="page-url" target="_blank" rel="nofollow">
													https://lukse.ru/brands/stone_island/?srsltid=afmbooqgtw_b0-dtyz3tutsgcq71j0xvzmlgvlfpwgtq6b3qdo4xx5x2												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Başlık</div>
											<div class="page-detail-value">
												STONE ISLAND - купить в официальном интернет- ...											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Son Güncelleme</div>
											<div class="page-detail-value">
												Yok											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Sayfa Yetkilisi</div>
											<div class="page-detail-value">
												Yok											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Trafik:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Geri bağlantılar:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Sosyal Paylaşımlar:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Yükleme Süresi:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Parçacık Önizlemesi:</strong><br>
										
										<noindex><a href="https://https://lukse.ru/brands/stone_island/?srsltid=afmbooqgtw_b0-dtyz3tutsgcq71j0xvzmlgvlfpwgtq6b3qdo4xx5x2" rel="nofollow" target="_blank">STONE ISLAND - купить в официальном интернет- ...</a></noindex><br>В основе бренда STONE ISLAND лежит исследование темы трансформации тканей . Эксперименты над функциональностью привели к созданию неформального стиля.									</div>
								</div>
							</td>
						</tr>
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-warning">
									10								</span>
															</td>
							<td>
									<a href="/tr/domain/verdistore.ru/" >
										verdistore.ru									</a>
							</td>
							<td>/catalog/brands/ston...</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Sayfa ayrıntılarını göster								</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">Tam URL</div>
											<div class="page-detail-value">
												<a href="https://verdistore.ru/catalog/brands/stone-island/" 
												   class="page-url" target="_blank" rel="nofollow">
													https://verdistore.ru/catalog/brands/stone-island/												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Başlık</div>
											<div class="page-detail-value">
												Stone Island — купить в интернет-магазине VERDI STORE											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Son Güncelleme</div>
											<div class="page-detail-value">
												Yok											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Sayfa Yetkilisi</div>
											<div class="page-detail-value">
												Yok											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Trafik:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Geri bağlantılar:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Sosyal Paylaşımlar:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Yükleme Süresi:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Parçacık Önizlemesi:</strong><br>
										
										<noindex><a href="https://https://verdistore.ru/catalog/brands/stone-island/" rel="nofollow" target="_blank">Stone Island — купить в интернет-магазине VERDI STORE</a></noindex><br>Купить одежду бренда Stone Island в интернет-магазине VERDI STORE с доставкой в Москве и Махачкале. Большой ассортимент моделей и актуальные цены в нашем ...									</div>
								</div>
							</td>
						</tr>
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-danger">
									11								</span>
															</td>
							<td>
									<a href="/tr/domain/bosco.ru/" >
										bosco.ru									</a>
							</td>
							<td>/brands/stone-island...</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Sayfa ayrıntılarını göster								</button>
							</td>
						</tr>
						
						<!-- Page details row -->
						<tr class="page-details-row">
							<td colspan="4">
								<div class="page-details" id="page-details-google-10">
									<div class="page-details-grid">
										<div class="page-detail-item">
											<div class="page-detail-label">Tam URL</div>
											<div class="page-detail-value">
												<a href="https://bosco.ru/brands/stone-island/" 
												   class="page-url" target="_blank" rel="nofollow">
													https://bosco.ru/brands/stone-island/												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Başlık</div>
											<div class="page-detail-value">
												Stone Island - Bosco.ru											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Son Güncelleme</div>
											<div class="page-detail-value">
												Yok											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Sayfa Yetkilisi</div>
											<div class="page-detail-value">
												Yok											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Trafik:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Geri bağlantılar:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Sosyal Paylaşımlar:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Yükleme Süresi:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Parçacık Önizlemesi:</strong><br>
										
										<noindex><a href="https://https://bosco.ru/brands/stone-island/" rel="nofollow" target="_blank">Stone Island - Bosco.ru</a></noindex><br>Stone Island — бренд, который без преувеличения поменял отношение людей к одежде. Его создатели решили уделить внимание не только внешнему виду, но и качеству, ...									</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 class="" onclick="loadSearchDomains('google', 2)">2</button>
                            <button class="" onclick="loadSearchDomains('google', 3)">3</button>
                            <button class="" onclick="loadSearchDomains('google', 4)">4</button>
                        <button  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', 'Gün');
    data.addColumn("number", "stone island");data.addColumn("number", "stone island");data.addColumn("number", "stone island");data.addColumn("number", "stone island");data.addColumn("number", "stone island");data.addColumn("number", "stone island");data.addColumn("number", "stone island");data.addColumn("number", "stone island");data.addColumn("number", "stone island");data.addColumn("number", "stone island");
    data.addRows([
        [new Date(2025, 7, 7),1,2,3,4,5,6,8,9,10,11,],    ]);

    var options = {
        chart: {
            title: 'En iyi alan adları google ifade için arama sonuçları: "stone island"',
            subtitle: 'Alan adı konumu geçmişi'
        },
        width: '100%',
        height: 400,
        curveType: 'function',
        legend: { position: 'bottom' },
        pointSize: 5,
        pointsVisible: true,
        interpolateNulls: true,
        selectionMode: 'multiple',
        vAxis: {
            direction: '-1',
            title: 'Konum',
        },
        hAxis: {
            title: 'Tarih',	
        },
    };

    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">Pozisyonlar 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">Arama İfadeleri - 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">İhtisas:</label>
                <input type="text" id="yandexDomainFilter" class="filter-input" placeholder="Etki alanına göre filtrele">
            </div>
            <div class="filter-group">
                <label class="filter-label" for="yandexPageFilter">Sayfa:</label>
                <input type="text" id="yandexPageFilter" class="filter-input" placeholder="Sayfaya göre filtrele">
            </div>
            <div class="filter-group">
                <label class="filter-label">&nbsp;</label>
                <button class="cta-button" onclick="applyPhraseFilters('yandex')">Filtre Uygula</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>Konum</th>
						<th>İhtisas</th>
						<th>Sayfa</th>
						<th>Eylemler</th>
					</tr>
				</thead>
				<tbody id="yandexPhrasesBody">
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-success">
									1								</span>
															</td>
							<td>
									<a href="/tr/domain/www.stoneisland.com/" >
										www.stoneisland.com									</a>
							</td>
							<td>/</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Sayfa ayrıntılarını göster								</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">Tam URL</div>
											<div class="page-detail-value">
												<a href="https://www.stoneisland.com/" 
												   class="page-url" target="_blank" rel="nofollow">
													https://www.stoneisland.com/												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Başlık</div>
											<div class="page-detail-value">
												Stone Island Online Store											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Son Güncelleme</div>
											<div class="page-detail-value">
												Yok											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Sayfa Yetkilisi</div>
											<div class="page-detail-value">
												Yok											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Trafik:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Geri bağlantılar:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Sosyal Paylaşımlar:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Yükleme Süresi:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Parçacık Önizlemesi:</strong><br>
										
										<noindex><a href="https://https://www.stoneisland.com/" rel="nofollow" target="_blank">Stone Island Online Store</a></noindex><br>Please note that changing your location will remove all items from your Shopping Bag and Wish List.									</div>
								</div>
							</td>
						</tr>
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-success">
									3								</span>
															</td>
							<td>
									<a href="/tr/domain/outmaxshop.ru/" >
										outmaxshop.ru									</a>
							</td>
							<td>/17-news/2595-istori...</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Sayfa ayrıntılarını göster								</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">Tam URL</div>
											<div class="page-detail-value">
												<a href="https://outmaxshop.ru/17-news/2595-istoriya-brenda-stone-island-pochemu-ikh-svitshoty-stali-kultovymi" 
												   class="page-url" target="_blank" rel="nofollow">
													https://outmaxshop.ru/17-news/2595-istoriya-brenda-stone-island-pochemu-ikh-svitshoty-stali-kultovymi												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Başlık</div>
											<div class="page-detail-value">
												История бренда Stone Island 											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Son Güncelleme</div>
											<div class="page-detail-value">
												Yok											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Sayfa Yetkilisi</div>
											<div class="page-detail-value">
												Yok											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Trafik:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Geri bağlantılar:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Sosyal Paylaşımlar:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Yükleme Süresi:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Parçacık Önizlemesi:</strong><br>
										
										<noindex><a href="https://https://outmaxshop.ru/17-news/2595-istoriya-brenda-stone-island-pochemu-ikh-svitshoty-stali-kultovymi" rel="nofollow" target="_blank">История бренда Stone Island </a></noindex><br>Каждый свитшот Stone Island проходит ручное окрашивание по запатентованной технологии Garment Dyeing.									</div>
								</div>
							</td>
						</tr>
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-warning">
									4								</span>
															</td>
							<td>
									<a href="/tr/domain/cdek.shopping/" >
										cdek.shopping									</a>
							</td>
							<td>/m/6318/stone_island</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Sayfa ayrıntılarını göster								</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">Tam URL</div>
											<div class="page-detail-value">
												<a href="https://cdek.shopping/m/6318/stone_island" 
												   class="page-url" target="_blank" rel="nofollow">
													https://cdek.shopping/m/6318/stone_island												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Başlık</div>
											<div class="page-detail-value">
												Stone Island – купить товары бренда по доступным ценам...											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Son Güncelleme</div>
											<div class="page-detail-value">
												Yok											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Sayfa Yetkilisi</div>
											<div class="page-detail-value">
												Yok											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Trafik:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Geri bağlantılar:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Sosyal Paylaşımlar:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Yükleme Süresi:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Parçacık Önizlemesi:</strong><br>
										
										<noindex><a href="https://https://cdek.shopping/m/6318/stone_island" rel="nofollow" target="_blank">Stone Island – купить товары бренда по доступным ценам...</a></noindex><br>Широкий ассортимент товаров бренда Stone Island по выгодным ценам и с доставкой до двери из США, Европы и Азии.									</div>
								</div>
							</td>
						</tr>
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-warning">
									5								</span>
															</td>
							<td>
									<a href="/tr/domain/ru.wikipedia.org/" >
										ru.wikipedia.org									</a>
							</td>
							<td>/;31169200</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Sayfa ayrıntılarını göster								</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">Tam URL</div>
											<div class="page-detail-value">
												<a href="https://ru.wikipedia.org/;31169200" 
												   class="page-url" target="_blank" rel="nofollow">
													https://ru.wikipedia.org/;31169200												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Başlık</div>
											<div class="page-detail-value">
												Yok											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Son Güncelleme</div>
											<div class="page-detail-value">
												Yok											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Sayfa Yetkilisi</div>
											<div class="page-detail-value">
												Yok											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Trafik:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Geri bağlantılar:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Sosyal Paylaşımlar:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Yükleme Süresi:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Parçacık Önizlemesi:</strong><br>
										
										Parçacık yok									</div>
								</div>
							</td>
						</tr>
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-warning">
									6								</span>
															</td>
							<td>
									<a href="/tr/domain/www.tsum.ru/" >
										www.tsum.ru									</a>
							</td>
							<td>/brand/stone_island....</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Sayfa ayrıntılarını göster								</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">Tam URL</div>
											<div class="page-detail-value">
												<a href="https://www.tsum.ru/brand/stone_island.html" 
												   class="page-url" target="_blank" rel="nofollow">
													https://www.tsum.ru/brand/stone_island.html												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Başlık</div>
											<div class="page-detail-value">
												Stone Island одежда, сумки и одежда в официальном...											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Son Güncelleme</div>
											<div class="page-detail-value">
												Yok											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Sayfa Yetkilisi</div>
											<div class="page-detail-value">
												Yok											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Trafik:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Geri bağlantılar:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Sosyal Paylaşımlar:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Yükleme Süresi:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Parçacık Önizlemesi:</strong><br>
										
										<noindex><a href="https://https://www.tsum.ru/brand/stone_island.html" rel="nofollow" target="_blank">Stone Island одежда, сумки и одежда в официальном...</a></noindex><br>Интернет-магазин ЦУМ предлагает последнюю коллекцию марки Stone Island .									</div>
								</div>
							</td>
						</tr>
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-warning">
									7								</span>
															</td>
							<td>
									<a href="/tr/domain/www.lamoda.ru/" >
										www.lamoda.ru									</a>
							</td>
							<td>/b/35000/brand-stone...</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Sayfa ayrıntılarını göster								</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">Tam URL</div>
											<div class="page-detail-value">
												<a href="https://www.lamoda.ru/b/35000/brand-stoneisland/" 
												   class="page-url" target="_blank" rel="nofollow">
													https://www.lamoda.ru/b/35000/brand-stoneisland/												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Başlık</div>
											<div class="page-detail-value">
												Stone Island — купить товары бренда...											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Son Güncelleme</div>
											<div class="page-detail-value">
												Yok											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Sayfa Yetkilisi</div>
											<div class="page-detail-value">
												Yok											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Trafik:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Geri bağlantılar:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Sosyal Paylaşımlar:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Yükleme Süresi:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Parçacık Önizlemesi:</strong><br>
										
										<noindex><a href="https://https://www.lamoda.ru/b/35000/brand-stoneisland/" rel="nofollow" target="_blank">Stone Island — купить товары бренда...</a></noindex><br>Каталог товаров Stone Island . Купить с бесплатной доставкой по всей России в интернет-магазине Lamoda.									</div>
								</div>
							</td>
						</tr>
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-warning">
									8								</span>
															</td>
							<td>
									<a href="/tr/domain/brandshop.ru/" >
										brandshop.ru									</a>
							</td>
							<td>/;27948230</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Sayfa ayrıntılarını göster								</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">Tam URL</div>
											<div class="page-detail-value">
												<a href="https://brandshop.ru/;27948230" 
												   class="page-url" target="_blank" rel="nofollow">
													https://brandshop.ru/;27948230												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Başlık</div>
											<div class="page-detail-value">
												Yok											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Son Güncelleme</div>
											<div class="page-detail-value">
												Yok											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Sayfa Yetkilisi</div>
											<div class="page-detail-value">
												Yok											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Trafik:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Geri bağlantılar:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Sosyal Paylaşımlar:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Yükleme Süresi:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Parçacık Önizlemesi:</strong><br>
										
										Parçacık yok									</div>
								</div>
							</td>
						</tr>
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-warning">
									9								</span>
															</td>
							<td>
									<a href="/tr/domain/www.avito.ru/" >
										www.avito.ru									</a>
							</td>
							<td>/all/odezhda_obuv_ak...</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Sayfa ayrıntılarını göster								</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">Tam URL</div>
											<div class="page-detail-value">
												<a href="https://www.avito.ru/all/odezhda_obuv_aksessuary/muzhskaya_odezhda-ASgBAgICAUTeAtgL?q=stone+island+%D0%BE%D1%80%D0%B8%D0%B3%D0%B8%D0%BD%D0%B0%D0%BB" 
												   class="page-url" target="_blank" rel="nofollow">
													https://www.avito.ru/all/odezhda_obuv_aksessuary/muzhskaya_odezhda-ASgBAgICAUTeAtgL?q=stone+island+%D0%BE%D1%80%D0%B8%D0%B3%D0%B8%D0%BD%D0%B0%D0%BB												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Başlık</div>
											<div class="page-detail-value">
												stone island оригинал - Купить недорого одежду и обувь...											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Son Güncelleme</div>
											<div class="page-detail-value">
												Yok											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Sayfa Yetkilisi</div>
											<div class="page-detail-value">
												Yok											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Trafik:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Geri bağlantılar:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Sosyal Paylaşımlar:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Yükleme Süresi:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Parçacık Önizlemesi:</strong><br>
										
										<noindex><a href="https://https://www.avito.ru/all/odezhda_obuv_aksessuary/muzhskaya_odezhda-ASgBAgICAUTeAtgL?q=stone+island+%D0%BE%D1%80%D0%B8%D0%B3%D0%B8%D0%BD%D0%B0%D0%BB" rel="nofollow" target="_blank">stone island оригинал - Купить недорого одежду и обувь...</a></noindex><br>STONE ISLAND KNIT REFLECTIVE (83 коллекция) В наличии в Москве Оригинал Состояние									</div>
								</div>
							</td>
						</tr>
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-warning">
									10								</span>
															</td>
							<td>
									<a href="/tr/domain/oskelly.ru/" >
										oskelly.ru									</a>
							</td>
							<td>/catalog/stone-islan...</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Sayfa ayrıntılarını göster								</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">Tam URL</div>
											<div class="page-detail-value">
												<a href="https://oskelly.ru/catalog/stone-island/muzhskoe" 
												   class="page-url" target="_blank" rel="nofollow">
													https://oskelly.ru/catalog/stone-island/muzhskoe												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Başlık</div>
											<div class="page-detail-value">
												STONE ISLAND Мужское - купить в интернет магазине.											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Son Güncelleme</div>
											<div class="page-detail-value">
												Yok											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Sayfa Yetkilisi</div>
											<div class="page-detail-value">
												Yok											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Trafik:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Geri bağlantılar:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Sosyal Paylaşımlar:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Yükleme Süresi:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Parçacık Önizlemesi:</strong><br>
										
										<noindex><a href="https://https://oskelly.ru/catalog/stone-island/muzhskoe" rel="nofollow" target="_blank">STONE ISLAND Мужское - купить в интернет магазине.</a></noindex><br>Винтажные изделия или STONE ISLAND Мужское из новых коллекций – заказывайте на сайте или в приложении OSKELLY с целой экосистемой...									</div>
								</div>
							</td>
						</tr>
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-danger">
									11								</span>
															</td>
							<td>
									<a href="/tr/domain/www.farfetch.com/" >
										www.farfetch.com									</a>
							</td>
							<td>/fi/shopping/men/sto...</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Sayfa ayrıntılarını göster								</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">Tam URL</div>
											<div class="page-detail-value">
												<a href="https://www.farfetch.com/fi/shopping/men/stone-island/items.aspx" 
												   class="page-url" target="_blank" rel="nofollow">
													https://www.farfetch.com/fi/shopping/men/stone-island/items.aspx												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Başlık</div>
											<div class="page-detail-value">
												Stone Island - Men's Designer Clothing & Fashion - Farfetch											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Son Güncelleme</div>
											<div class="page-detail-value">
												Yok											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Sayfa Yetkilisi</div>
											<div class="page-detail-value">
												Yok											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Trafik:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Geri bağlantılar:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Sosyal Paylaşımlar:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Yükleme Süresi:</span>
											<span class="page-metric-value">
												Yok											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Parçacık Önizlemesi:</strong><br>
										
										<noindex><a href="https://https://www.farfetch.com/fi/shopping/men/stone-island/items.aspx" rel="nofollow" target="_blank">Stone Island - Men's Designer Clothing & Fashion - Farfetch</a></noindex><br>Shop a wide selection of Stone Island men's designer clothing & acccessories at Farfetch.									</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 class="" onclick="loadSearchDomains('yandex', 2)">2</button>
                        <button  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', 'Gün');
    data.addColumn("number", "stone island");data.addColumn("number", "stone island");data.addColumn("number", "stone island");data.addColumn("number", "stone island");data.addColumn("number", "stone island");data.addColumn("number", "stone island");data.addColumn("number", "stone island");data.addColumn("number", "stone island");data.addColumn("number", "stone island");data.addColumn("number", "stone island");
    data.addRows([
        [new Date(2011, 4, 25),null,null,null,3,null,null,13,null,null,null,],[new Date(2025, 9, 12),1,3,4,5,6,7,8,9,10,11,],    ]);

    var options = {
        chart: {
            title: 'En iyi alan adları yandex ifade için arama sonuçları: "stone island"',
            subtitle: 'Alan adı konumu geçmişi'
        },
        width: '100%',
        height: 400,
        curveType: 'function',
        legend: { position: 'bottom' },
        pointSize: 5,
        pointsVisible: true,
        interpolateNulls: true,
        selectionMode: 'multiple',
        vAxis: {
            direction: '-1',
            title: 'Konum',
        },
        hAxis: {
            title: 'Tarih',	
        },
    };

    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">stone island Madde</h2>
        <div class="card-icon">📝</div>
    </div>
    <div class="card-content">
        <p><h1>Esrarengiz Stone Island: Beklentilere meydan okuyan bir moda markası</h1>
<p>Moda söz konusu olduğunda dünya, kalabalık bir pazarda öne çıkmaya çalışan markalarla dolu. Ancak çok az kişi Stone Island kadar etkili bir şekilde kendilerine bir yer edinmeyi başardı. 1981 yılında Massimo Osti ve Roberto Cavalli tarafından kurulan bu marka, yenilikçiliği, kalitesi ve seçici müşteri kitlesinde yankı uyandıran benzersiz estetiğiyle itibar kazandı.</p>
<h2>Stone Island'ın Kısa Tarihi</h2>
<p>Stone Island, ilk yıllarında dağcılar ve açık hava meraklıları için yüksek kaliteli dış giyim üretmeye odaklanmıştı. Kurucular, zorlu hava koşullarına dayanabilecek işlevsel ve şık giysiler konusunda pazarda bir boşluk olduğunu fark ettiler. Marka zamanla ürün yelpazesini genişletti ancak tasarım ve üretimde mükemmelliğe olan bağlılığını her zaman sürdürdü.</p>
<p>Stone Island'ın en dikkate değer başarılarından biri, dayanıklı ve nefes alabilen kumaşlar oluşturmak için gelişmiş malzemelerin kullanılmasını içeren "N6" teknolojisinin yaratılmasıydı. Bu yenilik, markanın teknik giyimde lider konumuna gelmesine yardımcı oldu ve gelecekteki başarısı için zemin hazırladı.</p>
<h2>Taş Ada'nın Eşsiz Estetiği</h2>
<p>Stone Island'ı diğer moda markalarından ayıran şey kendine özgü estetiğidir. Marka, cesur renk şemaları, grafik baskıları ve alışılmadık desenleriyle tanınıyor. Stone Island genellikle askeri ve endüstriyel motiflerden ilham alarak güç ve güven hissi veren parçalar yaratıyor.</p>
<p>Stone Island'ın tarzının bir diğer özelliği de parlak renkler ve kontrast oluşturan kumaşların kullanılmasıdır. Örneğin neon pembe ve mat siyah kombinasyonundan yapılmış bir ceket veya düz bir arka plan üzerinde karmaşık işlemelere sahip bir pantolon görebilirsiniz. Bu çarpıcı kombinasyonlar Stone Island'ın kıyafetlerinin anında tanınabilir olmasına yardımcı oluyor.</p>
<h3>Stone Island'ın Tasarım Felsefesinde Kamuflajın Rolü</h3>
<p>Stone Island'ın tasarım felsefesinin en ikonik unsurlarından biri kamuflaj desenlerinin kullanılmasıdır. Ancak koleksiyonlarında kamuflaja yer veren birçok markanın aksine Stone Island, bu motife daha sofistike bir yaklaşım getiriyor. Marka, geleneksel ormanlık veya çöl kamuflajı tasarımlarına güvenmek yerine, hem görsel olarak çarpıcı hem de işlevsel olan kendi benzersiz desenlerini yaratıyor.</p>
<p>Bu yaklaşım, Stone Island'ın sınırları zorlama ve geleneklere meydan okuma konusundaki kararlılığını yansıtıyor. Marka, tanıdık motifleri beklenmedik şekillerde yeniden tasarlayarak yenilikçi olduğu kadar şık da kıyafetler yaratabiliyor.</p>
<h2>Popüler Kültürde Stone Island</h2>
<p>Son yıllarda Stone Island, yüksek profilli moda tasarımcıları ve ünlülerle yapılan işbirlikleri sayesinde popüler kültürde giderek daha fazla tanınmaya başladı. Bunun en dikkat çekici örneklerinden biri markanın Off-White'ın merhum kurucusu Virgil Abloh ile yaptığı ortaklıktı.</p>
<p>2019'da Stone Island ve Off-White, her iki markanın kendine özgü stillerinden ilham alan çeşitli parçaların yer aldığı ortak bir koleksiyon yayınladı. Bu iş birliği, Stone Island'ın yeni bir kitleye tanıtılmasına yardımcı oldu ve çağdaş modanın en heyecan verici markalarından biri olma konumunu güçlendirdi.</p>
<h3>Stone Island'ın Sokak Giyimine Etkisi</h2>
<p>Stone Island her zaman teknik dış giyim ürünleriyle tanınırken, markanın sokak giyimi sektörü üzerinde de önemli bir etkisi oldu. Birçok sokak giyim markası Stone Island'ın cesur estetiğinden ve yenilikçi tasarım yaklaşımından ilham alıyor. Sonuç olarak, diğer tanınmış markaların koleksiyonlarında Stone Island tarzına ait öğelerin sıklıkla kullanıldığını görebilirsiniz.</p>
<p>Ancak bu etki sokak giyiminin ötesine geçiyor. Stone Island'ın parlak renkleri ve grafik baskıları kullanması, çağdaş modanın genel görünümünü ve hissini şekillendirmeye yardımcı oldu ve dünya çapındaki tasarımcılara kalıpların dışında düşünme ve alışılmadık kombinasyonlar deneme konusunda ilham verdi.</p>
<h2>Stone Island'ın Geleceği</h2>
<p>Stone Island gelişmeye ve büyümeye devam ederken, moda dünyasında mümkün olanın sınırlarını zorlamaya kararlılığını sürdürüyor. Markanın yeniliğe ve kaliteye odaklanması, gelecekte daha da çığır açıcı tasarımlar görmeyi bekleyebileceğimiz anlamına geliyor.</p>
<p>Stone Island'ın yatırım yapmaya devam edebileceği alanlardan biri de sürdürülebilir malzemeler ve üretim uygulamalarıdır. Tüketiciler giyim tercihlerinin çevresel etkilerinin giderek daha fazla farkına vardıkça, birçok marka çevre dostu alternatiflere yöneliyor. Stone Island, yüksek kaliteli giysiler üretmek için ileri teknolojileri kullanma konusundaki geçmişi göz önüne alındığında, bu alanda öncülük yapmak için iyi bir konumda.</p>
<h3>Sonuç</h3><p>Sonuç olarak Stone Island, beklentilere meydan okuyan ve geleneklere meydan okuyan bir moda markasıdır. Cesur estetiğinden kalite ve yeniliğe olan bağlılığına kadar Stone Island, kendisini sektördeki diğer markalardan ayıran mükemmellik konusunda bir itibar inşa etti. İster deneyimli bir koleksiyoncu olun ister moda dünyasına yeni giren biri olun, Stone Island'ın izlenmeye değer bir marka olduğu inkar edilemez.</p>
<p>Bir dahaki sefere Stone Island kıyafeti giyen birini gördüğünüzde, böylesine benzersiz ve farklı bir giysinin yaratılmasında kullanılan beceri ve yaratıcılığı takdir etmek için bir dakikanızı ayırın. Stone Island moda dünyasında nispeten küçük bir oyuncu olabilir ancak etkisi her yerde hissediliyor ve bu da onu gezegendeki en heyecan verici markalardan biri yapıyor.</p>
<p>Yazan: <a href="https://serpulse.com">serpulse.com</a></p></p>
    </div>
</div>



<!-- Words Definitions -->

<!-- Additional Services -->
<div class="card">
    <div class="card-header">
        <h2 class="card-title">Ek Hizmetler</h2>
        <div class="card-icon">💎</div>
    </div>
    <div class="card-content">
        <div class="info-grid">
            <div class="info-item">
                <span class="popup-trigger" alt="Ayrıntılı önerilerle tam SEO denetimi">
                    <button class="cta-button" 
                        data-modal="paymentModal" 
                        data-title="Tam SEO Denetimi" 
                        data-text="Arama motoru konumlarını iyileştirmek için ayrıntılı öneriler içeren tam SEO denetimi." 
                        data-price="99.99">
                        Tam SEO Denetimi                    </button>
                    <span class="popup-text"></span>
                </span>
            </div>
            <div class="info-item">
                <span class="popup-trigger" alt="100 anahtar sözcük için aylık konum izleme">
                    <button class="cta-button" 
                        data-modal="paymentModal" 
                        data-title="Pozisyon İzleme" 
                        data-text="Google ve Yandex'de 100 anahtar kelimenin aylık konum takibi." 
                        data-price="49.99">
                        Pozisyon İzleme                    </button>
                    <span class="popup-text"></span>
                </span>
            </div>
            <div class="info-item">
                <span class="popup-trigger" alt="Rakip analizi ve tanıtım stratejilerinin belirlenmesi">
                    <button class="cta-button" 
                        data-modal="paymentModal" 
                        data-title="Rakip Analizi" 
                        data-text="Rakip analizi ve tanıtım stratejilerinin belirlenmesi." 
                        data-price="79.99">
                        Rakip Analizi                    </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 ? 'Parçayı göster' : 'Parçayı gizle';
}
</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 = 'Sayfa ayrıntılarını göster';
            }
        });
        
        // Toggle current page details
        if (pageDetails.classList.contains('active')) {
            pageDetails.classList.remove('active');
            button.textContent = 'Sayfa ayrıntılarını göster';
        } else {
            pageDetails.classList.add('active');
            button.textContent = 'Sayfa ayrıntılarını gizle';
        }
    }

    // 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 = 'Sayfa ayrıntılarını göster';
            });
        }
    });

    // 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="/tr/domain/${item.domain}/" rel="nofollow">${item.domain}</a></noindex></td>
                <td>${item.page}</td>
                <td>
                    <button class="show-page-btn" onclick="togglePageDetails(this)">Sayfa ayrıntılarını göster</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>Arama motoru analizi, konum izleme ve SEO optimizasyonu için profesyonel araç.</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="/tr/">Ev</a></li>
                        <li><a href="/tr/profile/">Profil</a></li>
                        <li><a href="/tr/tasks/">İzleme Görevleri</a></li>
                        <li><a href="/tr/api_docs/">API Dokümantasyonu</a></li>
						<li><a href="/tr/team/">Ekibimiz</a></li>
                    </ul>
                </div>
                
                <div class="footer-section">
                    <h3>Resources</h3>
                    <ul class="footer-links">
                        <!--<li><a href="#">Dokümantasyon</a></li>-->
                        <li><a href="/tr/blogs/">Blog</a></li>
                        <li><a href="/tr/faq/">SSS</a></li>
                        <li><a href="/tr/support/">Destek</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="/tr/privacy/">Gizlilik Politikası</a>
                    <a href="/tr/terms/">Kullanım Koşulları</a>
                    <a href="/tr/agreement/">Kullanıcı Sözleşmesi</a>
                    <a href="/tr/cookie/">Çerez Politikası</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">Ödeme</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');
            
            const observer = new IntersectionObserver((entries) => {
                entries.forEach(entry => {
                    if (entry.isIntersecting) {
                        entry.target.style.opacity = '1';
                        entry.target.style.transform = 'translateY(0)';
                    }
                });
            }, { threshold: 0.1 });
            
            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 = 'Saklamak';
            } else {
                // Hide all beyond the first 5
                items.forEach((el, index) => {
                    if (index >= max_count) el.classList.add('hidden');
                });
                btn.textContent = 'Daha fazlasını göster';
            }
        }

        // Toggle raw data visibility
        function toggleRawData(elementId, btn) {
            const element = document.getElementById(elementId);
            if (element.style.maxHeight === '200px') {
                element.style.maxHeight = 'none';
                btn.textContent = 'Tüm verileri gizle';
            } else {
                element.style.maxHeight = '200px';
                btn.textContent = 'Tüm verileri göster';
            }
        }




</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', 'Lütfen e-postanızı girin');
                hasErrors = true;
            } else if (!/\S+@\S+\.\S+/.test(email)) {
                showError('loginEmail', 'Lütfen geçerli bir e-posta girin');
                hasErrors = true;
            }
            if (!password) {
                showError('loginPassword', 'Lütfen şifrenizi girin');
                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('Giriş başarılı!');
                    // Redirect to profile
					window.location.href = '/' + window.currentLang + '/profile/';
					
                } else {
                    // Show error message
                    alert('Hata: ' + 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', 'Lütfen adınızı girin');
                hasErrors = true;
            }
            if (!email) {
                showError('registerEmail', 'Lütfen e-postanızı girin');
                hasErrors = true;
            } else if (!/\S+@\S+\.\S+/.test(email)) {
                showError('registerEmail', 'Lütfen geçerli bir e-posta girin');
                hasErrors = true;
            }
            if (!password) {
                showError('registerPassword', 'Lütfen bir şifre oluşturun');
                hasErrors = true;
            } else if (password.length < 6) {
                showError('registerPassword', 'Şifre en az 6 karakter olmalıdır');
                hasErrors = true;
            }
            if (!confirmPassword) {
                showError('registerConfirmPassword', 'Lütfen şifrenizi onaylayın');
                hasErrors = true;
            } else if (password !== confirmPassword) {
                showError('registerConfirmPassword', 'Şifreler eşleşmiyor');
                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('Kayıt başarılı!');
                    // Here you would typically redirect or update UI
                } else {
                    // Show error message
                    alert('Hata: ' + 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">Robot olmadığınızı doğrulayın</h2>
					<p class="modal-text">Resimdeki metni girin::</p>
					<div class="captcha-container">
						<img src="/captcha.php" alt="CAPTCHA" class="captcha-image" id="captchaImage">
						<button type="button" class="refresh-captcha" onclick="refreshCaptcha()">Kodu yenile</button>
						<input type="text" class="captcha-input" id="captchaInput" placeholder="Kodu girin" maxlength="6">
					</div>
					<button class="cta-button" onclick="submitAnalysis()" style="margin-top: 1rem;">Analiz için gönder</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('Lütfen resimdeki kodu giriniz');
				return;
			}
			
			// Show loading state
			analysisStatus.textContent = 'İstek gönderiliyor...';
			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 = 'İsteğiniz gönderildi, lütfen alan adı doğrulamasını bekleyin';
					analysisStatus.className = 'analysis-status success';
				} else {
					// Show error message
					analysisStatus.textContent = 'Hata: ' + 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>