/* Local Self-Hosted Fonts: Boska, Switzer, IBM Plex Mono */ @font-face{font-family:'Boska';font-style:normal;font-weight:400;font-display:swap;src:url('/varliklar/fontlar/boska-400.woff2') format('woff2')} @font-face{font-family:'Boska';font-style:normal;font-weight:700;font-display:swap;src:url('/varliklar/fontlar/boska-700.woff2') format('woff2')} @font-face{font-family:'Switzer';font-style:normal;font-weight:400;font-display:swap;src:url('/varliklar/fontlar/switzer-400.woff2') format('woff2')} @font-face{font-family:'Switzer';font-style:normal;font-weight:500;font-display:swap;src:url('/varliklar/fontlar/switzer-500.woff2') format('woff2')} @font-face{font-family:'Switzer';font-style:normal;font-weight:600;font-display:swap;src:url('/varliklar/fontlar/switzer-600.woff2') format('woff2')} @font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/varliklar/fontlar/ibm-plex-mono-400-latin-ext.woff2') format('woff2');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:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/varliklar/fontlar/ibm-plex-mono-400-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:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('/varliklar/fontlar/ibm-plex-mono-500-latin-ext.woff2') format('woff2');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:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('/varliklar/fontlar/ibm-plex-mono-500-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:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url('/varliklar/fontlar/ibm-plex-mono-600-latin-ext.woff2') format('woff2');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:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url('/varliklar/fontlar/ibm-plex-mono-600-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} :root{--bg:#0e0e11;--yazi:#f4f4f5;--soluk:#a6a6ae;--cizgi:#ffffff21;--kart:#17171a;--hover:#ffffff12;--mavi:#3b82f6;--kirmizi:#ef4444;--gen:1400px;--yan:1rem;--ara:1.5rem;--vurgu:#d4af37} html.light{--bg:#fafaf7;--yazi:#1c1c1c;--soluk:#71717a;--cizgi:#0000001a;--kart:#fff;--hover:#00000008;--vurgu:#8c6a3f} *{box-sizing:border-box;margin:0} html,body{background:var(--bg);color:var(--yazi);min-height:100%;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased} a{color:inherit;text-decoration:none} img{display:block;max-width:100%} svg{width:20px;height:20px;display:block} button,input,textarea{font:inherit} .bant{background:#18181b;color:#737373;font-size:11px;text-align:center;padding:.32rem} html.light .bant{background:#ececec;color:#71717a} /* Güvenilir siteler bandı — siyah zemin, sarı yazı, belirgin */ .ast-bant{background:#000!important;border-top:1px solid #f5c518!important;border-bottom:1px solid #f5c51833!important} .ast-bant-etiket{color:#f5c518!important;font-weight:700!important;opacity:1!important} .ast-bant-baglanti{color:#ffd400!important;font-weight:700!important;text-decoration-color:#ffd40055!important} .ast-bant-baglanti:hover{color:#fff3a0!important;text-decoration-color:#ffd400!important} .ast-bant-ok{color:#ffd400!important;opacity:1!important} .ustbar{position:sticky;top:0;z-index:8;border-bottom:1px solid var(--cizgi);background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(12px)} .ust-ic,.ust-ust{max-width:var(--gen);margin:0 auto;padding:0 var(--yan);min-height:3rem;display:flex;align-items:center;gap:1rem} .logo{order:1} .ust-nav{order:2} .ust-sag{order:3} .logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:18px;letter-spacing:-.03em;white-space:nowrap;flex:0 0 auto} .logo img{width:26px;height:26px;object-fit:contain} .ust-nav{display:flex;align-items:center;gap:4px;flex:1;min-width:0;overflow-x:auto;flex-wrap:nowrap;padding:0;border:0;scrollbar-width:none} .ust-nav>a,.mn>a{padding:6px 12px;border-radius:999px;color:#d4d4d8;font-size:14px;font-weight:500;white-space:nowrap} html.light .ust-nav>a,html.light .mn>a{color:#3f3f46} .ust-nav>a:hover,.mn>a:hover,.mn:hover>a{background:var(--hover)} .ust-nav>a.aktif,.mn.aktif>a{background:#fff;color:#111;font-weight:700} html.light .ust-nav>a.aktif,html.light .mn.aktif>a{background:#111;color:#fff} .mn{position:relative;display:flex;align-items:center;flex-wrap:nowrap} .mn .acilir{display:none;position:absolute;top:calc(100% - 2px);left:0;min-width:260px;max-height:70vh;overflow:auto;background:var(--kart);border:1px solid var(--cizgi);border-radius:12px;padding:6px;z-index:20;box-shadow:0 12px 40px #0008} .mn:hover .acilir{display:block} .mn .acilir a{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:8px;font-size:13px;color:var(--yazi)} .mn .acilir a:hover{background:var(--hover)} .mn .acilir a.tumu{margin-top:4px;border-top:1px solid var(--cizgi);color:#93c5fd;font-weight:650} .mn.vurgu>a,.ust-nav>a.vurgu{color:#fca5a5;font-weight:700} .mn .acilir a span{color:var(--soluk);font-size:12px} .ustbar .sd-menu-ac,.mn-ac{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)} .ustbar .sd-menu-btn,.mn-ok,.mn-ek{display:none} .ust-sag{display:flex;align-items:center;gap:12px;margin-left:auto;flex:0 0 auto} .ust-ara{display:flex;align-items:stretch;border:1px solid var(--cizgi);border-radius:999px;background:var(--kart);overflow:hidden;min-width:200px;height:32px} .ust-ara input{background:transparent;border:0;outline:0;color:var(--yazi);padding:0 12px;width:160px;min-width:0;font-size:14px} .ust-ara button{background:transparent;border:0;border-left:1px solid var(--cizgi);color:var(--yazi);padding:0 10px;cursor:pointer;display:inline-flex;align-items:center} .ust-ara button:hover{background:var(--hover)} .ust-kume{display:flex;align-items:center;gap:12px} .ust-hesap{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:650;letter-spacing:.14em;text-transform:uppercase;color:var(--soluk);white-space:nowrap;border-bottom:1px solid transparent;padding-bottom:1px} .ust-hesap:hover{color:var(--yazi);border-bottom-color:currentColor} .ust-hesap.ana{color:var(--yazi)} .ust-hesap svg{width:18px;height:18px} .ikon-btn{background:none;border:0;color:var(--yazi);padding:6px;border-radius:8px;cursor:pointer} .ikon-btn:hover{background:var(--hover)} .akis-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid #3f3f46;color:#d4d4d8;font-size:14px;font-weight:500;white-space:nowrap} .akis-btn:hover{color:#fff;border-color:#71717a} .akis-btn.aktif{background:#27272a;color:#fff;border-color:#52525b} .akis-btn svg{width:14px;height:14px} .tr{display:none} .giris{display:none} .ic{max-width:var(--gen);margin:0 auto;padding:2rem var(--yan) 4rem} .manset{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:var(--ara);align-items:stretch;min-height:480px;margin:0 0 3.5rem} .manset-yan{display:flex;flex-direction:column;gap:1rem;min-width:0} .manset-kucuk,.manset-ana{position:relative;display:block;overflow:hidden;border-radius:.75rem;border:1px solid var(--cizgi);background:#09090b;min-width:0} .manset-kucuk{flex:1;min-height:200px} .manset-ana{min-height:480px} .manset-kucuk img,.manset-ana img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1} .manset-ana img{opacity:1} .manset-kucuk:hover img,.manset-ana:hover img{transform:scale(1.05);opacity:1} .manset-kucuk img,.manset-ana img{transition:transform .5s,opacity .5s} .manset-ortu{position:absolute;inset:0;background:linear-gradient(to top,#000 0%,#000000d8 28%,#00000055 48%,transparent 68%);pointer-events:none} .manset-kucuk-ic,.manset-ana-ic{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;z-index:1} .manset-kucuk-ic{padding:1rem} .manset-ana-ic{padding:1.5rem} .manset-kat{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#ef4444;margin:0 0 4px} .manset-kucuk-baslik{font-size:.875rem;font-weight:700;line-height:1.375;color:#fff;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .manset-kucuk time{font-size:10px;color:#71717a;margin-top:8px} .manset-baslik{font-size:clamp(1.5rem,2.4vw,1.875rem);font-weight:700;line-height:1.25;letter-spacing:-.025em;color:#fff;margin:0 0 .75rem} .manset-ozet{color:#d4d4d8;font-size:.875rem;line-height:1.625;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 .75rem;max-width:none} .manset-kunye{display:flex;align-items:center;gap:.75rem;font-size:12px;color:#a1a1aa;text-transform:none;letter-spacing:0;border:0;padding:0;margin:0;width:auto} .pill{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:#ef4444;color:#fff;padding:2px 8px;border-radius:4px;align-self:flex-start;margin:0 0 12px} .kart-gorsel .pill,.manset-kucuk .pill{position:absolute;top:12px;left:12px;margin:0;z-index:2;background:#ef4444;border:0;font-size:10px;padding:4px 8px;border-radius:4px} .hikayeler{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;padding:6px 0 14px;scrollbar-width:thin;scrollbar-color:#555 transparent;scroll-behavior:smooth}.hikayeler::-webkit-scrollbar{height:8px}.hikayeler::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.hikayeler::-webkit-scrollbar-track{background:transparent} .hikaye{flex:0 0 auto;width:104px;text-align:center;font-size:12px;color:#d4d4d8} .hikaye .halka{display:block;box-sizing:border-box;width:96px;height:96px;aspect-ratio:1/1;margin:0 auto 6px;border-radius:50%;padding:2px;background:conic-gradient(#f59e0b,#ef4444 28%,#8b5cf6 58%,#3b82f6 82%,#f59e0b)} .hikaye img{display:block;box-sizing:border-box;width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;border-radius:50%;border:3px solid var(--bg);background:#222} .hikaye-sar{position:relative} .hikaye-ok{position:absolute!important;top:30px;z-index:4;width:36px;height:36px;border-radius:50%;border:1px solid var(--cizgi);background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:blur(6px);color:var(--yazi);font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 4px 16px #0007} .hikaye-ok.sol{left:-6px}.hikaye-ok.sag{right:-6px} .hikaye-ok:hover{background:var(--bg)} .bas-satir{display:flex;align-items:center;margin:0 0 2rem} h1.bas,h2.bas{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;margin:0 0 14px;white-space:nowrap} .bas-satir h2.bas{margin:0} .bas-cizgi{height:1px;flex:1;background:var(--cizgi);margin-left:1.5rem} .izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ara)} .kart{background:var(--kart);border:1px solid var(--cizgi);border-radius:1rem;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s,border-color .3s,box-shadow .3s} .kart:hover{transform:translateY(-4px);border-color:#3f3f46;box-shadow:0 25px 50px -12px #0008} .kart-gorsel{position:relative;aspect-ratio:16/9;height:auto;background:#09090b;overflow:hidden;flex-shrink:0} .kart-gorsel img{width:100%;height:100%;object-fit:cover;opacity:1;transition:transform .5s,opacity .5s} .kart-sure,.govde .kart-sure{position:absolute;right:10px;bottom:10px;z-index:2;font-size:11px;font-weight:700;letter-spacing:.04em;background:#000c;color:#fff;padding:3px 7px;border-radius:4px;font-variant-numeric:tabular-nums} .govde .ast-kiyaslama-oynatici,.govde figure:has(>video){position:relative} .kart:hover .kart-gorsel img{transform:scale(1.05);opacity:1} .kart-yazi{padding:1.5rem;display:flex;flex-direction:column;flex:1} .kart .meta{font-size:12px;font-weight:500;color:var(--soluk,#a1a1aa);margin:0 0 1rem} .kart strong{font-size:1.5rem;font-weight:700;line-height:1.25;letter-spacing:-.025em;margin:0 0 .75rem} .kart:hover strong{color:#818cf8} html.light .kart:hover strong{color:#4f46e5} .kart p{color:#a1a1aa;font-size:1rem;line-height:1.625;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 1.5rem;flex:1} .devam{display:inline-flex;align-items:center;gap:4px;color:#fff;font-size:.875rem;font-weight:600;margin-top:auto} .devam svg{width:16px;height:16px;color:#71717a} .kart:hover .devam{transform:translateX(4px)} .kart:hover .devam svg{color:#fff} html.light .devam{color:#111} .dip{color:var(--soluk);font-size:12px;line-height:1.7} .dip a{margin-right:.7rem} .altlik{max-width:var(--gen);margin:0 auto;padding:8px var(--yan) 40px;border-top:1px solid var(--cizgi)} img{max-width:100%;height:auto} .yazi .kapak{width:100%;height:auto;display:block;margin:0 auto 1.2rem;border-radius:12px;background:#111} .arsiv-kirinti{display:flex;flex-wrap:wrap;gap:6px 0;list-style:none;padding:0;margin:0 0 14px;font-size:.85rem;color:var(--soluk)} .arsiv-kirinti li{display:flex;align-items:center} .arsiv-kirinti li:not(:last-child)::after{content:"→";margin:0 8px;color:var(--cizgi)} .arsiv-kirinti a{color:inherit} .sayfa-yok{max-width:40rem;padding:8px 0 32px} .sayfa-yok .gez-kok{margin-top:18px} .sayfalama{display:flex;flex-wrap:wrap;gap:6px;margin:22px 0 0} .sayfalama a,.sayfalama span{background:var(--kart);border:1px solid var(--cizgi);border-radius:8px;padding:6px 10px} .sayfalama .current{background:#fff;color:#111} .yazi,.sayfa{max-width:48rem;margin:0 auto} .yazi h1,.sayfa h1{font-size:2rem;letter-spacing:-.035em;line-height:1.15;margin:.4rem 0 .6rem} .yazi .meta{color:var(--soluk);margin-bottom:1.1rem} .yazi .kapak{width:100%;height:auto;display:block;margin:0 auto 1.3rem;border-radius:16px} .govde{font-size:1.05rem;line-height:1.7} .govde p,.govde li{margin:0 0 1em} .govde img{border-radius:12px;margin:14px 0;width:100%;height:auto} .govde figure{margin:14px 0;max-width:100%} .govde video,.govde iframe{display:block;width:100%;max-width:100%;height:auto;max-height:min(70vh,560px);object-fit:contain;background:#111;border-radius:12px} @media(max-width:767px){.govde video,.govde iframe{max-height:56vh}} .govde a{color:#93c5fd} html.light .govde a{color:#2563eb} .govde h2,.govde .wp-block-heading{font-size:1.2rem;margin:1.2em 0 .5em;color:var(--vurgu);font-weight:700}.govde h3{font-size:1.05rem;margin:1em 0 .4em;font-weight:600;color:var(--vurgu)}.govde h4{font-size:.95rem;margin:.8em 0 .3em;font-weight:600;color:var(--vurgu)} .benzer{max-width:48rem;margin:0 auto 24px} .benzer a{display:block;padding:10px 0;border-top:1px solid var(--cizgi)} .gez-harita{max-width:48rem;margin:0 auto 28px;padding:20px 0 4px;border-top:1px solid var(--cizgi)} .gez-harita h2,.gez-harita .gez-baslik{font-size:.95rem;margin:18px 0 8px;letter-spacing:-.02em} .gez-harita h2:first-child,.gez-harita .gez-baslik:first-child{margin-top:0} .gez-kirinti{display:flex;flex-wrap:wrap;gap:6px 0;list-style:none;padding:0;margin:0;font-size:.85rem;color:var(--soluk)} .gez-kirinti li{display:flex;align-items:center} .gez-kirinti li:not(:last-child)::after{content:"→";margin:0 8px;color:var(--cizgi)} .gez-kirinti a{color:inherit} .gez-liste{list-style:none;padding:0;margin:0} .gez-liste a{display:block;padding:8px 0;border-top:1px solid var(--cizgi);color:inherit} .gez-kok{display:flex;flex-wrap:wrap;gap:8px 16px;list-style:none;padding:0;margin:0} .gez-kok a{color:var(--soluk);font-size:.9rem} .yorum{max-width:48rem;margin:0 auto 40px;border-top:1px solid var(--cizgi);padding-top:8px} .yorum h2,.yorum h3,.yorum-baslik{font-size:18px;margin:16px 0 10px} .yorum .tek{padding:12px 0;border-bottom:1px solid var(--cizgi)} .yorum .tek small{color:var(--soluk)} .form{display:grid;gap:8px;margin-top:12px} .form input,.form textarea{background:var(--kart);border:1px solid var(--cizgi);border-radius:10px;padding:10px 12px;color:var(--yazi)} .form textarea{min-height:110px;resize:vertical} .form button{background:#fff;color:#111;border:0;border-radius:999px;padding:10px 16px;font-weight:700;cursor:pointer;justify-self:start} .ok{background:#14532d;color:#bbf7d0;padding:10px 12px;border-radius:10px;margin:0 0 12px} .dizin{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--cizgi)} .dizin em{color:var(--soluk);font-style:normal} .marka-hub{padding:0 0 8px} .marka-hub .mrf-liste{display:flex;flex-direction:column;gap:14px;list-style:none;padding:0;margin:0 0 2.2rem} .mrf-kart{display:grid;grid-template-columns:200px minmax(0,1fr);align-items:start;background:var(--kart);border:1px solid var(--cizgi);border-radius:12px;overflow:hidden;min-width:0} .mrf-gorsel{display:block;min-width:0;max-height:148px;background:#09090b;align-self:start;overflow:hidden} .mrf-foto{width:100%;height:148px;min-height:0;object-fit:cover;object-position:center;display:block;background:#111} .mrf-harf{width:100%;height:148px;min-height:0;display:grid;place-items:center;font-weight:800;letter-spacing:.04em;font-size:1.5rem;background:#27272a;color:#fff} .mrf-govde{padding:16px 20px 18px;display:flex;flex-direction:column;align-items:flex-start;min-width:0;border-left:3px solid #a16207} .mrf-bas{display:block;color:var(--yazi)} .mrf-bas b{display:block;font-size:1.45rem;letter-spacing:-.03em;font-weight:700} .mrf-bas em{display:block;font-size:12px;color:var(--soluk);font-style:normal;margin-top:2px} .mrf-ozet{font-size:.88rem;color:var(--soluk);margin:8px 0 10px;line-height:1.45;text-align:left;max-width:54ch} .mrf-etiket{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--soluk);margin:0} .mrf-fab{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:8px 0 0} .mrf-fab a,.mrf-fab span{display:block;border:1px solid var(--cizgi);border-radius:6px;padding:5px 10px;font-size:12px;font-weight:650;background:var(--bg);color:var(--yazi)} .mrf-fab a:hover{border-color:#a16207;background:var(--hover)} .mrf-hat{display:flex;flex-wrap:wrap;gap:8px 14px;list-style:none;padding:0;margin:10px 0 0} .mrf-hat a{font-size:12px;color:var(--soluk);border-bottom:1px solid currentColor} .mrf-hat a:hover{color:var(--yazi)} @media(max-width:767px){ .mrf-kart{grid-template-columns:1fr} .mrf-gorsel{max-height:110px} .mrf-foto,.mrf-harf{height:110px;min-height:0} .mrf-govde{border-left:0;border-top:3px solid #a16207;padding:14px 14px 16px} .mrf-bas b{font-size:1.2rem} } .marka-izgara{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ara);margin:0 0 2rem} .marka-kart .kart-gorsel{aspect-ratio:1} .marka-kart .kart-yazi{padding:12px 14px 14px} .marka-kart strong{font-size:1.05rem;margin:0 0 4px} .marka-kart .meta{margin:0} .marka-mozaik{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr} .marka-mozaik img{width:100%;height:100%;object-fit:cover;opacity:.95} .urf-hub .eta-giris{margin:0 0 22px} .urf-agaclar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ara);margin:0 0 2.2rem;list-style:none;padding:0} .urf-agac{background:var(--kart);border:1px solid var(--cizgi);border-radius:18px;padding:18px 16px 16px;display:flex;flex-direction:column;align-items:center;min-width:0} .urf-kok{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;width:100%} .urf-foto{width:100%;aspect-ratio:4/3;height:auto;border-radius:0;object-fit:cover;object-position:center;border:0;background:#09090b;display:block;flex:none;filter:saturate(.9) contrast(1.03)} html.light .urf-foto{border:0;box-shadow:none} .urf-mozaik{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:100%;gap:4px;background:transparent;border-radius:0;overflow:visible;flex:none} .urf-mozaik img{width:100%;aspect-ratio:16/9;height:auto;max-height:58px;object-fit:cover;object-position:center;display:block;background:#111;min-width:0} .urf-harf{width:100%;aspect-ratio:4/3;height:auto;border-radius:0;display:grid;place-items:center;font-weight:800;letter-spacing:.04em;font-size:1.35rem;background:#27272a;color:#fff;flex:none} html.light .urf-harf{background:#111;color:#fff} .urf-kok span{display:block;padding:0;width:100%} .urf-kok .urf-mozaik,.urf-kok .urf-harf{display:grid;width:100%;max-width:none;height:auto} .urf-kok h3{font-size:1.15rem;letter-spacing:-.03em;font-weight:700;margin:0;color:inherit} .urf-kok em{display:block;font-size:12px;color:var(--soluk);font-style:normal;margin-top:2px} .urf-ozet{font-size:.82rem;color:var(--soluk);text-align:center;max-width:44ch;margin:8px 0 0;line-height:1.45} .urf-agac > .urf-ozet{margin:2px 12px 2px;max-width:40ch} .urf-urunler{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;list-style:none;padding:0;margin:10px 0 0;width:100%} .urf-urunler span,.urf-urunler a{display:block;font-size:12px;color:var(--soluk);border:1px dashed var(--cizgi);border-radius:999px;padding:4px 10px} .urf-urunler a:hover{border-color:#71717a;color:var(--yazi)} .eta-kart .marka-fab{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0;-webkit-line-clamp:unset;overflow:visible} .eta-kart .marka-fab a{border:1px solid var(--cizgi);border-radius:999px;padding:2px 8px;font-size:12px;color:var(--yazi)} .eta-kart .marka-fab a:hover{border-color:#71717a;background:var(--hover)} .urf-kare{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ara);list-style:none;padding:0;margin:0 0 8px} .urf-kare-kart{position:relative;display:block;border-radius:16px;overflow:hidden;background:var(--kart);border:1px solid var(--cizgi);min-width:0;color:#fff} .urf-kare-kart img{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#111} .urf-kare-bos{width:100%;aspect-ratio:1;display:grid;place-items:center;font-weight:800;font-size:1.6rem;letter-spacing:.04em;background:#27272a;color:#fff} .urf-kare-yazi{position:absolute;left:0;right:0;bottom:0;padding:28px 12px 12px;background:linear-gradient(180deg,transparent 0%,#000e 100%)} .urf-kare-yazi strong{display:block;font-size:.95rem;letter-spacing:-.02em} .urf-kare-yazi em{display:block;font-size:11px;color:#d4d4d8;font-style:normal;margin-top:2px} .urf-kare-yazi small{display:block;font-size:11px;color:#a1a1aa;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .urf-kare-kart:hover{border-color:#71717a} .urf-bag{position:relative;width:100%;height:28px;margin-top:4px} .urf-dik{position:absolute;left:50%;top:0;width:1px;height:14px;background:currentColor;opacity:.32;transform:translateX(-.5px)} .urf-yatay{position:absolute;top:14px;left:14%;right:14%;height:1px;background:currentColor;opacity:.32} .urf-agac[data-dal="1"] .urf-yatay{display:none} .urf-markalar{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 10px;list-style:none;padding:0;margin:0;width:100%} .urf-markalar li{position:relative;padding-top:14px} .urf-markalar li::before{content:"";position:absolute;top:0;left:50%;width:1px;height:14px;background:currentColor;opacity:.32;transform:translateX(-.5px)} .urf-markalar li::after{content:"";position:absolute;top:11px;left:50%;width:0;height:0;border-left:3.5px solid transparent;border-right:3.5px solid transparent;border-top:5px solid currentColor;opacity:.45;transform:translateX(-50%)} .urf-markalar a{display:block;border:1px solid var(--cizgi);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:650;white-space:nowrap;background:var(--bg)} .urf-markalar a:hover{border-color:#71717a;background:var(--hover)} .urf-hub h2.bas{margin:8px 0 12px} .app{display:grid;grid-template-columns:260px minmax(0,600px) 1fr;gap:0;justify-content:center;max-width:1280px;margin:0 auto;padding:0;align-items:start} .sol{position:sticky;top:16px;height:calc(100vh - 48px);display:flex;flex-direction:column} .sol nav{display:flex;flex-direction:column;gap:2px} .sol nav a,.sol nav button.nav{display:flex;align-items:center;gap:14px;padding:11px 14px;border-radius:999px;color:var(--yazi);font-size:16px;background:none;border:0;width:100%;text-align:left;cursor:pointer} .sol nav a.aktif{background:var(--kart);font-weight:700} .orta{min-width:0;max-width:600px;border-right:1px solid #ffffff1a} .sekme{display:flex;gap:4px;padding:6px 10px 0;border-bottom:1px solid var(--cizgi)} .sekme a{padding:12px;color:var(--soluk)} .sekme a.aktif{color:var(--yazi);font-weight:700;box-shadow:inset 0 -2px 0 currentColor} .gonderi{display:block;padding:14px 16px 12px;border-bottom:1px solid var(--cizgi);overflow-wrap:anywhere} .gonderi:hover{background:var(--hover)} .gonderi .kim{min-width:0} .metin{margin:.15em 0 .5em;line-height:1.5;overflow-wrap:anywhere;word-break:break-word;white-space:normal} .ust{display:flex;align-items:center;gap:10px;margin-bottom:8px} .avatar{width:40px;height:40px;border-radius:999px;object-fit:cover;background:var(--kart)} .avatar.harf{display:grid;place-items:center;font-weight:700;background:#2563eb;color:#fff} .foto{width:100%;aspect-ratio:16/9.2;object-fit:cover;border-radius:16px;border:1px solid var(--cizgi)} .bar{display:flex;align-items:center;gap:22px;margin-top:10px;color:var(--soluk);font-size:13px} .bar span{display:inline-flex;align-items:center;gap:6px} .bar .sag-ikon{margin-left:auto;display:flex;gap:14px} .sag{position:sticky;top:16px} .kutu{background:var(--kart);border:1px solid var(--cizgi);border-radius:20px;padding:14px 16px;margin-bottom:16px} .kutu h3{font-size:19px;font-weight:800;letter-spacing:-.01em;margin:2px 4px 10px} .ara{display:flex;align-items:center;gap:10px;border:1px solid var(--cizgi);border-radius:999px;padding:11px 16px} .ara input{background:transparent;border:0;outline:0;color:var(--yazi);width:100%} .trend{display:block;padding:9px 12px;margin:0 -8px;border-radius:14px;transition:background .15s} .trend:hover{background:var(--hover)} .trend small{display:block;font-size:11px;color:var(--soluk);letter-spacing:.02em} .trend b{display:block;font-size:14.5px;letter-spacing:-.01em;margin:1px 0} .trend em{font-style:normal;font-size:12px;color:var(--soluk)} .ie-bas{max-width:none;margin:0 0 22px} .ie-bas h1{font-size:2rem;letter-spacing:-.035em;line-height:1.15;margin:0 0 .5rem} .ie-giris{color:var(--soluk);margin:0 0 1rem} .ie-cagri{display:flex;align-items:center;gap:12px;margin:0 0 1.3rem;flex-wrap:wrap} .ie-dugme{background:#fff;color:#111;font-weight:700;border-radius:999px;padding:10px 18px;display:inline-block} html.light .ie-dugme{background:#111;color:#fff} .ie-not{color:var(--soluk);font-size:13px} .ie-adimlar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ara);list-style:none;padding:0;margin:0 0 28px} .ie-adim{background:var(--kart);border:1px solid var(--cizgi);border-radius:16px;padding:16px} .ie-adim-no{display:block;color:var(--soluk);font-size:12px;font-weight:700;margin:0 0 6px} .ie-adim h3{font-size:1.02rem;margin:0 0 6px} .ie-adim p{color:var(--soluk);font-size:.9rem} .ie-izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ara)} .ie-kart{background:var(--kart);border:1px solid var(--cizgi);border-radius:1rem;overflow:hidden;display:flex;flex-direction:column} .ie-kart img{width:100%;aspect-ratio:1;object-fit:cover;background:#111} .ie-kart-govde{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;flex:1} .ie-kart .ust{font-size:12px;color:var(--soluk)} .ie-fiyat{font-weight:700;font-size:1.08rem} .ie-ust{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;margin:0 0 24px} .ie-galeri img{width:100%;border-radius:16px;max-height:520px;object-fit:cover} .ie-thumbs{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px} .ie-thumbs img{width:72px;height:72px;object-fit:cover;border-radius:8px} .ie-yan{background:var(--kart);border:1px solid var(--cizgi);border-radius:16px;padding:18px} .ie-yan h1{font-size:1.45rem;letter-spacing:-.03em;margin:.3rem 0 .7rem} .ie-kunye{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;margin:0 0 20px} .ie-kunye div{border-bottom:1px solid var(--cizgi);padding:8px 0} .ie-kunye dt{color:var(--soluk);font-size:12px} .ie-ornek{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fca5a5;margin:0 0 8px} .ie-sekme{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px} .ie-sekme a{padding:8px 12px;border-radius:999px;border:1px solid var(--cizgi);font-size:13px;font-weight:650} .ie-sekme a.aktif{background:#fff;color:#111} html.light .ie-sekme a.aktif{background:#111;color:#fff} .ie-tablo{overflow:auto;border:1px solid var(--cizgi);border-radius:14px;margin:0 0 18px} .ie-tablo table{width:100%;border-collapse:collapse;font-size:14px} .ie-tablo th,.ie-tablo td{padding:10px 12px;border-bottom:1px solid var(--cizgi);text-align:left;vertical-align:top} .ie-tablo th{color:var(--soluk);font-size:12px;font-weight:650} .ie-tablo tr:last-child td{border-bottom:0} .ie-tablo tr.secili{background:var(--hover)} .ie-ikincil{background:transparent;color:var(--yazi);border:1px solid var(--cizgi);border-radius:999px;padding:10px 16px;font-weight:700;cursor:pointer} .ie-sosyal{display:flex;flex-direction:column;gap:12px;max-width:340px;margin:18px 0} .ie-sosyal form{display:grid;gap:8px} .ie-dugme.google,.ie-dugme.telegram{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;border:0;cursor:pointer;text-align:center} .ie-dugme.google{background:#fff;color:#1f1f1f;border:1px solid #dadce0} .ie-dugme.telegram{background:#2AABEE;color:#fff} .ie-dugme.google svg,.ie-dugme.telegram svg{width:18px;height:18px} .eta-hub{max-width:none} .eta-giris{color:var(--soluk);max-width:68ch;margin:0 0 18px;font-size:.95rem} .eta-hub h2.bas{margin:22px 0 10px;font-size:1.25rem} .eta-izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ara);list-style:none;padding:0;margin:0 0 8px} .eta-kart{display:flex;flex-direction:column;background:var(--kart);border:1px solid var(--cizgi);border-radius:12px;padding:12px 14px;margin:0;color:inherit;min-height:100%;cursor:pointer;position:relative;overflow:hidden;transition:background .18s,box-shadow .18s,border-color .18s} .eta-kart-ust{display:flex;justify-content:space-between;align-items:baseline;gap:10px} .eta-kart strong{font-size:.98rem;letter-spacing:-.02em} .eta-kart em{font-size:11px;color:var(--soluk);font-style:normal;white-space:nowrap} .eta-kart p{margin:6px 0 0;font-size:.82rem;color:var(--soluk);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .eta-kart::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(140deg,rgba(96,110,246,.20),rgba(168,85,247,.07) 44%,transparent 68%);opacity:.72;transition:opacity .18s}.eta-kart::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(118deg,transparent 42%,rgba(190,165,255,.10) 50%,transparent 58%)}.eta-kart>*{position:relative;z-index:1}.eta-kart:hover{background:var(--hover);border-color:rgba(150,122,240,.55);box-shadow:0 16px 34px -16px rgba(120,92,240,.6),0 0 0 1px rgba(150,122,240,.22)}.eta-kart:hover::before{opacity:1}.eta-sinif-kart p{-webkit-line-clamp:unset;overflow:visible;display:block}.eta-sinif-bar{display:flex;gap:4px;margin:10px 0 0;max-width:170px}.eta-sinif-bar i{height:5px;flex:1;border-radius:3px;background:var(--cizgi)}.eta-sinif-bar i.on{background:linear-gradient(90deg,#6d78f3,#b06bf0)} .eta-tablo{width:100%;border-collapse:collapse;font-size:.82rem;margin:0 0 18px} .eta-tablo th,.eta-tablo td{border-bottom:1px solid var(--cizgi);padding:8px 10px;text-align:left;vertical-align:top} .eta-tablo th{color:var(--soluk);font-weight:650} .eta-sss{margin:22px 0 0;border-top:1px solid var(--cizgi);padding-top:8px} .eta-sss details{border-bottom:1px solid var(--cizgi);padding:10px 0} .eta-sss summary{cursor:pointer;font-weight:650} .eta-sss p{color:var(--soluk);margin:8px 0 0;font-size:.9rem} @media(max-width:1023px){ .izgara,.ie-izgara,.eta-izgara,.marka-izgara,.urf-agaclar{grid-template-columns:repeat(2,minmax(0,1fr))} .urf-kare{grid-template-columns:repeat(3,minmax(0,1fr))} .manset{grid-template-columns:1fr;min-height:0} .manset-ana{min-height:320px} .app{grid-template-columns:1fr} .ust-ic,.ust-ust{flex-wrap:wrap;padding:0 1rem} .logo{min-width:0;overflow:hidden} .ust-sag{order:2;gap:2px} .ust-nav{order:4} .ustbar .akis-btn,.tr,.giris,.ustbar .sd-menu-btn-yazi,.ust-kume .masa,.ust-hesap span{display:none} .ust-ara{min-width:0;width:44px;height:44px;border-radius:10px;border:1px solid #fff8;background:#18181b} html.light .ust-ara{border-color:#1118;background:#fff} .ust-ara input{display:none} .ust-ara button{padding:0;width:44px;height:44px;border-left:0;background:none;justify-content:center} .ust-hesap.ana{width:44px;height:44px;justify-content:center;border:0;padding:0} .ikon-btn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0} .ustbar .sd-menu-btn{display:inline-flex!important;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid #fff8;border-radius:10px;background:#18181b;color:#fff;cursor:pointer} .ustbar .sd-menu-btn-cizgi,.ustbar .sd-menu-btn-cizgi::before,.ustbar .sd-menu-btn-cizgi::after{display:block;width:16px;height:2px;background:#fff;position:relative} .ustbar .sd-menu-btn-cizgi::before,.ustbar .sd-menu-btn-cizgi::after{content:"";position:absolute;left:0} .ustbar .sd-menu-btn-cizgi::before{top:-5px} .ustbar .sd-menu-btn-cizgi::after{top:5px} .ustbar:has(.sd-menu-ac:checked) .sd-menu-btn{border-color:#fff} html.light .ustbar .sd-menu-btn{color:#111;border-color:#1118;background:#fff} html.light .ustbar .sd-menu-btn-cizgi,html.light .ustbar .sd-menu-btn-cizgi::before,html.light .ustbar .sd-menu-btn-cizgi::after{background:#111} .ust-nav{display:none;width:100%;flex:1 0 100%;flex-direction:column;align-items:stretch;gap:0;padding:4px 0 8px;overflow:visible} .sd-menu-ac:checked~.ust-nav{display:flex} .ust-nav>a,.mn{border-bottom:1px solid var(--cizgi)} .ust-nav>a,.mn>a{padding:12px 4px;font-size:16px;font-weight:600;border-radius:0;width:100%;background:none} .ust-nav>a.aktif,.mn.aktif>a{background:none;color:#fff} html.light .ust-nav>a.aktif,html.light .mn.aktif>a{color:#111} .mn{display:flex;align-items:center;flex-wrap:wrap} .mn>a{flex:1} .mn-ok{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--soluk);cursor:pointer;flex:none} .mn-ac{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)} .mn:hover .acilir{display:none} .mn .acilir{position:static;display:none;min-width:0;max-height:none;width:100%;flex-basis:100%;border:0;border-radius:0;box-shadow:none;background:transparent;padding:0 0 8px 10px} .mn-ac:checked~.acilir{display:block} .mn-ek{display:flex;padding:12px 4px;font-size:16px;font-weight:650} .ic{padding:2rem 1rem 4rem} .sol,.sag{display:none} .ie-adimlar,.ie-ust,.ie-kunye{grid-template-columns:1fr} .bas-satir h2.bas,h1.bas,h2.bas{white-space:normal} } @media(max-width:767px){ .izgara,.ie-izgara,.eta-izgara{grid-template-columns:1fr;gap:12px} .urf-agaclar{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .urf-mozaik{grid-template-columns:repeat(3,minmax(0,1fr))} .urf-kare{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .marka-izgara{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .kart strong{font-size:1.25rem} .marka-kart strong{font-size:.95rem} .urf-bag{display:block;height:22px;margin-top:2px} .urf-dik{height:10px} .urf-yatay{top:10px;left:8%;right:8%} .urf-markalar{flex-direction:row;flex-wrap:wrap;justify-content:center;margin:0;padding:0;border:0;width:100%;gap:6px 4px} .urf-markalar li{padding-top:12px} .urf-markalar li::before{display:block;height:12px} .urf-markalar li::after{display:block;top:9px} .urf-markalar a{white-space:nowrap;font-size:11px;padding:4px 8px} } .serit{position:relative;margin:-1.5rem 0 3.5rem;border-radius:.75rem;overflow:hidden;border:1px solid var(--cizgi);background:#09090b;aspect-ratio:21/7;min-height:220px;max-height:460px;transform:translateZ(0)} .serit-kart{position:absolute;inset:0;display:block;color:#fff;opacity:0;transition:opacity .8s ease;pointer-events:none;will-change:opacity;z-index:1} .serit-kart.aktif,.serit[data-adet="1"] .serit-kart{opacity:1;pointer-events:auto;z-index:5} .serit-medya{display:contents} .serit-kart img,.serit-kart video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left center} .serit-kart img{transition:transform 7s ease-out} .serit-kart.aktif img,.serit[data-adet="1"] .serit-kart img{transform:scale(1.035)} .serit-kart video{opacity:0;transition:opacity .7s ease;pointer-events:none} .serit-kart video.hazir{opacity:1} .serit-kart:has(video.hazir) img{animation-play-state:paused} .serit-ortu{position:absolute;inset:0;background:linear-gradient(90deg,#0000 calc(var(--metin,46%) - 8%),#00000066 calc(var(--metin,46%) + 18%),#000000b8 100%);pointer-events:none} .serit-ic{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:2rem 2.5rem 2rem var(--metin,46%);gap:.55rem;z-index:1} .serit-rozet{display:inline-flex;align-items:center;gap:6px;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fecaca;background:#ef44441f;border:1px solid #ef444466;padding:4px 10px;border-radius:999px} .serit-rozet::before{content:"";width:6px;height:6px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 3px #ef444433} .serit-ust{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#a1a1aa} .serit-baslik{font-family:Boska,Georgia,serif;font-weight:700;font-size:clamp(1.5rem,2.9vw,2.6rem);line-height:1.05;letter-spacing:-.02em;color:#fff;text-wrap:balance;max-width:14em} .serit-baslik em{font-style:italic;color:#fca5a5} .serit-alt{font-family:Switzer,ui-sans-serif,system-ui,sans-serif;font-size:clamp(.8rem,1.1vw,.95rem);line-height:1.5;color:#d4d4d8;max-width:34em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .serit-cta{display:inline-flex;align-items:center;gap:8px;margin-top:.4rem;background:#fff;color:#111;font-weight:700;font-size:13px;padding:9px 16px;border-radius:999px;transition:gap .2s,background .2s} .serit-cta svg{width:16px;height:16px} .serit-kart:hover .serit-cta{gap:12px;background:#fca5a5} .serit-nokta{position:absolute;right:1.25rem;bottom:1rem;display:flex;gap:6px;z-index:20} .serit-nokta button{width:22px;height:4px;border:0;border-radius:2px;background:#ffffff55;cursor:pointer;padding:0;transition:background .3s,width .3s} .serit-nokta button.aktif{background:#fff;width:34px} .serit+.serit{margin-top:-2rem} .serit-acik{color:#111} .serit-acik .serit-ortu{background:linear-gradient(90deg,#ffffff00 calc(var(--metin,46%) - 12%),#fafaf7d0 calc(var(--metin,46%) + 6%),#fafaf7f5 100%)} .serit-acik .serit-baslik{color:#111}.serit-acik .serit-alt{color:#3f3f46}.serit-acik .serit-ust{color:#71717a} .serit-acik .serit-cta{background:#111;color:#fff} @media(max-width:1023px){.serit{aspect-ratio:16/7}.serit-ic{--metin:44%}} @media(max-width:767px){ .serit{--mh:calc((100vw - 2rem)*.428);aspect-ratio:auto;max-height:none;height:calc(var(--mh) + 216px);margin-top:-1rem} .serit-kart{display:flex;flex-direction:column} .serit-medya{display:block;position:relative;flex:none;height:var(--mh);overflow:hidden;background:#000} .serit-kart img,.serit-kart video{object-position:center center} .serit-ortu{background:linear-gradient(0deg,#00000066 0%,#0000 50%)} .serit-ic{position:relative;inset:auto;flex:1;width:100%;padding:.8rem 1rem 1rem;justify-content:flex-start;gap:2px;background:#0b0b0d;border-top:1px solid #ffffff14} .serit-ust{font-size:10px} .serit-baslik{font-size:1.22rem;line-height:1.18} .serit-alt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.84rem;margin:.2rem 0 0} .serit-cta{margin-top:auto} .serit-nokta{left:auto;right:12px;bottom:auto;top:calc(var(--mh) - 20px)} .serit-kart img{transform:none!important;animation:none!important}} .serit-kart.serit-kaydir img{animation:serKaydir 18s ease-in-out infinite alternate;transition:none} @keyframes serKaydir{from{transform:scale(1.14) translateX(-2.6%)}to{transform:scale(1.14) translateX(2.6%)}} @media(prefers-reduced-motion:reduce){.serit-kart img{transition:none}.serit-kart.aktif img{transform:none}.serit-kart.serit-kaydir img{animation:none}} .urf-agaclar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;padding:0;margin:0 0 3rem;list-style:none} .urf-kart{background:#0b0b0d;border:1px solid #ffffff14;border-radius:1rem;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s,border-color .3s,box-shadow .3s} .urf-kart:hover{transform:translateY(-3px);border-color:#ffffff2e;box-shadow:0 24px 60px #00000059} html.light .urf-kart{box-shadow:0 12px 34px #00000024} .urf-kapak{position:relative;display:block;background:#000} .urf-kolaj{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:2px;height:260px} .urf-kolaj img{width:100%;height:100%;object-fit:cover;display:block;opacity:1;transition:transform .55s ease,opacity .55s;min-width:0;min-height:0} .urf-k-yan{display:grid;grid-template-rows:1fr 1fr;gap:2px;min-width:0;overflow:hidden} .urf-kapak:hover .urf-kolaj img{transform:scale(1.05);opacity:1} .urf-kolaj-tek{grid-template-columns:1fr} .urf-kolaj-bos{display:flex;align-items:center;justify-content:center} .urf-kolaj-bos span{font-family:Boska,Georgia,serif;font-size:3rem;color:#3f3f46} .urf-ortu{position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 0% 100%,rgba(0,0,0,0.72) 0%,rgba(0,0,0,0.3) 50%,transparent 80%),linear-gradient(to top,rgba(11,11,13,0.35) 0%,transparent 18%);pointer-events:none} .urf-kimlik{position:absolute;left:1.15rem;right:4rem;bottom:1.1rem;display:flex;flex-direction:column;gap:3px;z-index:1} .urf-kicker{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:9px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#fca5a5;text-shadow:0 1px 3px rgba(0,0,0,0.95)} .urf-kimlik strong{font-family:Boska,Georgia,serif;font-weight:700;font-size:1.75rem;line-height:1.02;letter-spacing:-.02em;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,0.95),0 1px 3px #000} .urf-kimlik em{font-style:normal;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.05em;color:#c7c7cc;text-shadow:0 1px 3px rgba(0,0,0,0.95)} .urf-git{position:absolute;right:.95rem;bottom:.95rem;width:38px;height:38px;border-radius:50%;background:#ffffff14;border:1px solid #ffffff26;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;color:#fff;transition:background .25s,color .25s,transform .25s;z-index:1} .urf-git svg{width:16px;height:16px} .urf-kapak:hover .urf-git{background:#fff;color:#111;transform:translate(2px,-2px)} .urf-govde{position:relative;padding:0 1.2rem 1.2rem;display:flex;flex-direction:column;align-items:center;flex:1} .urf-svg{position:absolute;inset:0;width:100%!important;height:100%!important;pointer-events:none;overflow:visible;z-index:0} .urf-nod{position:relative;z-index:2;margin-top:-21px;width:42px;height:42px;border-radius:50%;background:#0b0b0d;border:1px solid #ef44445c;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 5px #0b0b0d,0 0 18px #ef444433} .urf-nod i{font-style:normal;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:9.5px;font-weight:600;letter-spacing:.06em;color:#fecaca} .urf-nod::after{content:"";position:absolute;inset:-1px;border-radius:50%;border:1px solid #ef44477a;animation:urfNabiz 2.6s ease-out infinite} @keyframes urfNabiz{0%{transform:scale(1);opacity:.9}70%{transform:scale(1.6);opacity:0}100%{transform:scale(1.6);opacity:0}} .urf-yol{fill:none;stroke:#ffffff30;stroke-width:1.5;transition:stroke .2s} .urf-yol-aktif{stroke:#ffffff73} .urf-akis{fill:none;stroke:#ef4444;stroke-width:1.7;stroke-linecap:round;stroke-dasharray:3 12;opacity:.9;animation:urfAkis 1.5s linear infinite;filter:drop-shadow(0 0 5px #ef44445e)} @keyframes urfAkis{to{stroke-dashoffset:-15}} .urf-pills{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:62px} a.urf-pill{position:relative;display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;border:1px solid #ffffff1f;background:#141416;color:#e4e4e7;font-size:12.5px;font-weight:600;line-height:1;transition:background .2s,color .2s,border-color .2s,transform .2s} a.urf-pill em{font-style:normal;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:10.5px;color:#8e8e93;transition:color .2s} a.urf-pill:hover{background:#fff;color:#111;border-color:#fff;transform:translateY(-1px)} a.urf-pill:hover em{color:#3f3f46} .urf-ozet-alt{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#71717a;text-align:center;margin:1rem 0 0} .urf-modeller{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:center;border-top:1px dashed #ffffff17;padding-top:.8rem;margin-top:.9rem;align-self:stretch} .urf-modeller a{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.04em;color:#a1a1aa} .urf-modeller a:hover{color:#fff} @media(max-width:1023px){.urf-agaclar{grid-template-columns:1fr}} @media(max-width:767px){.urf-kolaj{height:210px}.urf-kimlik strong{font-size:1.5rem}.urf-pills{margin-top:52px;gap:8px}.urf-govde{padding:0 1rem 1.1rem}} @media(prefers-reduced-motion:reduce){.urf-akis{display:none}.urf-nod::after{animation:none;display:none}} .mzn-liste{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;padding:0;margin:0 0 3rem;list-style:none} .mzn{position:relative;background:#0b0b0d;border:1px solid #ffffff14;border-radius:1rem;overflow:hidden;display:grid;grid-template-columns:240px minmax(0,1fr);min-height:300px;transition:transform .3s,border-color .3s,box-shadow .3s;box-shadow:0 12px 34px #00000022} .mzn:hover{transform:translateY(-3px);border-color:#ffffff2e;box-shadow:0 24px 60px #00000055} .mzn::before{content:"";position:absolute;inset:0;background:radial-gradient(430px 320px at 12% 32%,var(--g,#b4530922),transparent 65%);pointer-events:none} .mzn-foto{position:relative;display:block;margin:18px 0 18px 18px;border-radius:110px 110px 14px 14px;overflow:hidden;background:#000;min-height:0} .mzn-foto img{width:100%;height:100%;object-fit:cover;opacity:.94;transition:transform .55s ease,opacity .55s;display:block} .mzn-foto::after{content:"";position:absolute;inset:0;border-radius:110px 110px 14px 14px;border:1px solid #ffffff21;pointer-events:none} .mzn:hover .mzn-foto img{transform:scale(1.05);opacity:1} .mzn-gov{position:relative;padding:24px 24px 20px;display:flex;flex-direction:column;color:#fff;min-width:0} .mzn-kick{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:9px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--ta,#fca5a5);margin-bottom:6px} .mzn-ad{display:block} .mzn-ad h3{font-family:Boska,Georgia,serif;font-size:2.4rem;font-weight:700;letter-spacing:-.02em;line-height:1;color:#fff;margin:0} .mzn-meta{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.05em;color:#a1a1aa;margin:8px 0 10px} .mzn-ozet{font-size:13.5px;line-height:1.55;color:#d4d4d8;margin:0;max-width:42em} .mzn-git{position:absolute;top:20px;right:20px;width:38px;height:38px;border-radius:50%;background:#ffffff12;border:1px solid #ffffff24;display:flex;align-items:center;justify-content:center;color:#fff;transition:background .25s,color .25s,transform .25s;z-index:1} .mzn-git svg{width:16px;height:16px} .mzn:hover .mzn-git{background:#fff;color:#111;transform:translate(2px,-2px)} .mzn-hat{margin-top:auto;padding-top:18px} .mzn-etiket{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:#71717a;margin:0 0 14px} .mzn-ray{position:relative;display:flex;align-items:flex-start;padding-top:5px} .mzn-ray::before{content:"";position:absolute;left:8px;right:8px;top:9px;height:2px;background:#ffffff1c;border-radius:2px} .mzn-ray::after{content:"";position:absolute;left:8px;right:8px;top:9px;height:2px;border-radius:2px;background:repeating-linear-gradient(90deg,var(--t2,#ef4444) 0 7px,transparent 7px 26px);animation:mznAkis 1.2s linear infinite;filter:drop-shadow(0 0 4px var(--t2,#ef4444));opacity:.9} @keyframes mznAkis{to{transform:translateX(26px)}} .mzn-ist{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:9px;z-index:1;min-width:0;color:#e4e4e7} .mzn-ist i{width:11px;height:11px;border-radius:50%;background:#0b0b0d;border:2px solid var(--t2,#ef4444);box-shadow:0 0 0 3px #0b0b0d;transition:transform .2s} .mzn-ist b{font-size:12px;font-weight:600;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%} .mzn-ist em{font-style:normal;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:9.5px;color:#8e8e93} .mzn-ist:hover b{color:#fff} .mzn-ist:hover i{transform:scale(1.35)} .mzn-modeller{display:flex;flex-wrap:wrap;gap:5px 18px;margin-top:16px;padding-top:12px;border-top:1px dashed #ffffff17} .mzn-modeller a{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:10.5px;letter-spacing:.03em;color:#a1a1aa} .mzn-modeller a:hover{color:#fff} .mzn-cipler{display:flex;flex-wrap:wrap;gap:12px 10px;margin:0 0 3rem} a.mzn-cip{position:relative;display:inline-flex;align-items:center;gap:8px;background:linear-gradient(180deg,#17171a,#0b0b0d);border:1px solid #ffffff17;border-radius:999px;padding:10px 16px;font-size:13.5px;font-weight:600;color:#e4e4e7;transition:border-color .2s,transform .2s,box-shadow .2s,color .2s;box-shadow:0 8px 20px #00000036,inset 0 1px 0 #ffffff14} a.mzn-cip::after{content:"";position:absolute;left:14%;right:14%;bottom:-9px;height:8px;border-radius:50%;background:radial-gradient(50% 100% at 50% 0,#00000045,transparent 72%);filter:blur(2px);pointer-events:none} a.mzn-cip em{font-style:normal;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:10.5px;color:#8e8e93;transition:color .2s} a.mzn-cip:hover{border-color:#ffffff40;transform:translateY(-2px);box-shadow:0 14px 30px #0000004d,inset 0 1px 0 #ffffff21;color:#fff} a.mzn-cip:hover em{color:#d4d4d8} a.mzn-cip-b{border-color:#ef44445c;box-shadow:0 8px 20px #00000036,inset 0 1px 0 #ffffff14,0 0 18px #ef44441f;color:#fff} a.mzn-cip-b em{color:#fca5a5} @media(max-width:1023px){.mzn-liste{grid-template-columns:1fr}} @media(max-width:767px){.mzn{grid-template-columns:1fr}.mzn-foto{margin:14px 14px 0;height:230px;border-radius:110px 110px 12px 12px}.mzn-gov{padding:18px 16px 16px}.mzn-ad h3{font-size:2rem}.mzn-ist b{font-size:11px}.mzn-ist em{font-size:9px}} @media(prefers-reduced-motion:reduce){.mzn-ray::after{animation:none}} .yk-kap img{opacity:1!important} .yk-is{display:none!important} .yk-ortu{position:absolute;inset:0;background:linear-gradient(0deg,#000000e8 0%,#00000052 42%,#00000008 72%);z-index:1;pointer-events:none} .yk-fab{position:absolute;top:12px;left:12px;z-index:4;display:inline-flex;align-items:center;gap:6px;background:#ef4444;color:#fff;font-weight:900;font-size:11px;letter-spacing:.05em;text-transform:uppercase;padding:5px 11px;border-radius:6px;box-shadow:0 5px 14px #ef44445c;transform:rotate(-2deg);transform-origin:left top;max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .yk-fab.koyu{background:#111;border:1px solid #ffffff2e} .yk-model{position:absolute;top:12px;right:12px;z-index:4;background:#000000c9;border:1px solid #ffffff2e;color:#fff;font-size:10.5px;font-weight:600;padding:5px 9px;border-radius:6px} .yk-pul{position:absolute;left:12px;top:46px;z-index:4;display:flex;flex-direction:column;gap:7px;align-items:flex-start} .yk-stat{display:inline-flex;align-items:center;background:#facc15;color:#111;font-weight:800;font-size:12px;padding:5px 18px 5px 10px;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,0 100%);border-radius:4px 0 0 4px;filter:drop-shadow(0 3px 8px #00000045);max-width:235px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .yk-stat.b{background:#fff} .yk-pul .yk-stat:nth-child(2){margin-left:10px} .yk-halka{position:absolute;border:3px dashed #ef4444;border-radius:50%;filter:drop-shadow(0 0 8px #ef444488);z-index:3;pointer-events:none;animation:ykDon 18s linear infinite} @keyframes ykDon{to{transform:rotate(360deg)}} @media(prefers-reduced-motion:reduce){.yk-halka{animation:none}} .yk-okc{position:absolute;z-index:3;color:#ef4444;filter:drop-shadow(0 0 6px #ef444466);pointer-events:none;width:70px!important;height:38px!important} .yk-okc.amber{color:#f59e0b;filter:drop-shadow(0 0 6px #f59e0b55)} .yk-okc.mavi{color:#60a5fa;filter:drop-shadow(0 0 6px #60a5fa55)} .yk-okc.yesil{color:#34d399;filter:drop-shadow(0 0 6px #34d39955)} .yk-alti,.yk-hook{font-family:Boska,Georgia,serif;font-weight:700;color:#fff;text-shadow:0 2px 14px #000;line-height:1.08;background:none} .yk-alti em,.yk-hook em{font-style:normal;color:#111;background:#facc15;padding:1px 8px 2px;border-radius:4px;box-decoration-break:clone;-webkit-box-decoration-break:clone;text-shadow:none;box-shadow:0 3px 10px #00000040} .yk-alti{position:absolute;left:14px;right:14px;bottom:11px;z-index:4;font-size:23px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .manset-kucuk .yk-alti{font-size:22px} .manset-ana .yk-alti{font-size:clamp(24px,2.8vw,40px);left:20px;right:20px;bottom:16px;letter-spacing:-.02em} .yk-vs::before{content:none} .yk-taraf{position:absolute;top:12px;z-index:4;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:#000000b8;border:1px solid #ffffff2e;padding:4px 9px;border-radius:5px;max-width:44%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .yk-taraf.sol{left:12px}.yk-taraf.sag{right:12px} .yk-muhur{position:absolute;right:12px;top:36%;transform:rotate(-5deg);z-index:4;background:#ef4444;color:#fff;font-family:Boska,Georgia,serif;font-weight:700;font-size:20px;line-height:1;padding:8px 11px;border-radius:10px;box-shadow:0 8px 24px #ef444466;border:2px solid #ffffff55} .yk-muhur.kck{font-size:16px} .yk-hazir img{object-fit:cover!important;object-position:center!important} .manset-ana.yk-hazir,.manset-kucuk.yk-hazir{aspect-ratio:16/9;min-height:0!important;height:auto!important} .yk-hazir .yk-ortu{display:none} .yk-kart{position:relative} .yk-gorsel{position:relative;aspect-ratio:16/9;height:auto;background:#09090b;overflow:hidden;border-radius:1rem 1rem 0 0} .yk-gorsel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s} .yk-kart:hover .yk-gorsel img{transform:scale(1.05)} .yk-kart .kart-yazi{padding:1.5rem} .yk-kart .kart-yazi strong{font-size:1.5rem;font-weight:700;line-height:1.25;letter-spacing:-.025em;margin:0 0 .75rem} .yk-kart .kart-yazi p{color:#a1a1aa;font-size:1rem;line-height:1.625;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 1.5rem;flex:1} .yk-sure{position:absolute;right:10px;bottom:10px;z-index:4;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:10px;color:#fff;background:#000000d9;border:1px solid #ffffff21;padding:2px 7px;border-radius:5px} .yk-gorsel .yk-sure{bottom:auto;top:44px;right:12px} .kys{margin:0 0 3rem} .kys-tum{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:12px;color:#ef4444;white-space:nowrap;margin-left:12px} .kys-izgara{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem} .kys-kart{position:relative;display:block;height:210px;border-radius:.9rem;overflow:hidden;background:#09090b;border:1px solid var(--cizgi);box-shadow:0 10px 24px #00000030;transition:transform .35s,border-color .35s,box-shadow .35s} .kys-kart img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s} .kys-kart::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000000d9 0%,#00000030 55%,#00000000 80%);pointer-events:none} .kys-kart:hover{transform:translateY(-3px);border-color:#ef44445c;box-shadow:0 16px 34px #00000048,0 0 18px #ef44441f} .kys-kart:hover img{transform:scale(1.05)} .kys-kart .yk-fab,.kys-hook{z-index:2} .kys-izgara{display:none} .kys-mozaik{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;width:100%;margin:0} .kys-mozaik .kys-kart{position:relative;display:block;height:auto;aspect-ratio:1/1;border-radius:1rem;overflow:hidden;text-decoration:none;border:1px solid var(--cizgi);background:#050506 center/cover no-repeat;box-shadow:0 12px 30px #00000050;transition:transform .3s,border-color .3s,box-shadow .3s} .kys-mozaik .kys-kart:hover{transform:translateY(-4px);border-color:#ef44445c;box-shadow:0 20px 40px #00000060,0 0 18px #ef44441f} .kys-mozaik .k1{background-image:url(/bannerler/kys-q1.jpg)} .kys-mozaik .k2{background-image:url(/bannerler/kys-q2.jpg)} .kys-mozaik .k3{background-image:url(/bannerler/kys-q3.jpg)} .kys-mozaik .k4{background-image:url(/bannerler/kys-q4.jpg)} .kys-mozaik .kys-kart::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000000cc 0%,#00000000 42%);pointer-events:none} .kys-et{position:absolute;left:14px;bottom:12px;font-size:14px;font-weight:700;line-height:1;color:#fff;z-index:2;letter-spacing:.2px;display:inline-flex;align-items:center;gap:6px;background:rgba(10,10,12,.5);border:1px solid rgba(255,255,255,.24);border-radius:999px;padding:8px 14px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 14px #0008;text-shadow:0 1px 3px #000;transition:background .25s,border-color .25s,color .25s} .kys-mozaik .kys-et::after{content:"\203A";color:#fca5a5;font-weight:800;font-size:1.2em;line-height:1} .kys-mozaik .kys-kart:hover .kys-et{background:#ef4444;border-color:#ef4444;color:#fff} .kys-mozaik .kys-kart:hover .kys-et::after{color:#fff} .kys-et em{color:#fca5a5;font-style:normal} .kys-mozaik .k1 .kys-et,.kys-mozaik .k2 .kys-et{top:12px;bottom:auto} .kys-mozaik .k1::after,.kys-mozaik .k2::after{background:linear-gradient(180deg,#000000cc 0%,#00000000 42%)} @media(max-width:767px){ .kys-mozaik{grid-template-columns:1fr 1fr;gap:0;max-width:none;border-radius:1rem;overflow:hidden;border:1px solid var(--cizgi);box-shadow:0 20px 50px #00000060} .kys-mozaik .kys-kart{border-radius:0;border:0;box-shadow:none;aspect-ratio:1/1} .kys-mozaik .kys-kart:hover{transform:none;box-shadow:none} .kys-mozaik .kys-kart::after{background:none} .kys-mozaik .k1{border-right:1px solid #ffffff12;border-bottom:1px solid #ffffff12} .kys-mozaik .k2{border-bottom:1px solid #ffffff12} .kys-mozaik .k3{border-right:1px solid #ffffff12} .kys-et{font-size:12.5px;left:auto;bottom:auto;color:#fff;background:rgba(10,10,12,.5);border:1px solid rgba(255,255,255,.24);border-radius:999px;padding:5px 10px 5px 11px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:inline-flex;align-items:center;gap:5px;box-shadow:0 3px 10px #0007;text-shadow:0 1px 3px #000} .kys-mozaik .kys-et::after{content:"\203A";color:#fca5a5;font-weight:800;font-size:1.2em;line-height:1} .kys-mozaik .kys-kart:active .kys-et{background:#ef4444;border-color:#ef4444;color:#fff} .kys-mozaik .kys-kart:active .kys-et::after{color:#fff} .kys-mozaik .kys-kart:active{filter:brightness(1.08)} .kys-mozaik .k1 .kys-et{top:13px;left:13px} .kys-mozaik .k2 .kys-et{top:13px;right:13px;text-align:right} .kys-mozaik .k3 .kys-et{bottom:13px;left:13px} .kys-mozaik .k4 .kys-et{bottom:13px;right:13px;text-align:right} } .kys-hook{position:absolute;left:12px;right:12px;bottom:10px;font-size:19px;line-height:1.12;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} @media(max-width:960px){.kys-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}} /* sdIsiltiKatmani: koyu temada kenarlarda tatlı mavi-mor geçiş */ html.dark body{background: radial-gradient(56% 42% at 6% -4%,rgba(96,108,214,.46),transparent 62%), radial-gradient(46% 36% at 96% 0%,rgba(150,92,196,.38),transparent 60%), radial-gradient(95% 55% at 50% 108%,rgba(66,82,178,.30),transparent 74%), var(--bg); background-attachment:fixed,fixed,fixed,scroll} @supports (-webkit-touch-callout:none){html.dark body{background-attachment:scroll}} /* SD-MOBIL-YK: mobil incelik ayarları */ @media(max-width:767px){ .kys-izgara{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem} .kys-kart{height:140px;border-radius:.7rem} .kys-hook{font-size:14px} .kys-kart .yk-fab{font-size:9px;padding:3px 7px;top:8px;left:8px} .kys-tum{font-size:11px} .manset-kucuk{min-height:200px} .manset-kucuk .yk-alti{font-size:18px} .manset-ana{min-height:280px} .manset-ana .yk-alti{font-size:22px} .yk-alti{font-size:18px} .yk-fab{font-size:10px;padding:4px 8px} .yk-model{font-size:9.5px;padding:4px 7px} .yk-stat{font-size:11px;padding:4px 8px} .yk-pul{top:42px} .yk-okc{width:52px!important;height:28px!important} .yk-kart .kart-yazi{padding:1.15rem 1.15rem 1.25rem} .yk-kart .kart-yazi strong{font-size:1.25rem} .yk-taraf{font-size:8.5px;padding:3px 6px;letter-spacing:.08em} .yk-sure{font-size:9.5px} .yk-muhur{font-size:16px;padding:6px 9px} } /* SD-MANSET-16x9: manşet kartları da 16:9, küçükler kırpılmadan sığsın */ .manset{grid-template-columns:minmax(0,1fr) minmax(0,2fr)!important;align-items:start!important} .manset-yan{justify-content:flex-start!important} .manset-kucuk{flex:0 0 auto!important;aspect-ratio:16/9!important;min-height:0!important;height:auto!important} .manset-ana{aspect-ratio:16/9!important;min-height:0!important;height:auto!important} .manset-kucuk img,.manset-ana img{object-fit:cover} @media(max-width:767px){.manset{grid-template-columns:1fr!important}.manset-kucuk,.manset-ana{aspect-ratio:16/9!important}} /* 8791 only — canlı üst menü. 8788 / astra.css / hook 70624 dokunulmaz. */ :root { --ast-global-color-0: #8c6a3f; /* vurgu — bronz */ --ast-global-color-1: #6d4f2c; /* vurgu koyu */ --ast-global-color-2: #141110; /* mürekkep */ --ast-global-color-3: #55504a; /* gövde metni */ --ast-global-color-4: #fffdf9; /* yüzey */ --ast-global-color-5: #f7f4ee; /* kağıt zemin */ --ast-global-color-6: #ebe5da; /* kum — ikincil zemin */ --ast-global-color-7: rgba(20, 17, 16, .14); /* cetvel çizgisi */ --ast-global-color-8: #2f3a34; /* ikincil vurgu */ --ast-normal-container-width: 1340px; --ast-narrow-container-width: 760px; --ast-border-color: var(--ast-global-color-7); --ast-serif: Boska, "Times New Roman", Georgia, serif; --ast-sans: Switzer, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --ast-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace; --ast-gecis: .35s cubic-bezier(.2, .7, .3, 1); } .screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; } #masthead .ast-container { max-width: var(--ast-normal-container-width); margin-inline: auto; padding-inline: 32px; } /* ---------- üst başlık ---------- */ /* Krem menü yapışmaz — kaydırınca gider, ürünleri örtmez. Siyah bant 1:1 yukarı çıkar, tepeye gelince orada kalır. */ .site-header { position: relative; z-index: 20; background: var(--ast-global-color-5); border-bottom: 1px solid var(--ast-border-color); overflow: visible; overflow-anchor: none; } .main-header-bar-wrap { position: relative; z-index: 40; background: var(--ast-global-color-5); } .main-header-container { display: flex; align-items: center; justify-content: space-between; gap: 2em; min-height: 78px; flex-wrap: wrap; } /* Menu her zaman kendi satirinda: 12 sekmeyle genisligi 1100px'i asiyor, yani marka + arama ile ayni satira hicbir masaustu genisliginde sigmiyor. Bunu tasmaya birakmak yerine `flex: 1 0 100%` ile acikca yaziyoruz; boylece ust satirda yalnizca marka ve arama kalir, kutu da sag uca oturur. */ .ast-main-header-bar-alignment { flex: 1 0 100%; } /* Hamburger: masaüstünde yok. Telefonda checkbox + label — JS yok.