:root{--ink:#0c0e14;--ink-2:#12151d;--ink-3:#1a1e28;--sea:#090b12;--paper:#f1e9dc;--paper-dim:#c9c0b2;--muted:#8f877c;--line:rgba(241,233,220,.1);--line-strong:rgba(241,233,220,.22);--avr:#e3a455;--avr-soft:rgba(227,164,85,.16);--and:#e26a86;--and-soft:rgba(226,106,134,.16);--ok:#8fd3a7;--serif:'Instrument Serif','Iowan Old Style',Georgia,serif;--sans:'Instrument Sans',system-ui,sans-serif;--mono:'IBM Plex Mono',ui-monospace,monospace;--r:6px;--cerceve:1180px} *{margin:0;padding:0;box-sizing:border-box } html{scroll-behavior:smooth;-webkit-text-size-adjust:100% } body{background:var(--ink);color:var(--paper);font-family:var(--sans);font-size:16px;line-height:1.65;font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased }::selection{background:var(--avr);color:var(--ink) } a{color:inherit } h1,h2,h3,.h2{font-family:var(--serif);font-weight:400;line-height:1.05;letter-spacing:-.01em } h1 em,h2 em,.h2 em{font-style:italic;font-weight:400;color:var(--avr) } .cerceve{max-width:var(--cerceve);margin:0 auto;padding:0 24px } .mono{font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted) } body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:96px 96px;mask-image:radial-gradient(ellipse 70% 60% at 50% 0%,#000 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 0%,#000 0%,transparent 70%);opacity:.9 } body::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E") } header,main,footer{position:relative;z-index:1 } .bar{position:sticky;top:0;z-index:60;background:rgba(12,14,20,.78);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid var(--line) } .bar__ic{display:flex;align-items:center;gap:24px;height:64px } .marka{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:var(--serif);font-size:1.2rem;letter-spacing:-.01em;white-space:nowrap } .marka__isaret{width:28px;height:28px;border:1px solid var(--line-strong);border-radius:50%;display:grid;place-items:center;position:relative } .marka__isaret::before{content:"";width:1px;height:18px;background:linear-gradient(var(--avr) 50%,var(--and) 50%);transform:rotate(32deg) } .marka__isaret::after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:var(--paper) } .marka em{font-style:italic;color:var(--paper-dim);font-weight:400 } .menu{display:flex;gap:4px;margin-left:auto;overflow-x:auto;scrollbar-width:none } .menu::-webkit-scrollbar{display:none } .menu a{font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--paper-dim);text-decoration:none;padding:8px 10px;border-radius:var(--r);white-space:nowrap;transition:color .18s,background .18s } .menu a:hover{color:var(--paper);background:var(--ink-3) } .bar__cta{flex:none;font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--ink);background:var(--paper);padding:9px 14px;border-radius:var(--r);transition:background .18s,transform .18s } .bar__cta:hover{background:var(--avr);transform:translateY(-1px) } .dil{flex:none;font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--paper-dim);border:1px solid var(--line-strong);padding:8px 10px;border-radius:var(--r);transition:color .18s,border-color .18s } .dil:hover{color:var(--paper);border-color:var(--paper-dim) } .dugme{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:600;font-size:.92rem;padding:14px 22px;border-radius:var(--r);border:1px solid transparent;transition:transform .18s,background .18s,border-color .18s,color .18s } .dugme--dolu{background:var(--paper);color:var(--ink) } .dugme--dolu:hover{background:var(--avr);transform:translateY(-2px) } .dugme--cizgi{border-color:var(--line-strong);color:var(--paper) } .dugme--cizgi:hover{border-color:var(--paper);transform:translateY(-2px) } .dugme svg{width:14px;height:14px } .giris{padding:clamp(64px,10vw,120px) 0 clamp(40px,6vw,72px);position:relative;overflow:hidden } .giris::before{content:"";position:absolute;left:50%;top:-30%;width:1100px;height:700px;transform:translateX(-50%);background:radial-gradient(ellipse at 35% 40%,rgba(227,164,85,.18),transparent 55%),radial-gradient(ellipse at 68% 50%,rgba(226,106,134,.14),transparent 55%);filter:blur(20px);pointer-events:none } .giris__ic{position:relative;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:end } .giris__etiket{display:inline-flex;align-items:flex-start;gap:10px;margin-bottom:28px;line-height:1.6 } .giris__etiket i{flex:none;margin-top:5px;width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px rgba(143,211,167,.18);animation:nabiz 2.4s ease-in-out infinite } @keyframes nabiz{0%,100%{box-shadow:0 0 0 3px rgba(143,211,167,.22) } 50%{box-shadow:0 0 0 8px rgba(143,211,167,0) } } .giris h1{font-size:clamp(2.6rem,6.4vw,5.4rem);max-width:13ch;text-wrap:balance } .giris__alt{margin-top:28px;max-width:56ch;font-size:1.08rem;color:var(--paper-dim) } .giris__satir{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px } .lejant{border:1px solid var(--line-strong);background:linear-gradient(180deg,rgba(26,30,40,.7),rgba(18,21,29,.9));border-radius:10px;padding:22px;position:relative;backdrop-filter:blur(6px) } .lejant::before{content:"";position:absolute;inset:6px;border:1px dashed var(--line);border-radius:6px;pointer-events:none } .lejant__ust{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:18px } .lejant__ust b{font-family:var(--serif);font-weight:400;font-size:1.1rem;font-style:italic } .lejant__grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden } .lejant__h{background:var(--ink-2);padding:16px 16px 14px } .lejant__h b{display:block;font-family:var(--serif);font-size:2.2rem;line-height:1;font-weight:400;color:var(--paper) } .lejant__h span{display:block;margin-top:6px;font-family:var(--mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted) } .lejant__alt{margin-top:16px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap } .lejant__alt .mono{font-size:.62rem } .bolum{padding:clamp(56px,8vw,104px) 0;border-top:1px solid var(--line) } .baslik{display:grid;grid-template-columns:1fr 2fr;gap:24px 48px;margin-bottom:clamp(32px,5vw,56px);align-items:end } .baslik .mono{padding-top:8px } .baslik h2,.baslik .h2{margin:0;font-size:clamp(1.9rem,3.8vw,3rem);text-wrap:balance } .baslik .h2{grid-column:auto;max-width:none;color:inherit } .baslik p{grid-column:2;max-width:62ch;color:var(--paper-dim) } .atlas{padding-top:clamp(40px,6vw,72px) } .atlas__kutu{display:grid;grid-template-columns:minmax(0,1fr) 320px;border:1px solid var(--line-strong);border-radius:12px;overflow:hidden;background:var(--sea) } .atlas__harita{position:relative;min-height:360px;background:radial-gradient(ellipse at 50% 60%,rgba(30,36,52,.55),transparent 70%),var(--sea) } .atlas__harita svg{display:block;width:100%;height:auto } .atlas__lejant{position:absolute;left:16px;bottom:14px;display:flex;gap:14px;flex-wrap:wrap;font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted) } .atlas__lejant span{display:inline-flex;align-items:center;gap:7px } .atlas__lejant i{width:10px;height:10px;border-radius:2px;border:1px solid } .lej--avr i{background:var(--avr-soft);border-color:var(--avr) } .lej--and i{background:var(--and-soft);border-color:var(--and) } .lej--yayin i{background:var(--paper);border-color:var(--paper) } .lej--hazir i{background:repeating-linear-gradient(135deg,transparent 0 2px,var(--line-strong) 2px 3px);border-color:var(--line-strong) } .atlas__koordinat{position:absolute;right:16px;top:14px;text-align:right } .atlas__koordinat .mono{font-size:.6rem;display:block } .ilce{cursor:pointer;outline:none;stroke:var(--sea);stroke-width:1.1;stroke-linejoin:round;transition:fill .2s,stroke .2s,filter .2s } .ilce--avr{fill:var(--avr-soft) } .ilce--and{fill:var(--and-soft) } .ilce--hazir.ilce--avr{fill:url(#tarama-avr) } .ilce--hazir.ilce--and{fill:url(#tarama-and) } .ilce--avr:hover,.ilce--avr:focus-visible,.ilce--avr.aktif{fill:rgba(227,164,85,.55);stroke:var(--avr) } .ilce--and:hover,.ilce--and:focus-visible,.ilce--and.aktif{fill:rgba(226,106,134,.55);stroke:var(--and) } a.ilce-link .ilce{stroke:var(--paper);stroke-width:1.4 } a.ilce-link .ilce--avr{fill:rgba(227,164,85,.78) } a.ilce-link .ilce--and{fill:rgba(226,106,134,.78) } a.ilce-link:hover .ilce,a.ilce-link:focus-visible .ilce,a.ilce-link .ilce.aktif{fill:var(--paper);filter:drop-shadow(0 0 6px rgba(241,233,220,.65)) } a.ilce-link{outline:none } .etiket{font-family:var(--mono);font-size:8.5px;letter-spacing:.08em;text-transform:uppercase;fill:var(--paper-dim);pointer-events:none;paint-order:stroke;stroke:var(--sea);stroke-width:2.5px;stroke-linejoin:round } .etiket--yayin{fill:var(--paper);font-weight:500 } .etiket--merkez{display:none } svg.merkez .etiket{font-size:4.4px;stroke-width:1.4px } svg.merkez .etiket--merkez{display:block } svg.merkez .etiket--dis{display:none } svg.merkez .ilce{stroke-width:.5 } svg.merkez a.ilce-link .ilce{stroke-width:.7 } svg.merkez .isaret circle:first-child{stroke-width:.5 } svg.merkez .deniz{display:none } .atlas__anahtar{position:absolute;left:16px;top:14px;display:inline-flex;border:1px solid var(--line-strong);border-radius:999px;padding:3px;background:rgba(12,14,20,.7);backdrop-filter:blur(6px) } .atlas__anahtar button{appearance:none;border:0;background:transparent;color:var(--paper-dim);font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;padding:7px 12px;border-radius:999px;cursor:pointer;transition:background .18s,color .18s } .atlas__anahtar button[aria-pressed="true"]{background:var(--paper);color:var(--ink) } .deniz{font-family:var(--serif);font-style:italic;font-size:13px;letter-spacing:.3em;fill:rgba(241,233,220,.22);pointer-events:none } .isaret{pointer-events:none } .isaret circle:first-child{fill:none;stroke:var(--paper);stroke-width:1;transform-box:fill-box;transform-origin:center;animation:halka 2.2s ease-out infinite } .isaret circle:last-child{fill:var(--ink) } @keyframes halka{0%{transform:scale(.6);opacity:.9 } 100%{transform:scale(2.4);opacity:0 } } .izgara line{stroke:rgba(241,233,220,.05);stroke-width:.6 } .ipucu{position:absolute;z-index:5;pointer-events:none;transform:translate(-50%,calc(-100% - 14px));background:var(--paper);color:var(--ink);padding:8px 11px;border-radius:var(--r);font-size:.8rem;line-height:1.3;white-space:nowrap;opacity:0;transition:opacity .12s;box-shadow:0 10px 30px -10px rgba(0,0,0,.6) } .ipucu.acik{opacity:1 } .ipucu b{display:block;font-family:var(--serif);font-size:1rem;font-weight:500 } .ipucu span{font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:#4c4740 } .ipucu::after{content:"";position:absolute;left:50%;top:100%;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--paper) } .atlas__panel{border-left:1px solid var(--line-strong);background:var(--ink-2);display:flex;flex-direction:column } .panel__baslik{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center } .panel__govde{padding:20px;flex:1 } .panel__yaka{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;padding:5px 9px;border-radius:999px;border:1px solid var(--line-strong) } .panel__yaka i{width:7px;height:7px;border-radius:50% } .panel__yaka--avr{color:var(--avr) } .panel__yaka--avr i{background:var(--avr) } .panel__yaka--and{color:var(--and) } .panel__yaka--and i{background:var(--and) } .panel__ad{font-family:var(--serif);font-size:2.1rem;font-weight:400;line-height:1;margin:14px 0 10px;letter-spacing:-.02em } .panel__not{color:var(--paper-dim);font-size:.92rem } .panel__durum{margin-top:18px;padding:12px 14px;border-radius:var(--r);border:1px solid var(--line);font-size:.85rem;display:flex;gap:10px;align-items:flex-start } .panel__durum i{flex:none;width:8px;height:8px;border-radius:50%;margin-top:6px;background:var(--muted) } .panel__durum--yayin{border-color:rgba(143,211,167,.35);background:rgba(143,211,167,.06) } .panel__durum--yayin i{background:var(--ok) } .panel__mahalleler{margin-top:18px } .panel__mahalleler .mono{display:block;margin-bottom:10px } .cipler{list-style:none;display:flex;flex-wrap:wrap;gap:6px } .cipler li{font-size:.78rem;padding:5px 10px;border:1px solid var(--line);border-radius:999px;color:var(--paper-dim) } .cipler li a{color:var(--paper);text-decoration:none;border-bottom:1px solid var(--avr) } .cipler li:has(a){border-color:var(--line-strong) } .panel__alt{padding:16px 20px;border-top:1px solid var(--line) } .panel__alt .dugme{width:100%;justify-content:space-between } .panel__liste{list-style:none;display:grid;gap:8px } .panel__liste a{display:flex;justify-content:space-between;align-items:center;gap:10px;text-decoration:none;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r);transition:border-color .18s,background .18s } .panel__liste a:hover{border-color:var(--line-strong);background:var(--ink-3) } .panel__liste b{font-family:var(--serif);font-weight:400;font-size:1.1rem } .panel__liste small{font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted) } .dizin{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:20px } .dizin__yaka{border:1px solid var(--line);border-radius:10px;padding:18px 20px } .dizin__yaka h3{font-size:1.25rem;display:flex;align-items:center;gap:10px;margin-bottom:12px } .dizin__yaka h3 i{width:10px;height:10px;border-radius:50% } .dizin__yaka--avr h3 i{background:var(--avr) } .dizin__yaka--and h3 i{background:var(--and) } .dizin__liste{list-style:none;display:flex;flex-wrap:wrap;gap:6px 4px } .dizin__liste li{font-size:.82rem;padding:4px 9px;border-radius:999px;color:var(--muted);border:1px solid transparent } .dizin__liste li a{color:var(--paper);text-decoration:none;display:inline-flex;align-items:center;gap:6px } .dizin__liste li:has(a){border-color:var(--line-strong);background:var(--ink-2) } .dizin__liste li a::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ok) } .dizin__not{margin-top:18px;color:var(--muted);font-size:.88rem } .adimlar{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden } .adim{padding:28px 26px 30px;border-right:1px solid var(--line);position:relative } .adim:last-child{border-right:0 } .adim__no{font-family:var(--serif);font-style:italic;font-weight:400;font-size:3.4rem;line-height:1;color:var(--avr);opacity:.9 } .adim h3{font-size:1.45rem;margin:16px 0 10px } .adim p{color:var(--paper-dim);font-size:.95rem } .yakalar{display:grid;grid-template-columns:1fr 1fr;gap:20px } .yaka{border-radius:12px;padding:30px 28px;border:1px solid var(--line);position:relative;overflow:hidden;background:var(--ink-2) } .yaka::before{content:"";position:absolute;inset:0 auto 0 0;width:3px } .yaka--avr::before{background:var(--avr) } .yaka--and::before{background:var(--and) } .yaka .mono{display:block;margin-bottom:12px } .yaka--avr .mono{color:var(--avr) } .yaka--and .mono{color:var(--and) } .yaka h3{font-size:1.8rem;margin-bottom:14px } .yaka p{color:var(--paper-dim);font-size:.96rem } .yaka .cipler{margin-top:20px } .katlar{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden } .kat{background:var(--ink);padding:24px 26px;display:grid;grid-template-columns:44px 1fr;gap:14px;transition:background .18s } .kat:hover{background:var(--ink-2) } .kat small{font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;color:var(--avr);padding-top:6px } .kat h3{font-size:1.3rem;margin-bottom:8px } .kat h3 a{color:inherit;text-decoration:none;border-bottom:1px solid var(--line-strong) } .kat h3 a:hover{border-color:var(--avr) } .kat p{color:var(--paper-dim);font-size:.92rem } .tarifeler{display:grid;grid-template-columns:repeat(3,1fr);gap:20px } .tarife{border:1px solid var(--line);border-radius:12px;padding:28px 26px;background:var(--ink-2);position:relative } .tarife--vurgu{border-color:var(--avr);box-shadow:0 0 0 1px rgba(227,164,85,.25),0 30px 60px -40px rgba(227,164,85,.5) } .tarife--vurgu::after{content:attr(data-rozet);position:absolute;top:-11px;right:20px;font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;background:var(--avr);color:var(--ink);padding:4px 9px;border-radius:999px } .tarife h3{font-size:1.35rem } .tarife__band{font-family:var(--serif);font-weight:400;font-size:2.1rem;margin:16px 0 4px;letter-spacing:-.02em } .tarife small{font-family:var(--mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted) } .tarife p{margin-top:14px;color:var(--paper-dim);font-size:.92rem } .kurallar{display:grid;grid-template-columns:repeat(4,1fr);gap:20px } .kurallar--uc{grid-template-columns:repeat(3,1fr) } .profil-galeri{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px } .profil-galeri figure{margin:0;aspect-ratio:4 / 5;overflow:hidden;border-radius:10px;border:1px solid var(--line);background:var(--ink-2) } .profil-galeri figure:first-child{grid-column:span 2;grid-row:span 2 } .profil-galeri img{width:100%;height:100%;object-fit:cover;display:block } .profil__gorsel a{display:block;height:100% } .profil__ust h3 a{color:inherit;text-decoration:none } .profil__ust h3 a:hover{text-decoration:underline;text-underline-offset:3px } @media (max-width:560px){.profil-galeri{grid-template-columns:repeat(2,1fr) } } @media (max-width:960px){.kurallar--uc{grid-template-columns:1fr } } .kural{padding-top:18px;border-top:1px solid var(--line-strong) } .kural h3{font-size:1.3rem;margin-bottom:8px } .kural p{color:var(--paper-dim);font-size:.92rem } .makale{display:grid;grid-template-columns:1fr 2fr;gap:48px } .makale__meta{position:sticky;top:88px;align-self:start;display:grid;gap:10px;font-size:.88rem;color:var(--muted) } .makale__meta b{font-family:var(--serif);font-weight:400;font-size:1.3rem;color:var(--paper) } .makale__govde{max-width:66ch } .makale__govde p{margin-bottom:20px;color:var(--paper-dim);font-size:1.02rem } .makale__govde p:first-of-type::first-letter{font-family:var(--serif);font-size:3.6em;float:left;line-height:.8;margin:6px 10px 0 0;color:var(--avr) } .makale__govde h3{font-size:1.6rem;margin:34px 0 12px } .onemli{margin:24px 0;padding:18px 20px;border-left:2px solid var(--and);background:var(--and-soft);border-radius:0 var(--r) var(--r) 0;color:var(--paper) } .gunluk{list-style:none;position:relative;padding-left:28px } .gunluk::before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:1px;background:var(--line-strong) } .gunluk li{position:relative;padding-bottom:26px;display:grid;grid-template-columns:150px 1fr;gap:20px } .gunluk li::before{content:"";position:absolute;left:-26px;top:8px;width:9px;height:9px;border-radius:50%;background:var(--ink);border:1px solid var(--paper-dim) } .gunluk li:first-child::before{background:var(--ok);border-color:var(--ok) } .gunluk time{font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding-top:4px } .gunluk p{color:var(--paper-dim);font-size:.95rem } .gunluk__not{margin-top:10px;color:var(--muted);font-size:.88rem } .sss{display:grid;gap:0;border-top:1px solid var(--line-strong) } .sss details{border-bottom:1px solid var(--line) } .sss summary{list-style:none;cursor:pointer;padding:20px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;font-family:var(--serif);font-size:1.3rem;font-weight:400 } .sss summary::-webkit-details-marker{display:none } .sss summary::after{content:"+";font-family:var(--mono);font-size:1.1rem;color:var(--avr);transition:transform .2s } .sss details[open] summary::after{transform:rotate(45deg) } .sss details p{padding:0 0 22px;max-width:66ch;color:var(--paper-dim) } .sss a{color:var(--paper);text-decoration:none;border-bottom:1px solid var(--avr) } .iletisim{text-align:center;padding:clamp(64px,10vw,120px) 0;border-top:1px solid var(--line);position:relative;overflow:hidden } .iletisim::before{content:"";position:absolute;left:50%;bottom:-200px;width:800px;height:400px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(227,164,85,.16),transparent 60%);filter:blur(20px);pointer-events:none } .iletisim h2{font-size:clamp(2rem,4.6vw,3.4rem) } .iletisim p{margin:16px auto 28px;max-width:52ch;color:var(--paper-dim) } .posta{display:inline-block;font-family:var(--serif);font-style:italic;font-size:clamp(1.3rem,3vw,2rem);text-decoration:none;border-bottom:1px solid var(--avr);padding-bottom:2px;transition:color .18s } .posta:hover{color:var(--avr) } .alt{border-top:1px solid var(--line);padding:28px 0 36px } .alt__ic{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:.82rem;color:var(--muted) } .alt__ic .dmca-badge img{display:block;opacity:.6 } @media (prefers-reduced-motion:no-preference){.giris__ic>*{animation:belir .9s cubic-bezier(.2,.8,.2,1) both } .giris__ic>*:nth-child(2){animation-delay:.15s } @keyframes belir{from{opacity:0;transform:translateY(18px) } to{opacity:1;transform:none } } } @media (max-width:1020px){.atlas__kutu{grid-template-columns:1fr } .atlas__panel{border-left:0;border-top:1px solid var(--line-strong) } .kurallar{grid-template-columns:repeat(2,1fr) } } @media (max-width:860px){.giris__ic{grid-template-columns:1fr } .baslik{grid-template-columns:1fr } .baslik p{grid-column:1 } .adimlar{grid-template-columns:1fr } .adim{border-right:0;border-bottom:1px solid var(--line) } .adim:last-child{border-bottom:0 } .yakalar,.katlar,.tarifeler,.dizin{grid-template-columns:1fr } .makale{grid-template-columns:1fr;gap:24px } .makale__meta{position:static;grid-auto-flow:column;justify-content:start;align-items:center;gap:16px } .gunluk li{grid-template-columns:1fr;gap:4px } .bar__cta{display:none } } @media (max-width:760px){.atlas__harita{min-height:0 } .atlas__lejant{position:static;padding:10px 16px 14px;gap:10px 14px } .atlas__koordinat{display:none } .etiket{font-size:13px;stroke-width:3px } svg.merkez .etiket{font-size:7px;stroke-width:2px } .etiket--kucuk{display:none !important } } @media (max-width:560px){.kurallar{grid-template-columns:1fr } .lejant__grid{grid-template-columns:1fr 1fr } } .menu a.aktif{color:var(--paper);background:var(--ink-3) } .kirinti{display:flex;flex-wrap:wrap;gap:6px;list-style:none;font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted) } .kirinti a{color:var(--paper-dim);text-decoration:none } .kirinti a:hover{color:var(--paper) } .kirinti li+li::before{content:"/";margin-right:6px;color:var(--line-strong) } .sayfa-bas{padding:clamp(48px,7vw,88px) 0 clamp(32px,5vw,56px);position:relative;overflow:hidden } .sayfa-bas::before{content:"";position:absolute;left:50%;top:-40%;width:900px;height:520px;transform:translateX(-50%);background:radial-gradient(ellipse at 40% 50%,rgba(227,164,85,.14),transparent 60%);filter:blur(20px);pointer-events:none } .sayfa-bas--and::before{background:radial-gradient(ellipse at 40% 50%,rgba(226,106,134,.14),transparent 60%) } .sayfa-bas__ic{position:relative;display:grid;gap:22px;max-width:820px } .sayfa-bas h1{font-size:clamp(2.2rem,5.2vw,4.2rem);text-wrap:balance } .sayfa-bas__alt{font-size:1.08rem;color:var(--paper-dim);max-width:62ch } .sayfa-bas__meta{display:flex;flex-wrap:wrap;gap:8px 18px } .yan-duzen{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:start } .yan{position:sticky;top:84px;display:grid;gap:16px } .kart{border:1px solid var(--line);border-radius:12px;background:var(--ink-2);padding:18px 20px } .kart .mono{display:block;margin-bottom:10px } .kart h2,.kart h3{font-size:1.25rem;margin-bottom:10px } .kart p{color:var(--paper-dim);font-size:.9rem } .kart--harita{padding:0;overflow:hidden;background:var(--sea) } .kart--harita svg{display:block;width:100%;height:auto } .kart--harita .kart__alt{padding:12px 16px 14px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px } .kunye{list-style:none;display:grid;gap:0 } .kunye li{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-top:1px solid var(--line);font-size:.88rem } .kunye li:first-child{border-top:0;padding-top:0 } .kunye span{color:var(--muted) } .kunye b{font-weight:500;text-align:right } .icerik{max-width:70ch } .icerik>*+*{margin-top:20px } .icerik h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-top:56px;padding-top:28px;border-top:1px solid var(--line) } .icerik h2:first-child{margin-top:0;padding-top:0;border-top:0 } .icerik h3{font-size:1.4rem;margin-top:34px } .icerik p,.icerik li{color:var(--paper-dim);font-size:1.02rem } .icerik strong{color:var(--paper);font-weight:600 } .icerik ul,.icerik ol{padding-left:22px;display:grid;gap:10px } .icerik li::marker{color:var(--avr) } .icerik a{color:var(--paper);text-decoration:none;border-bottom:1px solid var(--avr) } .icerik a:hover{color:var(--avr) } .icerik .onemli{margin:28px 0 } .giris-harfi>p:first-of-type::first-letter{font-family:var(--serif);font-size:3.6em;float:left;line-height:.8;margin:6px 10px 0 0;color:var(--avr) } .tablo-sar{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--ink-2) } .tablo{width:100%;border-collapse:collapse;font-size:.92rem;min-width:560px } .tablo th,.tablo td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--line);vertical-align:top } .tablo th{font-family:var(--mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:500;background:var(--ink) } .tablo tr:last-child td{border-bottom:0 } .tablo td:first-child{color:var(--paper);font-weight:500 } .tablo td{color:var(--paper-dim) } .tablo .bant{font-family:var(--serif);font-size:1.1rem;color:var(--paper);white-space:nowrap } .yan-duzen .baslik{grid-template-columns:1fr;gap:10px;margin-bottom:28px } .yan-duzen .baslik .mono{padding-top:0 } .yan-duzen .baslik h2{font-size:clamp(1.7rem,3vw,2.4rem) } .yan-duzen .baslik p{grid-column:1 } .yan-duzen .tarifeler{grid-template-columns:repeat(3,1fr) } .tablo .bant--ust{color:var(--avr) } .tablo .bant--alt{color:var(--muted) } .adim-liste{list-style:none;display:grid;gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden } .adim-liste li{display:grid;grid-template-columns:64px 1fr;gap:18px;padding:22px 24px;border-bottom:1px solid var(--line);background:var(--ink-2) } .adim-liste li:last-child{border-bottom:0 } .adim-liste b{font-family:var(--serif);font-style:italic;font-weight:400;font-size:2.2rem;line-height:1;color:var(--avr) } .adim-liste h3{font-size:1.3rem;margin:0 0 6px } .adim-liste p{margin:0;color:var(--paper-dim);font-size:.95rem } .saatler{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden } .saat{background:var(--ink-2);padding:18px } .saat b{display:block;font-family:var(--mono);font-size:.74rem;letter-spacing:.1em;color:var(--paper);font-weight:500 } .saat i{display:block;height:3px;border-radius:2px;margin:12px 0;background:var(--line-strong) } .saat--iyi i{background:var(--ok) } .saat--orta i{background:var(--avr) } .saat--kotu i{background:var(--and) } .saat p{margin:0;font-size:.86rem;color:var(--paper-dim) } .bolgeler{display:grid;grid-template-columns:repeat(3,1fr);gap:16px } .bolge{border:1px solid var(--line);border-radius:12px;padding:22px;background:var(--ink-2) } .bolge .mono{display:block;margin-bottom:8px } .bolge h3{font-size:1.3rem;margin:0 0 10px } .bolge p{margin:0;font-size:.92rem;color:var(--paper-dim) } .kisa-ilanlar{display:grid;grid-template-columns:repeat(3,1fr);gap:20px } .kisa-kart{display:flex;flex-direction:column;gap:12px;padding:26px;border:1px solid var(--line);border-radius:12px;text-decoration:none;background:var(--ink-2);transition:border-color .18s,transform .18s } .kisa-kart:hover{border-color:var(--line-strong);transform:translateY(-2px) } .kisa-kart h3{font-size:1.5rem } .kisa-kart p{color:var(--paper-dim);font-size:.94rem;flex:1 } .kisa-kart .mono--ok{color:var(--avr) } .gunluk--sayfa li{grid-template-columns:170px 1fr } .gunluk--sayfa p{font-size:1rem } .yil{font-family:var(--serif);font-style:italic;font-size:2rem;font-weight:400;color:var(--muted);margin:0 0 20px 28px } .alt{border-top:1px solid var(--line);padding:48px 0 36px;margin-top:40px } .alt__ust{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;padding-bottom:32px;border-bottom:1px solid var(--line) } .alt__ust p{color:var(--muted);font-size:.9rem;max-width:40ch;margin-top:12px } .alt__ust .mono{display:block;margin-bottom:12px } .alt__liste{list-style:none;display:grid;gap:8px } .alt__liste a{color:var(--paper-dim);text-decoration:none;font-size:.92rem } .alt__liste a:hover{color:var(--paper) } .alt__ic{padding-top:22px } @media (max-width:960px){.yan-duzen{grid-template-columns:1fr } .yan{position:static } .saatler,.bolgeler{grid-template-columns:1fr 1fr } } @media (max-width:860px){.kisa-ilanlar{grid-template-columns:1fr } .alt__ust{grid-template-columns:1fr } .gunluk--sayfa li{grid-template-columns:1fr } } @media (max-width:560px){.saatler,.bolgeler{grid-template-columns:1fr } .adim-liste li{grid-template-columns:1fr;gap:8px } } .bolum--vitrin{border-top:0;padding:clamp(36px,5vw,64px) 0 clamp(40px,5vw,72px);border-bottom:1px solid var(--line) } .bolum--vitrin+.giris,.bolum--vitrin+.sayfa-bas{border-top:0 } .tg{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin:0 0 28px;padding:16px 18px 16px 16px;text-decoration:none;color:var(--paper);background:radial-gradient(90% 160% at 0% 50%,rgba(34,158,217,.28),transparent 58%),var(--ink-2);border:1px solid rgba(34,158,217,.5);border-radius:16px;transition:border-color .18s,transform .18s } .tg:hover{border-color:#5ec4f0;transform:translateY(-2px) } .tg__ikon{width:54px;height:54px;border-radius:14px;background:#229ed9;display:grid;place-items:center;box-shadow:0 10px 24px -14px #229ed9 } .tg__yazi{display:flex;flex-direction:column;gap:2px;min-width:0 } .tg__yazi .mono{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:#8fd4f5 } .tg__yazi strong{font-family:var(--serif);font-weight:400;font-size:clamp(1.35rem,2vw,1.7rem);line-height:1.15;letter-spacing:-.01em } .tg__yazi span:last-child{color:var(--paper-dim);font-size:.92rem } .tg__btn{font-family:var(--mono);font-size:.72rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;background:#3eb5ed;color:#08131c;padding:13px 18px;border-radius:999px;white-space:nowrap } .tg:hover .tg__btn{background:#62c5f3 } @media (max-width:720px){.tg{grid-template-columns:auto 1fr;gap:12px 14px;margin-bottom:16px;padding:14px } .tg__ikon{width:46px;height:46px } .tg__yazi span:last-child{font-size:.84rem } .tg__btn{grid-column:1 / -1;text-align:center } } .vitrin__sayac{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;padding:10px 0 16px;border-top:1px solid var(--line);color:var(--muted) } .vitrin{display:grid;grid-template-columns:repeat(3,1fr);gap:20px } .yan-duzen .vitrin{grid-template-columns:repeat(2,1fr) } .profil{position:relative;display:flex;flex-direction:column;background:var(--ink-2);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:transform .22s,border-color .22s,box-shadow .22s } .profil:hover{transform:translateY(-3px);border-color:var(--line-strong);box-shadow:0 30px 50px -36px rgba(0,0,0,.9) } .profil--vip{border-color:rgba(227,164,85,.45) } .profil--vip:hover{border-color:var(--avr);box-shadow:0 30px 60px -36px rgba(227,164,85,.45) } .profil__gorsel{margin:0;position:relative;aspect-ratio:4 / 5;background:var(--ink-3);overflow:hidden } .profil__gorsel img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.2,.7,.2,1) } .profil:hover .profil__gorsel img{transform:scale(1.03) } .profil__gorsel::after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(to top,rgba(12,14,20,.85),transparent);pointer-events:none } .profil__rozet,.profil__bolge{position:absolute;top:12px;z-index:1;padding:5px 10px;border-radius:999px;font-size:.6rem;letter-spacing:.14em;background:rgba(12,14,20,.7);color:var(--paper-dim);border:1px solid var(--line-strong);backdrop-filter:blur(6px) } .profil__rozet{left:12px } .profil__bolge{right:12px;color:var(--paper);border-color:rgba(244,238,227,.24) } .profil--vip .profil__rozet{background:var(--avr);color:var(--ink);border-color:var(--avr) } .profil__govde{display:flex;flex-direction:column;gap:12px;padding:18px 18px 20px;flex:1 } .profil__ust{display:flex;justify-content:space-between;align-items:baseline;gap:12px } .profil__ust h3{font-size:1.6rem;margin:0 } .profil__ust .mono{color:var(--muted) } .profil__aciklama{margin:0;color:var(--paper-dim);font-size:.92rem;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden } .profil__etiketler{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0 } .profil__etiketler li a{display:inline-block;font-family:var(--mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border:1px solid var(--line);border-radius:999px;color:var(--paper-dim);text-decoration:none } .profil__etiketler li a:hover{border-color:var(--avr);color:var(--paper) } .vitrin__filtre{margin:0 0 18px } .cipler--filtre{gap:8px } .cipler--filtre li{padding:0;border-radius:999px } .cipler--filtre li a{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-bottom:0;font-family:var(--mono);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--paper-dim) } .cipler--filtre li small{font-size:.68rem;color:var(--muted) } .cipler--filtre li:hover{border-color:var(--avr) } .cipler--filtre li.aktif{background:var(--avr);border-color:var(--avr) } .cipler--filtre li.aktif a,.cipler--filtre li.aktif small{color:var(--ink-2) } .profil__galeri{display:flex;gap:6px } .profil__galeri button{width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--ink-3);cursor:pointer;opacity:.6;transition:opacity .18s,border-color .18s } .profil__galeri button img{width:100%;height:100%;object-fit:cover;display:block } .profil__galeri button:hover,.profil__galeri button.aktif{opacity:1;border-color:var(--avr) } .profil__galeri button:focus-visible{outline:2px solid var(--avr);outline-offset:2px } .profil__alt{margin-top:auto;display:flex;flex-direction:column;gap:10px;padding-top:6px } .profil__tel{color:var(--paper-dim);font-size:.8rem } .profil__cta{justify-content:center;padding:12px 18px } .vitrin__not{margin:24px 0 0;font-size:.86rem;color:var(--muted);max-width:70ch } @media (max-width:960px){.vitrin{grid-template-columns:repeat(2,1fr) } } @media (max-width:560px){.vitrin,.yan-duzen .vitrin{grid-template-columns:1fr } .profil__gorsel{aspect-ratio:1 } } .sosyal{display:flex;flex-direction:column;gap:8px;margin-top:18px } .sosyal a{display:inline-flex;align-items:center;gap:10px;color:var(--paper-dim);text-decoration:none;width:fit-content;transition:color .18s } .sosyal a:hover{color:var(--avr) } .sosyal svg{width:18px;height:18px;flex:none } .sosyal .mono{font-size:.7rem;letter-spacing:.08em;text-transform:none } .sozluk{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden } .sozluk>div{background:var(--ink-2);padding:22px 24px } .sozluk dt{font-family:var(--serif);font-size:1.5rem;color:var(--paper);margin-bottom:8px } .sozluk dd{margin:0;font-size:.92rem;color:var(--paper-dim) } .hat{list-style:none;margin:0;padding:28px 0 0;display:grid;grid-template-columns:repeat(6,1fr);position:relative } .hat::before{content:"";position:absolute;left:8.3%;right:8.3%;top:36px;height:2px;background:linear-gradient(90deg,var(--line-strong),var(--avr)) } .hat li{position:relative;text-align:center;padding-top:24px } .hat li::before{content:"";position:absolute;left:50%;top:2px;width:12px;height:12px;border-radius:50%;transform:translateX(-50%);background:var(--ink);border:2px solid var(--line-strong) } .hat li.hat__son::before{background:var(--avr);border-color:var(--avr);box-shadow:0 0 0 6px rgba(227,164,85,.18) } .hat b{display:block;font-weight:500;font-size:.92rem;color:var(--paper) } .hat span{display:block;font-family:var(--mono);font-size:.68rem;letter-spacing:.08em;color:var(--muted);margin-top:4px } .hat .hat__son span{color:var(--avr) } .hat__not{margin:22px 0 0;font-size:.9rem;color:var(--paper-dim);max-width:68ch } @media (max-width:760px){.sozluk{grid-template-columns:1fr } .hat{grid-template-columns:1fr;padding:0 0 0 28px } .hat::before{left:13px;right:auto;top:8px;bottom:8px;width:2px;height:auto;background:linear-gradient(180deg,var(--line-strong),var(--avr)) } .hat li{text-align:left;padding:10px 0 } .hat li::before{left:-21px;top:14px;transform:none } } .hikayeler{position:relative;z-index:1;border-bottom:1px solid var(--line);background:var(--ink-2) } .hikayeler__ic{display:flex;align-items:center;gap:20px;min-height:112px;padding-top:12px;padding-bottom:12px } .hikayeler__bas{flex:none;display:flex;flex-direction:column;gap:4px;padding-right:20px;border-right:1px solid var(--line) } .hikayeler__ad{line-height:1.2;color:var(--paper) } .hikayeler__bas span{font-size:.62rem } .hikayeler__liste{list-style:none;display:flex;gap:18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;padding:4px 2px;margin:-4px -2px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent) } .hikayeler__liste::-webkit-scrollbar{display:none } .hikayeler__liste li{flex:none;scroll-snap-align:start } .hikaye{display:flex;flex-direction:column;align-items:center;gap:7px;width:72px;text-decoration:none;color:var(--paper-dim);-webkit-tap-highlight-color:transparent } .hikaye__halka{position:relative;width:66px;height:66px;border-radius:50%;padding:3px;background:conic-gradient(from 210deg,var(--avr),var(--and),var(--avr));transition:transform .18s } .hikaye__halka::after{content:"";position:absolute;inset:3px;border-radius:50%;border:2px solid var(--ink-2);pointer-events:none } .hikaye__halka img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;background:var(--ink-3) } .hikaye:hover .hikaye__halka,.hikaye:focus-visible .hikaye__halka{transform:scale(1.05) } .hikaye:focus-visible{outline:none } .hikaye:focus-visible .hikaye__ad{color:var(--paper) } .hikaye.izlendi .hikaye__halka{background:var(--line-strong) } .hikaye__ad{font-family:var(--mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100% } @media (max-width:760px){.hikayeler__ic{min-height:0;gap:14px;padding-top:10px;padding-bottom:10px } .hikayeler__bas{padding-right:14px } .hikayeler__bas span{display:none } .hikaye{width:60px } .hikaye__halka{width:56px;height:56px } .hikayeler__liste{gap:12px } } html.hk-acik,html.hk-acik body{overflow:hidden } .hk{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;gap:28px;background:rgba(5,6,10,.94);opacity:0;transition:opacity .22s } .hk--acik{opacity:1 } .hk__kutu{position:relative;width:min(100vw,calc(100dvh * 9 / 16));height:100dvh;background:#000;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:manipulation } .hk__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000 } .hk__kutu--yatay .hk__video{object-fit:contain } .hk__arka{position:absolute;inset:-40px;background-size:cover;background-position:center;filter:blur(28px) brightness(.45);opacity:0;transition:opacity .3s } .hk__kutu--yatay .hk__arka{opacity:1 } .hk__kutu::before{content:"";position:absolute;left:0;right:0;top:0;height:120px;background:linear-gradient(rgba(0,0,0,.6),transparent);pointer-events:none;z-index:1 } .hk__ilerleme{position:absolute;left:10px;right:10px;top:10px;display:flex;gap:4px;z-index:3 } .hk__ilerleme span{flex:1;height:2px;border-radius:2px;background:rgba(241,233,220,.3);overflow:hidden } .hk__ilerleme i{display:block;height:100%;width:0;background:var(--paper);transition:width .12s linear } .hk__ust{position:absolute;left:12px;right:8px;top:22px;display:flex;align-items:center;gap:10px;z-index:3;color:var(--paper) } .hk__avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1px solid var(--line-strong);background:var(--ink-3) } .hk__meta{display:flex;flex-direction:column;line-height:1.2;min-width:0;flex:1 } .hk__meta b{font-family:var(--serif);font-weight:400;font-size:1.05rem;letter-spacing:-.01em } .hk__meta time{font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;color:var(--paper-dim) } .hk__dugme,.hk__ok{appearance:none;border:0;background:transparent;color:var(--paper);width:40px;height:40px;display:grid;place-items:center;border-radius:50%;cursor:pointer;transition:background .18s } .hk__dugme svg,.hk__ok svg{width:22px;height:22px } .hk__dugme:hover,.hk__dugme:focus-visible{background:rgba(241,233,220,.14);outline:none } .hk__bolge{position:absolute;top:80px;bottom:0;width:50%;z-index:2;cursor:pointer } .hk__bolge--sol{left:0 } .hk__bolge--sag{right:0 } .hk__ok{flex:none;width:48px;height:48px;border:1px solid var(--line-strong);color:var(--paper-dim) } .hk__ok:hover,.hk__ok:focus-visible{background:var(--ink-3);color:var(--paper);outline:none } .hk--ilk .hk__ok--sol,.hk--son .hk__ok--sag{visibility:hidden } .hk__kutu--duraklatildi .hk__ilerleme i{transition:none } .hk__kutu--duraklatildi::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:22px;transform:translate(-50%,-50%);border-left:5px solid var(--paper);border-right:5px solid var(--paper);opacity:.85;z-index:2;pointer-events:none } @media (min-width:761px){.hk__kutu{height:min(100dvh - 48px,860px);width:min(calc(100vw - 160px),calc(min(100dvh - 48px,860px) * 9 / 16));border-radius:14px;border:1px solid var(--line) } } @media (max-width:760px){.hk{gap:0 } .hk__ok{display:none } } @media (prefers-reduced-motion:reduce){.hk,.hikaye__halka{transition:none } } .arac{margin:8px 0 12px;padding:22px 22px 18px;background:var(--ink-2);border:1px solid var(--line-strong);border-radius:var(--r) } .icerik .arac h2{margin:6px 0 16px;padding:0;border:0;font-size:clamp(1.7rem,3vw,2.35rem) } .arac__sec{display:flex;flex-wrap:wrap;gap:8px } .arac__satir{display:contents } .arac__girdi{position:absolute;opacity:0;width:1px;height:1px } .arac__sec label{display:block;flex:1 1 132px;order:1;padding:12px 14px;border:1px solid var(--line-strong);border-radius:var(--r);color:var(--paper);font-family:var(--mono);font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;cursor:pointer } .arac__satir .arac__panel{display:none;flex:1 0 100%;order:2 } .arac__girdi:checked + label{background:var(--avr);color:var(--ink);border-color:var(--avr) } .arac__girdi:focus-visible + label{outline:1px solid var(--paper);outline-offset:2px } .arac__girdi:checked + label + .arac__panel{display:block } .arac__panel p,.arac__not,.arac__bos,.arac__iki p{color:var(--paper-dim);font-size:1.02rem } .arac__panel{margin-top:14px;padding-top:14px;border-top:1px solid var(--line) } .arac__cubuk{list-style:none;display:grid;gap:10px;margin-top:6px } .arac__cubuk li{display:grid;grid-template-columns:92px 1fr 24px;gap:10px;align-items:center } .arac__cubuk span,.arac__cubuk b{font-family:var(--mono);font-size:.72rem;color:var(--paper);font-weight:500 } .arac__cubuk i{display:block;height:8px;min-width:4px;background:var(--avr);border-radius:99px } .arac__iki{display:grid;grid-template-columns:1fr 1fr;gap:10px } .arac__iki div{padding:14px;border:1px solid var(--line);border-radius:var(--r);background:var(--ink-3) } .arac__iki strong{display:block;margin:6px 0 8px;font-family:var(--serif);font-size:2.4rem;font-weight:400;line-height:1;color:var(--avr) } .arac__not,.arac__bos{margin-top:14px } .arac__don{display:inline-block;margin-top:16px;font-family:var(--mono);font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;color:var(--paper);text-decoration:none;border-bottom:1px solid var(--avr) } .arac__don:hover{color:var(--avr) } @media (max-width:640px){.arac{padding:16px } .arac__iki,.arac__cubuk li{grid-template-columns:1fr } .arac__cubuk b{justify-self:end } }

/* Vitrin sayfalama (Daha fazlasını görüntüle) ve anasayfa açılır rehber şeridi */
.profil--gizli{display:none}
.vitrin__daha-kutu{display:flex;justify-content:center;margin-top:28px}
.vitrin__daha{cursor:pointer;padding:13px 26px;font-size:.95rem}
.rehber-serit{margin:0 0 22px;border:1px solid var(--line-strong);border-radius:14px;background:var(--ink-2);overflow:hidden}
.rehber-serit__baslik{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;cursor:pointer;list-style:none}
.rehber-serit__baslik::-webkit-details-marker{display:none}
.rehber-serit__baslik h2{font-size:clamp(1.15rem,2vw,1.45rem);margin:4px 0 0;line-height:1.25}
.rehber-serit__dugme{padding:7px 13px;border:1px solid var(--line-strong);border-radius:999px;white-space:nowrap;color:var(--avr)}
.rehber-serit .kapat-metin{display:none}
.rehber-serit[open] .ac-metin{display:none}
.rehber-serit[open] .kapat-metin{display:inline}
.rehber-serit__govde{padding:4px 20px 22px;border-top:1px solid var(--line)}
.rehber-serit__govde h3{font-size:1.18rem;margin:22px 0 8px;color:var(--paper)}
.rehber-serit__govde p{margin:0 0 12px;color:var(--paper-dim);line-height:1.68}

.ust-h1{padding:18px 0 4px}.ust-h1 h1{font-size:clamp(1.55rem,3.4vw,2.5rem);text-wrap:balance;margin:0}