/* Tekin Furniture — site stilleri
   Kaynak: docs/tasarim/anasayfa.html (onaylı tasarım). Değerler tasarımdaki inline stillerle birebir;
   yalnızca mobilde başlıklar clamp() ile küçülür ve menü hamburgere döner. */

@font-face { font-family: "Cormorant Garamond"; src: url(../fonts/CormorantGaramond.woff2) format("woff2"); font-weight: 300 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Cormorant Garamond"; src: url(../fonts/CormorantGaramond-Italic.woff2) format("woff2"); font-weight: 300 700; font-style: italic; font-display: swap; }
@font-face { font-family: "Inter"; src: url(../fonts/Inter.woff2) format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }

:root {
  /* Marka */
  --ink: #0E0D0B;
  --cream: #F4EFE6;
  --gold: #C9A227;
  --gold-text: #7A5C0E;      /* krem zeminde altın metin */
  --gold-light: #E3C565;

  /* Koyu zemin tonları */
  --ink-2: #1A1814;          /* krem zeminde koyu metin, kart zemini */
  --ink-3: #15130F;
  --ink-4: #2A2620;          /* görsel yüklenmeden önceki zemin */

  /* Metin */
  --text-on-dark: #EDE6D8;
  --heading-on-dark: #F6F1E7;
  --text-soft: #D9D1C2;
  --text-dim: #B8AF9F;
  --text-faint: #8F877A;
  --text-muted: #4A443A;     /* krem zeminde ikincil metin */
  --line-cream: #CFC5B2;

  /* Çizgiler */
  --line-gold-22: rgba(201, 162, 39, 0.22);
  --line-gold-25: rgba(201, 162, 39, 0.25);
  --line-gold-30: rgba(201, 162, 39, 0.3);

  --serif: "Cormorant Garamond", Georgia, serif;
  --sans: Inter, system-ui, sans-serif;
  --gutter: 5%;
}

/* ---------------------------------------------------------------- temel */
body { margin: 0; background: var(--ink); width: 100%; font-family: var(--sans); color: var(--text-on-dark); }
a { color: var(--gold); text-decoration: none; }
a:focus-visible, button:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
.serif { font-family: var(--serif); }
.it { font-style: italic; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

.eyebrow { margin: 0 0 18px; font-size: 12px; letter-spacing: 0.36em; text-transform: uppercase; color: var(--gold); }
.on-cream .eyebrow { color: var(--gold-text); }

.h2 { margin: 0; font-family: var(--serif); font-weight: 400; font-size: clamp(36px, 2.5vw + 18px, 54px); }

.btn { font-size: 13px; letter-spacing: 0.16em; text-transform: uppercase; }
.btn--gold { color: var(--ink); background: var(--gold); padding: 18px 30px; }
.btn--ghost-light { color: var(--heading-on-dark); border: 1px solid rgba(246, 241, 231, 0.5); padding: 17px 29px; }
.btn--dark { color: var(--heading-on-dark); background: var(--ink); padding: 18px 30px; }
.btn--ghost-dark { color: var(--ink); border: 1px solid var(--ink); padding: 17px 29px; }
.link-underline { font-size: 13px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ink-2); border-bottom: 1px solid var(--gold-text); padding-bottom: 6px; }

.section-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 24px; margin-bottom: 56px; }

/* ---------------------------------------------------------------- hero + header */
.hero { position: relative; min-height: 860px; display: flex; flex-direction: column; background-color: var(--ink); }
.hero__slides { position: absolute; inset: 0; overflow: hidden; }
.hero__slide { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: 0; transition: opacity 1.6s ease; }
.hero__slide.is-active { opacity: 1; }
.hero__shade { position: absolute; inset: 0; background-image: linear-gradient(180deg, rgba(14,13,11,0.82) 0%, rgba(14,13,11,0.35) 35%, rgba(14,13,11,0.55) 70%, rgba(14,13,11,0.96) 100%); }
.hero > :not(.hero__slides):not(.hero__shade) { position: relative; }

