/* Berpel — Mega menü (22.10.2026). Renkler site değişkenlerinden gelir; açık/koyu tema ve yüksek kontrast uyumlu. */
.bp-nav { position: static; gap: 2px; }
.bp-nav__item--mega { position: static; }
.bp-nav__item--mega > .bp-nav__link { position: relative; }
/* Fare, bağlantıdan panele inerken menü kapanmasın (köprü) */
.bp-nav__item--mega > .bp-nav__link::after { content: ""; position: absolute; left: -8px; right: -8px; top: 100%; height: 40px; }
.bp-nav__item--mega > .bp-nav__link .bp-nav__caret { transition: transform .22s ease; }
.bp-nav__item--mega:hover > .bp-nav__link,
.bp-nav__item--mega.is-open > .bp-nav__link,
.bp-nav__item--mega:focus-within > .bp-nav__link { color: var(--bp-yellow); background: var(--bp-yellow-soft); }
.bp-nav__item--mega.is-open .bp-nav__caret,
.bp-nav__item--mega:focus-within .bp-nav__caret { transform: rotate(180deg); }

.bp-ic { width: 20px; height: 20px; flex: 0 0 auto; display: block; }

/* ---- Panel ---- */
.bp-mega {
  position: absolute; left: 0; right: 0; top: 100%; z-index: 90;
  background:
    radial-gradient(900px 260px at 88% -10%, rgba(255,204,0,.10), transparent 70%),
    linear-gradient(180deg, rgba(23,27,33,.985), rgba(15,18,22,.99));
  -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px);
  border-top: 1px solid rgba(255,204,0,.28);
  border-bottom: 1px solid var(--bp-border);
  box-shadow: 0 44px 80px -36px rgba(0,0,0,.75);
  opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-8px);
  transition: opacity .22s ease, transform .22s ease, visibility 0s linear .2s;
}
.bp-nav__item--mega:hover > .bp-mega,
.bp-nav__item--mega:focus-within > .bp-mega,
.bp-nav__item--mega.is-open > .bp-mega {
  opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0);
  transition-delay: .05s, .05s, 0s;
}
.bp-mega__inner { display: grid; gap: 34px; padding-top: 30px; padding-bottom: 26px; align-items: start; }
.bp-mega--hizmet .bp-mega__inner { grid-template-columns: 1.1fr 1.1fr 1.1fr .9fr; }
.bp-mega--proje .bp-mega__inner { grid-template-columns: 1.15fr 1fr 1fr 1fr; }
.bp-mega--kurumsal .bp-mega__inner { grid-template-columns: 1fr 1fr 1fr; }
.bp-mega--bilgi .bp-mega__inner { grid-template-columns: 1fr 1.15fr 1fr; }

.bp-mega__title {
  margin: 0 0 12px; padding: 0 12px; display: flex; align-items: center; gap: 10px;
  font-size: .74rem; font-weight: 700; letter-spacing: .13em; color: var(--bp-yellow);
}
.bp-mega__title[aria-hidden]::after { display: none; }
.bp-mega__title::after { content: ""; flex: 1; height: 1px; background: linear-gradient(90deg, rgba(255,204,0,.35), transparent); }

