body { background: #0d0d0d; color: #fff; font-family: system-ui, sans-serif; }
section { scroll-margin-top: 4rem; }

.header-industrial { position: fixed; top: 0; left: 0; right: 0; background: #0d0d0d; border-bottom: 3px solid #f5a623; z-index: 1030; }
.header-industrial nav a { color: #fff; text-decoration: none; font-weight: 600; text-transform: uppercase; font-size: 0.8rem; letter-spacing: 0.05em; }
.header-industrial nav a:hover { color: #f5a623; }
.btn-industrial { background: #f5a623; color: #0d0d0d !important; padding: 0.5rem 1rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; border: none; }
.btn-industrial:hover { background: #e0951e; color: #0d0d0d !important; }
.btn-industrial-lg { padding: 0.75rem 1.5rem; font-size: 1rem; }
.border-industrial { border-color: #333 !important; }

.hero-industrial { position: relative; min-height: 85vh; display: flex; align-items: center; padding-top: 76px; }
.hero-industrial-bg { position: absolute; inset: 0; background: #1a1a1a center/cover; }
.hero-industrial-overlay { position: relative; z-index: 1; background: rgba(0,0,0,0.7); padding: 4rem 0; }
.hero-industrial-label { font-size: 0.75rem; letter-spacing: 0.3em; color: #f5a623; margin-bottom: 0.5rem; }
.hero-industrial-title { font-size: clamp(1.75rem, 4vw, 3rem); font-weight: 800; line-height: 1.15; margin-bottom: 0.5rem; color: white; }
.hero-industrial-sub { font-size: 1.1rem; color: #aaa; margin-bottom: 1.5rem; }
.bg-industrial { background: #1a1a1a; }
.industrial-head { font-size: 1rem; font-weight: 800; letter-spacing: 0.2em; color: #f5a623; margin-bottom: 0; }
.accordion-button:not(.collapsed) { background-color: #dee2e6; color: black !important;}

.bar-industrial { background: #f5a623; color: #0d0d0d; }
.bar-num { font-size: 2.5rem; font-weight: 800; }
.bar-suf { font-size: 1.5rem; font-weight: 800; margin-top: -25px; }
.bar-label { font-size: 0.7rem; font-weight: 700; letter-spacing: 0.15em; margin-bottom: 0; margin-top: 0.25rem; }
.bar-industrial .border-industrial { border-color: rgba(0,0,0,0.2) !important; }

.block-industrial { padding: 1.5rem; border: 3px solid #333; transition: border-color 0.2s, background 0.2s; }
.block-industrial:hover { border-color: #f5a623; background: rgba(245,166,35,0.05); }
.block-industrial .block-num { display: block; text-align: right; margin-top: -0.75rem; margin-bottom: 0.5rem; }
.block-num { font-size: 2rem; font-weight: 800; color: #f5a623; }
.referans-row .d-flex { align-items: stretch; }
.referans-row .block-industrial-ref { display: flex; align-items: center; justify-content: center; min-height: 100%; }

.bento { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 140px; gap: 12px; }
.bento-item { background: #1a1a1a; border: 3px solid #333; padding: 1rem; display: flex; align-items: flex-end; position: relative; background-size: cover; background-position: center; }
.bento-item.bento-large { grid-column: span 2; grid-row: span 2; }
.bento-item.bento-img { color: #fff; }
.bento-caption span { font-weight: 800; font-size: 0.9rem; letter-spacing: 0.05em; display: block; }
.bento-caption p { opacity: 0.8; font-size: 0.8rem; }
.bento-item.bento-img .bento-caption { text-shadow: 0 1px 3px rgba(0,0,0,0.8); }

.accordion-industrial .accordion-button:not(.collapsed) { color: #f5a623; }
.accordion-industrial .accordion-button:focus { box-shadow: none; border-color: #333; }

body .text-muted { color: #888 !important; }
body a { color: inherit; }
body a:hover { color: #f5a623; }

@media (max-width: 991px) {
  .bento { grid-template-columns: repeat(2, 1fr); }
  .bento-item.bento-large { grid-column: span 2; grid-row: span 1; min-height: 180px; }
}

#talep-form input::placeholder,
#talep-form textarea::placeholder,
#talep-form select::placeholder {
  color: #888;
}

.counter-with-plus {
  display: flex;
  justify-content: center;
  align-items: center;
}