/* ==========================================================================
   Beemessenger teması — DC kaynağından (BeeMessenger Landing.dc.html + SiteNav
   + SiteFooter) taşınan stiller. Kaynak <helmet> içindeki temel gövde stilleri,
   @keyframes ve @media override'ları BURAYA taşındı; DC'ye özel `style-hover`
   attribute'ları eşdeğer `:hover` sınıflarına çevrildi (inline stili ezmek için
   !important gerekir). Palet: lacivert #0C2557, turuncu #F2782A.
   Build gerektirmez — sayfaya <link> ile gelir.
   ========================================================================== */

/* --- Kaynak gövde stilleri (helmet > style) --- */
body { margin: 0; background: #F3F6FC; font-family: 'Space Grotesk', system-ui, sans-serif; }
a { color: #F2782A; text-decoration: none; }
a:hover { color: #FF8A3C; }
::selection { background: #F2782A; color: #fff; }

/* --- Kaynak @keyframes (helmet) --- */
@keyframes bm-float { 0%, 100% { transform: translateY(0) rotate(-3deg); } 50% { transform: translateY(-18px) rotate(2deg); } }
@keyframes bm-marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
@keyframes bm-blink { 0%, 80%, 100% { opacity: 0.25; } 40% { opacity: 1; } }
@keyframes bm-pop { 0% { opacity: 0; transform: translateY(14px) scale(0.96); } 100% { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes bm-pulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(242,120,42,0.5); } 60% { box-shadow: 0 0 0 14px rgba(242,120,42,0); } }
@keyframes bm-slideup { 0% { transform: translateY(100%); } 100% { transform: translateY(0); } }
@keyframes bm-slidein { 0% { transform: translateX(64px); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } }
@keyframes bm-wipe { 0% { transform: translateX(100%); } 100% { transform: translateX(0); } }
@keyframes bm-fadein { 0% { opacity: 0; transform: scale(0.9); } 100% { opacity: 1; transform: scale(1); } }

/* --- style-hover → :hover (DC attribute karşılıkları) --- */
/* İnline style specificity'sini geçmek için !important kullanılır. */
.bm-btn-primary:hover { background: #FF8A3C !important; color: #fff !important; transform: translateY(-2px); }
.bm-btn-primary-flat:hover { background: #FF8A3C !important; color: #fff !important; }
.bm-btn-ghost:hover { border-color: #F2782A !important; color: #F2782A !important; }
.bm-wa-btn:hover { background: #25C971 !important; color: #fff !important; }
.bm-tier-card:hover { transform: translateY(-6px); box-shadow: 0 20px 40px rgba(12,37,87,0.12); }
.bm-feature-card:hover { border-color: #F2782A !important; transform: translateY(-3px); }
.bm-nav-link:hover { color: #F2782A !important; }
.bm-mega-link:hover { background: #F3F6FC !important; color: #101C36 !important; }
.bm-footer-link:hover { color: #F2782A !important; }

/* --- Mega menü aç/kapa (DC sc-if megaVisible → CSS :hover) --- */
/* Panel tüm inline stillerini korur (position:fixed, display:grid); yalnız
   görünürlük :hover ile toggle edilir → kaynak markup harfiyen kalır.
   İki koruma: (1) panel üstündeki ~28px ölü boşluğu görünmez köprü kapatır
   (link→panel inişinde hover kopmaz), (2) kapanış 200ms gecikmeli — orijinal
   DC megaClose'un 180ms grace davranışının CSS karşılığı. */
.bm-mega-panel { opacity: 0; visibility: hidden; transition: opacity 0.15s ease 0.2s, visibility 0s linear 0.35s; }
.bm-mega-panel::before { content: ""; position: absolute; left: 0; right: 0; top: -30px; height: 30px; }
.bm-mega-parent:hover .bm-mega-panel { opacity: 1; visibility: visible; transition: opacity 0.15s ease, visibility 0s; }

/* --- Telefon mockup sahne makinesi (assets/js/bm-demo.js): sohbet → BeeFlow → sepet döngüsü --- */
/* Eski CSS döngü keyframe'leri (bm-chat-loop-*) KALDIRILDI; sahne artık JS ile sürülür.
   Görünürlük ve içerik JS toggle eder; giriş animasyonları (bm-pop/bm-slideup/bm-slidein/
   bm-wipe/bm-fadein) markup'ta inline durur — bir öğe display:none → görünür olunca
   tarayıcı inline animasyonu baştan oynatır, ek keyframe gerekmez. */
.bm-hidden { display: none !important; }

/* --- Kaynak @media (max-width: 880px) override'ları (helmet) --- */
@media (max-width: 880px) {
  h1 { font-size: 36px !important; letter-spacing: -0.01em !important; }
  h2 { font-size: 27px !important; }
  section { padding-left: 20px !important; padding-right: 20px !important; }
  section [style*="grid-template-columns"]:not([style*="72px"]):not([style*="1fr 1fr 1fr"]) { grid-template-columns: 1fr !important; }
  section [style*="repeat(4, 1fr)"] { grid-template-columns: 1fr 1fr !important; }
  aside { position: static !important; }
}
@media (max-width: 880px) {
  header { padding-left: 0 !important; padding-right: 0 !important; }
  header > div[style*="grid-template-columns"] { grid-template-columns: 1fr !important; padding: 44px 20px 24px !important; gap: 24px !important; }
  header [style*="gap: 36px"] { flex-wrap: wrap !important; gap: 20px !important; }
  [style*="scale(0.82)"] { transform: scale(0.58) !important; margin-bottom: -350px !important; }
  [style*="width: 400px"] { width: 100% !important; max-width: 400px !important; }
  #demo > div { flex-direction: column !important; text-align: center !important; padding: 32px 24px !important; }
  [data-screen-label="Ticker"] img { width: 110px !important; right: 16px !important; }
}
/* Nav (SiteNav helmet) */
@media (max-width: 880px) {
  nav > div > div[style*="flex: 1"] { display: none !important; }
  nav > div { padding: 10px 16px !important; justify-content: space-between !important; }
}
/* Footer (SiteFooter helmet) */
@media (max-width: 880px) {
  footer > div { padding: 44px 20px 20px !important; }
  footer [style*="grid-template-columns"] { grid-template-columns: 1fr 1fr !important; }
  footer [style*="grid-template-columns"] > div:first-child { grid-column: 1 / -1; }
  footer [style*="margin-top: 44px"] { flex-wrap: wrap !important; }
}

/* ==========================================================================
   ALT SAYFALAR — Blog listesi/detay, SSS akordeonu, ekip/değer kartları.
   Kaynak DC style-hover'ları + native <details> akordeon davranışı buraya taşındı.
   ========================================================================== */

/* --- Blog kart / öne çıkan hover (Blog.dc.html style-hover) --- */
.bm-blog-card { transition: transform 0.18s ease, box-shadow 0.18s ease; }
.bm-blog-card:hover { transform: translateY(-5px); box-shadow: 0 18px 40px rgba(12,37,87,0.12); color: #101C36 !important; }
.bm-blog-featured { transition: transform 0.18s ease, box-shadow 0.18s ease; }
.bm-blog-featured:hover { transform: translateY(-4px); box-shadow: 0 24px 60px rgba(12,37,87,0.25); color: #fff !important; }

/* --- SSS akordeonu: native <details>/<summary>, JS'siz +/- işareti (SSS.dc.html) --- */
.bm-faq > summary { list-style: none; }
.bm-faq > summary::-webkit-details-marker { display: none; }
.bm-faq > summary:hover { background: #F8FAFE; }
.bm-faq-mark::after { content: "+"; }
.bm-faq[open] .bm-faq-mark::after { content: "\2212"; } /* − */

/* --- Blog yazısı gövde tipografisi (admin içeriği: h2/p/ul/img/quote) --- */
.bm-article-body h2 { margin: 34px 0 14px; color: #0C2557; font-size: 26px; font-weight: 700; letter-spacing: -0.01em; scroll-margin-top: 96px; }
.bm-article-body h3 { margin: 26px 0 12px; color: #0C2557; font-size: 21px; font-weight: 700; }
.bm-article-body p { margin: 0 0 22px; }
.bm-article-body ul, .bm-article-body ol { margin: 0 0 22px; padding-left: 22px; }
.bm-article-body li { margin-bottom: 8px; }
.bm-article-body img { max-width: 100%; height: auto; border-radius: 16px; margin: 12px 0; }
.bm-article-body a { color: #F2782A; }
.bm-article-body blockquote { margin: 24px 0; padding: 12px 22px; border-left: 4px solid #F2782A; color: #4A5670; }

/* Blog yazısı 2 kolon → mobilde tek kolon (aside altta) */
@media (max-width: 880px) {
  article [style*="grid-template-columns: 1fr 300px"] { grid-template-columns: 1fr !important; }
}

/* ==========================================================================
   KENDİ KENDİNİ KURAN INSERT DEMOSU (assets/js/bm-insert-demo.js)
   #insert sol kolonundaki maket; JS #bm-insert köküne sahne sınıfları ekler:
   is-band → is-prods → is-prices → is-sheen → is-sent → is-fade → (reset).
   Kural: SINIF = son (statik) durumu belirler; @keyframes yalnız girişi/hareketi
   ekler. Böylece prefers-reduced-motion:reduce'da animasyon kapanır, bitmiş
   insert son durumundan görünür. Kütüphane yok — saf CSS/JS.
   ========================================================================== */

/* Sürekli hafif 3B salınım (perspective) — rotate(-2deg) taban buraya taşındı */
.bm-ins-float { transform: perspective(1400px) rotate(-2deg); transform-style: preserve-3d; animation: bm-ins-sway 7s ease-in-out infinite; }
@keyframes bm-ins-sway {
  0%, 100% { transform: perspective(1400px) rotate(-2deg) rotateY(-4deg) rotateX(1.4deg); }
  50%      { transform: perspective(1400px) rotate(-2deg) rotateY(4deg)  rotateX(-1.4deg); }
}

/* Kart gövdesi: gönderim küçülür/geriler, fade başa sarar (yumuşak geçiş) */
.bm-ins-card { transition: transform 0.5s ease, opacity 0.5s ease; }
#bm-insert.is-sent .bm-ins-card { transform: scale(0.93) translateX(-6px); opacity: 0.92; }
#bm-insert.is-fade .bm-ins-card { opacity: 0.12; }

/* Başlık bandı: iskelette soluk, is-band'de yukarıdan düşer + tarih rozeti belirir */
.bm-ins-band { opacity: 0.28; }
#bm-insert.is-band .bm-ins-band { opacity: 1; animation: bm-ins-drop 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) both; }
@keyframes bm-ins-drop { 0% { opacity: 0; transform: translateY(-120%); } 100% { opacity: 1; transform: translateY(0); } }
.bm-ins-date { opacity: 0; }
#bm-insert.is-band .bm-ins-date { opacity: 1; animation: bm-fadein 0.4s 0.35s ease-out both; }

/* Ürün slotu: iskelette kesikli boş kutu; is-prods'de içerik yerine uçar (spring) */
.bm-ins-prod { border: 1px dashed rgba(16,28,54,0.3); transition: border-color 0.4s ease; }
#bm-insert.is-prods .bm-ins-prod { border-style: solid; border-color: rgba(16,28,54,0.1); }
.bm-ins-prod-in { opacity: 0; }
#bm-insert.is-prods .bm-ins-prod-in { opacity: 1; animation: bm-ins-fly 0.55s cubic-bezier(0.2, 0.9, 0.3, 1.25) both; }
@keyframes bm-ins-fly {
  0%   { opacity: 0; transform: translateY(-26px) scale(0.6) rotate(-8deg); }
  70%  { opacity: 1; transform: translateY(3px) scale(1.04) rotate(2deg); }
  100% { opacity: 1; transform: translateY(0) scale(1) rotate(0); }
}
#bm-insert.is-prods .bm-ins-prod:nth-child(1) .bm-ins-prod-in { animation-delay: 0s; }
#bm-insert.is-prods .bm-ins-prod:nth-child(2) .bm-ins-prod-in { animation-delay: 0.42s; }
#bm-insert.is-prods .bm-ins-prod:nth-child(3) .bm-ins-prod-in { animation-delay: 0.84s; }
#bm-insert.is-prods .bm-ins-prod:nth-child(4) .bm-ins-prod-in { animation-delay: 1.26s; }
#bm-insert.is-prods .bm-ins-prod:nth-child(5) .bm-ins-prod-in { animation-delay: 1.68s; }
#bm-insert.is-prods .bm-ins-prod:nth-child(6) .bm-ins-prod-in { animation-delay: 2.1s; }

/* Fiyat damgaları: indirimli fiyat basılır (scale 1.7→1 + rotate), eski fiyatın üstü çizilir */
.bm-ins-prices { opacity: 0; }
#bm-insert.is-prices .bm-ins-prices { opacity: 1; }
.bm-ins-price { display: inline-block; transform-origin: left center; }
#bm-insert.is-prices .bm-ins-price { animation: bm-ins-stamp 0.5s cubic-bezier(0.2, 1.3, 0.4, 1) both; }
@keyframes bm-ins-stamp {
  0%   { opacity: 0; transform: scale(1.7) rotate(-7deg); }
  60%  { opacity: 1; transform: scale(0.92) rotate(3deg); }
  100% { opacity: 1; transform: scale(1) rotate(0); }
}
.bm-ins-strike { position: absolute; left: -1px; top: 54%; height: 1.5px; width: 0; background: #9AA3B5; }
#bm-insert.is-prices .bm-ins-strike { width: 110%; animation: bm-ins-strike 0.4s ease-out both; }
@keyframes bm-ins-strike { 0% { width: 0; } 100% { width: 110%; } }
#bm-insert.is-prices .bm-ins-prod:nth-child(1) .bm-ins-price, #bm-insert.is-prices .bm-ins-prod:nth-child(1) .bm-ins-strike { animation-delay: 0s; }
#bm-insert.is-prices .bm-ins-prod:nth-child(2) .bm-ins-price, #bm-insert.is-prices .bm-ins-prod:nth-child(2) .bm-ins-strike { animation-delay: 0.2s; }
#bm-insert.is-prices .bm-ins-prod:nth-child(3) .bm-ins-price, #bm-insert.is-prices .bm-ins-prod:nth-child(3) .bm-ins-strike { animation-delay: 0.4s; }
#bm-insert.is-prices .bm-ins-prod:nth-child(4) .bm-ins-price, #bm-insert.is-prices .bm-ins-prod:nth-child(4) .bm-ins-strike { animation-delay: 0.6s; }
#bm-insert.is-prices .bm-ins-prod:nth-child(5) .bm-ins-price, #bm-insert.is-prices .bm-ins-prod:nth-child(5) .bm-ins-strike { animation-delay: 0.8s; }
#bm-insert.is-prices .bm-ins-prod:nth-child(6) .bm-ins-price, #bm-insert.is-prices .bm-ins-prod:nth-child(6) .bm-ins-strike { animation-delay: 1s; }

/* Parlama: kart üzerinden diyagonal sheen süpürmesi */
.bm-ins-sheen { position: absolute; inset: 0; pointer-events: none; opacity: 0; background: linear-gradient(105deg, transparent 34%, rgba(255,255,255,0.55) 50%, transparent 66%); transform: translateX(-120%); }
#bm-insert.is-sheen .bm-ins-sheen { opacity: 1; animation: bm-ins-sheen 1s ease-in-out both; }
@keyframes bm-ins-sheen { 0% { transform: translateX(-120%); } 100% { transform: translateX(120%); } }

/* "✦ AI OLUŞTURDU" rozeti: parlama anında pop ile oturur (is-done = statik/azaltılmış hareket) */
#bm-insert-badge { opacity: 0; transform: scale(0.4) rotate(4deg); transform-origin: center; }
#bm-insert.is-sheen #bm-insert-badge, #bm-insert.is-sent #bm-insert-badge, #bm-insert.is-fade #bm-insert-badge, #bm-insert.is-done #bm-insert-badge { opacity: 1; transform: scale(1) rotate(4deg); }
#bm-insert.is-sheen #bm-insert-badge { animation: bm-ins-badge 0.55s cubic-bezier(0.2, 1.5, 0.4, 1) both; }
@keyframes bm-ins-badge {
  0%   { opacity: 0; transform: scale(0.3) rotate(4deg); }
  70%  { opacity: 1; transform: scale(1.15) rotate(4deg); }
  100% { opacity: 1; transform: scale(1) rotate(4deg); }
}

/* Rozet etrafında CSS konfeti (span'lar --dx/--dy yönüyle patlar) */
.bm-ins-confetti { position: absolute; top: -6px; right: 8px; width: 0; height: 0; pointer-events: none; }
.bm-ins-confetti span { position: absolute; width: 8px; height: 8px; border-radius: 2px; opacity: 0; }
#bm-insert.is-sheen .bm-ins-confetti span { animation: bm-ins-confetti 0.9s 0.15s ease-out both; }
@keyframes bm-ins-confetti {
  0%   { opacity: 1; transform: translate(0, 0) scale(1) rotate(0); }
  100% { opacity: 0; transform: translate(var(--dx), var(--dy)) scale(0.4) rotate(240deg); }
}

/* Gönderim balonu: is-sent'te yandan çıkar; ✓✓ maviye döner */
#bm-insert-wa { opacity: 0; transform: translateX(28px) scale(0.9); }
#bm-insert.is-sent #bm-insert-wa { animation: bm-ins-wa 0.5s 0.25s cubic-bezier(0.2, 0.8, 0.2, 1) both; }
@keyframes bm-ins-wa { 0% { opacity: 0; transform: translateX(28px) scale(0.9); } 100% { opacity: 1; transform: translateX(0) scale(1); } }
.bm-ins-ticks { color: #7C8AA0; transition: color 0.4s ease; }
#bm-insert.is-sent .bm-ins-ticks { color: #34B7F1; transition-delay: 0.75s; }

/* Sağ kolondaki 3 adım sahneyle senkron vurgulanır (is-armed → JS aktifse) */
#bm-ins-steps.is-armed .bm-ins-step { opacity: 0.4; transition: opacity 0.45s ease; }
#bm-ins-steps.is-armed .bm-ins-step.is-active { opacity: 1; }
.bm-ins-num { transition: transform 0.35s ease, box-shadow 0.35s ease; }
#bm-ins-steps.is-armed .bm-ins-step.is-active .bm-ins-num { transform: scale(1.14); box-shadow: 0 0 0 5px rgba(242,120,42,0.2); }

/* Azaltılmış hareket: animasyon/geçiş yok, bitmiş insert statik; adımlar tam görünür */
@media (prefers-reduced-motion: reduce) {
  #bm-insert *, #bm-insert-badge, #bm-insert-wa, .bm-ins-float { animation: none !important; transition: none !important; }
  .bm-ins-float { transform: perspective(1400px) rotate(-2deg); }
  #bm-ins-steps.is-armed .bm-ins-step { opacity: 1; }
}

/* ==========================================================================
   SEKTÖRLER bölümü (anasayfa #sektorler) — beecorp.com.tr mega menüsündeki
   6 sektör kartının tema karşılığı. 2 kart gerçek lottie (Hastane/Üniversite,
   assets/js/bm-sektor.js sürer), 4 kart SVG ikon + hafif sürekli float.
   Başlıkta düşük opaklı dekoratif lottie aksanı. Kart görsel alanı beecorp'taki
   daire çerçeve (framed-circle) görünümü. Palet: lacivert #0C2557, turuncu #F2782A.
   prefers-reduced-motion:reduce → float/geçiş durur (lottie hiç kurulmaz; JS
   yedek SVG ikonu görünür bırakır).
   ========================================================================== */
.bm-sektor-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
@media (max-width: 900px) { .bm-sektor-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .bm-sektor-grid { grid-template-columns: 1fr; } }

.bm-sektor-card { background: #ffffff; border: 1px solid rgba(16,28,54,0.08); border-radius: 20px; padding: 30px 26px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 8px; transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; }
.bm-sektor-card:hover { transform: translateY(-6px); box-shadow: 0 20px 44px rgba(12,37,87,0.14); border-color: rgba(242,120,42,0.4); }

/* Daire çerçeve (framed-circle) */
.bm-sektor-frame { position: relative; width: 120px; height: 120px; margin-bottom: 8px; border-radius: 50%; background: radial-gradient(circle at 50% 35%, #F3F6FC, #EAF0FA); border: 1px solid rgba(12,37,87,0.08); display: flex; align-items: center; justify-content: center; overflow: hidden; transition: transform 0.25s ease, box-shadow 0.25s ease; }
.bm-sektor-card:hover .bm-sektor-frame { transform: scale(1.06); box-shadow: 0 10px 24px rgba(242,120,42,0.18); }

/* SVG ikon (img) — turuncu tonlanır (kaynak SVG'de dolgu yok/siyah) */
.bm-sektor-ic { width: 66px; height: 66px; object-fit: contain; }

/* Lottie mount + yedek SVG (fallback). Lottie kurulunca yedek gizlenir. */
.bm-sektor-lottie { position: absolute; inset: 8px; }
.bm-sektor-lottie svg { width: 100% !important; height: 100% !important; }
.bm-sektor-frame.is-lottie-ready .bm-sektor-fallback { display: none; }

/* 4 SVG kartta çok hafif sürekli süzülme (grid ölü durmasın) */
.bm-sektor-float { animation: bm-sektor-float 4.5s ease-in-out infinite; }
@keyframes bm-sektor-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }

.bm-sektor-ad { margin: 4px 0 0; color: #0C2557; font-size: 19px; font-weight: 700; letter-spacing: -0.01em; }
.bm-sektor-desc { margin: 0; max-width: 260px; color: #4A5670; font-size: 14.5px; line-height: 1.5; text-wrap: pretty; }

/* Başlık dekoratif lottie aksanı — küçük, düşük opaklı, abartısız */
.bm-sektor-dekor { position: absolute; top: -30px; right: 0; width: 116px; height: 116px; opacity: 0.13; pointer-events: none; z-index: 0; }
.bm-sektor-dekor svg { width: 100% !important; height: 100% !important; }
@media (max-width: 900px) { .bm-sektor-dekor { display: none; } }

@media (prefers-reduced-motion: reduce) {
  .bm-sektor-float { animation: none !important; }
  .bm-sektor-card, .bm-sektor-frame { transition: none !important; }
}

/* ==========================================================================
   SEKTÖR DETAY sayfası (pages/sektor-detay.blade.php) — 6 sektör tek şablon.
   Hero'da büyük daire görsel/lottie (.bm-sektor-detay-frame; Hastane/Üniversite
   node'unda id="sektorler" ile bm-sektor.js sürer, diğerlerinde float SVG),
   hizmet kartları grid, faydalar şeridi. Palet aynı: lacivert #0C2557 / turuncu #F2782A.
   ========================================================================== */
.bm-sektor-detay-frame { width: 320px; height: 320px; margin: 0; }
@media (max-width: 900px) { .bm-sektor-detay-frame { width: 240px; height: 240px; } }
@media (max-width: 560px) { .bm-sektor-detay-frame { width: 200px; height: 200px; } }
.bm-sektor-detay-frame .bm-sektor-ic { width: 168px; height: 168px; }
.bm-sektor-detay-frame .bm-sektor-lottie { inset: 24px; }

.bm-sektor-detay-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
@media (max-width: 900px) { .bm-sektor-detay-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .bm-sektor-detay-grid { grid-template-columns: 1fr; } }

.bm-sektor-detay-card { background: #ffffff; border: 1px solid rgba(16,28,54,0.08); border-radius: 18px; padding: 26px 24px; display: flex; flex-direction: column; gap: 12px; transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; }
.bm-sektor-detay-card:hover { transform: translateY(-5px); box-shadow: 0 20px 44px rgba(12,37,87,0.12); border-color: rgba(242,120,42,0.35); }
.bm-sektor-detay-hex { width: 30px; height: 30px; flex: none; background: #F2782A; clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%); }

.bm-sektor-detay-fayda { display: flex; flex-direction: column; gap: 16px; }
.bm-sektor-detay-fayda-item { background: #F3F6FC; border: 1px solid rgba(12,37,87,0.08); border-left: 4px solid #F2782A; border-radius: 14px; padding: 20px 22px; color: #4A5670; font-size: 16px; line-height: 1.65; }

@media (prefers-reduced-motion: reduce) {
  .bm-sektor-detay-card { transition: none !important; }
}