.header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px; padding: 28px var(--gutter); border-bottom: 1px solid var(--line-gold-22); z-index: 5; }
.brand { display: flex; align-items: center; gap: 14px; }
.brand__crest { height: 52px; width: auto; aspect-ratio: 576 / 584; }  /* oran orijinal PNG'den: küçültülmüş WebP'nin yuvarlanmış boyutu 1px kaydırmasın */
.brand__name { display: flex; flex-direction: column; line-height: 1; }
.brand__tekin { font-family: var(--serif); font-size: 26px; font-weight: 600; letter-spacing: 0.16em; color: var(--gold); }
.brand__furniture { font-family: var(--serif); font-size: 13px; letter-spacing: 0.32em; color: var(--gold); margin-top: 4px; }

.nav { display: flex; flex-wrap: wrap; gap: 30px; font-size: 13px; letter-spacing: 0.12em; text-transform: uppercase; }
.nav a { color: var(--text-on-dark); }
.header__actions { display: flex; align-items: center; gap: 18px; }
.lang { display: flex; gap: 4px; font-size: 12px; letter-spacing: 0.12em; }
.lang a { color: var(--text-on-dark); border: 1px solid rgba(237, 230, 216, 0.35); padding: 5px 9px; }
.lang a[aria-current="true"] { color: var(--ink); background: var(--gold); border: 0; padding: 6px 10px; }
.header__quote { font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ink); background: var(--gold); padding: 14px 22px; }

.menu-toggle { display: none; }
.header__menu { display: contents; }

.hero__body { flex-grow: 1; display: flex; flex-direction: column; justify-content: center; padding: 80px var(--gutter) 60px; max-width: 980px; }
.hero__eyebrow { margin: 0 0 22px; font-size: 13px; letter-spacing: 0.4em; text-transform: uppercase; color: var(--gold); }
.hero__title { margin: 0; font-family: var(--serif); font-weight: 400; font-size: clamp(48px, 4.6vw + 30px, 96px); line-height: 0.98; color: var(--heading-on-dark); }
.hero__title .it { color: var(--gold); }
.hero__lead { margin: 30px 0 0; max-width: 560px; font-size: 18px; line-height: 1.7; font-weight: 300; color: var(--text-soft); }
.hero__ctas { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 44px; }

.quick { display: flex; flex-wrap: wrap; border-top: 1px solid var(--line-gold-25); }
.quick__item { flex: 1 1 260px; display: flex; justify-content: space-between; align-items: center; padding: 30px var(--gutter); border-right: 1px solid var(--line-gold-25); color: var(--heading-on-dark); }
.quick__item:last-child { border-right: 0; }
.quick__text { display: flex; flex-direction: column; gap: 6px; }
.quick__no { font-size: 11px; letter-spacing: 0.3em; color: var(--gold); }
.quick__title { font-family: var(--serif); font-size: 30px; }

/* ---------------------------------------------------------------- who we are */
.about { background: var(--cream); color: var(--ink-2); padding: 130px var(--gutter); display: flex; flex-wrap: wrap; gap: 80px; align-items: center; }
.about__logo { flex: 1 1 380px; display: flex; justify-content: center; }
.about__logo img { width: 260px; max-width: 100%; height: auto; aspect-ratio: 576 / 871; }
.about__text { flex: 2 1 520px; max-width: 760px; }
.about .eyebrow { margin-bottom: 20px; }
.about .h2 { line-height: 1.1; }
.about__body { margin: 30px 0 0; font-size: 17px; line-height: 1.8; color: var(--text-muted); }
.about__foot { display: flex; flex-wrap: wrap; gap: 40px; margin-top: 44px; }
.about__sign { margin: 0; font-family: var(--serif); font-style: italic; font-size: 20px; color: var(--text-muted); }

/* ---------------------------------------------------------------- services */
.services { background: var(--ink); padding: 120px var(--gutter); }
.services .h2 { color: var(--heading-on-dark); }
.services__lead { margin: 0; max-width: 420px; font-size: 16px; line-height: 1.7; color: var(--text-dim); }
.cards { display: flex; flex-wrap: wrap; gap: 24px; }
.service { flex: 1 1 320px; display: flex; flex-direction: column; color: var(--heading-on-dark); }
.service__img { width: 100%; height: 440px; object-fit: cover; }
.service__title { padding-top: 24px; font-family: var(--serif); font-size: 32px; }
.service__text { padding-top: 10px; font-size: 15px; line-height: 1.7; color: var(--text-dim); }

