/* H-Acraft marka paleti — orman yeşili ve antik altın */
:root {
  --brand-50: #F8F1E2;
  --brand-100: #F1E4C8;
  --brand-200: #E4D0A0;
  --brand-300: #D4B87A;
  --brand-400: #C6A15A;
  --brand-500: #C6A15A;
  --brand-600: #A68445;
  --brand-700: #7C6232;
  --header-bg: #F6F1E7;
  --header-text: #1A2216;
  --footer-bg: #141C12;
  --footer-text: #D9C7A4;
  --body-bg: #F6F1E7;
  --topbar-bg: #141C12;
  --topbar-color: #E8D5A8;
}
body { background-color: #F6F1E7 !important; }

.bg-\[\#F6F2EC\], .bg-\[\#f6f2ec\] { background-color: #F6F1E7 !important; }
.bg-\[\#EFE7DA\] { background-color: #EFE6D4 !important; }
.bg-\[\#2B2823\] { background-color: #141C12 !important; }
.bg-\[\#221F1B\] { background-color: #10170F !important; }
.bg-\[\#8A6240\] { background-color: #C6A15A !important; color: #1A2216 !important; }
.hover\:bg-\[\#74502f\]:hover, .hover\:bg-\[\#8A6240\]:hover { background-color: #A68445 !important; color: #1A2216 !important; }
.text-\[\#33302B\] { color: #1A2216 !important; }
.text-\[\#8A6240\], .hover\:text-\[\#8A6240\]:hover { color: #A68445 !important; }
.text-\[\#6A6155\] { color: #5C564C !important; }
.text-\[\#9B917F\] { color: #8A8174 !important; }
.text-\[\#A87E54\] { color: #C6A15A !important; }
.text-\[\#C7BCAD\] { color: #D9C7A4 !important; }
.border-\[\#E2D9CA\] { border-color: #E3D5C0 !important; }
.focus\:border-\[\#8A6240\]:focus { border-color: #C6A15A !important; }
.bg-brand-500, .bg-brand-600 { background-color: #C6A15A !important; color: #1A2216 !important; }
.text-brand-500, .text-brand-600 { color: #A68445 !important; }

header a img[alt] {
  height: 52px !important;
  width: auto !important;
  max-width: min(280px, 46vw);
  object-fit: contain;
}

/* Marka afişi kendi tipografisini taşır; üstüne metin bindirme */
.lg\:col-span-8 .bg-gradient-to-t {
  background-image: linear-gradient(to top, rgba(20, 28, 18, 0.28), transparent 36%) !important;
}
.lg\:col-span-8 h2,
.lg\:col-span-8 > .relative p {
  display: none !important;
}

footer span[style*="Playfair"] { color: #C6A15A !important; }

/* Mobil alt menü — yatay sabitle. Stiller pakette yok, öğeler dikey yığılıyordu. */
@media (max-width: 767px) {
  .mobile-bottom-nav {
    height: 64px !important;
    background: #F6F1E7;
    border-top: 1px solid #E3D5C0;
    box-shadow: 0 -6px 18px rgba(26, 34, 22, 0.08);
  }
  .mobile-bottom-nav-shell,
  .mobile-bottom-nav-dock {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    height: 64px !important;
    width: 100% !important;
  }
  .mnav-tab {
    display: flex !important;
    flex: 1 1 0 !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    height: 64px !important;
    gap: 2px;
    padding: 0 2px;
    color: #5C564C !important;
    background: transparent;
    border: 0;
    text-decoration: none;
    font-size: 10px;
    line-height: 1.1;
  }
  .mnav-tab.is-active { color: #A68445 !important; }
  .mnav-tab-icon { display: flex; color: inherit; }
  .mnav-tab-icon svg { width: 20px; height: 20px; }
  .mnav-tab-label {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 10px;
    letter-spacing: 0.01em;
  }
  body { padding-bottom: 72px !important; }
  a[href*="wa.me"], a[href*="whatsapp"], .whatsapp-button, [class*="whatsapp"] {
    bottom: 80px !important;
  }
}

/* Giriş / kayıt — zümrüt petshop yerine orman yeşili ve altın */
.bg-emerald-600, .hover\:bg-emerald-700:hover {
  background-color: #1A2216 !important;
  color: #F6F1E7 !important;
}
.text-emerald-600, .text-emerald-700, .hover\:text-emerald-700:hover {
  color: #1A2216 !important;
}
.bg-emerald-50 { background-color: #F8F1E2 !important; }
.border-emerald-100, .border-emerald-200 { border-color: #E4D0A0 !important; }
.min-h-screen.bg-slate-50, .bg-slate-50 { background-color: #F6F1E7 !important; }

.hacraft-cat-ico {
  display: inline-flex;
  width: 18px;
  height: 18px;
  margin-right: 6px;
  vertical-align: -3px;
  color: #A68445;
  flex: 0 0 auto;
}
.hacraft-cat-ico svg { width: 18px; height: 18px; }

/* Editoryal başlık — tek duyuru şeridi, cam bar, ince kategori rayı */
header.sticky {
  background: rgba(246, 241, 231, 0.94) !important;
  backdrop-filter: blur(18px) saturate(1.2);
  -webkit-backdrop-filter: blur(18px) saturate(1.2);
  box-shadow: 0 1px 0 rgba(20, 28, 18, 0.06);
}
header > div:nth-child(1) {
  background: #141C12 !important;
  border: 0 !important;
}
header > div:nth-child(1) > div { height: 32px !important; }
header > div:nth-child(1) span {
  color: #E8D5A8 !important;
  letter-spacing: 0.18em !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  text-transform: none !important;
}
header > div:nth-child(2) { display: none !important; }
header > div:nth-child(3) { border: 0 !important; }
header > div:nth-child(3) > div { height: 68px !important; }
header a img[alt] {
  height: 42px !important;
  max-width: min(210px, 52vw) !important;
  border-radius: 0;
  box-shadow: none;
}
header form input {
  background: #fff !important;
  border: 1px solid #E3D5C0 !important;
  border-radius: 999px !important;
  height: 40px !important;
  padding-left: 36px !important;
}
header form svg { left: 14px !important; }
header a[aria-label="Sepet"],
header a[aria-label="Favorilerim"] {
  width: 38px;
  height: 38px;
  border-radius: 999px;
  border: 1px solid #E3D5C0;
  background: #fff;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
}
header button[aria-label="Menü"] {
  width: 38px;
  height: 38px;
  border-radius: 999px;
  border: 1px solid #E3D5C0;
  background: #fff;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
}
@media (max-width: 1023px) {
  header button[aria-label="Menü"] { display: inline-flex !important; }
}
@media (min-width: 1024px) {
  header button[aria-label="Menü"] { display: none !important; }
}
header > nav {
  display: block !important;
  background: transparent !important;
  border-top: 1px solid #E8DCC8 !important;
  border-bottom: 0 !important;
}
header > nav > div > div {
  height: 44px !important;
  justify-content: flex-start !important;
  gap: 22px !important;
  overflow-x: auto;
  scrollbar-width: none;
}
header > nav a {
  font-size: 11px !important;
  letter-spacing: 0.16em !important;
  color: #1A2216 !important;
  font-weight: 500;
}
header nav .hacraft-cat-ico { display: none !important; }
header + * .hacraft-live,
.hacraft-live { display: none !important; }

section h2, main h2 {
  font-family: "Playfair Display", Georgia, serif !important;
  font-weight: 500 !important;
  letter-spacing: -0.02em !important;
}
.hacraft-trust {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.border-y.bg-\[\#EFE7DA\] {
  background: transparent !important;
  border-color: #E8DCC8 !important;
}