/* =========================================================================
   LoggyGo — açık yeşil ferah zemin, koyu orman yeşili metin, canlı yeşil eylem.
   İmza öğe: hero'da kendi kendine yazılan "konuşarak ilan" kutusu.
   ========================================================================= */
body.fv-loggygo {
	--display: 'Plus Jakarta Sans', 'Segoe UI', system-ui, sans-serif;
	--govde: 'Plus Jakarta Sans', 'Segoe UI', system-ui, sans-serif;
	--lg-orman: #013227;
	--lg-gece: #0D2724;
	--lg-yesil: #79D358;
	--lg-acik: #EEF9E6;
	--lg-cizgi: #D6E8CC;
	--lg-gri: #46574F;
	--odak: #013227;
	color: var(--lg-gece);
	background: #fff;
}
.lg-ust { position: sticky; top: env(safe-area-inset-top, 0px); z-index: 60; background: rgba(255, 255, 255, .92); backdrop-filter: blur(12px); transition: box-shadow .3s; }
.lg-ust.is-kaydi { box-shadow: 0 1px 0 var(--lg-cizgi); }
.lg-ust-ic { display: flex; align-items: center; justify-content: space-between; gap: 20px; height: 70px; }
.lg-marka { flex: none; }
.lg-marka img { height: 34px; width: auto; }
body.fv-loggygo .fv-menu a { color: var(--lg-gri); }
body.fv-loggygo .fv-menu a:hover { background: var(--lg-acik); color: var(--lg-orman); }
@media (max-width: 960px) { .fv-ust-sag .lg-ust-cta { display: none; } }

