/********** Template CSS **********/

.back-to-top {
    position: fixed;
    display: none;
    right: 45px;
    bottom: 45px;
    z-index: 99;
}


/*** Spinner ***/
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}


/*** Button ***/
.btn {
    font-family: 'Anton', sans-serif;
    text-transform: uppercase;
    transition: .5s;
}

.btn.btn-primary,
.btn.btn-outline-primary:hover {
    color: #FFFFFF;
}

.btn-square {
    width: 38px;
    height: 38px;
}

.btn-sm-square {
    width: 32px;
    height: 32px;
}

.btn-lg-square {
    width: 48px;
    height: 48px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}

/*** Navbar ***/
.navbar .navbar-brand,
.navbar .navbar-phone {
    height: 75px;
}

.navbar .navbar-nav .nav-link {
    margin-right: 30px;
    padding: 25px 0;
    color: var(--bs-dark);
    font-family: 'Anton', sans-serif;
    text-transform: uppercase;
    outline: none;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
    color: var(--bs-primary);
}

.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    vertical-align: middle;
    margin-left: 8px;
}

@media (max-width: 991.98px) {
    .navbar .navbar-nav .nav-link  {
        margin-right: 0;
        padding: 10px 0;
    }

    .navbar .navbar-nav {
        border-top: 1px solid #EEEEEE;
    }
}

@media (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        border: none;
        margin-top: 0;
        top: 150%;
        opacity: 0;
        visibility: hidden;
        transition: .5s;
    }

    .navbar .nav-item:hover .dropdown-menu {
        top: 100%;
        visibility: visible;
        transition: .5s;
        opacity: 1;
    }
}


/*** Header ***/
.owl-carousel-inner {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    background: rgba(0, 0, 0, .1);
}

@media (max-width: 768px) {
    .header-carousel .owl-carousel-item {
        position: relative;
        min-height: 500px;
    }

    .header-carousel .owl-carousel-item img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .header-carousel .owl-carousel-item p {
        font-size: 16px !important;
    }
}


/*** About ***/
@media (min-width: 992px) {
    .container.about {
        max-width: 100% !important;
    }

    .about-text  {
        padding-right: calc(((100% - 960px) / 2) + .75rem);
    }
}

@media (min-width: 1200px) {
    .about-text  {
        padding-right: calc(((100% - 1140px) / 2) + .75rem);
    }
}

@media (min-width: 1400px) {
    .about-text  {
        padding-right: calc(((100% - 1320px) / 2) + .75rem);
    }
}


/*** Service ***/
.service-item {
    position: relative;
    box-shadow: 0 0 45px rgba(0, 0, 0, .08);
}


/*** Feature ***/
@media (min-width: 992px) {
    .container.feature {
        max-width: 100% !important;
    }

    .feature-text  {
        padding-left: calc(((100% - 960px) / 2) + .75rem);
    }
}

@media (min-width: 1200px) {
    .feature-text  {
        padding-left: calc(((100% - 1140px) / 2) + .75rem);
    }
}

@media (min-width: 1400px) {
    .feature-text  {
        padding-left: calc(((100% - 1320px) / 2) + .75rem);
    }
}


/*** Project Portfolio ***/
.portfolio-inner {
    box-shadow: 0 0 45px rgba(0, 0, 0, .08);
}

.portfolio-img {
    position: relative;
}

.portfolio-cat {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 10px 24px;
    background: rgba(255, 255, 255, .7);
    z-index: 1;
}


/*** Quote ***/
@media (min-width: 992px) {
    .container.quote {
        max-width: 100% !important;
    }

    .quote-text  {
        padding-right: calc(((100% - 960px) / 2) + .75rem);
    }
}

@media (min-width: 1200px) {
    .quote-text  {
        padding-right: calc(((100% - 1140px) / 2) + .75rem);
    }
}

@media (min-width: 1400px) {
    .quote-text  {
        padding-right: calc(((100% - 1320px) / 2) + .75rem);
    }
}


/*** Footer ***/
.footer .btn.btn-link {
    display: block;
    margin-bottom: 5px;
    padding: 0;
    text-align: left;
    color: var(--bs-light);
    font-weight: normal;
    text-transform: uppercase;
    transition: .3s;
}

.footer .btn.btn-link::before {
    position: relative;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 10px;
}

.footer .btn.btn-link:hover {
    color: var(--bs-primary);
    letter-spacing: 1px;
    box-shadow: none;
}

.footer .copyright {
    padding: 25px 0;
    border-top: 1px solid rgba(256, 256, 256, .1);
}

.footer .copyright a {
    color: var(--bs-primary);
}

