/* ══════════════════════════════════════════════════════════════════
 * ARTİEKRAN TANITIM SİTESİ — YENİ GÖRÜNÜM v40 (3.34)
 *
 * site-v10.css ve site-v20.css'ten SONRA yüklenir.
 *   1. Bütün site: yazı tipi Archivo + JetBrains Mono, başlık ölçüleri.
 *   2. Ana sayfa (.yn): canlı örnek ekranlar, demo, hesaplayıcı vb.
 *
 * RENK YİNE PANELDEN gelir (--vurgu, --koyu, --metin, --zemin …);
 * bu dosya renk yazmaz, yalnızca o değişkenleri kullanır. Örnek ekranların
 * içindeki renkler (menü panosu, kampanya vb.) sabittir: onlar "ekranın
 * içeriği"dir, sitenin rengi değil.
 *
 * Eski görünüme dönmek: site-ortak.php'den bu dosyanın satırını kaldırın.
 * ══════════════════════════════════════════════════════════════════ */

@font-face{font-family:"Archivo FM";font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;
  src:url(site/font/archivo-latin-ext-wdth-normal.woff2) format("woff2-variations");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Archivo FM";font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;
  src:url(site/font/archivo-latin-wdth-normal.woff2) format("woff2-variations");
  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:"JetBrains Mono FM";font-style:normal;font-display:swap;font-weight:100 800;
  src:url(site/font/jetbrains-mono-latin-ext-wght-normal.woff2) format("woff2-variations");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"JetBrains Mono FM";font-style:normal;font-display:swap;font-weight:100 800;
  src:url(site/font/jetbrains-mono-latin-wght-normal.woff2) format("woff2-variations");
  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}

/* ═════════ 1. BÜTÜN SİTE ═════════ */
:root{
  --sans:"Archivo FM","Helvetica Neue",Arial,system-ui,sans-serif;
  --serif:"Archivo FM","Helvetica Neue",Arial,system-ui,sans-serif;
  --mono:"JetBrains Mono FM",ui-monospace,Menlo,Consolas,monospace;
}
body{-webkit-font-smoothing:antialiased}
h1,h2,.st-bol h2,.st-cta h2,.st-kahraman h1{font-weight:800;font-stretch:115%;letter-spacing:-.015em;text-wrap:balance}
h3,.ky-kart h2{font-stretch:105%;letter-spacing:-.005em}
.st-logo{font-stretch:125%;font-weight:800;letter-spacing:.01em}
.st-logo i{border-radius:9px}
.st-logo small{font-family:var(--mono);font-weight:500;letter-spacing:.14em}
.st-etiket{font-family:var(--mono);font-weight:500;text-transform:uppercase;letter-spacing:.12em;font-size:11.5px}
.st-ust nav a.dug{font-weight:700}
.st-bt{font-weight:700}
:focus-visible{outline:3px solid var(--vurgu);outline-offset:2px}

