/* =========================================================================
   Demo site stili. Ana siteden BILEREK farkli bir dil konusur: burasi
   musterinin kendi sitesi gibi gorunmelidir, ajans sitesi gibi degil.
   Vurgu rengi sektorden gelir (--a / --a2), tema degiskenlerle kurulur.
   ========================================================================= */

@font-face{font-family:Archivo;src:url(../fonts/Archivo.woff2)format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url(../fonts/SpaceGrotesk.woff2)format('woff2');font-weight:300 700;font-style:normal;font-display:swap}
/* Baslik serifi. Degisken font, latin + latin-ext ayri dosyada: Portekizce
   sayfa yalnizca latin'i indirir (66KB), Turkce/Lehce olan ext'i de ceker. */
@font-face{font-family:Fraunces;src:url(../fonts/Fraunces.woff2)format('woff2');
  font-weight:400 700;font-style:normal;font-display:swap;
  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:Fraunces;src:url(../fonts/Fraunces-ext.woff2)format('woff2');
  font-weight:400 700;font-style:normal;font-display:swap;
  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}

/* -------------------------------------------------------------- palet ----
   Sicak, pastel bir taban. Sektor vurgusu (--a) yalnizca KUCUK alanlarda
   (buton, rozet, ikon) tam doygunlukta kullanilir; genis yuzeyler kremle
   karistirilmis yumusak tonlardir. Boylece ayni sablon 16 sektorde de
   goz yormaz, klinik/otel/restoran hepsinde sicak durur.
   ------------------------------------------------------------------------- */
:root{
  --a:#35876A; --a2:#25624D;
  /* sicak notr eksen: gri degil, kahve kirmizisina calan koyu */
  --ink:#2F2722; --ink-2:#5E5349; --ink-3:#8C7F73;
  --bg:#FBF8F3; --paper:#FFFFFF; --soft:#F4EEE4; --line:#E8DFD2;
  --star:#D99A2B; --ok:#3F7D5C;
  /* sektor vurgusunun pastel turevleri (her sektorde otomatik uyar) */
  --tint:color-mix(in srgb,var(--a) 9%,var(--bg));
  --tint-2:color-mix(in srgb,var(--a) 16%,var(--bg));
  --tint-line:color-mix(in srgb,var(--a) 22%,var(--line));
  --r:14px; --r-lg:22px; --r-xl:30px; --r-pill:999px;
  --sh:0 1px 2px rgba(47,39,34,.05);
  --sh2:0 18px 44px -22px rgba(47,39,34,.28);
  --wrap:1120px; --gut:clamp(1.15rem,4vw,2rem);
  --fb:Archivo,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --fd:Fraunces,'Space Grotesk',Georgia,serif;
  --fu:'Space Grotesk',Archivo,sans-serif;
  --t:180ms cubic-bezier(.22,.61,.36,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;
  --top-h:9rem;scroll-padding-top:calc(var(--top-h) + 1rem)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--fb);
  font-size:1.03rem;line-height:1.66;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg,iframe{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--a);outline-offset:3px}
h1,h2,h3{font-family:var(--fd);font-weight:600;line-height:1.16;letter-spacing:-.012em;margin:0;text-wrap:balance;
  font-variation-settings:'opsz' 96,'SOFT' 20,'WONK' 0}
p{margin:0 0 1rem}p:last-child{margin-bottom:0}
.d-wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}
.d-sec{padding-block:clamp(3.2rem,7vw,5.4rem)}
.d-soft{background:var(--soft)}
.d-h1{font-size:clamp(2.05rem,1.3rem + 3.1vw,3.3rem);letter-spacing:-.02em;
  font-variation-settings:'opsz' 144,'SOFT' 24,'WONK' 0}
