/* Betonart — beton grisi zemin, asfalt siyahı, sinyal kırmızısı; geniş kesim başlıklar, sıfır köşe, sert ofset gölgeler */
:root {
    --ink: #151618; --text: #3c3f44; --muted: #6a6e75;
    --bg: #efede9; --bg-alt: #e4e1db; --line: #1b1d20; --card: #fbfaf8;
    --r: 0; --r-sm: 0; --r-lg: 0; --btn-r: 0;
    --shadow: 6px 6px 0 #1b1d20; --shadow-lg: 10px 10px 0 #1b1d20;
    --head: 'Archivo', 'Arial Black', sans-serif; --body: 'Work Sans', system-ui, sans-serif; --head-w: 800; --header: 80px;
    --soft: #cfcbc3;
}
body { background: var(--bg); }
h1, h2, h3, .h2, .h3 { font-stretch: 118%; text-transform: uppercase; letter-spacing: -.01em; }
h1 { font-size: clamp(2.5rem, 6.4vw, 5.6rem); line-height: .95; font-weight: 900; }
h2 { line-height: 1.02; }
.c-body h3, .faq summary, .h4, .h5 { text-transform: none; font-stretch: 105%; }
.kicker { display: inline-block; padding: 4px 10px; background: var(--ink); color: #fff; font-family: var(--head); font-stretch: 112%; letter-spacing: .1em; font-size: .74rem; }
.btn { font-family: var(--head); font-stretch: 110%; text-transform: uppercase; letter-spacing: .03em; font-size: .86rem; border-width: 2px; box-shadow: 4px 4px 0 var(--ink); transition: transform .12s, box-shadow .12s; }
.btn:hover { transform: translate(2px, 2px); box-shadow: 2px 2px 0 var(--ink); }
.btn-accent { background: var(--accent); border-color: var(--ink); color: #fff; }
.btn-accent:hover { background: #bf2c14; color: #fff; }
.btn-primary { background: var(--ink); border-color: var(--ink); color: #fff; }
.btn-primary:hover { background: #33363b; color: #fff; }
.btn-outline, .btn-soft { background: var(--card); border-color: var(--ink); color: var(--ink); }
.btn-outline:hover, .btn-soft:hover { background: #fff; color: var(--ink); border-color: var(--ink); }
a { color: #b02a14; }
a:hover { color: var(--ink); }

/* Menü: beyaz, kalın alt çizgi */
.site-header { background: var(--card); border-bottom: 3px solid var(--ink); }
.site-header.scrolled { box-shadow: 0 4px 0 rgba(27, 29, 32, .12); }
.brand-mark { background: var(--accent); color: #fff; border-radius: 0; border: 2px solid var(--ink); box-shadow: 3px 3px 0 var(--ink); }
.brand-text strong { font-family: var(--head); font-stretch: 125%; font-weight: 900; font-size: 1.5rem; letter-spacing: .02em; }
.brand-text small { font-weight: 600; color: var(--muted); text-transform: uppercase; letter-spacing: .08em; font-size: .68rem; }
.nav-list > li > a { font-weight: 700; text-transform: uppercase; font-size: .82rem; letter-spacing: .05em; }
.nav-list > li > a.on { color: var(--accent); }
.nav-list > li > a.on::after { content: ''; display: block; height: 3px; background: var(--accent); margin-top: 2px; }
.drop { border: 2px solid var(--ink); border-radius: 0; box-shadow: var(--shadow); }
.drop-ic { border-radius: 0; background: var(--bg); }
.phone-chip { font-weight: 800; }
.phone-chip .ic { color: var(--accent); }
.nav-toggle { border-radius: 0; border: 2px solid var(--ink); background: var(--card); }

/* Üst bölüm: ortalı tipografi + altında görsel şeridi */
.bt-hero { padding: 70px 0 0; background: var(--bg); background-image: repeating-linear-gradient(-45deg, transparent 0 22px, rgba(27, 29, 32, .035) 22px 24px); border-bottom: 3px solid var(--ink); }
.bt-hero-in { text-align: center; max-width: 1040px; }
.bt-tag { display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px; border: 2px solid var(--ink); background: var(--card); font-weight: 700; font-size: .86rem; text-transform: uppercase; letter-spacing: .06em; }
.bt-tag .ic { color: var(--accent); }
.bt-hero h1 { margin: 26px 0 22px; }
.bt-hero .lead { max-width: 720px; margin: 0 auto; font-size: 1.14rem; color: var(--text); }
.bt-actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 16px; margin-top: 34px; }
.bt-strip { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 16px; margin-top: 60px; transform: translateY(3px); }
.bt-strip img { width: 100%; height: 100%; object-fit: cover; display: block; }
.bt-s-main, .bt-s-item { position: relative; margin: 0; height: 280px; border: 3px solid var(--ink); border-bottom: 0; overflow: hidden; background: #2a2c30; }
.bt-s-main figcaption, .bt-s-item span { position: absolute; left: 0; bottom: 0; display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; background: var(--ink); color: #fff; font-weight: 700; font-size: .84rem; }
.bt-s-item span { background: var(--accent); }
.bt-s-item img { transition: transform .4s; }
.bt-s-item:hover img { transform: scale(1.05); }

/* Rakamlar */
.bt-stats { background: var(--ink); color: #fff; padding: 0; }
.bt-stats .stats-grid { gap: 0; }
.bt-stats .stat-item { padding: 40px 20px; border-right: 1px solid #3a3d42; }
.bt-stats .stat-item:last-child { border-right: 0; }
.bt-stats .stat-item strong { font-family: var(--head); font-stretch: 125%; font-weight: 900; color: #fff; }
.bt-stats .stat-item span { color: #b9bcc2; text-transform: uppercase; font-size: .78rem; letter-spacing: .08em; font-weight: 600; }

/* Kartlar: kalın çerçeve + ofset gölge */
.card { border: 2px solid var(--ink); box-shadow: var(--shadow); background: var(--card); }
.card:hover { box-shadow: var(--shadow-lg); transform: translate(-3px, -3px); }
.c-media { border-bottom: 2px solid var(--ink); }
.c-ic { border-radius: 0; background: var(--accent); color: #fff; border: 2px solid var(--ink); }
.svc-card.has-img .c-ic { background: var(--accent); box-shadow: none; }
.c-meta { border-radius: 0; background: var(--bg); border: 1px solid var(--soft); font-weight: 700; }
.c-badge { border-radius: 0; background: var(--ink); color: #fff; font-family: var(--head); }
.c-cat { color: var(--accent); text-transform: uppercase; letter-spacing: .08em; }
.c-more { color: var(--ink); text-transform: uppercase; font-size: .8rem; letter-spacing: .06em; }
.c-attrs { border-color: var(--soft); }
.bt-svc { background: var(--bg-alt); border-bottom: 3px solid var(--ink); }

/* Makine parkı + hizmet bölgesi */
.bt-fleet-grid { display: grid; grid-template-columns: 1.25fr 1fr; gap: 30px; align-items: stretch; }
.bt-box { padding: 38px; background: var(--card); border: 3px solid var(--ink); box-shadow: var(--shadow-lg); }
.bt-box h2 { font-size: clamp(1.5rem, 2.6vw, 2.1rem); margin: 16px 0 22px; }
.bt-mlist { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; border-top: 2px solid var(--ink); }
.bt-mlist li { display: grid; grid-template-columns: 64px 1fr; grid-template-rows: auto auto; column-gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--soft); }
.bt-mlist li:nth-child(odd) { padding-right: 18px; border-right: 1px solid var(--soft); }
.bt-mlist li:nth-child(even) { padding-left: 18px; }
.bt-mlist strong { grid-row: span 2; font-family: var(--head); font-stretch: 125%; font-weight: 900; font-size: 2.1rem; line-height: 1; color: var(--accent); }
.bt-mlist span { font-weight: 700; color: var(--ink); }
.bt-mlist em { font-style: normal; font-size: .84rem; color: var(--muted); }
.bt-box-foot { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; margin-top: 26px; }
.bt-box-foot .link-more { margin: 0; color: var(--ink); }
.bt-area { background: var(--accent); color: #fff; }
.bt-area .kicker { background: #fff; color: var(--ink); }
.bt-area h2 { color: #fff; }
.bt-area p { color: rgba(255, 255, 255, .9); }
.bt-chips { list-style: none; margin: 22px 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.bt-chips li { display: flex; align-items: center; gap: 8px; padding: 10px 12px; background: #fff; color: var(--ink); font-weight: 700; border: 2px solid var(--ink); }
.bt-chips .ic { color: var(--accent); }
.bt-more-area { display: flex; align-items: center; gap: 8px; margin: 0; font-weight: 600; }

/* İşler, adımlar */
.bt-items { background: var(--bg-alt); border-top: 3px solid var(--ink); border-bottom: 3px solid var(--ink); }
.bt-steps .steps { gap: 0; border: 3px solid var(--ink); background: var(--card); box-shadow: var(--shadow-lg); }
.bt-steps .steps li { border: 0; border-right: 2px solid var(--ink); border-radius: 0; background: transparent; padding: 30px 26px; }
.bt-steps .steps li:last-child { border-right: 0; }
.bt-steps .st-no { position: static; display: block; font-family: var(--head); font-stretch: 125%; font-weight: 900; font-size: 3rem; line-height: 1; color: var(--accent); margin-bottom: 14px; }
.bt-steps .st-ic { display: none; }
.bt-steps h3 { font-size: 1.05rem; }

/* Hakkımızda */
.about-media img { border: 3px solid var(--ink); box-shadow: var(--shadow-lg); border-radius: 0; filter: grayscale(1) contrast(1.1); }
.about-badge { border-radius: 0; background: var(--accent); border: 3px solid var(--ink); box-shadow: 5px 5px 0 var(--ink); }
.about-badge strong { font-family: var(--head); font-stretch: 125%; }
.tick-list li > span { border-radius: 0; background: var(--ink); }

/* Ekip */
.team-card .c-media img { filter: grayscale(1); }
.c-tags li, .mr-tags li, .pill-links a, .pill-links span, .toc a { border-radius: 0; }
.c-role { color: var(--accent); text-transform: uppercase; font-size: .78rem; letter-spacing: .06em; }

/* Form, SSS */
.bt-faq { background: var(--bg-alt); border-top: 3px solid var(--ink); }
.form-card { border: 3px solid var(--ink); border-radius: 0; box-shadow: var(--shadow-lg); background: var(--card); }
.field input, .field select, .field textarea, .fp-field select, .fp-field input, .search-box { border-radius: 0; border: 2px solid var(--ink); background: #fff; }
.field input:focus, .field select:focus, .field textarea:focus { box-shadow: 3px 3px 0 var(--accent); border-color: var(--ink); }
.faq { border: 2px solid var(--ink); border-radius: 0; background: var(--card); }
.faq summary i { border-radius: 0; background: var(--bg); }
.faq[open] summary i { background: var(--accent); color: #fff; }

/* İç sayfalar */
.page-hero { background: var(--ink); border-bottom: 6px solid var(--accent); }
.page-hero h1 { color: #fff; font-size: clamp(2.1rem, 4.6vw, 3.8rem); }
.page-hero .lead { color: #c6c8cc; }
.crumbs a { color: #9a9ea5; }
.crumbs [aria-current] { color: #ff7a5c; }
.crumbs .sep { color: #5d6167; }
.ph-deco { color: rgba(255, 255, 255, .06); }
.filter-pills a { border-radius: 0; border: 2px solid var(--ink); background: var(--card); color: var(--ink); font-weight: 700; }
.filter-pills a.on, .filter-pills a:hover { background: var(--ink); color: #fff; border-color: var(--ink); }
.filter-panel, .spec-box, .fact, .topic-box, .c-card, .side-list, .note, .toc { border: 2px solid var(--ink); border-radius: 0; box-shadow: none; }
.fact > span, .c-card > span, .side-list a span { border-radius: 0; background: var(--accent); color: #fff; }
.side-call { background: var(--accent); border: 2px solid var(--ink); border-radius: 0; }
.prose table { border: 2px solid var(--ink); }
.prose th { background: var(--ink); color: #fff; }
.gb-main, .gb-t { border-radius: 0; }
.cta-band { border-top: 3px solid var(--ink); }
.cta-band.has-img::before { background: linear-gradient(90deg, rgba(21, 22, 24, .95), rgba(21, 22, 24, .55)); }
.site-footer { background: var(--ink); border-top: 6px solid var(--accent); }
.site-footer .brand-mark { box-shadow: none; border-color: #fff; }
.float-bar a { border-radius: 0; }

@media (max-width: 1439px) and (min-width: 961px) {
    .phone-chip { display: none; }
    .nav-list > li > a { font-size: .78rem; letter-spacing: .03em; }
}
@media (max-width: 960px) {
    .bt-strip { grid-template-columns: 1fr 1fr; }
    .bt-s-main { grid-column: 1 / -1; height: 220px; }
    .bt-s-item { height: 180px; }
    .bt-fleet-grid { grid-template-columns: 1fr; }
    .bt-steps .steps li:nth-child(2) { border-right: 0; }
    .bt-steps .steps li:nth-child(-n+2) { border-bottom: 2px solid var(--ink); }
    .bt-stats .stat-item:nth-child(2) { border-right: 0; }
    .bt-stats .stat-item:nth-child(-n+2) { border-bottom: 1px solid #3a3d42; }
}
@media (max-width: 640px) {
    .bt-hero { padding-top: 44px; }
    .bt-actions .btn { width: 100%; }
    .bt-strip { gap: 10px; margin-top: 40px; }
    .bt-s-main { height: 170px; }
    .bt-s-item { height: 140px; }
    .bt-s-item span { font-size: .72rem; padding: 6px 8px; }
    .bt-box { padding: 24px 18px; box-shadow: var(--shadow); }
    .bt-mlist { grid-template-columns: 1fr; }
    .bt-mlist li:nth-child(odd) { padding-right: 0; border-right: 0; }
    .bt-mlist li:nth-child(even) { padding-left: 0; }
    .bt-chips { grid-template-columns: 1fr 1fr; }
    .bt-steps .steps li { border-right: 0; border-bottom: 2px solid var(--ink); }
    .bt-steps .steps li:last-child { border-bottom: 0; }
    .bt-stats .stat-item { padding: 26px 10px; }
    .bt-stats .stat-item strong { font-size: 1.55rem; font-stretch: 105%; white-space: nowrap; }
    h1 { font-size: 2.35rem; }
}