.bp-mega__item {
  position: relative; display: flex; align-items: flex-start; gap: 14px; padding: 11px 12px;
  border-radius: 14px; color: var(--bp-text); text-decoration: none;
  transition: background .2s ease, transform .2s ease;
  opacity: 0; transform: translateY(8px);
}
.bp-nav__item--mega:hover .bp-mega__item,
.bp-nav__item--mega:focus-within .bp-mega__item,
.bp-nav__item--mega.is-open .bp-mega__item {
  opacity: 1; transform: translateY(0);
  transition: opacity .3s ease calc(var(--i, 0) * 28ms + 60ms), transform .3s ease calc(var(--i, 0) * 28ms + 60ms), background .2s ease;
}
.bp-mega__item:hover, .bp-mega__item:focus-visible { background: var(--bp-yellow-soft); outline: none; }
.bp-mega__item:focus-visible { box-shadow: 0 0 0 2px var(--bp-yellow) inset; }
.bp-mega__ico {
  width: 42px; height: 42px; border-radius: 12px; flex: 0 0 auto; display: grid; place-items: center;
  color: var(--bp-yellow); background: rgba(255,204,0,.09); border: 1px solid rgba(255,204,0,.22);
  transition: background .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.bp-mega__item:hover .bp-mega__ico, .bp-mega__item:focus-visible .bp-mega__ico {
  background: var(--bp-yellow); color: #14181d; transform: scale(1.06); box-shadow: 0 10px 22px -10px rgba(255,204,0,.7);
}
.bp-mega__txt { display: flex; flex-direction: column; gap: 3px; min-width: 0; padding-top: 1px; }
.bp-mega__txt strong { font-size: .95rem; font-weight: 650; line-height: 1.25; color: var(--bp-text); }
.bp-mega__txt small { font-size: .8rem; line-height: 1.4; color: var(--bp-text-2); }
.bp-mega__item .bp-mega__go { margin-left: auto; align-self: center; width: 16px; height: 16px; color: var(--bp-yellow); opacity: 0; transform: translateX(-6px); transition: all .2s ease; }
.bp-mega__item:hover .bp-mega__go, .bp-mega__item:focus-visible .bp-mega__go { opacity: 1; transform: translateX(0); }

/* kompakt satırlar (bölge/sektör) */
.bp-mega__item--sm { padding: 8px 12px; gap: 12px; align-items: center; }
.bp-mega__item--sm .bp-mega__ico { width: 32px; height: 32px; border-radius: 10px; }
.bp-mega__item--sm .bp-ic { width: 17px; height: 17px; }
.bp-mega__item--sm .bp-mega__txt strong { font-size: .88rem; font-weight: 600; }
.bp-mega__sep { height: 14px; }

/* proje kartları */
.bp-mega__proj {
  display: flex; flex-direction: column; border-radius: 18px; overflow: hidden; text-decoration: none; color: var(--bp-text);
  border: 1px solid var(--bp-border); background: var(--bp-surface);
  opacity: 0; transform: translateY(10px); transition: border-color .2s ease, box-shadow .25s ease;
}
.bp-nav__item--mega:hover .bp-mega__proj,
.bp-nav__item--mega:focus-within .bp-mega__proj,
.bp-nav__item--mega.is-open .bp-mega__proj {
  opacity: 1; transform: translateY(0);
  transition: opacity .35s ease calc(var(--i, 0) * 60ms + 80ms), transform .35s ease calc(var(--i, 0) * 60ms + 80ms), border-color .2s ease, box-shadow .25s ease;
}
.bp-mega__proj:hover, .bp-mega__proj:focus-visible { border-color: rgba(255,204,0,.55); box-shadow: 0 22px 40px -22px rgba(0,0,0,.7), 0 0 0 1px rgba(255,204,0,.25); outline: none; }
.bp-mega__thumb { aspect-ratio: 16 / 10; background: linear-gradient(135deg, var(--bp-surface-2), var(--bp-bg-2)); overflow: hidden; }
.bp-mega__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s ease; }
.bp-mega__proj:hover .bp-mega__thumb img { transform: scale(1.05); }
.bp-mega__cap { padding: 12px 14px 14px; display: flex; flex-direction: column; gap: 3px; }
.bp-mega__cap strong { font-size: .92rem; font-weight: 650; }
.bp-mega__cap small { font-size: .78rem; color: var(--bp-text-2); line-height: 1.35; }

