html{max-width:100%;overflow-x:hidden;}
/* body'ye overflow-x verilmez: html ile birlikte overflow alan body kendi
   scroll kutusuna dönüşür (overflow-y:auto), iOS'ta iç içe scroll ve
   sticky navbar altında kesilen başlık üretir. Yatay taşma zaten
   .a2-reference-crop içinde kırpılır. */
.a2-page{width:100%;max-width:100%;}

.a2-page.a2-intro .a2-hero-copy > *{
  opacity:0;
  transform:translateY(16px);
}

.a2-page.a2-intro [data-a2-scene]{
  opacity:0;
  transform:translateY(12px) scale(.975);
}

.a2-page.a2-intro [data-finder]{
  opacity:0;
  transform:translateY(14px);
}

.a2-page .e-wrap{
  max-width: var(--app-shell-max, 1400px);
  width:100%;
  padding-left: var(--app-shell-pad, 24px);
  padding-right: var(--app-shell-pad, 24px);
}

.a2-page .e-wrap > *{
  max-width:none;
  width:100%;
}

.a2-page .e-hero{
  position:relative;
  z-index:2;
  overflow:visible;
  padding-top:clamp(22px,2.8vw,38px);
}

.a2-page .e-hero::before{
  content:"";
  position:absolute;
  width:520px;
  height:520px;
  right:0;
  top:-250px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.75),rgba(255,255,255,0) 68%);
  pointer-events:none;
}

.a2-hero-stage{
  display:grid;
  grid-template-columns:minmax(0,1.06fr) minmax(400px,.94fr);
  align-items:start;
  gap:clamp(30px,4vw,56px);
}

.a2-hero-copy{position:relative;z-index:2;}

.a2-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-bottom:14px;
  color:#52617a;
  font-size:11.5px;
  font-weight:800;
  letter-spacing:.105em;
  text-transform:uppercase;
}

.a2-eyebrow i{width:24px;height:2px;border-radius:999px;background:var(--e-accent);}
.a2-page .e-hero__title{max-width:22ch;font-size:clamp(32px,3.45vw,50px);}
.a2-page .e-hero__sub{max-width:44ch;}

.a2-title-word{
  display:inline-block;
}

.a2-title-accent{
  position:relative;
  z-index:0;
  min-width:4.55em;
  perspective:450px;
}

.a2-rotating-word{
  position:relative;
  display:inline-block;
  font-family:'Fraunces',Georgia,serif;
  font-size:1.04em;
  font-style:italic;
  font-weight:600;
  letter-spacing:-.035em;
  line-height:.94;
  transform-origin:center center;
  will-change:transform,opacity,filter;
}

.a2-rotating-word::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:-.02em;
  right:-.06em;
  bottom:-.075em;
  height:.14em;
  border-radius:999px 60% 999px 55%;
  background:linear-gradient(90deg,#fb8b5b 0%,#f5a076 72%,rgba(245,160,118,.28) 100%);
  box-shadow:0 2px 8px rgba(235,120,75,.18);
  transform:rotate(-1.2deg) scaleX(0);
  transform-origin:left center;
  transition:transform .38s cubic-bezier(.22,1,.36,1);
}

.a2-title-accent.is-drawn .a2-rotating-word::after{
  transform:rotate(-1.2deg) scaleX(1);
}

[data-submit]::after{
  content:"\f138";
  display:inline-block;
  font-family:"bootstrap-icons";
  font-weight:400;
  font-size:1.05em;
  line-height:1;
  transition:transform .24s cubic-bezier(.22,1,.36,1);
}

.a2-page .e-finder .e-actions{
  justify-content:center;
}

.a2-page .e-tab{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
}

.a2-page .e-tab > i{
  font-size:1.02em;
  color:#7c8799;
  transition:color .18s ease,transform .22s cubic-bezier(.22,1,.36,1);
}

.a2-page .e-tab[aria-selected="true"] > i{
  color:var(--e-primary);
  transform:scale(1.08);
}

