/* ============================================================================
   ERGUVAN DEKOR BASKI — taban katman
   Sitenin iskeletini (header, gezinme, mobil menu, yan ray, formlar, kartlar,
   eg-footer) kuran stil dosyasi. Erguvan'in kendi tasarim token'lariyla sifirdan
   yazildi; ikonlar SVG maskesi olarak gomulu, harici ikon fontu kullanmaz.
   Yuklenme sirasi: vendor paketi -> BU DOSYA -> erguvan-premium -> components
   ========================================================================== */

:root {
  --eg-ink: #0d0b09;
  --eg-ink2: #14110d;
  --eg-char: #1b1712;
  --eg-char2: #221d16;
  --eg-gold: #c8a868;
  --eg-gold-lt: #e8cf94;
  --eg-gold-deep: #b1893a;
  --eg-cream: #ece4d4;
  --eg-dim: #a99e86;
  --eg-line: rgba(201, 162, 75, .24);
  --eg-serif: 'Cormorant Garamond', 'Hoefler Text', Georgia, serif;
  --eg-sans: 'Jost', 'Helvetica Neue', Arial, sans-serif;

  /* taban katmana ozel olculer */
  --eg-ray: 72px;           /* sol dikey ray genisligi */
  --eg-bar: 78px;           /* header yuksekligi */
  --eg-kose: 2px;
  --eg-gecis: .22s cubic-bezier(.4, 0, .2, 1);
}

/* ---------- 1. iskelet ---------- */

.eg-yerlesim-page {
  min-height: 100vh;
  position: relative;
}

aside.eg-yerlesim-menu {
  position: fixed;
  inset: 0 auto 0 0;
  width: var(--eg-ray);
  z-index: 40;
  display: none;
  background: var(--eg-ink);
  border-right: 1px solid var(--eg-line);
}

.eg-yerlesim-inner-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 22px 0;
}

.eg-kapsayici {
  width: min(100% - 32px, 1320px);
  margin-inline: auto;
}

.eg-satir { display: flex; flex-wrap: wrap; }
.eg-sutun { display: flex; flex-direction: column; }
.eg-mutlak { position: absolute; }
.eg-doldur { object-fit: cover; width: 100%; height: 100%; }
.eg-saydam { background: transparent !important; }
.eg-cercevesiz { border: 0 !important; }
.eg-cerceveli { border: 1px solid var(--eg-line); }
.eg-ayrac { height: 1px; background: var(--eg-line); border: 0; margin: 22px 0; }
.eg-sol-pay { padding-left: 18px; }

/* NOT: sol dikey ray erguvan-premium.css icinde bilerek gizlenmis
   (.eg-yerlesim-menu{display:none!important}). Bu yuzden .eg-yerlesim-page'e ray payi
   VERILMEZ; aksi halde solda 72px olu bosluk kalir. Ray ileride geri
   acilirsa asagidaki blok yeniden etkinlestirilebilir.
@media (min-width: 1200px) {
  aside.eg-yerlesim-menu { display: block; }
  .eg-yerlesim-page { padding-left: var(--eg-ray); }
} */

/* ---------- 2. ikonlar (SVG maskesi — harici font yok) ---------- */

[class^="eg-i-"], [class*=" eg-i-"] {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -.125em;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-position: center;  mask-position: center;
  -webkit-mask-size: contain;     mask-size: contain;
  flex: 0 0 auto;
}
/* buton icindeki oncu ikon: temel 1em kuralindan sonra gelmeli */
.eg-buyuk-ikon { width: 1.35em; height: 1.35em; }
img.eg-buyuk-ikon { min-width: 1.35em; object-fit: contain; }

.eg-ikon-sarmal { background: none; width: auto; height: auto; display: inline-flex; align-items: center; gap: 8px; }