/* ═════════ 2. ANA SAYFA ═════════ */
.yn{color:var(--metin);font-family:var(--sans)}
.yn section{padding-block:clamp(56px,8vw,104px)}
.yn section.yn-ilk{padding-top:clamp(40px,6vw,80px)}
.yn .yakinda{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;
  padding:4px 9px;border-radius:999px;background:#fff4d6;color:#7a4b00;border:1px solid #f1d38a;white-space:nowrap}
.yn .var-chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;
  padding:4px 9px;border-radius:999px;background:#e6f6ec;color:#0b6b3a;border:1px solid #b9e3c8;white-space:nowrap}
.yn .tab .yakinda,.yn .tab .var-chip{margin-left:6px;padding:2px 7px;font-size:10px}
.yn .tab[aria-selected="true"] .yakinda{background:#fff4d6}
.yn .pc .durum{margin-top:2px}

.yn h1,.yn h2,.yn h3{font-family:var(--sans);text-wrap:balance;margin:0;line-height:1.02}
.yn h2{font-size:clamp(30px,4.6vw,54px);font-variation-settings:"wdth" 118;font-weight:800;letter-spacing:-.01em}
.yn h3{font-size:20px;font-weight:700;font-variation-settings:"wdth" 108;line-height:1.2}
.yn p{margin:0}
.yn .eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--soluk);display:flex;align-items:center;gap:10px}
.yn .lead{font-size:clamp(17px,1.6vw,20px);color:var(--soluk);max-width:60ch}
.yn .sec-head{display:grid;gap:16px;margin-bottom:40px;max-width:780px}
.yn :focus-visible{outline:3px solid var(--vurgu);outline-offset:3px;border-radius:4px}
.yn .btn{display:inline-flex;align-items:center;gap:8px;font:600 15px/1 var(--sans);padding:14px 20px;border-radius:999px;text-decoration:none;border:1px solid var(--metin);color:var(--metin);background:transparent;cursor:pointer}
.yn .btn.primary{background:var(--vurgu);border-color:var(--vurgu-baglanti);color:var(--vurgu-yazi)}
.yn .btn:hover{transform:translateY(-1px)}
.yn .hero{padding-block:clamp(40px,6vw,80px) clamp(56px,7vw,96px)}
.yn .hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(32px,5vw,64px);align-items:center}
.yn .hero h1{font-size:clamp(44px,7vw,92px);font-weight:900;font-variation-settings:"wdth" 125;letter-spacing:-.02em;margin-block:18px 22px}
.yn .hero h1 em{font-style:normal;color:var(--vurgu-baglanti)}
.yn .live-dot{width:8px;height:8px;border-radius:50%;background:#ff3b30;box-shadow:0 0 0 4px color-mix(in srgb,#ff3b30 25%,transparent);animation:yn-pulse 1.6s infinite}
@keyframes yn-pulse{50%{box-shadow:0 0 0 7px color-mix(in srgb,#ff3b30 0%,transparent)}}
.yn .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.yn .specs{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px;font-family:var(--mono);font-size:12px;color:var(--soluk)}
.yn .specs span{border:1px solid var(--cizgi);padding:6px 10px;border-radius:6px}
@media (max-width:900px){
.yn .hero .wrap{grid-template-columns:minmax(0,1fr)}
}
.yn .tv{display:grid;gap:14px;min-width:0}
.yn .screen{position:relative;width:100%;max-width:100%;aspect-ratio:16/9;background:#05070c;border:clamp(6px,1.1vw,12px) solid #161a24;outline:1px solid #2a3040;border-radius:12px;overflow:hidden;container-type:inline-size;box-shadow:0 30px 60px -30px rgba(10,15,40,.45)}
.yn .screen.portrait{aspect-ratio:9/16;width:min(100%,330px);margin-inline:auto}
.yn .stand{width:22%;height:10px;margin:-4px auto 0;background:#161a24;border-radius:0 0 8px 8px}
.yn .screen .s{position:absolute;inset:0;opacity:0;transition:opacity .6s ease}
.yn .screen .s.on{opacity:1}
.yn .playlist{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.yn .pl-item{font-family:var(--mono);font-size:11px;color:var(--soluk);display:grid;gap:6px;background:none;border:0;padding:0;text-align:left;cursor:pointer}
.yn .pl-item .bar{height:3px;background:var(--cizgi);border-radius:3px;overflow:hidden}
.yn .pl-item .bar b{display:block;height:100%;width:0;background:var(--vurgu)}
.yn .pl-item.on{color:var(--metin)}
.yn .pl-cap{font-family:var(--mono);font-size:11px;color:var(--soluk);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.yn .s{font-family:"Archivo FM",Arial,sans-serif;color:#fff}
.yn .s-menu{background:radial-gradient(120% 90% at 85% 30%,#3a2416 0%,#140c08 60%);padding:4cqw 5.5cqw;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:1.8cqw}
.yn .s-menu .hd{display:flex;justify-content:space-between;align-items:baseline;font-variation-settings:"wdth" 125;font-weight:800;font-size:4.2cqw;letter-spacing:.02em;color:#f6d7a7}
.yn .s-menu .hd small{font-family:"JetBrains Mono FM",monospace;font-size:2.2cqw;font-weight:400;color:#c9a77a}
.yn .s-menu .grid{display:grid;grid-template-columns:1.3fr 1fr;gap:4cqw;align-items:center}
.yn .s-menu ul{list-style:none;margin:0;padding:0;display:grid;gap:1.1cqw}
.yn .s-menu li{display:flex;align-items:baseline;gap:1.2cqw;font-size:2.9cqw;font-weight:500}
.yn .s-menu li i{flex:1;border-bottom:.25cqw dotted #7a5a3e;transform:translateY(-.6cqw)}
.yn .s-menu li b{font-variation-settings:"wdth" 75;font-weight:800;font-size:3.3cqw;color:#ffc46b;font-variant-numeric:tabular-nums}
.yn .cup{position:relative;aspect-ratio:1;width:80%;justify-self:center;border-radius:50%;background:radial-gradient(circle at 50% 50%,#2a1608 0 38%,#c98a4b 39% 41%,#f3e3cc 42% 62%,#e2cfb3 63% 64%,transparent 65%);}
.yn .cup::after{content:"";position:absolute;inset:25%;border-radius:50%;background:radial-gradient(circle at 40% 40%,#7b4a24,#3d200c 70%);opacity:.9}
.yn .s-menu .ft{background:#ffc46b;color:#1d120a;font-weight:800;font-size:2.8cqw;padding:1.4cqw 2.4cqw;border-radius:1cqw;justify-self:start;font-variation-settings:"wdth" 110}
.yn .s-kur{background:linear-gradient(180deg,#071a2f,#030b16);padding:4cqw 5cqw;display:grid;grid-template-rows:auto 1fr auto;gap:2cqw}
.yn .s-kur .hd{display:flex;justify-content:space-between;align-items:center;font-weight:800;font-variation-settings:"wdth" 120;font-size:3.8cqw;color:#e9c46a}
.yn .s-kur .hd span:last-child{font-family:"JetBrains Mono FM",monospace;font-weight:600;font-size:3cqw;color:#fff}
.yn .s-kur table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.yn .s-kur th{font-family:"JetBrains Mono FM",monospace;font-weight:400;font-size:1.9cqw;color:#7f93b2;text-align:right;padding-bottom:1cqw;letter-spacing:.1em}
.yn .s-kur th:first-child,.yn .s-kur td:first-child{text-align:left}
.yn .s-kur td{font-size:3.4cqw;font-weight:700;padding:1.1cqw 0;border-top:.15cqw solid #15304f;text-align:right;transition:color .4s}
.yn .s-kur td:first-child{font-weight:600;font-variation-settings:"wdth" 90}
.yn .s-kur td.ch{font-family:"JetBrains Mono FM",monospace;font-size:2.4cqw;font-weight:600}
.yn .up{color:#3ddc84}
.yn .dn{color:#ff6b6b}
.yn .flash-up{color:#3ddc84!important}
.yn .flash-dn{color:#ff6b6b!important}
.yn .s-kur .ft{font-family:"JetBrains Mono FM",monospace;font-size:1.7cqw;color:#6c7f9c;display:flex;justify-content:space-between}
.yn .s-promo{background:#ffde21;color:#111;padding:5cqw 6cqw;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:3cqw;overflow:hidden}
.yn .s-promo .big{font-weight:900;font-variation-settings:"wdth" 62;font-size:30cqw;line-height:.8;letter-spacing:-.02em}
.yn .s-promo .big sup{font-size:.4em;vertical-align:top;position:relative;top:.15em}
.yn .s-promo .txt{display:grid;gap:2cqw}
.yn .s-promo .tag{background:#111;color:#ffde21;font-weight:800;font-size:2.2cqw;letter-spacing:.12em;padding:1cqw 1.8cqw;justify-self:start}
.yn .s-promo h4{margin:0;font-size:5.4cqw;line-height:1;font-weight:900;font-variation-settings:"wdth" 110}
.yn .s-promo .cd{font-family:"JetBrains Mono FM",monospace;font-weight:600;font-size:4.2cqw;font-variant-numeric:tabular-nums}
.yn .s-promo small{font-size:2cqw;font-weight:600}
.yn .s-corp{background:linear-gradient(135deg,#0d1b3d,#1d3a8a);padding:5cqw 6cqw;display:grid;grid-template-columns:1.3fr 1fr;gap:4cqw}
.yn .s-corp h4{margin:0 0 2.4cqw;font-size:6cqw;line-height:1;font-weight:800;font-variation-settings:"wdth" 120}
.yn .s-corp .sub{font-size:2.3cqw;color:#a9bcf2;margin-bottom:3cqw}
.yn .s-corp ul{list-style:none;margin:0;padding:0;display:grid;gap:1.4cqw}
.yn .s-corp li{display:grid;grid-template-columns:9cqw 1fr;font-size:2.5cqw;border-top:.15cqw solid #3953a0;padding-top:1.2cqw}
.yn .s-corp li b{font-family:"JetBrains Mono FM",monospace;color:#8fb0ff;font-weight:600}
.yn .s-corp .clock{align-self:center;text-align:right}
.yn .s-corp .clock b{display:block;font-size:12cqw;line-height:1;font-weight:300;font-variation-settings:"wdth" 80;font-variant-numeric:tabular-nums}
.yn .s-corp .clock span{font-size:2.3cqw;color:#a9bcf2}
.yn .s-queue{background:#0c2b24;padding:4.5cqw 5.5cqw;display:grid;grid-template-columns:1.4fr 1fr;gap:4cqw}
.yn .s-queue .now{background:#e9fff6;color:#06231c;border-radius:2cqw;display:grid;place-content:center;text-align:center;gap:1cqw}
.yn .s-queue .now small{font-size:2.6cqw;font-weight:700;letter-spacing:.14em}
.yn .s-queue .now b{font-size:17cqw;line-height:.9;font-weight:900;font-variation-settings:"wdth" 75;font-variant-numeric:tabular-nums}
.yn .s-queue .now span{font-size:3.6cqw;font-weight:800}
.yn .s-queue .now.blink{animation:yn-blink .45s 3}
@keyframes yn-blink{50%{background:#3ddc84}}
.yn .s-queue .prev{display:grid;align-content:center;gap:1.6cqw;color:#bfe8d8}
.yn .s-queue .prev h5{margin:0;font-size:2.2cqw;letter-spacing:.14em;color:#6fbfa2}
.yn .s-queue [data-qprev]{display:grid;gap:1.6cqw}
.yn .s-queue [data-qprev]>div{display:flex;justify-content:space-between;font-size:3.4cqw;font-weight:700;border-top:.15cqw solid #1f5246;padding-top:1.2cqw;font-variant-numeric:tabular-nums}
.yn .s-totem{background:linear-gradient(170deg,#2b0f3a 0%,#8a2b52 55%,#f0855a 100%);padding:9cqw 9cqw;display:grid;grid-template-rows:auto 1fr auto;gap:5cqw}
.yn .s-totem small{font-family:"JetBrains Mono FM",monospace;font-size:4cqw;letter-spacing:.14em;color:#ffd7c2}
.yn .s-totem h4{margin:0;align-self:center;font-size:27cqw;line-height:.85;font-weight:900;font-variation-settings:"wdth" 62;letter-spacing:-.01em}
.yn .s-totem p{font-size:5.4cqw;line-height:1.3}
.yn .s-totem .go{display:flex;justify-content:space-between;align-items:center;background:#fff;color:#2b0f3a;padding:4cqw 5cqw;border-radius:3cqw;font-weight:800;font-size:6cqw}
.yn .s-day{background:#101010;padding:5cqw 6cqw;display:grid;grid-template-rows:auto 1fr;gap:3cqw;opacity:1;transition:background .5s}
.yn .s-day .hd{display:flex;justify-content:space-between;align-items:baseline}
.yn .s-day .hd b{font-size:6cqw;font-weight:900;font-variation-settings:"wdth" 120;line-height:1}
.yn .s-day .hd span{font-family:"JetBrains Mono FM",monospace;font-size:2.4cqw;opacity:.8}
.yn .s-day ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:3cqw}
.yn .s-day li{border-radius:1.6cqw;padding:2.5cqw;display:grid;gap:1cqw;align-content:end;background:rgba(255,255,255,.08)}
.yn .s-day li .em{aspect-ratio:1.4;border-radius:1cqw;margin-bottom:1cqw}
.yn .s-day li span{font-size:2.8cqw;font-weight:600;line-height:1.15}
.yn .s-day li b{font-size:4cqw;font-weight:900;font-variation-settings:"wdth" 80}
.yn .parts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--cizgi)}
.yn .part{padding:28px 24px 28px 0;display:grid;gap:12px;align-content:start;border-right:1px solid var(--cizgi);margin-right:24px;min-width:0}
.yn .part:last-child{border-right:0;margin-right:0}
.yn .part .n{font-family:var(--mono);font-size:12px;color:var(--vurgu-baglanti)}
.yn .part p{color:var(--soluk);font-size:15.5px}
.yn .part svg{width:44px;height:44px;stroke:var(--metin);fill:none;stroke-width:1.5}
@media (max-width:900px){
.yn .parts{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.yn .part:nth-child(2){border-right:0;margin-right:0}
}
@media (max-width:520px){
.yn .parts{grid-template-columns:minmax(0,1fr)}
.yn .part{border-right:0;margin-right:0;border-bottom:1px solid var(--cizgi);padding-right:0}
}
.yn .gallery{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.yn .tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.yn .tab{font:600 14px/1 var(--sans);padding:11px 16px;border-radius:999px;border:1px solid var(--cizgi);background:#fff;color:var(--metin);cursor:pointer}
.yn .tab[aria-selected="true"]{background:var(--metin);color:var(--zemin);border-color:var(--metin)}
.yn .g-info{display:grid;gap:16px;min-width:0}
.yn .g-info .where{font-family:var(--mono);font-size:12px;color:var(--vurgu-baglanti);letter-spacing:.08em;text-transform:uppercase}
.yn .g-info h3{font-size:clamp(26px,3vw,34px);font-variation-settings:"wdth" 115;font-weight:800}
.yn .g-info p{color:var(--soluk)}
.yn .g-info ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.yn .g-info li{display:grid;grid-template-columns:20px 1fr;gap:8px;font-size:15.5px}
.yn .g-info li::before{content:"";width:8px;height:8px;margin-top:9px;background:var(--vurgu);border-radius:2px}
.yn .g-stage{min-width:0}
@media (max-width:900px){
.yn .gallery{grid-template-columns:minmax(0,1fr)}
}
.yn .day-wrap{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center}
.yn .ctrl{display:grid;gap:18px;min-width:0}
.yn .time-read{font-family:var(--sans);font-weight:300;font-variation-settings:"wdth" 80;font-size:clamp(56px,8vw,88px);line-height:1;font-variant-numeric:tabular-nums}
.yn input[type=range]{width:100%;accent-color:var(--vurgu-baglanti)}
.yn .segs{display:grid;grid-template-columns:5fr 5fr 8fr;gap:4px;font-family:var(--mono);font-size:11px;color:var(--soluk)}
.yn .segs div{border-top:4px solid var(--cizgi);padding-top:6px}
.yn .segs div.on{border-color:var(--vurgu-baglanti);color:var(--metin)}
@media (max-width:900px){
.yn .day-wrap{grid-template-columns:minmax(0,1fr)}
}
.yn .tbl-wrap{overflow-x:auto;border:1px solid var(--cizgi);border-radius:14px;background:#fff}
.yn table.cmp{width:100%;border-collapse:collapse;min-width:560px;font-size:15.5px}
.yn .cmp th,.yn .cmp td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--cizgi);vertical-align:top}
.yn .cmp tr:last-child td{border-bottom:0}
.yn .cmp thead th{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--soluk);font-weight:400}
.yn .cmp td:first-child{font-weight:600;width:28%}
.yn .cmp td:nth-child(2){color:var(--soluk)}
.yn .cmp td:nth-child(3){color:var(--metin)}
.yn .cmp thead th:nth-child(3){color:var(--vurgu-baglanti)}
.yn .types{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:16px}
.yn .type{background:#fff;border:1px solid var(--cizgi);border-radius:14px;padding:22px;display:grid;gap:12px;align-content:start}
.yn .type .shape{height:70px;display:flex;align-items:flex-end}
.yn .type .shape i{display:block;background:var(--metin);border-radius:3px}
.yn .type p{color:var(--soluk);font-size:15px}
.yn .type dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-family:var(--mono);font-size:12px}
.yn .type dt{color:var(--soluk)}
.yn .type dd{margin:0}
.yn .players{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:16px}
.yn .pc{background:#fff;border:1px solid var(--cizgi);border-radius:14px;padding:22px;display:grid;gap:12px;align-content:start;min-width:0}
.yn .pc-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.yn .pc-cat{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--vurgu-baglanti)}
.yn .pc svg{width:46px;height:34px;stroke:var(--metin);fill:none;stroke-width:1.5;flex:none}
.yn .pc .ex{font-family:var(--mono);font-size:12px;color:var(--soluk)}
.yn .pc p{color:var(--soluk);font-size:15px}
.yn .pc .pm{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;font-size:14px}
.yn .pc .pm ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.yn .pc .pm li{display:grid;grid-template-columns:14px 1fr;gap:4px;line-height:1.4}
.yn .pc .pm .pro li::before{content:"+";color:var(--vurgu-baglanti);font-weight:700}
.yn .pc .pm .con li::before{content:"–";color:var(--soluk);font-weight:700}
.yn .pc .best{font-size:13.5px;border-top:1px solid var(--cizgi);padding-top:12px}
.yn .pc .best b{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--soluk);font-weight:400;margin-right:6px}
@media (max-width:420px){
.yn .pc .pm{grid-template-columns:minmax(0,1fr)}
}
.yn table.mx{min-width:820px;font-size:14px}
.yn .mx td,.yn .mx th{padding:12px 14px;white-space:nowrap}
.yn .mx td:first-child{width:auto}
.yn .mx td:not(:first-child){font-family:var(--mono);color:var(--metin);letter-spacing:.05em}
.yn .mx .dim{color:var(--cizgi)}
.yn .note{font-family:var(--mono);font-size:12px;color:var(--soluk);margin-top:12px}
.yn .pick{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));border-top:1px solid var(--cizgi)}
.yn .pick div{display:grid;gap:4px;padding:16px 16px 16px 0;border-bottom:1px solid var(--cizgi)}
.yn .pick span{color:var(--soluk);font-size:15px}
.yn .pick b{font-family:var(--sans);font-variation-settings:"wdth" 110;font-size:18px}
.yn .sectors{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:16px}
.yn .sec{background:#fff;border:1px solid var(--cizgi);border-radius:14px;padding:24px;display:grid;gap:14px;align-content:start;scroll-margin-top:90px}
.yn .sec h3{font-size:24px;font-variation-settings:"wdth" 115;font-weight:800}
.yn .sec dl{margin:0;display:grid;gap:10px}
.yn .sec dt{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--soluk)}
.yn .sec dd{margin:0;font-size:15.5px}
.yn .sec dd.prob{color:var(--soluk)}
.yn .chips{display:flex;flex-wrap:wrap;gap:6px}
.yn .chips span{font-size:12.5px;border:1px solid var(--cizgi);border-radius:999px;padding:4px 10px}
.yn .sec .go{justify-self:start;background:none;border:0;padding:0;font:600 15px var(--sans);color:var(--vurgu-baglanti);cursor:pointer;text-decoration:none}
.yn .demo{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:clamp(24px,4vw,48px);align-items:start}
.yn .dpanel{background:#fff;border:1px solid var(--cizgi);border-radius:14px;padding:20px;display:grid;gap:12px}
.yn .dp-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--cizgi);flex-wrap:wrap}
.yn .dp-rows{display:grid;gap:8px}
.yn .dp-row{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:8px}
.yn .dp-in{width:100%;font:500 15px var(--sans);padding:10px 12px;border:1px solid var(--cizgi);border-radius:8px;background:var(--zemin);color:var(--metin);min-width:0}
.yn .dp-in:focus{border-color:var(--vurgu-baglanti);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--vurgu) 25%,transparent)}
.yn .dp-lbl{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--soluk);margin-top:4px}
.yn .dp-themes{display:flex;gap:8px;flex-wrap:wrap}
.yn .dp-themes button{display:flex;align-items:center;gap:8px;font:500 14px var(--sans);padding:8px 12px;border-radius:999px;border:1px solid var(--cizgi);background:var(--zemin);color:var(--metin);cursor:pointer}
.yn .dp-themes button i{width:14px;height:14px;border-radius:50%}
.yn .dp-themes button[aria-checked="true"]{border-color:var(--metin);box-shadow:inset 0 0 0 1px var(--metin)}
.yn .dview{display:grid;gap:14px;min-width:0}
.yn .branches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.yn .br{display:grid;gap:8px;min-width:0}
.yn .br .screen{border-width:4px;border-radius:6px;box-shadow:none}
.yn .br-st{font-family:var(--mono);font-size:11px;color:var(--soluk);display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.yn .br-st i{width:7px;height:7px;border-radius:50%;background:var(--cizgi);flex:none}
.yn .br-st.busy i{background:#f5a524;animation:yn-pulse 1s infinite}
.yn .br-st.ok i{background:#22b573}
.yn .br-st b{color:var(--metin);font-weight:600}
@media (max-width:900px){
.yn .demo{grid-template-columns:minmax(0,1fr)}
}
.yn .tpls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media (max-width:860px){
.yn .tpls{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:480px){
.yn .tpls{grid-template-columns:minmax(0,1fr)}
}
.yn .tpl{display:grid;gap:10px;min-width:0}
.yn .tpl .screen{border-width:5px;border-radius:8px;box-shadow:none}
.yn .tpl-cap{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.yn .tpl-cap b{font-size:15px}
.yn .tpl-cap span{font-family:var(--mono);font-size:11px;color:var(--soluk)}
.yn .calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,4vw,48px);align-items:start}
.yn .calc-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.yn .calc-in label{display:grid;gap:6px;font-size:13.5px;color:var(--soluk);align-content:end}
.yn .calc-in input{width:100%;font:600 18px var(--mono);padding:10px 12px;border:1px solid var(--cizgi);border-radius:8px;background:#fff;color:var(--metin);font-variant-numeric:tabular-nums;min-width:0}
.yn .calc-in input:focus{border-color:var(--vurgu-baglanti);outline:none}
.yn .calc-out{background:var(--metin);color:var(--zemin);border-radius:16px;padding:clamp(20px,3vw,32px);display:grid;gap:22px}
.yn .calc-out .note{color:color-mix(in srgb,var(--zemin) 60%,var(--metin))}
.yn .co-big{display:grid;gap:4px}
.yn .co-big span,.yn .co-grid span,.yn .cb span{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--zemin) 65%,var(--metin))}
.yn .co-big b{font-family:var(--sans);font-variation-settings:"wdth" 80;font-weight:800;font-size:clamp(40px,6vw,64px);line-height:1;font-variant-numeric:tabular-nums}
.yn .co-bars{display:grid;gap:12px}
.yn .cb{display:grid;grid-template-columns:130px minmax(0,1fr) auto;gap:12px;align-items:center}
.yn .cb-track{height:12px;background:color-mix(in srgb,var(--zemin) 14%,var(--metin));border-radius:3px;overflow:hidden}
.yn .cb-track i{display:block;height:100%;width:0;background:color-mix(in srgb,var(--zemin) 70%,var(--metin));border-radius:3px;transition:width .4s}
.yn .cb.acc .cb-track i{background:var(--vurgu)}
.yn .cb b{font-family:var(--mono);font-size:13px;font-variant-numeric:tabular-nums;min-width:86px;text-align:right}
.yn .co-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;border-top:1px solid color-mix(in srgb,var(--zemin) 18%,var(--metin));padding-top:18px}
.yn .co-grid div{display:grid;gap:4px}
.yn .co-grid b{font-family:var(--sans);font-variation-settings:"wdth" 90;font-size:26px;font-weight:700;font-variant-numeric:tabular-nums}
.yn #o-save{color:var(--vurgu-baglanti)}
@media (max-width:900px){
.yn .calc{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:460px){
.yn .calc-in{grid-template-columns:minmax(0,1fr)}
.yn .cb{grid-template-columns:minmax(0,1fr) auto}
.yn .cb-track{grid-column:1/-1;grid-row:2}
}
.yn .steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border-top:2px solid var(--metin)}
.yn .steps li{padding:22px 20px 0 0;display:grid;gap:10px;align-content:start;position:relative;min-width:0}
.yn .steps li::before{content:"";position:absolute;top:-7px;left:0;width:12px;height:12px;border-radius:50%;background:var(--vurgu);box-shadow:0 0 0 4px var(--zemin)}
.yn .steps .n{font-family:var(--mono);font-size:12px;color:var(--vurgu-baglanti)}
.yn .steps p{color:var(--soluk);font-size:15px}
@media (max-width:900px){
.yn .steps{grid-template-columns:minmax(0,1fr);border-top:0;border-left:2px solid var(--metin);gap:24px}
.yn .steps li{padding:0 0 0 24px}
.yn .steps li::before{top:4px;left:-7px}
}
.yn .pkgs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px;align-items:stretch}
.yn .pkg{background:#fff;border:1px solid var(--cizgi);border-radius:16px;padding:26px;display:grid;grid-template-rows:auto auto auto auto 1fr auto;gap:14px}
.yn .pkg.hi{border:2px solid var(--vurgu)}
.yn .pkg h3{font-size:28px;font-variation-settings:"wdth" 118;font-weight:800}
.yn .pkg .price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-family:var(--sans);font-size:26px;font-weight:800}
.yn .pkg .price small{font-family:var(--mono);font-size:12px;color:var(--soluk);font-weight:400}
.yn .pkg p{color:var(--soluk);font-size:15px}
.yn .pkg ul{margin:0;padding:0;list-style:none;display:grid;gap:8px;align-content:start;font-size:15px}
.yn .pkg li{display:grid;grid-template-columns:18px 1fr;gap:6px}
.yn .pkg li::before{content:"✓";color:var(--vurgu-baglanti);font-weight:700}
.yn .pkg .btn{justify-content:center}
.yn .wa-float{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:30;display:flex;align-items:center;gap:8px;background:#1fa855;color:#fff;text-decoration:none;font:700 15px var(--sans);padding:12px 18px 12px 14px;border-radius:999px;box-shadow:0 10px 30px -8px rgba(0,0,0,.35)}
.yn .wa-float svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:1.8}
.yn .wa-float:hover{transform:translateY(-2px)}
@media (max-width:520px){
.yn .wa-float span{display:none}
.yn .wa-float{padding:14px}
}
.yn .s-pharm{background:#f3faf5;color:#0f3020;padding:4.5cqw 5.5cqw;display:grid;grid-template-rows:auto 1fr auto;gap:2.4cqw}
.yn .s-pharm .hd{display:flex;align-items:center;gap:2.4cqw;font-weight:900;font-variation-settings:"wdth" 115;font-size:4.6cqw}
.yn .s-pharm .e{width:7cqw;height:7cqw;border-radius:1.2cqw;background:#d7262d;color:#fff;display:grid;place-items:center;font-size:5cqw;font-weight:900}
.yn .s-pharm .hd small{margin-left:auto;font-family:"JetBrains Mono FM",monospace;font-size:2.2cqw;font-weight:600;color:#4c7a60}
.yn .s-pharm ul{list-style:none;margin:0;padding:0;display:grid;gap:1.6cqw}
.yn .s-pharm li{display:grid;grid-template-columns:1fr auto;gap:.4cqw 2cqw;background:#fff;border-left:1cqw solid #d7262d;padding:1.6cqw 2.2cqw;border-radius:.8cqw}
.yn .s-pharm li b{font-size:3.2cqw}
.yn .s-pharm li span{font-size:2.2cqw;color:#4c6b58}
.yn .s-pharm li em{grid-row:1/3;grid-column:2;align-self:center;font-style:normal;font-family:"JetBrains Mono FM",monospace;font-size:2.4cqw;font-weight:600}
.yn .s-pharm .ft{font-size:2cqw;color:#4c6b58}
.yn .s-estate{background:#f5f1ea;color:#1c1a17;display:grid;grid-template-columns:1.1fr 1fr}
.yn .s-estate .img{background:linear-gradient(180deg,#9fc4e8 0 55%,#7fae6a 55%);position:relative}
.yn .s-estate .img::before{content:"";position:absolute;left:18%;right:18%;bottom:30%;height:34%;background:#efe6d6;box-shadow:inset 0 -2cqw 0 #d8c8ad}
.yn .s-estate .img::after{content:"";position:absolute;left:12%;right:12%;bottom:64%;height:22%;background:#a1442e;clip-path:polygon(50% 0,100% 100%,0 100%)}
.yn .s-estate .info{padding:4.5cqw;display:grid;align-content:center;gap:1.8cqw}
.yn .s-estate .tag{justify-self:start;background:#1c1a17;color:#f5f1ea;font-size:2cqw;font-weight:800;letter-spacing:.12em;padding:.8cqw 1.6cqw}
.yn .s-estate h4{margin:0;font-size:5cqw;line-height:1.05;font-weight:800;font-variation-settings:"wdth" 110}
.yn .s-estate .pr{font-size:5.6cqw;font-weight:900;color:#a1442e;font-variation-settings:"wdth" 85}
.yn .s-estate .ft{display:flex;flex-wrap:wrap;gap:1cqw;font-family:"JetBrains Mono FM",monospace;font-size:2cqw}
.yn .s-estate .ft span{border:.2cqw solid #1c1a17;padding:.5cqw 1cqw}
.yn .s-hotel{background:radial-gradient(100% 120% at 0 0,#20463a,#0c1d18);color:#f2e9d8;padding:5cqw 6cqw;display:grid;grid-template-columns:1.3fr 1fr;gap:4cqw;align-items:center}
.yn .s-hotel small{font-family:"JetBrains Mono FM",monospace;font-size:2.2cqw;letter-spacing:.2em;color:#c9a96a}
.yn .s-hotel h4{margin:1.5cqw 0;font-size:7.5cqw;line-height:.95;font-weight:300;font-variation-settings:"wdth" 75}
.yn .s-hotel h4 b{font-weight:800;color:#e3c27f}
.yn .s-hotel ul{list-style:none;margin:0;padding:0;display:grid;gap:1.4cqw}
.yn .s-hotel li{display:flex;justify-content:space-between;gap:2cqw;border-bottom:.15cqw solid #3d6457;padding-bottom:1cqw;font-size:2.4cqw}
.yn .s-hotel li b{font-family:"JetBrains Mono FM",monospace;color:#e3c27f;font-weight:600}
.yn .s-happy{background:#14041f;padding:5cqw 6cqw;display:grid;align-content:center;justify-items:center;text-align:center;gap:2cqw;overflow:hidden}
.yn .s-happy h4{margin:0;font-size:12cqw;line-height:.9;font-weight:900;font-variation-settings:"wdth" 70;color:#ff4fd8;text-shadow:0 0 2cqw #ff4fd8,0 0 5cqw #9b2cff}
.yn .s-happy .t{font-family:"JetBrains Mono FM",monospace;font-size:4cqw;font-weight:600;color:#6ef3ff;text-shadow:0 0 1.5cqw #6ef3ff}
.yn .s-happy p{margin:0;font-size:3cqw;font-weight:700;color:#fff}
.yn .faq{display:grid;gap:0;border-top:1px solid var(--cizgi);max-width:860px}
.yn .faq details{border-bottom:1px solid var(--cizgi);padding-block:20px}
.yn .faq summary{cursor:pointer;font-family:var(--sans);font-weight:700;font-size:19px;font-variation-settings:"wdth" 108;list-style:none;display:flex;justify-content:space-between;gap:16px}
.yn .faq summary::after{content:"+";font-family:var(--mono);color:var(--vurgu-baglanti);font-size:22px;line-height:1}
.yn .faq details[open] summary::after{content:"–"}
.yn .faq details p{color:var(--soluk);margin-top:12px;max-width:68ch}
.yn .cta{background:var(--metin);color:var(--zemin);border-radius:20px;padding:clamp(32px,6vw,72px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:end}
.yn .cta h2{font-size:clamp(32px,5vw,64px)}
.yn .cta p{color:color-mix(in srgb,var(--zemin) 70%,var(--metin));margin-top:14px;max-width:52ch}
.yn .cta .btn{border-color:var(--zemin);color:var(--zemin)}
.yn .cta .btn.primary{background:var(--vurgu);border-color:var(--vurgu-baglanti);color:var(--vurgu-yazi)}
@media (max-width:760px){
.yn .cta{grid-template-columns:minmax(0,1fr)}
}
.yn .wrap{max-width:1180px;margin:0 auto;padding-inline:20px}
.yn .eyebrow .live-dot{flex:none}
.yn .s{font-family:"Archivo FM",Arial,sans-serif}
.yn .pkg .btn{justify-content:center}
.yn .pkg.hi{border:2px solid var(--vurgu)}
.yn .tpl-yakinda{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.yn .g-durum{display:flex;gap:8px;flex-wrap:wrap}
@media (prefers-reduced-motion:reduce){.yn *{animation:none!important;transition:none!important}}
/* Panelden gelen ana başlık uzun olabilir: sitedeki kısa slogana göre değil, ona göre ölçülür */
.yn .hero h1{font-size:clamp(34px,4.6vw,60px);font-variation-settings:"wdth" 112;line-height:1.04}
/* Vitrinde tek paket olsa bile kart sayfa boyu uzamasın */
.yn .pkgs{grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),360px))}
/* Aylık/Yıllık seçicide seçili düğme beyaz zemin üstüne beyaz yazıydı (3.30'dan beri) */
.st-donem button.on,.ky-donem button.on{background:var(--vurgu);color:var(--vurgu-yazi)}