/* öne çıkan kutu */
.bp-mega__feature {
  position: relative; overflow: hidden; border-radius: 20px; padding: 22px 22px 20px;
  border: 1px solid rgba(255,204,0,.3);
  background: radial-gradient(260px 160px at 100% 0%, rgba(255,204,0,.22), transparent 70%), linear-gradient(160deg, var(--bp-surface-2), var(--bp-surface));
  opacity: 0; transform: translateY(10px);
}
.bp-nav__item--mega:hover .bp-mega__feature,
.bp-nav__item--mega:focus-within .bp-mega__feature,
.bp-nav__item--mega.is-open .bp-mega__feature { opacity: 1; transform: translateY(0); transition: opacity .4s ease .18s, transform .4s ease .18s; }
.bp-mega__badge { display: inline-flex; align-items: center; gap: 6px; font-size: .72rem; font-weight: 700; letter-spacing: .06em; color: #14181d; background: var(--bp-yellow); padding: 4px 10px; border-radius: 999px; }
.bp-mega__feature h3 { margin: 12px 0 8px; font-size: 1.12rem; line-height: 1.3; color: var(--bp-text); }
.bp-mega__feature p { margin: 0 0 16px; font-size: .86rem; line-height: 1.55; color: var(--bp-text-2); }
.bp-mega__feature .bp-btn { width: 100%; justify-content: center; }
.bp-mega__alt { margin-top: 12px; display: flex; gap: 8px; }
.bp-mega__alt a {
  flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 9px 10px; border-radius: 12px;
  font-size: .82rem; font-weight: 600; color: var(--bp-text); border: 1px solid var(--bp-border); background: rgba(255,255,255,.03); text-decoration: none;
  transition: border-color .2s ease, color .2s ease, background .2s ease;
}
.bp-mega__alt a:hover, .bp-mega__alt a:focus-visible { border-color: var(--bp-yellow); color: var(--bp-yellow); background: var(--bp-yellow-soft); outline: none; }
.bp-mega__alt .bp-ic { width: 16px; height: 16px; }

/* alt şerit */
.bp-mega__foot { border-top: 1px solid var(--bp-border); background: rgba(0,0,0,.18); }
.bp-mega__foot .bp-container { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding-top: 13px; padding-bottom: 13px; font-size: .86rem; color: var(--bp-text-2); }
.bp-mega__foot a { color: var(--bp-yellow); font-weight: 650; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; }
.bp-mega__foot a:hover { text-decoration: underline; }
.bp-mega__foot .bp-ic { width: 15px; height: 15px; }
.bp-mega__foot span { display: inline-flex; align-items: center; gap: 8px; }
.bp-mega__foot span a { color: var(--bp-text); }

@media (max-width: 1180px) {
  .bp-mega__inner { gap: 20px; }
  .bp-mega--hizmet .bp-mega__inner { grid-template-columns: 1.1fr 1.1fr .9fr; }
  .bp-mega--hizmet .bp-mega__feature { display: none; }
  .bp-mega__txt small { display: none; }
  .bp-mega__item { align-items: center; }
  .bp-mega--proje .bp-mega__txt small { display: block; }
}

/* ---- Açık tema ---- */
html[data-theme="light"] .bp-mega {
  background: radial-gradient(900px 260px at 88% -10%, rgba(230,173,0,.12), transparent 70%), linear-gradient(180deg, rgba(255,255,255,.99), rgba(247,248,251,.99));
  border-top-color: rgba(201,145,0,.4); box-shadow: 0 40px 70px -36px rgba(20,28,40,.35);
}
html[data-theme="light"] .bp-mega__ico { background: rgba(230,173,0,.12); border-color: rgba(201,145,0,.3); color: var(--bp-yellow-strong); }
html[data-theme="light"] .bp-mega__item:hover .bp-mega__ico, html[data-theme="light"] .bp-mega__item:focus-visible .bp-mega__ico { background: var(--bp-yellow); color: #14181d; }
html[data-theme="light"] .bp-mega__title, html[data-theme="light"] .bp-mega__foot a { color: #8a6100; }
html[data-theme="light"] .bp-mega__foot { background: rgba(20,28,40,.04); }
html[data-theme="light"] .bp-mega__foot span a { color: var(--bp-text); }
html[data-theme="light"] .bp-mega__feature { background: radial-gradient(260px 160px at 100% 0%, rgba(230,173,0,.22), transparent 70%), #fff; border-color: rgba(201,145,0,.4); }
html[data-theme="light"] .bp-mega__alt a { background: #fff; }
html[data-theme="light"] .bp-mega__item .bp-mega__go { color: #8a6100; }

/* ---- Yüksek kontrast ve hareket azaltma ---- */
html[data-bp-contrast] .bp-mega { background: #000; border-color: #ff0; }
html[data-bp-contrast] .bp-mega__ico, html[data-bp-contrast] .bp-mega__proj, html[data-bp-contrast] .bp-mega__feature { border-color: #ff0; }
@media (prefers-reduced-motion: reduce) {
  .bp-mega, .bp-mega__item, .bp-mega__proj, .bp-mega__feature, .bp-mega__ico, .bp-mega__thumb img { transition: none !important; transform: none !important; }
}
html[data-bp-motion] .bp-mega, html[data-bp-motion] .bp-mega__item, html[data-bp-motion] .bp-mega__proj, html[data-bp-motion] .bp-mega__feature { transition: none !important; transform: none !important; }

/* ---- Mobil menü (akordeon) ---- */
.bp-mobile-nav .bp-mm-acc { border-bottom: 1px solid var(--bp-border); }
.bp-mobile-nav .bp-mm-acc > summary {
  list-style: none; display: flex; align-items: center; gap: 12px; padding: 14px 0; cursor: pointer;
  font-weight: 650; color: var(--bp-text);
}
.bp-mobile-nav .bp-mm-acc > summary::-webkit-details-marker { display: none; }
.bp-mobile-nav .bp-mm-acc > summary .bp-mm-chev { margin-left: auto; width: 18px; height: 18px; color: var(--bp-yellow); transition: transform .2s ease; }
.bp-mobile-nav .bp-mm-acc[open] > summary .bp-mm-chev { transform: rotate(180deg); }
.bp-mobile-nav .bp-mm-acc[open] > summary { color: var(--bp-yellow); }
.bp-mobile-nav .bp-mm-ico { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; flex: 0 0 auto; color: var(--bp-yellow); background: rgba(255,204,0,.09); border: 1px solid rgba(255,204,0,.22); }
.bp-mobile-nav .bp-mm-ico .bp-ic { width: 18px; height: 18px; }
.bp-mobile-nav .bp-mm-acc .bp-mobile-sub { padding: 0 0 12px; }
.bp-mobile-nav .bp-mm-acc .bp-mobile-sub a {
  display: flex; align-items: center; gap: 12px; padding: 11px 6px 11px 4px; border-bottom: 0; font-weight: 550; color: var(--bp-text-2); font-size: .94rem; border-radius: 10px;
}
.bp-mobile-nav .bp-mm-acc .bp-mobile-sub a .bp-ic { width: 17px; height: 17px; color: var(--bp-yellow); }
.bp-mobile-nav .bp-mm-acc .bp-mobile-sub a:hover { color: var(--bp-text); background: var(--bp-yellow-soft); }
.bp-mobile-nav .bp-mm-plain { display: flex !important; align-items: center; gap: 12px; }
.bp-mobile-nav .bp-mm-quick { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 14px; }
.bp-mobile-nav .bp-mm-quick a { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 10px; border: 1px solid var(--bp-border); border-radius: 12px; font-size: .9rem; }
.bp-mobile-nav .bp-mm-quick a .bp-ic { width: 17px; height: 17px; color: var(--bp-yellow); }
html[data-theme="light"] .bp-mobile-nav .bp-mm-acc > summary { color: #202631; }
html[data-theme="light"] .bp-mobile-nav .bp-mm-acc[open] > summary { color: var(--bp-yellow-strong); }
html[data-theme="light"] .bp-mobile-nav .bp-mm-ico { background: rgba(230,173,0,.12); color: var(--bp-yellow-strong); }
/* Esc ile kapatma: kısa süre bastır */
.bp-nav__item--mega.is-suppressed > .bp-mega { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transition: none !important; }

/* Dar masaüstü (1025–1240 px): üst menü tek satırda kalsın */
.bp-nav__link, .bp-header__cta .bp-btn { white-space: nowrap; }
@media (max-width: 1240px) and (min-width: 1025px) {
  .bp-header__row { gap: 14px; }
  .bp-nav { gap: 0; }
  .bp-nav__link { padding: 9px 9px; font-size: .88rem; gap: 4px; }
  .bp-header__cta .bp-btn { padding-left: 16px; padding-right: 16px; font-size: .88rem; }
  .bp-logo__img { width: 138px; height: auto; }
}

/* Sektör/bölge sütunu: "sadece bunlara hizmet veriyoruz" izlenimini kaldıran çip düzeni */
.bp-mega__lead { margin: 0 0 14px; padding: 0 12px; font-size: .84rem; line-height: 1.55; color: var(--bp-text-2); }
.bp-mega__mini { margin: 14px 0 8px; padding: 0 12px; font-size: .72rem; font-weight: 600; letter-spacing: .06em; color: var(--bp-text-3); }
.bp-chips { display: flex; flex-wrap: wrap; gap: 8px; padding: 0 12px; }
.bp-chip {
  display: inline-flex; align-items: center; gap: 7px; padding: 7px 12px 7px 10px; border-radius: 999px; text-decoration: none;
  font-size: .82rem; font-weight: 600; color: var(--bp-text); border: 1px solid var(--bp-border); background: rgba(255,255,255,.03);
  opacity: 0; transform: translateY(6px); transition: border-color .2s ease, background .2s ease, color .2s ease;
}
.bp-nav__item--mega:hover .bp-chip, .bp-nav__item--mega:focus-within .bp-chip, .bp-nav__item--mega.is-open .bp-chip {
  opacity: 1; transform: none;
  transition: opacity .3s ease calc(var(--i, 0) * 28ms + 60ms), transform .3s ease calc(var(--i, 0) * 28ms + 60ms), border-color .2s ease, background .2s ease, color .2s ease;
}
.bp-chip .bp-ic { width: 15px; height: 15px; color: var(--bp-yellow); }
.bp-chip:hover, .bp-chip:focus-visible { border-color: var(--bp-yellow); background: var(--bp-yellow-soft); color: var(--bp-yellow); outline: none; }
.bp-mega__more { display: inline-flex; align-items: center; gap: 8px; margin: 16px 12px 0; font-size: .86rem; font-weight: 650; color: var(--bp-yellow); text-decoration: none; }
.bp-mega__more .bp-ic { width: 15px; height: 15px; transition: transform .2s ease; }
.bp-mega__more:hover .bp-ic { transform: translateX(4px); }
.bp-mega__more:hover { text-decoration: underline; }
html[data-theme="light"] .bp-chip { background: #fff; }
html[data-theme="light"] .bp-mega__more { color: #8a6100; }
html[data-theme="light"] .bp-chip:hover { color: #8a6100; }
@media (prefers-reduced-motion: reduce) { .bp-chip { transition: none !important; transform: none !important; } }

/* Üst şerit (topbar) köşe yarıçapı menüyle aynı: 8 px chip, 10 px sarı düğme (22.10.2026) */
.bp-topbar a, .bp-topbar__right > span, .bp-topbar .bp-lang__btn { border-radius: 8px; }
.bp-topbar a.bp-topbar__guide { border-radius: 10px; }
.bp-chip, .bp-mega__badge { border-radius: 8px; }

/* "Nasıl Çalışıyoruz" adımları */
.bp-mega__steps { list-style: none; margin: 0; padding: 0 12px; display: grid; gap: 14px; counter-reset: none; }
.bp-mega__steps li { display: flex; gap: 14px; align-items: flex-start; opacity: 0; transform: translateY(8px); }
.bp-nav__item--mega:hover .bp-mega__steps li, .bp-nav__item--mega:focus-within .bp-mega__steps li, .bp-nav__item--mega.is-open .bp-mega__steps li {
  opacity: 1; transform: none; transition: opacity .3s ease calc(var(--i, 0) * 28ms + 60ms), transform .3s ease calc(var(--i, 0) * 28ms + 60ms);
}
.bp-mega__no {
  width: 30px; height: 30px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 8px; font-weight: 800; font-size: .86rem;
  color: var(--bp-yellow); background: rgba(255,204,0,.09); border: 1px solid rgba(255,204,0,.28);
}
html[data-theme="light"] .bp-mega__no { color: #8a6100; background: rgba(230,173,0,.14); border-color: rgba(201,145,0,.35); }
@media (prefers-reduced-motion: reduce) { .bp-mega__steps li { transition: none !important; transform: none !important; } }