/* ==============================
   Design Tokens
============================== */
:root {
  --burgundy:#59151D;
  --burgundy-2:#3f0e14;
  --ivory:#F8F2E7;
  --ink:#24191a;
  --muted:#756b65;
  --gold:#c7a45b;
  --soft:#fffaf1;
  --line:rgba(89,21,29,.14);
  --shadow:0 24px 70px rgba(36,25,26,.14);
  --radius:24px;
}

/* ==============================
   Base Styles
============================== */
* {
  box-sizing:border-box;
}
html {
  scroll-behavior:smooth;
}
body {
  font-family:'Manrope',system-ui,sans-serif;
  background:var(--ivory);
  color:var(--ink);
  overflow-x:hidden;
    padding-top: 82px;
}
.font-serif,h1,h2,h3,h4,.navbar-brand {
  font-family:'Playfair Display',Georgia,serif;
}
.text-burgundy {
  color:var(--burgundy);
}
.bg-burgundy {
  background:var(--burgundy);
}
.section-pad {
  padding:96px 0;
}

/* ==============================
   Navbar
============================== */
.navbar {
  background:var(--burgundy);
  box-shadow:0 14px 35px rgba(0,0,0,.18);
}
.navbar .nav-link {
  color:rgba(248,242,231,.82)!important;
  font-weight:700;
  font-size:.92rem;
  letter-spacing:.01em;
}
.navbar .nav-link.active,.navbar .nav-link:hover {
  color:#fff!important;
}
.brand-logo {

}

/* ==============================
   Buttons
============================== */
.btn-premium {
  background:var(--burgundy);
  color:var(--ivory);
  border:1px solid rgba(248,242,231,.22);
  border-radius:999px;
  padding:13px 22px;
  font-weight:800;
  box-shadow:0 12px 30px rgba(89,21,29,.22);
  transition:.25s;
}
.btn-premium:hover {
  background:var(--burgundy-2);
  color:#fff;
  transform:translateY(-2px);
}
.btn-ivory {
  background:var(--ivory);
  color:var(--burgundy);
  border-radius:999px;
  padding:13px 22px;
  font-weight:800;
}
.btn-ivory:hover {
  background:var(--ivory);
  color:var(--burgundy);
  border-radius:999px;
  padding:13px 22px;
  font-weight:800;
}
/* ==============================
   Hero
============================== */
.hero {
  position:relative;
  min-height:calc(100vh - 82px);
  padding:92px 0;
  background:linear-gradient(125deg,rgba(89,21,29,.98),rgba(63,14,20,.86)),url('https://images.unsplash.com/photo-1450101499163-c8848c66ca85?auto=format&fit=crop&w=1800&q=80') center/cover;
  color:var(--ivory);
  isolation:isolate;
}
.hero:after {
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:170px;
  background:linear-gradient(0deg,var(--ivory),transparent);
  z-index:-1;
}
.eyebrow {
  display:inline-flex;
  align-items:center;
  gap:10px;
  border:1px solid rgba(199,164,91,.45);
  border-radius:999px;
  padding:8px 14px;
  color:#f6dca3;
  background:rgba(255,255,255,.06);
  backdrop-filter:blur(8px);
  font-weight:800;
  font-size:.82rem;
}
.hero h1 {
  font-size:clamp(2.45rem,5vw,5.3rem);
  line-height:.98;
  letter-spacing:-.045em;
}
.lead-soft {
  color:rgba(248,242,231,.84);
  font-size:1.08rem;
  line-height:1.8;
}
.hero-points {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:28px;
}
.hero-point {
  border:1px solid rgba(248,242,231,.18);
  border-radius:18px;
  padding:14px;
  background:rgba(255,255,255,.07);
  backdrop-filter:blur(10px);
  font-weight:700;
}

/* ==============================
   Forms
============================== */
.form-card {
  background:rgba(248,242,231,.94);
  color:var(--ink);
  border:1px solid rgba(255,255,255,.8);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:30px;
}
.form-control,.form-select {
  border-radius:14px;
  border:1px solid rgba(89,21,29,.16);
  padding:13px 14px;
  background:#fffdf8;
}
.form-control:focus,.form-select:focus {
  border-color:var(--burgundy);
  box-shadow:0 0 0 .2rem rgba(89,21,29,.12);
}
.hp-field {
  position:absolute;
  left:-9999px;
  opacity:0;
}

/* ==============================
   Sections & Cards
============================== */
.section-title {
  font-size:clamp(2rem,4vw,3.5rem);
  line-height:1.05;
  letter-spacing:-.035em;
}
.section-kicker {
  color:var(--burgundy);
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-size:.78rem;
}
.premium-card {
  background:rgba(255,250,241,.82);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:28px;
  height:100%;
  box-shadow:0 16px 45px rgba(36,25,26,.06);
  transition:.25s;
}
.premium-card:hover {
  transform:translateY(-7px);
  box-shadow:var(--shadow);
}
.icon-mark {
  width:46px;
  height:46px;
  border-radius:16px;
  background:linear-gradient(135deg,var(--burgundy),var(--burgundy-2));
  color:var(--ivory);
  display:grid;
  place-items:center;
  font-weight:900;
  margin-bottom:20px;
}
.service-link {
  color:var(--burgundy);
  font-weight:900;
  text-decoration:none;
}

/* ==============================
   Process / Timeline
============================== */
.process-wrap {
  position:relative;
}
.process-step {
  display:flex;
  gap:20px;
  padding:22px 0;
  border-bottom:1px solid var(--line);
}
.process-no {
  min-width:54px;
  height:54px;
  border-radius:50%;
  background:var(--burgundy);
  color:var(--ivory);
  display:grid;
  place-items:center;
  font-weight:900;
}

