/* Gayrimenkul 3D görselleştirme hizmet sayfası (.gy). Yalnızca bu sayfada yüklenir; ds.css belirteçlerini kullanır.
   Koyu sinematik bölümler (hero, filmler, satışa etkisi, son çağrı) açık bölümlerle dönüşümlü ilerler. */

.gy { --gy-gece: #0E0B1A; --gy-gece-2: #17122B; --gy-cizgi-acik: rgba(255, 255, 255, .12); }
.gy .gy-ust { display: inline-flex; align-items: center; gap: 10px; padding: 8px 15px; border-radius: 999px; background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .16); color: #FFFFFF; font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; backdrop-filter: blur(10px); }
.gy .gy-ust::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--ds-violet-2); box-shadow: 0 0 0 4px rgba(139, 108, 255, .25); }
.gy .gy-vurgu { background: linear-gradient(100deg, #C9BAFF 0%, #9BE6F3 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.gy-baslik { max-width: 780px; margin-bottom: 46px; }
.gy-baslik .ds-h2 { margin-top: 18px; }
.gy-baslik > p { margin-top: 16px; font-size: 17.5px; }
.gy-baslik.acik .ds-h2 { color: #FFFFFF; }
.gy-baslik.acik > p { color: rgba(255, 255, 255, .72); }
.gy .ds-btn { white-space: nowrap; }
html.gy-kilit { overflow: hidden; }

/* ───────── Hero ───────── */
.gy-hero { position: relative; display: flex; align-items: flex-end; min-height: max(760px, min(100svh, 1000px)); padding: 160px 0 120px; overflow: hidden; background: var(--gy-gece); color: #FFFFFF; }
.gy-hero__medya { position: absolute; inset: 0; }
.gy-hero__video { width: 100%; height: 100%; object-fit: cover; display: block; }
.gy-hero__medya::after { content: ""; position: absolute; inset: 0; background:
  linear-gradient(90deg, rgba(14, 11, 26, .9) 0%, rgba(14, 11, 26, .62) 38%, rgba(14, 11, 26, .12) 72%, rgba(14, 11, 26, .05) 100%),
  linear-gradient(0deg, rgba(14, 11, 26, .92) 0%, rgba(14, 11, 26, 0) 42%),
  linear-gradient(180deg, rgba(14, 11, 26, .55) 0%, rgba(14, 11, 26, 0) 22%); }
.gy-hero__ic { position: relative; z-index: 2; }
.gy-kirinti { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 22px; font-size: 13px; color: rgba(255, 255, 255, .62); }
.gy-kirinti a { color: rgba(255, 255, 255, .78) !important; text-decoration: none; }
.gy-kirinti a:hover { color: #FFFFFF !important; }
.gy-kirinti i { font-size: 10px; opacity: .6; }
.gy-h1 { margin: 22px 0 0; max-width: 15ch; font-family: var(--ds-display); font-weight: 800; font-size: clamp(46px, 6.4vw, 100px); line-height: .97; letter-spacing: -.045em; color: #FFFFFF; }
.gy-h1 small { display: block; margin-bottom: 20px; font-family: var(--ds-body); font-size: 14px; font-weight: 700; letter-spacing: .12em; line-height: 1.4; text-transform: uppercase; color: var(--ds-lavender); }
.gy-h1 em { font-style: normal; background: linear-gradient(100deg, #D4C8FF 0%, #FFBFA6 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.gy .gy-hero__giris { margin-top: 24px; max-width: 610px; font-size: 18.5px; line-height: 1.62; color: rgba(255, 255, 255, .8); }
.gy-hero__dugmeler { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 32px; }
.gy-oynat-dugme { display: inline-flex; align-items: center; gap: 12px; min-height: 58px; padding: 8px 24px 8px 8px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .24); background: rgba(255, 255, 255, .1); color: #FFFFFF !important; font: 600 15px/1.2 var(--ds-body); text-decoration: none !important; cursor: pointer; backdrop-filter: blur(12px); transition: background-color .25s ease, transform .25s ease; }
.gy-oynat-dugme span { width: 42px; height: 42px; flex: 0 0 42px; display: grid; place-items: center; border-radius: 50%; background: #FFFFFF; color: var(--ds-violet); font-size: 14px; }
.gy-oynat-dugme:hover { background: rgba(255, 255, 255, .18); transform: translateY(-2px); }
.gy-hero__cipler { display: flex; flex-wrap: wrap; gap: 10px; margin: 36px 0 0; padding: 0; list-style: none; }
.gy-hero__cipler li { padding: 8px 15px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .18); background: rgba(14, 11, 26, .35); color: rgba(255, 255, 255, .86); font-size: 13px; font-weight: 600; backdrop-filter: blur(8px); }
.gy .gy-hero__not { position: absolute; left: max(24px, calc((100% - 1240px) / 2)); bottom: 26px; z-index: 2; max-width: 460px; font-size: 12px; line-height: 1.5; color: rgba(255, 255, 255, .58); }
.gy-hero__asagi { position: absolute; left: 50%; bottom: 24px; z-index: 2; width: 46px; height: 46px; margin-left: -23px; display: grid; place-items: center; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .28); color: #FFFFFF !important; animation: gyZipla 2.4s ease-in-out infinite; }
@keyframes gyZipla { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(6px); } }

/* ───────── Yetenekler (bento) ───────── */
.gy-bento { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); grid-auto-rows: 260px; gap: 18px; }
.gy-kart { position: relative; grid-column: span 4; overflow: hidden; border-radius: 28px; background: var(--gy-gece); color: #FFFFFF; isolation: isolate; box-shadow: 0 18px 40px rgba(40, 28, 90, .12); }
.gy-kart.k-film { grid-column: span 7; grid-row: span 2; }
.gy-kart.k-yorunge, .gy-kart.k-secici { grid-column: span 5; }
.gy-kart__medya { position: absolute; inset: 0; z-index: -1; }
.gy-kart__medya video, .gy-kart__medya img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 1.2s cubic-bezier(.2, .8, .2, 1); }
.gy-kart:hover .gy-kart__medya video, .gy-kart:hover .gy-kart__medya img { transform: scale(1.04); }
.gy-kart__medya::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(10, 8, 20, .92) 0%, rgba(10, 8, 20, .45) 42%, rgba(10, 8, 20, 0) 72%); }
.gy-kart__metin { position: absolute; left: 26px; right: 26px; bottom: 24px; }
.gy-kart__ikon { width: 40px; height: 40px; display: grid; place-items: center; margin-bottom: 14px; border-radius: 12px; background: rgba(255, 255, 255, .14); border: 1px solid rgba(255, 255, 255, .18); font-size: 15px; backdrop-filter: blur(8px); }
.gy-kart h3 { margin: 0; font-family: var(--ds-display); font-size: 23px; font-weight: 700; line-height: 1.15; letter-spacing: -.02em; color: #FFFFFF; }
.gy-kart.k-film h3 { font-size: clamp(28px, 2.6vw, 38px); }
.gy .gy-kart p { margin-top: 8px; max-width: 48ch; font-size: 14.5px; line-height: 1.55; color: rgba(255, 255, 255, .78); }
.gy-kart ul { display: flex; flex-wrap: wrap; gap: 6px; margin: 14px 0 0; padding: 0; list-style: none; }
.gy-kart li { padding: 5px 11px; border-radius: 999px; background: rgba(255, 255, 255, .12); font-size: 12px; font-weight: 600; color: #FFFFFF; }
.gy-kart__link { position: absolute; inset: 0; z-index: 3; border-radius: inherit; }
.gy-kart__link:focus-visible { outline: 3px solid var(--ds-violet-2); outline-offset: 3px; }

/* ───────── Filmler ───────── */
.gy-filmler { position: relative; margin-top: 110px; padding: 110px 0; overflow: hidden; color: #FFFFFF;
  background: radial-gradient(60% 80% at 0% 0%, rgba(91, 61, 245, .4) 0%, rgba(91, 61, 245, 0) 70%), radial-gradient(40% 60% at 100% 100%, rgba(155, 230, 243, .14) 0%, rgba(155, 230, 243, 0) 70%), var(--gy-gece); }
.gy-film-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.gy-film { display: flex; flex-direction: column; gap: 16px; padding: 0; border: 0; background: none; color: #FFFFFF; text-align: left; cursor: pointer; font: inherit; }
.gy-film__kapak { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 22px; border: 1px solid rgba(255, 255, 255, .12); }
.gy-film__kapak img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .8s cubic-bezier(.2, .8, .2, 1); }
.gy-film__kapak::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(10, 8, 20, .45), rgba(10, 8, 20, 0) 50%); }
.gy-film__oynat { position: absolute; left: 50%; top: 50%; z-index: 2; width: 68px; height: 68px; margin: -34px 0 0 -34px; display: grid; place-items: center; border-radius: 50%; background: #FFFFFF; color: var(--ds-violet); font-size: 20px; box-shadow: 0 0 0 10px rgba(255, 255, 255, .16), 0 18px 40px rgba(0, 0, 0, .35); transition: transform .3s ease; }
.gy-film__oynat i { margin-left: 4px; }
.gy-film__sure { position: absolute; right: 14px; bottom: 14px; z-index: 2; padding: 5px 10px; border-radius: 999px; background: rgba(14, 11, 26, .7); font-size: 12px; font-weight: 700; }
.gy-film:hover .gy-film__kapak img { transform: scale(1.05); }
.gy-film:hover .gy-film__oynat { transform: scale(1.08); }
.gy-film:focus-visible .gy-film__kapak { outline: 3px solid var(--ds-violet-2); outline-offset: 3px; }
.gy-film__metin b { display: block; font-family: var(--ds-display); font-size: 20px; font-weight: 700; letter-spacing: -.015em; }
.gy-film__metin small { display: block; margin-top: 6px; font-size: 14px; line-height: 1.5; color: rgba(255, 255, 255, .64); }

/* ───────── Canlı demo: kat seçici ───────── */
.gy-secici { display: grid; grid-template-columns: minmax(0, 1fr) 370px; gap: 18px; align-items: start; }
.gy-bina { position: relative; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 30px; background: var(--gy-gece); box-shadow: 0 24px 50px rgba(40, 28, 90, .14); }
.gy-bina__gorsel { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: opacity .9s ease; }
.gy-bina__gorsel.gece { opacity: 0; }
.gy-bina[data-zaman="gece"] .gy-bina__gorsel.gece { opacity: 1; }
.gy-bina__katlar { position: absolute; inset: 0; width: 100%; height: 100%; }
.gy-kat { cursor: pointer; outline: none; }
.gy-kat__alan { fill: rgba(123, 92, 255, 0); stroke: rgba(255, 255, 255, 0); stroke-width: 3; stroke-linejoin: round; transition: fill .25s ease, stroke .25s ease; }
.gy-kat__isik { fill: rgba(139, 108, 255, 0); transition: fill .25s ease; }
.gy-kat:hover .gy-kat__alan, .gy-kat:focus-visible .gy-kat__alan, .gy-kat.vurgu .gy-kat__alan { fill: rgba(123, 92, 255, .3); stroke: rgba(255, 255, 255, .9); }
.gy-kat:hover .gy-kat__isik, .gy-kat:focus-visible .gy-kat__isik, .gy-kat.vurgu .gy-kat__isik { fill: rgba(139, 108, 255, .4); }
.gy-kat.secili .gy-kat__alan { fill: rgba(123, 92, 255, .44); stroke: #FFFFFF; stroke-width: 4; }
.gy-kat.secili .gy-kat__isik { fill: rgba(167, 140, 255, .55); }
.gy-kat__etiket { opacity: 0; transition: opacity .25s ease; pointer-events: none; }
.gy-kat__etiket rect { fill: rgba(14, 11, 26, .84); stroke: rgba(255, 255, 255, .3); stroke-width: 1.5; }
.gy-kat__etiket text { fill: #FFFFFF; font-family: var(--ds-display); font-size: 26px; font-weight: 700; }
.gy-kat:hover .gy-kat__etiket, .gy-kat:focus-visible .gy-kat__etiket, .gy-kat.vurgu .gy-kat__etiket, .gy-kat.secili .gy-kat__etiket { opacity: 1; }
.gy-bina__ust { position: absolute; top: 16px; left: 16px; right: 16px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px; pointer-events: none; }
.gy-zaman { display: inline-flex; gap: 2px; padding: 4px; border-radius: 999px; background: rgba(14, 11, 26, .62); border: 1px solid rgba(255, 255, 255, .16); backdrop-filter: blur(10px); pointer-events: auto; }
.gy-zaman button { display: inline-flex; align-items: center; gap: 7px; min-height: 38px; padding: 0 15px; border: 0; border-radius: 999px; background: transparent; color: #FFFFFF; font: 600 13px var(--ds-body); cursor: pointer; transition: background-color .2s ease, color .2s ease; }
.gy-zaman button[aria-pressed="true"] { background: #FFFFFF; color: var(--ds-ink); }
.gy-bina__ipucu { display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border-radius: 999px; background: rgba(14, 11, 26, .62); border: 1px solid rgba(255, 255, 255, .16); color: #FFFFFF; font-size: 13px; font-weight: 600; backdrop-filter: blur(10px); transition: opacity .3s ease; }
.gy-bina.kat-secili .gy-bina__ipucu { opacity: 0; }

.gy-panel { display: flex; flex-direction: column; min-height: 100%; padding: 26px; border-radius: 30px; background: #FFFFFF; border: 1px solid var(--ds-line); box-shadow: var(--ds-shadow); }
.gy-panel__bos, .gy-panel__kat { display: flex; flex-direction: column; height: 100%; }
.gy-panel__bos[hidden], .gy-panel__kat[hidden] { display: none; }
.gy-panel__ikon { width: 46px; height: 46px; display: grid; place-items: center; margin-bottom: 14px; border-radius: 14px; background: #F0ECFF; color: var(--ds-violet); font-size: 18px; }
.gy-panel__bos > b { font-family: var(--ds-display); font-size: 21px; letter-spacing: -.015em; }
.gy-kat-listesi { display: grid; gap: 8px; margin: 16px 0 0; padding: 0; list-style: none; }
.gy-kat-listesi button { width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 10px; min-height: 50px; padding: 0 16px; border: 1px solid var(--ds-line); border-radius: 16px; background: #FFFFFF; color: var(--ds-ink); font: 600 15px var(--ds-body); cursor: pointer; transition: border-color .2s ease, background-color .2s ease; }
.gy-kat-listesi button:hover, .gy-kat-listesi button:focus-visible { border-color: rgba(91, 61, 245, .45); background: #F8F6FF; }
.gy-kat-listesi small { color: var(--ds-muted); font-size: 12.5px; font-weight: 600; }
.gy-panel__geri { align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; min-height: 36px; padding: 0; border: 0; background: none; color: var(--ds-violet); font: 700 13px var(--ds-body); cursor: pointer; }
.gy-panel__kat h3 { margin: 10px 0 0; font-family: var(--ds-display); font-size: 30px; letter-spacing: -.025em; }
.gy .gy-panel__ozet { margin-top: 4px; font-size: 14.5px; }
.gy-tablo { width: 100%; margin-top: 16px; border-collapse: collapse; font-size: 14px; }
.gy-tablo th { padding: 0 0 8px; text-align: left; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--ds-muted-2); }
.gy-tablo td { padding: 11px 0; border-top: 1px solid var(--ds-line); vertical-align: middle; color: var(--ds-ink); }
.gy-tablo td small { display: block; margin-top: 2px; font-size: 11.5px; color: var(--ds-muted); }
.gy-durum { display: inline-block; padding: 4px 9px; border-radius: 999px; font-size: 12px; font-weight: 700; white-space: nowrap; }
.gy-durum.musait { background: #E6F7EF; color: #127048; }
.gy-durum.opsiyon { background: #FFF3DC; color: #8A5A00; }
.gy-durum.satildi { background: #F1EFF6; color: #6B6585; }
.gy-panel__btn { margin-top: 20px; justify-content: space-between; }
.gy .gy-panel__not { margin-top: 10px; font-size: 12px; color: var(--ds-muted-2); }

/* Daire gezgini */
.gy-daire { display: grid; grid-template-columns: 430px minmax(0, 1fr); gap: 18px; margin-top: 18px; }
.gy-plan { display: flex; flex-direction: column; padding: 22px 22px 18px; border-radius: 30px; background: radial-gradient(80% 60% at 0% 0%, rgba(91, 61, 245, .35) 0%, rgba(91, 61, 245, 0) 70%), #15112A; color: #FFFFFF; }
.gy-plan__ust b { display: block; font-family: var(--ds-display); font-size: 19px; letter-spacing: -.015em; }
.gy-plan__ust small { display: block; margin-top: 4px; font-size: 13px; color: rgba(255, 255, 255, .6); }
.gy-plan__cizim { position: relative; margin: auto 0; padding-top: 14px; }
.gy-plan__cizim svg { display: block; width: 100%; height: auto; }
.gy-plan__oda rect { fill: rgba(255, 255, 255, .025); cursor: pointer; transition: fill .3s ease; }
.gy-plan__oda:hover rect { fill: rgba(123, 92, 255, .16); }
.gy-plan__oda.aktif rect { fill: rgba(123, 92, 255, .34); }
.gy-plan__duvar path { fill: none; stroke: rgba(255, 255, 255, .92); stroke-width: 9; stroke-linecap: square; pointer-events: none; }
.gy-plan__duvar path.ince { stroke-width: 3; stroke-dasharray: 10 8; stroke: rgba(255, 255, 255, .55); }
.gy-plan__mobilya * { fill: none; stroke: rgba(255, 255, 255, .26); stroke-width: 2.5; pointer-events: none; }
.gy-plan__kapi path { fill: none; stroke: rgba(255, 255, 255, .4); stroke-width: 2; pointer-events: none; }
.gy-plan__yazi text { fill: rgba(255, 255, 255, .5); font-family: var(--ds-body); font-size: 15px; font-weight: 700; letter-spacing: .1em; text-anchor: middle; pointer-events: none; }
.gy-nokta { position: absolute; z-index: 2; width: 26px; height: 26px; margin: 0; padding: 0; transform: translate(-50%, -50%); border: 3px solid #FFFFFF; border-radius: 50%; background: var(--ds-violet); cursor: pointer; box-shadow: 0 0 0 0 rgba(139, 108, 255, .7); animation: gyNabiz 2.2s ease-out infinite; }
.gy-nokta span { position: absolute; left: 50%; bottom: calc(100% + 10px); transform: translateX(-50%); padding: 6px 11px; border-radius: 999px; background: #FFFFFF; color: var(--ds-ink); font: 700 12px var(--ds-body); white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity .2s ease; box-shadow: 0 8px 18px rgba(0, 0, 0, .2); }
.gy-nokta:hover span, .gy-nokta:focus-visible span, .gy-nokta[aria-pressed="true"] span { opacity: 1; }
.gy-nokta[aria-pressed="true"] { background: #FFFFFF; border-color: var(--ds-violet); }
.gy-nokta::after { content: ""; position: absolute; inset: -12px; border-radius: 50%; }
@keyframes gyNabiz { 0% { box-shadow: 0 0 0 0 rgba(139, 108, 255, .65); } 70% { box-shadow: 0 0 0 16px rgba(139, 108, 255, 0); } 100% { box-shadow: 0 0 0 0 rgba(139, 108, 255, 0); } }
.gy-oda { position: relative; min-height: 420px; overflow: hidden; border-radius: 30px; background: var(--gy-gece); box-shadow: 0 24px 50px rgba(40, 28, 90, .14); }
.gy-oda__kare { position: absolute; inset: 0; margin: 0; opacity: 0; transition: opacity .7s ease; }
.gy-oda__kare.aktif { opacity: 1; }
.gy-oda__kare img { width: 100%; height: 100%; object-fit: cover; display: block; transform: scale(1.04); transition: transform 6s ease-out; }
.gy-oda__kare.aktif img { transform: scale(1); }
.gy-oda__kare figcaption { position: absolute; left: 20px; bottom: 20px; max-width: calc(100% - 40px); padding: 14px 18px; border-radius: 18px; background: rgba(14, 11, 26, .72); border: 1px solid rgba(255, 255, 255, .14); color: #FFFFFF; backdrop-filter: blur(12px); }
.gy-oda__kare figcaption b { font-family: var(--ds-display); font-size: 19px; letter-spacing: -.015em; }
.gy-oda__kare figcaption span { margin-left: 10px; padding: 3px 9px; border-radius: 999px; background: rgba(255, 255, 255, .14); font-size: 12px; font-weight: 700; }
.gy-oda__kare figcaption small { display: block; margin-top: 4px; font-size: 13px; color: rgba(255, 255, 255, .72); }
.gy-oda__secici { position: absolute; top: 16px; right: 16px; left: 16px; z-index: 2; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.gy-oda__secici button { min-height: 36px; padding: 0 14px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .18); background: rgba(14, 11, 26, .58); color: #FFFFFF; font: 600 13px var(--ds-body); cursor: pointer; backdrop-filter: blur(10px); transition: background-color .2s ease, color .2s ease; }
.gy-oda__secici button[aria-pressed="true"] { background: #FFFFFF; color: var(--ds-ink); }

/* ───────── Süreç ───────── */
.gy-surec__izgara { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 54px; align-items: start; }
.gy-surec__sahne { position: sticky; top: 110px; aspect-ratio: 16 / 11; overflow: hidden; border-radius: 30px; background: var(--gy-gece); box-shadow: 0 24px 50px rgba(40, 28, 90, .14); }
.gy-surec__sahne img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transform: scale(1.04); transition: opacity .8s ease, transform 1.6s cubic-bezier(.2, .8, .2, 1); }
.gy-surec__sahne img.aktif { opacity: 1; transform: none; }
.gy-surec__sayac { position: absolute; left: 18px; bottom: 18px; padding: 8px 14px; border-radius: 999px; background: rgba(14, 11, 26, .7); color: rgba(255, 255, 255, .7); font-size: 13px; font-weight: 700; backdrop-filter: blur(10px); }
.gy-surec__sayac b { color: #FFFFFF; }
.gy-adimlar { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
.gy-adim { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 16px; padding: 26px; border-radius: 26px; border: 1px solid var(--ds-line); background: #FFFFFF; opacity: .5; transition: opacity .4s ease, border-color .4s ease, box-shadow .4s ease; }
.gy-adim.aktif { opacity: 1; border-color: rgba(91, 61, 245, .3); box-shadow: 0 18px 40px rgba(70, 50, 140, .1); }
.gy-adim__no { font-family: var(--ds-display); font-size: 30px; font-weight: 800; line-height: 1; color: var(--ds-violet); }
.gy-adim h3 { margin: 0; font-family: var(--ds-display); font-size: 22px; letter-spacing: -.02em; }
.gy-adim h3 i { margin-right: 6px; color: var(--ds-violet); font-size: 17px; }
.gy .gy-adim p { margin-top: 8px; font-size: 15.5px; }
.gy-adim__cikti { display: inline-flex; align-items: center; gap: 7px; margin-top: 14px; padding: 6px 12px; border-radius: 999px; background: #F0ECFF; color: var(--ds-violet-deep); font-size: 13px; font-weight: 700; }
.gy-adim__gorsel { display: none; }

/* ───────── Sunum formatları ───────── */
.gy-sekmeler__liste { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
.gy-sekmeler__liste button { display: inline-flex; align-items: center; gap: 9px; min-height: 48px; padding: 0 20px; border: 1px solid var(--ds-line); border-radius: 999px; background: #FFFFFF; color: var(--ds-ink); font: 600 15px var(--ds-body); cursor: pointer; transition: background-color .2s ease, color .2s ease, border-color .2s ease; }
.gy-sekmeler__liste button i { color: var(--ds-violet); }
.gy-sekmeler__liste button[aria-selected="true"] { background: var(--ds-ink); border-color: var(--ds-ink); color: #FFFFFF; }
.gy-sekmeler__liste button[aria-selected="true"] i { color: var(--ds-lavender); }
.gy-sekme { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); overflow: hidden; border-radius: 30px; border: 1px solid var(--ds-line); background: #FFFFFF; box-shadow: var(--ds-shadow); }
.gy-sekme[hidden] { display: none; }
.gy-sekme__gorsel { min-height: 360px; }
.gy-sekme__gorsel img { width: 100%; height: 100%; object-fit: cover; display: block; }
.gy-sekme__metin { padding: 40px; }
.gy-sekme__metin h3 { margin: 0; font-family: var(--ds-display); font-size: 32px; letter-spacing: -.025em; }
.gy .gy-sekme__metin > p { margin-top: 12px; }
.gy-sekme__metin dl { display: grid; gap: 16px; margin: 26px 0 0; }
.gy-sekme__metin dt { font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--ds-muted-2); }
.gy-sekme__metin dt i { color: var(--ds-violet); margin-right: 4px; }
.gy-sekme__metin dd { margin: 5px 0 0; font-size: 15px; line-height: 1.55; color: var(--ds-ink); }
.gy-teslim { margin-top: 18px; padding: 26px 30px; border-radius: 26px; background: var(--ds-bg); }
.gy-teslim b { font-family: var(--ds-display); font-size: 20px; letter-spacing: -.015em; }
.gy-teslim ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px 22px; margin: 16px 0 0; padding: 0; list-style: none; }
.gy-teslim li { display: flex; gap: 10px; font-size: 15px; line-height: 1.45; color: var(--ds-ink); }
.gy-teslim li i { margin-top: 3px; color: var(--ds-violet); font-size: 13px; }

/* ───────── Satışa etkisi ───────── */
.gy-satis { margin-top: 110px; padding: 120px 0; color: #FFFFFF;
  background: radial-gradient(55% 70% at 100% 0%, rgba(91, 61, 245, .42) 0%, rgba(91, 61, 245, 0) 70%), radial-gradient(45% 60% at 0% 100%, rgba(255, 191, 166, .12) 0%, rgba(255, 191, 166, 0) 70%), var(--gy-gece); }
.gy-satis__izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.gy-satis__kart { padding: 28px; border-radius: 26px; background: rgba(255, 255, 255, .05); border: 1px solid var(--gy-cizgi-acik); }
.gy-satis__kart > span { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 14px; background: linear-gradient(135deg, var(--ds-violet), #8B6CFF); font-size: 17px; box-shadow: 0 12px 24px rgba(91, 61, 245, .35); }
.gy-satis__kart h3 { margin: 18px 0 0; font-family: var(--ds-display); font-size: 21px; line-height: 1.2; letter-spacing: -.02em; color: #FFFFFF; }
.gy .gy-satis__kart p { margin-top: 8px; font-size: 15px; color: rgba(255, 255, 255, .7); }
.gy-veri { margin-top: 22px; padding: 34px; border-radius: 30px; background: linear-gradient(120deg, rgba(91, 61, 245, .34) 0%, rgba(91, 61, 245, .08) 100%); border: 1px solid rgba(185, 166, 255, .25); }
.gy-veri h3 { margin: 0; font-family: var(--ds-display); font-size: 22px; color: #FFFFFF; }
.gy-veri__izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 22px; }
.gy-veri figure { margin: 0; }
.gy-veri figure > b { display: block; font-family: var(--ds-display); font-size: clamp(48px, 5vw, 72px); font-weight: 800; line-height: 1; letter-spacing: -.04em; background: linear-gradient(100deg, #FFFFFF 0%, #C9BAFF 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.gy-veri figcaption strong { display: block; margin-top: 10px; font-size: 16px; color: #FFFFFF; }
.gy-veri figcaption span { display: block; margin-top: 6px; font-size: 13.5px; line-height: 1.5; color: rgba(255, 255, 255, .66); }
.gy-veri figcaption a { display: inline-block; margin-top: 10px; font-size: 12.5px; font-weight: 600; color: var(--ds-lavender) !important; text-decoration: none; }
.gy-veri figcaption a:hover { text-decoration: underline; }
.gy .gy-veri__not { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--gy-cizgi-acik); font-size: 13px; color: rgba(255, 255, 255, .55); }

/* ───────── Teknik, kimler ───────── */
.gy-teknik__izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.gy-teknik__kart { padding: 28px; border-radius: 26px; border: 1px solid var(--ds-line); background: #FFFFFF; box-shadow: var(--ds-shadow); }
.gy-teknik__ikon { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 14px; background: #F0ECFF; color: var(--ds-violet); font-size: 18px; }
.gy-teknik__kart h3, .gy-kim h3 { margin: 18px 0 0; font-family: var(--ds-display); font-size: 21px; letter-spacing: -.02em; }
.gy .gy-teknik__kart p, .gy .gy-kim p { margin-top: 8px; font-size: 15px; }
.gy-kimler__izgara { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.gy-kim { padding: 28px; border-radius: 26px; background: var(--ds-bg); }
.gy-kim > span { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 50%; background: #FFFFFF; color: var(--ds-violet); font-size: 18px; box-shadow: var(--ds-shadow); }

/* ───────── Rehber, SSS, ilgili ───────── */
.gy-rehber__ic { max-width: 820px; margin: 0 auto; }
.gy-rehber__ic > .ds-h3 { margin-top: 16px; font-size: clamp(28px, 3vw, 38px); }
.gy-prose { margin-top: 22px; }
.gy-prose h2 { margin: 34px 0 0; font-family: var(--ds-display); font-size: 25px; letter-spacing: -.02em; }
.gy-prose h3 { margin: 24px 0 0; font-family: var(--ds-display); font-size: 20px; }
.gy .gy-prose p { margin-top: 12px; }
.gy-prose ul { margin: 12px 0 0; padding-left: 20px; color: var(--ds-muted); line-height: 1.65; }
.gy-prose li + li { margin-top: 6px; }
.gy-prose strong { color: var(--ds-ink); }
.gy-sss__izgara { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 50px; align-items: start; }
.gy-sss__liste { display: grid; gap: 10px; }
.gy-soru { border-radius: 22px; border: 1px solid var(--ds-line); background: #FFFFFF; }
.gy-soru summary { display: grid; grid-template-columns: 34px minmax(0, 1fr) 20px; gap: 12px; align-items: center; padding: 20px 22px; cursor: pointer; list-style: none; font-family: var(--ds-display); font-size: 18px; font-weight: 700; letter-spacing: -.01em; color: var(--ds-ink); }
.gy-soru summary::-webkit-details-marker { display: none; }
.gy-soru summary span { font-size: 13px; color: var(--ds-violet); }
.gy-soru summary i { color: var(--ds-muted-2); transition: transform .25s ease; }
.gy-soru[open] summary i { transform: rotate(45deg); color: var(--ds-violet); }
.gy .gy-soru p { padding: 0 22px 22px 68px; font-size: 15.5px; }
.gy-ilgili__kutu { padding: 34px; border-radius: 30px; background: var(--ds-bg); }
.gy-ilgili__kutu .ds-h3 { margin-top: 14px; }
.gy-ilgili__baglantilar { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.gy-ilgili__baglantilar a { display: inline-flex; align-items: center; gap: 9px; min-height: 44px; padding: 0 18px; border-radius: 999px; background: #FFFFFF; border: 1px solid var(--ds-line); color: var(--ds-ink) !important; font-size: 14.5px; font-weight: 600; text-decoration: none !important; transition: border-color .2s ease, transform .2s ease; }
.gy-ilgili__baglantilar a i { color: var(--ds-violet); }
.gy-ilgili__baglantilar a:hover { border-color: rgba(91, 61, 245, .4); transform: translateY(-2px); }

/* ───────── Son çağrı ───────── */
.gy-son { position: relative; margin-top: 120px; padding: 150px 0; overflow: hidden; background: var(--gy-gece); color: #FFFFFF; text-align: center; }
.gy-son__arka { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .55; }
.gy-son::after { content: ""; position: absolute; inset: 0; background: radial-gradient(70% 90% at 50% 50%, rgba(14, 11, 26, .55) 0%, rgba(14, 11, 26, .92) 100%); }
.gy-son__ic { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; }
.gy-son .ds-h2 { margin-top: 18px; max-width: 14ch; color: #FFFFFF; font-size: clamp(40px, 5.4vw, 76px); }
.gy .gy-son p { margin-top: 18px; max-width: 560px; color: rgba(255, 255, 255, .78); font-size: 17.5px; }
.gy-son .gy-hero__dugmeler { justify-content: center; }

/* ───────── Film penceresi ───────── */
.gy-pencere { width: min(1120px, 94vw); max-width: none; max-height: none; padding: 0; border: 0; border-radius: 22px; overflow: hidden; background: #000000; color: #FFFFFF; }
.gy-pencere::backdrop { background: rgba(8, 6, 16, .88); backdrop-filter: blur(6px); }
.gy-pencere video { display: block; width: 100%; aspect-ratio: 16 / 9; background: #000000; }
.gy .gy-pencere p { margin: 0; padding: 14px 20px; font-size: 14px; color: rgba(255, 255, 255, .8); }
.gy-pencere__kapat { position: absolute; top: 12px; right: 12px; z-index: 2; width: 44px; height: 44px; display: grid; place-items: center; border: 0; border-radius: 50%; background: rgba(14, 11, 26, .72); color: #FFFFFF; font-size: 18px; cursor: pointer; }

/* ───────── Duyarlı düzen ───────── */
@media (max-width: 1199.98px) {
  .gy-bento { grid-auto-rows: 230px; }
  .gy-secici { grid-template-columns: minmax(0, 1fr) 330px; }
  .gy-daire { grid-template-columns: 380px minmax(0, 1fr); }
  .gy-teknik__izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gy-kimler__izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 991.98px) {
  .gy-hero { min-height: 720px; padding: 140px 0 110px; }
  .gy .gy-hero__not { left: 24px; right: 90px; max-width: none; bottom: 30px; }
  .gy-hero__asagi { display: none; }
  .gy-bento { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 280px; }
  .gy-kart, .gy-kart.k-yorunge, .gy-kart.k-secici { grid-column: span 1; }
  .gy-kart.k-film { grid-column: span 2; grid-row: span 1; }
  .gy-filmler { padding: 90px 0; }
  .gy-film-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gy-secici, .gy-daire { grid-template-columns: minmax(0, 1fr); }
  .gy-oda { min-height: 0; aspect-ratio: 4 / 3; }
  .gy-surec__izgara { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .gy-surec__sahne { display: none; }
  .gy-adim { opacity: 1; }
  .gy-adim__gorsel { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; margin-top: 16px; border-radius: 18px; }
  .gy-sekme { grid-template-columns: minmax(0, 1fr); }
  .gy-sekme__gorsel { min-height: 0; aspect-ratio: 16 / 9; }
  .gy-sekme__metin { padding: 28px; }
  .gy-teslim ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gy-satis { padding: 90px 0; }
  .gy-satis__izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gy-sss__izgara { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .gy-son { padding: 120px 0; }
}

@media (max-width: 767.98px) {
  .gy-hero { min-height: 680px; padding: 124px 0 120px; align-items: flex-end; }
  .gy-hero__medya::after { background: linear-gradient(0deg, rgba(14, 11, 26, .95) 0%, rgba(14, 11, 26, .7) 45%, rgba(14, 11, 26, .25) 100%); }
  .gy-h1 { font-size: clamp(40px, 11vw, 54px); }
  .gy-h1 small { margin-bottom: 14px; font-size: 12px; }
  .gy .gy-hero__giris { font-size: 16.5px; }
  .gy-hero__dugmeler { flex-direction: column; align-items: stretch; }
  .gy-hero__dugmeler .ds-btn { justify-content: space-between; }
  .gy-hero__cipler { gap: 6px; margin-top: 26px; }
  .gy-hero__cipler li { padding: 6px 12px; font-size: 12px; }
  .gy .gy-hero__not { bottom: 24px; left: 16px; right: 84px; }
  .gy-baslik { margin-bottom: 32px; }
  .gy-baslik > p { font-size: 16px; }
  .gy-bento { grid-template-columns: minmax(0, 1fr); grid-auto-rows: 300px; gap: 14px; }
  .gy-kart.k-film { grid-column: span 1; }
  .gy-kart { border-radius: 24px; }
  .gy-kart__metin { left: 20px; right: 20px; bottom: 20px; }
  .gy-filmler, .gy-satis { margin-top: 80px; padding: 76px 0; }
  .gy-film-izgara { grid-template-columns: minmax(0, 1fr); gap: 26px; }
  .gy-bina { aspect-ratio: 4 / 3; border-radius: 24px; }
  .gy-bina__ipucu { display: none; }
  .gy-panel { padding: 20px; border-radius: 24px; }
  .gy-plan { padding: 18px 16px 14px; border-radius: 24px; }
  .gy-nokta { width: 24px; height: 24px; }
  .gy-oda { border-radius: 24px; }
  .gy-oda__secici { position: static; justify-content: flex-start; padding: 0; }
  .gy-oda { display: flex; flex-direction: column; aspect-ratio: auto; background: transparent; box-shadow: none; overflow: visible; }
  .gy-oda__kare { position: relative; inset: auto; display: none; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 24px; opacity: 1; }
  .gy-oda__kare.aktif { display: block; }
  .gy-oda__kare figcaption { left: 12px; bottom: 12px; max-width: calc(100% - 24px); padding: 10px 14px; }
  .gy-oda__secici { order: 2; margin-top: 10px; }
  .gy-oda__secici button { background: #FFFFFF; color: var(--ds-ink); border-color: var(--ds-line); backdrop-filter: none; }
  .gy-oda__secici button[aria-pressed="true"] { background: var(--ds-ink); color: #FFFFFF; }
  .gy-adim { grid-template-columns: minmax(0, 1fr); gap: 10px; padding: 22px; }
  .gy-adim__no { font-size: 24px; }
  .gy-sekmeler__liste { flex-wrap: nowrap; overflow-x: auto; margin-inline: -16px; padding: 2px 16px 6px; scrollbar-width: none; }
  .gy-sekmeler__liste::-webkit-scrollbar { display: none; }
  .gy-sekmeler__liste button { flex: 0 0 auto; }
  .gy-sekme { border-radius: 24px; }
  .gy-sekme__metin { padding: 22px; }
  .gy-sekme__metin h3 { font-size: 26px; }
  .gy-teslim { padding: 22px; }
  .gy-teslim ul { grid-template-columns: minmax(0, 1fr); }
  .gy-satis__izgara, .gy-veri__izgara, .gy-teknik__izgara, .gy-kimler__izgara { grid-template-columns: minmax(0, 1fr); }
  .gy-veri { padding: 24px; }
  .gy-soru summary { grid-template-columns: 28px minmax(0, 1fr) 18px; padding: 18px; font-size: 16.5px; }
  .gy .gy-soru p { padding: 0 18px 18px 18px; }
  .gy-ilgili__kutu { padding: 24px; }
  .gy-son { margin-top: 90px; padding: 100px 0; }
  .gy-pencere { width: 100vw; border-radius: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .gy-hero__asagi, .gy-nokta { animation: none; }
  .gy-kart__medya video, .gy-kart__medya img, .gy-oda__kare img, .gy-surec__sahne img { transition: none; transform: none; }
}

/* ═════════ Uçtan uca zincir ═════════ */
.gy-zincir { padding: 96px 0 0; }
.gy-zincir__ust { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 40px; align-items: end; margin-bottom: 40px; }
.gy-zincir__ust .ds-h2 { margin-top: 18px; }
.gy .gy-zincir__ust > p { font-size: 17px; }
.gy-zincir__liste { position: relative; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; counter-reset: z; }
.gy-zincir__liste::before { content: ""; position: absolute; left: 6%; right: 6%; top: 58px; height: 2px; background: repeating-linear-gradient(90deg, rgba(91, 61, 245, .35) 0 8px, transparent 8px 14px); }
.gy-zincir__liste li { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; min-height: 100%; padding: 22px 20px 22px; border-radius: 24px; background: #FFFFFF; border: 1px solid var(--ds-line); box-shadow: var(--ds-shadow); }
.gy-zincir__liste li:last-child { background: radial-gradient(90% 80% at 100% 0%, rgba(139, 108, 255, .45) 0%, rgba(139, 108, 255, 0) 70%), #15112A; border-color: transparent; color: #FFFFFF; }
.gy-zincir__no { position: absolute; top: 18px; right: 18px; font-family: var(--ds-display); font-size: 13px; font-weight: 800; color: var(--ds-muted-2); }
.gy-zincir__liste li:last-child .gy-zincir__no { color: rgba(255, 255, 255, .5); }
.gy-zincir__ikon { position: relative; z-index: 1; width: 52px; height: 52px; display: grid; place-items: center; margin-bottom: 10px; border-radius: 16px; background: linear-gradient(135deg, var(--ds-violet), #8B6CFF); color: #FFFFFF; font-size: 19px; box-shadow: 0 12px 24px rgba(91, 61, 245, .3); }
.gy-zincir__liste li:last-child .gy-zincir__ikon { background: #FFFFFF; color: var(--ds-violet); }
.gy-zincir__liste b { font-family: var(--ds-display); font-size: 19px; letter-spacing: -.015em; }
.gy-zincir__liste small { font-size: 13.5px; line-height: 1.5; color: var(--ds-muted); }
.gy-zincir__liste li:last-child small { color: rgba(255, 255, 255, .72); }

/* ═════════ Hizmet kapsamı ═════════ */
.gy-kapsam__gruplar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; align-items: stretch; }
.gy-kapsam__grup { padding: 26px; border-radius: 28px; background: var(--ds-bg); }
.gy-kapsam__grup h3 { display: flex; align-items: center; gap: 12px; margin: 0 0 16px; font-family: var(--ds-display); font-size: 22px; letter-spacing: -.02em; }
.gy-kapsam__grup h3 span { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px; background: var(--ds-ink); color: #FFFFFF; font-size: 15px; }
.gy-kapsam__grup h3 small { margin-left: auto; font-size: 13px; font-weight: 800; color: var(--ds-muted-2); }
.gy-kapsam__liste { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.gy-kapsam__liste li { display: grid; grid-template-columns: 38px minmax(0, 1fr); column-gap: 12px; padding: 14px; border-radius: 18px; background: #FFFFFF; border: 1px solid var(--ds-line); transition: transform .25s ease, box-shadow .25s ease; }
.gy-kapsam__liste li:hover { transform: translateY(-2px); box-shadow: 0 14px 30px rgba(70, 50, 140, .1); }
.gy-kapsam__liste li > i { grid-row: span 2; width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; background: #F0ECFF; color: var(--ds-violet); font-size: 15px; }
.gy-kapsam__liste b { font-size: 15.5px; line-height: 1.3; color: var(--ds-ink); }
.gy-kapsam__liste small { margin-top: 3px; font-size: 13.5px; line-height: 1.45; color: var(--ds-muted); }

/* ═════════ Satış CRM'i ═════════ */
.gy-crm__demo { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 18px; align-items: stretch; }
.gy-crm__ekran { display: flex; flex-direction: column; gap: 14px; padding: 18px; border-radius: 30px; background: radial-gradient(70% 60% at 0% 0%, rgba(91, 61, 245, .35) 0%, rgba(91, 61, 245, 0) 70%), #15112A; color: #FFFFFF; }
.gy-crm__etiket { align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px; border-radius: 999px; background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .16); font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.gy-crm__etiket.koyu { background: #F0ECFF; border-color: transparent; color: var(--ds-violet-deep); }
.gy-crm__bina { position: relative; flex: 1; min-height: 300px; overflow: hidden; border-radius: 20px; background: #0E0B1A; }
.gy-crm__bina img, .gy-crm__bina svg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.gy-crm__kat { stroke-width: 3; stroke-linejoin: round; transition: fill .5s ease, stroke .5s ease; }
.gy-crm__kat.musait { fill: rgba(31, 169, 113, .42); stroke: #6EE7B7; }
.gy-crm__kat.opsiyon { fill: rgba(245, 158, 11, .42); stroke: #FCD34D; }
.gy-crm__kat.satildi { fill: rgba(30, 26, 48, .55); stroke: rgba(255, 255, 255, .35); }
.gy-crm__kat.parla { animation: gyParla 1.1s ease-out; }
@keyframes gyParla { 0% { stroke-width: 3; filter: none; } 30% { stroke-width: 10; filter: brightness(1.6); } 100% { stroke-width: 3; filter: none; } }
.gy-crm__bildirim { position: absolute; left: 14px; right: 14px; bottom: 14px; display: flex; align-items: center; gap: 10px; padding: 11px 16px; border-radius: 16px; background: rgba(255, 255, 255, .95); color: var(--ds-muted); font-size: 13px; box-shadow: 0 14px 30px rgba(0, 0, 0, .3); opacity: 0; transform: translateY(10px); transition: opacity .3s ease, transform .3s ease; pointer-events: none; }
.gy-crm__bildirim.gorunur { opacity: 1; transform: none; }
.gy-crm__bildirim b { color: var(--ds-ink); }
.gy-crm__bildirim i, .gy-crm__lejant i { width: 10px; height: 10px; flex: 0 0 10px; border-radius: 50%; }
.gy-crm__bildirim i.musait, .gy-crm__lejant i.musait { background: #1FA971; }
.gy-crm__bildirim i.opsiyon, .gy-crm__lejant i.opsiyon { background: #F59E0B; }
.gy-crm__bildirim i.satildi, .gy-crm__lejant i.satildi { background: #6B6585; }
.gy-crm__lejant { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 0; padding: 0 4px; list-style: none; font-size: 13px; color: rgba(255, 255, 255, .78); }
.gy-crm__lejant li { display: inline-flex; align-items: center; gap: 8px; }
.gy-crm__panel { display: flex; flex-direction: column; gap: 16px; padding: 22px; border-radius: 30px; background: #FFFFFF; border: 1px solid var(--ds-line); box-shadow: var(--ds-shadow); }
.gy-crm__panel-ust { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.gy-crm__canli { display: inline-flex; align-items: center; gap: 7px; font-size: 12.5px; font-weight: 700; color: #127048; }
.gy-crm__canli i { width: 8px; height: 8px; border-radius: 50%; background: #1FA971; box-shadow: 0 0 0 0 rgba(31, 169, 113, .6); animation: gyCanli 1.8s ease-out infinite; }
@keyframes gyCanli { 0% { box-shadow: 0 0 0 0 rgba(31, 169, 113, .55); } 70% { box-shadow: 0 0 0 8px rgba(31, 169, 113, 0); } 100% { box-shadow: 0 0 0 0 rgba(31, 169, 113, 0); } }
.gy-crm__sayilar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.gy-crm__sayilar > div { padding: 12px 12px 10px; border-radius: 16px; background: var(--ds-bg); border-top: 3px solid transparent; }
.gy-crm__sayilar > .musait { border-top-color: #1FA971; }
.gy-crm__sayilar > .opsiyon { border-top-color: #F59E0B; }
.gy-crm__sayilar > .satildi { border-top-color: #6B6585; }
.gy-crm__sayilar > .oran { border-top-color: var(--ds-violet); }
.gy-crm__sayilar b { display: block; font-family: var(--ds-display); font-size: 26px; line-height: 1; letter-spacing: -.03em; color: var(--ds-ink); }
.gy-crm__sayilar small { display: block; margin-top: 5px; font-size: 12px; font-weight: 600; color: var(--ds-muted); }
.gy-crm__izgara { display: grid; gap: 8px; }
.gy-crm__satir { display: grid; grid-template-columns: 54px minmax(0, 1fr); align-items: center; gap: 10px; }
.gy-crm__satir > span { font-size: 12.5px; font-weight: 700; color: var(--ds-muted); }
.gy-crm__satir > div { display: flex; gap: 8px; }
.gy-crm__daire { flex: 1; min-width: 0; min-height: 52px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 6px 12px; border-radius: 14px; border: 1.5px solid transparent; font: inherit; text-align: left; cursor: pointer; transition: background-color .3s ease, border-color .3s ease, transform .15s ease; }
.gy-crm__daire:hover { transform: translateY(-2px); }
.gy-crm__daire:active { transform: scale(.97); }
.gy-crm__daire b { font-size: 14px; color: var(--ds-ink); }
.gy-crm__daire small { font-size: 11px; color: var(--ds-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.gy-crm__daire.musait { background: #E6F7EF; border-color: #A7E3C4; }
.gy-crm__daire.opsiyon { background: #FFF3DC; border-color: #F5D08A; }
.gy-crm__daire.satildi { background: #F1EFF6; border-color: #DDD8EA; }
.gy-crm__daire.satildi b { color: var(--ds-muted); text-decoration: line-through; text-decoration-thickness: 1.5px; }
.gy-crm__daire:focus-visible { outline: 3px solid var(--ds-violet-2); outline-offset: 2px; }
.gy .gy-crm__ipucu { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--ds-violet-deep); }
.gy-crm__talepler { padding-top: 14px; border-top: 1px solid var(--ds-line); }
.gy-crm__talepler > b { font-size: 13px; letter-spacing: .06em; text-transform: uppercase; color: var(--ds-muted-2); }
.gy-crm__talepler ul { display: grid; gap: 8px; margin: 10px 0 0; padding: 0; list-style: none; }
.gy-crm__talepler li { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 10px; font-size: 13.5px; color: var(--ds-muted); }
.gy-crm__talepler strong { color: var(--ds-ink); }
.gy-crm__talepler small { font-size: 12px; color: var(--ds-muted-2); }
.gy-crm__avatar { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; background: #F0ECFF; color: var(--ds-violet-deep); font-size: 11.5px; font-weight: 800; }
.gy .gy-crm__not { font-size: 12px; color: var(--ds-muted-2); }
.gy-crm__ozellikler { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-top: 18px; }
.gy-crm__ozellik { padding: 22px; border-radius: 24px; background: var(--ds-bg); }
.gy-crm__ozellik > span { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; background: #FFFFFF; color: var(--ds-violet); font-size: 16px; box-shadow: var(--ds-shadow); }
.gy-crm__ozellik h3 { margin: 14px 0 0; font-family: var(--ds-display); font-size: 18px; letter-spacing: -.015em; }
.gy .gy-crm__ozellik p { margin-top: 6px; font-size: 14px; line-height: 1.55; }

/* Rehber: "Devamını oku" yalnızca telefon/tablette */
.gy-devam { display: none; }

@media (max-width: 1199.98px) {
  .gy-zincir__liste { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .gy-zincir__liste::before { display: none; }
  .gy-kapsam__gruplar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gy-crm__ozellikler { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ═════════ Telefon ve tablet: kaydırmalı şeritler (diğer sayfalardaki düzenle aynı) ═════════ */
@media (max-width: 991.98px) {
  .gy { --gy-kenar: 24px; }
  .gy .gy-serit {
    --w: min(84%, 340px);
    position: relative; display: flex; flex-wrap: nowrap; align-items: stretch; gap: 12px; grid-template-columns: none;
    overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; scroll-snap-type: x mandatory;
    scroll-padding-inline: var(--gy-kenar); margin-inline: calc(var(--gy-kenar) * -1); padding: 6px var(--gy-kenar) 24px;
    scrollbar-width: none; -webkit-overflow-scrolling: touch;
  }
  .gy .gy-serit::-webkit-scrollbar { display: none; }
  .gy .gy-serit > * { flex: 0 0 var(--w); min-width: 0; scroll-snap-align: start; }
  .gy .gy-serit > .ds-belir { transform: none; }
  .gy .gy-noktalar { margin: -8px 0 4px; }

  .gy .gy-bento { --w: min(84%, 360px); }
  .gy .gy-bento > .gy-kart { height: 360px; grid-column: auto; grid-row: auto; }
  .gy .gy-zincir__liste { --w: min(64%, 240px); }
  .gy-zincir__liste li:not(:last-child)::after { content: "\f061"; position: absolute; right: -11px; top: 50%; z-index: 2; width: 22px; height: 22px; margin-top: -11px; display: grid; place-items: center; border-radius: 50%; background: #FFFFFF; border: 1px solid var(--ds-line); color: var(--ds-violet); font: 900 10px 'Font Awesome 6 Pro'; }
  .gy .gy-kapsam__liste { --w: min(74%, 270px); }
  .gy .gy-kapsam__liste li { grid-template-columns: minmax(0, 1fr); row-gap: 10px; align-content: start; }
  .gy .gy-kapsam__liste li > i { grid-row: auto; }
  .gy .gy-film-izgara { --w: min(84%, 360px); }
  .gy .gy-crm__ozellikler { --w: min(74%, 280px); margin-top: 14px; }
  .gy .gy-adimlar { --w: min(86%, 360px); gap: 12px; }
  .gy .gy-adimlar .gy-adim { display: flex; flex-direction: column; gap: 8px; padding: 20px; }
  .gy .gy-adimlar .gy-adim > div { display: flex; flex: 1; flex-direction: column; align-items: flex-start; }
  .gy .gy-adimlar .gy-adim__gorsel { margin-top: auto; padding-top: 0; }
  .gy .gy-adimlar .gy-adim__cikti { margin-bottom: 16px; }
  .gy .gy-satis__izgara { --w: min(80%, 320px); }
  .gy .gy-veri__izgara { --w: min(72%, 270px); gap: 18px; }
  .gy .gy-teknik__izgara { --w: min(80%, 320px); }
  .gy .gy-kimler__izgara { --w: min(74%, 290px); }
  .gy-satis .gy-noktalar i, .gy-filmler .gy-noktalar i { background: rgba(255, 255, 255, .22); }
  .gy-satis .gy-noktalar i.aktif, .gy-filmler .gy-noktalar i.aktif { background: #FFFFFF; }

  .gy-zincir { padding-top: 72px; }
  .gy-zincir__ust { grid-template-columns: minmax(0, 1fr); gap: 14px; margin-bottom: 26px; }
  .gy-kapsam__gruplar { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .gy-kapsam__grup { padding: 20px 20px 4px; border-radius: 24px; background: transparent; padding-inline: 0; }
  .gy-kapsam__grup h3 { font-size: 19px; margin-bottom: 8px; }
  .gy-crm__demo { grid-template-columns: minmax(0, 1fr); }
  .gy-crm__bina { min-height: 0; aspect-ratio: 16 / 10; flex: none; }
  .gy-prose[data-gy-kisalt] { position: relative; max-height: 440px; overflow: hidden; }
  .gy-prose[data-gy-kisalt]::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 120px; background: linear-gradient(180deg, rgba(255, 255, 255, 0), #FFFFFF); }
  .gy-prose[data-gy-kisalt].acik { max-height: none; }
  .gy-prose[data-gy-kisalt].acik::after { display: none; }
  .gy-devam { display: inline-flex; align-items: center; gap: 8px; min-height: 46px; margin-top: 10px; padding: 0 20px; border: 1px solid var(--ds-line); border-radius: 999px; background: #FFFFFF; color: var(--ds-ink); font: 700 14px var(--ds-body); cursor: pointer; }
  .gy-devam[aria-expanded="true"] i { transform: rotate(180deg); }
}

@media (max-width: 767.98px) {
  .gy { --gy-kenar: 16px; }
  .gy .ds-bolum { padding-top: 64px; }
  .gy-zincir { padding-top: 60px; }
  .gy-filmler, .gy-satis { margin-top: 64px; padding: 64px 0; }
  .gy-son { margin-top: 72px; }
  .gy .gy-bento > .gy-kart { height: 330px; }
  .gy-crm__panel { padding: 16px; border-radius: 24px; }
  .gy-crm__ekran { padding: 12px; border-radius: 24px; }
  .gy-crm__sayilar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gy-crm__satir { grid-template-columns: 44px minmax(0, 1fr); gap: 8px; }
  .gy-crm__satir > div { gap: 6px; }
  .gy-crm__daire { padding: 6px 9px; min-height: 48px; }
  .gy-crm__daire small { font-size: 10px; }
  .gy-crm__talepler li { grid-template-columns: 30px minmax(0, 1fr); }
  .gy-crm__talepler li small { grid-column: 2; margin-top: -4px; }
  .gy-crm__avatar { width: 30px; height: 30px; font-size: 10.5px; }
}
@media (prefers-reduced-motion: reduce) { .gy-crm__canli i, .gy-crm__kat.parla { animation: none; } }