/* ═══════════════════════════════════════════════════ Majorzade — İbrahim Efe Kaç Manşetler: Saira Extra Condensed (ağır, sıkışık grotesk) Gövde: Times New Roman — yoksa Tinos (birebir ikizi) Renk ve ölçüler aşağıdaki :root bloğunda; değiştirmek için oraya dokunmak yeterli. ═══════════════════════════════════════════════════ */ :root{ --paper:#EFE9D6; /* eskitilmiş kağıt */ --ink:#0F0D08; /* is mürekkebi */ --rubric:#7A1F26; /* rubrik kırmızısı */ --indigo:#22314E; /* minyatür indigosu */ --rule:#C7BA9C; /* sıcak hairline */ --muted:#6E6858; /* meta metin */ /* mürekkebin yumuşatılmış tonları — her biri bir yerde kullanılıyor */ --ink-lede:#4A4438; /* bölüm giriş cümlesi */ --ink-blok:#39332A; /* blockquote */ --ink-siir:#2B2620; /* .verse */ --ink-alinti:#241F18; /* Alıntılar bölümündeki metin */ --leke:rgba(139,108,60,.045); /* kağıttaki soluk lekeler */ --leke-2:rgba(139,108,60,.035); --cerceve-a:rgba(34,49,78,.10); /* görseli olmayan levhanın yeri */ --cerceve-b:rgba(122,31,38,.07); /* büyüteç her iki kipte de koyu — bu üçü tema ile değişmez */ --buyutec-metin:#CFC7B2; --buyutec-vurgu:#C08A8F; --buyutec-parlak:#F2ECDD; --govde:'Times New Roman', Tinos, Times, 'Liberation Serif', serif; --manset:'Saira Extra Condensed', 'Arial Narrow', Impact, sans-serif; --margin-col:12rem; /* derkenar sütunu */ --text-col:41rem; /* metin ölçüsü */ --gutter:3.5rem; } /* ═══════════════════════════════════════════════════ Gece kâğıdı Siyah değil: lamba ışığında okunan bir cilt gibi sıcak, koyu bir zemin. Mürekkep kremimsi beyaza, rubrik daha açık bir kırmızıya döner. Cihazın kendi ayarına uyar. Footer'daki düğmeyle elle de seçilebiliyor: / "gunduz". light-dark() tanımayan eski tarayıcılar yukarıdaki gündüz paletinde kalır — site eksiksiz çalışır, sadece gece kipi olmaz. ═══════════════════════════════════════════════════ */ @supports (color: light-dark(#000, #fff)){ :root{ color-scheme: light dark; --paper: light-dark(#EFE9D6, #17140F); --ink: light-dark(#0F0D08, #E6DEC9); --rubric: light-dark(#7A1F26, #D25F63); --indigo: light-dark(#22314E, #93A9CE); --rule: light-dark(#C7BA9C, #3A342A); --muted: light-dark(#6E6858, #9C927C); --ink-lede: light-dark(#4A4438, #C9C0AA); --ink-blok: light-dark(#39332A, #D2C9B3); --ink-siir: light-dark(#2B2620, #D8CFB9); --ink-alinti: light-dark(#241F18, #DDD4BE); --leke: light-dark(rgba(139,108,60,.045), rgba(214,182,120,.055)); --leke-2: light-dark(rgba(139,108,60,.035), rgba(214,182,120,.040)); --cerceve-a: light-dark(rgba(34,49,78,.10), rgba(147,169,206,.10)); --cerceve-b: light-dark(rgba(122,31,38,.07), rgba(210,95,99,.08)); } :root[data-tema="gunduz"]{ color-scheme: light; } :root[data-tema="gece"] { color-scheme: dark; } } *{box-sizing:border-box;} html,body{ margin:0;padding:0; background:var(--paper); color:var(--ink); font-family:var(--govde); font-size:20px; /* Times küçük görünür, punto yükseltildi */ line-height:1.6; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } body{ background-image: radial-gradient(circle at 15% 20%, var(--leke) 0%, transparent 40%), radial-gradient(circle at 85% 75%, var(--leke-2) 0%, transparent 45%); background-attachment:fixed; } /* ═══ manşet harfi ═══ */ .manset, .wordmark .ad, nav.sections a, .post-title, .archive-entry a, .docs h3{ font-family:var(--manset); font-weight:800; text-transform:uppercase; font-style:normal; } /* ═══ sayfa ═══ */ .site{max-width:104rem;margin:0 auto;padding:2.5rem clamp(1.25rem,4vw,4.5rem) 6rem;} /* ═══ başlık bandı ═══ */ .masthead{ position:relative; display:flex;justify-content:space-between;align-items:flex-end; gap:2rem;flex-wrap:wrap; padding-bottom:.9rem;padding-right:2.6rem; /* sağ üstteki hilale yer */ border-bottom:2px solid var(--ink); } /* ═══ hilal / güneş — gece ile gündüz arasında geçiş ═══ Sağ üst köşede, çizgi kalınlığı sitenin hairline'ıyla aynı ağırlıkta. JavaScript kapalıysa hiç görünmez; otomatik kip yine çalışır. */ .tema-dugme{ position:absolute;top:-.15rem;right:-.35rem; background:none;border:0;padding:.35rem;cursor:pointer; color:var(--muted);line-height:0; transition:color .18s ease, transform .18s ease; } .tema-dugme:hover{color:var(--rubric);} .tema-dugme:active{transform:scale(.9);} .tema-dugme:focus-visible{outline:1px solid var(--rubric);outline-offset:5px;} .tema-dugme[hidden]{display:none;} .tema-dugme svg{ display:block;width:1.4rem;height:1.4rem; fill:none;stroke:currentColor;stroke-width:1.5; stroke-linecap:round;stroke-linejoin:round; } /* Gündüzken hilal görünür (geceye geç), geceyken güneş (gündüze dön). Değişim sınıfla yapılıyor: SVG öğelerinde .hidden özelliği JavaScript tarafından yazılamıyor — HTMLElement değiller, sessizce çalışmıyor. */ .tema-dugme .gunes{display:none;} .tema-dugme.gece .hilal{display:none;} .tema-dugme.gece .gunes{display:block;} .wordmark{text-decoration:none;color:inherit;display:block;} .wordmark .ad{ display:block;font-size:5.6rem;margin:0;line-height:.8; letter-spacing:.005em; } .wordmark .tagline{ display:block;color:var(--muted);font-size:.68rem;letter-spacing:.2em; text-transform:uppercase;margin-top:.7rem;font-family:var(--govde); } nav.sections{display:flex;gap:1.5rem;flex-wrap:wrap;padding-bottom:.5rem;} nav.sections a{ color:var(--muted);text-decoration:none; font-size:1.12rem;letter-spacing:.045em; transition:color .15s ease;white-space:nowrap; } nav.sections a:hover{color:var(--ink);} nav.sections a[aria-current]{color:var(--rubric);} /* ═══ yayvan ızgara ═══ */ .spread{ display:grid; grid-template-columns:var(--margin-col) minmax(0,var(--text-col)) 1fr; column-gap:var(--gutter); align-items:start; } .marginalia{ grid-column:1;text-align:right; color:var(--muted);font-size:.7rem;letter-spacing:.16em; text-transform:uppercase;line-height:1.8;padding-top:.85rem; } .marginalia .rubric{color:var(--rubric);font-weight:700;display:block;} .marginalia .plain{ text-transform:none;letter-spacing:0;font-style:italic; font-size:.82rem;display:block;margin-top:.5rem; } .column{grid-column:2;} .outer{grid-column:3;padding-top:.85rem;display:flex;justify-content:flex-end;} .outer .side-note{ color:var(--muted);font-style:italic;font-size:.82rem;line-height:1.5; width:100%;max-width:17rem;border-top:1px solid var(--rule);padding-top:.7rem;margin:0; } /* ═══ ortak ═══ */ .lede{ font-style:italic;color:var(--ink-lede);font-size:1.2rem;line-height:1.45; margin:2.5rem 0 0;max-width:50rem; } .rule-mark{display:flex;align-items:center;gap:.6rem;margin:3.5rem 0 2.5rem;} .rule-mark span{color:var(--rubric);font-size:.9rem;letter-spacing:.7em;line-height:1;flex:none;} .rule-mark::after{content:"";flex:1 1 auto;height:0;border-top:1px solid var(--rule);} .section-label{ font-size:.7rem;font-weight:700;color:var(--muted); letter-spacing:.22em;text-transform:uppercase;margin:0 0 1.4rem; } .post-title{ font-size:3.9rem;margin:0 0 1.3rem;line-height:.95;letter-spacing:.004em; } .post-title a{color:inherit;text-decoration:none;} .post-title a:hover{color:var(--rubric);} .post-header{margin-bottom:1.6rem;} /* ═══ yazının gövdesi ═══ */ .post-body p{margin:0 0 1.15rem;text-align:left;hyphens:auto;} .post-body a{color:var(--indigo);text-decoration:none;border-bottom:1px solid var(--rule);} .post-body a:hover{border-bottom-color:var(--indigo);} .post-body h2{ font-family:var(--manset);font-weight:800;text-transform:uppercase; font-size:1.7rem;margin:2.4rem 0 .7rem;line-height:1.05; } .post-body h3{ font-size:.74rem;font-weight:700;color:var(--rubric);letter-spacing:.2em; text-transform:uppercase;margin:2rem 0 .6rem; } .post-body ul,.post-body ol{margin:0 0 1.15rem;padding-left:1.4rem;} .post-body li{margin-bottom:.35rem;} .post-body img{max-width:100%;height:auto;border:1px solid var(--rule);margin:2rem 0 .6rem;} .post-body hr{border:none;border-top:1px solid var(--rule);margin:2.8rem 0;} .post-body img + em{ display:block;margin:-.15rem 0 2.4rem;font-size:.84rem; color:var(--muted);font-style:italic;line-height:1.45; } .post-body > p:first-of-type::first-letter{ font-size:3.9rem;float:left;line-height:.82; margin:.3rem .45rem 0 -.05rem;color:var(--rubric);font-weight:700; } blockquote{ margin:1.9rem 0;padding:0 0 0 1.4rem; border-left:2px solid var(--rubric);font-style:italic;color:var(--ink-blok); } blockquote p{margin:0 0 .5rem;} blockquote p:last-child{margin-bottom:0;} blockquote cite,blockquote em:last-child{ display:block;font-style:normal;color:var(--muted); font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;margin-top:.6rem; } .verse{margin:2rem 0;padding-left:1.6rem;font-style:italic;line-height:1.85;color:var(--ink-siir);} .verse .attr{ display:block;font-style:normal;color:var(--muted); font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;margin-top:.8rem; } .footnotes{ margin-top:2.8rem;padding-top:1.3rem;border-top:1px solid var(--rule); font-size:.85rem;color:var(--muted); } .footnotes ol{margin:0;padding-left:1.2rem;} sup a{color:var(--rubric);text-decoration:none;border:none;font-size:.7em;} a.more{ display:inline-block;margin-top:.5rem;color:var(--rubric);text-decoration:none; font-family:var(--manset);font-weight:800;text-transform:uppercase; font-size:1rem;letter-spacing:.06em; } a.more:hover{color:var(--ink);} a.back{ display:inline-block;color:var(--muted);text-decoration:none; font-size:.7rem;letter-spacing:.18em;text-transform:uppercase; } a.back:hover{color:var(--rubric);} /* ═══ arşiv ═══ */ .archive-list{list-style:none;padding:0;margin:0;} .archive-list li{ display:grid; grid-template-columns:var(--margin-col) minmax(0,var(--text-col)) 1fr; column-gap:var(--gutter); padding:1.1rem 0;border-bottom:1px solid var(--rule);align-items:baseline; } .archive-list li:first-child{border-top:1px solid var(--rule);} .archive-num{ color:var(--rubric);letter-spacing:.16em;font-size:.72rem; font-weight:700;text-align:right;text-transform:uppercase; } .archive-entry a{ color:var(--ink);text-decoration:none;font-size:1.95rem;display:block; line-height:1.05;transition:color .15s ease; } .archive-entry a:hover{color:var(--rubric);} .archive-entry .kicker{ color:var(--muted);font-style:italic;font-size:.88rem;display:block;margin-top:.3rem; } .archive-date{ color:var(--muted);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase; white-space:nowrap;text-align:right; } .year-head{ color:var(--muted);font-size:.7rem;letter-spacing:.22em;text-transform:uppercase; margin:2.8rem 0 1rem; } .year-head:first-of-type{margin-top:0;} /* ═══ görseller ═══ */ .plates{column-count:3;column-gap:2.5rem;margin-top:.5rem;} .plate{ break-inside:avoid;-webkit-column-break-inside:avoid; margin:0 0 2.75rem;display:inline-block;width:100%; } .plate figure{margin:0;} .plate img{width:100%;height:auto;display:block;border:1px solid var(--rule);} .plate .frame{ aspect-ratio:4/3;border:1px solid var(--rule); display:flex;align-items:center;justify-content:center; color:var(--muted);font-style:italic;font-size:.8rem; background:linear-gradient(135deg, var(--cerceve-a), var(--cerceve-b)), var(--paper); } .plate figcaption{margin-top:.65rem;font-size:.84rem;color:var(--muted);font-style:italic;line-height:1.4;} .plate figcaption .no{ display:block;font-style:normal;color:var(--rubric); font-size:.68rem;letter-spacing:.2em;text-transform:uppercase; font-weight:700;margin-bottom:.25rem; } /* ═══ vesika yaprakları ═══ */ .yapraklar{margin:0 0 2.4rem;} .yaprak{margin:0 0 2.2rem;} .yaprak:last-child{margin-bottom:0;} .yaprak img{width:100%;height:auto;display:block;border:1px solid var(--rule);} .yaprak figcaption{ margin-top:.65rem;font-size:.84rem;color:var(--muted); font-style:italic;line-height:1.45; } .yaprak figcaption .no{ display:inline-block;font-style:normal;color:var(--rubric); font-size:.68rem;letter-spacing:.2em;text-transform:uppercase; font-weight:700;margin-right:.5rem; } /* ═══ vesikalar ═══ */ .docs{list-style:none;padding:0;margin:0;} .docs li{ display:grid; grid-template-columns:var(--margin-col) minmax(0,var(--text-col)) 1fr; column-gap:var(--gutter); padding:1.25rem 0;border-bottom:1px solid var(--rule);align-items:baseline; } .docs li:first-child{border-top:1px solid var(--rule);} .docs .kind{ color:var(--rubric);font-size:.68rem;letter-spacing:.2em; text-transform:uppercase;font-weight:700;text-align:right; } .docs h3{font-size:1.8rem;margin:0 0 .25rem;line-height:1.05;} .docs h3 a{color:var(--ink);text-decoration:none;} .docs h3 a:hover{color:var(--rubric);} .docs .note{color:var(--muted);font-style:italic;font-size:.88rem;margin:0;} .docs .date{ color:var(--muted);font-size:.7rem;letter-spacing:.1em; text-transform:uppercase;white-space:nowrap;text-align:right; } /* ═══ önceki / sonraki ═══ */ .postnav{ display:grid;grid-template-columns:1fr 1fr;gap:2rem; margin-top:3.2rem;padding-top:1.3rem;border-top:1px solid var(--rule); } .postnav a{text-decoration:none;color:var(--ink);} .postnav .dir{ display:block;color:var(--rubric);font-size:.68rem;letter-spacing:.2em; text-transform:uppercase;font-weight:700;margin-bottom:.3rem; } .postnav .t{font-size:1.3rem;font-family:var(--manset);font-weight:800;text-transform:uppercase;line-height:1.1;} .postnav a:hover .t{color:var(--rubric);} .postnav .right{text-align:right;} .postnav .bos{color:var(--muted);font-style:italic;font-family:var(--govde);font-weight:400;text-transform:none;} /* ═══ kolofon / footer ═══ */ .colophon{color:var(--muted);font-size:.82rem;line-height:1.5;width:100%;max-width:17rem;} .colophon p{margin:0 0 .7rem;} footer.site-footer{ margin-top:5rem;padding-top:1.3rem;border-top:2px solid var(--ink); display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem; color:var(--muted);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase; } footer.site-footer p{margin:0;} footer.site-footer a{color:var(--muted);text-decoration:none;margin-right:1.1rem;} footer.site-footer a:hover{color:var(--rubric);} /* Gece kipinde fotoğraflar ve taramalar koyu zeminde göz alıyor; durgunken bir tık kısılıyor, üstüne gelince aslına dönüyor. Büyüteçteki görsel bu kuralın dışında — orası zaten karanlık. */ @media (prefers-color-scheme: dark){ :root:not([data-tema="gunduz"]) :is(.plate,.yaprak,.post-body) img{filter:brightness(.9);} } :root[data-tema="gece"] :is(.plate,.yaprak,.post-body) img{filter:brightness(.9);} :is(.plate,.yaprak,.post-body) img{transition:filter .2s ease;} :is(.plate,.yaprak,.post-body) img:hover, :is(.plate,.yaprak,.post-body) img:focus-visible{filter:none;} .empty{color:var(--muted);font-style:italic;margin:2.5rem 0;max-width:34rem;} /* ═══ orta genişlik ═══ */ @media (max-width:1180px){ :root{--margin-col:9rem;--text-col:34rem;--gutter:2.5rem;} .wordmark .ad{font-size:4.3rem;} .post-title{font-size:3.1rem;} .plates{column-count:2;} } @media (max-width:1000px){ .spread,.archive-list li,.docs li{grid-template-columns:7rem minmax(0,1fr);} .outer{display:none;} .archive-date,.docs .date{grid-column:2;margin-top:.35rem;text-align:left;} } @media (max-width:620px){ html,body{font-size:19px;} .site{padding:1.75rem 1.25rem 4rem;} .masthead{align-items:flex-start;flex-direction:column;gap:1rem;} .wordmark .ad{font-size:3.4rem;} nav.sections{gap:1rem;padding-bottom:0;} nav.sections a{font-size:.95rem;} .spread,.archive-list li,.docs li{grid-template-columns:1fr;row-gap:.4rem;} .marginalia,.column,.outer,.archive-date,.docs .date{grid-column:1;} .archive-date,.docs .date{text-align:left;} .outer{justify-content:flex-start;} .marginalia,.docs .kind,.archive-num{text-align:left;padding-top:0;} .marginalia .plain{display:inline;margin:0;} .marginalia{margin-bottom:.5rem;} .lede{font-size:1.05rem;} .post-title{font-size:2.3rem;} .archive-entry a{font-size:1.6rem;} .docs h3{font-size:1.35rem;} .plates{column-count:1;} .postnav{grid-template-columns:1fr;} .postnav .right{text-align:left;} .colophon{max-width:none;} } @media print{ /* Gece kipinde bastırılsa bile kağıda gündüz paletiyle gitsin */ :root{ color-scheme:light; --paper:#fff; --ink:#0F0D08; --rubric:#7A1F26; --indigo:#22314E; --rule:#C7BA9C; --muted:#5C5648; --ink-lede:#4A4438; --ink-blok:#39332A; --ink-siir:#2B2620; --ink-alinti:#241F18; --leke:transparent; --leke-2:transparent; } body{background:#fff;} :is(.plate,.yaprak,.post-body) img{filter:none;} nav.sections,.postnav,footer.site-footer,.outer{display:none;} .site{max-width:none;padding:0;} } /* ═══ hizalama ═══ Editörde ::: orta / ::: sağa / ::: sola / ::: yaslı bloğu yazınca içindeki her şey buna göre hizalanır. */ .hiza.orta, .hiza.orta p, .hiza.orta h2, .hiza.orta h3{text-align:center;} .hiza.saga, .hiza.saga p, .hiza.saga h2, .hiza.saga h3{text-align:right;} .hiza.sola, .hiza.sola p, .hiza.sola h2, .hiza.sola h3{text-align:left;} .hiza.yasli, .hiza.yasli p{text-align:justify;text-justify:inter-word;} .hiza blockquote{display:inline-block;text-align:inherit;} .hiza img{margin-inline:auto;} .hiza.saga img{margin-inline:auto 0;} .hiza.sola img{margin-inline:0 auto;} /* ═══ alıntılar ═══ */ .alinti{padding:2.6rem 0;border-bottom:1px solid var(--rule);} .alinti:first-of-type{border-top:1px solid var(--rule);} .alinti.tek{border:0;padding-top:.5rem;} .alinti-metin{font-size:1.16rem;line-height:1.65;color:var(--ink-alinti);} .alinti-metin > p:first-child::before{ content:"\201C";float:left;color:var(--rubric); font-size:3.6rem;line-height:.78;font-weight:700; margin:.28rem .3rem 0 -1.15rem; } .alinti-metin p:last-child{margin-bottom:0;} .alinti-kunye{ margin:1rem 0 0;text-align:right; color:var(--muted);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase; } .alinti-kunye::before{content:"— ";} .alinti-kunye > *:not(:first-child)::before{content:",\00a0";letter-spacing:0;} .alinti-kunye .duz{text-transform:none;letter-spacing:.05em;} .alinti-kunye cite{font-style:italic;text-transform:none;letter-spacing:.06em;font-size:.82rem;} /* Derkenardaki numara ve tarih, kaydın kalıcı adresine götürür */ .marginalia a.bag{color:inherit;text-decoration:none;display:block;} .marginalia a.bag:hover{color:var(--rubric);} .marginalia a.rubric.bag{color:var(--rubric);font-weight:700;} .marginalia a.rubric.bag:hover{color:var(--ink);} /* Kapakta duran son alıntı / son kafa notu: bölüm sayfalarındaki ayırıcı çizgiler burada olmasın, ✻ ✻ ✻ zaten ayırıyor */ .spread.kapakta{border:0;padding:.4rem 0 0;margin-bottom:2.8rem;} .spread.kapakta:last-child{margin-bottom:0;} .spread.kapakta + .spread.kapakta{border-top:1px solid var(--rule);padding-top:2.6rem;} .baglar{display:flex;gap:1.9rem;flex-wrap:wrap;align-items:baseline;margin:1.1rem 0 0;} .baglar .more{margin-top:0;} .more.soluk{color:var(--muted);} .more.soluk:hover{color:var(--rubric);} /* ═══ kafa notları ═══ */ .not-girdi{padding:2.2rem 0;border-bottom:1px solid var(--rule);} .not-girdi:first-of-type{border-top:1px solid var(--rule);} .not-girdi.tek{border:0;padding-top:.5rem;} .not-baslik{ font-family:var(--manset);font-weight:800;text-transform:uppercase; font-size:1.55rem;line-height:1.05;margin:0 0 .6rem; } .not-baslik.tek{font-size:2.4rem;margin-bottom:.9rem;} .not-baslik a{color:inherit;text-decoration:none;} .not-baslik a:hover{color:var(--rubric);} /* Kısa girdilerde tezhipli ilk harf istemiyoruz */ .post-body.duz > p:first-of-type::first-letter{ font-size:inherit;float:none;line-height:inherit; margin:0;color:inherit;font-weight:inherit; } @media (max-width:620px){ .alinti-metin{font-size:1.06rem;padding-left:1.1rem;border-left:2px solid var(--rubric);} .alinti-metin > p:first-child::before{content:none;} .alinti-kunye{text-align:left;} .not-baslik{font-size:1.35rem;} .not-baslik.tek{font-size:1.9rem;} } /* ═══ büyüteç — görsele tıklayınca açılan görüntüleyici ═══ */ html.buyutec-acik{overflow:hidden;} .buyutulur{cursor:zoom-in;} .buyutulur:focus-visible{outline:2px solid var(--rubric);outline-offset:4px;} .buyutec{ position:fixed;inset:0;z-index:90; display:grid;grid-template-rows:minmax(0,1fr) auto; gap:1rem;padding:clamp(1rem,3vw,2.75rem); background:rgba(12,10,6,.985); animation:buyutec-belir .16s ease-out; } .buyutec[hidden]{display:none;} @keyframes buyutec-belir{from{opacity:0;}to{opacity:1;}} .buyutec-tuval{ min-height:0;min-width:0; display:flex;align-items:center;justify-content:center; overflow:hidden; } .buyutec-tuval img{ display:block;max-width:100%;max-height:100%; object-fit:contain;background:#0C0A06; border:1px solid rgba(199,186,156,.3); box-shadow:0 1.4rem 3.5rem rgba(0,0,0,.45); cursor:default; } .buyutec.yakinlasir .buyutec-tuval img{cursor:zoom-in;} .buyutec.yakin .buyutec-tuval{ overflow:auto;align-items:flex-start;justify-content:flex-start; -webkit-overflow-scrolling:touch; } .buyutec.yakin .buyutec-tuval img{ max-width:none;max-height:none;height:auto;margin:auto;cursor:zoom-out; } .buyutec-kunye{ text-align:center;color:var(--buyutec-metin); font-style:italic;font-size:.88rem;line-height:1.45; max-width:52rem;margin:0 auto; } .buyutec-kunye .no{ display:block;font-style:normal;color:var(--buyutec-vurgu); font-family:var(--manset);font-weight:800; font-size:.8rem;letter-spacing:.22em;text-transform:uppercase; margin-bottom:.3rem; } .buyutec button{ position:absolute;z-index:2; background:none;border:0;padding:0; color:var(--buyutec-metin);font-family:var(--manset);font-weight:700; line-height:1;cursor:pointer; transition:color .15s ease,opacity .15s ease; } .buyutec button:hover{color:var(--buyutec-parlak);} .buyutec button:focus-visible{outline:2px solid var(--buyutec-vurgu);outline-offset:6px;} .buyutec button[disabled]{opacity:.22;cursor:default;} .buyutec button[hidden]{display:none;} .buyutec-kapat{ top:clamp(.5rem,2vw,1.4rem);right:clamp(.75rem,2.5vw,2rem); font-size:2.9rem;width:2.6rem;height:2.6rem; } .buyutec-yon{ top:50%;transform:translateY(-50%); font-size:3.4rem;width:2.8rem;height:4.4rem; } .buyutec-yon.evvel{left:clamp(.15rem,1.5vw,1.1rem);} .buyutec-yon.sonra{right:clamp(.15rem,1.5vw,1.1rem);} @media (max-width:620px){ .buyutec{padding:.75rem .5rem 1rem;} .buyutec-kunye{font-size:.8rem;padding:0 .5rem;} .buyutec-yon{font-size:2.6rem;width:2.2rem;height:3.4rem;} .buyutec-kapat{font-size:2.4rem;} } @media print{.buyutec{display:none;}}