/* ==========================================================================
   Eda Özkaya Tetik — eklenti stilleri
   Tasarım satır içi stil kullanır; burada yalnız:
   - tasarımın <helmet> içindeki ortak kurallar (font, html/body, a, focus),
   - genişliğe/duruma bağlı değerler (renderVals'teki w >= … koşulları),
   - durum sınıfları (JS).
   style-hover/style-focus kuralları derlemede (scripts/derle.mjs) sona eklenir.
   Medya sorguları tasarımdaki window.innerWidth eşikleriyle birebir:
   "w >= 1000" → (min-width:1000px), değilse → (max-width:999.98px).
   ========================================================================== */

@font-face{font-family:"Cormorant Garamond";src:url("../fonts/cormorant-garamond.woff2") format("woff2");font-weight:300 700;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url("../fonts/cormorant-garamond-italic.woff2") format("woff2");font-weight:300 700;font-style:italic;font-display:swap}
@font-face{font-family:Manrope;src:url("../fonts/manrope.woff2") format("woff2");font-weight:200 800;font-display:swap}

html,body{margin:0;background:#FAF7F2;color:#292524;font:400 16px/1.65 Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
a{color:#794B36;text-decoration:none}
a:hover{color:#3B2820}
:focus-visible{outline:3px solid #794B36;outline-offset:4px}
input,select,button,textarea{font:inherit}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* JS ile gizlenen öğeler satır içi display taşısa da gizli kalsın */
.eot [hidden]{display:none!important}

/* ------------------------------------------------------------------ Header */
.eot-tepe-bosluk{height:68px}
.eot-tepe{position:fixed;top:0;left:0;right:0;z-index:50;height:68px;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid transparent;box-shadow:none;transition:height .25s ease,background .25s ease,box-shadow .25s ease,border-color .25s ease}
.eot-tepe.is-solid{background:rgba(250,247,242,.94);-webkit-backdrop-filter:saturate(1.2) blur(10px);backdrop-filter:saturate(1.2) blur(10px);border-bottom:1px solid #E6D6C4}
.eot-tepe.is-kaydi{box-shadow:0 8px 24px rgba(59,40,32,.06)}
.eot-logo{display:block;width:124px;height:auto;transition:width .25s ease}
.eot-genis{display:flex}
.eot-genis-i{display:inline-flex}
.eot-dar{display:flex}
.eot-mmenu{display:flex}
.eot-caret{transform:rotate(90deg)}
[aria-expanded="true"]>.eot-caret{transform:rotate(-90deg)}
@media (min-width:1000px){
  .eot-tepe-bosluk,.eot-tepe{height:88px}
  .eot-kaydi .eot-tepe-bosluk,.eot-tepe.is-kaydi{height:70px}
  .eot-logo{width:156px}
  .eot-tepe.is-kaydi .eot-logo{width:132px}
  .eot-dar,.eot-mmenu{display:none!important}
}
@media (max-width:999.98px){
  .eot-genis,.eot-genis-i{display:none!important}
}
/* Sabit iletişim: ≥700 sağ alt kapsüller, <700 alt çubuk (+ body alt boşluğu) */
.eot-fab{display:grid}
.eot-fab-bar{display:none}
@media (max-width:699.98px){
  .eot-fab{display:none}
  .eot-fab-bar{display:grid}
  body.eot{padding-bottom:calc(66px + env(safe-area-inset-bottom))}
}

/* ------------------------------------------------------------------ Footer */
.eot-ft-kolon{grid-template-columns:minmax(0,1fr)}
.eot-ft-kart{grid-column:1 / -1}
@media (min-width:480px){.eot-ft-kolon{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:720px){.eot-ft-kolon{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1080px){.eot-ft-kolon{grid-template-columns:minmax(0,1fr) minmax(0,.9fr) minmax(0,1.1fr) minmax(0,1.25fr)}.eot-ft-kart{grid-column:auto}}

/* ------------------------------------------------------- Ortak ızgaralar */
.eot-g4{grid-template-columns:minmax(0,1fr)}
@media (min-width:520px){.eot-g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:980px){.eot-g4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.eot-g3{grid-template-columns:minmax(0,1fr)}
@media (min-width:820px){.eot-g3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.eot-g2-560{grid-template-columns:minmax(0,1fr)}
@media (min-width:560px){.eot-g2-560{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Form alanı hata durumu (tasarım: 1.5px #A33A26) */
.eot .is-hata{border:1.5px solid #A33A26!important}

/* ------------------------------------------------------------- Ana sayfa */

/* Hero fotoğraf sütunu (w >= 780) */
.eot-hero-foto{min-height:min(118vw,520px);margin-top:0;order:-1;margin-left:-20px;margin-right:-20px}
@media (min-width:780px){.eot-hero-foto{min-height:clamp(420px,42vw,600px);margin-top:-110px;order:0;margin-left:0;margin-right:0}}

/* Yorum carousel'i: görünen kart sayısı ≥1000: 3, ≥640: 2, altı 1 */
.eot-car-iz{--per:1;--st:0;display:flex;gap:20px;transform:translateX(calc(var(--st) * -1 * ((100% - (var(--per) - 1) * 20px) / var(--per) + 20px)));transition:transform .8s cubic-bezier(.22,.61,.36,1)}
.eot-car-iz>figure{margin:0;flex:0 0 calc((100% - (var(--per) - 1) * 20px) / var(--per));min-width:0;opacity:.35;transition:opacity .6s ease}
.eot-car-iz>figure.is-gorunur,
.eot-car-iz:not(.is-hazir)>figure:nth-child(1){opacity:1}
.eot-nokta{display:grid}
.eot-nokta>span{display:block;height:6px;width:6px;border-radius:999px;background:#D5BFA8;transition:all .4s ease}
.eot-nokta[aria-selected="true"]>span{width:22px;background:#794B36}
@media (min-width:640px){
  .eot-car-iz{--per:2}
  .eot-car-iz:not(.is-hazir)>figure:nth-child(2){opacity:1}
  .eot-nokta:nth-last-child(-n+1){display:none}
}
@media (min-width:1000px){
  .eot-car-iz{--per:3}
  .eot-car-iz:not(.is-hazir)>figure:nth-child(3){opacity:1}
  .eot-nokta:nth-last-child(-n+2){display:none}
}

/* Instagram ızgarası: ≥1000: 4, ≥560: 2, altı 1 */
.eot-ig-izgara{grid-template-columns:minmax(0,1fr)}
@media (min-width:560px){.eot-ig-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.eot-ig-izgara{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* ------------------------------------------------------------- İç sayfalar */

/* Hakkımda — yaklaşım ızgarası: ≥1000: 4, ≥560: 2 */
.eot-g4b{grid-template-columns:minmax(0,1fr)}
@media (min-width:560px){.eot-g4b{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.eot-g4b{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Hizmetler — ızgaralar (≥860) */
.eot-g2-860,.eot-g3-860{grid-template-columns:minmax(0,1fr)}
@media (min-width:860px){.eot-g2-860{grid-template-columns:repeat(2,minmax(0,1fr))}.eot-g3-860{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Konu seçici: seçili çip ve önerilen kart */
.eot-secim[aria-pressed="true"]{border:1px solid #3B2820!important;background:#3B2820!important;color:#FAF7F2!important}
.eot-hz-kart.is-oneri{border:1.5px solid #C49A75!important;box-shadow:0 22px 48px rgba(121,75,54,.18)!important}

/* Hizmet detay — diğer hizmetler (≥900: 3) */
.eot-g3-900{grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){.eot-g3-900{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* İletişim — form sütunları (≥640: 2) */
.eot-g2-640{grid-template-columns:minmax(0,1fr)}
@media (min-width:640px){.eot-g2-640{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* SSS — yan sütun (≥1000), kategori çipleri, sayaç rozetleri, açık soru ikonu */
.eot-sss-yan{flex:1 1 100%;min-width:0}
.eot-sss-kat-liste{flex-wrap:wrap;gap:8px}
.eot-sss-kat{width:auto;flex:0 0 auto;border:1px solid #DCCAB9;border-radius:999px;background:transparent;color:#3E3631;font-weight:500}
.eot-sss-kat[aria-pressed="true"]{background:#F4ECE2;color:#1F1814;font-weight:700}
@media (max-width:999.98px){.eot-sss-kat[aria-pressed="true"]{border-color:#3B2820}}
.eot-sss-say{background:#F1E7DC;color:#794B36}
[aria-pressed="true"]>.eot-sss-say{background:#3B2820;color:#FAF7F2}
.eot-sss-cta{display:none}
[aria-expanded="true"]>.eot-sss-ac{border:1px solid #3B2820!important;background:#F4ECE2!important}
@media (min-width:1000px){
  .eot-sss-yan{flex:0 1 260px;position:sticky;top:110px;display:flex;flex-direction:column;gap:22px}
  .eot-sss-kat-liste{flex-direction:column;flex-wrap:nowrap;gap:4px}
  .eot-sss-kat{width:100%;flex:none;border:0;border-radius:12px}
  .eot-sss-cta{display:block}
}

/* Yasal sayfalar — "Bu sayfada" yalnız ≥900 */
.eot-ys-toc{display:flex}
@media (max-width:899.98px){.eot-ys-toc{display:none}}

/* Blog arşivi — düzen (≥1000 yan sütun), kategori çipleri/listesi, sayaç rozetleri */
.eot-blog-duzen{padding:22px 20px 56px;flex-direction:column;gap:22px}
.eot-blog-yan{min-width:0}
.eot-blog-genis{display:none!important}
.eot-blog-katnav{overflow-x:auto;scrollbar-width:thin;padding-bottom:6px}
.eot-blog-katliste{gap:8px}
.eot-blog-katli{flex:none}
.eot .eot-blog-kat{flex:none;min-height:42px;padding:0 8px 0 16px;border-radius:999px;border:1px solid #DCCAB9;background:#FFF;color:#3B2820;font-size:13.5px;font-weight:600;display:inline-flex;gap:8px}
@media (max-width:999.98px){.eot .eot-blog-kat.is-aktif{border-color:#3B2820;background:#3B2820;color:#FAF7F2}}
.eot-blog-say{background:#F4ECE2;color:#794B36}
.is-aktif>.eot-blog-say{background:rgba(250,247,242,.18);color:#FAF7F2}
@media (min-width:1000px){
  .eot-blog-duzen{padding:40px 20px 64px;flex-direction:row;gap:48px;align-items:flex-start}
  .eot-blog-yan{flex:0 0 260px;position:sticky;top:110px;padding:18px 14px;border-radius:18px;background:#FFFDF9;border:1px solid #E6D6C4}
  .eot-blog-genis{display:block!important}
  div.eot-blog-genis:first-child{display:flex!important}
  .eot-blog-katnav{overflow-x:visible;padding-bottom:0;margin-top:10px;max-height:340px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#D5BFA8 transparent;padding-right:4px}
  .eot-blog-katliste{flex-direction:column;gap:2px}
  .eot-blog-katli{flex:initial}
  .eot .eot-blog-kat{width:100%;min-height:46px;padding:0 10px 0 14px;border-radius:12px;border:0;border-left:3px solid transparent;background:transparent;color:#3E3631;font-size:14px;font-weight:500;display:flex;justify-content:space-between;gap:10px}
  .eot .eot-blog-kat.is-aktif{border-left-color:#794B36;background:#F4ECE2;color:#1F1814;font-weight:700}
  .eot-blog-say{background:#F1E7DC;color:#794B36}
  .is-aktif>.eot-blog-say{background:#3B2820;color:#FAF7F2}
}

/* ------------------------------------------------------- Tekil blog yazısı */

/* İçindekiler: aktif başlık (tasarım: activeSec) */
.eot .eot-toc-a{border-left:2px solid transparent;color:#655C56;font-weight:500}
.eot .eot-toc-a.is-aktif{border-left-color:#794B36;color:#1F1814;font-weight:600}

/* Editörden gelen içerik. h2 / p / blockquote ölçüleri tasarımdaki gövdeyle birebir
   (Blog-Yazi.dc.html); liste, h3, bağlantı, görsel spec §5'ten. Elementor ile yazılmış
   eski yazılardaki metin bileşeni de kapsanır. */
.eot-prose{color:#3E3631}
.eot-prose>:first-child{margin-top:40px}
.eot-prose p,.eot-prose .elementor-widget-text-editor p{margin:14px 0 0;font-size:17px;line-height:1.85;color:#3E3631;text-wrap:pretty}
.eot-prose h2{margin:40px 0 0;font:600 clamp(28px,2.6vw,34px)/1.12 'Cormorant Garamond',Georgia,serif;color:#1F1814;text-wrap:balance;scroll-margin-top:110px}
.eot-prose h3{margin:28px 0 0;font:700 19px/1.35 Manrope,Arial,sans-serif;color:#1F1814}
.eot-prose h4{margin:24px 0 0;font:700 17px/1.4 Manrope,Arial,sans-serif;color:#1F1814}
.eot-prose blockquote{margin:40px 0 0;padding:26px 28px;border-radius:16px;background:#F4ECE2;border:1px solid #E6D6C4;font:italic 500 clamp(22px,2vw,26px)/1.4 'Cormorant Garamond',Georgia,serif;color:#1F1814}
.eot-prose blockquote p{margin:0;font:inherit;color:inherit}
.eot-prose blockquote cite{display:block;margin-top:10px;font:600 13px/1.4 Manrope,Arial,sans-serif;font-style:normal;color:#794B36}
.eot-prose ul,.eot-prose ol{margin:16px 0 0;padding:0 0 0 4px;list-style:none;display:flex;flex-direction:column;gap:8px}
.eot-prose ol{counter-reset:eot-ol}
.eot-prose li{position:relative;padding-left:20px;font-size:16.5px;line-height:1.75;color:#3E3631}
.eot-prose ul>li::before{content:"";position:absolute;left:2px;top:.72em;width:6px;height:6px;border-radius:50%;background:#C49A75}
.eot-prose ol>li{counter-increment:eot-ol;padding-left:28px}
.eot-prose ol>li::before{content:counter(eot-ol) ".";position:absolute;left:0;top:0;font:italic 600 18px/1.6 'Cormorant Garamond',Georgia,serif;color:#794B36}
.eot-prose a{color:#794B36;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.eot-prose a:hover{color:#3B2820}
.eot-prose strong,.eot-prose b{font-weight:700;color:#1F1814}
.eot-prose img{max-width:100%;height:auto;border-radius:14px;display:block}
.eot-prose figure{margin:28px 0 0}
.eot-prose figcaption{margin-top:8px;font-size:13px;line-height:1.5;color:#655C56}
.eot-prose hr{margin:36px 0 0;border:0;border-top:1px solid #E1CFBD}
.eot-prose table{margin:20px 0 0;width:100%;border-collapse:collapse;font-size:15px}
.eot-prose th,.eot-prose td{padding:10px 12px;border-bottom:1px solid #EAD9C7;text-align:left}
.eot-prose iframe,.eot-prose video{max-width:100%;border-radius:14px}
.eot-prose .alignleft{float:left;margin:8px 22px 12px 0}
.eot-prose .alignright{float:right;margin:8px 0 12px 22px}
.eot-prose .aligncenter{margin-left:auto;margin-right:auto}
.eot-prose--sayfa>:first-child{margin-top:0}

/* ---- style-hover / style-focus (derle.mjs üretti: 32 kural) ---- */
.eot .ehf841721:hover{background:#794B36!important;color:#FAF7F2!important}
.eot .ehe7d28d4:hover{background:#794B36!important}
.eot .ehdd48106:hover{color:#3B2820!important;border-bottom-color:#3B2820!important}
.eot .ehf094e51:hover{color:#3B2820!important}
.eot .eh4bb0b16:hover{background:linear-gradient(135deg,#EBD0B0,#CBA47F)!important;color:#3B2820!important}
.eot .eh603fefb:hover{border-color:#C49A75!important;color:#292524!important}
.eot .eh4bc419a:hover{border-color:#794B36!important;background:#FFF!important}
.eot .eh59bdcd3:hover{border-color:#794B36!important;background:#794B36!important}
.eot .eh82766b4:hover{color:#794B36!important}
.eot .eh636aecc:hover{color:#1F1814!important}
.eot .ehba22132:hover{border-color:#794B36!important}
.eot .eha7a950e:hover{color:#3B2820!important;background:linear-gradient(135deg,#EBD0B0,#CBA47F)!important}
.eot .eh45a1840:hover{background:rgba(250,247,242,.08)!important;color:#FAF7F2!important}
.eot .eh98c3f86:hover{border-color:#C49A75!important;color:#1F1814!important}
.eot .ehc21d7a7:hover{color:#1F1814!important;border-left-color:#794B36!important}
.eot .ehfb0a319:hover{border-color:#C49A75!important;color:#1F1814!important;box-shadow:0 10px 24px rgba(59,40,32,.08)!important}
.eot .ehe95ddeb:hover{border-color:#C49A75!important;color:inherit!important}
.eot .ehbcd7c38:hover{border-color:#E3C39F!important;color:#FAF7F2!important}
.eot .eh02b7a24:hover{transform:translateY(-3px)!important;box-shadow:0 18px 36px rgba(59,40,32,.14)!important}
.eot .ehe7417b8:hover{color:#FAF7F2!important}
.eot .ehc46a506:hover{color:#794B36!important;border-left-color:#794B36!important}
.eot .eh433c949:hover{color:#FAF7F2!important;background:#794B36!important}
.eot .eh1cc5429:hover{color:#FFFFFF!important}
.eot .eh3baa326:hover{color:#E3C39F!important}
.eot .ehd187de0:hover{transform:translateY(-2px)!important;box-shadow:0 18px 40px rgba(59,40,32,.22)!important}
.eot .eh4254241:hover{transform:translateY(-2px)!important;box-shadow:0 18px 40px rgba(59,40,32,.34)!important}
.eot .eh641aac6:focus{top:12px!important;color:#FAF7F2!important}
.eot .ehfabff62:hover{color:#1F1814!important;background:rgba(121,75,54,.06)!important}
.eot .eh14fa5e8:hover{background:#F4ECE2!important;color:#1F1814!important}
.eot .ehc54ec2e:hover{background:#FFFDF9!important;color:#1F1814!important}
.eot .eh4dd44c3:hover{…!important}
.eot .eh7802932:focus{…!important}