* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: 'Manrope', system-ui, sans-serif;
  color: #1A1712;
  background: #FBF8F1;
  overflow-x: hidden;
  position: relative;
}
::selection { background: #FF5B2E; color: #fff; }

@keyframes floaty { 0%, 100% { transform: translateY(0) } 50% { transform: translateY(-14px) } }
@keyframes floaty2 { 0%, 100% { transform: translateY(0) } 50% { transform: translateY(11px) } }
@keyframes floatU { 0%, 100% { transform: translateY(0) } 50% { transform: translateY(-11px) } }
@keyframes blink { 0%, 100% { opacity: 1 } 50% { opacity: .25 } }
@keyframes marquee { 0% { transform: translateX(0) } 100% { transform: translateX(-50%) } }
@keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(22,193,114,.5) } 70% { box-shadow: 0 0 0 9px rgba(22,193,114,0) } 100% { box-shadow: 0 0 0 0 rgba(22,193,114,0) } }

a { transition: opacity .2s; }

/* ---- Responsive nav switch (replaces sc-if desktop/mobile) ---- */
.nav-desktop { display: none; }
.nav-mobile { display: flex; }
@media (min-width: 880px) {
  .nav-desktop { display: flex; }
  .nav-mobile { display: none; }
}

.mobile-menu { display: none; }
.mobile-menu.is-open { display: flex; }

/* ---- Hover / focus states (replaces style-hover / style-focus) ---- */
.card-hover { transition: transform .2s, box-shadow .2s; }
.card-hover:hover { transform: translateY(-6px); box-shadow: 0 30px 60px -30px rgba(28,24,18,.35); }
.card-hover-blog:hover { transform: translateY(-6px); box-shadow: 0 30px 60px -30px rgba(28,24,18,.32); }

.form-input {
  width: 100%; border: 1px solid #E2DCCF; border-radius: 12px; padding: 13px 15px;
  font: 500 15px/1 'Manrope'; background: #FBF8F1; margin-bottom: 18px; outline: none;
  transition: border-color .15s, background .15s;
}
.form-input:focus { border-color: #FF5B2E; background: #fff; }
textarea.form-input { font: 500 15px/1.5 'Manrope'; resize: vertical; }

.btn { transition: opacity .2s, transform .2s; }
.btn:hover { opacity: .92; }

/* ---- Per-post bilingual content (blog-post.php) ---- */
html[lang="tr"] [data-lang="en"] { display: none; }
html[lang="en"] [data-lang="tr"] { display: none; }

/* ---- FAQ ---- */
.faq-answer { display: none; }
.faq-item.is-open .faq-answer { display: block; }

/* ---- Contact form success swap ---- */
.form-success { display: none; }
.form-success.is-visible { display: block; }
.contact-form.is-hidden { display: none; }

/* ---- 3D parallax scene ---- */
.scene-wrap {
  position: relative; width: 100%; max-width: 600px; height: 560px;
  perspective: 1500px; transform: scale(var(--ss, 1)); transform-origin: top center;
}
.scene-inner {
  position: absolute; inset: 0; transform-style: preserve-3d;
  transform: rotateY(calc(-15deg + var(--px, 0) * -12deg)) rotateX(calc(6deg + var(--py, 0) * 7deg));
  transition: transform .2s ease-out;
}
[data-pscene] { position: relative; width: 100%; max-width: 480px; height: 460px; perspective: 1300px; }
[data-pscene] .scene-inner { transition: transform .2s ease-out; }
@media (max-width: 900px) { [data-pscene] { transform: scale(.82); transform-origin: center; } }
@media (max-width: 560px) { [data-pscene] { transform: scale(.66); transform-origin: center; } }