.eg-i-menu        { -webkit-mask-image: var(--i-menu);      mask-image: var(--i-menu); }
.eg-i-close,
.eg-i-x           { -webkit-mask-image: var(--i-close);     mask-image: var(--i-close); }
.eg-i-right       { -webkit-mask-image: var(--i-right);     mask-image: var(--i-right); }
.eg-i-arrow-right { -webkit-mask-image: var(--i-right);     mask-image: var(--i-right); }
.eg-i-arrow-left  { -webkit-mask-image: var(--i-left);      mask-image: var(--i-left); }
.eg-i-home        { -webkit-mask-image: var(--i-home);      mask-image: var(--i-home); }
.eg-i-phone       { -webkit-mask-image: var(--i-phone);     mask-image: var(--i-phone); }
.eg-i-mail        { -webkit-mask-image: var(--i-mail);      mask-image: var(--i-mail); }
.eg-i-location    { -webkit-mask-image: var(--i-location);  mask-image: var(--i-location); }
.eg-i-search      { -webkit-mask-image: var(--i-search);    mask-image: var(--i-search); }
.eg-i-send        { -webkit-mask-image: var(--i-send);      mask-image: var(--i-send); }
.eg-i-play        { -webkit-mask-image: var(--i-play);      mask-image: var(--i-play); }
.eg-i-art         { -webkit-mask-image: var(--i-art);       mask-image: var(--i-art); }
.eg-i-instagram   { -webkit-mask-image: var(--i-instagram); mask-image: var(--i-instagram); }
.eg-i-facebook       { -webkit-mask-image: var(--i-facebook);  mask-image: var(--i-facebook); }
.eg-i-pinterest   { -webkit-mask-image: var(--i-pinterest); mask-image: var(--i-pinterest); }
.eg-i-youtube     { -webkit-mask-image: var(--i-youtube);   mask-image: var(--i-youtube); }
.eg-i-linkedin  { -webkit-mask-image: var(--i-linkedin);  mask-image: var(--i-linkedin); }
.eg-i-whatsapp    { -webkit-mask-image: var(--i-whatsapp);  mask-image: var(--i-whatsapp); }
.icon-dote        { -webkit-mask-image: var(--i-dote);      mask-image: var(--i-dote); }

