AKY
MirayWeb Coder's
Türkiye’de iPhone sahibi olmak hiçbir zaman ucuz değildi. Ancak özellikle son yıllarda fiyatlar öyle bir noktaya geldi ki yeni bir iPhone almak artık çoğu kullanıcı için finansal planlama gerektiren ciddi bir karar haline geldi. Bu değişimi daha iyi görebilmeniz için iPhone 3G'den iPhone 17’ye kadar tüm iPhone modellerinin Türkiye'deki başlangıç fiyatlarını bir grafikte sizler için derledik. İşte Türkiye'deki iPhone fiyatları geçmişten günümüze değişimi? Türkiye’de iPhone Fiyatları Yıllar İçinde Ne Kadar Değişti? Hazırladığımız grafikte iPhone 3G’den iPhone 17’ye kadar uzanan fiyat değişimini görebilirsiniz. Buna göre 2008 yılında 1.165 TL’den satışa çıkan iPhone 3G, 2025 yılında iPhone 17 ile 77.999 TL seviyesine ulaştı. Yani Türkiye’de iPhone’un başlangıç fiyatı 17 yılda yaklaşık 67 kat arttı. :root{ --bg:#0a0b0e; --panel-1:#13141a; --panel-2:#0c0d12; --ink:#f5f5f7; --muted:#8a8f9c; --faint:#3a3d47; --grid:rgba(255,255,255,.055); --a1:#ff9f1c; --a2:#ff4d6d; --accent:#ff7a3d; --usd:#5ad1c4; --display:"Bricolage Grotesque",ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif; --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace; } *{box-sizing:border-box;margin:0;padding:0} html,body{background:transparent} .ip-wrap{ width:100%;max-width:780px;margin:0 auto; background: radial-gradient(120% 90% at 100% 0%, rgba(255,77,109,.10), transparent 55%), radial-gradient(120% 90% at 0% 100%, rgba(255,159,28,.10), transparent 55%), linear-gradient(160deg,var(--panel-1),var(--panel-2)); border:1px solid rgba(255,255,255,.07); border-radius:22px; padding:22px 22px 18px; color:var(--ink); font-family:var(--display); box-shadow:0 30px 70px -30px rgba(0,0,0,.8), inset 0 1px 0 rgba(255,255,255,.04); -webkit-font-smoothing:antialiased; position:relative; overflow:hidden; } .ip-wrap::after{ content:"";position:absolute;inset:0;pointer-events:none;opacity:.025; background-image:url("data:image/svg+xml,%3Csvg xmlns='SVG namespace' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); } .ip-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:6px;position:relative;z-index:2} .ip-title{font-size:13px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)} .ip-title b{color:var(--ink);font-weight:800} .ip-sub{font-family:var(--mono);font-size:10.5px;color:var(--faint);letter-spacing:.03em;margin-top:2px} .ip-readout{text-align:right;position:relative;z-index:2} .ip-model{font-size:18px;font-weight:800;line-height:1;letter-spacing:-.01em} .ip-model .gb{font-size:11px;font-weight:600;color:var(--muted);letter-spacing:.02em; font-family:var(--mono);border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:1px 5px;margin-left:4px;vertical-align:2px} .ip-price{font-family:var(--mono);font-size:34px;font-weight:700;line-height:1.1; background:linear-gradient(95deg,var(--a1),var(--a2));-webkit-background-clip:text;background-clip:text;color:transparent; display:inline-block;transform-origin:right center;margin-top:1px} .ip-price.pop{animation
op .45s cubic-bezier(.2,.9,.25,1)} @keyframes pop{0%{transform:scale(1.16)}60%{transform:scale(.98)}100%{transform:scale(1)}} .ip-usd{font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:3px} .ip-usd b{color:var(--usd);font-weight:700} .ip-usd .us{color:var(--ink)} .ip-delta{font-family:var(--mono);font-size:10.5px;color:var(--muted);margin-top:2px} .ip-delta b{color:var(--accent)} .ip-chart{position:relative;z-index:1;margin-top:8px} .ip-year-ghost{position:absolute;right:8px;top:-6px;font-size:120px;font-weight:800;line-height:1; color:#fff;opacity:.04;font-family:var(--display);letter-spacing:-.04em;pointer-events:none;z-index:0} svg.ip-svg{display:block;width:100%;height:auto;position:relative;z-index:1;overflow:visible} .axis-label{font-family:var(--mono);font-size:14px;fill:var(--faint)} .x-label{font-family:var(--mono);font-size:15px;fill:var(--muted)} .dot-halo{fill:url(#dotGrad);opacity:.85} .ip-controls{display:flex;align-items:center;gap:14px;margin-top:14px;position:relative;z-index:2} .ip-play{flex:none;width:42px;height:42px;border-radius:50%;border:none;cursor
ointer; background:linear-gradient(135deg,var(--a1),var(--a2));color:#1a0d05; display:grid;place-items:center;box-shadow:0 6px 18px -6px rgba(255,77,109,.6);transition:transform .15s ease} .ip-play:hover{transform:scale(1.06)} .ip-play:active{transform:scale(.94)} .ip-play svg{width:16px;height:16px;display:block} .ip-scrub{flex:1;position:relative} .ip-track{position:relative;height:30px;cursor
ointer;touch-action:none;display:flex;align-items:center} .ip-rail{position:absolute;left:0;right:0;height:5px;border-radius:99px;background:rgba(255,255,255,.09)} .ip-fill{position:absolute;left:0;height:5px;border-radius:99px;background:linear-gradient(90deg,var(--a1),var(--a2));width:0%} .ip-knob{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--a2); transform:translate(-50%,-50%);box-shadow:0 0 0 5px rgba(255,77,109,.18),0 2px 8px rgba(0,0,0,.5);left:0;transition:box-shadow .15s} .ip-track:hover .ip-knob{box-shadow:0 0 0 8px rgba(255,77,109,.22),0 2px 8px rgba(0,0,0,.5)} .ip-loop{flex:none;display:flex;align-items:center;gap:5px;font-family:var(--mono);font-size:10px;color:var(--muted); user-select:none;cursor
ointer;padding:5px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.08)} .ip-loop.on{color:var(--accent);border-color:rgba(255,122,61,.35)} .ip-loop svg{width:13px;height:13px} .ip-foot{margin-top:13px;display:flex;justify-content:space-between;gap:10px; font-family:var(--mono);font-size:9px;color:var(--faint);letter-spacing:.02em;position:relative;z-index:2;flex-wrap:wrap} @media(max-width:560px){ .ip-wrap{padding:16px 14px 14px;border-radius:18px} /* Başlık + okunan değerler dikey yığılır */ .ip-head{flex-direction:column;align-items:stretch;gap:11px} .ip-title{font-size:11px;letter-spacing:.12em} .ip-sub{font-size:10px;margin-top:3px} .ip-readout{text-align:left;width:100%} .ip-model{font-size:15px;margin-bottom:1px} .ip-model .gb{font-size:10.5px;padding:1px 6px} .ip-price{font-size:46px;line-height:1;transform-origin:left center;margin-top:2px} .ip-usd{font-size:11.5px;margin-top:6px} .ip-delta{font-size:11px;margin-top:3px} /* Yıl filigranını sol üst boşluğa al (eğri sağ-üstte yükseliyor) */ .ip-year-ghost{font-size:86px;left:2px;right:auto;top:-4px;opacity:.05} /* Eksen yazıları viewBox ile küçülmesin */ .axis-label{font-size:26px} .x-label{font-size:25px} /* Daha büyük dokunma hedefleri */ .ip-controls{gap:12px;margin-top:16px} .ip-play{width:48px;height:48px} .ip-play svg{width:18px;height:18px} .ip-track{height:42px} .ip-knob{width:22px;height:22px;border-width:4px} .ip-loop{padding:7px 9px;font-size:10px} .ip-foot{flex-direction:column;gap:3px;font-size:9px;margin-top:14px} } @media(max-width:360px){ .ip-price{font-size:40px} .ip-loop{font-size:0;padding:9px} /* dar ekranda sadece döngü ikonu */ .ip-loop svg{width:15px;height:15px} } iPhone · Türkiye Fiyat Tarihçesi 2008 — 2025 · Türkiye çıkış fiyatı (taban model) iPhone 3G 8 GB ₺1.165 ≈ $932 Türkiye Fiyatının Dolar Karşılığı · ABD $599 ABD fiyatının 1,6 katı 2008 Döngü Kaynak: Tamindir · Türkiye lansman fiyatları, taban model $ karşılığı: lansman dönemi kuruyla yaklaşık · tamindir.com (function(){ // tl: Türkiye lansman fiyatı (₺) | us: ABD lansman ($) | usd: TL'nin lansman kuruyla $ karşılığı var DATA = [ {y:2008, m:"iPhone 3G", gb:8, tl:1165, us:599, usd:932}, {y:2009, m:"iPhone 3GS", gb:16, tl:1530, us:599, usd:1027}, {y:2010, m:"iPhone 4", gb:16, tl:1600, us:599, usd:1119}, {y:2011, m:"iPhone 4S", gb:16, tl:2020, us:649, usd:1110}, {y:2012, m:"iPhone 5", gb:16, tl:2149, us:649, usd:1207}, {y:2013, m:"iPhone 5S", gb:16, tl:2279, us:649, usd:1128}, {y:2014, m:"iPhone 6", gb:16, tl:2349, us:649, usd:1035}, {y:2015, m:"iPhone 6s", gb:16, tl:3099, us:649, usd:1051}, {y:2016, m:"iPhone 7", gb:32, tl:3249, us:649, usd:1055}, {y:2017, m:"iPhone 8", gb:64, tl:4149, us:699, usd:1153}, {y:2018, m:"iPhone XR", gb:64, tl:7399, us:749, usd:1276}, {y:2019, m:"iPhone 11", gb:64, tl:7299, us:699, usd:1269}, {y:2020, m:"iPhone 12", gb:64, tl:10999, us:799, usd:1401}, {y:2021, m:"iPhone 13", gb:128, tl:11999, us:799, usd:1304}, {y:2022, m:"iPhone 14", gb:128, tl:30999, us:799, usd:1774}, {y:2023, m:"iPhone 15", gb:128, tl:49999, us:799, usd:1786}, {y:2024, m:"iPhone 16", gb:128, tl:64999, us:799, usd:1912}, {y:2025, m:"iPhone 17", gb:256, tl:77999, us:799, usd:1889} ]; var N = DATA.length; var fmtTL = function(v){ return "₺"+v.toLocaleString("tr-TR"); }; var fmtUSD = function(v){ return "$"+v.toLocaleString("tr-TR"); }; // Geometri (responsive) var svg=document.getElementById("ipSvg"), grid=document.getElementById("gGrid"); var W=1000, H=430, PAD={l:52,r:20,t:30,b:34}, plotW=0, plotH=0, isMobile=false; var Y_MIN=0, Y_MAX=85000; function setLayout(){ isMobile = window.matchMedia("(max-width:560px)").matches; H = isMobile ? 620 : 430; PAD = isMobile ? {l:62,r:22,t:34,b:58} : {l:52,r:24,t:30,b:42}; plotW = W-PAD.l-PAD.r; plotH = H-PAD.t-PAD.b; svg.setAttribute("viewBox","0 0 "+W+" "+H); } function xAt(i){ return PAD.l + (i/(N-1))*plotW; } function yAt(v){ return PAD.t + (1-(v-Y_MIN)/(Y_MAX-Y_MIN))*plotH; } function drawGrid(){ grid.innerHTML=""; [20000,40000,60000,80000].forEach(function(v){ var yy=yAt(v); var ln=document.createElementNS("SVG namespace","line"); ln.setAttribute("x1",PAD.l);ln.setAttribute("x2",W-PAD.r);ln.setAttribute("y1",yy);ln.setAttribute("y2",yy); ln.setAttribute("stroke","var(--grid)");ln.setAttribute("stroke-width","1");grid.appendChild(ln); var t=document.createElementNS("SVG namespace","text"); t.setAttribute("x",PAD.l-10);t.setAttribute("y",yy+5);t.setAttribute("text-anchor","end"); t.setAttribute("class","axis-label");t.textContent=(v/1000)+"B";grid.appendChild(t); }); // birim göstergesi var u=document.createElementNS("SVG namespace","text"); u.setAttribute("x",PAD.l-10);u.setAttribute("y",PAD.t-8);u.setAttribute("text-anchor","end"); u.setAttribute("class","axis-label");u.setAttribute("opacity",".7");u.textContent="₺";grid.appendChild(u); // x-ekseni yıl etiketleri (grafiğin altına) var baseY=H-PAD.b+(isMobile?34:22); [2008,2012,2016,2020,2025].forEach(function(yr){ var idx=DATA.findIndex(function(d){return d.y===yr;}); if(idx0){ holding-=dt; render(1); if(holding=1){ progress=1; render(1); if(looping){ holding=END_HOLD; } else { setPlaying(false); } } else { render(progress); } } } requestAnimationFrame(frame); } render(0); setPlaying(true); requestAnimationFrame(frame); var rT; window.addEventListener("resize",function(){ clearTimeout(rT); rT=setTimeout(function(){ setLayout(); drawGrid(); lastIdx=-1; render(holding>0?1
rogress); },120); }); playBtn.addEventListener("click",function(){ if(progress>=1 && !looping){progress=0;} holding=0; setPlaying(!playing);last=null; }); loopBtn.addEventListener("click",function(){ looping=!looping;loopBtn.classList.toggle("on",looping); }); function seekFromEvent(e){ var rect=track.getBoundingClientRect(); var cx=(e.touches?e.touches[0].clientX:e.clientX); progress=Math.max(0,Math.min(1,(cx-rect.left)/rect.width));render(progress); } function startDrag(e){ dragging=true; holding=0; if(track.setPointerCapture&&e.pointerId!=null){track.setPointerCapture(e.pointerId);} seekFromEvent(e);e.preventDefault(); } function moveDrag(e){ if(dragging){seekFromEvent(e);e.preventDefault();} } function endDrag(){ dragging=false;last=null; } track.addEventListener("pointerdown",startDrag); window.addEventListener("pointermove",moveDrag); window.addEventListener("pointerup",endDrag); track.addEventListener("touchstart",startDrag,{passive:false}); track.addEventListener("touchmove",moveDrag,{passive:false}); track.addEventListener("touchend",endDrag); })(); Editörün Notu: Grafiğimizi oluştururken Apple'ın tanıttığı başlangıç modellerini baz aldık. Bu nedenle iPhone 5C gibi uygun fiyatlı modeller ya da iPhone 8 ile aynı gün tanıtılan ve bugünkü Pro serisinin öncülü olan iPhone X gibi modeller listede yok. Apple’ın Türkiye’deki iPhone fiyat geçmişine baktığımızda ilk yıllarda artışların daha sınırlı kaldığını görüyoruz. 2008’de 1.165 TL olan iPhone fiyatları 2014 yılında iPhone 6 ile 2.349 TL seviyesine çıkmış. Yani ilk altı yıllık dönemde fiyat artışı makul diyebileceğimiz bir seviyede kalmış. Elbette ki bu cümleyi 2026'daki senaryoyu görmüş biri olarak kuruyorum. Bunun ne kadar büyük bir artış olduğunu elbette ki farkındayım. Asıl kırılma ise 2018 sonrasında başladı. iPhone 8 ile birlikte Apple iPhone'ların başlangıç fiyatının 649'dan 699 dolara çıkaran Apple, iPhone XR ile fiyatları bir kez daha yukarı çıkardı ve 749 dolar olarak açıkladı. Bu zam dalgası Türkiye'deki vergilerle ve TL'deki değer kaybıyla buluşunca iki model arasında 3 bin TL'yi aşan bir fark oluştu. Fiyatlar 2020’de iPhone 12 ile 10.999 TL seviyesi görüldü. Ancak asıl darbe 2022'de geldi. Pandeminin de etkisiyle TL'deki değer kaybı akıl almaz bir boyuta ulaştı. Bu nedenle iPhone 13'ün başlangıç fiyatı 11.999 TL olarak açıklanırken sadece bir yıl sonra iPhone 14, 30.999 TL’den satışa çıktı. Ne yazık ki bu durum sonrasında da kötüleşmeye devam etti. iPhone 15, 49.999 TL'den, iPhone 16, 64.999 TL'den ve son olarak 2025'te çıkan iPhone 17, 77.999 TL'den Türkiye'de satışa sunuldu. Ülkemizdeki bu değişime rağmen ABD'deki fiyatlar hiçbir zaman baz model için 799 dolar seviyesinin üzerine çıkmadı. Peki en pahalı modellerde durum ne? Yıl Model Depolama Türkiye Çıkış Fiyatı 2008 iPhone 3G 8 GB 1.165 TL 2009 iPhone 3GS 16 GB 1.530 TL 2010 iPhone 4 16 GB 1.600 TL 2011 iPhone 4S 16 GB 2.020 TL 2012 iPhone 5 16 GB 2.149 TL 2013 iPhone 5S 16 GB 2.279 TL 2014 iPhone 6 16 GB 2.349 TL 2015 iPhone 6s 16 GB 3.099 TL 2016 iPhone 7 32 GB 3.249 TL 2017 iPhone 8 64 GB 4.149 TL 2018 iPhone XR 64 GB 7.399 TL 2019 iPhone 11 64 GB 7.299 TL 2020 iPhone 12 64 GB 10.999 TL 2021 iPhone 13 128 GB 11.999 TL 2022 iPhone 14 128 GB 30.999 TL 2023 iPhone 15 128 GB 49.999 TL 2024 iPhone 16 128 GB 64.999 TL 2025 iPhone 17 256 GB 77.999 TL Türkiye'deki iPhone Fiyatları Neden Bu Kadar Arttı? Türkiye'deki iPhone'ların başlangıç fiyatlarının zaman içerisinde bu kadar çok artmış olmasının birkaç nedeni var. Bunlardan en önemlisi vergi. Günümüzde Türkiye'de satılan akıllı telefonlardan yüzde 104 oranında vergi alınıyor. Bu nedenle fiyat ne kadar artarsa vergi onu ikiye katlıyor. Bir diğer önemli unsur ise TL'deki değer kaybı. 2008 yılında 1 dolar yaklaşık 1.2 TL'ye denk geliyordu. Ancak günümüzde 1 dolar 45,85 TL. Kazançlarımız bu oranda artmadığı için TL'deki değer kaybı iPhone'un bize ulaşılamaz gelmesinin arkasındaki bir diğer neden. Üçüncü ve son neden ise Apple'ın yaptığı zamlar. Her ne kadar bu durum diğer ikisine kıyasla zayıf bir neden olsa da etiketleri etkiledi. 2008'de 549 dolar olan başlangıç fiyatı 2025'te 749 dolar seviyesine çıktı. Bu da vergi ve TL değer kaybı ile birleşince durumu kötüleştirdi. Editörün Yorumu Ben bu grafiğe baktığımda iPhone’un Türkiye’de nasıl adım adım lüks bir ürüne dönüştüğünü çok net görüyorum. 2008’de de iPhone ucuz değildi ama bugün geldiğimiz noktada durum bambaşka. Üstelik durum kötüleşmeye devam ediyor. iPhone 17'nin 77.999 TL’lik fiyatı şimdiden yükseldi. Söz konusu telefon Apple Türkiye'de 84.499 TL'den satılıyor. Bu da bize bir sonraki iPhone modelinin en az bu 84-85 bin TL bandından satışa çıkaracağını gösteriyor. Tabii ki bu TL'nin daha fazla değer kaybetmediği bir senaryo için geçerli. Bu fiyata rağmen insanlar neden iPhone alıyor diye merak edecek olursanız cevabı oldukça basit. Fiyat artışı sadece iPhone için değil, tüm amiral gemisi akıllı telefonlar için geçerli. iPhone'un bu kadar dikkat çekmesinin nedeni ise değerini daha iyi koruması, uzun süre güncelleme alması ve kamera performansı ile insanların önceliği konumunda olması. :root{ --bg:#0a0b0e; --panel-1:#13141a; --panel-2:#0c0d12; --ink:#f5f5f7; --muted:#8a8f9c; --faint:#3a3d47; --grid:rgba(255,255,255,.055); --a1:#ff9f1c; --a2:#ff4d6d; --accent:#ff7a3d; --usd:#5ad1c4; --display:"Bricolage Grotesque",ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif; --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace; } *{box-sizing:border-box;margin:0;padding:0} html,body{background:transparent} .ip-wrap{ width:100%;max-width:780px;margin:0 auto; background: radial-gradient(120% 90% at 100% 0%, rgba(255,77,109,.10), transparent 55%), radial-gradient(120% 90% at 0% 100%, rgba(255,159,28,.10), transparent 55%), linear-gradient(160deg,var(--panel-1),var(--panel-2)); border:1px solid rgba(255,255,255,.07); border-radius:22px; padding:22px 22px 18px; color:var(--ink); font-family:var(--display); box-shadow:0 30px 70px -30px rgba(0,0,0,.8), inset 0 1px 0 rgba(255,255,255,.04); -webkit-font-smoothing:antialiased; position:relative; overflow:hidden; } .ip-wrap::after{ content:"";position:absolute;inset:0;pointer-events:none;opacity:.025; background-image:url("data:image/svg+xml,%3Csvg xmlns='SVG namespace' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); } .ip-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:6px;position:relative;z-index:2} .ip-title{font-size:13px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)} .ip-title b{color:var(--ink);font-weight:800} .ip-sub{font-family:var(--mono);font-size:10.5px;color:var(--faint);letter-spacing:.03em;margin-top:2px} .ip-readout{text-align:right;position:relative;z-index:2} .ip-model{font-size:18px;font-weight:800;line-height:1;letter-spacing:-.01em} .ip-model .gb{font-size:11px;font-weight:600;color:var(--muted);letter-spacing:.02em; font-family:var(--mono);border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:1px 5px;margin-left:4px;vertical-align:2px} .ip-price{font-family:var(--mono);font-size:34px;font-weight:700;line-height:1.1; background:linear-gradient(95deg,var(--a1),var(--a2));-webkit-background-clip:text;background-clip:text;color:transparent; display:inline-block;transform-origin:right center;margin-top:1px} .ip-price.pop{animation
op .45s cubic-bezier(.2,.9,.25,1)} @keyframes pop{0%{transform:scale(1.16)}60%{transform:scale(.98)}100%{transform:scale(1)}} .ip-usd{font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:3px} .ip-usd b{color:var(--usd);font-weight:700} .ip-usd .us{color:var(--ink)} .ip-delta{font-family:var(--mono);font-size:10.5px;color:var(--muted);margin-top:2px} .ip-delta b{color:var(--accent)} .ip-chart{position:relative;z-index:1;margin-top:8px} .ip-year-ghost{position:absolute;right:8px;top:-6px;font-size:120px;font-weight:800;line-height:1; color:#fff;opacity:.04;font-family:var(--display);letter-spacing:-.04em;pointer-events:none;z-index:0} svg.ip-svg{display:block;width:100%;height:auto;position:relative;z-index:1;overflow:visible} .axis-label{font-family:var(--mono);font-size:13px;fill:var(--faint)} .dot-halo{fill:url(#dotGrad);opacity:.85} .ip-controls{display:flex;align-items:center;gap:14px;margin-top:14px;position:relative;z-index:2} .ip-play{flex:none;width:42px;height:42px;border-radius:50%;border:none;cursor
ointer; background:linear-gradient(135deg,var(--a1),var(--a2));color:#1a0d05; display:grid;place-items:center;box-shadow:0 6px 18px -6px rgba(255,77,109,.6);transition:transform .15s ease} .ip-play:hover{transform:scale(1.06)} .ip-play:active{transform:scale(.94)} .ip-play svg{width:16px;height:16px;display:block} .ip-scrub{flex:1;position:relative} .ip-track{position:relative;height:30px;cursor
ointer;touch-action:none;display:flex;align-items:center} .ip-rail{position:absolute;left:0;right:0;height:5px;border-radius:99px;background:rgba(255,255,255,.09)} .ip-fill{position:absolute;left:0;height:5px;border-radius:99px;background:linear-gradient(90deg,var(--a1),var(--a2));width:0%} .ip-knob{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--a2); transform:translate(-50%,-50%);box-shadow:0 0 0 5px rgba(255,77,109,.18),0 2px 8px rgba(0,0,0,.5);left:0;transition:box-shadow .15s} .ip-track:hover .ip-knob{box-shadow:0 0 0 8px rgba(255,77,109,.22),0 2px 8px rgba(0,0,0,.5)} .ip-ticks{position:relative;height:16px;margin-top:1px} .ip-tick{position:absolute;transform:translateX(-50%);font-family:var(--mono);font-size:9.5px;color:var(--faint)} .ip-loop{flex:none;display:flex;align-items:center;gap:5px;font-family:var(--mono);font-size:10px;color:var(--muted); user-select:none;cursor
ointer;padding:5px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.08)} .ip-loop.on{color:var(--accent);border-color:rgba(255,122,61,.35)} .ip-loop svg{width:13px;height:13px} .ip-foot{margin-top:13px;display:flex;justify-content:space-between;gap:10px; font-family:var(--mono);font-size:9px;color:var(--faint);letter-spacing:.02em;position:relative;z-index:2;flex-wrap:wrap} @media(max-width:520px){ .ip-wrap{padding:18px 15px 15px;border-radius:18px} .ip-price{font-size:27px}.ip-model{font-size:15px} .ip-year-ghost{font-size:74px}.ip-title{font-size:11px}.ip-usd{font-size:10px} } :root{ --bg:#0a0b0e; --panel-1:#13141a; --panel-2:#0c0d12; --ink:#f5f5f7; --muted:#8a8f9c; --faint:#3a3d47; --grid:rgba(255,255,255,.055); --a1:#ff9f1c; --a2:#ff4d6d; --accent:#ff7a3d; --usd:#5ad1c4; --display:"Bricolage Grotesque",ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif; --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace; } *{box-sizing:border-box;margin:0;padding:0} html,body{background:transparent} .ip-wrap{ width:100%;max-width:780px;margin:0 auto; background: radial-gradient(120% 90% at 100% 0%, rgba(255,77,109,.10), transparent 55%), radial-gradient(120% 90% at 0% 100%, rgba(255,159,28,.10), transparent 55%), linear-gradient(160deg,var(--panel-1),var(--panel-2)); border:1px solid rgba(255,255,255,.07); border-radius:22px; padding:22px 22px 18px; color:var(--ink); font-family:var(--display); box-shadow:0 30px 70px -30px rgba(0,0,0,.8), inset 0 1px 0 rgba(255,255,255,.04); -webkit-font-smoothing:antialiased; position:relative; overflow:hidden; } .ip-wrap::after{ content:"";position:absolute;inset:0;pointer-events:none;opacity:.025; background-image:url("data:image/svg+xml,%3Csvg xmlns='SVG namespace' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); } .ip-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:6px;position:relative;z-index:2} .ip-title{font-size:13px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)} .ip-title b{color:var(--ink);font-weight:800} .ip-sub{font-family:var(--mono);font-size:10.5px;color:var(--faint);letter-spacing:.03em;margin-top:2px} .ip-readout{text-align:right;position:relative;z-index:2} .ip-model{font-size:18px;font-weight:800;line-height:1;letter-spacing:-.01em} .ip-model .gb{font-size:11px;font-weight:600;color:var(--muted);letter-spacing:.02em; font-family:var(--mono);border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:1px 5px;margin-left:4px;vertical-align:2px} .ip-price{font-family:var(--mono);font-size:34px;font-weight:700;line-height:1.1; background:linear-gradient(95deg,var(--a1),var(--a2));-webkit-background-clip:text;background-clip:text;color:transparent; display:inline-block;transform-origin:right center;margin-top:1px} .ip-price.pop{animation
op .45s cubic-bezier(.2,.9,.25,1)} @keyframes pop{0%{transform:scale(1.16)}60%{transform:scale(.98)}100%{transform:scale(1)}} .ip-usd{font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:3px} .ip-usd b{color:var(--usd);font-weight:700} .ip-usd .us{color:var(--ink)} .ip-delta{font-family:var(--mono);font-size:10.5px;color:var(--muted);margin-top:2px} .ip-delta b{color:var(--accent)} .ip-chart{position:relative;z-index:1;margin-top:8px} .ip-year-ghost{position:absolute;right:8px;top:-6px;font-size:120px;font-weight:800;line-height:1; color:#fff;opacity:.04;font-family:var(--display);letter-spacing:-.04em;pointer-events:none;z-index:0} svg.ip-svg{display:block;width:100%;height:auto;position:relative;z-index:1;overflow:visible} .axis-label{font-family:var(--mono);font-size:14px;fill:var(--faint)} .dot-halo{fill:url(#dotGrad);opacity:.85} .ip-controls{display:flex;align-items:center;gap:14px;margin-top:14px;position:relative;z-index:2} .ip-play{flex:none;width:42px;height:42px;border-radius:50%;border:none;cursor
ointer; background:linear-gradient(135deg,var(--a1),var(--a2));color:#1a0d05; display:grid;place-items:center;box-shadow:0 6px 18px -6px rgba(255,77,109,.6);transition:transform .15s ease} .ip-play:hover{transform:scale(1.06)} .ip-play:active{transform:scale(.94)} .ip-play svg{width:16px;height:16px;display:block} .ip-scrub{flex:1;position:relative} .ip-track{position:relative;height:30px;cursor
ointer;touch-action:none;display:flex;align-items:center} .ip-rail{position:absolute;left:0;right:0;height:5px;border-radius:99px;background:rgba(255,255,255,.09)} .ip-fill{position:absolute;left:0;height:5px;border-radius:99px;background:linear-gradient(90deg,var(--a1),var(--a2));width:0%} .ip-knob{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--a2); transform:translate(-50%,-50%);box-shadow:0 0 0 5px rgba(255,77,109,.18),0 2px 8px rgba(0,0,0,.5);left:0;transition:box-shadow .15s} .ip-track:hover .ip-knob{box-shadow:0 0 0 8px rgba(255,77,109,.22),0 2px 8px rgba(0,0,0,.5)} .ip-ticks{position:relative;height:16px;margin-top:1px} .ip-tick{position:absolute;transform:translateX(-50%);font-family:var(--mono);font-size:9.5px;color:var(--faint)} .ip-loop{flex:none;display:flex;align-items:center;gap:5px;font-family:var(--mono);font-size:10px;color:var(--muted); user-select:none;cursor
ointer;padding:5px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.08)} .ip-loop.on{color:var(--accent);border-color:rgba(255,122,61,.35)} .ip-loop svg{width:13px;height:13px} .ip-foot{margin-top:13px;display:flex;justify-content:space-between;gap:10px; font-family:var(--mono);font-size:9px;color:var(--faint);letter-spacing:.02em;position:relative;z-index:2;flex-wrap:wrap} @media(max-width:560px){ .ip-wrap{padding:16px 14px 14px;border-radius:18px} /* Başlık + okunan değerler dikey yığılır */ .ip-head{flex-direction:column;align-items:stretch;gap:11px} .ip-title{font-size:11px;letter-spacing:.12em} .ip-sub{font-size:10px;margin-top:3px} .ip-readout{text-align:left;width:100%} .ip-model{font-size:15px;margin-bottom:1px} .ip-model .gb{font-size:10.5px;padding:1px 6px} .ip-price{font-size:46px;line-height:1;transform-origin:left center;margin-top:2px} .ip-usd{font-size:11.5px;margin-top:6px} .ip-delta{font-size:11px;margin-top:3px} /* Yıl filigranını sol üst boşluğa al (eğri sağ-üstte yükseliyor) */ .ip-year-ghost{font-size:86px;left:2px;right:auto;top:-4px;opacity:.05} /* Eksen yazıları viewBox ile küçülmesin */ .axis-label{font-size:26px} /* Daha büyük dokunma hedefleri */ .ip-controls{gap:12px;margin-top:16px} .ip-play{width:48px;height:48px} .ip-play svg{width:18px;height:18px} .ip-track{height:42px} .ip-knob{width:22px;height:22px;border-width:4px} .ip-tick{font-size:10.5px} .ip-loop{padding:7px 9px;font-size:10px} .ip-foot{flex-direction:column;gap:3px;font-size:9px;margin-top:14px} } @media(max-width:360px){ .ip-price{font-size:40px} .ip-loop{font-size:0;padding:9px} /* dar ekranda sadece döngü ikonu */ .ip-loop svg{width:15px;height:15px} }