/* Euro IPTV ek stiller — styles.css'ten sonra yüklenir */
.hero .primary-btn{color:#fff}
.x-hero-ghost{margin-left:10px;vertical-align:top}
.x-ghost{display:inline-block;border:1px solid #3a3a46;border-radius:30px;padding:16px 28px;font-weight:700;color:#e6e6ee;background:rgba(9,9,13,.35);transition:border-color .2s,color .2s,transform .2s}
.x-ghost:hover{border-color:#5554ff;color:#fff;transform:translateY(-2px)}
.x-nav{font-size:13px;font-weight:650;color:#d0cfd5}

/* Paket kartları */
.plan{display:flex;flex-direction:column}
.plan .plan-btn{margin-top:auto}
.x-meta{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 2px}
.x-tag{font-size:10px;font-weight:800;letter-spacing:.4px;padding:5px 9px;border-radius:20px;background:#1b1b3a;color:#b9b8ff;border:1px solid #2f2f6a;white-space:nowrap}
.x-tag.save{background:#0f2a1c;color:#6ee7a8;border-color:#1e5a3b}
.x-feat{list-style:none;padding:0;margin:16px 0 22px;display:grid;gap:9px}
.x-feat li{position:relative;padding-left:22px;font-size:12.5px;line-height:1.5;color:#c9c9d4}
.x-feat li:before{content:"";position:absolute;left:0;top:2px;width:14px;height:14px;border-radius:50%;background:#2928f3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.6 6.2l2.2 2.2 4.6-4.8' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/10px no-repeat}
.x-feat li.x-plus{color:#fff;font-weight:650}
.popular.x-hot{background:#e11d48}
.plan.x-limited{border-color:#5a1d27;box-shadow:0 0 35px #e11d4812}
.x-stock{margin:0 0 18px;padding:12px;border-radius:12px;background:linear-gradient(135deg,#2a0f14,#170a0e);border:1px solid #5a1d27}
.x-stock b{display:flex;align-items:center;gap:8px;font-size:12px;color:#ff95a3}
.x-stock b:before{content:"";flex:0 0 8px;height:8px;border-radius:50%;background:#ff4d63;animation:xpulse 1.6s infinite}
.x-bar{height:6px;border-radius:6px;background:#3a1a20;margin:9px 0 7px;overflow:hidden}
.x-bar i{display:block;height:100%;background:linear-gradient(90deg,#ff4d63,#ff9a5c);border-radius:6px}
.x-stock small{display:block;font-size:10.5px;line-height:1.5;color:#c8a3aa}
@keyframes xpulse{0%{box-shadow:0 0 0 0 rgba(255,77,99,.6)}70%{box-shadow:0 0 0 8px rgba(255,77,99,0)}100%{box-shadow:0 0 0 0 rgba(255,77,99,0)}}
.x-price-note{max-width:900px;margin:26px auto 0;font-size:12.5px;color:#8e8e9c;line-height:1.7}

/* Karşılaştırma tablosu */
.x-table-wrap{max-width:1200px;margin:56px auto 0;overflow-x:auto;border:1px solid #292932;border-radius:18px;background:#0d0d12}
.x-table-title{font-size:20px;margin:72px 0 0;letter-spacing:-.4px}
.x-table{width:100%;border-collapse:collapse;min-width:760px;font-size:13px;text-align:center}
.x-table th,.x-table td{padding:14px 12px;border-bottom:1px solid #22222b}
.x-table tr:last-child td{border-bottom:0}
.x-table th:first-child,.x-table td:first-child{text-align:left;color:#d6d6de;font-weight:600}
.x-table thead th{font-size:12px;color:#fff;background:#14141b;letter-spacing:.3px}
.x-table td{color:#a5a5b1}
.x-yes{color:#8b8aff;font-weight:800}
.x-hl{color:#ff95a3!important;font-weight:700}

/* Genel ek bölümler */
.x-sec{padding:96px max(6vw,24px);text-align:center;background:#09090d}
.x-sec.alt{background:#0d0d13;border-top:1px solid #1d1d25;border-bottom:1px solid #1d1d25}
.x-sec h2{font-size:clamp(29px,3vw,43px);letter-spacing:-1.3px;margin:0 0 14px}
.x-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1200px;margin:0 auto;text-align:left}
.x-card{padding:28px;border:1px solid #272731;border-radius:18px;background:linear-gradient(145deg,#14141b,#0d0d12)}
.x-ico{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#1b1b3a;color:#a9a8ff;font-size:19px;margin-bottom:18px}
.x-card h3{font-size:18px;margin:0 0 10px}
.x-card p{font-size:14px;line-height:1.7;color:#a5a5b1;margin:0}
.x-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:42px}
.x-actions .primary-btn{color:#fff}

.x-steps{counter-reset:s;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1100px;margin:0 auto;text-align:left}
.x-step{padding:28px;border:1px solid #272731;border-radius:18px;background:#111117}
.x-step:before{counter-increment:s;content:"0" counter(s);display:block;font-size:44px;font-weight:850;letter-spacing:-2px;color:#4240ff;margin-bottom:12px}
.x-step h3{font-size:18px;margin:0 0 10px}
.x-step p{font-size:14px;line-height:1.7;color:#a5a5b1;margin:0}
.x-devices{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:900px;margin:34px auto 0}
.x-devices span{font-size:12.5px;font-weight:650;padding:9px 15px;border-radius:24px;border:1px solid #2b2b35;color:#c9c9d4;background:#111117}

.x-post{display:flex;flex-direction:column;border:1px solid #272731;border-radius:18px;overflow:hidden;background:#111117;transition:transform .2s,border-color .2s}
.x-post:hover{transform:translateY(-3px);border-color:#4240ff}
.x-cover{aspect-ratio:16/8;display:flex;align-items:flex-end;padding:20px;font-size:26px;font-weight:850;letter-spacing:-1px;line-height:1.05;color:#fff}
.x-cover.c1{background:radial-gradient(circle at 80% 20%,#5554ff,transparent 55%),linear-gradient(135deg,#14143f,#09090d)}
.x-cover.c2{background:radial-gradient(circle at 20% 20%,#e11d48,transparent 55%),linear-gradient(135deg,#2a0f14,#09090d)}
.x-cover.c3{background:radial-gradient(circle at 75% 30%,#0ea5e9,transparent 55%),linear-gradient(135deg,#0b2233,#09090d)}
.x-cover.c4{background:radial-gradient(circle at 25% 30%,#22c55e,transparent 55%),linear-gradient(135deg,#0f2a1c,#09090d)}
.x-cover.c5{background:radial-gradient(circle at 80% 70%,#f59e0b,transparent 55%),linear-gradient(135deg,#2e1d07,#09090d)}
.x-cover.c6{background:radial-gradient(circle at 30% 70%,#a855f7,transparent 55%),linear-gradient(135deg,#22103a,#09090d)}
.x-post-body{padding:22px 22px 26px}
.x-post small{color:#8e92ae;font-size:10.5px;letter-spacing:1.2px;font-weight:800}
.x-post h3{font-size:17px;margin:10px 0;line-height:1.35}
.x-post p{font-size:13.5px;color:#a5a5b1;line-height:1.65;margin:0}

.x-long{max-width:880px;margin:0 auto;text-align:left}
.x-long h2{text-align:center}
.x-long h3{font-size:20px;margin:34px 0 10px}
.x-long p,.x-long li{color:#b4b4c0;line-height:1.85;font-size:15.5px}
.x-long a,.x-prose a{color:#a9a8ff;text-decoration:underline;text-underline-offset:3px}

.x-wa{position:fixed;right:20px;bottom:20px;z-index:30;display:flex;align-items:center;gap:9px;background:#25d366;color:#05220f;font-weight:800;font-size:14px;padding:12px 18px 12px 13px;border-radius:40px;box-shadow:0 12px 30px rgba(0,0,0,.45);transition:transform .2s}
.x-wa:hover{transform:translateY(-2px)}
.x-wa svg{width:24px;height:24px}
footer{flex-wrap:wrap;gap:14px;padding-bottom:90px!important}
footer div{flex-wrap:wrap;row-gap:10px}

/* Alt sayfalar */
.x-head{padding:78px max(6vw,24px) 58px;text-align:center;background:radial-gradient(ellipse at top,#1b1b45,#09090d 70%);border-bottom:1px solid #22222c}
.x-head h1{font-size:clamp(34px,4.4vw,62px);letter-spacing:-2px;line-height:1.05;margin:0 auto 18px;font-weight:850;max-width:980px}
.x-head p{color:#a9a9b6;max-width:740px;margin:0 auto;line-height:1.75;font-size:16px}
.x-crumbs{font-size:12px;color:#8e92ae;margin-bottom:24px}
.x-crumbs a{color:#b9b8ff}
.x-byline{font-size:12.5px;color:#8e92ae;margin-top:20px}
.x-article{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:52px;max-width:1180px;margin:0 auto;padding:64px max(6vw,24px) 96px}
.x-prose{min-width:0}
.x-prose h2{font-size:28px;letter-spacing:-.8px;margin:46px 0 14px;scroll-margin-top:90px}
.x-prose h3{font-size:20px;margin:30px 0 10px;scroll-margin-top:90px}
.x-prose p,.x-prose li{color:#c2c2cc;line-height:1.85;font-size:16px}
.x-prose ul,.x-prose ol{padding-left:22px}
.x-prose li{margin-bottom:6px}
.x-prose strong{color:#fff}
.x-prose .x-table-wrap{margin:26px 0}
.x-key{border:1px solid #292932;border-radius:16px;padding:22px 24px;background:#111117;margin:0 0 30px}
.x-key b{display:block;margin-bottom:8px;font-size:11px;letter-spacing:1.6px;color:#9da9d4}
.x-key ul{margin:0}
.x-note{border:1px solid #2f2f6a;background:#12122a;border-radius:16px;padding:18px 22px;margin:28px 0}
.x-note p{margin:0}
.x-cta{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;border-radius:18px;padding:26px 28px;margin:38px 0;background:linear-gradient(135deg,#1c1c5c,#111133);border:1px solid #3a39a8}
.x-cta h4{margin:0 0 6px;font-size:19px}
.x-cta p{margin:0;font-size:14px;color:#c9c9e8;line-height:1.6}
.x-cta .primary-btn{color:#fff;padding:14px 26px}
.x-side{position:sticky;top:92px;align-self:start;display:grid;gap:16px}
.x-box{border:1px solid #272731;border-radius:16px;background:#111117;padding:22px}
.x-box b{display:block;font-size:11px;letter-spacing:1.6px;color:#9da9d4;margin-bottom:12px}
.x-box a.x-toc{display:block;font-size:13.5px;color:#a5a5b1;padding:8px 0;border-bottom:1px solid #1f1f27}
.x-box a.x-toc:last-child{border:0}
.x-box a.x-toc:hover{color:#fff}
.x-box p{font-size:13.5px;color:#a5a5b1;line-height:1.65;margin:0 0 16px}
.x-box .plan-btn{margin-top:0}
.x-author{display:flex;gap:16px;align-items:center;border-top:1px solid #22222c;margin-top:46px;padding-top:28px}
.x-author i{flex:0 0 52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#082e8b;font-style:normal;font-size:22px}
.x-author p{margin:0;font-size:14px;line-height:1.6}
.x-related{max-width:1180px;margin:0 auto;padding:0 max(6vw,24px) 96px}
.x-related h2{font-size:26px;letter-spacing:-.6px;margin:0 0 22px}
.x-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:28px}
.x-chips a{font-size:13px;font-weight:650;padding:9px 16px;border-radius:24px;border:1px solid #2f2f6a;background:#12122a;color:#c9c9f0}
.x-chips a:hover{border-color:#5554ff;color:#fff}
.x-device{border:1px solid #272731;border-radius:18px;background:#0f0f15;padding:30px;margin:0 0 22px;scroll-margin-top:90px}
.x-device h2{margin-top:0}
.x-device ol li{margin-bottom:10px}

body.light .x-sec{background:#f4f4f8}
body.light .x-sec.alt,body.light .x-head{background:#ebebf3;border-color:#ddd}
body.light .x-card,body.light .x-step,body.light .x-post,body.light .x-box,body.light .x-key,body.light .x-device,body.light .x-table-wrap,body.light .x-devices span{background:#fff;border-color:#ddd;color:#161620}
body.light .x-table thead th{background:#f0f0f6;color:#161620}
body.light .x-table td:first-child,body.light .x-feat li,body.light .x-prose strong{color:#262636}
body.light .x-card p,body.light .x-step p,body.light .x-post p,body.light .x-long p,body.light .x-long li,body.light .x-prose p,body.light .x-prose li,body.light .x-head p{color:#555566}
body.light .x-note{background:#eef0ff;border-color:#c9cbff}
body.light .x-ghost{color:#fff}

/* Üst menü: logo + linkler solda */
.topbar{justify-content:flex-start}
.topbar .brand{width:auto;display:flex;align-items:center;gap:10px;margin-right:38px;flex-shrink:0}
.x-logo{display:block;height:28px;width:auto;border-radius:3px;box-shadow:0 0 0 1px rgba(255,255,255,.14)}
.x-brand-txt{font-size:16px;font-weight:800;letter-spacing:-.3px;color:#fff;white-space:nowrap}
.topbar .rightnav{margin-left:auto}
body.light .x-brand-txt{color:#161620}
.x-eyebrow-soft{display:inline-block;font-size:14px;letter-spacing:.4px;font-weight:600;color:#dfe3ff;padding:9px 18px;border:1px solid rgba(255,255,255,.2);border-radius:30px;background:rgba(9,9,13,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}

.hero h1.x-hero-title{font-size:clamp(40px,4.6vw,74px);letter-spacing:-2px;line-height:1.05}
.x-hero-title span{display:inline-block;margin-top:10px;font-size:.52em;font-weight:650;letter-spacing:-.5px;color:#dfe3ff}

/* Paket kartları: bulanık görselli cam tasarım */
.pricing{position:relative;overflow:hidden;isolation:isolate}
.pricing:before{content:"";position:absolute;inset:-60px;z-index:-2;background:url("hero.png") center 40%/cover no-repeat;filter:blur(22px) brightness(.42) saturate(1.25)}
.pricing:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#09090d 0%,rgba(9,9,13,.45) 12%,rgba(9,9,13,.6) 82%,#09090d 100%)}
.plan{isolation:isolate;overflow:hidden;background:rgba(16,16,26,.6);border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);border-radius:22px;padding:28px 22px 24px;box-shadow:0 20px 50px rgba(0,0,0,.35);transition:transform .25s,border-color .25s,box-shadow .25s}
.plan:hover{transform:translateY(-6px);border-color:rgba(130,129,255,.6);box-shadow:0 28px 60px rgba(0,0,0,.5)}
.plan:before{content:"";position:absolute;left:0;right:0;top:0;height:200px;z-index:-1;background:url("hero.png") 50% 40%/cover no-repeat;filter:blur(5px) brightness(.62) saturate(1.2);transform:scale(1.2);-webkit-mask-image:linear-gradient(#000 30%,transparent);mask-image:linear-gradient(#000 30%,transparent)}
.plan:nth-child(1):before{background-position:6% 40%}
.plan:nth-child(2):before{background-position:30% 45%}
.plan:nth-child(3):before{background-position:55% 25%}
.plan:nth-child(4):before{background-position:76% 40%}
.plan:nth-child(5):before{background-position:96% 45%}
.plan:after{content:"";position:absolute;left:0;right:0;top:0;height:200px;z-index:-1;background:linear-gradient(180deg,rgba(41,40,243,.22),transparent)}
.plan.featured{border-color:#5554ff;box-shadow:0 0 0 1px rgba(85,84,255,.35),0 24px 60px rgba(41,40,243,.28)}
.plan.featured:after{background:linear-gradient(180deg,rgba(85,84,255,.4),transparent)}
.plan.x-limited{border-color:rgba(225,29,72,.55)}
.plan.x-limited:after{background:linear-gradient(180deg,rgba(225,29,72,.32),transparent)}
.plan .popular{z-index:2;box-shadow:0 6px 18px rgba(0,0,0,.35)}
.plan .plan-kicker{color:#d3d5ff;text-shadow:0 1px 8px rgba(0,0,0,.7)}
.plan h3{font-size:24px;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.plan .price{font-size:38px;text-shadow:0 2px 14px rgba(0,0,0,.6)}
.plan .price small{color:#d0d0dc}
.plan .plan-desc{color:#c8c8d4;min-height:0;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:12px}
.plan .x-feat li{color:#dcdce4}
.plan .plan-btn{border-radius:14px;padding:13px;box-shadow:0 8px 22px rgba(41,40,243,.35)}
.plan.x-limited .plan-btn{background:#e11d48;border-color:#f43f5e;box-shadow:0 8px 22px rgba(225,29,72,.35)}
.plan.x-limited .plan-btn:hover{background:#f43f5e}
.pricing .x-table-wrap{background:rgba(13,13,20,.62);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-color:rgba(255,255,255,.1)}
.pricing .x-table thead th{background:rgba(255,255,255,.05)}
.pricing .x-price-note{color:#b3b3c2}
body.light .plan:before{opacity:.35}

@media(max-width:1350px){.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){.x-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px){.x-article{grid-template-columns:1fr}.x-side{position:static}.x-steps{grid-template-columns:1fr}}
@media(max-width:700px){.x-grid{grid-template-columns:1fr}.x-sec{padding:68px 18px}.x-wa span{display:none}.x-wa{padding:13px}.x-hero-ghost{margin:12px 0 0}.x-article{padding:44px 18px 70px}.x-prose h2{font-size:24px}.x-device{padding:22px}.x-related{padding:0 18px 70px}.x-cta{padding:22px}}
@media(max-width:700px){.plan-grid{grid-template-columns:1fr}.x-brand-txt{display:none}.topbar .brand{margin-right:16px}.x-eyebrow-soft{font-size:12.5px;padding:8px 14px}}
@media(max-width:560px){.x-nav{display:none}}