:root {
  --i-menu: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 7h16M4 12h16M4 17h11'/%3E%3C/g%3E%3C/svg%3E");
  --i-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/g%3E%3C/svg%3E");
  --i-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h13M12.5 6l6 6-6 6'/%3E%3C/g%3E%3C/svg%3E");
  --i-left: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H6M11.5 6l-6 6 6 6'/%3E%3C/g%3E%3C/svg%3E");
  --i-home: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 10.4 12 3.6l8.5 6.8V20a1 1 0 0 1-1 1h-4.6v-6.2H9.1V21H4.5a1 1 0 0 1-1-1z'/%3E%3C/g%3E%3C/svg%3E");
  --i-phone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.2.4 2.4.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1A17 17 0 0 1 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.4 0 .8-.2 1z'/%3E%3C/svg%3E");
  --i-mail: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 4-8 5-8-5V6l8 5 8-5z'/%3E%3C/svg%3E");
  --i-location: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E");
  --i-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.4'/%3E%3Cpath d='m15.8 15.8 4 4'/%3E%3C/g%3E%3C/svg%3E");
  --i-send: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.9' stroke-linejoin='round'%3E%3Cpath d='M21 3 10.5 13.5M21 3l-6.8 18-3.7-7.5L3 9.8z'/%3E%3C/g%3E%3C/svg%3E");
  --i-play: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M8 5.2v13.6c0 .8.9 1.3 1.6.9l10.5-6.8c.6-.4.6-1.4 0-1.8L9.6 4.3C8.9 3.9 8 4.4 8 5.2z'/%3E%3C/svg%3E");
  --i-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 3.5h11a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 5 8V5a1.5 1.5 0 0 1 1.5-1.5zM12 9.5V13M5 15.5h14M4 20h16'/%3E%3C/g%3E%3C/svg%3E");
  --i-dote: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='5' fill='%23000'/%3E%3C/svg%3E");
  --i-instagram: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.9'%3E%3Crect x='3.2' y='3.2' width='17.6' height='17.6' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3C/g%3E%3Ccircle cx='17.2' cy='6.8' r='1.3' fill='%23000'/%3E%3C/svg%3E");
  --i-facebook: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M13.6 21v-8h2.7l.4-3.1h-3.1V7.9c0-.9.25-1.5 1.55-1.5H16.8V3.6c-.3 0-1.3-.13-2.45-.13-2.43 0-4.1 1.48-4.1 4.2v2.23H7.5V13h2.75v8z'/%3E%3C/svg%3E");
  --i-pinterest: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2.4a9.6 9.6 0 0 0-3.5 18.5c-.08-.77-.15-1.96.03-2.8l1.14-4.83s-.29-.58-.29-1.44c0-1.35.78-2.36 1.76-2.36.83 0 1.23.62 1.23 1.37 0 .83-.53 2.08-.8 3.24-.23.97.48 1.76 1.44 1.76 1.73 0 3.06-1.83 3.06-4.46 0-2.33-1.68-3.96-4.07-3.96-2.77 0-4.4 2.08-4.4 4.23 0 .84.32 1.74.73 2.22.08.1.09.19.07.29l-.27 1.1c-.04.18-.14.22-.32.13-1.2-.56-1.95-2.3-1.95-3.71 0-3.02 2.2-5.8 6.33-5.8 3.32 0 5.9 2.37 5.9 5.53 0 3.3-2.08 5.96-4.97 5.96-.97 0-1.88-.5-2.19-1.1l-.6 2.28c-.22.83-.8 1.88-1.19 2.51A9.6 9.6 0 1 0 12 2.4z'/%3E%3C/svg%3E");
  --i-youtube: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M21.6 7.9a2.5 2.5 0 0 0-1.76-1.77C18.28 5.7 12 5.7 12 5.7s-6.28 0-7.84.43A2.5 2.5 0 0 0 2.4 7.9C2 9.47 2 12 2 12s0 2.53.4 4.1a2.5 2.5 0 0 0 1.76 1.77c1.56.43 7.84.43 7.84.43s6.28 0 7.84-.43a2.5 2.5 0 0 0 1.76-1.77C22 14.53 22 12 22 12s0-2.53-.4-4.1zM10 15.1V8.9l5.2 3.1z'/%3E%3C/svg%3E");
  --i-linkedin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4.98 3.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM3 9.5h4v11H3zm7 0h3.8v1.5h.05c.53-.95 1.83-1.95 3.75-1.95 4 0 4.4 2.5 4.4 5.75v5.7h-4v-5.05c0-1.2-.02-2.75-1.7-2.75-1.7 0-1.96 1.3-1.96 2.66v5.14h-4z'/%3E%3C/svg%3E");
  --i-whatsapp: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12.04 2.4a9.5 9.5 0 0 0-8.1 14.4L2.4 21.6l4.94-1.5a9.5 9.5 0 1 0 4.7-17.7zm5.5 13.4c-.23.65-1.35 1.25-1.86 1.3-.5.05-.96.24-3.24-.68-2.72-1.1-4.45-3.9-4.58-4.08-.13-.18-1.1-1.46-1.1-2.78 0-1.32.7-1.97.94-2.24.25-.27.54-.34.72-.34l.52.01c.17 0 .4-.06.62.48l.85 2.06c.07.14.12.31.02.5-.1.18-.15.29-.29.45l-.43.5c-.14.14-.29.3-.12.58.16.28.72 1.19 1.55 1.93 1.07.95 1.97 1.25 2.25 1.39.28.14.44.12.6-.07l.87-1c.2-.23.37-.18.62-.09l1.77.84c.26.12.43.19.5.29.06.1.06.58-.17 1.23z'/%3E%3C/svg%3E");
}

/* ---------- 3. header ---------- */

.eg-ust-alan { position: relative; z-index: 60; }
.eg-ust-alan.eg-yapiskan { position: sticky; top: 0; }

#egUstMenu {
  background: #fff;
  border-bottom: 1px solid rgba(27, 23, 18, .09);
}
#egUstMenu.eg-zemin-beyaz { background: #fff; }
#egUstMenu.eg-golge { box-shadow: 0 1px 0 rgba(27, 23, 18, .06), 0 10px 30px -22px rgba(13, 11, 9, .5); }

#egUstMenu .navbar {
  min-height: var(--eg-bar);
  align-items: center;
  margin: 0;
}
#egUstMenu .navbar-brand { display: inline-flex; align-items: center; padding: 0; margin: 0; }
#egUstMenu .navbar-brand img { height: 46px; width: auto; display: block; }
#egUstMenu .eg-logo-beyaz { display: none; }
#egUstMenu .eg-logo-renkli { display: inline-flex; }

/* ---------- 4. masaustu gezinme ---------- */