.d-h2{font-size:clamp(1.55rem,1.15rem + 1.7vw,2.25rem)}
.d-h3{font-size:1.1rem}
.d-lede{font-size:clamp(1.02rem,.98rem + .35vw,1.18rem);color:var(--ink-2);max-width:60ch}
.d-small{font-size:.88rem;color:var(--ink-3);line-height:1.55}
.d-tiny{font-size:.78rem;color:var(--ink-3)}
.d-head{margin-bottom:clamp(1.8rem,3.5vw,2.8rem);max-width:62ch}
.d-head.c{margin-inline:auto;text-align:center}
.d-kicker{font-family:var(--fu);font-size:.74rem;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--a);margin-bottom:.9rem;display:block}

/* --------------------------------------------------------- demo serit --- */
.d-top{position:sticky;top:0;z-index:80}
.d-notice{background:#31261D;color:#fff;
  border-bottom:1px solid rgba(255,255,255,.12)}
.d-notice-in{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding-block:.7rem}
.d-badge{font-family:var(--fu);font-size:.68rem;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;background:var(--a);color:#fff;padding:.26rem .6rem;border-radius:var(--r-pill);flex:none}
.d-notice-txt{font-size:.87rem;line-height:1.45;flex:1 1 20rem;min-width:0}
.d-notice-txt b{font-weight:600}
.d-notice-txt span{color:rgba(255,255,255,.66);display:block}
/* Mobilde serit cok yer kapliyor: aciklama gizlenir, baslik ve CTA kalir. */
@media(max-width:700px){
  .d-notice-txt span{display:none}
  .d-notice-in{padding-block:.55rem;gap:.55rem}
  .d-notice-txt{flex:1 1 100%;font-size:.82rem}
  .d-notice-act{margin-left:0;width:100%}
  .d-notice-act .d-btn{flex:1 1 auto;justify-content:center}
}
.d-notice-act{display:flex;gap:.5rem;flex-wrap:wrap;margin-left:auto}
.d-notice .d-btn-2{background:transparent;border-color:rgba(255,255,255,.28);color:#fff}
.d-notice .d-btn-2:hover{border-color:#fff}

/* --------------------------------------------------------------- ust ---- */
.d-hdr{background:color-mix(in srgb,var(--bg) 88%,transparent);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.d-hdr-in{display:flex;align-items:center;gap:1.2rem;height:4.2rem}
.d-brand{font-family:var(--fd);font-weight:600;font-size:1.12rem;letter-spacing:-.015em;
  font-variation-settings:'opsz' 120,'SOFT' 24,'WONK' 0;
  display:flex;align-items:center;gap:.6rem;flex:none;max-width:60%}
.d-brand-m{width:2.1rem;height:2.1rem;border-radius:9px;display:grid;place-items:center;
  background:var(--a);color:#fff;flex:none}
.d-brand-m svg{width:1.15rem;height:1.15rem}
.d-brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.d-nav{display:none;gap:.1rem;margin-left:auto;flex-wrap:nowrap}
@media(min-width:960px){.d-nav{display:flex}}
.d-nav a{padding:.45rem .7rem;border-radius:9px;font-size:.92rem;color:var(--ink-2);white-space:nowrap;transition:color var(--t),background var(--t)}
.d-nav a:hover{color:var(--ink);background:var(--soft)}
.d-hdr .d-btn{margin-left:auto}
@media(min-width:960px){.d-hdr .d-btn{margin-left:.6rem}}

/* ------------------------------------------------------------ butonlar -- */
.d-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  padding:.76rem 1.3rem;border-radius:var(--r-pill);border:1px solid transparent;
  font-family:var(--fu);font-weight:600;font-size:.93rem;cursor:pointer;white-space:nowrap;
  background:var(--a);color:#fff;transition:background var(--t),border-color var(--t),transform var(--t),color var(--t)}
.d-btn:hover{background:var(--a2);transform:translateY(-1px)}
.d-btn svg{width:1.02em;height:1.02em;flex:none}
.d-btn-2{background:var(--paper);border-color:var(--line);color:var(--ink)}
.d-btn-2:hover{background:var(--paper);border-color:var(--ink)}
.d-btn-sm{padding:.5rem .9rem;font-size:.85rem}
.d-row{display:flex;gap:.7rem;flex-wrap:wrap;align-items:center}

/* ---------------------------------------------------------------- hero --
   Tam genislik fotograf + uzerinde metin (kullanici karari 2026-09-18:
   bolunmus duzen begenilmedi, eski hero geri alindi).
   Okunabilirlik ortusu OLCULEREK ayarlandi, tahmin edilmedi: ops/qa tarafinda
   metin gizlenip zeminin p95 parlakligi orneklenir. Ilk denemede 2.25:1'de
   kalmisti; asagidaki iki katmanli perde ile 6.6:1 olculdu.
   -------------------------------------------------------------------------- */
.d-hero{position:relative;color:#fff;overflow:hidden;
  background:linear-gradient(135deg,var(--a2) 0%,var(--a) 48%,#31261D 130%)}
.d-hero::before{content:'';position:absolute;inset:0;opacity:.22;
  background-image:radial-gradient(circle at 1px 1px,#fff 1px,transparent 0);background-size:22px 22px}
.d-hero::after{content:'';position:absolute;width:38rem;height:38rem;border-radius:50%;
  top:-16rem;right:-12rem;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 65%)}
.d-hero-in{position:relative;z-index:1;padding-block:clamp(3.4rem,8vw,6rem)}
.d-hero .d-kicker{color:rgba(255,255,255,.82)}
.d-hero h1{color:#fff;max-width:18ch}
.d-hero p{color:rgba(255,255,255,.9);font-size:clamp(1.02rem,.98rem + .4vw,1.2rem);max-width:52ch;margin-top:1.1rem}
.d-hero .d-row{margin-top:1.9rem}
.d-hero .d-btn{background:var(--paper);color:var(--ink)}
.d-hero .d-btn:hover{background:rgba(255,255,255,.9)}
.d-hero .d-btn-2{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.35);color:#fff}
.d-hero .d-btn-2:hover{background:rgba(255,255,255,.18);border-color:#fff}
.d-hero-meta{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.7rem}
.d-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .82rem;border-radius:var(--r-pill);
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);font-size:.84rem;color:#fff}
.d-pill svg{width:.95rem;height:.95rem;color:rgba(255,255,255,.75)}
.d-pill-ok{background:rgba(53,135,106,.34);border-color:rgba(190,235,214,.55)}
.d-pill-ok svg{color:#fff}

/* --- hero fotografi: tam genislik arka plan ---
   Referans olcumu (modernanimal.com, 2026-09-18, 1440 ve 390 px):
   perde fotografin TAMAMINI kaplamaz, YALNIZCA metnin durdugu bolgeyi kaplar.
   Masaustunde soldan saga, mobilde yukaridan asagiya acilir; kalan alanda
   fotograf berrak kalir ve ozne (hayvan, tabak, bina...) gorunur.
   Bizim ilk surumumuz her yeri esit karartiyordu: hem goz yoruyordu hem de
   ozne metnin arkasinda camurlaniyordu. Duzeltilen davranis asagida.
   -------------------------------------------------------------------------- */
.d-hero.has-media{background:#1A120B;
  min-height:clamp(30rem,62vh,38rem);display:flex;align-items:center}
.d-hero-media{position:absolute;inset:0;z-index:0}
.d-hero-media picture,.d-hero-media img{width:100%;height:100%;display:block}
.d-hero-media img{object-fit:cover;object-position:center 45%}

.d-hero.has-media::before{
  /* ⚠️ opacity SIFIRLANMALI: yukaridaki .d-hero::before nokta deseni icin
     opacity:.22 veriyor; ayni sozde-elemani paylastigimiz icin perde de %22
     saydam ciziliyor ve kontrast 2.25:1'e dusuyordu (sahada olculdu). */
  content:'';position:absolute;inset:0;z-index:1;opacity:1;
  background:
    linear-gradient(90deg,
      rgba(18,12,7,.90) 0%,
      rgba(18,12,7,.82) 30%,
      rgba(18,12,7,.46) 54%,
      rgba(18,12,7,.10) 74%,
      rgba(18,12,7,0)   88%),
    linear-gradient(0deg, rgba(18,12,7,.34), transparent 42%);
}
.d-hero.has-media::after{display:none}
.d-hero.has-media .d-hero-in{padding-block:clamp(3.4rem,7vw,5.5rem);width:100%}
/* Metin sol yariya sigar; sag taraf fotografa birakilir. */
.d-hero.has-media h1{max-width:15ch}
.d-hero.has-media p{max-width:40ch}
@media(min-width:900px){
  .d-hero.has-media .d-hero-in>*{max-width:52%}
  .d-hero.has-media .d-hero-meta,
  .d-hero.has-media .d-row{max-width:52%}
}

/* MOBIL: perde yukaridan asagiya. Metin ustte, alt bant BERRAK kalir ve
   fotografin oznesi orada gorunur (referansin mobil davranisi). */
@media(max-width:899px){
  .d-hero.has-media{min-height:clamp(33rem,82svh,42rem);align-items:flex-start}
  .d-hero.has-media .d-hero-in{padding-block:clamp(1.9rem,6vw,2.6rem) 0}
  /* Perde yalniz metnin durdugu UST bolgede; alt ucte fotograf berrak kalir. */
  .d-hero.has-media::before{
    opacity:1;
    background:
      linear-gradient(180deg,
        rgba(18,12,7,.88) 0%,
        rgba(18,12,7,.80) 30%,
        rgba(18,12,7,.44) 52%,
        rgba(18,12,7,.10) 70%,
        rgba(18,12,7,0)   86%);
  }
  /* Metin blogu sikisir: fotografa daha cok berrak alan kalir. */
  .d-hero.has-media h1{font-size:clamp(1.95rem,1.2rem + 3.2vw,2.5rem)}
  .d-hero.has-media p{font-size:1rem;line-height:1.55;margin-top:.85rem}
  .d-hero.has-media .d-row{margin-top:1.3rem}
  .d-hero.has-media .d-hero-meta{margin-top:1rem;gap:.4rem}
  .d-hero.has-media .d-pill{padding:.32rem .68rem;font-size:.79rem}
  /* Mobilde 3:4 dikey kirpim servis edilir (bin/crop-portrait.php), bu yuzden
     kirpma neredeyse yoktur; konum notr birakilir. */
  .d-hero-media img{object-position:center center}
  .d-hero.has-media h1,.d-hero.has-media p{max-width:none}
}

/* =========================================================================
   BILESEN KURALLARI
   ⚠️ 2026-09-18: hero blogunu yeniden yazarken dilim siniri fazla genis
   alinmis ve bu bolumun TAMAMI silinmisti. Kartlar, izgara, form, altbilgi
   ve saat tablosu stilsiz kalip tarayici varsayilanlarina dusmustu (hizmet
   ikonlari kart genisliginde ciziliyordu). Yedekten geri alindi.
   ========================================================================= */


/* -------------------------------------------------------------- kartlar - */
.d-grid{display:grid;gap:clamp(1rem,2vw,1.4rem)}
.d-g2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.d-g3{grid-template-columns:repeat(auto-fit,minmax(255px,1fr))}
.d-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:clamp(1.3rem,2.2vw,1.7rem);box-shadow:var(--sh);height:100%}
.d-card-ico{width:2.7rem;height:2.7rem;border-radius:12px;display:grid;place-items:center;
  background:var(--tint-2);color:var(--a2);margin-bottom:1rem}
.d-card-ico svg{width:1.3rem;height:1.3rem}
.d-card h3{margin-bottom:.45rem}

/* ------------------------------------------------------------- saatler -- */
.d-hours{width:100%;border-collapse:collapse;font-size:.95rem}
.d-hours td{padding:.62rem 0;border-bottom:1px solid var(--line)}
.d-hours tr:last-child td{border-bottom:0}
.d-hours td:last-child{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink-2)}
.d-hours tr.is-today td{font-weight:600;color:var(--ink)}
.d-hours .d-closed{color:var(--ink-3)}

/* ------------------------------------------------------------ puanlama -- */
.d-rate{display:flex;align-items:center;gap:1.1rem;flex-wrap:wrap}
.d-rate-n{font-family:var(--fd);font-weight:700;font-size:3.1rem;line-height:1;letter-spacing:-.04em}
.d-stars{display:flex;gap:.12rem;color:var(--star)}
.d-stars svg{width:1.15rem;height:1.15rem;fill:currentColor;stroke:none}
.d-stars .off{color:var(--line)}

/* --------------------------------------------------------------- harita - */
.d-map{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--soft);min-height:18rem}
#visit .d-split{align-items:start}
#visit .d-card{height:auto}
#visit .d-card .d-btn{align-self:flex-start}
.d-map iframe{width:100%;height:22rem;border:0;display:block}

/* ---------------------------------------------------------------- SSS --- */
.d-faq{border-top:1px solid var(--line)}
.d-faq details{border-bottom:1px solid var(--line)}
.d-faq summary{list-style:none;cursor:pointer;padding:1.15rem 2.4rem 1.15rem 0;position:relative;
  font-family:var(--fd);font-weight:600;font-size:1.02rem;transition:color var(--t)}
.d-faq summary::-webkit-details-marker{display:none}
.d-faq summary:hover{color:var(--a2)}
.d-faq summary svg{position:absolute;right:0;top:1.25rem;width:1.05rem;height:1.05rem;
  color:var(--ink-3);transition:transform var(--t)}
.d-faq details[open] summary svg{transform:rotate(180deg);color:var(--a)}
.d-faq .a{padding:0 2.4rem 1.3rem 0;color:var(--ink-2);max-width:72ch}

/* ---------------------------------------------------------------- form -- */
.d-form{display:grid;gap:1rem}
.d-f2{display:grid;gap:1rem}
@media(min-width:620px){.d-f2{grid-template-columns:1fr 1fr}}
.d-field{display:grid;gap:.35rem}
.d-field label{font-size:.85rem;font-weight:600}
.d-field input,.d-field textarea{width:100%;padding:.75rem .9rem;border:1px solid var(--line);
  border-radius:12px;background:var(--paper);font:inherit;font-size:.97rem}
.d-field textarea{min-height:8rem;resize:vertical}
.d-field input:focus,.d-field textarea:focus{outline:none;border-color:var(--a);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--a) 18%,transparent)}

/* ------------------------------------------------------------ ornek not - */
.d-ph{border:1px dashed var(--line);border-radius:var(--r-lg);background:var(--soft);
  display:grid;place-items:center;text-align:center;padding:clamp(2rem,5vw,3.4rem);color:var(--ink-3)}
.d-ph svg{width:1.6rem;height:1.6rem;margin-bottom:.6rem;opacity:.6}
.d-ph-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.d-ph-tile{aspect-ratio:4/3}

/* --------------------------------------------------------------- alt ---- */
.d-ftr{background:#31261D;color:rgba(255,255,255,.74);padding-block:3.2rem 1.8rem;margin-top:0}
.d-ftr a{color:rgba(255,255,255,.72)}
.d-ftr a:hover{color:#fff}
.d-ftr-grid{display:grid;gap:2rem}
@media(min-width:800px){.d-ftr-grid{grid-template-columns:1.4fr 1fr 1fr}}
.d-ftr h4{color:#fff;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.9rem}
.d-ftr .d-brand{color:#fff}
.d-ftr-bot{margin-top:2.4rem;padding-top:1.4rem;border-top:1px solid rgba(255,255,255,.12);
  display:flex;flex-wrap:wrap;gap:.8rem;justify-content:space-between;font-size:.82rem;color:rgba(255,255,255,.5)}
.d-ftr-bot a{text-decoration:underline;text-underline-offset:3px}

.d-list{list-style:none;padding:0;margin:0;display:grid;gap:.6rem;font-size:.94rem}
.d-list li{display:flex;gap:.6rem;align-items:flex-start}
.d-list svg{width:1.05rem;height:1.05rem;color:var(--a);flex:none;margin-top:.28rem}
.d-split{display:grid;gap:clamp(2rem,4vw,3.2rem);align-items:start}
@media(min-width:900px){.d-split{grid-template-columns:1.1fr .9fr}}
.d-mt{margin-top:1.6rem}
@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;scroll-behavior:auto!important}}


/* =========================================================================
   GORSEL KATMANI
   Gorseller sektor havuzundan gelir (assets/img/sectors/<sektor>/).
   Hepsi <picture> ile: once WebP, desteklenmiyorsa JPEG. Genislik/yukseklik
   her zaman yazilir; boylece yukleme sirasinda sayfa zıplamaz (CLS = 0).
   ========================================================================= */

/* --- galeri --- */
.d-gal{display:grid;gap:clamp(.7rem,1.4vw,1rem);grid-template-columns:repeat(2,1fr)}
@media(min-width:760px){.d-gal{grid-template-columns:repeat(3,1fr)}}
.d-gal-i{margin:0;border-radius:var(--r-lg);overflow:hidden;background:var(--line);
  aspect-ratio:4/3;position:relative}
.d-gal-i img{width:100%;height:100%;object-fit:cover;transition:transform 520ms cubic-bezier(.22,.61,.36,1)}
.d-gal-i:hover img{transform:scale(1.045)}
/* ilk kare iki sutun kaplar: duz izgara yerine ritim */
@media(min-width:760px){.d-gal-wide{grid-column:span 2;aspect-ratio:8/3}}
@media(max-width:759px){.d-gal-wide{grid-column:span 2;aspect-ratio:16/9}}

/* --- hakkimizda gorseli --- */
.d-about-side{display:grid;gap:clamp(1rem,2vw,1.4rem);align-content:start}
.d-about-media{margin:0;border-radius:var(--r-lg);overflow:hidden;background:var(--line);aspect-ratio:4/3}
.d-about-media img{width:100%;height:100%;object-fit:cover}

/* --- ozet (answer block) + alinti --- */
.d-sec-tight{padding-block:clamp(2rem,4vw,3rem)}
.d-summary{border:1px solid var(--line);border-left:3px solid var(--a);border-radius:var(--r-lg);
  padding:clamp(1.2rem,2.4vw,1.8rem);background:var(--paper);max-width:74ch}
.d-sum-label{display:inline-block;font-family:var(--fd);font-size:.7rem;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:var(--a2);margin-bottom:.6rem}
.d-summary>p{font-size:1.06rem;line-height:1.62;color:var(--ink)}
.d-quote{margin:1.1rem 0 0;padding:.9rem 0 0;border-top:1px solid var(--line)}
.d-quote p{font-family:var(--fd);font-weight:600;font-size:1.02rem;letter-spacing:-.015em;margin:0}
.d-quote cite{display:block;margin-top:.35rem;font-style:normal;font-size:.8rem;color:var(--ink-3)}
.d-quote cite a{text-decoration:underline;text-underline-offset:3px;
  text-decoration-color:var(--tint-line);transition:color var(--t)}
.d-quote cite a:hover{color:var(--a)}
/* Ozet artik ziyaret panelinin ust seridi: kendi cercevesi/zemini olmaz,
   panelin tint zeminini ve dolgusunu kullanir. */
.d-panel-top.d-summary{border:0;border-bottom:1px solid var(--tint-line);
  border-radius:0;background:var(--tint);max-width:none}
.d-panel-top.d-summary .d-quote{border-top-color:var(--tint-line)}
.d-list-lg li{font-size:1rem;line-height:1.6}
.d-list-lg svg{margin-top:.34rem}

/* ------------------------------------------------- ziyaret paneli ------
   Ozet + iletisim bilgileri + harita TEK kart icinde. Ustte sayfanin ozeti
   (AI motorlarinin alintiladigi blok), altta iki kolon: solda etiketli
   bilgiler, sagda harita. Mobilde alt alta.
   ------------------------------------------------------------------------ */
.d-panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-xl);
  overflow:hidden;box-shadow:var(--sh2)}
.d-panel-top{padding:clamp(1.4rem,3vw,2.2rem);background:var(--tint);
  border-bottom:1px solid var(--tint-line)}
.d-panel-top .d-sum-label{margin-bottom:.7rem}
.d-panel-top>p{font-size:clamp(1rem,.97rem + .3vw,1.1rem);color:var(--ink);max-width:78ch}
.d-panel-body{display:grid}
@media(min-width:880px){.d-panel-body{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}}
.d-visit-info{padding:clamp(1.4rem,3vw,2.1rem);display:flex;flex-direction:column;
  justify-content:center;align-items:flex-start}
.d-visit-info .d-facts{width:100%}

/* etiketli bilgi satirlari: ust satir kucuk etiket, alt satir deger */
.d-facts{list-style:none;padding:0;margin:0;display:grid;gap:.2rem}
.d-fact{display:flex;gap:.9rem;align-items:flex-start;padding:.85rem 0;
  border-bottom:1px solid var(--line)}
.d-fact:last-child{border-bottom:0;padding-bottom:0}
.d-fact:first-child{padding-top:0}
.d-fact-i{width:2.3rem;height:2.3rem;border-radius:11px;flex:none;display:grid;place-items:center;
  background:var(--tint-2);color:var(--a)}
.d-fact-i svg{width:1.08rem;height:1.08rem}
.d-fact-b{min-width:0;display:flex;flex-direction:column;gap:.12rem}
.d-fact-k{font-family:var(--fu);font-size:.7rem;font-weight:600;letter-spacing:.13em;
  text-transform:uppercase;color:var(--ink-3)}
.d-fact-v{font-size:1.02rem;color:var(--ink);line-height:1.45;overflow-wrap:anywhere}
a.d-fact-v{transition:color var(--t)}
a.d-fact-v:hover{color:var(--a)}
.d-fact-tag{align-self:flex-start;margin-top:.3rem;font-family:var(--fu);font-size:.72rem;
  font-weight:600;padding:.16rem .52rem;border-radius:var(--r-pill);
  background:var(--soft);color:var(--ink-3)}
.d-fact-tag.on{background:color-mix(in srgb,var(--ok) 14%,var(--paper));color:var(--ok)}

/* panel icindeki harita: kendi cercevesi yok, kartin kenarina yaslanir */
.d-panel .d-map{border:0;border-radius:0;border-top:1px solid var(--line);
  height:22rem;align-self:stretch}
@media(min-width:880px){.d-panel .d-map{border-top:0;border-left:1px solid var(--line);
  height:auto;min-height:22rem}}
.d-panel .d-ph{border:0;border-radius:0;height:100%}

/* Pisirilmis harita goerseli kutuyu KAPLAR; isletme goerselin tam ortasindadir. */
.d-map{position:relative;overflow:hidden}
.d-map-link{position:absolute;inset:0;display:block}
.d-map-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.d-map-pin{position:absolute;left:50%;top:50%;transform:translate(-50%,-100%);
  color:var(--a);filter:drop-shadow(0 3px 5px rgba(47,39,34,.4))}
.d-map-pin svg{width:2.2rem;height:2.2rem;display:block;fill:var(--paper);stroke-width:1.6}
.d-map-attr{position:absolute;right:0;bottom:0;margin:0;padding:.18rem .5rem;
  font-size:.66rem;line-height:1.3;color:var(--ink-2);
  background:color-mix(in srgb,var(--paper) 86%,transparent);border-top-left-radius:8px}
.d-map-attr a{text-decoration:underline;text-underline-offset:2px}
.d-map-link:hover .d-map-img{filter:saturate(1.08)}

/* Alt bilgideki marka adi kirpilmaz: ust cubukta yer darligindan ellipsis
   var, altbilgide tam unvan gorunmeli. */
.d-ftr .d-brand{max-width:none}
.d-ftr .d-brand span{overflow:visible;text-overflow:clip;white-space:normal}