.a2-tab-label--mobile{display:none;}

[data-submit]:hover::after,
[data-submit]:focus-visible::after{
  transform:translateX(5px);
}

[data-finder].is-ready [data-submit]::after{
  animation:a2-submit-arrow-arrive .68s cubic-bezier(.22,1,.36,1) .08s both;
}

@keyframes a2-submit-arrow-arrive{
  0%{opacity:0;transform:translateX(-6px);}
  58%{opacity:1;transform:translateX(4px);}
  100%{opacity:1;transform:translateX(0);}
}

.a2-scene{
  position:relative;
  justify-self:end;
  width:min(100%,590px);
  min-height:0;
  aspect-ratio:680/350;
  isolation:isolate;
  perspective:900px;
}

.a2-scene::after{
  content:"";
  position:absolute;
  inset:12% 8% -3%;
  z-index:-1;
  border-radius:50%;
  background:rgba(50,88,116,.13);
  filter:blur(30px);
  transform:translateY(13px) scale(.86);
}

.a2-reference-crop{
  position:absolute;
  inset:0;
  overflow:hidden;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 8%,#000 100%),linear-gradient(to bottom,transparent 0,#000 9%,#000 94%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(to right,transparent 0,#000 8%,#000 100%),linear-gradient(to bottom,transparent 0,#000 9%,#000 94%,transparent 100%);
  mask-composite:intersect;
}

.a2-reference-art{
  position:absolute;
  left:0;
  top:0;
  display:block;
  width:235.294%;
  max-width:none;
  height:auto;
  transform:translate(-51.25%,-5.59%);
  transform-origin:center;
  user-select:none;
  pointer-events:none;
}

.a2-scene__map{
  display:none;
}

.a2-scene > .a2-chip{
  display:none;
}

.a2-scene__map{
  display:block;
  width:100%;
  height:auto;
  overflow:visible;
  filter:saturate(.82);
  transform:rotateX(2deg) rotateY(-1deg);
  transform-origin:center;
}

.a2-reference-crop ~ .a2-scene__map{display:none;}

.a2-scene__status{
  position:absolute;
  z-index:4;
  top:18px;
  left:22px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border:1px solid rgba(207,224,232,.9);
  border-radius:999px;
  background:rgba(255,255,255,.82);
  color:#42516b;
  box-shadow:0 7px 20px rgba(31,43,71,.08);
  backdrop-filter:blur(10px);
  font-size:10.5px;
}