#egUstMenu .navbar-nav {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}
#egUstMenu .navbar-nav > .nav-item { position: relative; }

#egUstMenu .nav-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 14px;
  font-family: var(--eg-sans);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .01em;
  color: var(--eg-char);
  text-decoration: none;
  border-radius: var(--eg-kose);
  transition: color var(--eg-gecis), background var(--eg-gecis);
  cursor: pointer;
}
#egUstMenu .nav-link:hover,
#egUstMenu .nav-item:hover > .nav-link { color: var(--eg-gold-deep); background: rgba(200, 168, 104, .09); }

/* alt menu oku */
#egUstMenu .eg-alt-menulu > .nav-link::after {
  content: "";
  width: 8px; height: 8px;
  margin-left: 2px;
  background: currentColor;
  -webkit-mask-image: var(--i-right); mask-image: var(--i-right);
  -webkit-mask-size: contain; mask-size: contain;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  transform: rotate(90deg);
  opacity: .55;
  transition: transform var(--eg-gecis);
}
#egUstMenu .eg-alt-menulu:hover > .nav-link::after { transform: rotate(90deg) translateX(2px); }

#egUstMenu .eg-alt-menu {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  min-width: 226px;
  margin: 0;
  padding: 8px;
  list-style: none;
  background: var(--eg-ink);
  border: 1px solid var(--eg-line);
  border-radius: var(--eg-kose);
  box-shadow: 0 22px 46px -24px rgba(13, 11, 9, .8);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-6px);
  transition: opacity var(--eg-gecis), transform var(--eg-gecis), visibility var(--eg-gecis);
  z-index: 70;
}
#egUstMenu .eg-alt-menulu:hover > .eg-alt-menu,
#egUstMenu .eg-alt-menulu:focus-within > .eg-alt-menu { opacity: 1; visibility: visible; transform: translateY(0); }

#egUstMenu .eg-alt-menu a {
  display: block;
  padding: 9px 12px;
  font-family: var(--eg-sans);
  font-size: 13.5px;
  font-weight: 300;
  color: var(--eg-cream);
  text-decoration: none;
  border-radius: var(--eg-kose);
  transition: background var(--eg-gecis), color var(--eg-gecis);
}
#egUstMenu .eg-alt-menu a:hover { background: rgba(200, 168, 104, .12); color: var(--eg-gold-lt); }

/* vurgulu buton (Teklif Al / katalog) */
#egUstMenu .nav-link.eg-vurgulu {
  color: #1a140a;
  background: linear-gradient(96deg, var(--eg-gold-lt), var(--eg-gold-deep));
  font-weight: 500;
  padding: 11px 18px;
}
#egUstMenu .nav-link.eg-vurgulu:hover { filter: brightness(1.07); background: linear-gradient(96deg, var(--eg-gold-lt), var(--eg-gold-deep)); }
#egUstMenu .nav-link.eg-vurgulu .eg-dugmeli { display: inline-flex; align-items: center; margin-left: 2px; }

/* ---------- 5. mobil menu ---------- */

.eg-menu-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px; height: 44px;
  border: 0;
  background: transparent;
  color: var(--eg-char);
  font-size: 22px;
  cursor: pointer;
  border-radius: var(--eg-kose);
}
.eg-menu-icon:hover { background: rgba(27, 23, 18, .06); }
aside.eg-yerlesim-menu .eg-menu-icon { color: var(--eg-cream); }
aside.eg-yerlesim-menu .eg-menu-icon:hover { background: rgba(236, 228, 212, .1); }

.eg-mobil-menu {
  position: fixed;
  inset: 0 auto 0 0;
  width: min(88vw, 380px);
  z-index: 120;
  background: var(--eg-ink);
  border-right: 1px solid var(--eg-line);
  transform: translateX(-102%);
  transition: transform .3s cubic-bezier(.4, 0, .2, 1);
  overflow-y: auto;
  overscroll-behavior: contain;
}
.eg-mobil-menu.show,
.eg-mobil-menu.is-open,
.eg-mobil-menu.active { transform: translateX(0); }

.eg-mobil-menu-wrapper { display: flex; flex-direction: column; min-height: 100%; padding: 0 0 26px; }