/* Görsel yoksa: "Coming soon" */
.soon { position: relative; height: 440px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; overflow: hidden; box-sizing: border-box;
  background: radial-gradient(120% 90% at 50% 40%, #1F1C17 0%, var(--ink-2) 55%, var(--ink-3) 100%); border: 1px solid var(--line-gold-22); }
.soon::before { content: ""; position: absolute; inset: 14px; border: 1px solid rgba(201, 162, 39, 0.12); pointer-events: none; }
.soon__crest { width: 64px; height: auto; aspect-ratio: 576 / 584; opacity: 0.55; }
.soon__label { font-family: var(--serif); font-style: italic; font-size: 30px; color: var(--gold); }
.soon__rule { width: 40px; height: 1px; background: var(--line-gold-30); }

/* ---------------------------------------------------------------- collections */
.collections { background: var(--cream); color: var(--ink-2); padding: 120px var(--gutter); }
.tiles { display: flex; flex-wrap: wrap; gap: 24px; }
.tile { position: relative; display: block; overflow: hidden; color: var(--heading-on-dark); background-color: var(--ink-4); }
.tile__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.tile__shade { position: absolute; inset: 0; background-image: linear-gradient(180deg, rgba(14,13,11,0) 40%, rgba(14,13,11,0.85) 100%); }
.tile--large { flex: 2 1 560px; height: 620px; }
.tile--large .tile__shade { background-image: linear-gradient(180deg, rgba(14,13,11,0) 50%, rgba(14,13,11,0.85) 100%); }
.tiles__side { flex: 1 1 320px; display: flex; flex-direction: column; gap: 24px; }
.tile--small { flex-grow: 1; min-height: 298px; }
.tile__text { position: absolute; left: 28px; bottom: 28px; display: flex; flex-direction: column; gap: 6px; }
.tile--large .tile__text { left: 36px; bottom: 36px; gap: 8px; }
.tile__eyebrow { font-size: 12px; letter-spacing: 0.3em; text-transform: uppercase; color: var(--gold-light); }
.tile__title { font-family: var(--serif); font-size: 30px; }
.tile--large .tile__title { font-size: 40px; }
.chips { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.chip { font-size: 13px; letter-spacing: 0.08em; color: var(--ink-2); border: 1px solid var(--line-cream); padding: 12px 20px; }

/* ---------------------------------------------------------------- featured */
.featured { background: var(--ink-3); display: flex; flex-wrap: wrap; align-items: stretch; }
.featured__img { flex: 1 1 520px; min-width: 0; height: 640px; object-fit: cover; }
.featured__text { flex: 1 1 460px; padding: 100px 6%; display: flex; flex-direction: column; justify-content: center; box-sizing: border-box; }
.featured__title { margin: 0; font-family: var(--serif); font-weight: 400; font-size: clamp(40px, 2.8vw + 20px, 60px); color: var(--heading-on-dark); text-transform: uppercase; }
.featured__body { margin: 24px 0 0; max-width: 480px; font-size: 16px; line-height: 1.8; color: var(--text-dim); }
.featured__text .btn { align-self: flex-start; margin-top: 40px; }

/* ---------------------------------------------------------------- catalogs */
.catalogs { background: var(--cream); color: var(--ink-2); padding: 120px var(--gutter); }
.catalogs__head { text-align: center; max-width: 720px; margin: 0 auto 64px; }
.catalogs__lead { margin: 20px 0 0; font-size: 16px; line-height: 1.7; color: var(--text-muted); }
.catalog-list { display: flex; flex-wrap: wrap; gap: 48px; justify-content: center; }
.catalog { flex: 0 1 300px; display: flex; flex-direction: column; gap: 18px; }
.catalog__cover { aspect-ratio: 612 / 792; background: #FFFFFF; box-shadow: 0 24px 48px rgba(26, 24, 20, 0.18); display: flex; flex-direction: column; padding: 26px; box-sizing: border-box; color: inherit; }
.catalog__tagline { margin: 0; font-family: var(--serif); font-style: italic; font-size: 26px; text-align: center; color: var(--gold-text); }
.catalog__img { margin-top: 18px; width: 100%; height: auto; flex-grow: 1; min-height: 0; object-fit: cover; }
/* Gerçek kapak sayfası (katalog PDF'inin 1. sayfası, aynı 612:792 oran) */
.catalog__cover--page { padding: 0; overflow: hidden; }
.catalog__page { display: block; width: 100%; height: 100%; object-fit: cover; }
.catalog__title { margin: 6px 0 0; font-family: var(--serif); font-size: 26px; }
.catalog__pages { margin: 0; font-size: 13px; color: var(--text-muted); }
.catalog__links { display: flex; gap: 20px; font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; }
.catalog__links a { color: var(--text-muted); padding-bottom: 4px; }
.catalog__links a:first-child { color: var(--ink-2); border-bottom: 1px solid var(--gold-text); }

/* ---------------------------------------------------------------- why */
.why { background: var(--ink); padding: 120px var(--gutter); }
.why .h2 { margin-bottom: 64px; color: var(--heading-on-dark); max-width: 760px; }
.why__list { display: flex; flex-wrap: wrap; border-top: 1px solid var(--line-gold-30); }
.why__item { flex: 1 1 220px; padding: 36px 28px 0 0; box-sizing: border-box; }
.why__item:last-child { padding-right: 0; }
.why__title { margin: 0; font-family: var(--serif); font-size: 22px; color: var(--heading-on-dark); }
.why__text { margin: 14px 0 0; font-size: 14px; line-height: 1.7; color: var(--text-dim); }

/* ---------------------------------------------------------------- cta */
.cta { background: var(--gold); color: var(--ink); padding: 90px var(--gutter); display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 32px; }
.cta__text { max-width: 720px; }
.cta__title { margin: 0; font-family: var(--serif); font-weight: 500; font-size: clamp(36px, 2.4vw + 17.5px, 52px); line-height: 1.1; }
.cta__lead { margin: 16px 0 0; font-size: 17px; line-height: 1.6; }
.cta__buttons { display: flex; flex-wrap: wrap; gap: 14px; }

/* ---------------------------------------------------------------- footer */
.footer { background: var(--ink); padding: 90px var(--gutter) 40px; color: var(--text-dim); font-size: 14px; line-height: 1.8; }
.footer__cols { display: flex; flex-wrap: wrap; gap: 56px; justify-content: space-between; }
.footer__brand { flex: 1 1 220px; max-width: 300px; }
.footer__brand img { width: 120px; height: auto; aspect-ratio: 576 / 871; }
.footer__col { flex: 1 1 240px; }
.footer__col--explore { flex-basis: 200px; }
.footer__head { margin: 0 0 14px; font-size: 12px; letter-spacing: 0.3em; text-transform: uppercase; color: var(--gold); }
.footer p:not(.footer__head) { margin: 0; }
.footer__col a, .footer__plain { color: var(--text-soft); }
.footer__bottom { margin-top: 70px; padding-top: 28px; border-top: 1px solid var(--line-gold-22); display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px; font-size: 12px; color: var(--text-faint); }

/* ---------------------------------------------------------------- sabit WhatsApp */
.wa-float { position: fixed; right: 28px; bottom: 28px; width: 60px; height: 60px; border-radius: 50%; background: var(--gold); display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35); z-index: 50; }

/* Menü genişliği en uzun dile (TR) göre ölçüldü (docs/menu-kontrol/):
   5 öğe TR ≈ 1079px içerik → 1199px ekran; 6 öğe (Projects görünürken) TR ≈ 1187px → 1319px.
   Hamburger < 1280px. 6 öğede 1280–1379px arası boşluklar daralır, tek satırda kalır. */
@media (min-width: 1280px) and (max-width: 1379px) {
  .header--long { gap: 20px; }
  .header--long .nav { gap: 20px; }
  .header--long .header__actions { gap: 14px; }
}

/* ---------------------------------------------------------------- hamburger menü (dar ekran) */
@media (max-width: 1279px) {
  .header { flex-wrap: nowrap; position: relative; }
  .menu-toggle { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin-right: -12px; padding: 0; background: none; border: 0; color: var(--gold); cursor: pointer; }
  .menu-toggle__bars, .menu-toggle__bars::before, .menu-toggle__bars::after { display: block; width: 26px; height: 1.5px; background: currentColor; transition: transform 0.3s ease, opacity 0.2s ease; }
  .menu-toggle__bars { position: relative; }
  .menu-toggle__bars::before, .menu-toggle__bars::after { content: ""; position: absolute; left: 0; }
  .menu-toggle__bars::before { top: -8px; }
  .menu-toggle__bars::after { top: 8px; }
  .menu-open .menu-toggle__bars { background: transparent; }
  .menu-open .menu-toggle__bars::before { transform: translateY(8px) rotate(45deg); }
  .menu-open .menu-toggle__bars::after { transform: translateY(-8px) rotate(-45deg); }

  .header__menu { display: flex; flex-direction: column; gap: 36px; position: fixed; inset: 0; z-index: -1; padding: 140px var(--gutter) 48px; box-sizing: border-box;
    background: var(--ink); overflow-y: auto; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0s linear 0.3s; }
  .menu-open .header__menu { opacity: 1; visibility: visible; transition: opacity 0.3s ease; }
  .menu-open { overflow: hidden; }
  .nav { flex-direction: column; gap: 0; border-top: 1px solid var(--line-gold-22); }
  .nav a { padding: 18px 0; border-bottom: 1px solid var(--line-gold-22); font-family: var(--serif); font-size: 28px; letter-spacing: 0.02em; text-transform: none; color: var(--heading-on-dark); }
  .header__actions { flex-wrap: wrap; }
  .brand, .menu-toggle { position: relative; z-index: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .hero__slide, .header__menu, .menu-toggle__bars, .menu-toggle__bars::before, .menu-toggle__bars::after { transition: none; }
}

/* ---------------------------------------------------------------- iç sayfa başlığı (geçici) */
.page-head { position: relative; background: var(--ink); }
.page-head__body { padding: 80px var(--gutter) 70px; }
.page-head .h2 { color: var(--heading-on-dark); }
.tile--project { flex: 1 1 380px; }
.page-head__title { margin: 0; font-family: var(--serif); font-weight: 400; font-size: clamp(44px, 3.4vw + 22px, 72px); line-height: 1.05; color: var(--heading-on-dark); }
.page-head__lead { margin: 22px 0 0; max-width: 560px; font-size: 17px; line-height: 1.7; color: var(--text-dim); }

/* ---------------------------------------------------------------- katalog listesi */
.catalogs--page { padding-top: 100px; }
.catalog-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 64px 48px; }
.catalog-card { display: flex; flex-direction: column; gap: 26px; }
.catalog-card .catalog__cover { max-width: 400px; width: 100%; }
.catalog-card__body { display: flex; flex-direction: column; gap: 12px; max-width: 400px; }
.catalog-card__title { margin: 0; font-family: var(--serif); font-weight: 400; font-size: 34px; }
.catalog-card__title a { color: var(--ink-2); }
.catalog-card__tagline { margin: 0; font-family: var(--serif); font-style: italic; font-size: 20px; color: var(--gold-text); }
.catalog-card__text { margin: 0; font-size: 15px; line-height: 1.75; color: var(--text-muted); }

/* ---------------------------------------------------------------- flipbook */
.is-flipbook { background: var(--ink); }
.flip { position: relative; height: 100vh; height: 100dvh; display: flex; flex-direction: column; background: radial-gradient(120% 90% at 50% 45%, #1C1915 0%, var(--ink-3) 55%, var(--ink) 100%); color: var(--text-on-dark); }
.flip:fullscreen { background: var(--ink); }
.flip__bar { display: flex; align-items: center; gap: 18px; height: 64px; padding: 0 20px; border-bottom: 1px solid var(--line-gold-22); background: rgba(14, 13, 11, 0.92); flex-shrink: 0; }
.flip__home img { height: 34px; width: auto; aspect-ratio: 576 / 584; display: block; }
.flip__title { margin: 0; font-family: var(--serif); font-weight: 400; font-size: 24px; color: var(--heading-on-dark); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.flip__count { margin: 0 auto 0 8px; font-size: 13px; letter-spacing: 0.14em; color: var(--gold); font-variant-numeric: tabular-nums; white-space: nowrap; }
.flip__tools { display: flex; align-items: center; gap: 4px; }
.flip__btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 40px; height: 40px; padding: 0 8px; background: none; border: 1px solid transparent; color: var(--text-on-dark); cursor: pointer; font: 500 12px/1 var(--sans); letter-spacing: 0.14em; }
.flip__btn:hover, .flip__btn:focus-visible { border-color: var(--line-gold-30); color: var(--gold); }
.flip__btn svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
.flip__btn--text { border-color: var(--line-gold-30); color: var(--gold); padding: 0 12px; }
.flip__btn[aria-pressed="true"] { color: var(--gold); }
.flip__stage { flex: 1; min-height: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.flip__book { margin: 0 auto; }
.flip__page { background: #fff; }
.flip__page img { display: block; width: 100%; height: 100%; object-fit: contain; background: #F4EFE6; }
.flip__noscript { max-width: 520px; padding: 24px; text-align: center; color: var(--text-soft); }
.flip__hint { margin: 0; padding: 10px 20px 14px; text-align: center; font-size: 12px; letter-spacing: 0.06em; color: var(--text-faint); flex-shrink: 0; }
.flip-info { background: var(--cream); color: var(--ink-2); padding: 100px var(--gutter); display: flex; flex-wrap: wrap; gap: 64px; }
.flip-info__inner { flex: 1 1 420px; max-width: 620px; }
.flip-info__tagline { margin: 12px 0 0; font-family: var(--serif); font-style: italic; font-size: 22px; color: var(--gold-text); }
.flip-info__text { margin: 22px 0; font-size: 16px; line-height: 1.8; color: var(--text-muted); }
.flip-info__list { flex: 1 1 360px; columns: 2 220px; column-gap: 40px; }
.flip-info__head { margin: 0 0 18px; font-size: 12px; letter-spacing: 0.36em; text-transform: uppercase; font-weight: 400; color: var(--gold-text); column-span: all; }
.flip-info__group { margin: 0 0 6px; font-family: var(--serif); font-size: 20px; break-after: avoid; }
.flip-info__list ul { margin: 0 0 20px; padding: 0; list-style: none; font-size: 14px; line-height: 1.9; color: var(--text-muted); break-inside: avoid; }

@media (max-width: 700px) {
  .flip__bar { gap: 10px; padding: 0 10px; height: 56px; }
  .flip__title { font-size: 19px; }
  .flip__count { margin-left: 0; font-size: 12px; letter-spacing: 0.06em; }
  .flip__btn { min-width: 36px; padding: 0 4px; }
  .flip__btn--text span, .flip__home, [data-flip-prev], [data-flip-next] { display: none; }
  .flip__hint { display: none; }
}
.flip__frame { margin: 0 auto; max-width: 100%; }
.flip-info a, .catalog-card__body .catalog__pages a { color: var(--gold-text); }

/* ================================================================ iç sayfalar
   Anasayfa bileşenleri (eyebrow, .h2, .tile, .featured, .why, .service, .cta) yeniden kullanılır;
   aşağıdakiler yalnızca iç sayfa düzenleri. */
.page-head__body { padding: 72px var(--gutter) 64px; max-width: 980px; }
.page-head .eyebrow { margin-bottom: 18px; }
.page-head__rule { display: block; width: 56px; height: 1px; margin-top: 30px; background: var(--gold); }
.page-head__lead { margin-top: 26px; }
.crumbs ol { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 28px; padding: 0; list-style: none; font-size: 12px; letter-spacing: 0.08em; color: var(--text-faint); }
.crumbs li + li::before { content: "/"; margin-right: 8px; color: var(--line-gold-30); }
.crumbs a { color: var(--text-dim); }
.crumbs a:hover { color: var(--gold); }
.crumbs [aria-current] { color: var(--text-soft); }

.block { background: var(--ink); color: var(--text-on-dark); padding: 120px var(--gutter); }
.block .h2 { color: var(--heading-on-dark); }
.block.on-cream { background: var(--cream); color: var(--ink-2); }
.block.on-cream .h2 { color: var(--ink-2); }
.block__lead { margin: 0; max-width: 460px; font-size: 16px; line-height: 1.7; color: var(--text-dim); }
.on-cream .block__lead { color: var(--text-muted); }
.services--page { padding-top: 100px; }

.tile-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 24px; }
.tile-grid--2 { grid-template-columns: repeat(auto-fill, minmax(420px, 1fr)); }
.tile--card { height: 420px; }
.tile--tall { height: 560px; }
.tile--card .tile__title { font-size: 30px; }
.tile--tall .tile__title { font-size: 40px; }
.tile:hover .tile__img { transform: scale(1.02); }
.tile__img { transition: transform 0.8s ease; }

.prose p, .featured__body--prose p { margin: 0 0 18px; }
.prose p:last-child, .featured__body--prose p:last-child { margin-bottom: 0; }
.about .prose .about__body { margin-top: 0; }
.about .prose { margin-top: 30px; }
.featured--intro .featured__img { height: 680px; }
.featured__title--plain { text-transform: none; }
.featured__body--prose { margin: 24px 0 0; max-width: 520px; font-size: 16px; line-height: 1.8; color: var(--text-dim); }
.featured__text .btn--gold { align-self: flex-start; margin-top: 36px; }
.facts { display: grid; grid-template-columns: max-content 1fr; gap: 10px 24px; margin: 32px 0 0; font-size: 14px; line-height: 1.6; }
.facts dt { font-size: 11px; letter-spacing: 0.3em; text-transform: uppercase; color: var(--gold); padding-top: 3px; }
.facts dd { margin: 0; color: var(--text-soft); }
.facts a { color: var(--gold-light); }
.on-cream .facts dt, .facts--dark dt { color: var(--gold-text); }
.facts--dark dd { color: var(--ink-2); }
.facts--dark a { color: var(--ink-2); border-bottom: 1px solid var(--gold-text); }
.why__list--models .why__item { flex-basis: 300px; padding-bottom: 32px; }
.link-underline--light { color: var(--heading-on-dark); }

/* About */
.split { background: var(--ink); padding: 120px var(--gutter); display: flex; flex-wrap: wrap; gap: 80px; }
.split__col { flex: 1 1 420px; }
.split__text p { margin: 0 0 20px; font-family: var(--serif); font-size: 30px; line-height: 1.3; color: var(--heading-on-dark); }
.split__list { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line-gold-30); }
.split__list li { padding: 18px 0; border-bottom: 1px solid var(--line-gold-22); font-size: 16px; line-height: 1.7; color: var(--text-soft); }
.quote { background: var(--cream); padding: 130px var(--gutter); display: flex; justify-content: center; }
.quote__body { margin: 0; max-width: 860px; text-align: center; }
.quote__text { margin: 0 0 30px; font-family: var(--serif); font-style: italic; font-size: clamp(30px, 1.8vw + 18px, 44px); line-height: 1.3; color: var(--ink-2); }

/* Galeri + lightbox */
.gallery-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px; }
.gallery-grid__item { display: block; overflow: hidden; aspect-ratio: 1; background: var(--ink-4); }
.gallery-grid__img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease, opacity 0.3s; }
.gallery-grid__item:hover .gallery-grid__img { transform: scale(1.03); }
.lb { position: fixed; inset: 0; z-index: 100; display: grid; grid-template-columns: 72px 1fr 72px; align-items: center; background: rgba(14, 13, 11, 0.96); }
.lb[hidden] { display: none; }
.lb-open { overflow: hidden; }
.lb__fig { margin: 0; grid-column: 2; display: flex; flex-direction: column; align-items: center; gap: 14px; max-height: 100vh; padding: 56px 0 24px; box-sizing: border-box; }
.lb__img { max-width: 100%; max-height: calc(100vh - 140px); object-fit: contain; }
.lb__cap { font-size: 13px; letter-spacing: 0.04em; color: var(--text-dim); text-align: center; }
.lb__btn { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin: auto; background: none; border: 1px solid var(--line-gold-30); color: var(--gold); cursor: pointer; }
.lb__btn svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
.lb__btn:hover, .lb__btn:focus-visible { background: var(--ink-2); }
.lb__close { position: absolute; top: 16px; right: 16px; }
.lb__prev { grid-column: 1; } .lb__next { grid-column: 3; }

/* İletişim */
.contact { background: var(--cream); color: var(--ink-2); padding: 120px var(--gutter); display: flex; flex-wrap: wrap; gap: 80px; align-items: flex-start; }
.contact__form { flex: 2 1 560px; max-width: 760px; }
.contact__form .h2 { margin-bottom: 32px; }
.contact__info { flex: 1 1 300px; padding-top: 8px; }
.contact__info .facts { margin-top: 8px; grid-template-columns: 1fr; gap: 4px; }
.contact__info .facts dd { margin-bottom: 18px; font-size: 16px; }
.form__row { display: flex; flex-wrap: wrap; gap: 0 24px; }
.form__row .form__field { flex: 1 1 260px; }
.form__field { display: flex; flex-direction: column; gap: 8px; margin-bottom: 22px; font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--text-muted); }
.form__field input, .form__field textarea { font: 16px/1.5 var(--sans); letter-spacing: 0; text-transform: none; color: var(--ink-2); background: #FFFDF9; border: 1px solid var(--line-cream); padding: 13px 14px; border-radius: 0; }
.form__field input:focus, .form__field textarea:focus { outline: none; border-color: var(--gold-text); box-shadow: 0 0 0 1px var(--gold-text); }
.form__field [aria-invalid="true"] { border-color: #9B2C1F; }
.form__field textarea { resize: vertical; min-height: 160px; }
.form__check { display: flex; gap: 12px; align-items: flex-start; margin: 4px 0 8px; font-size: 14px; line-height: 1.6; color: var(--text-muted); }
.form__check input { margin-top: 4px; width: 16px; height: 16px; accent-color: var(--gold-text); }
.form__check a { color: var(--ink-2); border-bottom: 1px solid var(--gold-text); }
.form__err { display: block; font-size: 13px; letter-spacing: 0; text-transform: none; color: #9B2C1F; }
.contact .btn--dark { margin-top: 26px; border: 0; cursor: pointer; }
.form__ok, .form__notice { padding: 16px 18px; margin: 0 0 28px; font-size: 15px; line-height: 1.6; }
.form__ok { background: #E9EFE3; color: #2F5A33; }
.form__notice { background: #F6E5DF; color: #8A2B1E; }
.hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.map { background: var(--ink); line-height: 0; }
.map iframe { width: 100%; height: 460px; border: 0; filter: grayscale(0.85) contrast(1.05); }

/* Yasal metin */
.legal { background: var(--cream); color: var(--ink-2); padding: 100px var(--gutter) 120px; }
.legal__body { max-width: 760px; font-size: 16px; line-height: 1.8; color: var(--text-muted); }
.legal__body h2 { margin: 44px 0 12px; font-family: var(--serif); font-weight: 400; font-size: 28px; color: var(--ink-2); }
.legal__body a { color: var(--ink-2); border-bottom: 1px solid var(--gold-text); }
.legal__body ul { padding-left: 20px; } .legal__body li { margin-bottom: 8px; }
.legal__meta { font-size: 13px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--gold-text); }

/* Çerez bildirimi */
.cookie { position: fixed; left: 24px; bottom: 24px; z-index: 60; max-width: 560px; padding: 22px 24px; background: var(--ink-2); border: 1px solid var(--line-gold-30); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4); }
.cookie__text { margin: 0 0 16px; font-size: 14px; line-height: 1.6; color: var(--text-soft); }
.cookie__text a { color: var(--gold); border-bottom: 1px solid var(--line-gold-30); }
.cookie__buttons { display: flex; flex-wrap: wrap; gap: 10px; }
.cookie .btn { padding: 12px 18px; font-size: 12px; cursor: pointer; border-radius: 0; }
.cookie .btn--gold { border: 0; }
.cookie .btn--ghost-light { background: none; }
.footer__legal { display: inline-flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.footer__legal a { color: var(--text-faint); }
.footer__legal a:hover, .footer__cookie:hover { color: var(--gold); }
.footer__cookie { background: none; border: 0; padding: 0; font: inherit; color: var(--text-faint); cursor: pointer; }

/* 404 */
.notfound { min-height: 70vh; display: flex; flex-direction: column; justify-content: center; }

@media (max-width: 760px) {
  .tile-grid--2 { grid-template-columns: 1fr; }
  .tile-grid { grid-template-columns: 1fr; }
  .tile--card { height: 360px; } .tile--tall { height: 420px; }
  .featured--intro .featured__img { height: 420px; }
  .featured__text { padding: 64px var(--gutter); }
  .block, .split, .contact, .quote { padding-top: 88px; padding-bottom: 88px; }
  .split__text p { font-size: 24px; }
  .lb { grid-template-columns: 0 1fr 0; }
  .lb__prev, .lb__next { position: absolute; bottom: 20px; }
  .lb__prev { left: calc(50% - 60px); } .lb__next { right: calc(50% - 60px); }
  .lb__fig { padding-bottom: 90px; }
  .cookie { left: 12px; right: 12px; bottom: 12px; }
  .map iframe { height: 340px; }
}
.notfound__crest { width: 64px; height: auto; aspect-ratio: 576 / 584; margin-bottom: 28px; display: block; }
.block:not(.on-cream) .link-underline, .services .link-underline { color: var(--heading-on-dark); }
/* Ajans imzası */
.footer__credit { margin: 18px 0 0; text-align: center; font-size: 11px; letter-spacing: 0.14em; color: var(--text-faint); }
.footer__credit a { color: var(--text-faint); }
.footer__credit a:hover, .footer__credit a:focus-visible { color: var(--gold); }