.a2-scene__status span{width:7px;height:7px;border-radius:50%;background:#79a58d;box-shadow:0 0 0 4px rgba(121,165,141,.15);}
.a2-scene__status b{font-weight:800;}

.a2-chip{
  position:absolute;
  z-index:4;
  right:-6px;
  display:flex;
  align-items:center;
  gap:10px;
  min-width:128px;
  padding:10px 13px;
  border:1px solid rgba(207,224,232,.95);
  border-radius:13px;
  background:rgba(255,255,255,.9);
  box-shadow:0 8px 22px rgba(31,43,71,.09);
  backdrop-filter:blur(12px);
}

.a2-chip--one{top:74px;}
.a2-chip--two{top:140px;right:-22px;}
.a2-chip--three{top:206px;right:2px;}
.a2-chip i{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#eaf3f7;color:#456da7;font-size:14px;}
.a2-chip span{display:flex;flex-direction:column;color:#748095;font-size:9.5px;line-height:1.25;}
.a2-chip b{margin-top:2px;color:#1c2740;font-size:11.5px;font-weight:800;text-transform:none;}

.a2-page .e-finder{
  position:relative;
  z-index:5;
  margin-top:clamp(18px,2.5vw,30px);
}

.a2-page .e-field{position:relative;}
.a2-page .e-field__icon{
  position:absolute;
  z-index:4;
  left:14px;
  bottom:14px;
  display:grid;
  place-items:center;
  width:17px;
  height:17px;
  color:#718098;
  font-size:14px;
  line-height:1;
  pointer-events:none;
  transition:color .18s ease,transform .18s ease;
}
.a2-page .e-field:focus-within .e-field__icon{color:#315da9;transform:translateY(-1px);}
.a2-page .e-field > input,
.a2-page .e-field > select{padding-left:40px;}
.a2-page .e-field .ts-wrapper.single .ts-control{padding-left:40px;}
.a2-page .e-field .ts-wrapper.single .ts-control > input{padding-left:0;}
.a2-page .e-field .ts-wrapper.dropdown-active{position:relative;z-index:30;}
.a2-page .e-field .ts-dropdown{z-index:40;}

.a2-page .e-field input,
.a2-page .e-field .ts-control{
  transition:border-color .22s ease,box-shadow .22s ease,background-color .22s ease;
}

.a2-page .e-field__icon{
  transition:color .22s ease,transform .22s cubic-bezier(.22,1,.36,1);
}

.a2-page .e-field:focus-within .e-field__icon{
  color:#416bc2;
  transform:translateY(-1px) scale(1.08);
}

.a2-page .e-field:focus-within input,
.a2-page .e-field:focus-within .ts-control{
  border-color:#8eabe7;
  box-shadow:0 0 0 4px rgba(79,117,194,.11);
}

.a2-page .e-field.has-value .e-field__icon{color:#5276bd;}
.a2-page .e-field.has-value input,
.a2-page .e-field.has-value .ts-control{border-color:#c4d3eb;background:#fbfdff;}

.a2-page .e-field.is-unlocking .ts-control{
  animation:a2-field-unlock .62s cubic-bezier(.22,1,.36,1);
}

@keyframes a2-field-unlock{
  0%{border-color:#d9dde4;box-shadow:0 0 0 0 rgba(79,117,194,0);}
  45%{border-color:#7f9fdf;box-shadow:0 0 0 5px rgba(79,117,194,.13);}
  100%{border-color:#c4d3eb;box-shadow:0 0 0 0 rgba(79,117,194,0);}
}

.a2-analysis-flow{
  display:flex;
  align-items:center;
  gap:12px;
  width:min(100%,520px);
  margin-top:10px;
  opacity:0;
  transform:translateY(-4px);
  transition:opacity .22s ease,transform .22s ease;
}

.a2-analysis-flow.is-running,
.a2-analysis-flow.is-complete{opacity:1;transform:translateY(0);}

.a2-analysis-flow__track{
  position:relative;
  flex:1;
  height:3px;
  overflow:hidden;
  border-radius:999px;
  background:#dfe7ef;
}

.a2-analysis-flow__track i{
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(90deg,#416bc2,#7da4eb,#ef9a70);
  transform:scaleX(0);
  transform-origin:left center;
}

.a2-analysis-flow.is-running .a2-analysis-flow__track i{
  animation:a2-analysis-progress 1.45s cubic-bezier(.4,0,.2,1) infinite;
}

.a2-analysis-flow.is-complete .a2-analysis-flow__track i{transform:scaleX(1);}

.a2-analysis-flow strong{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#52617a;
  font-size:12px;
  white-space:nowrap;
}

.a2-analysis-flow.is-running strong > i{animation:a2-analysis-spark 1s ease-in-out infinite;}
.a2-analysis-flow.is-complete strong{color:#47745f;}

.a2-page .e-card.a2-card-entering{will-change:transform,opacity;}

.a2-page .e-card.a2-card-ready{
  transition:translate .24s cubic-bezier(.22,1,.36,1),box-shadow .24s ease,border-color .24s ease;
}

@media (hover:hover){
  .a2-page .e-card.a2-card-ready:hover{
    translate:0 -3px;
    border-color:#c7d6e7;
    box-shadow:0 12px 28px rgba(31,43,71,.09);
  }
}

.a2-page .e-card .e-meter span,
.a2-page .e-card .e-age__seg,
.a2-page .e-card .e-gender__m{transform-origin:left center;}

@keyframes a2-analysis-progress{
  0%{transform:scaleX(0);opacity:.65;}
  72%{transform:scaleX(.88);opacity:1;}
  100%{transform:scaleX(1);opacity:0;}
}

@keyframes a2-analysis-spark{
  0%,100%{transform:rotate(-8deg) scale(.92);opacity:.62;}
  50%{transform:rotate(7deg) scale(1.12);opacity:1;}
}

.a2-page .e-how{
  position:relative;
  z-index:1;
  overflow:hidden;
  background:linear-gradient(180deg,#fff 0%,#f9fbfa 100%);
}
.a2-page .e-how__grid{position:relative;gap:clamp(22px,4vw,64px);margin-top:30px;counter-reset:a2-step;}
.a2-page .e-how__grid::before,
.a2-page .e-how__grid::after{
  content:"";
  position:absolute;
  left:16.666%;right:16.666%;top:18px;height:2px;border-radius:999px;
}
.a2-page .e-how__grid::before{background:#dce3e7;}
.a2-page .e-how__grid::after{right:auto;width:var(--a2-progress,0%);max-width:66.668%;background:#3e70ca;transition:width 1.1s cubic-bezier(.22,1,.36,1);}
.a2-page .e-how__item{
  position:relative;
  z-index:1;
  border:0;
  padding:64px 0 0;
  counter-increment:a2-step;
}
.a2-page .e-how__item::before{
  content:counter(a2-step);
  position:absolute;
  z-index:2;
  top:0;left:50%;
  width:36px;height:36px;
  display:grid;place-items:center;
  border:1px solid #d1dcdf;
  border-radius:50%;
  background:#fff;
  color:#6b7589;
  font-size:12px;
  font-weight:800;
  box-shadow:0 5px 14px rgba(31,43,71,.07);
  transform:translateX(-50%);
}
.a2-page .e-how__item:first-child::before{border-color:#8fb0eb;color:#315da9;}

.a2-page .e-how__card{
  display:flex;
  align-items:center;
  gap:16px;
  min-height:112px;
  padding:20px;
  border:1px solid #dfe6e9;
  border-radius:14px;
  background:rgba(255,255,255,.88);
  box-shadow:0 5px 18px rgba(31,43,71,.045);
  transition:transform .22s cubic-bezier(.22,1,.36,1),border-color .22s ease,box-shadow .22s ease;
}

.a2-page .e-how__card:hover{transform:translateY(-2px);border-color:#cbd9e5;box-shadow:0 10px 24px rgba(31,43,71,.075);}
.a2-page .e-how__icon{flex:none;width:42px;display:grid;place-items:center;color:#172744;font-size:27px;}
.a2-page .e-how__card > div{min-width:0;}
.a2-page .e-how__card b{display:block;margin:0 0 5px;color:#17233d;font-size:14.5px;font-weight:800;}
.a2-page .e-how__card span{display:block;color:#68758a;font-size:12.5px;line-height:1.5;}

@media (max-width:1100px){
  .a2-hero-stage{grid-template-columns:minmax(0,1.04fr) minmax(380px,.96fr);gap:26px;}
  .a2-chip{right:2px;}
  .a2-chip--two{right:-5px;}
}

@media (max-width:1535.98px){
  .a2-page .e-wrap{padding-left:12px;padding-right:12px;}
}

@media (max-width:1199.98px){
  .a2-page .e-wrap{padding-left:10px;padding-right:10px;}
}

@media (max-width:900px){
  .a2-page .e-hero > .e-wrap{display:flex;flex-direction:column;}
  .a2-hero-stage{display:contents;}
  .a2-hero-copy{order:1;}
  .a2-page .e-finder{order:2;}
  .a2-scene{order:3;}
  .a2-page .e-hero__title{max-width:22ch;}
  .a2-scene{min-height:220px;max-width:620px;width:100%;margin:18px auto 0;}
  .a2-scene__map{margin-top:-36px;}
  .a2-chip--one{top:36px;right:2%;}
  .a2-chip--two{top:94px;right:0;}
  .a2-chip--three{top:152px;right:3%;}
  .a2-scene__status{top:0;}
  .a2-page .e-how__grid{gap:14px;}
  .a2-page .e-how__grid::before,.a2-page .e-how__grid::after{left:18px;right:auto;top:18px;bottom:18px;width:2px;height:auto;}
  .a2-page .e-how__grid::after{height:0;max-width:none;transition:height 1.1s cubic-bezier(.22,1,.36,1);}
  .a2-page .e-how.is-visible .e-how__grid::after{height:34%;}
  .a2-page .e-how__item{padding:0 0 0 58px;min-height:112px;}
  .a2-page .e-how__item::before{top:18px;left:0;transform:none;}
}

@media (max-width:560px){
  .a2-page .e-hero{padding-top:18px;}
  .a2-eyebrow{margin-bottom:10px;font-size:10px;}
  .a2-page .e-hero__title{font-size:29.6px;}
  .a2-scene{min-height:0;margin:12px 0 -4px;overflow:hidden;}
  .a2-scene__map{width:114%;max-width:none;margin:-58px -7% 0;}
  .a2-scene__status{top:10px;left:10px;padding:6px 9px;}
  .a2-chip{display:none;}
  .a2-page .e-finder{margin-top:18px;}
  .a2-page .e-finder .e-actions,
  .a2-page .e-finder [data-submit]{width:100%;}
  .a2-page .e-tabs{display:flex;width:100%;}
  .a2-page .e-tab{flex:1;min-width:0;padding-left:9px;padding-right:9px;font-size:12px;}
  .a2-page .e-tab > span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .a2-page .e-tab .a2-tab-label--desktop{display:none;}
  .a2-page .e-tab .a2-tab-label--mobile{display:inline;}
  /* Kart açıklaması mobilde kısa metin: yöntem listesi sekmelerde zaten var (18 Eyl 2026). */
  .a2-page .a2-compact-head p .a2-tab-label--desktop{display:none;}
  .a2-page .a2-compact-head p .a2-tab-label--mobile{display:inline;}
  .a2-page .e-how__grid{gap:14px;margin-top:22px;}
  .a2-page .e-how__item{padding-left:54px;}
  .a2-page .e-how__card{min-height:104px;padding:16px 14px;gap:12px;}
  .a2-page .e-how__icon{width:34px;font-size:23px;}
}

@media (prefers-reduced-motion:reduce){
  .a2-page.a2-intro .a2-hero-copy > *,
  .a2-page.a2-intro [data-a2-scene],
  .a2-page.a2-intro [data-finder]{opacity:1;transform:none;}
  .a2-page *{scroll-behavior:auto!important;}
  .a2-page .e-how__grid::after{transition:none;}
  .a2-rotating-word::after{transform:rotate(-1.2deg) scaleX(1);transition:none;}
  [data-submit]::after{animation:none!important;transition:none;}
  .a2-page .e-field.is-unlocking .ts-control,
  .a2-analysis-flow *{animation:none!important;transition:none!important;}
  .a2-analysis-flow.is-running .a2-analysis-flow__track i{transform:scaleX(.72);opacity:1;}
  .a2-page .e-card{translate:none!important;}
}

/* === Referans tasarım: dar/ortalı sorgu kartı + yumuşak zemin ===
   Kart sayfa genişliğini kaplamıyordu; 820px'e çekilip ortalandı, alanlar
   ikişerli düzene indi. Zemin: beyaza yakın taban + sol üstte nane,
   sağ üstte şeftali ışık lekesi. */
.a2-page .e-hero{
  background:
    /* sol üst: --e-hero-top / --e-soft-teal ailesi (soğuk mavi) */
    radial-gradient(62% 74% at 4% -6%, rgba(194,221,237,.82) 0%, rgba(194,221,237,0) 62%),
    /* sağ üst: --e-soft-lav ailesi (lacivere çalan lila) */
    radial-gradient(56% 72% at 98% -2%, rgba(214,213,240,.70) 0%, rgba(214,213,240,0) 60%),
    /* taban: soğuk beyaz — alttaki bölümün #fff→#f9fbfa zeminine erir */
    linear-gradient(180deg,#FDFDFE 0%,#FAFCFD 58%,#F7FAFB 100%);
}

/* Hero sahnesi içerik genişliğinde (1240px) ortalanır; sorgu kartı ise
   referans tasarımdaki gibi 820px'lik dar sütunda kalır (kullanıcı isteği,
   4 Eyl: kart tekrar tam genişliğe açılmıştı, dar hâline döndürüldü). */
.a2-page{--a2-content-max:1240px;}
.a2-page .a2-hero-stage{
  max-width:var(--a2-content-max);
  margin-left:auto;
  margin-right:auto;
}
.a2-page .e-finder{
  max-width:820px;
  margin-left:auto;
  margin-right:auto;
  transition:max-width .3s ease;
}

/* Harita modunda kart genişler; 820px'lik kutuda harita iş görmez. */
.a2-page .e-finder:has([data-map].is-on){max-width:none;}

.a2-page .e-finder__q{text-align:center;}

.a2-page .e-finder .e-tabs{
  display:flex;
  width:max-content;
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
}

/* İl kilitli (yalnız İstanbul). Üst satır il | ilçe; mahalle görünürse il | ilçe | mahalle (3'lü).
   Alt satır ada | parsel. */
.a2-page .e-grid .e-field{grid-column:span 3;}
.a2-page .e-grid:has([data-field-neighborhood]:not([hidden])) [data-field-province],
.a2-page .e-grid:has([data-field-neighborhood]:not([hidden])) [data-field-district],
.a2-page .e-grid:has([data-field-neighborhood]:not([hidden])) [data-field-neighborhood]{grid-column:span 2;}
.a2-page .e-grid [data-field-ada],
.a2-page .e-grid [data-field-parsel]{grid-column:span 3;}
.a2-page .e-grid [data-field-name]{grid-column:span 6;}
@media (max-width:900px){
  .a2-page .e-grid:has([data-field-neighborhood]:not([hidden])) [data-field-province],
  .a2-page .e-grid:has([data-field-neighborhood]:not([hidden])) [data-field-district]{grid-column:span 3;}
  .a2-page .e-grid:has([data-field-neighborhood]:not([hidden])) [data-field-neighborhood]{grid-column:span 6;}
}
@media (max-width:560px){
  .a2-page .e-grid .e-field{grid-column:span 6;}
  .a2-page .e-grid [data-field-ada],
  .a2-page .e-grid [data-field-parsel]{grid-column:span 3;}
}

/* Kilitli il: gri "disabled" değil, okunur ama dokunulmaz; ok yerine kilit ikonu. */
.a2-page .e-field--locked{position:relative;}
.a2-page .e-field--locked select:disabled,
.a2-page .e-field--locked .ts-wrapper.disabled .ts-control{background:#F7F9FB;color:var(--e-text);opacity:1;cursor:not-allowed;}
.a2-page .e-field--locked .ts-wrapper.disabled{opacity:1;}
.a2-page .e-field--locked .ts-wrapper.single .ts-control::after{display:none;}
.a2-page .e-field--locked .ts-wrapper.disabled .ts-control > input{display:none;}
.a2-page .e-field__lock{position:absolute;right:14px;bottom:15px;z-index:4;font-size:13px;color:var(--e-muted);pointer-events:none;}
}

@media (max-width:560px){
  .a2-page .e-finder .e-tabs{width:100%;}
  .a2-page .e-grid .e-field{grid-column:span 6;}
  .a2-page .e-grid [data-field-ada],
  .a2-page .e-grid [data-field-parsel]{grid-column:span 3;}
}

/* Ada zorunlu değil: etiketin yanında sakin bir not (parsel yeterli). */
.a2-page .e-field__optional{
  font-weight:600;
  color:#93a0b4;
  letter-spacing:0;
}