.eg-mobil-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 20px;
  border-bottom: 1px solid var(--eg-line);
}
.eg-mobil-header img { height: 38px; width: auto; }
.eg-menu-kapat {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px; height: 40px;
  color: var(--eg-cream);
  font-size: 19px;
  cursor: pointer;
  border-radius: var(--eg-kose);
}
.eg-menu-kapat:hover { background: rgba(236, 228, 212, .1); color: var(--eg-gold-lt); }

.eg-mobil-menu ul { list-style: none; margin: 0; padding: 0; }

.eg-mobil-menu ul.d-xl-none, .eg-mobil-menu-wrapper > ul { padding: 16px 16px 0; }
.eg-mobil-menu .nav-link.eg-vurgulu {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 13px 16px;
  color: #1a140a;
  background: linear-gradient(96deg, var(--eg-gold-lt), var(--eg-gold-deep));
  font-family: var(--eg-sans);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: var(--eg-kose);
}

.eg-menu-list { padding: 14px 16px; }
.eg-menu-list .navbar-nav { display: block; }
.eg-menu-list .nav-item { border-bottom: 1px solid rgba(201, 162, 75, .12); }
.eg-menu-list .nav-item:last-child { border-bottom: 0; }

.eg-menu-list .nav-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 4px;
  font-family: var(--eg-sans);
  font-size: 15px;
  font-weight: 300;
  color: var(--eg-cream);
  text-decoration: none;
  cursor: pointer;
}
.eg-menu-list .nav-link:hover { color: var(--eg-gold-lt); }
.eg-menu-list .eg-alt-menulu > .nav-link::after {
  content: "";
  width: 11px; height: 11px;
  background: currentColor;
  -webkit-mask-image: var(--i-right); mask-image: var(--i-right);
  -webkit-mask-size: contain; mask-size: contain;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  transform: rotate(90deg);
  opacity: .5;
}
/* mobil alt menu: .selected sinifiyla acilir (JS ekler).
   Cok ogeli listelerde grid-satir hilesi ilk ogeyi kirptigi icin
   max-height kullaniliyor. */
.eg-menu-list .eg-alt-menulu > .eg-alt-menu,
.eg-menu-list .eg-alt-menulu > .eg-menu-list-second {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height .28s cubic-bezier(.4, 0, .2, 1), opacity .2s ease;
}
.eg-menu-list .eg-alt-menulu.selected > .eg-alt-menu,
.eg-menu-list .eg-alt-menulu.selected > .eg-menu-list-second { max-height: 560px; opacity: 1; }
.eg-menu-list .eg-alt-menulu.selected > .nav-link::after { transform: rotate(270deg); }
.eg-menu-list .eg-alt-menulu.selected > .nav-link { color: var(--eg-gold-lt); }

.eg-menu-list .eg-alt-menu,
.eg-menu-list-second { padding: 0 0 12px 12px; border-left: 1px solid var(--eg-line); margin-left: 4px; }

/* menu acikken govde kaymasin */
body.menuOpening { overflow: hidden; }
body.menuOpening::after {
  content: ""; position: fixed; inset: 0; z-index: 110;
  background: rgba(13, 11, 9, .55);
}
.eg-menu-list .eg-alt-menu a,
.eg-menu-list-second a {
  display: block;
  padding: 10px 10px;
  font-family: var(--eg-sans);
  font-size: 14px;
  font-weight: 300;
  color: var(--eg-dim);
  text-decoration: none;
}
.eg-menu-list .eg-alt-menu a:hover,
.eg-menu-list-second a:hover { color: var(--eg-gold-lt); }

.eg-menu-bottom { margin-top: auto; padding: 18px 20px 0; }

.eg-sosyal-list { display: flex; align-items: center; gap: 14px; list-style: none; margin: 0; padding: 0; }
aside.eg-yerlesim-menu .eg-sosyal-list { flex-direction: column; }
.eg-sosyal-list a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px; height: 34px;
  color: var(--eg-dim);
  font-size: 17px;
  text-decoration: none;
  border-radius: 50%;
  transition: color var(--eg-gecis), background var(--eg-gecis);
}
.eg-sosyal-list a:hover { color: var(--eg-gold-lt); background: rgba(200, 168, 104, .12); }

/* ---------- 6. kartlar / kutu basliklari ---------- */

