.eddemo { padding: 74px 0; position: relative; overflow: hidden; background: linear-gradient(180deg, #f6f5fb 0%, #eef0f6 100%); }
  /* Dış bölüm sadece hafif nötr — asıl RENK GEÇİŞİ template'in İÇİNDE (.edt-hero) */
  .eddemo::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
    background: radial-gradient(50% 40% at 14% 10%, rgba(108,71,255,.07), transparent 62%),
                radial-gradient(46% 38% at 88% 90%, rgba(108,71,255,.05), transparent 62%); }
  .eddemo .container { position: relative; z-index: 1; }
  .eddemo .section-tag, .eddemo .section-title, .eddemo .section-sub { text-align: center; }
  .eddemo .section-sub { max-width: 560px; margin-left: auto; margin-right: auto; }

  .eddemo .ed-app { opacity: 0; transform: translateY(30px) scale(.985); transition: opacity .7s cubic-bezier(.16,1,.3,1), transform .7s cubic-bezier(.16,1,.3,1); }
  .eddemo.in .ed-app { opacity: 1; transform: none; }

  /* ── Editör kabuğu ── */
  .ed-app { max-width: 1000px; margin: 30px auto 0; background: #fff; border: 1px solid #e6e8ee; border-radius: 18px; box-shadow: 0 34px 80px -34px rgba(24,28,45,.45); overflow: hidden; }
  .ed-toolbar { display: flex; align-items: center; gap: 12px; justify-content: space-between; padding: 11px 14px; background: linear-gradient(180deg,#fbfbfd,#f2f3f7); border-bottom: 1px solid #e6e8ee; flex-wrap: wrap; }
  .ed-mode { display: inline-flex; align-items: center; gap: 7px; font-size: .82rem; font-weight: 700; color: #384152; background: #fff; border: 1px solid #e2e5ec; padding: 6px 11px; border-radius: 999px; }
  .ed-dot { width: 8px; height: 8px; border-radius: 50%; background: #16a37a; box-shadow: 0 0 0 0 rgba(22,163,122,.5); animation: edPulse 1.8s ease-out infinite; }
  @keyframes edPulse { 0% { box-shadow: 0 0 0 0 rgba(22,163,122,.5); } 70% { box-shadow: 0 0 0 7px rgba(22,163,122,0); } 100% { box-shadow: 0 0 0 0 rgba(22,163,122,0); } }
  .ed-tcenter { display: flex; align-items: center; gap: 9px; }
  .ed-clabel { font-size: .78rem; font-weight: 700; color: #8a90a0; }
  .ed-colors { display: flex; gap: 7px; }
  .ed-color { width: 24px; height: 24px; border-radius: 50%; background: var(--sw); border: 2px solid #fff; box-shadow: 0 0 0 1px #dfe2ea; cursor: pointer; padding: 0; transition: transform .18s, box-shadow .18s; }
  .ed-color:hover { transform: scale(1.15); }
  .ed-color.active { box-shadow: 0 0 0 2px var(--sw); transform: scale(1.12); }
  .ed-tright { display: flex; align-items: center; gap: 9px; }
  .ed-devices { display: flex; background: #eceef3; border-radius: 9px; padding: 3px; gap: 2px; }
  .ed-device { border: none; background: transparent; font-size: .95rem; padding: 4px 9px; border-radius: 7px; cursor: pointer; transition: background .2s, box-shadow .2s; line-height: 1; }
  .ed-device.active { background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.14); }
  .ed-save { border: none; background: linear-gradient(180deg,#6c47ff,#5a37e0); color: #fff; font-weight: 700; font-size: .82rem; padding: 8px 15px; border-radius: 9px; cursor: pointer; box-shadow: 0 6px 16px -6px rgba(108,71,255,.6); transition: transform .15s, box-shadow .2s; }
  .ed-save:hover { transform: translateY(-1px); }
  .ed-save:active { transform: translateY(1px); }

  /* ── Sahne + cihaz ── */
  .ed-stage { position: relative; background: radial-gradient(120% 100% at 50% 0%, #f4f5fb, #e9ebf2); padding: 26px; display: flex; justify-content: center; }
  /* Template fontu — panel/toolbar dışında sadece site içeriği (frame + FAB) bu fontu kullanır */
  .ed-viewport { --acc: #6c47ff; font-family: 'Plus Jakarta Sans', var(--font, system-ui), sans-serif; position: relative; width: 100%; max-width: 820px; transition: max-width .5s cubic-bezier(.65,0,.35,1), padding .5s ease, background .5s ease, box-shadow .5s ease; border-radius: 16px; overflow: hidden; }
  .ed-frame { width: 100%; background: #fff; color: #1a2233; height: 540px; overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; }
  .ed-frame::-webkit-scrollbar { width: 8px; }
  .ed-frame::-webkit-scrollbar-thumb { background: #d5d8e0; border-radius: 8px; border: 2px solid #fff; }

  /* Masaüstü: tarayıcı penceresi görünümü (içeride kayan "sayfa içinde sayfa") */
  .ed-stage:not(.phone) .ed-viewport { background: #fff; border: 1px solid #e2e5ec; box-shadow: 0 26px 60px -26px rgba(20,24,40,.5); }
  .ed-browserbar { display: none; align-items: center; gap: 8px; padding: 10px 14px; background: #f3f4f8; border-bottom: 1px solid #e6e8ee; }
  .ed-stage:not(.phone) .ed-browserbar { display: flex; }
  .ed-bdot { width: 11px; height: 11px; border-radius: 50%; background: #d3d6de; }
  .ed-bdot:nth-child(1){ background:#ff5f57; } .ed-bdot:nth-child(2){ background:#febc2e; } .ed-bdot:nth-child(3){ background:#28c840; }
  .ed-burl { flex: 1; margin-left: 8px; background: #fff; border: 1px solid #e6e8ee; border-radius: 8px; padding: 5px 12px; font-size: .78rem; color: #6b7280; display: flex; align-items: center; gap: 6px; }
  .ed-lock { width: 9px; height: 8px; border: 1.4px solid #9aa0ab; border-top: none; border-radius: 0 0 2px 2px; position: relative; margin-top: 3px; }
  .ed-lock::before { content: ""; position: absolute; left: 50%; top: -4px; transform: translateX(-50%); width: 6px; height: 5px; border: 1.4px solid #9aa0ab; border-bottom: none; border-radius: 4px 4px 0 0; }

  /* iPhone kabuğu parçaları — masaüstünde gizli */
  .ed-statusbar, .ed-island, .ed-homebar { display: none; }

  /* ── EMLAK sitesi ── */
  .edt-header { display: flex; align-items: center; gap: 16px; padding: 13px 22px; border-bottom: 1px solid #eef0f4; position: sticky; top: 0; z-index: 4; background: rgba(255,255,255,.92); backdrop-filter: saturate(1.4) blur(8px); }
  .edt-brand { display: flex; align-items: center; gap: 8px; text-decoration: none; flex-shrink: 0; }
  .edt-logoimg { height: 28px; width: auto; display: block; }
  .edt-brandtxt { font-size: 1.12rem; font-weight: 800; color: #141a29; letter-spacing: -.02em; white-space: nowrap; }
  .edt-brand-numbo { color: #6c47ff; }   /* marka moru — accent'ten bağımsız, sabit */
  .edt-nav { display: flex; gap: 20px; margin-left: auto; flex-shrink: 1; min-width: 0; }
  .edt-nav a { position: relative; font-size: .86rem; color: #4a5568; cursor: pointer; font-weight: 500; transition: color .2s; padding-bottom: 3px; }
  .edt-nav a:hover { color: var(--acc); }
  .edt-nav a.active { color: var(--acc); font-weight: 700; }
  .edt-nav a.active::after { content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 2.5px; border-radius: 2px; background: var(--acc); transition: background .5s; }
  .edt-mmenu a.active { color: var(--acc); }
  .edt-mmenu a.active::before { content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--acc); margin-right: 8px; vertical-align: middle; }
  .edt-navbtn { flex-shrink: 0; border: none; background: var(--acc); color: #fff; font-size: .82rem; font-weight: 700; padding: 9px 16px; border-radius: 10px; cursor: pointer; box-shadow: 0 8px 18px -8px var(--acc); transition: background .5s, transform .15s; }
  .edt-navbtn:hover { transform: translateY(-1px); }
  .edt-burger { display: none; margin-left: auto; flex-direction: column; gap: 4px; background: none; border: none; cursor: pointer; padding: 4px; }
  .edt-burger span { width: 20px; height: 2px; background: #1a2233; border-radius: 2px; transition: transform .25s, opacity .2s; }
  .edt-header.open .edt-burger span:nth-child(1){ transform: translateY(6px) rotate(45deg); }
  .edt-header.open .edt-burger span:nth-child(2){ opacity: 0; }
  .edt-header.open .edt-burger span:nth-child(3){ transform: translateY(-6px) rotate(-45deg); }

  /* Mobil açılır menü (headerdaki maddeler) */
  .edt-mmenu { display: none; position: absolute; top: 100%; left: 0; right: 0; flex-direction: column; background: #fff; border-bottom: 1px solid #eef0f4; box-shadow: 0 16px 26px -14px rgba(20,24,40,.35); padding: 8px 16px 14px; z-index: 5; }
  .edt-header.open .edt-mmenu { display: flex; animation: edMenuDown .26s ease; }
  @keyframes edMenuDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: none; } }
  .edt-mmenu a { padding: 12px 4px; font-size: .92rem; color: #33405a; font-weight: 600; border-bottom: 1px solid #f2f4f7; cursor: pointer; }
  .edt-mmenu-cta { margin-top: 11px; border: none; background: var(--acc); color: #fff; font-weight: 700; padding: 12px; border-radius: 11px; font-size: .88rem; cursor: pointer; transition: background .5s; }

  /* ── Yüzen butonlar (Terra şablonu tarzı) ── */
  /* Sağda: şeffaf ikon görselleri, arka plan dairesi YOK, 3D drop-shadow */
  .edt-fabr { position: absolute; right: 16px; bottom: 16px; z-index: 8; display: flex; flex-direction: column; align-items: center; gap: 12px; }
  .edt-fabimg { display: block; line-height: 0; cursor: pointer; }
  .edt-fabimg img { width: 54px; height: 54px; object-fit: contain; filter: drop-shadow(0 5px 9px rgba(0,0,0,.35)); transition: transform .2s; }
  .edt-fabimg:hover img { transform: scale(1.12); }
  /* Solda: cam (glass) Randevu pill */
  .edt-resbtn { position: absolute; left: 16px; bottom: 16px; z-index: 8; display: inline-flex; align-items: center; gap: 7px; background: color-mix(in srgb, var(--acc) 42%, transparent); color: #fff; border: 1px solid rgba(255,255,255,.4); border-radius: 100px; padding: 12px 20px; font-weight: 700; font-size: .84rem; cursor: pointer; box-shadow: 0 8px 32px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.35); -webkit-backdrop-filter: blur(14px) saturate(1.6); backdrop-filter: blur(14px) saturate(1.6); text-shadow: 0 1px 2px rgba(0,0,0,.25); transition: transform .2s, background .5s; }
  .edt-resbtn:hover { transform: translateY(-2px); background: color-mix(in srgb, var(--acc) 58%, transparent); }
  .ed-stage.phone .edt-fabr { right: 16px; bottom: 40px; gap: 10px; }
  .ed-stage.phone .edt-fabimg img { width: 46px; height: 46px; }
  .ed-stage.phone .edt-resbtn { left: 16px; bottom: 42px; font-size: .76rem; padding: 10px 15px; }

  /* ── Hero görsel slider'ı (Terra görselleri) ── */
  .edt-slider { position: relative; aspect-ratio: 4/3.2; border-radius: 16px; overflow: hidden; box-shadow: 0 22px 44px -18px rgba(20,24,40,.5); }
  .edt-slide { position: absolute; inset: 0; background-size: cover; background-position: center; opacity: 0; transform: scale(1.06); transition: opacity 1s ease, transform 6s ease; }
  .edt-slide.active { opacity: 1; transform: scale(1); }
  .edt-slider::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 55%, rgba(10,14,25,.4)); pointer-events: none; }
  .edt-slnav { position: absolute; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; border-radius: 50%; background: rgba(255,255,255,.85); color: #1a2233; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; cursor: pointer; z-index: 3; box-shadow: 0 3px 10px rgba(0,0,0,.2); opacity: 0; transition: opacity .25s; user-select: none; }
  .edt-slider:hover .edt-slnav { opacity: 1; }
  .edt-slnav.prev { left: 10px; } .edt-slnav.next { right: 10px; }
  .edt-sldots { position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); display: flex; gap: 6px; z-index: 3; }
  .edt-sldot { width: 7px; height: 7px; border-radius: 50%; background: rgba(255,255,255,.55); cursor: pointer; transition: width .3s, background .3s; }
  .edt-sldot.active { width: 20px; border-radius: 4px; background: #fff; }
  .edt-slider .edt-pricetag { z-index: 3; }

  /* RENK GEÇİŞİ template'in içinde: hero accent-tint gradient, renk seçiciyle birlikte değişir */
  .edt-hero { display: grid; grid-template-columns: 1.05fr .95fr; gap: 26px; align-items: center; padding: 40px 22px; background: linear-gradient(165deg, color-mix(in srgb, var(--acc) 17%, #fff) 0%, color-mix(in srgb, var(--acc) 6%, #fff) 42%, #fff 100%); transition: background .5s; }
  .edt-badge { display: inline-block; background: color-mix(in srgb, var(--acc) 13%, #fff); color: var(--acc); font-size: .74rem; font-weight: 700; padding: 5px 12px; border-radius: 999px; transition: background .5s, color .5s; }
  /* H1 = biz sürekli typewriter ile yazıyoruz (müşteri düzenlemez, sadece "nasıl olduğunu" görür) */
  /* H1 blok → HER ZAMAN "Premium Emlak" rozetinin ALT satırında; kutu içteki span'de → yazı silinince rozetle yan yana GELMEZ */
  .edt-h1 { display: block; font-size: 2.2rem; line-height: 1.15; margin: 6px 0 10px; font-weight: 800; letter-spacing: -.025em; color: #141a29; min-height: 2.5em; }
  .edt-h1box { display: inline-block; min-width: 5ch; background: color-mix(in srgb, var(--acc) 6%, transparent); box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--acc) 15%, transparent); border-radius: 10px; padding: 4px 11px; transition: box-shadow 1s ease, background 1s ease; }
  .edt-caret { display: inline-block; width: 3px; height: .95em; background: var(--acc); margin-left: 3px; border-radius: 2px; vertical-align: -3px; animation: edCaret .85s step-end infinite; transition: background .5s; }
  @keyframes edCaret { 0%,55% { opacity: 1; } 56%,100% { opacity: 0; } }
  .edt-sub { font-size: .96rem; color: #5b6675; margin: 0 0 18px; line-height: 1.5; }
  .edt-search { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 16px; }
  .edt-schip { font-size: .82rem; font-weight: 600; color: #33405a; background: #fff; border: 1px solid #e3e7ee; padding: 9px 13px; border-radius: 10px; box-shadow: 0 2px 6px rgba(20,24,40,.05); }
  .edt-cta { border: none; background: var(--acc); color: #fff; font-weight: 700; font-size: .88rem; padding: 11px 20px; border-radius: 11px; cursor: pointer; box-shadow: 0 10px 22px -9px var(--acc); transition: background .5s, box-shadow .5s, transform .15s; }
  .edt-cta:hover { transform: translateY(-2px); }
  .edt-cta.light { background: #fff; color: var(--acc); }
  .edt-trust { display: flex; flex-wrap: wrap; gap: 8px 18px; }
  .edt-trust span { font-size: .82rem; color: #5b6675; font-weight: 600; }

  .edt-hero-visual { position: relative; }
  .edt-photo { position: relative; border-radius: 16px; overflow: hidden; display: flex; align-items: center; justify-content: center; }
  .edt-photo span:first-child { font-size: 2.6rem; filter: drop-shadow(0 6px 12px rgba(0,0,0,.22)); }
  .edt-ph1 { aspect-ratio: 4/3.2; background: linear-gradient(135deg, color-mix(in srgb,var(--acc) 55%,#1b2a4a), color-mix(in srgb,var(--acc) 22%,#0e1730)); box-shadow: 0 22px 44px -18px rgba(20,24,40,.5); transition: background .5s; }
  .edt-pricetag { position: absolute; left: -14px; bottom: 18px; background: #fff; border-radius: 13px; padding: 9px 15px; box-shadow: 0 14px 30px -12px rgba(20,24,40,.4); display: flex; flex-direction: column; line-height: 1.15; }
  .edt-pricetag small { font-size: .64rem; color: #8a93a3; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
  .edt-pricetag b { font-size: 1.05rem; color: var(--acc); transition: color .5s; }

  /* Stats = hero'nun TERSİ: renk alttan üste yükselir (bütünlük) */
  .edt-stats { display: grid; grid-template-columns: repeat(3,1fr); background: linear-gradient(0deg, color-mix(in srgb, var(--acc) 19%, #fff) 0%, color-mix(in srgb, var(--acc) 5%, #fff) 62%, #fff 100%); border-top: 1px solid color-mix(in srgb, var(--acc) 14%, #eef0f4); border-bottom: 1px solid color-mix(in srgb, var(--acc) 14%, #eef0f4); transition: background .5s; }
  .edt-stat { background: transparent; text-align: center; padding: 22px 10px; }
  .edt-stat + .edt-stat { border-left: 1px solid color-mix(in srgb, var(--acc) 15%, transparent); }
  .edt-stat b { display: block; font-size: 1.5rem; font-weight: 800; color: var(--acc); letter-spacing: -.02em; transition: color .5s; }
  .edt-stat span { font-size: .78rem; color: #6b7684; font-weight: 600; }

  .edt-listings { padding: 34px 22px 30px; }
  .edt-lhead { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 18px; }
  .edt-lhead h2 { font-size: 1.4rem; font-weight: 800; letter-spacing: -.02em; color: #141a29; margin: 0; }
  .edt-lhead a { font-size: .84rem; color: var(--acc); font-weight: 700; cursor: pointer; transition: color .5s; }
  .edt-cards { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
  .edt-card { border: 1px solid #eef0f4; border-radius: 15px; overflow: hidden; background: #fff; transition: transform .28s cubic-bezier(.2,.8,.3,1), box-shadow .28s, border-color .28s; }
  .edt-card:hover { transform: translateY(-5px); box-shadow: 0 22px 40px -20px rgba(20,24,40,.35); border-color: color-mix(in srgb,var(--acc) 35%,#eef0f4); }
  .edt-card .edt-photo { border-radius: 0; aspect-ratio: 16/10; }
  /* Kart görselleri = gerçek Terra ev fotoğrafları */
  .edt-cardimg { background-size: cover; background-position: center; }
  .edt-cardimg::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.14), transparent 40%); pointer-events: none; }
  /* Kalp = direkt dolu kalp (beyaz yuvarlak YOK), gölgeyle foto üstünde net; hover'da kırmızı */
  .edt-fav { position: absolute; top: 9px; right: 11px; z-index: 2; color: #fff; font-size: 1.5rem; line-height: 1; cursor: pointer; filter: drop-shadow(0 1px 3px rgba(0,0,0,.6)); transition: transform .18s, color .2s; }
  .edt-fav.red { color: #ff3b5c; }   /* dolu kırmızı kalp */
  .edt-fav:hover { color: #ff4d6d; transform: scale(1.16); }

  /* ── Fotoğraf yükleme çipi (SÜREKLİ görünür — müşteri fark etsin) ── */
  .edt-uploader { position: absolute; z-index: 5; display: inline-flex; align-items: center; gap: 5px; font-size: .72rem; font-weight: 700; color: #fff; background: rgba(15,18,30,.5); border: 1px solid rgba(255,255,255,.45); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); padding: 6px 11px; border-radius: 999px; cursor: pointer; box-shadow: 0 4px 12px rgba(0,0,0,.3); transition: background .2s, transform .18s; }
  .edt-uploader:hover { background: rgba(15,18,30,.72); transform: translateY(-1px); }
  .edt-uploader-ic { font-size: .95rem; line-height: 1; }
  .edt-card .edt-uploader { left: 9px; bottom: 9px; }      /* kart: sol-alt köşe */
  .edt-slider .edt-uploader { left: 10px; top: 10px; }     /* slider: sol-üst köşe */
  .edt-new { position: absolute; top: 10px; left: 10px; background: var(--acc); color: #fff; font-size: .66rem; font-weight: 800; padding: 3px 9px; border-radius: 999px; letter-spacing: .03em; transition: background .5s; }
  .edt-cbody { padding: 13px 15px 16px; }
  .edt-price { font-size: 1.16rem; font-weight: 800; color: var(--acc); letter-spacing: -.02em; transition: color .5s; display: block; }
  .edt-cbody h3 { font-size: .98rem; font-weight: 700; margin: 4px 0 3px; color: #1a2233; }
  .edt-loc { font-size: .8rem; color: #6b7684; margin: 0 0 10px; }
  .edt-specs { display: flex; flex-wrap: wrap; gap: 6px 12px; padding-top: 10px; border-top: 1px solid #f1f3f6; }
  .edt-specs span { font-size: .74rem; color: #55606f; font-weight: 600; }

  .edt-quote { text-align: center; padding: 26px 22px 34px; background: linear-gradient(180deg, #fff 0%, color-mix(in srgb, var(--acc) 9%, #fff) 100%); transition: background .5s; }
  .edt-stars { color: #f5b301; letter-spacing: 2px; font-size: .95rem; margin-bottom: 8px; }
  .edt-quote p { font-size: 1.12rem; font-style: italic; color: #313c4a; margin: 0 auto 8px; max-width: 560px; line-height: 1.5; }
  .edt-qauthor { font-size: .84rem; color: var(--acc); font-weight: 700; transition: color .5s; }

  .edt-cta-band { position: relative; overflow: hidden; text-align: center; padding: 40px 22px; background: linear-gradient(135deg, var(--acc) 0%, color-mix(in srgb, var(--acc) 62%, #140a30) 100%); transition: background .5s; }
  .edt-cta-band::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(60% 120% at 20% 0%, rgba(255,255,255,.22), transparent 60%), radial-gradient(50% 120% at 90% 100%, rgba(255,255,255,.12), transparent 55%); }
  .edt-cta-band h2, .edt-cta-band .edt-cta { position: relative; z-index: 1; }
  .edt-cta-band h2 { color: #fff; font-size: 1.4rem; font-weight: 800; margin: 0 0 16px; letter-spacing: -.02em; }

  .edt-footer { background: #141826; color: rgba(255,255,255,.72); padding: 30px 22px 20px; }
  .edt-fcols { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 24px; }
  .edt-flogo { display: flex; align-items: center; gap: 8px; font-size: 1.15rem; font-weight: 800; color: #fff; margin-bottom: 8px; }
  .edt-flogo img { height: 24px; width: auto; }
  .edt-fbrand p { font-size: .84rem; margin: 0; line-height: 1.5; max-width: 240px; }
  .edt-fcol h4 { font-size: .82rem; color: #fff; font-weight: 700; margin: 0 0 11px; text-transform: uppercase; letter-spacing: .05em; opacity: .85; }
  .edt-fcol a { display: block; font-size: .85rem; color: rgba(255,255,255,.68); margin-bottom: 8px; cursor: pointer; transition: color .2s; }
  .edt-fcol a:hover { color: #fff; }
  .edt-social { display: flex; gap: 8px; margin-top: 4px; }
  .edt-social span { width: 30px; height: 30px; border-radius: 8px; background: rgba(255,255,255,.1); color: #fff; display: flex; align-items: center; justify-content: center; font-size: .82rem; font-weight: 700; transition: background .3s; }
  .edt-social span:hover { background: var(--acc); }
  .edt-fbottom { margin-top: 22px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.1); font-size: .78rem; color: rgba(255,255,255,.5); text-align: center; }

  /* ══════════ MOBİL (iPhone) MODU ══════════ */
  .ed-stage.phone .ed-viewport { max-width: 336px; padding: 14px 13px; background: linear-gradient(160deg,#1c1e28,#0c0d13); border-radius: 54px; box-shadow: inset 0 0 0 2px #33353f, inset 0 0 0 6px #0a0b10, 0 44px 76px -24px rgba(0,0,0,.6); }
  .ed-stage.phone .ed-frame { height: 640px; overflow-y: auto; overflow-x: hidden; border-radius: 42px; padding-top: 37px; padding-bottom: 34px; scrollbar-width: none; box-shadow: none; }
  .ed-stage.phone .ed-frame::-webkit-scrollbar { display: none; }
  .ed-stage.phone .ed-frame::-webkit-scrollbar { display: none; }
  .ed-stage.phone .ed-statusbar { display: flex; position: absolute; top: 17px; left: 30px; right: 30px; height: 26px; align-items: center; justify-content: space-between; z-index: 6; pointer-events: none; }
  .ed-stage.phone .ed-sbtime { font-size: .74rem; font-weight: 700; color: #141a29; }
  .ed-sbicons { display: flex; align-items: center; gap: 4px; }
  .ed-sig, .ed-wifi, .ed-batt { display: inline-block; }
  .ed-sig { width: 15px; height: 10px; background: linear-gradient(90deg,#141a29 60%, #b9bfca 60%); -webkit-mask: repeating-linear-gradient(90deg,#000 0 2px,#0000 2px 3.5px); mask: repeating-linear-gradient(90deg,#000 0 2px,#0000 2px 3.5px); }
  .ed-wifi { width: 13px; height: 10px; border-radius: 2px; background: #141a29; -webkit-mask: radial-gradient(circle at 50% 100%, #000 30%, #0000 32%); mask: radial-gradient(circle at 50% 100%, #000 30%, #0000 32%); }
  .ed-batt { width: 20px; height: 10px; border: 1.3px solid #141a29; border-radius: 3px; position: relative; }
  .ed-batt::before { content: ""; position: absolute; inset: 1.5px; width: 70%; background: #141a29; border-radius: 1px; }
  .ed-batt::after { content: ""; position: absolute; right: -3px; top: 3px; width: 2px; height: 4px; background: #141a29; border-radius: 0 2px 2px 0; }
  .ed-stage.phone .ed-island { display: block; position: absolute; top: 20px; left: 50%; transform: translateX(-50%); width: 92px; height: 25px; background: #05060a; border-radius: 14px; z-index: 7; }
  .ed-stage.phone .ed-homebar { display: block; position: absolute; bottom: 22px; left: 50%; transform: translateX(-50%); width: 118px; height: 5px; background: #05060a; border-radius: 3px; z-index: 7; }

  /* Mobil modda site tek kolona düşer (header+footer korunur) */
  .ed-stage.phone .edt-nav, .ed-stage.phone .edt-navbtn { display: none; }
  .ed-stage.phone .edt-burger { display: flex; }
  /* Mobil: yüzen CAM header (üst+yan boşluk + border-radius + glassmorphism) */
  .ed-stage.phone .edt-header { padding: 11px 16px; margin: 3px 10px 0; top: 3px; border-radius: 20px; border: 1px solid rgba(255,255,255,.55); background: rgba(255,255,255,.5); -webkit-backdrop-filter: blur(18px) saturate(1.8); backdrop-filter: blur(18px) saturate(1.8); box-shadow: 0 12px 30px -10px rgba(20,24,40,.4); }
  .ed-stage.phone .edt-mmenu { left: 10px; right: 10px; top: calc(100% + 6px); border-radius: 16px; border: 1px solid rgba(255,255,255,.55); box-shadow: 0 18px 34px -12px rgba(20,24,40,.45); }
  .ed-stage.phone .edt-logoimg { height: 26px; }
  .ed-stage.phone .edt-hero { grid-template-columns: 1fr; gap: 18px; padding: 22px 16px; }
  .ed-stage.phone .edt-h1 { font-size: 1.55rem; }
  .ed-stage.phone .edt-hero-visual { order: -1; }
  .ed-stage.phone .edt-pricetag { left: auto; right: 12px; }
  .ed-stage.phone .edt-cards { grid-template-columns: 1fr; gap: 13px; }
  .ed-stage.phone .edt-listings { padding: 24px 16px; }
  .ed-stage.phone .edt-fcols { grid-template-columns: 1fr 1fr; gap: 18px; }
  .ed-stage.phone .edt-fbrand { grid-column: 1 / -1; }

  /* ── Düzenlenebilir öğe göstergesi ── */
  [data-edit] { position: relative; cursor: text; border-radius: 5px; transition: box-shadow .18s, background .18s; outline: none; }
  [data-edit]:hover { box-shadow: 0 0 0 2px color-mix(in srgb, var(--acc) 55%, #fff); background: color-mix(in srgb, var(--acc) 8%, #fff); }
  [data-edit]:hover::after { content: "✏️"; position: absolute; top: -10px; right: -8px; font-size: .68rem; background: var(--acc); color: #fff; padding: 2px 5px; border-radius: 6px; line-height: 1; box-shadow: 0 3px 8px rgba(0,0,0,.2); z-index: 8; }
  .edt-footer [data-edit]:hover, .edt-cta-band [data-edit]:hover { background: rgba(255,255,255,.12); }
  [data-edit].editing { box-shadow: 0 0 0 2px var(--acc); background: #fff !important; color: #1a2233; cursor: text; }
  [data-edit].flash { animation: edFlash .6s ease; }
  @keyframes edFlash { 0% { background: color-mix(in srgb, var(--acc) 40%, #fff); } 100% { background: transparent; } }

  /* ── Otomatik tanıtım imleci + ipucu ── */
  .ed-cursor { position: absolute; top: 0; left: 0; width: 22px; height: 22px; margin: -4px 0 0 -4px; pointer-events: none; opacity: 0; z-index: 9;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 2l7 18 2.5-7.5L21 10 4 2z' fill='%23111' stroke='%23fff' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain;
    transition: transform 1.05s cubic-bezier(.5,0,.2,1), opacity .3s; }
  .ed-cursor.show { opacity: 1; }
  .ed-cursor.tap { animation: edTap .35s ease; }
  @keyframes edTap { 50% { transform: scale(.72); } }
  .ed-tip { position: absolute; z-index: 9; top: 16px; left: 50%; transform: translateX(-50%) translateY(-6px); background: #111827; color: #fff; font-size: .78rem; font-weight: 600; padding: 7px 12px; border-radius: 9px; opacity: 0; pointer-events: none; transition: opacity .35s, transform .35s; box-shadow: 0 8px 20px -6px rgba(0,0,0,.45); white-space: nowrap; }
  .ed-tip.show { opacity: 1; transform: translateX(-50%) translateY(0); }
  .ed-tip::after { content: ""; position: absolute; left: 50%; bottom: -5px; transform: translateX(-50%) rotate(45deg); width: 10px; height: 10px; background: #111827; }

  .ed-note { text-align: center; font-size: .8rem; color: #98a0ad; max-width: 520px; margin: 16px auto 0; }
  .ed-note b { color: #6b7280; }

  /* ── Toast ── */
  .ed-toast { position: fixed; left: 50%; bottom: 26px; transform: translateX(-50%) translateY(24px); background: #111827; color: #fff; font-size: .88rem; font-weight: 600; padding: 11px 18px; border-radius: 12px; box-shadow: 0 16px 40px -12px rgba(0,0,0,.5); opacity: 0; pointer-events: none; transition: opacity .3s, transform .3s; z-index: 2147483000; }
  .ed-toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }

  @media (max-width: 768px) {
    .eddemo { padding: 52px 0; }
    .ed-toolbar { gap: 8px; padding: 9px 10px; }
    .ed-tcenter { order: 3; flex-basis: 100%; justify-content: center; }
    .ed-mode { font-size: .74rem; padding: 5px 9px; }
    .ed-save { padding: 7px 12px; }
    .ed-stage { padding: 14px; }
    /* Dar ekranda masaüstü önizleme de tek kolona düşsün (taşmasın) */
    .ed-stage:not(.phone) .edt-hero { grid-template-columns: 1fr; gap: 18px; padding: 22px 16px; }
    .ed-stage:not(.phone) .edt-hero-visual { order: -1; }
    .ed-stage:not(.phone) .edt-h1 { font-size: 1.6rem; }
    .ed-stage:not(.phone) .edt-cards { grid-template-columns: 1fr; }
    .ed-stage:not(.phone) .edt-nav { display: none; }
    .ed-stage:not(.phone) .edt-burger { display: flex; }
    .ed-stage:not(.phone) .edt-fcols { grid-template-columns: 1fr 1fr; }
    .ed-stage:not(.phone) .edt-fbrand { grid-column: 1 / -1; }
  }

  @media (prefers-reduced-motion: reduce) {
    .eddemo .ed-app, .ed-viewport, .edt-cta, .edt-card, .ed-cursor, .ed-tip, .ed-toast, .edt-slide { transition: none !important; }
    .edt-slide { transform: none !important; }
    .ed-dot { animation: none !important; }
    .ed-cursor, .ed-tip { display: none !important; }
  }