/* SuperStay Eyüp: resepsiyonun kiremit kırmızısı ve kehribar nişi, mermer hamam, cephedeki kırmızı tabela.
   Yön: sıcak, yerleşik, Eyüpsultan. Başlıklar dik ve daha hafif (marka ve Halkalı italik), kemerli fotoğraf çerçevesi, hap düğmeler, altın ince çizgiler.
   Yazı tipi marka ile aynı Familjen Grotesk (kullanıcı kararı 2026-10-23; serif denendi, beğenilmedi). */

body[data-otel="eyup"] {
  --c-zemin: #F8F2E8;
  --c-yuzey: #FFFDF9;
  --c-header: rgb(248 242 232 / .8);
  --c-metin: #2A1812;
  --c-metin-2: #6A574E;
  --c-cizgi: #E6DACA;
  --c-cizgi-guclu: #BBA994;
  --c-vurgu: #7E2620;
  --c-vurgu-koyu: #5E1B17;
  --c-vurgu-uzeri: #FFFFFF;
  --c-vurgu-metin: #9B2E27;
  --c-etiket: #9B2E27;
  --c-isaret: #D0A24A;
  --c-vitrin-isaret: #E2B45C;
  --c-vitrin-koyu: #2A0F0C;
  --c-vitrin-orta: rgb(42 15 12 / .55);
  --c-kehribar: #D0A24A;
  --c-odak: #9B2E27;
  --c-secim: #F3DDB3;
  --c-dugme: #9B2E27;
  --c-dugme-uzeri: #FFFFFF;
  --c-dugme-koyu: #7E2620;
  --c-alt: #2A0F0C;
  --c-alt-metin: #F8F2E8;
  --c-alt-metin-2: #BFA79C;
  --c-alt-cizgi: rgb(255 255 255 / .14);
  --c-alt-vurgu: #E2B45C;
  --kose: 999px;
  --kose-buyuk: 22px;
}
body[data-otel="eyup"] h1, body[data-otel="eyup"] h2, body[data-otel="eyup"] h3 { font-style: normal; font-weight: 500; letter-spacing: -.035em; }
body[data-otel="eyup"] h1 em, body[data-otel="eyup"] h2 em { font-style: italic; color: var(--c-vurgu-metin); }
body[data-otel="eyup"] .o-vitrin h1 em { color: var(--c-vitrin-isaret); }
body[data-otel="eyup"] .etiket::before { width: 2.5em; background: var(--c-kehribar); }
body[data-otel="eyup"] .oda h3, body[data-otel="eyup"] .sss summary, body[data-otel="eyup"] .yazi-karti__baslik, body[data-otel="eyup"] .alt__otel-ad { font-weight: 500; }
body[data-otel="eyup"] .dil-secici__dugme, body[data-otel="eyup"] .dil-secici__liste, body[data-otel="eyup"] .ana-menu__acilir, body[data-otel="eyup"] .bar__liste { border-radius: 16px; }
body[data-otel="eyup"] .dil-secici__liste a, body[data-otel="eyup"] .ana-menu__acilir a { border-radius: 10px; }
body[data-otel="eyup"] .btn { padding-inline: 1.8rem; }

/* Header: her zaman dolu, koyu bordo; menü krem (kontrast 13:1), vurgu kehribar */
body[data-otel="eyup"] { --c-ust-zemin: #2A0F0C; --c-ust-metin: #F8F2E8; --c-ust-metin-2: rgb(248 242 232 / .8); --c-ust-cizgi: rgb(255 255 255 / .14); --c-ust-vurgu: #E2B45C; --c-ust-dugme: #E2B45C; --c-ust-dugme-metin: #2A0F0C; }
/* Vitrinin alt kenarı kemer gibi krem zemine açılır */
body[data-otel="eyup"] .o-vitrin { border-radius: 0 0 50% 50% / 0 0 56px 56px; overflow: hidden; }

/* Odalar: dergi düzeni, kemerli fotoğraf, serif numaralar */
body[data-otel="eyup"] .odalar { grid-template-columns: 1fr; gap: 0; border-top: 1px solid var(--c-cizgi-guclu); }
body[data-otel="eyup"] .oda { grid-template-columns: 1fr; gap: 1.5rem; padding-block: 2.5rem; border-bottom: 1px solid var(--c-cizgi); }
body[data-otel="eyup"] .oda__foto { border-radius: 999px 999px 18px 18px / 32% 32% 18px 18px; }
body[data-otel="eyup"] .oda__sira { background: var(--c-kehribar); color: var(--c-metin); }
body[data-otel="eyup"] .oda h3 { font-size: clamp(1.75rem, 1.4rem + 1.2vw, 2.5rem); }
body[data-otel="eyup"] .oda p { font-size: 1.0625rem; max-width: 34em; }
@media (min-width: 760px) {
  body[data-otel="eyup"] .oda { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 3.5rem; align-items: center; }
  body[data-otel="eyup"] .oda:nth-child(even) .oda__foto { order: 2; }
}
body[data-otel="eyup"] .mozaik figure, body[data-otel="eyup"] .mozaik figure:first-child { border-radius: 22px; }
body[data-otel="eyup"] .mozaik figure:first-child { border-radius: 999px 999px 22px 22px / 28% 28% 22px 22px; }
body[data-otel="eyup"] .oda-detay__galeri > :first-child img { border-radius: 999px 999px 22px 22px / 30% 30% 22px 22px; }
body[data-otel="eyup"] .olgular li { border-top: 1px solid var(--c-kehribar); }
body[data-otel="eyup"] .konum { background: var(--c-vitrin-koyu); }
body[data-otel="eyup"] .davet { background: var(--c-yuzey); border-color: var(--c-kehribar); }
body[data-otel="eyup"] .ic-vitrin { border-radius: 0 0 50% 50% / 0 0 48px 48px; overflow: hidden; }
body[data-otel="eyup"] .oda-detay__sira { color: var(--c-kehribar); }
body[data-otel="eyup"] .oda-atla a { border-color: var(--c-kehribar); }
body[data-otel="eyup"] .adimlar li, body[data-otel="eyup"] .olgular--kart li, body[data-otel="eyup"] .ilet-kart { border-color: var(--c-kehribar); }