.eg-kutu-header-wrapper { display: flex; align-items: flex-start; gap: 14px; }
.eg-kutu-header-inner-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 62px; height: 62px;
  border-radius: 50%;
  background: rgba(200, 168, 104, .1);
  border: 1px solid var(--eg-line);
}
.eg-kutu-header-inner-wrapper.eg-cercevesiz { border: 0; background: transparent; }
.eg-kutu-header-inner-wrapper img { max-width: 62%; height: auto; }

/* aksan varyantlari — Erguvan paletine gore */
.eg-purple     { background: rgba(143, 111, 158, .14); border-color: rgba(143, 111, 158, .3); }
.eg-green      { background: rgba(134, 155, 86, .14);  border-color: rgba(134, 155, 86, .3); }
.eg-darkblue   { background: rgba(74, 106, 138, .14);  border-color: rgba(74, 106, 138, .3); }
.eg-lightblue  { background: rgba(129, 178, 195, .16); border-color: rgba(129, 178, 195, .32); }

.eg-dikey-box-outer { display: flex; flex-direction: column; gap: 18px; }
.eg-dikey-inner-wrapper { display: flex; flex-direction: column; gap: 10px; }

/* ---------- 7. akordeon ---------- */

.accordion { border-top: 1px solid var(--eg-line); }
.accordion .accordion-item { border-bottom: 1px solid var(--eg-line); background: transparent; }
.accordion .accordion-button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 20px 4px;
  font-family: var(--eg-serif);
  font-size: clamp(17px, 2.2vw, 21px);
  font-weight: 500;
  color: var(--eg-char);
  background: transparent;
  border: 0;
  text-align: left;
  cursor: pointer;
}
.accordion .accordion-button:hover { color: var(--eg-gold-deep); }
.accordion .accordion-body {
  padding: 0 4px 22px;
  font-family: var(--eg-sans);
  font-size: 15px;
  font-weight: 300;
  line-height: 1.75;
  color: #4a4239;
}

/* ---------- 8. formlar ---------- */

.form-wrapper, .eg-footer-form-wrapper { display: flex; flex-direction: column; gap: 14px; }

.form-wrapper input[type=text],
.form-wrapper input[type=email],
.form-wrapper input[type=tel],
.form-wrapper textarea,
.form-wrapper select,
.eg-footer-form-wrapper input,
.eg-footer-form-wrapper textarea {
  width: 100%;
  font-family: var(--eg-sans);
  font-size: 14.5px;
  font-weight: 300;
  color: var(--eg-char);
  background: #fff;
  border: 1px solid rgba(27, 23, 18, .16);
  border-radius: var(--eg-kose);
  padding: 13px 15px;
  transition: border-color var(--eg-gecis), box-shadow var(--eg-gecis);
}
.form-wrapper textarea { min-height: 132px; resize: vertical; }
.form-wrapper input:focus,
.form-wrapper textarea:focus,
.form-wrapper select:focus,
.eg-footer-form-wrapper input:focus {
  outline: none;
  border-color: var(--eg-gold);
  box-shadow: 0 0 0 3px rgba(200, 168, 104, .16);
}
.form-wrapper ::placeholder, .eg-footer-form-wrapper ::placeholder { color: #9a9186; }

.form-wrapper button, .eg-footer-form-wrapper button {
  font-family: var(--eg-sans);
  font-size: 12.5px;
  font-weight: 500;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #1a140a;
  background: linear-gradient(96deg, var(--eg-gold-lt), var(--eg-gold-deep));
  border: 0;
  border-radius: var(--eg-kose);
  padding: 13px 24px;
  cursor: pointer;
  transition: filter var(--eg-gecis);
}
.form-wrapper button:hover, .eg-footer-form-wrapper button:hover { filter: brightness(1.08); }

.my-radio { display: inline-flex; align-items: center; gap: 9px; cursor: pointer; font-family: var(--eg-sans); font-size: 14px; font-weight: 300; }
.my-radio input { position: absolute; opacity: 0; width: 0; height: 0; }
.eg-radyo-isaret {
  width: 18px; height: 18px;
  border: 1px solid rgba(27, 23, 18, .3);
  border-radius: 50%;
  display: inline-block;
  position: relative;
  transition: border-color var(--eg-gecis);
}
.my-radio input:checked + .eg-radyo-isaret { border-color: var(--eg-gold-deep); }
.my-radio input:checked + .eg-radyo-isaret::after {
  content: ""; position: absolute; inset: 4px;
  background: var(--eg-gold-deep); border-radius: 50%;
}
.my-radio input:focus-visible + .eg-radyo-isaret { box-shadow: 0 0 0 3px rgba(200, 168, 104, .3); }

/* ---------- 9. iletisim kutulari ---------- */

.eg-iletisim-box-wrapper-outer { display: grid; gap: 16px; }
.eg-iletisim-box-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 18px;
  background: rgba(200, 168, 104, .05);
  border: 1px solid var(--eg-line);
  border-radius: var(--eg-kose);
}
.eg-iletisim-box-wrapper i { font-size: 19px; color: var(--eg-gold-deep); margin-top: 2px; }
.eg-telefon-sarmal { display: flex; flex-direction: column; gap: 3px; }
.eg-telefon-sarmal a { color: var(--eg-char); text-decoration: none; font-family: var(--eg-sans); }
.eg-telefon-sarmal a:hover { color: var(--eg-gold-deep); }
.eg-adres { font-family: var(--eg-sans); font-size: 14px; font-weight: 300; line-height: 1.7; color: #4a4239; }

/* ---------- 10. eg-footer ---------- */

.eg-footer { background: var(--eg-ink); color: var(--eg-cream); }
.eg-footer-inner-top { padding: 54px 0 34px; }
.eg-footer-inner-bottom {
  padding: 20px 0;
  border-top: 1px solid var(--eg-line);
  font-family: var(--eg-sans);
  font-size: 12.5px;
  font-weight: 300;
  color: rgba(169, 158, 134, .8);
}
.eg-footer-middle { padding: 12px 0; }
.eg-footer a, .eg-footer-link a { color: var(--eg-dim); text-decoration: none; font-family: var(--eg-sans); font-size: 14px; font-weight: 300; }
.eg-footer a:hover, .eg-footer-link a:hover { color: var(--eg-gold-lt); }
.eg-footer-link ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }
.eg-footer-alt-gorsel { max-height: 40px; width: auto; }

