/* Azura — Ege lüks otel teması: derin deniz mavisi, kum altını, Bodoni başlıklar, geniş boşluklar */
:root {
    --ink: #0f2a36; --text: #4a5b63; --muted: #86959b;
    --bg: #fbf9f5; --bg-alt: #f2eee6; --line: #e5dfd3; --card: #fff;
    --r: 2px; --r-sm: 2px; --r-lg: 4px; --btn-r: 0;
    --shadow: 0 12px 34px rgba(15, 42, 54, .07); --shadow-lg: 0 26px 60px rgba(15, 42, 54, .15);
    --head: 'Bodoni Moda', Didot, Georgia, serif; --body: 'Karla', system-ui, sans-serif; --head-w: 500; --header: 90px;
}
body { background: var(--bg); }
h1 { font-size: clamp(2.8rem, 6vw, 5rem); line-height: 1.05; letter-spacing: -.01em; }
h2, .h2 { font-size: clamp(2.1rem, 3.6vw, 3rem); }
.kicker { font-weight: 700; color: var(--accent); letter-spacing: .3em; font-size: .72rem; }
.btn { text-transform: uppercase; letter-spacing: .14em; font-size: .8rem; font-weight: 700; min-height: 52px; }
.btn-accent { background: var(--accent); color: #fff; }
.btn-accent:hover { background: #b38c52; }
.btn-soft { background: transparent; border-color: var(--ink); color: var(--ink); }
.btn-soft:hover { background: var(--ink); color: #fff; }

/* Menü: ana sayfada saydam */
.site-header { background: var(--bg); border-bottom: 1px solid var(--line); }
.home .site-header { position: fixed; left: 0; right: 0; background: transparent; border-color: rgba(255, 255, 255, .2); }
.home .site-header:not(.scrolled) .brand, .home .site-header:not(.scrolled) .nav-list > li > a { color: #fff; }
.home .site-header:not(.scrolled) .brand-text small { color: rgba(255, 255, 255, .8); }
.home .site-header.scrolled { background: var(--bg); }
.home #icerik { padding-top: 0; }
.brand-mark { background: transparent; color: var(--accent); border: 1px solid currentColor; border-radius: 50%; }
.brand-text strong { font-family: var(--head); font-weight: 500; font-size: 2rem; letter-spacing: .12em; text-transform: uppercase; }
.brand-text small { color: var(--accent); letter-spacing: .2em; }
.nav-list > li > a { text-transform: uppercase; letter-spacing: .12em; font-size: .78rem; font-weight: 700; }
.nav-list > li > a.on { color: var(--accent) !important; }
.nav-cta { background: var(--accent); }

/* Hero */
.hero { position: relative; min-height: min(100vh, 900px); display: flex; flex-direction: column; justify-content: center; padding: 140px 0 60px; background: #0a2a38; color: #fff; }
.hero::before { content: ''; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(5, 25, 35, .55) 0%, rgba(5, 25, 35, .25) 40%, rgba(5, 25, 35, .7) 100%); }
.hero-in { position: relative; z-index: 2; text-align: center; }
.hero-eyebrow { display: inline-block; font-weight: 700; letter-spacing: .4em; text-transform: uppercase; font-size: .78rem; margin-bottom: 22px; color: #fff; }
.hero h1 { color: #fff; max-width: 900px; margin: 0 auto 18px; font-style: italic; }
.hero .lead { color: rgba(255, 255, 255, .9); margin: 0 auto; }
.booking { position: relative; z-index: 2; display: grid; grid-template-columns: 1.2fr 1.2fr 1fr 1fr auto; gap: 0; margin-top: 60px; background: #fff; box-shadow: var(--shadow-lg); }
.booking label { display: flex; flex-direction: column; gap: 4px; padding: 16px 22px; border-right: 1px solid var(--line); }
.booking label span { display: flex; align-items: center; gap: 6px; font-size: .7rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }
.booking input, .booking select { border: 0; padding: 4px 0; font: inherit; font-size: 1.02rem; font-weight: 600; color: var(--ink); background: transparent; outline: 0; }
.booking .btn { min-height: 100%; padding: 0 34px; }

/* Bölümler */
.section { padding: 110px 0; }
.about-media img { border-radius: 0; aspect-ratio: 4 / 5; }
.about-badge { background: var(--primary); border-radius: 0; left: -24px; right: auto; }
.about-badge strong { font-family: var(--head); font-weight: 500; }
.tick-list li > span { background: transparent; color: var(--accent); border: 1px solid var(--accent); }
.card { border-radius: 0; box-shadow: none; background: var(--card); }
.card:hover { transform: none; box-shadow: var(--shadow-lg); }
.item-card .c-media { aspect-ratio: 4 / 3; }
.c-body { padding: 26px 26px 28px; }
.c-body h3 { font-family: var(--head); font-weight: 500; font-size: 1.6rem; }
.c-badge { background: var(--accent); border-radius: 0; text-transform: uppercase; letter-spacing: .1em; font-size: .68rem; }
.c-attrs b { font-weight: 600; }
.c-foot .c-price { font-family: var(--head); font-size: 1.5rem; color: var(--primary); }
.c-foot .c-price::before { content: 'Gecelik '; font-family: var(--body); font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
.c-more { color: var(--accent); text-transform: uppercase; letter-spacing: .12em; font-size: .72rem; }
.c-ic { background: transparent; border: 1px solid var(--accent); color: var(--accent); border-radius: 50%; }
.svc-card.has-img .c-ic { background: var(--card); }
.gal-strip { position: relative; display: grid; grid-template-columns: 2fr 1fr 1fr; grid-template-rows: 280px 280px; gap: 6px; }
.gs-item { overflow: hidden; display: block; }
.gs-item img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s; }
.gs-item:hover img { transform: scale(1.06); }
.gs-1 { grid-row: span 2; }
.gs-cta { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: inline-flex; align-items: center; gap: 10px; padding: 18px 30px; background: rgba(255, 255, 255, .94); color: var(--ink); text-transform: uppercase; letter-spacing: .14em; font-size: .78rem; font-weight: 700; }
.gs-cta:hover { background: var(--accent); color: #fff; }
.gallery-grid { gap: 6px; }
.gallery-grid .g-item { border-radius: 0; aspect-ratio: 3 / 2; }
.lightbox img { border-radius: 0; max-height: 88vh; }
.quote-card { background: transparent; border: 0; border-top: 1px solid var(--accent); text-align: center; }
.quote-card blockquote { font-family: var(--head); font-style: italic; font-size: 1.3rem; line-height: 1.5; color: var(--ink); }
.q-stars { color: var(--accent); }
.post-card .c-date { color: var(--accent); text-transform: uppercase; letter-spacing: .1em; font-size: .72rem; }
.faq { border-radius: 0; background: var(--card); }
.faq summary { font-family: var(--head); font-weight: 500; font-size: 1.15rem; }
.faq[open] summary i { background: var(--accent); }
.form-card { border-radius: 0; border-top: 2px solid var(--accent); }
.field input, .field select, .field textarea { border-radius: 0; background: #fff; }
.page-hero { background: var(--primary); padding: 90px 0 70px; text-align: center; }
.page-hero h1 { color: #fff; font-style: italic; }
.page-hero .lead { color: rgba(255, 255, 255, .8); margin: 0 auto; }
.page-hero .crumbs { justify-content: center; }
.crumbs a { color: rgba(255, 255, 255, .6); }
.crumbs [aria-current] { color: var(--accent); }
.crumbs .sep { color: rgba(255, 255, 255, .3); }
.ph-deco { display: none; }
.spec-box, .fact { background: var(--bg-alt); border-radius: 0; }
.gb-main, .gb-t, .detail-img, .post-cover, .map-box { border-radius: 0; }
.cta-band { background: var(--primary); }
.cta-band.has-img::before { background: linear-gradient(90deg, rgba(10, 42, 56, .9), rgba(11, 79, 108, .55)); }
.cta-band h2 { font-style: italic; }
.site-footer { background: #0a2330; }
.site-footer .brand-mark { color: var(--accent); }

@media (max-width: 1100px) {
    .booking { grid-template-columns: 1fr 1fr; }
    .booking label:nth-child(2) { border-right: 0; }
    .booking label { border-bottom: 1px solid var(--line); }
    .booking .btn { grid-column: 1 / -1; min-height: 56px; }
}
@media (max-width: 960px) {
    .home .main-nav { background: var(--bg); }
    .home .site-header:not(.scrolled) .nav-list > li > a { color: var(--ink); }
    .home .site-header:not(.scrolled) .nav-toggle span { background: #fff; }
    .home .nav-open .site-header .nav-toggle span { background: var(--ink); }
    .section { padding: 72px 0; }
    .gal-strip { grid-template-columns: 1fr 1fr; grid-template-rows: 220px 160px 160px; }
    .gs-1 { grid-column: span 2; grid-row: auto; }
}
@media (max-width: 640px) {
    .hero { padding-top: 110px; min-height: 0; }
    .booking { margin-top: 36px; }
    .booking label { padding: 12px 14px; }
    .gal-strip { grid-template-rows: 180px 120px 120px; }
}