/* Dağevi Lodge — gece mavisi ve kar beyazı, kıvılcım turuncusu; dar, büyük harfli başlıklar; Barlow Condensed + Barlow */
:root {
    --ink: #0f2238; --text: #3b4d62; --muted: #6b7c8f;
    --bg: #fff; --bg-alt: #eef3f8; --line: #dbe4ee; --card: #fff;
    --r: 6px; --r-sm: 4px; --r-lg: 10px; --btn-r: 4px;
    --shadow: 0 12px 30px rgba(15, 34, 56, .1); --shadow-lg: 0 26px 60px rgba(15, 34, 56, .2);
    --head: 'Barlow Condensed', 'Arial Narrow', sans-serif; --body: 'Barlow', system-ui, sans-serif; --head-w: 700; --header: 76px;
    --night: #0c1a2b;
}
h1, h2, h3, .h2, .h3 { text-transform: uppercase; letter-spacing: .01em; }
h1 { font-size: clamp(2.8rem, 6.2vw, 5.4rem); line-height: .92; font-weight: 800; }
h2, .h2 { font-size: clamp(2.1rem, 4vw, 3.3rem); line-height: 1; }
h3, .h3 { font-size: 1.45rem; }
.kicker { background: none; padding: 0; color: var(--accent); font-family: var(--head); font-weight: 700; letter-spacing: .2em; text-transform: uppercase; font-size: .9rem; }
.kicker::before { content: ''; display: inline-block; width: 22px; height: 3px; background: var(--accent); vertical-align: middle; margin-right: 10px; }
.btn { font-family: var(--head); font-weight: 700; text-transform: uppercase; letter-spacing: .08em; font-size: 1.05rem; }
.btn-soft { background: var(--ink); color: #fff; }
.btn-soft:hover { background: var(--accent); color: #fff; }

/* Menü: koyu */
.site-header { background: var(--night); box-shadow: none; }
.brand-mark { background: var(--accent); color: #fff; border-radius: 4px; clip-path: polygon(50% 0, 100% 100%, 0 100%); padding-top: 8px; }
.brand-text strong { font-family: var(--head); font-weight: 800; font-size: 1.75rem; letter-spacing: .12em; color: #fff; }
.brand-text small { color: #9fb6cf; letter-spacing: .16em; text-transform: uppercase; }
.nav-toggle { background: rgba(255, 255, 255, .1); }
.nav-toggle span { background: #fff; }
@media (min-width: 981px) {
    .nav-list > li > a { color: #dce6f1; font-family: var(--head); font-weight: 600; text-transform: uppercase; letter-spacing: .08em; font-size: 1.02rem; }
    .nav-list > li > a:hover, .nav-list > li > a.on { color: #fff; background: rgba(255, 255, 255, .08); }
    .phone-chip { background: transparent; color: #fff; border: 1px solid rgba(255, 255, 255, .25); }
}

/* Hero: tam ekran fotoğraf + kar raporu */
.hero { position: relative; min-height: min(760px, calc(100vh - var(--header))); display: flex; align-items: flex-end; padding: 120px 0 64px; color: #fff; background: var(--night) var(--hero-img) center / cover no-repeat; }
.hero::before { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(12, 26, 43, .92) 0, rgba(12, 26, 43, .45) 45%, rgba(12, 26, 43, .15) 100%); }
.hero-in { position: relative; display: grid; grid-template-columns: 1fr 340px; gap: 50px; align-items: end; }
.hero h1 { color: #fff; margin-bottom: 18px; }
.hero-eyebrow { display: inline-flex; align-items: center; gap: 8px; font-family: var(--head); font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: #ffb89c; margin-bottom: 18px; }
.hero .lead { color: rgba(255, 255, 255, .88); font-size: 1.15rem; max-width: 560px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 28px; }
.snow { background: rgba(255, 255, 255, .1); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border: 1px solid rgba(255, 255, 255, .22); border-radius: var(--r-lg); padding: 22px; }
.snow-head { display: flex; align-items: center; gap: 8px; font-family: var(--head); font-weight: 700; letter-spacing: .14em; text-transform: uppercase; font-size: .9rem; }
.live { width: 9px; height: 9px; border-radius: 50%; background: #4ade80; box-shadow: 0 0 0 4px rgba(74, 222, 128, .25); }
.snow-temp { display: flex; align-items: center; gap: 12px; margin: 14px 0 16px; padding-bottom: 16px; border-bottom: 1px solid rgba(255, 255, 255, .2); }
.snow-temp b { font-family: var(--head); font-size: 3.2rem; line-height: 1; }
.snow-temp small { color: rgba(255, 255, 255, .8); line-height: 1.3; }
.snow-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 0; }
.snow-grid dt { font-size: .78rem; text-transform: uppercase; letter-spacing: .1em; color: rgba(255, 255, 255, .65); }
.snow-grid dd { margin: 0; font-family: var(--head); font-weight: 700; font-size: 1.4rem; }

/* Mevsim sekmeleri */
.season-btns { display: inline-flex; gap: 0; margin-bottom: 26px; border: 2px solid var(--ink); border-radius: 4px; overflow: hidden; }
.season-btns button { display: inline-flex; align-items: center; gap: 8px; border: 0; background: #fff; color: var(--ink); padding: 12px 26px; font: 700 1.05rem var(--head); letter-spacing: .1em; text-transform: uppercase; cursor: pointer; }
.season-btns button.on { background: var(--ink); color: #fff; }
.season { display: grid; grid-template-columns: 1.1fr 1fr; gap: 44px; align-items: center; }
.season-img { position: relative; }
.season-img img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--r-lg); }
.season-img span { position: absolute; left: 0; bottom: 22px; background: var(--accent); color: #fff; padding: 8px 18px; font: 700 1.05rem var(--head); letter-spacing: .1em; text-transform: uppercase; }
.season-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 22px; }
.season-list li { display: grid; grid-template-columns: 52px 1fr; gap: 16px; align-items: start; }
.sl-ic { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 4px; background: var(--bg-alt); color: var(--primary); }
.season-list h3 { margin: 0 0 4px; font-size: 1.35rem; }
.season-list p { margin: 0; color: var(--muted); }

/* Kartlar */
.card { border: 0; box-shadow: var(--shadow); border-radius: var(--r); }
.card:hover { box-shadow: var(--shadow-lg); transform: translateY(-4px); }
.rooms { background: var(--bg-alt); }
.item-card h3 { font-size: 1.6rem; }
.c-loc { color: var(--muted); }
.c-badge { background: var(--accent); color: #fff; border-radius: 2px; font-family: var(--head); letter-spacing: .08em; text-transform: uppercase; }
.c-foot .c-price { font-family: var(--head); font-weight: 800; font-size: 1.7rem; color: var(--ink); }
.c-foot .c-price::after { content: ' / gece'; font-family: var(--body); font-weight: 600; font-size: .78rem; color: var(--muted); }
.c-more { font-family: var(--head); font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--accent); }
.acts .svc-card .c-ic { background: var(--accent); color: #fff; border-radius: 4px; }
.acts .c-meta { background: var(--bg-alt); border-radius: 2px; }

/* Rakam bandı */
.alt-stats { position: relative; background: linear-gradient(160deg, #1c3d60, var(--night)); overflow: hidden; }
.alt-stats::before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 70%; background: linear-gradient(135deg, transparent 49.5%, rgba(255, 255, 255, .05) 50%) 0 0 / 50% 100%, linear-gradient(225deg, transparent 49.5%, rgba(255, 255, 255, .05) 50%) 100% 0 / 50% 100%; background-repeat: no-repeat; }
.alt-stats .stats-grid { position: relative; }
.alt-stats .stat-item strong { font-weight: 800; font-size: clamp(2.6rem, 5vw, 4rem); }
.alt-stats .stat-item span { text-transform: uppercase; letter-spacing: .14em; color: #ffb89c; opacity: 1; }

/* Galeri */
.dark-gal { background: var(--night); }
.dark-gal h2 { color: #fff; }
.dark-gal .btn-soft { background: #fff; color: var(--ink); }
.g-item { border-radius: var(--r); }
.g-item figcaption { background: var(--accent); color: #fff; border-radius: 2px; font-family: var(--head); letter-spacing: .06em; text-transform: uppercase; }

/* Yorum, SSS, form */
.quote-card { border: 0; border-left: 4px solid var(--accent); border-radius: 0; box-shadow: none; background: var(--bg-alt); }
.quote-card:hover { transform: none; box-shadow: none; }
.q-ic { color: var(--accent); }
.faq { border-radius: var(--r); }
.faq summary { font-weight: 700; }
.faq[open] summary i { background: var(--accent); }
.form-card { border-top: 6px solid var(--accent); border-radius: var(--r); }

/* İç sayfalar ve alt */
.page-hero { background: var(--night); color: #fff; }
.page-hero h1 { color: #fff; font-size: clamp(2.4rem, 5vw, 4rem); }
.page-hero p, .page-hero .lead, .page-hero .crumbs, .page-hero .crumbs a { color: rgba(255, 255, 255, .8); }
.page-hero .crumbs [aria-current] { color: #ffb89c; }
.ph-deco { color: rgba(255, 255, 255, .08); }
.cta-band { background: var(--accent); }
.cta-band.has-img::before { background: linear-gradient(90deg, rgba(12, 26, 43, .95), rgba(12, 26, 43, .4)); }
.site-footer { background: var(--night); }
.site-footer address .ic, .hours-card .ic { color: var(--accent); }

@media (max-width: 1000px) {
    .hero-in { grid-template-columns: 1fr; gap: 30px; }
    .snow { max-width: 420px; }
    .season { grid-template-columns: 1fr; gap: 28px; }
}
@media (max-width: 640px) {
    .hero { padding: 90px 0 40px; min-height: 0; }
    .snow-temp b { font-size: 2.6rem; }
    .season-btns button { padding: 10px 18px; }
}
