/* Badem House – Minimal Rustik Tema */
:root{
  --bg:#faf7f2;
  --fg:#2b2a27;
  --accent:#8c5a3c;     /* ceviz/badem kahvesi */
  --accent-2:#c7a27a;   /* açık rustik */
  --muted:#6b665f;
  --card:#fff;
  --success:#1a7f37;
  --danger:#b00020;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
  color:var(--fg);
  background:var(--bg);
  line-height:1.6;
}

main.section h1 {
  margin-top: 0;
  padding-top: 0;
}

main.section {
  padding-top: 50px;
}



.container{width:min(1180px,92%);margin:0 auto}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}

.topbar{
  background:linear-gradient(180deg,#141412, #1d1c1a);
  color:#fff;
  font-size:14px;
}
.topbar .container{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0}
.topbar .contact{opacity:.9}

.header{
  position:sticky;top:0;z-index:50;
  background:rgba(250,247,242,.9);backdrop-filter:saturate(140%) blur(6px);
  border-bottom:1px solid #ece5dc;
}
.nav{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0}
.brand{display:flex;align-items:center;gap:.6rem}
.brand .logo{
  
    height: 80px;
    /* border-radius: 10px; */
    /* background: linear-gradient(135deg,var(--accent),var(--accent-2)); */
    display: inline-block;
  }

  .brand .logo img{
  width: 134px;
    position: relative;
    top: -10px;
  }


.brand .title{font-weight:700;letter-spacing:.4px}
.menu{display:flex;gap:1rem;align-items:center}
.menu a{padding:.45rem .7rem;border-radius:10px}
.menu a.active{background:var(--card);border:1px solid #eee}
.cta{
  background:var(--accent);
  color:#fff !important;
  padding:.55rem .95rem;border-radius:999px;font-weight:600;border:1px solid #7c4f34;
  box-shadow:0 6px 18px rgba(140,90,60,.22);
}
.cta:hover{filter:brightness(.98);text-decoration:none}

.hero{position:relative;height:68vh;min-height:520px;overflow:hidden;border-bottom:1px solid #eee}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease}
.slide.active{opacity:1}
.slide img{width:100%;height:100%;object-fit:cover;filter:contrast(1.05) saturate(1.03)}
.slide-overlay{
  position: absolute;
    inset: 0;
    background: linear-gradient(to right, rgb(0 0 0 / 50%), rgb(0 0 0 / 32%) 25%, rgba(0, 0, 0, 0.05) 75%, rgba(0, 0, 0, 0.35));
    z-index: 2;
    pointer-events: none;
}
.slide-caption{
  position:absolute;left:50%;transform:translateX(-50%);bottom:10%;
  width:min(100%,920px);padding:0 1rem;color:#fff;text-align:center;
  z-index: 2;
}
.kicker{display:inline-block;background:rgba(0,0,0,.35);padding:.35rem .7rem;border-radius:999px;font-size:.85rem;margin-bottom:.6rem}
.h1{font-size:clamp(28px,4.2vw,46px);font-weight:800;text-shadow:0 6px 26px rgba(0,0,0,.35)}
.p{opacity:.92;margin-top:.4rem}

.section{padding:64px 0}
.grid{display:grid;gap:24px}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-2{grid-template-columns:repeat(2,1fr)}
.card{
  background:var(--card);border:1px solid #eee;border-radius:18px;padding:20px;
  box-shadow:0 6px 22px rgba(0,0,0,.04)
}
.card img {
  width: 100%;
  max-width: 500px;   /* Görselin en fazla genişliği */
  height: auto;       /* Oranını koruyarak boyutlanır */
  border-radius: 14px;
  display: block;
  margin: 0 auto;     /* Ortalar */
  object-fit: cover;  /* Orantısız çekimleri kırpar */
}

.features .item{display:flex;gap:14px;align-items:flex-start}
.badge{display:inline-block;background:#efe5da;color:#3f2b1e;padding:.35rem .6rem;border-radius:999px;font-size:12px;border:1px solid #e5d4c2}

/* .gallery{columns:3 280px;column-gap:14px}
.gallery a{display:block;margin-bottom:14px;break-inside:avoid}
.gallery img{width:100%;border-radius:14px;border:1px solid #eee} */




/* --- ORİJİNAL GALERİ DÜZENİ VE EFEKTİ İÇİN NİHAİ DÜZELTME --- */

/* Orijinal sütun düzenini (columns) geri getiriyoruz */
.gallery {
  columns: 3 280px;
  column-gap: 14px;
}

/* Her bir görsel öğesinin (a etiketi) sabit bir boyutta olmasını zorlayalım */
.gallery a {
  display: block;
  margin-bottom: 14px; /* ALT KISIM DÜZENİ İÇİN: Görseller arasına dikey boşluk eklenir */
  break-inside: avoid;
  position: relative;
  
  /* Görseli sabit bir orana zorlamak için yeni kural */
  height: 0;
  padding-bottom: 75%; /* 4:3 ORANI KULLANILDI (Bu, görsel yüksekliğini kontrol eder) */
  /* Eğer çok yatay olursa: padding-bottom: 66.66% (3:2) ya da 56.25% (16:9) kullanabilirsin. */
  overflow: hidden; /* Görselin kapsayıcıdan taşmasını engeller */
  border-radius: 14px;
}

/* Görselin kendisi */
.gallery img {
  position: absolute; /* Kapsayıcısına (a etiketi) tam oturmasını sağlar */
  inset: 0;
  width: 100%;
  height: 100%;
  
  /* Görselin kapsayıcıyı doldururken oranını korumasını sağlar (uzama olmaz) */
  object-fit: cover; 
  
  border-radius: 14px;
  border: 1px solid #eee;
  
  /* ESKİ YAKINLAŞMA EFEKTİNİ GERİ GETİRMEK İÇİN TRANSITION */
  transition: transform 0.3s ease; 
}

/* YAKINLAŞMA (HOVER) EFEKTİ */
.gallery a:hover img {
  transform: scale(1.05); /* %5 daha az yakınlaşma daha iyi görünebilir. */
}

/* Mobil düzeltmesi */
@media (max-width: 900px) {
    .gallery {
        columns: 1; /* Mobilde tek sütun */
    }
    .gallery a {
        padding-bottom: 60%; /* Mobilde 5:3 oranı veya 66.66% (3:2) deneyebilirsin. */
    }
}









.footer{background:#151412;color:#ddd;padding:40px 0 18px;margin-top:0px;}
.footer a{color:#e9d7c3}
.footer h4{margin:0 0 12px}
.footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:22px}
.footer .brand .logo{background:linear-gradient(135deg,#b1845d,#7a553e)}
.subfooter{border-top:1px solid #2a2826;margin-top:22px;padding-top:14px;color:#aaa;font-size:14px; padding-bottom: 16px !important;}

/* ==== FIX: Footer'daki Rezervasyon CTA Buton Rengi Düzeltmesi ==== */
.footer .btn.cta {
  background: var(--accent); /* Butonun arka plan rengini accent (kahverengi) yap */
  color: var(--card) !important; /* Yazı rengini beyaz yap (öncelik vererek) */
}

.btn{display:inline-block;padding:.6rem .9rem;border-radius:12px;border:1px solid #e7decf;background:var(--card);font-weight:600}
.btn-outline{background:transparent}
.btn-full{width:100%}
.input, select, textarea{
  width:100%;padding:.7rem .85rem;border-radius:12px;border:1px solid #e2d8c8;background:#fff;outline:none
}
.input:focus, select:focus, textarea:focus{border-color:#caa47c;box-shadow:0 0 0 3px rgba(202,164,124,.15)}

.preloader{
  position:fixed;inset:0;background:#0f0e0d;display:flex;align-items:center;justify-content:center;z-index:1000;
  color:#fff;letter-spacing:2px;font-weight:700
}
.loader-dot{width:10px;height:10px;border-radius:50%;background:#fff;margin:0 6px;display:inline-block;animation:bounce 1s infinite}
.loader-dot:nth-child(2){animation-delay:.15s}
.loader-dot:nth-child(3){animation-delay:.3s}
@keyframes bounce{0%,80%,100%{transform:scale(.8);opacity:.6}40%{transform:scale(1.2);opacity:1}}

/* .floating-wa{
  position:fixed;left:16px;bottom:16px;z-index:60;display:flex;align-items:center;gap:10px;
  background:#25d366;color:#fff;padding:.6rem .85rem;border-radius:999px;box-shadow:0 10px 26px rgba(0,0,0,.2);font-weight:700
} */

.floating-wa {
  position: fixed;
  right: 16px; /* Sağ altta sabit olması için */
  bottom: 16px;
  z-index: 60;
  display: flex;
  align-items: center;
  gap: 10px;
  background: #25d366; /* WhatsApp Yeşil Arka Plan */
  color: #fff; /* İkon ve Yazı Rengi Beyaz */
  padding: .6rem .85rem;
  border-radius: 999px;
  box-shadow: 0 10px 26px rgba(0,0,0,.2);
  font-weight: 700;
  text-decoration: none;
}

.floating-wa svg {
  width: 20px;
  height: 20px;
  /* fill: currentColor ile #fff rengini alacaktır. */
  min-width: 20px; 
}

.map{width:100%;height:360px;border:0;border-radius:16px;overflow:hidden}

@media (max-width:900px){
  .footer .cols{grid-template-columns:1fr 1fr}
  .hero{min-height:440px}
  .grid-3{grid-template-columns:1fr}
  .grid-2{grid-template-columns:1fr}
}

/* --- Mobile Navigation (Hamburger) --- */
.hamburger{
  display:none;
  width:42px;height:42px;border-radius:10px;border:1px solid #e3dacc;background:var(--card);
  align-items:center;justify-content:center;cursor:pointer
}
.hamburger span,.hamburger::before,.hamburger::after{
  content:'';display:block;width:20px;height:2px;background:var(--fg);transition:.25s; border-radius:2px
}
.hamburger span{}
.hamburger::before{transform:translateY(-6px)}
.hamburger::after{transform:translateY(6px)}
.hamburger.active span{opacity:0}
.hamburger.active::before{transform:translateY(0) rotate(45deg)}
.hamburger.active::after{transform:translateY(0) rotate(-45deg)}

.mobile-drawer{
  position:fixed;inset:0 0 auto 0;top:0;background:rgba(21,20,18,.96);color:#fff;
  transform:translateY(-100%);transition:transform .35s ease;z-index:70;
  padding:68px 18px 22px 18px;border-bottom:1px solid #2a2826;
}
.mobile-drawer.open{transform:translateY(0)}
.mobile-drawer a{display:block;color:#f2e6d9;padding:12px 8px;border-radius:10px;font-size:18px}
.mobile-drawer a.cta{background:#8c5a3c;color:#fff;border:1px solid #7c4f34;text-align:center;margin-top:6px}
.mobile-backdrop{
  position:fixed;inset:0;background:rgba(0,0,0,.35);backdrop-filter:blur(2px);
  display:none;z-index:65
}
.mobile-backdrop.show{display:block}

@media (max-width:900px){
  .menu{display:none}
  .hamburger{display:inline-flex}
}

.drawer-close{
  position:absolute;right:14px;top:18px;
  background:transparent;color:#fff;font-size:32px;
  border:none;cursor:pointer;line-height:1;
}
.drawer-close:hover{color:#c7a27a}

/* --- Slider Navigation & Scroll Hint --- */
.slider-controls{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;
  padding:0 1rem;z-index:5;pointer-events:none;
}
.slider-controls button{
  background:rgba(0,0,0,.45);color:#fff;border:none;font-size:32px;width:44px;height:44px;
  border-radius:50%;cursor:pointer;pointer-events:auto;transition:.3s;
}
.slider-controls button:hover{background:rgba(0,0,0,.7)}
.slider-dots{
  position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:6;
}
.slider-dots button{
  width:12px;height:12px;border-radius:50%;border:none;cursor:pointer;background:rgba(255,255,255,.5);transition:.3s;
}
.slider-dots button.active{background:#fff}

.scroll-hint{
  position:absolute;bottom:60px;left:50%;transform:translateX(-50%);z-index:6;
  width:26px;height:42px;border:2px solid #fff;border-radius:18px;opacity:.7;display:flex;align-items:flex-start;justify-content:center;
}
.scroll-hint::after{
  content:'';width:4px;height:8px;background:#fff;border-radius:2px;margin-top:6px;animation:scrollAnim 1.5s infinite;
}
@keyframes scrollAnim{
  0%{opacity:1;transform:translateY(0)}
  100%{opacity:0;transform:translateY(12px)}
}

/* Slider button visibility fix */
.slide-caption .btn.cta{
  background:rgba(140,90,60,0.95);
  border:1px solid #7c4f34;
  color:#fff !important;
}
.slide-caption .btn.cta:hover{filter:brightness(1.1)}

/* --- Global modern fonts --- */
body{
  font-family:"Nunito Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial;
}
h1,h2,h3,h4,h5,h6,.title{
  font-family:"Poppins", ui-sans-serif, system-ui, -apple-system, "Segoe UI";
  letter-spacing:.2px;
}
.slogan-script{font-family:"Dancing Script", cursive; font-weight:700;}

/* --- Left-aligned caption & fade --- */
.slide-caption{ text-align:left; left:6%; transform:none; bottom:12%; max-width:640px }
.slide-caption .h1{ text-shadow:0 10px 40px rgba(0,0,0,.45); animation:capFade .6s ease both }
.slide-caption .p{ animation:capFade .8s ease both }
.slide-caption .btn{ animation:capFade 1s ease both; margin-right:8px }
@keyframes capFade { from{opacity:0; transform:translateY(8px)} to{opacity:1; transform:translateY(0)} }

/* --- Parallax callout above footer --- */
/* .parallax-wrap{
  position:relative;min-height:320px;display:flex;align-items:center;justify-content:center;text-align:center;
  background-attachment:fixed;background-size:cover;background-position:center;
  border-top:1px solid #eee;border-bottom:1px solid #2a2826;
}
.parallax-wrap::before{
  content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.45));
}
.parallax-inner{position:relative;z-index:2;color:#fff;padding:56px 16px}
.parallax-inner h2{font-size:clamp(26px,3.4vw,42px);margin:0 0 8px}
.parallax-inner p{font-size:clamp(20px,2.4vw,30px);opacity:.95} */



.parallax-wrap {
  margin-top: 80px; /* buton ile parallax arası mesafe */
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  color: #fff;
  text-align: center;
  position: relative;
  padding: 160px 20px; /* eski yükseklik korunuyor */
  min-height: 400px;   /* yükseklik sabit kalsın */
}

.parallax-wrap::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  z-index: 0;
  backdrop-filter: blur(2px);
}

.parallax-inner {
  position: relative;
  z-index: 1;
  max-width: 800px;
  margin: 0 auto;
}

.parallax-title {
  font-size: 44px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #df9745; /* pastel bej tonu */
  letter-spacing: 0.5px;
}

.parallax-slogan {
  font-size: 22px;
  font-weight: 500;
  font-style: italic;
  color: #ffffff; /* sıcak bej-kahve tonu */
}

/* Responsive görünüm için */
@media (max-width: 768px) {
  .parallax-wrap {
    padding: 120px 20px;
    min-height: 400px;
     background-size: cover;
    background-position: center;
    background-attachment: unset;
  }


  .parallax-title {
    font-size: 32px;
  }
  .parallax-slogan {
    font-size: 18px;
  }
}


/* --- Video teaser block --- */
.video-teaser{
  position:relative;border-radius:18px;overflow:hidden;border:1px solid #eee;box-shadow:0 10px 34px rgba(0,0,0,.06)
}
.video-teaser img{width:100%;display:block;object-fit:cover;height:360px}
.video-teaser .play{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.28);
}
.video-teaser .play button{
  width:72px;height:72px;border-radius:50%;border:none;cursor:pointer;background:rgba(255,255,255,.92);
  font-size:30px;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(0,0,0,.25)
}
.video-teaser .play button:hover{background:#fff}

/* --- Video lightbox overlay --- */
.video-overlay{
  position:fixed;inset:0;background:rgba(0,0,0,.92);display:none;align-items:center;justify-content:center;z-index:1000;padding:16px;
}
.video-overlay.show{display:flex}
.video-overlay video{max-width:92%;max-height:86%;border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.video-close{
  position:fixed;top:14px;right:14px;background:transparent;border:none;color:#fff;font-size:34px;cursor:pointer;z-index:1001
}


/* ==== Fix: Drawer X sadece mobilde görünsün ve tıklanabilir olsun ==== */
.drawer-close {
  pointer-events: auto;
  z-index: 100;
}
@media (min-width: 901px) {
  .drawer-close {
    display: none !important;
  }
}

/* ==== Fix: Mobil menü katmanlama ==== */
.mobile-drawer {
  z-index: 999;
}
.mobile-backdrop {
  z-index: 998;
}

/* ==== Fix: Rezervasyon CTA menü butonu görünür olsun ==== */
.menu a.cta.active {
  background: var(--accent);
  color: #fff !important;
  border: 1px solid #7c4f34;
}

/* ==== Fix: Footer altındaki fazla boşlukları kaldır ==== */
/* Footer spacing ultimate fix */
body, html, main, footer, .footer, .subfooter, .parallax-wrap {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.footer {
  padding-bottom: 0;
}
.subfooter {
  margin-top: 0;
  padding-bottom: 16px !important;
}
.parallax-wrap {
  margin-bottom: 0;
  padding-bottom: 0;
}
main {
  margin-bottom: 0;
  padding-bottom: 0;
}


/* ==== Subfooter düzeni ==== */
.subfooter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 14px 0;
  border-top: 1px solid rgba(255,255,255,0.1);
  font-size: 15px;
  color: #ddd;
  margin-top: 30px;
}

/* Telif solda, tasarımcı sağda */
.subfooter .copyright {
  font-size: 14px;
}

.subfooter .designer {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
}

/* SANATÜSTÜ yazı tipi ve biçimlendirme */
@import url('https://fonts.cdnfonts.com/css/nadall');
@font-face {
  font-family: 'Quizma-LightDemo';
  src: url('https://cdnfonts.com/s/133664/Quizma-LightDemo.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.sanatustu {
  display: inline-flex;
  align-items: baseline;
  gap: 2px;
  margin-left: 5px;
}

.sanatustu .sanat {
  font-family: 'Nadall', cursive;
  font-size: 21px;
  letter-spacing: 1px;
  color: #fff;
}

.sanatustu .ustu {
  font-family: 'Quizma-LightDemo', sans-serif;
  font-size: 22px;
  letter-spacing: 0.5px;
  color: #fff;
      margin-left: -2px;
}



/* Instagram Bağlantısı Hizalaması (Footer) */
.social-footer .insta-link {
    display: flex; /* İçerikleri hizalamak için */
    align-items: center; /* Dikeyde ortalamak için */
    gap: 8px; /* İkon ve yazı arasına boşluk koymak için */
    color: #fff; /* Yazı rengi */
    text-decoration: none;
    font-size: 16px;
}

/* İkonun boyutunu küçültmek isterseniz: */
.social-footer .insta-link svg {
    width: 24px; /* İkon boyutu 40px'ten 24px'e küçültülmüş olabilir */
    height: 24px;
}




/* ==== Galeri Carousel ==== */
/* ==== Carousel Genel ==== */
.gallery-carousel {
  text-align: center;
    margin-top: -50px;

}
.gallery-title {
  font-size: 28px;
  margin-bottom: 20px;
  font-weight: 600;
}
.carousel-wrapper {
  position: relative;
  overflow: hidden;
}
.carousel {
  display: flex;
  gap: 10px;
  transition: transform 0.4s ease;
}


/* Galeri görüntüsü verme*/
/* .carousel {
  display: flex;
  gap: 10px;
  transition: transform 0.4s ease;
  flex-wrap: wrap;
} */


/* .carousel img {
  width: calc(33.333% - 10px);
  border-radius: 12px;
  cursor: pointer;
  transition: transform 0.3s ease;
} */



.carousel img {
  /* GEREKLİ DÜZELTME BAŞLANGICI */
  height: 300px; /* Karusel görselleri için sabit yükseklik (İstediğin boyutta ayarlayabilirsin) */
  object-fit: cover; /* Resmi, yüksekliği koruyarak keser (gerekirse) */
  /* GEREKLİ DÜZELTME SONU */
  width: calc(33.333% - 10px); 
  border-radius: 12px;
  cursor: pointer;
  transition: transform 0.3s ease;
}



.carousel img:hover {
  transform: scale(1.05);
}
.carousel-prev,
.carousel-next {
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  background: rgba(0,0,0,0.5);
  color: #fff;
  border: none;
  font-size: 28px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 5;
}
.carousel-prev { left: 10px; }
.carousel-next { right: 10px; }

/* Mobil */
@media (max-width: 900px) {
  .carousel img { width: calc(100% - 10px); }
}

/* ==== Lightbox ==== */
.lightbox {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.9);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  flex-direction: row;
}
.lightbox img {
  max-width: 90%;
  max-height: 80%;
  border-radius: 10px;
}
.close-lightbox {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 36px;
  color: #fff;
  cursor: pointer;
}
.lightbox-prev,
.lightbox-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255,255,255,0.2);
  color: #fff;
  border: none;
  font-size: 40px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.3s;
}
.lightbox-prev:hover,
.lightbox-next:hover {
  background: rgba(255,255,255,0.4);
}
.lightbox-prev { left: 40px; }
.lightbox-next { right: 40px; }

/* ==== Rezervasyon sayfası sticky fotoğraf ==== */
.photo-sticky {
  position: sticky;
  top: 80px; /* header yüksekliğine göre ayarla */
  display: flex;
  justify-content: center;
  align-items: center;
}
.photo-sticky img {
  width: 100%;
  max-width: 500px;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.25);
  object-fit: cover;
}
@media (max-width: 900px) {
  .photo-sticky {
    position: static;
    margin-top: 20px;
  }
  .photo-sticky img {
    max-width: 100%;
  }
}



/* ==== Form gönderim bildirimi ==== */
/* Form mesajlarının görünüm ve kaybolma efekti */
.form-message {
  margin-top: 18px;
  padding: 14px 18px;
  border-radius: 8px;
  font-weight: 600;
  text-align: center;
  opacity: 1;
  transition: opacity 1s ease;
}

.form-message.success {
  background-color: #e6f9ec;
  color: #256c35;
  border: 1px solid #b7e2c0;
}

.form-message.error {
  background-color: #ffecec;
  color: #a94442;
  border: 1px solid #f5c2c2;
}

/* Kaybolma efekti için */
.form-message.fade-out {
  opacity: 0;
}