/* ===== Minimal Hero Landing CSS ===== */

/* Reset */
*,
*::before,
*::after { box-sizing: border-box; }

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

body { overflow-x: hidden; }

/* Theme (class html'de veya body'de olabilir) */
html.default,
body.default{
  background-color:#120755;
  background-image:url(images/default/hero-bg-574b5618.jpg);
  background-position:top center;
  background-repeat:no-repeat;
  color:#fafafa;
  font-family: poppins, "helvetica neue", arial, sans-serif;
  font-weight: 400;
  line-height: 1.8;
}

/* Optional: noise overlay (istersen tut, istemezsen komple silebilirsin) */
html.default::before{
  content:"";
  position:fixed;
  top:0; left:0;
  width:100%; height:100%;
  background:url(../images/noise-a6f1278e.png) repeat top left;
  background-size:15.625rem 15.625rem;
  z-index:999;
  pointer-events:none;
}

/* Typography */
h1{
  font-family: "Playfair Display", "Times New Roman", Times, serif;
  font-size: 7.625rem;
  line-height: 1.2;
  margin: 0;
}
@media (max-width:64em){ h1{ font-size:5rem; } }
@media (max-width:40em){ h1{ font-size:3.125rem; } }

/* Hero layout */
.hero{
  position: relative;
  width: 100%;
  height: 100vh;     /* tek ekran */
  overflow: hidden;  /* scroll'u bitirir */
}

.hero-content{
  position: relative;
  height: 100%;
  max-width: 75rem;
  margin: 0 auto;
}

/* Header / Banner / Footer */
.hero-header,
.hero-footer{
  position: absolute;
  left: 0;
  width: 100%;
  padding: 3.4375rem 2.5rem;
}

.hero-header{ top: 0; }
.hero-footer{ bottom: 0; }

.hero-banner{
  position: absolute;
  left: 0;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  padding: 0 2.5rem; /* sadece yatay */
}

.hero-banner h1{
  padding-bottom: 1.5625rem; /* eski margin-bottom yerine */
}

/* Logo (SVG) */
.hero-header .-logo{ float:left; width:50%; }
.hero-header .-logo svg{
  width: 9.4375rem;
  height: 2.8125rem;
  fill: #fafafa;
  vertical-align: middle;
}

/* CTA alanı (varsa) */
.hero-header .-cta{ float:right; width:50%; text-align:right; }
@media (max-width:40em){ .hero-header .-cta{ display:none; } }

/* Three.js layer */
.hero-threejs{
  position:absolute;
  top:0; left:0;
  width:100%;
  height:100%;
  overflow:hidden;
  z-index:-1;
}
.hero-threejs canvas,
.hero-threejs svg{
  display:block;
  width:100%;
  height:100%;
}

/* Mobile padding */
@media (max-width:40em){
  .hero-header,.hero-footer{ padding:1.5625rem .625rem; }
  .hero-banner{ padding:0 .625rem; }
  .hero-header .-logo{ width:100%; text-align:center; float:none; }
}

/* clearfix (header'da float varsa) */
.hero-header::after{
  content:"";
  display:table;
  clear:both;
}