/* fincan.app · D169 "Gravür" yüzü, KT7 (D173). Değerler tokens.json fincan-2026'dan.
   Hareket: yalnız transform/opacity; yerel CSS scroll-driven animasyon; reduced-motion'da son hâl. */
@font-face{font-family:"Fraunces";font-style:normal;font-weight:300 700;font-display:swap;src:url(fonts/Fraunces-normal-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Fraunces";font-style:normal;font-weight:300 700;font-display:swap;src:url(fonts/Fraunces-normal-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Fraunces";font-style:italic;font-weight:300 700;font-display:swap;src:url(fonts/Fraunces-italic-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Fraunces";font-style:italic;font-weight:300 700;font-display:swap;src:url(fonts/Fraunces-italic-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:400 700;font-stretch:75% 100%;font-display:swap;src:url(fonts/InstrumentSans-normal-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:400 700;font-stretch:75% 100%;font-display:swap;src:url(fonts/InstrumentSans-normal-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ---------- Belirteçler ----------
   Sayfa skalası (KT7 v3): fildişi gün, orman yeşili gece; bakır vurgu; altın yalnız ince ışık varağı.
   Ürün yüzeyleri (telefon ekranı, panel) D169 uygulama renklerini ayrı blokta korur. */
:root{
  color-scheme:light;
  /* Yazı: Fraunces başlık + Instrument Sans gövde (kurucu seçimi C; D169 uygulama yüzüyle aynı) */
  --serif:"Fraunces","Iowan Old Style",Georgia,serif;
  --sans:"Instrument Sans","Segoe UI",system-ui,-apple-system,sans-serif;
  --baslik-agirlik:330;--baslik-iz:-.042em;--em-stil:italic;--em-agirlik:300;
  /* Ürün arayüzü (telefon, panel) gerçek uygulamanın yüzünü korur */
  --urun-serif:"Fraunces","Iowan Old Style",Georgia,serif;
  --urun-sans:"Instrument Sans","Segoe UI",system-ui,sans-serif;
  --kenar:clamp(20px,5vw,72px);
  --genislik:1240px;
  --r-s:10px;--r-m:14px;--r-l:20px;--r-xl:28px;--r-tam:999px;
  /* Hareket: uzun, yumuşak, sönümlü (Apple benzeri yay) */
  --egri:cubic-bezier(.16,1,.3,1);
  --egri-yay:cubic-bezier(.34,1.56,.64,1);
  --varak:linear-gradient(118deg,#FFFDF4 0%,#F7E7B4 22%,#E3C170 44%,#FFF6DA 58%,#D7AE5C 76%,#F6E3AE 90%,#B98A33 100%);
  --varak-halka:conic-gradient(from 200deg,#B98A33,#F7E7B4,#FFFDF4,#E3C170,#B98A33,#F6E3AE,#B98A33);
  /* tokens.json goldLeafLine + goldLeafGlow: ışık gibi ince varak çizgisi (buton değil, süs) */
  --varak-cizgi:linear-gradient(90deg,#D6A85000 0%,#E8C878 18%,#FFF7DA 50%,#D6AB55 82%,#D6A85000 100%);
  --varak-isik:0 0 22px #FFE0968C;
  /* Gece skalası: ortada orman yeşili, en altta en koyu yeşil (OKLCH ile inilir) */
  --orman:#1D2824;--gece-zemin:#131A17;--gece-dip:#0F1513;
  --fil-tile:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cpath d='M33.94 0L24 9.94L24 24L9.94 24L0 33.94L-9.94 24L-24 24L-24 9.94L-33.94 0L-24 -9.94L-24 -24L-9.94 -24L0 -33.94L9.94 -24L24 -24L24 -9.94ZM129.94 0L120 9.94L120 24L105.94 24L96 33.94L86.06 24L72 24L72 9.94L62.06 0L72 -9.94L72 -24L86.06 -24L96 -33.94L105.94 -24L120 -24L120 -9.94ZM33.94 96L24 105.94L24 120L9.94 120L0 129.94L-9.94 120L-24 120L-24 105.94L-33.94 96L-24 86.06L-24 72L-9.94 72L0 62.06L9.94 72L24 72L24 86.06ZM129.94 96L120 105.94L120 120L105.94 120L96 129.94L86.06 120L72 120L72 105.94L62.06 96L72 86.06L72 72L86.06 72L96 62.06L105.94 72L120 72L120 86.06ZM81.94 48L72 57.94L72 72L57.94 72L48 81.94L38.06 72L24 72L24 57.94L14.06 48L24 38.06L24 24L38.06 24L48 14.06L57.94 24L72 24L72 38.06Z' fill='none' stroke='%23000' stroke-width='1'/%3E%3C/svg%3E");
  --fil-tile-cift:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%23000'%3E%3Cpath d='M33.94 0L24 9.94L24 24L9.94 24L0 33.94L-9.94 24L-24 24L-24 9.94L-33.94 0L-24 -9.94L-24 -24L-9.94 -24L0 -33.94L9.94 -24L24 -24L24 -9.94ZM129.94 0L120 9.94L120 24L105.94 24L96 33.94L86.06 24L72 24L72 9.94L62.06 0L72 -9.94L72 -24L86.06 -24L96 -33.94L105.94 -24L120 -24L120 -9.94ZM33.94 96L24 105.94L24 120L9.94 120L0 129.94L-9.94 120L-24 120L-24 105.94L-33.94 96L-24 86.06L-24 72L-9.94 72L0 62.06L9.94 72L24 72L24 86.06ZM129.94 96L120 105.94L120 120L105.94 120L96 129.94L86.06 120L72 120L72 105.94L62.06 96L72 86.06L72 72L86.06 72L96 62.06L105.94 72L120 72L120 86.06ZM81.94 48L72 57.94L72 72L57.94 72L48 81.94L38.06 72L24 72L24 57.94L14.06 48L24 38.06L24 24L38.06 24L48 14.06L57.94 24L72 24L72 38.06Z' stroke-width='1.1'/%3E%3Cpath d='M20.36 0L14.40 5.96L14.40 14.40L5.96 14.40L0 20.36L-5.96 14.40L-14.40 14.40L-14.40 5.96L-20.36 0L-14.40 -5.96L-14.40 -14.40L-5.96 -14.40L0 -20.36L5.96 -14.40L14.40 -14.40L14.40 -5.96ZM116.36 0L110.40 5.96L110.40 14.40L101.96 14.40L96 20.36L90.04 14.40L81.60 14.40L81.60 5.96L75.64 0L81.60 -5.96L81.60 -14.40L90.04 -14.40L96 -20.36L101.96 -14.40L110.40 -14.40L110.40 -5.96ZM20.36 96L14.40 101.96L14.40 110.40L5.96 110.40L0 116.36L-5.96 110.40L-14.40 110.40L-14.40 101.96L-20.36 96L-14.40 90.04L-14.40 81.60L-5.96 81.60L0 75.64L5.96 81.60L14.40 81.60L14.40 90.04ZM116.36 96L110.40 101.96L110.40 110.40L101.96 110.40L96 116.36L90.04 110.40L81.60 110.40L81.60 101.96L75.64 96L81.60 90.04L81.60 81.60L90.04 81.60L96 75.64L101.96 81.60L110.40 81.60L110.40 90.04ZM68.36 48L62.40 53.96L62.40 62.40L53.96 62.40L48 68.36L42.04 62.40L33.60 62.40L33.60 53.96L27.64 48L33.60 42.04L33.60 33.60L42.04 33.60L48 27.64L53.96 33.60L62.40 33.60L62.40 42.04Z' stroke-width='.7'/%3E%3C/g%3E%3C/svg%3E");
}
/* Gün (açık): fildişi zemin, yeşile çalan mürekkep, orman yeşili etiket, bakır vurgu */
:root{
  --mermer:#F3EDE4;--mermer-2:#ECE5D9;--sut:#FBF8F2;--kaymak:#EFE9DE;--kil:#D6D2C4;--kil-2:#E4E0D4;
  --murekkep:#17201C;--murekkep-2:#3F4A44;--duman:#5A6660;
  --bakir:#99492A;--bakir-koyu:#7E3A20;--etiket:#2F5B4B;--adacayi:#62776B;--odak:#2F5B4B;
  --fin:#7A5A10;--cini:#16615F;--cini-zemin:rgba(22,97,95,.10);
  --dugme-ust:#27352F;--dugme-alt:#141D19;--dugme-yazi:#FBF8F2;
  --sivi-ust:rgba(255,255,255,.64);--sivi-alt:rgba(250,248,242,.34);
  --sivi-kenar-1:rgba(255,255,255,1);--sivi-kenar-2:rgba(255,255,255,.2);--sivi-ic:rgba(255,255,255,.92);
  --sivi-golge:0 1px 2px rgba(28,40,34,.08),0 28px 60px -30px rgba(28,40,34,.42),0 8px 20px -12px rgba(28,40,34,.16);
  --sivi-opak:#F7F4EC;
  --isik:rgba(255,240,206,.95);--golge-yesil:rgba(98,119,107,.20);
  --fil-renk:#3E5A4C;--fil-op:.07;
  --gravur-isik:rgba(255,255,255,.85);--gravur-golge:rgba(40,62,52,.16);
  --halka:rgba(23,32,28,.10);
  /* Açık zeminde varak bir ton koyu altından geçer ki ışık çizgisi fildişinde kaybolmasın */
  --varak-hat:linear-gradient(90deg,#B98A3300 0%,#C79A45 18%,#EBD08A 50%,#B98A33 82%,#B98A3300 100%);
  --varak-bas:linear-gradient(90deg,#B98A33,#EBD08A 34%,#C79A45 66%,#B98A3300);
  --varak-yay:conic-gradient(from 0deg,#B98A3300 0deg,#B98A3300 206deg,#C79A45 230deg,#EBD08A 248deg,#B98A33 266deg,#B98A3300 294deg,#B98A3300 360deg);
  --telefon-kasa:#141A17;
}
/* Gece: .gece bölümü (site her zaman açık temada açılır). Orman yeşili; yazılar fildişi. */
.gece{
  color-scheme:dark;
  --mermer:#131A17;--mermer-2:#0F1513;--sut:#1B2420;--kaymak:#222C27;--kil:#35433C;--kil-2:#27312C;
  --murekkep:#F2EDE3;--murekkep-2:#CBCFC4;--duman:#A3ACA3;
  --bakir:#E3A57E;--bakir-koyu:#EDB894;--etiket:#E3A57E;--adacayi:#9CC3AF;--odak:#EDB894;
  --fin:#E8C877;--cini:#7FD1C7;--cini-zemin:rgba(127,209,199,.11);
  --dugme-ust:#F7F2E8;--dugme-alt:#E4DED0;--dugme-yazi:#131A17;
  --sivi-ust:rgba(48,64,57,.56);--sivi-alt:rgba(19,27,24,.42);
  --sivi-kenar-1:rgba(226,240,230,.52);--sivi-kenar-2:rgba(226,240,230,.06);--sivi-ic:rgba(226,240,230,.18);
  --sivi-golge:0 1px 2px rgba(0,0,0,.4),0 30px 70px -30px rgba(0,0,0,.9),0 8px 20px -12px rgba(0,0,0,.5);
  --sivi-opak:#1E2823;
  --isik:rgba(222,170,98,.16);--golge-yesil:rgba(120,170,145,.10);
  --fil-renk:#D9E6D8;--fil-op:.055;
  --gravur-isik:rgba(226,240,230,.10);--gravur-golge:rgba(0,0,0,.45);
  --halka:rgba(242,237,227,.09);
  --varak-hat:var(--varak-cizgi);--varak-yay:conic-gradient(from 0deg,#D6A85000 0deg,#D6A85000 212deg,#E8C878 236deg,#FFF7DA 250deg,#D6AB55 266deg,#D6A85000 292deg,#D6A85000 360deg);--varak-bas:linear-gradient(90deg,#D6AB55,#FFF7DA 34%,#E8C878 66%,#D6A85000);
  color:var(--murekkep);
  /* Ortalarda orman yeşili, en altta en koyu yeşil: tek, uzun, çok duraklı OKLCH inişi */
  background:linear-gradient(180deg,var(--orman),var(--gece-dip));
  background:linear-gradient(180deg in oklch,var(--gece-zemin) 0%,var(--orman) 8%,#1B2622 30%,#17201C 58%,#131A17 80%,var(--gece-dip) 100%);
}
/* Ürün yüzeyleri: telefon ekranı ve panel gerçek uygulamanın D169 renkleriyle (tokens.json palettes) */
.gun,.ekran{
  --mermer:#F3EDE4;--mermer-2:#ECE4D8;--sut:#FBF8F3;--kaymak:#F2EBE0;--kil:#DDD3C5;--kil-2:#E8E0D4;
  --murekkep:#1D1612;--murekkep-2:#4E423A;--duman:#6A5C51;
  --bakir:#99492A;--fin:#7A5A10;--cini:#16615F;--cini-zemin:rgba(22,97,95,.10);
  --sivi-ust:rgba(255,255,255,.66);--sivi-alt:rgba(255,252,247,.36);
  --sivi-kenar-1:rgba(255,255,255,1);--sivi-kenar-2:rgba(255,255,255,.18);--sivi-ic:rgba(255,255,255,.9);
  --sivi-golge:0 1px 2px rgba(60,40,22,.08),0 28px 60px -30px rgba(60,40,22,.45),0 8px 20px -12px rgba(60,40,22,.18);
  --fil-renk:#6B4A2C;--fil-op:.07;
  --gravur-isik:rgba(255,255,255,.85);--gravur-golge:rgba(92,62,34,.16);
}
/* ---------- Temel ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:96px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--mermer);color:var(--murekkep);font-family:var(--sans);font-size:16px;line-height:1.55;font-weight:420;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
h1,h2,h3,p,ol,ul,figure,dl,dd{margin:0}
ol,ul{padding:0;list-style:none}
a{color:inherit}
img,svg{display:block}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.atla{position:fixed;left:12px;top:-80px;z-index:99;background:var(--dugme-alt);color:var(--dugme-yazi);padding:12px 16px;border-radius:var(--r-s);text-decoration:none}
.atla:focus{top:12px}
:focus{outline:none}
:focus-visible{outline:2px solid var(--odak);outline-offset:3px;box-shadow:0 0 0 6px color-mix(in srgb,var(--odak) 22%,transparent)}
.ikon{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.kap{max-width:var(--genislik);margin:0 auto;padding:0 var(--kenar)}
.ust-etiket{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:640;color:var(--etiket)}
.ust-etiket:lang(tr){text-transform:uppercase}
.serif{font-family:var(--serif);font-optical-sizing:auto}

/* ---------- Sıvı cam (Liquid Glass): eğik parlak kenar, iç ışık, parıltı, güçlü buğu ---------- */
.sivi{position:relative;isolation:isolate;
  background:linear-gradient(180deg,var(--sivi-ust),var(--sivi-alt));
  -webkit-backdrop-filter:blur(32px) saturate(180%) brightness(1.06);backdrop-filter:blur(32px) saturate(180%) brightness(1.06);
  box-shadow:inset 0 1px 1px var(--sivi-ic),inset 0 -1px 1px color-mix(in srgb,var(--sivi-ic) 45%,transparent),inset 0 -2px 3px -1px rgba(28,40,34,.08),inset 0 0 24px color-mix(in srgb,var(--sivi-ic) 30%,transparent),var(--sivi-golge)}
.sivi::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.6px;pointer-events:none;z-index:1;
  background:linear-gradient(150deg,var(--sivi-kenar-1) 0%,var(--sivi-kenar-2) 32%,var(--sivi-kenar-2) 62%,color-mix(in srgb,var(--sivi-kenar-1) 70%,transparent) 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.sivi::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;
  background:
    linear-gradient(180deg,color-mix(in srgb,var(--sivi-ic) 55%,transparent) 0%,transparent 42%),
    radial-gradient(90% 60% at 16% -8%,color-mix(in srgb,var(--sivi-ic) 80%,transparent),transparent 58%),
    radial-gradient(70% 50% at 84% 112%,color-mix(in srgb,var(--sivi-ic) 45%,transparent),transparent 62%)}
@media (prefers-reduced-transparency:reduce){.sivi{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--sivi-opak)}}

/* Filigran ve gravür */
.filigran{position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--fil-renk);opacity:var(--fil-op);
  -webkit-mask:var(--fil-tile) 0 0/var(--fil-boy,96px) var(--fil-boy,96px) repeat,var(--fil-maske,linear-gradient(#000 0%,rgba(0,0,0,.55) 40%,transparent 82%));-webkit-mask-composite:source-in;
  mask:var(--fil-tile) 0 0/var(--fil-boy,96px) var(--fil-boy,96px) repeat,var(--fil-maske,linear-gradient(#000 0%,rgba(0,0,0,.55) 40%,transparent 82%));mask-composite:intersect}
.gravur{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;overflow:hidden}
.gravur::before,.gravur::after{content:"";position:absolute;inset:0;
  -webkit-mask:var(--fil-tile-cift) 0 0/var(--gravur-boy,80px) var(--gravur-boy,80px) repeat,var(--gravur-maske,radial-gradient(120% 90% at 85% 0%,#000 0%,rgba(0,0,0,.55) 45%,transparent 80%));-webkit-mask-composite:source-in;
  mask:var(--fil-tile-cift) 0 0/var(--gravur-boy,80px) var(--gravur-boy,80px) repeat,var(--gravur-maske,radial-gradient(120% 90% at 85% 0%,#000 0%,rgba(0,0,0,.55) 45%,transparent 80%));mask-composite:intersect}
.gravur::before{background:var(--gravur-golge);transform:translateY(1px)}
.gravur::after{background:var(--gravur-isik)}
.sikke{display:inline-grid;place-items:center;width:1em;height:1em;border-radius:50%;background:var(--varak);box-shadow:0 0 0 .06em rgba(122,90,16,.55) inset;flex:none}
.sikke::after{content:"";width:.52em;height:.52em;border-radius:50%;box-shadow:0 0 0 .06em rgba(122,90,16,.6) inset}
.karo{display:inline-block;width:.8em;height:.8em;transform:rotate(45deg);border:.1em solid var(--cini);border-radius:.12em;position:relative;flex:none}
.karo::after{content:"";position:absolute;inset:.17em;background:var(--cini);border-radius:.04em}
.doluluk{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:560;color:var(--murekkep-2);white-space:nowrap}
.doluluk i{display:inline-flex;gap:2px;align-items:flex-end;height:11px}
.doluluk i b{width:3px;border-radius:1px;background:var(--kil)}
.doluluk i b:nth-child(1){height:5px}.doluluk i b:nth-child(2){height:8px}.doluluk i b:nth-child(3){height:11px}
.doluluk[data-d="1"] i b:nth-child(-n+1),.doluluk[data-d="2"] i b:nth-child(-n+2),.doluluk[data-d="3"] i b:nth-child(-n+3){background:var(--murekkep-2)}

/* ---------- Düğmeler: dokunsal, yay geri dönüşlü ---------- */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 24px;border-radius:var(--r-tam);border:0;
  font:600 15.5px/1 var(--sans);letter-spacing:.005em;text-decoration:none;white-space:nowrap;cursor:pointer;
  transition:transform .7s var(--egri-yay),opacity .3s}
.btn:hover{transform:translateY(-1.5px) scale(1.015)}
.btn:active{transform:scale(.96);transition-duration:.14s}
.btn-ana{isolation:isolate;color:var(--dugme-yazi);background:linear-gradient(180deg,var(--dugme-ust),var(--dugme-alt));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(0,0,0,.28),0 1px 2px rgba(0,0,0,.22),0 12px 28px -14px rgba(20,29,25,.75)}
/* Parlak üst yarım ay (camsı kabarıklık) ve üzerine gelince açılan yumuşak hale: yalnız opaklık */
.btn-ana::before{content:"";position:absolute;inset:1px 1px 50% 1px;border-radius:999px 999px 40% 40%/999px 999px 14px 14px;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,0));opacity:.9}
.btn-ana::after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;opacity:0;
  box-shadow:0 18px 36px -14px rgba(20,29,25,.7),0 0 0 4px color-mix(in srgb,var(--dugme-alt) 10%,transparent);transition:opacity .5s var(--egri)}
.btn-ana:hover::after{opacity:1}
.btn-cam{color:var(--murekkep)}
.btn .ok{transition:transform .5s var(--egri)}
.btn:hover .ok{transform:translateX(3px)}
.magaza{display:flex;gap:12px;flex-wrap:wrap}
.rozet,.store-link{display:inline-flex;align-items:center;gap:12px;min-height:56px;padding:0 22px 0 16px;border-radius:18px;color:var(--murekkep);text-decoration:none;transition:transform .7s var(--egri-yay)}
a.rozet:hover,a.store-link:hover{transform:translateY(-2px) scale(1.02)}
.rozet svg,.store-link svg{width:22px;height:22px;fill:currentColor}
.rozet span{display:grid;line-height:1.15;text-align:left}
.rozet small{font-size:10.5px;font-weight:640;letter-spacing:.12em;text-transform:uppercase;color:var(--murekkep-2)}
.rozet b{font-size:16px;font-weight:620}
.store-link{font-weight:620;background:linear-gradient(180deg,var(--dugme-ust),var(--dugme-alt));color:var(--dugme-yazi);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 12px 28px -14px rgba(20,29,25,.75)}
html[data-release="live"] .yalniz-yakinda{display:none}
html:not([data-release="live"]) .yalniz-canli{display:none}

/* ---------- Üst çubuk: yüzen sıvı cam kapsül; gece bölümünde kendiliğinden kararır ---------- */
.ust{position:fixed;top:14px;left:0;right:0;z-index:50;padding:0 max(12px,calc(var(--kenar) - 18px));pointer-events:none}
.ust .kapsul{pointer-events:auto;max-width:1180px;margin:0 auto;height:60px;border-radius:var(--r-tam);display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 22px;
}
.ust .logo img{height:24px;width:auto}
.ust .logo .gece-logo{display:none}
.ust nav{display:flex;align-items:center;gap:6px}
.ust nav a.baglanti{position:relative;padding:10px 14px;border-radius:var(--r-tam);font-size:14.5px;font-weight:560;color:var(--murekkep-2);text-decoration:none}
.ust nav a.baglanti::before{content:"";position:absolute;inset:0;border-radius:inherit;background:color-mix(in srgb,var(--murekkep) 7%,transparent);opacity:0;transform:scale(.9);transition:opacity .35s var(--egri),transform .5s var(--egri)}
.ust nav a.baglanti:hover::before{opacity:1;transform:none}
.ust nav a.baglanti:hover{color:var(--murekkep)}
.ust .btn{min-height:44px;padding:0 18px;font-size:14.5px}
.ust.gece{background:none;color:inherit}.ust.gece .logo .gun-logo{display:none}.ust.gece .logo .gece-logo{display:block}
@media (max-width:760px){.ust nav a.baglanti{display:none}.ust .kapsul{height:54px;padding-left:18px}.ust .logo img{height:21px}}

/* ---------- 1 · Açılış: net fayda; sahneyi ışık, cam ve halkalar kurar (fotoğraf yok) ---------- */
.acilis{position:relative;isolation:isolate;min-height:100svh;padding:120px 0 0;overflow:clip}
/* Işık: sağ üstten sıcak pencere ışığı, sol alttan adaçayı gölgesi; ikisi de uzun, yumuşak geçişli */
.acilis::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;
  background:radial-gradient(80% 70% at 0% 100%,var(--golge-yesil),transparent 72%),radial-gradient(60% 50% at 50% 115%,var(--golge-yesil),transparent 70%)}
.acilis .filigran{--fil-boy:96px;--fil-maske:radial-gradient(70% 80% at 70% 30%,#000 0%,rgba(0,0,0,.55) 45%,transparent 85%)}
.acilis .isik{position:absolute;z-index:-1;right:6%;top:4%;width:min(880px,90vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,var(--isik),transparent);pointer-events:none}
.acilis .kap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:center;min-height:calc(100svh - 120px)}
.acilis h1{margin-top:20px;font-family:var(--serif);font-weight:var(--baslik-agirlik);font-size:clamp(52px,6.8vw,112px);line-height:.96;letter-spacing:var(--baslik-iz);text-wrap:balance}
.acilis h1 em{display:block;font-style:var(--em-stil);font-weight:var(--em-agirlik);color:var(--bakir)}
.acilis .giris{margin-top:26px;max-width:540px;font-size:clamp(17px,1.3vw,19px);line-height:1.6;color:var(--murekkep-2);text-wrap:pretty}
.acilis .magaza{margin-top:34px}
.acilis .mekan-bag{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font-size:15px;font-weight:540;color:var(--murekkep-2);text-decoration:none;padding:6px 0;border-bottom:1px solid var(--kil)}
.acilis .mekan-bag:hover{color:var(--murekkep);border-color:var(--murekkep-2)}
.sahne{position:relative;display:grid;place-items:center;align-self:end;height:min(780px,calc(100svh - 110px))}
/* Porselen halkalar: telefonun arkasında iki ince daire; birinin üstünde ışık gibi dolaşan ince altın varak */
.halkalar{position:absolute;left:50%;top:46%;translate:-50% -50%;width:min(660px,120vw);aspect-ratio:1;pointer-events:none;z-index:-1}
.halkalar i{position:absolute;inset:0;border-radius:50%;border:1px solid var(--halka)}
.halkalar i:nth-child(2){inset:17%}
.halkalar .varakli{border:0;padding:1px;filter:drop-shadow(var(--varak-isik));
  background:var(--varak-yay);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}

/* ---------- Telefon: gerçek uygulama ekranı (mobil ana sayfa, keşif listesi, QR okut, cüzdan) ---------- */
/* iPhone 16 Pro oranları (393×852 pt ekran, 0,875 ölçek): ince çerçeve, titanyum kenar, yan tuşlar, Dynamic Island */
.telefon{position:relative;width:360px;height:762px;border-radius:57px;background:#0A0B0B;padding:8px;flex:none;
  box-shadow:0 70px 130px -60px rgba(14,24,20,.72),0 30px 60px -34px rgba(14,24,20,.5),inset 0 0 0 1.5px #5B605D,inset 0 0 0 3px #1B1D1C,inset 0 0 0 4px #0A0B0B}
/* Dynamic Island: 125×37 pt, üstten 11 pt */
.telefon::before{content:"";position:absolute;top:18px;left:50%;translate:-50% 0;width:109px;height:32px;border-radius:16px;background:#000;z-index:9}
/* Yan tuşlar: solda eylem + ses, sağda yan tuş (titanyum) */
.telefon::after{content:"";position:absolute;top:0;bottom:0;left:-2.5px;right:-2.5px;pointer-events:none;z-index:-1;
  background:linear-gradient(180deg,transparent 150px,#3E4240 150px,#3E4240 178px,transparent 178px,transparent 206px,#3E4240 206px,#3E4240 262px,transparent 262px,transparent 276px,#3E4240 276px,#3E4240 332px,transparent 332px) left top/3px 100% no-repeat,
    linear-gradient(180deg,transparent 222px,#3E4240 222px,#3E4240 312px,transparent 312px) right top/3px 100% no-repeat}
.ekran,.pencere .ic{--serif:var(--urun-serif);--sans:var(--urun-sans);font-family:var(--urun-sans)}
.ekran{position:relative;height:100%;border-radius:49px;overflow:hidden;background:var(--mermer);isolation:isolate;color:var(--murekkep);font-size:14px;line-height:1.35}
.ekran .filigran{--fil-boy:60px;--fil-maske:linear-gradient(#000,transparent 38%)}
/* iOS durum çubuğu: saat sol kulakta, sinyal/Wi-Fi/pil sağ kulakta; Dynamic Island ile aynı hizada */
.ekran .durum{position:absolute;inset:0 0 auto;height:52px;z-index:5;display:grid;grid-template-columns:1fr 125px 1fr;align-items:center;
  font:600 15px/1 -apple-system,"SF Pro Text","Instrument Sans",system-ui,sans-serif;letter-spacing:-.01em}
.ekran .durum>span{justify-self:center;padding-left:10px}
.ekran .durum>i{grid-column:3;justify-self:center;display:flex;gap:6px;align-items:center;padding-right:8px}
.ekran .durum svg{fill:currentColor;display:block}
.ekran .durum .sinyal{width:17px;height:11px}.ekran .durum .wifi{width:15px;height:11px}.ekran .durum .pil{width:25px;height:12px}
.gorunum{position:absolute;inset:54px 0 0;padding:12px 18px 0}
.cap{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:650;color:var(--murekkep-2)}
.baslik-ekran{font-family:var(--serif);font-weight:400;font-size:28px;letter-spacing:-.02em;line-height:1.1}
.selam{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px}
.selam .ikonlar{display:flex;gap:6px;align-items:center}
.selam .avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--kaymak);font-weight:640;font-size:15px}
.selam .yuvarlak{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--murekkep-2)}
.selam .yuvarlak.zil{border:1px solid var(--kil);background:var(--sut);color:var(--fin)}
.selam .yuvarlak .ikon{width:19px;height:19px}
.bakiye{margin-top:14px;border-radius:28px;padding:18px 18px 16px;display:grid;gap:12px}
.bakiye .satir{display:flex;align-items:flex-start;gap:6px}
.bakiye .satir>div{flex:1;display:grid;gap:4px}
.bakiye .bilgi{width:30px;height:30px;display:grid;place-items:center;color:var(--fin)}
.bakiye .bilgi.can{color:var(--cini)}
.bakiye .fin-deger{font-family:var(--serif);font-weight:400;font-size:54px;line-height:1;letter-spacing:-.03em;color:var(--fin);font-variation-settings:"opsz" 144}
.bakiye .govde{font-weight:620;font-size:14px}
.bakiye hr{border:0;height:1px;background:var(--kil);margin:0}
.can-deger{display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:22px;color:var(--cini)}
.can-deger .karo{font-size:15px}
.bakiye .toplam{display:flex;justify-content:space-between;align-items:center;padding:9px 11px;border-radius:10px;background:var(--kaymak);font-size:12.5px;color:var(--duman)}
.bakiye .toplam span:last-child{display:inline-flex;gap:5px;align-items:center;color:var(--cini);font-weight:700}
.bakiye .toplam .karo{font-size:9px}
.sekmeler{position:absolute;left:12px;right:12px;bottom:16px;height:66px;border-radius:30px;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;padding:0 4px 10px;font-size:10px;font-weight:600;color:var(--murekkep-2);text-align:center;z-index:6}
.sekmeler span{display:grid;justify-items:center;gap:3px;position:relative;z-index:2}
.sekmeler .ikon{width:21px;height:21px}
.sekmeler .aktif{color:var(--murekkep)}
.sekmeler .qr i{display:grid;place-items:center;width:58px;height:58px;margin-top:-34px;border-radius:50%;background:#1D1612;color:#FBF1DC;box-shadow:0 14px 26px -12px rgba(40,24,10,.85);position:relative}
.sekmeler .qr i::before{content:"";position:absolute;inset:-3px;border-radius:50%;padding:1.5px;background:var(--varak-halka);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.sekmeler .qr .ikon{width:25px;height:25px}
/* Keşif listesi */
.arama{margin-top:12px;display:flex;align-items:center;gap:8px;height:42px;padding:0 14px;border-radius:14px;background:var(--sut);border:1px solid var(--kil-2);color:var(--duman);font-size:14px}
.arama .ikon{width:17px;height:17px}
.ikili{display:flex;gap:4px;padding:3px;border-radius:12px;background:var(--kaymak);width:max-content;margin-top:12px}
.ikili span{padding:6px 14px;border-radius:9px;font-size:12.5px;font-weight:620;color:var(--duman)}
.ikili span.aktif{background:var(--sut);color:var(--murekkep);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.sube{margin-top:10px;border-radius:20px;padding:14px;display:grid;gap:10px;background:var(--sut);border:1px solid var(--kil-2)}
.sube .ust-satir{display:flex;justify-content:space-between;align-items:center}
.sube b{font-size:15.5px;font-weight:640}
.sube .acik{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--cini)}
.sube .acik::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.sube .eylem{display:flex;gap:8px}
.sube .eylem span{flex:1;height:36px;display:grid;place-items:center;border-radius:var(--r-tam);font-size:13px;font-weight:620;border:1px solid var(--kil)}
.sube .eylem span:first-child{background:#1D1612;color:#FBF8F3;border-color:transparent}
.dipnot{margin-top:12px;font-size:11.5px;color:var(--duman)}
/* QR okut */
.okut{inset:0;padding:0;background:#0e0a08;color:#F4ECE1}
.okut .vizor{position:absolute;inset:0;background:radial-gradient(70% 45% at 50% 36%,#3d3027,#0e0a08 78%)}
.okut .ust-yazi{position:absolute;top:66px;left:0;right:0;text-align:center}
.okut .ust-yazi b{display:block;font-family:var(--serif);font-weight:400;font-size:24px}
.okut .ust-yazi small{font-size:12.5px;color:#BDAE9E}
.okut .cerceve{position:absolute;left:50%;top:40%;translate:-50% -50%;width:200px;height:200px}
.okut .cerceve::before{content:"";position:absolute;inset:0;border-radius:28px;padding:2px;background:var(--varak-halka);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.okut .kod{position:absolute;inset:28px;border-radius:10px;background:#FBF8F3;padding:10px}
.okut .kod svg{width:100%;height:100%}
.okut .alt-levha{position:absolute;left:12px;right:12px;bottom:16px;border-radius:30px;padding:18px 18px 16px;color:#F4ECE1;
  --sivi-ust:rgba(62,50,42,.58);--sivi-alt:rgba(28,22,18,.44);--sivi-kenar-1:rgba(255,236,210,.55);--sivi-kenar-2:rgba(255,236,210,.06);--sivi-ic:rgba(255,236,210,.20);--sivi-opak:#221A15}
.okut .alt-levha .cap{color:#BDAE9E}
.okut .alt-levha .sip{display:flex;justify-content:space-between;margin-top:10px;padding:10px 0;border-top:1px solid rgba(255,236,210,.12);border-bottom:1px solid rgba(255,236,210,.12);font-size:14px}
.okut .alt-levha .sip span:last-child{color:#BDAE9E}
.okut .onay{margin-top:14px;height:50px;border-radius:var(--r-tam);display:grid;place-items:center;background:linear-gradient(180deg,#FBF5EC,#E9DFD1);color:#16110E;font-weight:640;font-size:15px;box-shadow:inset 0 1px 0 #fff}
/* Cüzdan */
.bolmeli{display:flex;gap:4px;padding:4px;border-radius:14px;background:var(--kaymak);margin-top:12px}
.bolmeli span{flex:1;text-align:center;padding:8px 0;border-radius:10px;font-size:11px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:var(--duman)}
.bolmeli span.aktif{background:var(--sut);color:var(--murekkep);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.hareket{margin-top:14px;display:grid}
.hareket>div{display:flex;justify-content:space-between;align-items:center;padding:12px 2px;border-bottom:1px solid var(--kil-2)}
.hareket b{display:block;font-size:14.5px;font-weight:620}
.hareket small{font-size:12px;color:var(--duman)}
.hareket .tik{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--cini-zemin);color:var(--cini)}
.hareket .tik .ikon{width:16px;height:16px}

/* ---------- 2 · Nasıl işler: yapışkan telefon, üç adım ---------- */
.nasil{position:relative;padding:clamp(96px,14vh,160px) 0 40px}
.nasil .kap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}
.nasil .bas{grid-column:1/-1;max-width:760px}
.nasil h2,.bolum-baslik{font-family:var(--serif);font-weight:var(--baslik-agirlik);font-size:clamp(42px,5vw,76px);line-height:1;letter-spacing:var(--baslik-iz);margin-top:14px}
.nasil h2 em,.bolum-baslik em{font-style:var(--em-stil);font-weight:var(--em-agirlik);color:var(--bakir)}
.yapiskan{position:sticky;top:0;height:100svh;display:grid;place-items:center;align-self:start}
.adimlar li{min-height:72svh;display:flex;flex-direction:column;justify-content:center}
.adimlar .kart{max-width:480px}
.adimlar .no{display:flex;align-items:center;gap:14px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:650;color:var(--etiket)}
/* Işık varağı: etkin adımda ince altın çizgi uzar ve hafifçe parlar */
.adimlar .no::after{content:"";height:1px;width:140px;background:var(--varak-bas);transform:scaleX(.3);transform-origin:0 50%;opacity:.5;transition:transform .9s var(--egri),opacity .5s var(--egri)}
.adimlar .kart{transition:opacity .6s var(--egri)}
.adimlar li:not(.aktif) .kart{opacity:.8}
.adimlar h3{font-family:var(--serif);font-weight:var(--baslik-agirlik);font-size:clamp(34px,3.6vw,54px);line-height:1.04;letter-spacing:var(--baslik-iz);margin-top:18px;color:var(--murekkep)}
.adimlar p{margin-top:16px;font-size:18px;line-height:1.6;color:var(--murekkep-2)}
.adimlar li.aktif .no::after{transform:none;opacity:1;box-shadow:var(--varak-isik)}
.telefon .gorunum{transition:opacity .6s var(--egri),transform .8s var(--egri)}
.telefon .gorunum[hidden]{display:block;opacity:0;transform:scale(.97) translateY(12px);pointer-events:none}

/* ---------- 3 · Sakin saat: aynı kafe, gündüzden geceye ----------
   Fotoğraf yok: ışık (lambalar, gün batımı), buğulu siluetler ve vitrin camı. Gün fildişi, akşamüstü altın,
   gece orman yeşili; her iç mekan çok duraklı OKLCH geçişle boyanır, sert bant yok. */
.sakin{position:relative;background:var(--gece-zemin)}
.sakin .sahne-sabit{top:0;height:100svh;overflow:hidden;isolation:isolate}
.katman{position:absolute;inset:-6%;will-change:opacity,transform}
.isik-l,.mobilya{will-change:transform}
/* İç mekan: tek kez buğulanır (statik filter), sonra yalnız opaklık/konum değişir */
.ic-gun{background:linear-gradient(180deg,#F3EDE4,#D4CCB6);background:linear-gradient(180deg in oklch,#F5F0E7 0%,#EFE8DB 30%,#E4DCC9 62%,#D4CCB6 86%,#C8C1A8 100%)}
.ic-gece{background:linear-gradient(180deg,#1F2B26,#0E1311);background:linear-gradient(180deg in oklch,#22302A 0%,#1B2622 30%,#151E1A 62%,#111815 84%,#0E1311 100%);opacity:0}
/* Akşamüstü: altın saat yukarıda, aşağıda şimdiden yeşile iner; geçiş griye düşmez */
.ic-aksam{background:linear-gradient(180deg,#B88A52,#1E2A24);background:linear-gradient(180deg in oklch,#C29A62 0%,#A57E4E 22%,#7A6A45 46%,#4B5540 68%,#2C3A32 86%,#1E2A24 100%);opacity:0}
.ic-aksam .l1{left:12%;top:10%;width:280px;height:280px;background:radial-gradient(closest-side,rgba(255,220,160,.95),rgba(236,170,90,.4) 50%,transparent)}
.ic-aksam .l2{left:46%;top:4%;width:200px;height:200px;background:radial-gradient(closest-side,rgba(255,226,170,.9),rgba(236,170,90,.35) 50%,transparent)}
.ic-aksam .l3{right:9%;top:14%;width:320px;height:320px;background:radial-gradient(closest-side,rgba(255,214,150,.9),rgba(226,160,80,.35) 50%,transparent)}
.ic-aksam .mobilya .tezgah{background:linear-gradient(180deg,#4E4A34,#22302A);opacity:.85}
.ic-aksam .mobilya .kisi{background:#34402F;opacity:.7}
.ic-gun .isik-l,.ic-aksam .isik-l,.ic-gece .isik-l{position:absolute;border-radius:50%;filter:blur(18px)}
.ic-gun .l1{left:12%;top:10%;width:260px;height:260px;background:radial-gradient(closest-side,#FFF6DE,rgba(255,232,180,.5) 50%,transparent)}
.ic-gun .l2{left:46%;top:4%;width:190px;height:190px;background:radial-gradient(closest-side,#FFF4D6,rgba(255,226,170,.45) 50%,transparent)}
.ic-gun .l3{right:9%;top:14%;width:300px;height:300px;background:radial-gradient(closest-side,#FFF7E2,rgba(255,232,180,.45) 50%,transparent)}
.ic-gece .l1{left:14%;top:12%;width:240px;height:240px;background:radial-gradient(closest-side,rgba(255,204,130,.85),rgba(214,150,70,.3) 50%,transparent)}
.ic-gece .l2{left:47%;top:6%;width:170px;height:170px;background:radial-gradient(closest-side,rgba(255,214,150,.8),rgba(214,160,80,.28) 50%,transparent)}
.ic-gece .l3{right:10%;top:16%;width:280px;height:280px;background:radial-gradient(closest-side,rgba(255,198,120,.8),rgba(200,130,60,.28) 50%,transparent)}
.mobilya{position:absolute;inset:0;filter:blur(14px)}
.mobilya .tezgah{position:absolute;left:-4%;right:-4%;bottom:0;height:30%;background:linear-gradient(180deg,#9A9474,#6E6E55);opacity:.5}
.mobilya .raf{position:absolute;left:28%;right:36%;height:3px;background:#6F735C;opacity:.45}
.mobilya .kisi{position:absolute;bottom:22%;width:130px;height:220px;border-radius:65px 65px 22px 22px;background:#5E6B5C;opacity:.32}
.ic-gece .mobilya .tezgah{background:linear-gradient(180deg,#2A3831,#121A16);opacity:.9}
.ic-gece .mobilya .kisi{background:#1E2A24;opacity:.8}
.ic-gece .mobilya .raf{background:#3E4E44;opacity:.6}
/* Gün batımı: soldan giren alçak, sıcak güneş; akşama geçişin ortasında parlar ve aşağı iner */
.gun-batimi{opacity:0;background:radial-gradient(60% 55% at 8% 62%,rgba(255,196,120,.6),rgba(236,150,70,.2) 45%,transparent 72%),linear-gradient(100deg,rgba(255,206,130,.26),transparent 55%)}
/* Vitrin camı: buzlu tabaka + oyulmuş gravür + ince kayıtlar. Cam statik; arkası değişir. */
.vitrin-cam{position:absolute;inset:0;z-index:2;background:rgba(246,243,234,.30)}
.vitrin-cam.gece-tonu{background:rgba(10,16,13,.34);opacity:0}
.vitrin-cam .filigran{--fil-boy:112px;--fil-renk:#3E5A4C;--fil-op:.08;--fil-maske:linear-gradient(180deg,#000 0%,rgba(0,0,0,.8) 50%,rgba(0,0,0,.25) 100%)}
.vitrin-cam.gece-tonu .filigran{--fil-renk:#D9E6D8;--fil-op:.06}
.gece-isareti{position:absolute;left:0;width:1px;top:17%;bottom:0;pointer-events:none}
.kayitlar{position:absolute;inset:0;z-index:3;pointer-events:none;
  -webkit-mask:radial-gradient(46% 30% at 50% 50%,transparent 55%,#000 100%);mask:radial-gradient(46% 30% at 50% 50%,transparent 55%,#000 100%)}
.kayitlar i{position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,.15));box-shadow:1px 0 0 rgba(28,40,34,.10)}
.kayitlar i:nth-child(1){left:33.33%}.kayitlar i:nth-child(2){left:66.66%}
/* Kayıt kirişi: güneş vurunca ince bir altın varak gibi parlar */
.kayitlar i:nth-child(3){left:0;right:0;top:auto;bottom:21%;width:auto;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.15),rgba(255,255,255,.7),rgba(255,255,255,.15))}
.kayitlar i:nth-child(3)::after{content:"";position:absolute;inset:0;background:var(--varak-cizgi);box-shadow:var(--varak-isik);opacity:0}
.sakin .metin{position:absolute;inset:0;z-index:4;display:grid;place-items:center;text-align:center;padding:0 var(--kenar)}
.sakin .metin>div{grid-area:1/1;max-width:980px}
.sakin .metin h2,.sakin .metin .serif{font-family:var(--serif);font-weight:var(--baslik-agirlik);font-size:clamp(50px,8vw,128px);line-height:.95;letter-spacing:var(--baslik-iz);text-wrap:balance}
.sakin .metin h2 em,.sakin .metin .serif em{display:block;font-style:var(--em-stil);font-weight:var(--em-agirlik)}
.sakin .metin p{margin:26px auto 0;max-width:560px;font-size:clamp(17px,1.35vw,19.5px);line-height:1.6}
.sakin .gunduz{color:#17201C}.sakin .gunduz em{color:#99492A}.sakin .gunduz p{color:#3F4A44}
.sakin .aksam-metni{color:#F2EDE3;opacity:0}.sakin .aksam-metni em{color:#E3A57E}.sakin .aksam-metni p{color:#E2E5DA}
.sakin .aksam-metni .ust-etiket{color:#F3D6BE}
/* Akşam metninin arkasında ışığı boğmayan yumuşak bir gölge: altın saatte de okunur (AA) */
.sakin .metin>div{position:relative;isolation:isolate}
.sakin .aksam-metni::before{content:"";position:absolute;inset:-22% -18%;z-index:-1;pointer-events:none;border-radius:50%;
  background:radial-gradient(closest-side,rgba(14,20,17,.7),rgba(14,20,17,.46) 48%,rgba(14,20,17,.16) 76%,rgba(14,20,17,0))}
.sakin .gunduz .ust-etiket{color:#2A5243}
/* Sahne akışı: yalnız destekleyen ve hareketi azaltmayan tarayıcıda.
   Bir çekim gibi: gündüz durur, metin kalkar; ışık altına döner, akşam metni iner; gece çöker, lambalar yanar.
   Her kare tam opaklıkta bekler; geçişler kısa ve yumuşak, hareketi transform taşır. */
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    .akis .sakin{height:215svh;view-timeline-name:--sakin}
    .akis .sakin .sahne-sabit{position:sticky}
    .akis .sakin .ic-aksam,.akis .sakin .gun-batimi,.akis .sakin .ic-gece,.akis .sakin .vitrin-cam.gece-tonu,.akis .sakin .aksam-metni{display:block}
    .akis .aksam-bandi{display:none}
    .akis .sakin .ic-gun,.akis .sakin .ic-aksam,.akis .sakin .gun-batimi,.akis .sakin .ic-gece,.akis .sakin .vitrin-cam,.akis .sakin .gunduz,.akis .sakin .aksam-metni,.akis .sakin .mobilya,.akis .sakin .isik-l,.akis .sakin .kayitlar,.akis .sakin .kayitlar i:nth-child(3)::after{animation-timeline:--sakin;animation-fill-mode:both;animation-timing-function:linear;animation-range:contain 0% contain 100%}
    .akis .sakin .ic-gun{animation-name:gun-derinlik}
    .akis .sakin .ic-aksam{animation-name:aksam-geliyor}
    .akis .sakin .gun-batimi{animation-name:gun-batimi}
    .akis .sakin .ic-gece,.akis .sakin .vitrin-cam.gece-tonu{animation-name:gece-geliyor}
    .akis .sakin .vitrin-cam:not(.gece-tonu){animation-name:gun-tonu}
    .akis .sakin .gunduz{animation-name:gunduz-metni}
    .akis .sakin .aksam-metni{animation-name:aksam-metni}
    .akis .sakin .mobilya{animation-name:derinlik}
    .akis .sakin .isik-l{animation-name:lamba}
    .akis .sakin .kayitlar{animation-name:kayit}
    .akis .sakin .kayitlar i:nth-child(3)::after{animation-name:kiris-isik}
  }
}
@keyframes gun-derinlik{from{transform:scale(1)}to{transform:scale(1.06)}}
@keyframes aksam-geliyor{0%,16%{opacity:0;animation-timing-function:cubic-bezier(.45,0,.2,1)}36%,100%{opacity:1}}
@keyframes gun-batimi{0%,10%{opacity:0;transform:translateY(-6%);animation-timing-function:cubic-bezier(.4,0,.2,1)}30%{opacity:1;transform:translateY(0)}58%,100%{opacity:0;transform:translateY(10%)}}
@keyframes gece-geliyor{0%,56%{opacity:0;animation-timing-function:cubic-bezier(.45,0,.2,1)}84%,100%{opacity:1}}
@keyframes gun-tonu{0%,16%{opacity:1;animation-timing-function:cubic-bezier(.45,0,.2,1)}34%,100%{opacity:0}}
@keyframes gunduz-metni{0%,17%{opacity:1;transform:none;animation-timing-function:cubic-bezier(.55,0,.75,.2)}26%,100%{opacity:0;transform:translateY(-72px) scale(.97)}}
@keyframes aksam-metni{0%,29%{opacity:0;transform:translateY(72px) scale(1.03);animation-timing-function:cubic-bezier(.16,1,.3,1)}42%,100%{opacity:1;transform:none}}
@keyframes derinlik{from{transform:translateY(4%)}to{transform:translateY(-4%)}}
@keyframes lamba{0%{transform:translateY(24px) scale(.9)}100%{transform:translateY(-48px) scale(1.1)}}
@keyframes kayit{from{transform:scale(1)}to{transform:scale(1.02)}}
@keyframes kiris-isik{0%,12%{opacity:0}30%{opacity:.9}52%,100%{opacity:0}}
/* Hareket yoksa: sahne iki sakin kareye ayrılır; araya akşam bandı girer */
/* Varsayılan (JS yok, henüz kaydırılmadı, hareket azaltılmış ya da destek yok): sahne sakin gündüz karesi,
   ardından akşam bandı. Tüm metin görünür. Kaydırma başlayınca html.akis sinematik sahneyi açar. */
.sakin{height:auto}.sakin .sahne-sabit{position:relative}
.sakin .ic-aksam,.sakin .gun-batimi,.sakin .ic-gece,.sakin .vitrin-cam.gece-tonu,.sakin .aksam-metni{display:none}
/* Yedek bant: gündüz karesinin dibinden geceye tek, uzun, çok duraklı OKLCH iniş (altın saat, sonra orman yeşili) */
.aksam-bandi{padding:clamp(440px,82vh,780px) var(--kenar) clamp(48px,8vh,96px);text-align:center;color:#F2EDE3;
  background:linear-gradient(180deg,#C4BEA6 0%,#B7925F 22%,#475540 52%,var(--gece-zemin) 82%);
  background:linear-gradient(180deg in oklch,#C4BEA6 0%,#C3AE82 12%,#B7925F 22%,#97804F 32%,#6E6A47 42%,#475540 52%,#2C3A32 62%,#1E2A24 72%,var(--gece-zemin) 82%)}
/* Sahnenin dibi banda dikişsiz bağlansın: bandın rengi sahnenin alt çeyreğine yumuşakça taşar */
.aksam-bandi{position:relative;--bant-bas:#C4BEA6}
.aksam-bandi::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:28vh;pointer-events:none;
  background:linear-gradient(180deg,rgba(196,190,166,0),var(--bant-bas));background:linear-gradient(180deg in oklch,color-mix(in srgb,var(--bant-bas) 0%,transparent) 0%,color-mix(in srgb,var(--bant-bas) 45%,transparent) 50%,var(--bant-bas) 100%)}
.aksam-bandi .ust-etiket{color:#E3A57E}
.aksam-bandi p.serif{margin:22px auto 0;font-weight:var(--baslik-agirlik);font-size:clamp(44px,7vw,112px);line-height:.95;letter-spacing:var(--baslik-iz)}
.aksam-bandi p.serif em{display:block;font-style:var(--em-stil);font-weight:var(--em-agirlik);color:#E3A57E}
.aksam-bandi p:last-child{margin:24px auto 0;max-width:560px;font-size:18px;color:#CBCFC4}

/* ---------- 4 · Mekanlar için (gece) ---------- */
.mekan{position:relative;isolation:isolate;overflow:clip;padding:clamp(64px,10vh,120px) 0 clamp(40px,6vh,72px)}
.mekan .isik{position:absolute;z-index:-1;left:50%;top:8%;translate:-50% 0;width:min(1100px,110vw);aspect-ratio:2/1;border-radius:50%;background:radial-gradient(closest-side,rgba(222,170,98,.12),rgba(120,170,145,.06) 55%,transparent);pointer-events:none}
/* Akşamın ufku: sahneden geceye geçilen yerde ışık gibi ince bir altın varak; kaydırdıkça parıltı üzerinde gezinir */
.mekan::before,.mekan::after{content:"";position:absolute;top:0;left:50%;height:1px;pointer-events:none}
.mekan::before{translate:-50% 0;width:min(980px,86vw);background:var(--varak-hat);opacity:.75}
.mekan::after{width:180px;margin-left:-90px;background:radial-gradient(closest-side,#FFF7DA,#FFF7DA00);box-shadow:var(--varak-isik);opacity:.9}
.mekan .ust-kisim{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:56px;align-items:end}
.mekan .maddeler{display:grid;gap:0}
.mekan .maddeler li{display:grid;grid-template-columns:28px 1fr;gap:14px;padding:16px 0;border-top:1px solid var(--kil);color:var(--murekkep-2)}
.mekan .maddeler li:last-child{border-bottom:1px solid var(--kil)}
.mekan .maddeler li b{display:block;color:var(--murekkep);font-weight:620}
.mekan .maddeler .ikon{margin-top:2px;color:var(--adacayi)}
.mekan .yaz{margin-top:28px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.mekan .yaz small{color:var(--murekkep-2);font-size:14.5px}
/* Panel penceresi: gerçek partner kabuğu (koyu sol menü, Canlı Genel Bakış) */
.pencere{margin-top:clamp(48px,7vh,80px);border-radius:28px;padding:12px;perspective:1600px}
.pencere .ic{display:grid;grid-template-columns:232px minmax(0,1fr);border-radius:18px;overflow:hidden;background:#110D0A;box-shadow:inset 0 0 0 1px rgba(255,236,210,.08)}
.yan{background:#16110E;padding:22px 14px;display:flex;flex-direction:column;gap:4px;font-size:13.5px;color:#BDAE9E;border-right:1px solid #2A221C}
.yan img{height:20px;width:auto;margin:0 8px 18px}
.yan .grup{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:650;color:#AE9F90;margin:14px 8px 6px}
.yan span{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px}
.yan span .ikon{width:17px;height:17px}
.yan span.secili{background:#211A15;color:#F4ECE1;position:relative}
.yan span.secili::before{content:"";position:absolute;left:-14px;top:9px;bottom:9px;width:2px;border-radius:2px;background:linear-gradient(180deg,#E8C878,#FFF7DA,#D6AB55)}
/* Ana alan gerçek panel gibi açık zeminli (.gun belirteçleri): gece sayfasında aydınlık bir pencere */
.panel-ana{padding:24px 28px 28px;display:grid;gap:18px;align-content:start;background:var(--mermer);color:var(--murekkep);position:relative;isolation:isolate}
.panel-ana>.filigran{--fil-boy:80px}
.panel-ana .ust-sira{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.panel-ana .panel-baslik{font-family:var(--serif);font-weight:400;font-size:30px;letter-spacing:-.02em;line-height:1.15}
.panel-ana .panel-baslik .cap{display:block;font-family:var(--sans);margin-bottom:6px;color:var(--murekkep-2)}
.subeler-sekme{display:flex;gap:4px;padding:4px;border-radius:14px;background:var(--kaymak);border:1px solid var(--kil);font-size:12.5px;font-weight:600;color:var(--murekkep-2)}
.subeler-sekme span{padding:7px 12px;border-radius:10px}
.subeler-sekme span.aktif{background:var(--sut);color:var(--murekkep);box-shadow:0 1px 2px rgba(60,40,22,.12)}
.panel-izgara{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:16px}
.levha{border-radius:16px;background:var(--sut);border:1px solid var(--kil);padding:16px 18px;box-shadow:0 1px 2px rgba(60,40,22,.06)}
.levha .lb{display:flex;justify-content:space-between;align-items:center;gap:10px;font-weight:620;font-size:14px}
.levha .lb .cap{display:block;margin-bottom:2px;color:var(--murekkep-2)}
.levha .ornek{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;border-radius:var(--r-tam);border:1px solid var(--kil);font-size:11px;font-weight:600;color:var(--murekkep-2);flex:none}
.levha .ornek::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--bakir)}
.doluluk-listesi{margin-top:12px;display:grid}
.doluluk-listesi div{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid var(--kil-2);font-size:13.5px}
.egri{margin-top:10px;width:100%;height:auto}
.egri .zemin{fill:rgba(29,22,18,.045)}
.egri .cizgi{fill:none;stroke:var(--murekkep-2);stroke-width:1.6}
.egri .dolan{fill:rgba(22,97,95,.14)}
.egri .yeni{fill:none;stroke:var(--cini);stroke-width:2;stroke-dasharray:4 5}
.egri text{font:600 11px var(--sans);fill:var(--murekkep-2);letter-spacing:.1em}
.egri .etiket{fill:var(--cini);letter-spacing:.01em;font-size:12.5px}
/* Doluluk ısı haritası: gerçek paneldeki "Kapasite" kartı; yalnız kategori, rakam yok */
.levha.isi{grid-column:1/-1}
.isi-izgara{margin-top:14px;display:grid;grid-template-columns:34px repeat(12,minmax(0,1fr));gap:4px;align-items:center}
.isi-izgara span{font-size:11.5px;font-weight:600;color:var(--murekkep-2)}
.isi-izgara i,.isi-lejant i{display:block;height:18px;border-radius:5px;background:rgba(22,97,95,.16)}
.isi-izgara i[data-d="2"],.isi-lejant i[data-d="2"]{background:rgba(153,73,42,.30)}
.isi-izgara i[data-d="3"],.isi-lejant i[data-d="3"]{background:rgba(153,73,42,.62)}
.isi-lejant{display:flex;gap:16px;margin-top:12px;font-size:12px;color:var(--murekkep-2)}
.isi-lejant span{display:inline-flex;align-items:center;gap:6px}
.isi-lejant i{width:14px;height:10px;border-radius:3px}

/* ---------- 5 · Güven, sorular, yakında, alt bilgi (gece) ---------- */
.guven{padding:clamp(64px,9vh,112px) 0;text-align:center}
.guven .muhur{width:64px;height:64px;margin:0 auto 26px;border-radius:50%;display:grid;place-items:center;color:var(--cini)}
.guven .muhur .ikon{width:26px;height:26px}
.guven p.alt{margin:22px auto 0;max-width:560px;font-size:19px;color:var(--murekkep-2)}
.sorular{padding:clamp(40px,8vh,96px) 0}
.sorular .kap{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:48px}
.sorular details{border-top:1px solid var(--kil)}
.sorular details:last-child{border-bottom:1px solid var(--kil)}
.sorular summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 2px;font-family:var(--serif);font-weight:var(--baslik-agirlik);font-size:clamp(20px,1.8vw,24px);letter-spacing:-.01em}
.sorular summary::-webkit-details-marker{display:none}
.sorular summary .arti{width:32px;height:32px;border-radius:50%;flex:none;display:grid;place-items:center;transition:transform .5s var(--egri)}
.sorular details[open] summary .arti{transform:rotate(45deg)}
.sorular details p{padding:0 2px 22px;max-width:620px;color:var(--murekkep-2);font-size:17px}
.son{position:relative;isolation:isolate;padding:clamp(96px,16vh,180px) 0 clamp(72px,10vh,120px);text-align:center;overflow:clip}
.son .filigran{--fil-boy:96px;--fil-maske:radial-gradient(60% 70% at 50% 100%,#000 0%,rgba(0,0,0,.5) 45%,transparent 80%)}
/* Porselen halkalar ve mühür: Fincan'ın f'si, ince altın varak halka içinde */
.son::before,.son::after{content:"";position:absolute;left:50%;top:50%;translate:-50% -50%;border-radius:50%;border:1px solid var(--halka);z-index:-1;pointer-events:none;
  -webkit-mask:linear-gradient(180deg,transparent 4%,#000 34%,#000 66%,transparent 96%);mask:linear-gradient(180deg,transparent 4%,#000 34%,#000 66%,transparent 96%)}
.son::before{width:min(760px,150vw);aspect-ratio:1}
.son::after{width:min(520px,104vw);aspect-ratio:1}
.muhur-f{position:relative;width:76px;height:76px;margin:0 auto 30px;border-radius:50%;display:grid;place-items:center;color:var(--bakir)}
.muhur-f::before{content:"";position:absolute;inset:0;border-radius:50%;padding:1px;background:var(--varak-halka);filter:drop-shadow(0 0 8px #FFE0966B);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.muhur-f span{font-family:var(--urun-serif);font-weight:560;font-size:44px;line-height:1;translate:0 -2px;font-variation-settings:"opsz" 144}
.muhur-f i{position:absolute;width:1px;height:58px;background:linear-gradient(180deg,#D6A85000,#E8C878 30%,#FFF7DA 50%,#D6AB55 70%,#D6A85000);rotate:43deg;opacity:.9}
.son .magaza{justify-content:center;margin-top:36px}
.son .mekan-satir{margin-top:22px;color:var(--murekkep-2);font-size:15.5px}
.son .mekan-satir a{color:var(--murekkep);text-underline-offset:4px}
/* Sondaki çizgi: net ve dolgun; ortasında ince bir varak ışığı. Altında bağlantılar. */
.alt-bilgi{position:relative;border-top:1.5px solid color-mix(in srgb,var(--murekkep) 26%,transparent);padding:28px 0 40px;font-size:14px;color:var(--murekkep-2)}
.alt-bilgi::before{content:"";position:absolute;top:-1.5px;left:50%;translate:-50% 0;width:min(560px,70vw);height:1.5px;background:var(--varak-hat);opacity:.85;pointer-events:none}
.alt-bilgi .kap{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.alt-bilgi img{height:22px;width:auto}
.alt-bilgi nav{display:flex;gap:22px;flex-wrap:wrap}
.alt-bilgi a{text-decoration:none;color:var(--murekkep-2)}
.alt-bilgi a:hover{color:var(--murekkep);text-decoration:underline;text-underline-offset:4px}

/* ---------- Görünür olma: sayfa içinde yumuşak giriş (yalnız opacity/transform) ---------- */
@media (prefers-reduced-motion:no-preference){
  .acilis .asama{animation:gir 1.2s var(--egri) both}
  .acilis .asama:nth-child(2){animation-delay:.08s}.acilis .asama:nth-child(3){animation-delay:.16s}.acilis .asama:nth-child(4){animation-delay:.24s}.acilis .asama:nth-child(5){animation-delay:.32s}
  .acilis .sahne .telefon{animation:yuksel 1.6s var(--egri) .15s both}
  .acilis .halkalar{animation:halka-gir 2.4s var(--egri) .3s both}
  @keyframes halka-gir{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}
  @keyframes gir{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
  @keyframes yuksel{from{opacity:0;transform:translateY(80px) scale(.96)}to{opacity:1;transform:none}}
  @supports (animation-timeline:view()){
    /* Açılış derinliği: telefon ve halkalar farklı hızda kayar; varak ışığı halka üzerinde döner */
    .acilis .derinlik-1{animation:derin-1 linear both;animation-timeline:scroll(root);animation-range:0 100vh}
    .acilis .halkalar .varakli{animation:varak-don linear both;animation-timeline:scroll(root);animation-range:0 110vh}
    @keyframes varak-don{to{transform:rotate(80deg)}}
    /* Ufuk çizgisindeki parıltı kaydırmayla soldan sağa gezinir */
    .akis .mekan{view-timeline-name:--mekan}
    .akis .mekan::after{animation:ufuk linear both;animation-timeline:--mekan;animation-range:entry 0% cover 50%}
    @keyframes ufuk{from{transform:translateX(-34vw);opacity:0}30%{opacity:.9}to{transform:translateX(34vw);opacity:.6}}
    .acilis .filigran{animation:fil-son linear both;animation-timeline:scroll(root);animation-range:0 90vh}
    @keyframes derin-1{to{transform:translateY(-70px)}}
    @keyframes fil-son{to{opacity:0}}
    .akis .gorun{animation:gorun linear both;animation-timeline:view();animation-range:entry 5% cover 32%}
    @keyframes gorun{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
    .akis .pencere .ic{animation:egim linear both;animation-timeline:view();animation-range:entry 0% cover 45%;transform-origin:50% 100%}
    @keyframes egim{from{opacity:.2;transform:rotateX(14deg) translateY(60px) scale(.94)}to{opacity:1;transform:none}}
  }
}

/* ---------- Duyarlı ---------- */
@media (max-width:1080px){
  .acilis .kap{grid-template-columns:1fr;gap:8px;min-height:auto;padding-top:24px}
  .sahne{height:auto;padding-top:24px;overflow:hidden;margin:0 calc(-1 * var(--kenar))}
  .sahne .telefon{zoom:.86;margin-bottom:-170px}
  .halkalar{top:52%}
  .nasil .kap{grid-template-columns:1fr;gap:0}
  .yapiskan{top:70px;height:auto;z-index:1;padding-top:12px}
  .yapiskan .telefon{zoom:.66}
  .adimlar{position:relative;z-index:2}
  .adimlar li{min-height:96svh;justify-content:flex-end;padding-bottom:28px}
  .adimlar .kart{padding:24px;border-radius:26px;background:color-mix(in srgb,var(--sut) 90%,transparent);-webkit-backdrop-filter:blur(28px) saturate(185%);backdrop-filter:blur(28px) saturate(185%);box-shadow:inset 0 1px 1px var(--sivi-ic),var(--sivi-golge);max-width:none}
  .adimlar p{font-size:16.5px}
  .mekan .ust-kisim{grid-template-columns:1fr;gap:32px}
  .pencere .ic{grid-template-columns:1fr}
  .yan{display:none}
  .panel-izgara{grid-template-columns:1fr}
  .sorular .kap{grid-template-columns:1fr;gap:20px}
}
@media (max-width:600px){
  .acilis{padding-top:92px}
  .acilis .magaza .rozet{flex:1;min-width:0}
  .sahne .telefon{zoom:.8}
  .yapiskan .telefon{zoom:.58}
  .kayitlar i:nth-child(2){display:none}.kayitlar i:nth-child(1){left:50%}
  .sakin .aksam-metni::before{inset:-26% -14%;background:radial-gradient(closest-side,rgba(14,20,17,.76),rgba(14,20,17,.56) 55%,rgba(14,20,17,.2) 82%,rgba(14,20,17,0))}
  .pencere{padding:6px;border-radius:20px}
  .panel-ana{padding:16px}
  .subeler-sekme span:nth-child(n+3){display:none}
  .ilgilen u{display:none}
  .alt-bilgi .kap{flex-direction:column;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

.kampanya{margin-top:12px;display:grid;grid-template-columns:1fr auto;gap:6px 10px;align-items:center;padding:14px 16px;border-radius:20px;background:var(--sut);border:1px solid var(--kil-2)}
.kampanya b{display:block;font-family:var(--serif);font-weight:400;font-size:19px;margin-top:2px}
.kampanya .kucuk{font-size:15px}.kampanya u{grid-column:1/-1;font-size:13px;font-weight:600;color:var(--murekkep-2);text-underline-offset:3px}
.telefon.koyu-ekran .durum{color:#F4ECE1}

/* Yasal alt sayfalar (iskelet) */
.yasal-icerik{padding-top:150px;padding-bottom:120px;max-width:760px;min-height:70vh}
.yasal-icerik h1{margin-top:16px;font-family:var(--serif);font-weight:var(--baslik-agirlik);font-size:clamp(40px,5vw,64px);line-height:1.02;letter-spacing:var(--baslik-iz)}
.yasal-not{margin-top:24px;font-size:18px;color:var(--murekkep-2)}

/* Hareket azaltılmışsa adımlar yapışkan sahne olmadan sıralı okunur */
@media (prefers-reduced-motion:reduce){.yapiskan{position:relative;top:auto;height:auto;padding:24px 0}.adimlar li{min-height:0;padding:36px 0}.adimlar li .kart{opacity:1}}

/* Koyu temada sahne akşamüstünden başlar: parlak gündüz karesi yok */
/* Dar ekranda yukarı çıkan adım kartı telefonun üstünde asılı kalmasın */
@media (max-width:1080px) and (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.adimlar .kart{animation:kart-cik linear both;animation-timeline:view();animation-range:cover 58% cover 80%}@keyframes kart-cik{to{opacity:0;transform:translateY(-28px) scale(.98)}}}}