/* ==============================
   CTA & Inner Pages
============================== */
.cta-band {
  background:linear-gradient(135deg,var(--burgundy),#351015);
  border-radius:34px;
  color:var(--ivory);
  padding:54px;
  position:relative;
  overflow:hidden;
}
.cta-band:before {
  content:"";
  position:absolute;
  right:-110px;
  top:-90px;
  width:320px;
  height:320px;
  border:1px solid rgba(199,164,91,.25);
  border-radius:50%;
}
.page-hero {
  padding:105px 0 78px;
  background:linear-gradient(130deg,rgba(89,21,29,.96),rgba(63,14,20,.88)),url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1800&q=80') center/cover;
  color:var(--ivory);
}
.breadcrumb a {
  color:#f4d99d;
  text-decoration:none;
}
.timeline {
  position:relative;
}
.timeline:before {
  content:"";
  position:absolute;
  left:27px;
  top:0;
  bottom:0;
  width:2px;
  background:rgba(89,21,29,.2);
}
.timeline-item {
  position:relative;
  padding-left:86px;
  margin-bottom:34px;
}
.timeline-item .dot {
  position:absolute;
  left:0;
  top:0;
  width:56px;
  height:56px;
  border-radius:50%;
  background:var(--burgundy);
  color:var(--ivory);
  display:grid;
  place-items:center;
  font-weight:900;
  border:7px solid var(--ivory);
}
.accordion-item {
  background:#fffaf1;
  border:1px solid var(--line)!important;
  border-radius:18px!important;
  margin-bottom:14px;
  overflow:hidden;
}
.accordion-button {
  background:#fffaf1;
  color:var(--ink);
  font-weight:900;
}
.accordion-button:not(.collapsed) {
  background:var(--burgundy);
  color:var(--ivory);
}
.map-placeholder {
  min-height:360px;
  border-radius:var(--radius);
  background:linear-gradient(135deg,rgba(89,21,29,.15),rgba(199,164,91,.14)),url('https://images.unsplash.com/photo-1524661135-423995f22d0b?auto=format&fit=crop&w=1300&q=80') center/cover;
  border:1px solid var(--line);
  display:grid;
  place-items:center;
  color:var(--burgundy);
  font-weight:900;
}

/* ==============================
   Footer
============================== */
.footer {
  background:var(--burgundy);
  color:rgba(248,242,231,.78);
  padding:70px 0 28px;
}
.footer a {
  color:rgba(248,242,231,.82);
  text-decoration:none;
}
.footer a:hover {
  color:#fff;
}
.footer-title {
  color:#fff;
  font-weight:900;
  margin-bottom:16px;
}

/* ==============================
   Animations
============================== */
.reveal {
  opacity:0;
  transform:translateY(22px);
  transition:.7s ease;
}
.reveal.visible {
  opacity:1;
  transform:none;
}

/* ==============================
   Responsive
============================== */
@media (max-width: 991px) {
  
/* ==============================
   Hero
============================== */
.hero {
    padding:62px 0;
  }
  .hero-points {
    grid-template-columns:1fr;
  }
  
/* ==============================
   Forms
============================== */
.form-card {
    margin-top:30px;
  }
  .section-pad {
    padding:70px 0;
  }
  
/* ==============================
   CTA & Inner Pages
============================== */
.cta-band {
    padding:34px;
  }
  .navbar-collapse {
    padding:18px 0;
  }
  .navbar .btn-ivory {
    display:inline-block;
    margin-top:12px;
  }
}
@media (max-width: 575px) {
  .hero h1 {
    font-size:2.45rem;
  }
  
/* ==============================
   Forms
============================== */
.form-card {
    padding:22px;
  }
  
/* ==============================
   Sections & Cards
============================== */
.section-title {
    font-size:2.15rem;
  }
  .process-step {
    display:block;
  }
  .process-no {
    margin-bottom:14px;
  }
}

.custom-navbar{
 background: #59151D;
    height: 82px;
    z-index: 9999;
    overflow: visible;
}

.navbar-brand{
    position:relative;
    z-index:100;
}

.navbar-brand img{
    height:150px;          /* istediğin kadar büyüt */
    width:auto;

    position:absolute;
    top:700%;
    transform:translateY(-50%);

    transition:.35s ease;
}

.navbar-brand img:hover{
    transform:translateY(-50%) scale(1.03);
}
.brand-logo{
        height:150px;          /* istediğin kadar büyüt */
    width:auto;
    
}

@media (max-width: 991px) {

    .custom-navbar {
        height: 82px;
        overflow: visible;
    }

    .navbar-collapse {
        position: absolute;
        top: 82px;
        left: 0;
        right: 0;
        z-index: 9998;

        background: #59151D;
        padding: 22px 24px 28px;

        border-top: 1px solid rgba(248, 242, 231, .18);
        box-shadow: 0 20px 45px rgba(0,0,0,.28);
    }

    .navbar-nav {
        gap: 6px;
    }

    .navbar-nav .nav-link {
        color: #F8F2E7 !important;
        padding: 12px 0;
        font-weight: 600;
    }

    .navbar-nav .nav-link.active,
    .navbar-nav .nav-link:hover {
        color: #E6C782 !important;
    }

    .navbar .btn,
    .navbar .btn-premium {
        margin-top: 14px;
        width: 100%;
        text-align: center;
    }

    .navbar-brand {
        z-index: 10001;
    }

    .navbar-toggler {
        z-index: 10002;
    }
}