/* ---------- 11. slider / karusel cercevesi ---------- */

.eg-anasayfa-slides { position: relative; }
.eg-anasayfa-slider-controls { display: flex; align-items: center; gap: 10px; }
.eg-anasayfa-slider-prev, .eg-anasayfa-slider-next,
.owl-theme .owl-prev, .owl-theme .owl-next {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px; height: 42px;
  color: var(--eg-cream);
  background: rgba(13, 11, 9, .5);
  border: 1px solid var(--eg-line);
  border-radius: 50%;
  cursor: pointer;
  transition: background var(--eg-gecis), color var(--eg-gecis);
}
.eg-anasayfa-slider-prev:hover, .eg-anasayfa-slider-next:hover,
.owl-theme .owl-prev:hover, .owl-theme .owl-next:hover { background: rgba(200, 168, 104, .2); color: var(--eg-gold-lt); }

/* ---------- 12. modal ---------- */

.modal { position: fixed; inset: 0; z-index: 200; display: none; background: rgba(13, 11, 9, .72); }
.modal.show { display: block; }
.modal-body { background: #fff; border-radius: var(--eg-kose); padding: 26px; }

/* ---------- 13. katalog sayfasi ---------- */

.eg-standart-pdf-shows { display: block; width: 100%; }
.eg-standart-pdf-shows-inner { display: block; width: 100%; }

/* ---------- 14. gorsel kisitlari ---------- */

#egUstMenu img, .eg-yerlesim-page img, .eg-footer img { max-width: 100%; }

/* Oncesi/sonrasi kaydiricisi: .resize kapsayicisi kaydiricinin %50'si kadardir,
   icindeki gorselin genisligini eklenti JS ile kaydirici genisligine ayarlar.
   Yukaridaki max-width:100% bunu .resize'in %100'une (yani %50'ye) kirpar ve
   iki gorsel hizasiz kalir. Vendor CSS'inin max-width:none kurali yeniden
   dayatiliyor. */
.ba-slider img,
.ba-slider .resize img { max-width: none; }

.eg-afis-gorsel {
  display: block;
  width: 100%;
  height: clamp(170px, 24vw, 320px);
  object-fit: cover;
  object-position: center;
}

.eg-iletisim-image-wrapper { overflow: hidden; border-radius: var(--eg-kose); }
.eg-iletisim-image-wrapper img { display: block; width: 100%; height: 100%; object-fit: cover; }

.eg-kutu-header-inner-wrapper img { max-width: 62%; height: auto; }

/* mobil menu dugmesindeki metin etiketi */
.eg-menu-icon { gap: 8px; width: auto; min-width: 44px; padding: 0 10px; }
.eg-menu-icon > span {
  font-family: var(--eg-sans);
  font-size: 13px;
  font-weight: 400;
  letter-spacing: .04em;
  line-height: 1;
}
@media (max-width: 400px) { .eg-menu-icon > span { display: none; } }

/* header satiri: dar ekranda cakismayi onle */
#egUstMenu .navbar { column-gap: 10px; }
#egUstMenu .navbar > [class*="col-"] { min-width: 0; }
#egUstMenu .navbar-brand img { max-height: 46px; }
@media (max-width: 575px) {
  #egUstMenu .navbar-brand img { height: 38px; }
  #egUstMenu .navbar { min-height: 66px; }
}

/* ---------- 15. erisilebilirlik ---------- */

a:focus-visible, button:focus-visible, [tabindex]:focus-visible {
  outline: 2px solid var(--eg-gold);
  outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
  .eg-mobil-menu, #egUstMenu .eg-alt-menu, #egUstMenu .nav-link { transition: none !important; }
}

/* ---------- 16. iletisim formu telefon oneki ---------- */

.erg-tel-onek {
  display: inline-flex;
  align-items: center;
  padding: 0 12px;
  font-family: var(--eg-sans);
  font-size: 14.5px;
  font-weight: 400;
  color: #4a4239;
  background: rgba(200, 168, 104, .1);
  border: 1px solid rgba(27, 23, 18, .16);
  border-right: 0;
  border-radius: var(--eg-kose) 0 0 var(--eg-kose);
  white-space: nowrap;
  flex: 0 0 auto;
}

/* ---------- 17. SAYDAM HEADER (ana sayfa — video uzerinde) ----------
   Ana sayfada #egUstMenu'nun zemin sinifi (.eg-zemin-beyaz) yoktur; header
   hero videosunun uzerinde saydam durur. Taban katmanin varsayilan koyu
   metin/renkli logo secimi bu durumda okunmuyordu. Asagisi o hali ele alir:
   acik renkli metin, beyaz logo ve her video karesinde okunurlugu garantileyen
   bir karartma perdesi.                                                     */

/* NOT: saydam header perdesi erguvan-premium.css icinde tek yerde tutuluyor
   (o dosya bizden sonra yuklendigi ve !important kullandigi icin kazanan o).
   Burada tekrarlamiyoruz. */

#egUstMenu:not(.eg-zemin-beyaz) .nav-link {
  color: var(--eg-cream);
  text-shadow: 0 1px 3px rgba(0, 0, 0, .55);
}
#egUstMenu:not(.eg-zemin-beyaz) .nav-link:hover,
#egUstMenu:not(.eg-zemin-beyaz) .nav-item:hover > .nav-link {
  color: var(--eg-gold-lt);
  background: rgba(236, 228, 212, .12);
}

/* vurgulu buton (Teklif Al) zaten altin zeminli — golgeyi geri al */
#egUstMenu:not(.eg-zemin-beyaz) .nav-link.eg-vurgulu {
  color: #1a140a;
  text-shadow: none;
}

/* logo: saydam header'da beyaz surum */
#egUstMenu:not(.eg-zemin-beyaz) .eg-logo-beyaz  { display: inline-flex; }
#egUstMenu:not(.eg-zemin-beyaz) .eg-logo-renkli { display: none; }

/* hamburger ve ikonlar */
#egUstMenu:not(.eg-zemin-beyaz) .eg-menu-icon { color: var(--eg-cream); }
#egUstMenu:not(.eg-zemin-beyaz) .eg-menu-icon:hover { background: rgba(236, 228, 212, .12); }

/* alt menu oku saydam header'da da gorunsun */
#egUstMenu:not(.eg-zemin-beyaz) .eg-alt-menulu > .nav-link::after { opacity: .8; }