.footer .copyright a:hover {
    color: var(--bs-light);
}
/* BTE Industrial Components custom layer */
html { scroll-behavior: smooth; }
body { color: #24272b; }
.bte-brand { display:flex; flex-direction:column; line-height:.9; letter-spacing:.04em; }
.bte-brand strong { font-family:'Anton',sans-serif; font-size:2.05rem; color:#15191e; letter-spacing:.08em; }
.bte-brand small { font-size:.58rem; font-weight:700; letter-spacing:.17em; color:#6c757d; margin-top:7px; white-space:nowrap; }
.bte-brand-footer strong { color:#fff; }
.bte-brand-footer small { color:#9aa3ad; }
.hero-overlay { background: linear-gradient(90deg, rgba(10,14,18,.88) 0%, rgba(10,14,18,.62) 48%, rgba(10,14,18,.18) 100%); }
.hero-kicker,.section-kicker { display:inline-block; font-family:'Schibsted Grotesk',sans-serif; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:var(--bs-primary); margin-bottom:14px; }
.process-strip { background:#11161c; color:#fff; }
.process-strip .col-md { border-right:1px solid rgba(255,255,255,.12); padding:12px 8px; }
.process-strip .col-md:last-child { border-right:0; }
.process-strip span { display:block; color:var(--bs-primary); font-family:'Anton',sans-serif; font-size:1.25rem; }
.process-strip strong { font-size:.83rem; text-transform:uppercase; letter-spacing:.06em; }
.service-item img { height:230px; object-fit:cover; filter:saturate(.65) contrast(1.04); transition:.5s; }
.service-item:hover img { transform:scale(1.04); filter:saturate(1); }
.production-flow .flow-card { height:100%; padding:30px; border:1px solid rgba(255,255,255,.13); background:rgba(255,255,255,.035); position:relative; }
.production-flow .flow-card>span { position:absolute; right:20px; top:18px; color:rgba(255,255,255,.16); font-family:'Anton',sans-serif; font-size:2.3rem; }
.production-flow .flow-card i { font-size:2rem; color:var(--bs-primary); margin-bottom:22px; }
.production-flow .flow-card h4 { color:#fff; text-transform:uppercase; }
.production-flow .flow-card p { color:#aeb6bf; margin:0; }
.sector-box { min-height:150px; border:1px solid #e1e4e8; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:14px; padding:20px; transition:.35s; background:#fff; }
.sector-box i { font-size:2rem; color:var(--bs-primary); }
.sector-box strong { text-transform:uppercase; font-size:.9rem; }
.sector-box:hover { transform:translateY(-5px); box-shadow:0 16px 35px rgba(0,0,0,.08); }
.bte-cta { background:linear-gradient(135deg,#11161c 0%,#1b2733 65%,#233849 100%); }
.navbar.sticky-top { top:0; }
@media (max-width:991.98px){
  .bte-brand strong{font-size:1.75rem}.bte-brand small{font-size:.5rem}.display-1{font-size:3.1rem}.display-2{font-size:2.6rem}.display-3{font-size:2.35rem}.process-strip .col-md{border-right:0}
}

/* BTE v2 - integrated partner solutions */
.partner-solutions { background:#f3f5f7; border-top:1px solid #e4e8ec; border-bottom:1px solid #e4e8ec; }
.partner-solutions .lead { color:#20262d; }
.partner-grid .partner-card { min-height:118px; padding:22px; background:#fff; border:1px solid #dfe4e8; display:flex; align-items:center; gap:18px; transition:.3s; }
.partner-grid .partner-card:hover { transform:translateY(-4px); box-shadow:0 14px 34px rgba(0,0,0,.08); }
.partner-grid .partner-card i { width:46px; height:46px; min-width:46px; display:flex; align-items:center; justify-content:center; background:#11161c; color:var(--bs-primary); font-size:1.25rem; }
.partner-grid .partner-card strong { display:block; text-transform:uppercase; letter-spacing:.03em; color:#15191e; }
.partner-grid .partner-card small { display:block; color:#7b858f; margin-top:5px; font-size:.76rem; }
.partner-grid .partner-card-accent { background:#11161c; border-color:#11161c; }
.partner-grid .partner-card-accent strong { color:#fff; }
.partner-grid .partner-card-accent i { background:var(--bs-primary); color:#fff; }
.production-flow .partner-step { border-color:rgba(255,193,7,.48); box-shadow:inset 0 0 0 1px rgba(255,193,7,.08); }
.production-flow .partner-step small { display:inline-block; margin-top:16px; color:var(--bs-primary); font-weight:700; letter-spacing:.12em; font-size:.67rem; }

/* BTE v3: logo, contact and narrow-screen layout */
section[id] { scroll-margin-top: 110px; }
.bte-logo-frame { display:block; position:relative; overflow:hidden; width:196px; height:98px; flex-shrink:0; background:#f5f5f5; }
.bte-logo-frame img { position:absolute; width:230px; max-width:none; height:230px; left:-17px; top:-60px; }
.navbar .navbar-brand { height:110px; padding-left:1rem !important; padding-right:1rem !important; }
.bte-logo-footer { width:240px; height:125px; }
.bte-logo-footer img { width:280px; height:280px; left:-20px; top:-73px; }
.navbar .navbar-nav .nav-link { margin-right:18px; }
.navbar .navbar-phone { padding-left:1rem !important; padding-right:1rem !important; }
.contact-location { color:#fff; border:1px solid rgba(255,255,255,.35); }
#iletisim a { overflow-wrap:anywhere; }
a:focus-visible, button:focus-visible { outline:3px solid #1583cf; outline-offset:4px; }
.partner-grid .partner-card small, .production-flow .partner-step small { font-size:.875rem; letter-spacing:.04em; }
.process-strip strong { font-size:.875rem; }
.header-carousel:not(.owl-loaded) { display:block; }
.header-carousel:not(.owl-loaded) > .owl-carousel-item:not(:first-child) { display:none; }
@media (max-width:1199.98px) and (min-width:992px) {
  .navbar .navbar-nav .nav-link { font-size:.875rem; margin-right:12px; }
  .navbar-phone { display:none !important; }
}
@media (max-width:767.98px) {
  .header-carousel .owl-carousel-item { min-height:660px; }
  .header-carousel .display-1 { font-size:clamp(2rem, 7vw, 3rem); overflow-wrap:anywhere; }
  .header-carousel .btn { padding:1rem 1.25rem !important; margin-bottom:.75rem; }
  #kalite .row.g-4 > .col-6 { width:100%; }
  .back-to-top { right:16px; bottom:16px; }
  .section-kicker { letter-spacing:.1em; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *, *::before, *::after { animation:none !important; transition:none !important; }
}

/* Approved typography and bilingual navigation */
.bte-wordmark { display:inline-flex; align-items:baseline; gap:8px; white-space:nowrap; color:#15191e; line-height:1; padding-bottom:16px; }
.bte-wordmark strong { font-family:'Anton',sans-serif; font-size:2.05rem; font-weight:700; letter-spacing:0; }
.bte-wordmark .brand-name { position:relative; font-family:'Schibsted Grotesk',sans-serif; font-size:.875rem; font-weight:500; letter-spacing:0; }
.brand-tagline { position:absolute; top:calc(100% + 7px); left:0; right:0; text-align:center; font-family:Arial,sans-serif; font-size:.5rem; font-weight:600; letter-spacing:.14em; }
.navbar .navbar-brand { height:85px; margin:0; }
.footer .bte-wordmark { color:#fff; }
.language-switch { display:flex; align-items:center; gap:8px; padding:1rem; font-family:Arial,sans-serif; font-size:.875rem; }
.language-switch a { padding:8px 4px; color:#343a40; }
.language-switch a[aria-current] { color:var(--bs-primary); font-weight:700; text-decoration:underline; text-underline-offset:5px; }
.contact-email { font-family:inherit; text-transform:none; }
.quality-check { height:100%; min-height:360px; display:flex; align-items:center; justify-content:center; background:#f3f6f4; }
.quality-check svg { width:60%; max-width:270px; }
.pending-photo { height:230px; background:#e7ebee; }
.header-carousel .owl-carousel-item > img { width:100%; height:clamp(600px,45vw,800px); object-fit:cover; }
section[id] { scroll-margin-top:85px; }
@media (max-width:1199.98px) {
 .navbar .navbar-nav .nav-link { padding:10px 0; margin-right:0; }
 .navbar .navbar-nav { border-top:1px solid #eee; }
 .language-switch { padding:0 1.5rem 1.25rem; }
}
@media (max-width:575.98px) {
 .navbar .navbar-brand { padding-left:.75rem !important; padding-right:.5rem !important; border-right:0 !important; }
 .navbar-toggler { margin-right:.75rem !important; padding:.4rem; }
 .bte-wordmark strong { font-size:1.9rem; }
 .bte-wordmark .brand-name { font-size:.8rem; }
 .bte-wordmark { gap:6px; }
 .header-carousel .owl-carousel-item > img { height:700px; }
 .header-carousel .owl-carousel-inner { position:relative; min-height:700px; padding:2rem 0; }
 .header-carousel .owl-carousel-item > img { position:absolute; inset:0; height:100%; }
}
/* Keep the horizontal wordmark from shrinking into navigation. */
.navbar .navbar-brand, .bte-wordmark { flex-shrink:0; }
.bte-wordmark > strong, .bte-wordmark > .brand-name { flex:none; }


/* BTE V2 – stronger desktop header proportions */
@media (min-width:1200px) {
  .navbar .navbar-brand { height:96px; padding-left:1.25rem !important; padding-right:1.25rem !important; }
  .bte-wordmark { gap:10px; padding-bottom:18px; }
  .bte-wordmark strong { font-size:2.45rem; }
  .bte-wordmark .brand-name { font-size:1rem; }
  .brand-tagline { top:calc(100% + 8px); font-size:.56rem; letter-spacing:.15em; }
  .navbar .navbar-nav .nav-link { font-size:1.08rem; margin-right:22px; padding:32px 0; }
  .language-switch { font-size:.95rem; padding-left:1.15rem; padding-right:1.15rem; }
  .navbar .navbar-phone { height:96px; padding-left:1rem !important; padding-right:1rem !important; }
  .navbar .navbar-phone .btn { font-size:.92rem; padding:.9rem 1.15rem; }
  section[id] { scroll-margin-top:96px; }
}