.lg-btn { display: inline-flex; align-items: center; justify-content: center; gap: .4em; padding: .95em 1.5em; border-radius: 99px; font: 700 .97rem/1 var(--govde); border: 1.5px solid transparent; transition: background .2s, border-color .2s; white-space: nowrap; min-height: 48px; }
.lg-btn-yesil { background: var(--lg-yesil); color: var(--lg-gece); }
.lg-btn-yesil:hover { background: #68C449; }
.lg-btn-koyu { background: var(--lg-orman); color: #fff; }
.lg-btn-koyu:hover { background: var(--lg-gece); }
.lg-btn-cizgi { border-color: #BFD8B1; color: var(--lg-orman); background: #fff; }
.lg-btn-cizgi:hover { border-color: var(--lg-orman); }
.lg-btn-kucuk { padding: .7em 1.1em; min-height: 0; font-size: .9rem; }

.lg-h1 { font: 800 clamp(2.3rem, 4.2vw, 3.8rem)/1.05 var(--display); letter-spacing: -.035em; color: var(--lg-gece); text-wrap: balance; }
.lg-h2 { font: 800 clamp(1.8rem, 3vw, 2.6rem)/1.1 var(--display); letter-spacing: -.03em; color: var(--lg-gece); text-wrap: balance; }

.lg-hero { padding-block: clamp(40px, 6vw, 80px) clamp(64px, 8vw, 110px); background: radial-gradient(70% 90% at 50% 0%, #DDF5CF, transparent 70%), var(--lg-acik); overflow: hidden; }
.lg-hero-ic { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 4vw, 64px); align-items: center; }
.lg-hero-metin { display: flex; flex-direction: column; gap: 22px; align-items: flex-start; min-width: 0; }
.lg-cip { padding: .45em 1em; border-radius: 99px; background: #fff; color: var(--lg-orman); font-size: .88rem; font-weight: 700; box-shadow: 0 0 0 1px var(--lg-cizgi); }
.lg-alt { font-size: 1.1rem; color: var(--lg-gri); max-width: 34em; line-height: 1.6; }
.lg-btnler { display: flex; flex-wrap: wrap; gap: 12px; }
.lg-sor { display: flex; align-items: center; gap: 12px; width: min(100%, 520px); padding: 8px 8px 8px 10px; border-radius: 22px; background: #fff; box-shadow: 0 0 0 1px var(--lg-cizgi), 0 20px 40px -26px rgba(1, 50, 39, .45); }
.lg-mik { width: 42px; height: 42px; border-radius: 50%; background: var(--lg-yesil); display: grid; place-items: center; flex: none; }
.lg-mik svg { width: 20px; height: 20px; fill: none; stroke: var(--lg-gece); stroke-width: 2; stroke-linecap: round; }
.lg-sor-metin { flex: 1; min-width: 0; color: var(--lg-gri); font-size: .98rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lg-sor-metin.is-yaziyor::after { content: ''; display: inline-block; width: 2px; height: 1.1em; margin-left: 2px; vertical-align: -3px; background: var(--lg-orman); animation: lg-imlec 1s steps(1) infinite; }
@keyframes lg-imlec { 50% { opacity: 0; } }
.lg-sor-btn { flex: none; padding: .7em 1.1em; border-radius: 14px; background: var(--lg-gece); color: #fff; font-weight: 700; font-size: .9rem; }
.lg-sahne { position: relative; padding-bottom: 40px; min-width: 0; }
.lg-pencere { position: relative; margin: 0; border-radius: 16px; overflow: hidden; background: #fff; box-shadow: 0 0 0 1px var(--lg-cizgi), 0 30px 60px -30px rgba(1, 50, 39, .4); }
.lg-pencere-ust { display: flex; gap: 6px; align-items: center; height: 28px; padding-inline: 12px; background: #F6FBF2; border-bottom: 1px solid var(--lg-cizgi); }
.lg-pencere-ust i { width: 9px; height: 9px; border-radius: 50%; background: #CFE3C4; }
.lg-pencere-ust b { margin-left: 10px; font: 600 .72rem var(--govde); color: #56705F; }
.lg-pencere img { display: block; width: 100%; height: auto; }
.lg-tel { position: absolute; right: -2%; bottom: 0; width: 26%; margin: 0; border-radius: 26px; overflow: hidden; border: 6px solid var(--lg-gece); box-shadow: 0 30px 50px -20px rgba(1, 50, 39, .55); background: #fff; }
.lg-tel img { display: block; width: 100%; height: auto; }
@media (max-width: 1020px) { .lg-hero-ic { grid-template-columns: minmax(0, 1fr); } .lg-tel { right: 0; } }
@media (max-width: 560px) { .lg-tel { width: 32%; border-width: 4px; border-radius: 18px; } .lg-sor-btn { display: none; } }

.lg-bolum { padding-block: clamp(70px, 8vw, 112px); }
.lg-acik { background: var(--lg-acik); }
.lg-koyu { background: var(--lg-gece); color: #DCEBE2; }
.lg-koyu .lg-h2 { color: #fff; }
.lg-koyu .lg-satir-metin p { color: #A9C2B5; }
.lg-bas { display: flex; flex-direction: column; gap: 12px; max-width: 44em; margin-bottom: 32px; }
.lg-bas p { color: var(--lg-gri); font-size: 1.06rem; }
.lg-kartlar { list-style: none; padding: 0; margin: 0 0 28px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.lg-kartlar li { padding: 24px; border-radius: 22px; background: var(--lg-acik); display: flex; flex-direction: column; gap: 8px; }
.lg-kartlar b { font: 800 1.2rem var(--display); color: var(--lg-orman); }
.lg-kartlar p { color: var(--lg-gri); font-size: .97rem; }
.lg-genis { margin-top: 8px; }
@media (max-width: 900px) { .lg-kartlar { grid-template-columns: minmax(0, 1fr); } }
.lg-iki { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-bottom: 28px; }
.lg-iki article { background: #fff; border-radius: 24px; padding: 28px; box-shadow: 0 0 0 1px var(--lg-cizgi); display: flex; flex-direction: column; gap: 12px; }
.lg-iki h3 { font: 800 1.35rem/1.2 var(--display); color: var(--lg-gece); }
.lg-iki ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; color: var(--lg-gri); }
.lg-iki li { display: flex; gap: 10px; }
.lg-iki li::before { content: ''; flex: none; width: 8px; height: 8px; margin-top: .55em; border-radius: 50%; background: var(--lg-yesil); }
.lg-rozet { width: fit-content; padding: .35em .85em; border-radius: 99px; background: var(--lg-acik); color: var(--lg-orman); font-size: .82rem; font-weight: 700; }
@media (max-width: 760px) { .lg-iki { grid-template-columns: minmax(0, 1fr); } }
.lg-satir { display: grid; grid-template-columns: minmax(0, 4.5fr) minmax(0, 7.5fr); gap: clamp(28px, 4vw, 60px); align-items: center; }
.lg-satir-metin { display: flex; flex-direction: column; gap: 16px; align-items: flex-start; }
.lg-satir-metin p { color: var(--lg-gri); font-size: 1.05rem; }
.lg-teller { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(14px, 2vw, 28px); max-width: 560px; justify-self: center; }
.lg-teller img { width: 100%; height: auto; border-radius: 26px; border: 6px solid #031A15; box-shadow: 0 30px 50px -24px rgba(0, 0, 0, .7); }
.lg-teller img:nth-child(2) { margin-top: 48px; }
@media (max-width: 900px) { .lg-satir { grid-template-columns: minmax(0, 1fr); } }
.lg-teknik { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(28px, 5vw, 72px); align-items: start; }
.lg-teknik > div { display: flex; flex-direction: column; gap: 16px; align-items: flex-start; }
.lg-teknik > div p { color: var(--lg-gri); font-size: 1.05rem; }
.lg-ozet { margin: 0; background: var(--lg-acik); border-radius: 22px; padding: 6px 24px; }
.lg-ozet div { display: grid; grid-template-columns: 8em 1fr; gap: 12px; padding: 14px 0; border-top: 1px solid var(--lg-cizgi); }
.lg-ozet div:first-child { border-top: 0; }
.lg-ozet dt { color: var(--lg-gri); }
.lg-ozet dd { margin: 0; font-weight: 600; }
@media (max-width: 900px) { .lg-teknik { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 480px) { .lg-ozet div { grid-template-columns: minmax(0, 1fr); gap: 2px; } }