/* İmza yazı tipi: Great Vibes, Copyright 2010 The Great Vibes Pro Project Authors, SIL Open Font License 1.1 (https://openfontlicense.org) */
@font-face { font-family: "TB Signature"; src: url("assets/tb-studio-signature.woff2") format("woff2"); font-display: swap; }
/* BiCar Solution — international corporate direction */
[hidden] { display: none !important; }
.site-header {
  height: 88px;
  background: rgba(255,255,255,.96);
  border-bottom: 1px solid #e5eaf0;
  box-shadow: 0 3px 18px rgba(3,66,142,.04);
}

.main-nav a { color: #34475c; font-size: 13px; letter-spacing: .15px; }
.language-switcher { display: flex; align-items: center; gap: 6px; margin-left: auto; padding: 6px 9px; border: 1px solid #d8e0e8; border-radius: 5px; background: #fff; color: #647587; }
.language-switcher > span { color: #03428e; font-size: 16px; line-height: 1; }
.language-switcher button { border: 0; padding: 2px 3px; background: transparent; color: #71808d; font: 700 11px 'Segoe UI',Arial,sans-serif; cursor: pointer; }
.language-switcher button.active { color: #03428e; }
.language-switcher i { width: 1px; height: 13px; background: #d8e0e8; }
.header-actions { margin-left: 4px; }
.button { background: #69bd45; color: #102b16; border-radius: 5px; box-shadow: none; }
.button:hover { background: #63ad3b; }
.button.secondary, .button.ghost { border-color: #cbd5df; color: #03428e; background: #fff; }
.demo-hint { text-align: center; color: #7a8996; font-size: 10px; }
.privacy-notice { color: #647587; font-size: 10px; line-height: 1.5; }
.privacy-notice a { color: #03428e; font-weight: 700; }

.hero {
  min-height: 690px;
  padding-top: 72px;
  background: linear-gradient(115deg,#fff 0%,#f8fafc 62%,#f1f5f8 100%);
  grid-template-columns: .88fr 1.12fr;
  gap: 4vw;
}
.hero h1 { color: #082344; font-size: clamp(48px,5vw,74px); letter-spacing: -3.5px; }
.hero h1 em { color: #03428e; -webkit-text-stroke: 0; }
.hero-copy > p { max-width: 640px; color: #526477; font-size: 18px; }
.eyebrow, .kicker { color: #4c982b; }
.hero-visual {
  min-height: 500px;
  border-radius: 7px;
  overflow: hidden;
  box-shadow: 0 30px 70px rgba(5,35,68,.14);
  background: #eaf0f4;
}
.hero-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.hero-visual::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg,rgba(3,34,72,.05),transparent 45%); pointer-events: none; }
.hero-badge {
  position: absolute; z-index: 3; left: 24px; bottom: 24px;
  background: rgba(255,255,255,.96); border: 1px solid rgba(3,66,142,.12);
  border-radius: 5px; padding: 15px 19px; display: flex; align-items: center; gap: 12px;
  box-shadow: 0 14px 35px rgba(3,34,72,.16);
}
.hero-badge > span { width: 31px; height: 31px; border-radius: 50%; display: grid; place-items: center; background: #e9f6e3; color: #4c982b; font-weight: 800; }
.hero-badge strong, .hero-badge small { display: block; }
.hero-badge strong { font: 700 12px 'Segoe UI',Arial,sans-serif; color: #082344; }
.hero-badge small { font-size: 10px; color: #6c7b88; margin-top: 3px; }

.stats-strip { background: #03428e; padding-top: 33px; padding-bottom: 33px; }
.stats-strip strong { color: #fff; font-size: 18px; }
.stats-strip span { color: #cbd8e8; line-height: 1.4; margin-top: 4px; display: block; }
.section { padding-top: 88px; padding-bottom: 88px; }
.section h2 { color: #082344; }
.service-card { border-radius: 6px; border-color: #dfe6ed; box-shadow: 0 8px 30px rgba(3,66,142,.04); }
.service-card.featured { background: #03428e; }
.details-master-toggle { display: block; margin: 30px auto 0; padding: 14px 22px; border: 1px solid #03428e; border-radius: 5px; background: #fff; color: #03428e; font-weight: 700; }
.details-master-toggle:hover { background: #f3f7fb; }
.details-master-toggle span { display: inline-block; margin-left: 9px; transition: transform .2s; }
.details-master-toggle[aria-expanded="true"] span { transform: rotate(180deg); }
.purchase-consulting { display: grid; grid-template-columns: .9fr 1.1fr; gap: 8vw; align-items: center; background: #fff; border-top: 1px solid #e5eaf0; }
.purchase-intro h2 { margin-bottom: 22px; }
.purchase-intro p { max-width: 610px; color: #647587; font-size: 16px; line-height: 1.8; }
.purchase-intro .button { margin-top: 18px; }
.purchase-services { border-top: 1px solid #dfe6ed; }
.purchase-services article { display: grid; grid-template-columns: 42px 1fr; gap: 18px; padding: 24px 0; border-bottom: 1px solid #dfe6ed; }
.purchase-services article > span { color: #4c982b; font: 700 11px 'Segoe UI',Arial,sans-serif; padding-top: 4px; }
.purchase-services h3 { margin: 0 0 7px; color: #082344; font: 700 18px 'Segoe UI',Arial,sans-serif; }
.purchase-services p { margin: 0; color: #647587; font-size: 13px; line-height: 1.65; }
.purchase-services:not(.expanded) article:nth-child(n+4),
.operations-grid:not(.expanded) article:nth-child(n+4) { display: none; }
.content-toggle { display: block; width: max-content; max-width: 100%; margin: 22px auto 0; padding: 12px 18px; border: 1px solid #cbd5df; border-radius: 5px; background: #fff; color: #03428e; font-weight: 700; }
.content-toggle:hover { border-color: #69bd45; background: #f7fbf5; }
.content-toggle span { display: inline-block; margin-left: 8px; transition: transform .2s; }
.content-toggle[aria-expanded="true"] span { transform: rotate(180deg); }
.purchase-consulting > .content-toggle { grid-column: 2; margin-top: -5vw; }
.fleet-operations { background: #f4f7f9; }
.operations-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.operation-card { min-height: 270px; padding: 25px; background: #fff; border: 1px solid #dfe6ed; border-radius: 6px; }
.operation-card > span { color: #4c982b; font: 700 11px 'Segoe UI',Arial,sans-serif; }
.operation-card h3 { margin: 42px 0 13px; color: #082344; font: 700 18px 'Segoe UI',Arial,sans-serif; }
.operation-card p { margin: 0; color: #647587; font-size: 13px; line-height: 1.7; }
.operations-disclaimer { margin: 20px 0 0; padding: 17px 20px; border-left: 3px solid #03428e; background: #eaf0f6; color: #526477; font-size: 12px; line-height: 1.65; }
.process, .value-section { background: #f4f7f9; }
.value-panel { background: linear-gradient(125deg,#03428e,#082f62); border-radius: 6px; }
.advisory-positioning { background: #fff; }
.advisory-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.advisory-card { min-height: 455px; padding: 32px; border: 1px solid #dfe6ed; border-radius: 6px; background: #fbfcfd; }
.advisory-card.ev { background: #03428e; border-color: #03428e; color: #fff; }
.advisory-card small { color: #4c982b; font: 700 10px 'Segoe UI',Arial,sans-serif; letter-spacing: 1.5px; }
.advisory-card.ev small { color: #8dd063; }
.advisory-card h3 { margin: 38px 0 15px; color: #082344; font: 700 23px/1.25 'Segoe UI',Arial,sans-serif; }
.advisory-card.ev h3 { color: #fff; }
.advisory-card p { color: #647587; font-size: 14px; line-height: 1.75; }
.advisory-card.ev p { color: #cfdaea; }
.advisory-card ul { margin: 25px 0 0; padding: 20px 0 0; list-style: none; border-top: 1px solid #dfe6ed; }
.advisory-card.ev ul { border-color: rgba(255,255,255,.18); }
.advisory-card li { position: relative; margin: 11px 0; padding-left: 20px; color: #526477; font-size: 12px; }
.advisory-card.ev li { color: #e3ebf4; }
.advisory-card li::before { content: '✓'; position: absolute; left: 0; color: #69bd45; font-weight: 800; }
.ai-principle { margin: 18px 0 0; padding: 23px 26px; background: #f4f7f9; border-left: 4px solid #69bd45; color: #647587; font-size: 13px; line-height: 1.7; }
.ai-principle strong { display: block; margin-bottom: 4px; color: #082344; font-size: 15px; }
.ownership-section { padding-top: 0; background: #fff; }
.ownership-panel { display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; border-radius: 6px; background: #03264f; color: #fff; }
.ownership-copy, .ownership-detail { padding: 58px; }
.ownership-copy { background: linear-gradient(135deg,#03428e,#082f62); }
.ownership-copy h2 { margin: 17px 0 22px; color: #fff; font: 750 clamp(36px,4vw,54px)/1.08 'Segoe UI',Arial,sans-serif; letter-spacing: -2px; }
.ownership-copy p, .ownership-detail p { color: #cfdaea; font-size: 14px; line-height: 1.8; }
.ownership-detail h3 { margin: 0 0 16px; color: #fff; font: 700 24px/1.3 'Segoe UI',Arial,sans-serif; }
.ownership-detail > div { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 25px; }
.ownership-detail span { padding: 12px; border: 1px solid rgba(255,255,255,.16); color: #e3ebf4; font-size: 11px; }
.governance-section { background: #f4f7f9; }
.governance-panel { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid #dfe6ed; background: #fff; }
.governance-panel > div { min-height: 285px; padding: 30px; border-right: 1px solid #dfe6ed; }
.governance-panel > div:last-child { border-right: 0; }
.governance-panel strong { color: #4c982b; font: 700 11px 'Segoe UI',Arial,sans-serif; }
.governance-panel h3 { margin: 45px 0 13px; color: #082344; font: 700 19px/1.3 'Segoe UI',Arial,sans-serif; }
.governance-panel p { margin: 0; color: #647587; font-size: 13px; line-height: 1.7; }
.governance-statement { margin: 18px 0 0; color: #526477; font-size: 13px; line-height: 1.7; text-align: center; }
.references-section { background: #fff; }
.reference-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.reference-card { min-height: 225px; padding: 30px; border: 1px solid #dfe6ed; border-radius: 6px; background: #fbfcfd; }
.reference-card > span { display: inline-grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #eaf2fb; color: #03428e; font: 700 11px 'Segoe UI',Arial,sans-serif; }
.reference-card h3 { margin: 32px 0 12px; color: #082344; font: 700 20px 'Segoe UI',Arial,sans-serif; }
.reference-card p { margin: 0; color: #647587; font-size: 14px; line-height: 1.7; }
.reference-note { margin-top: 18px; padding: 22px 26px; display: flex; align-items: center; gap: 24px; border-left: 4px solid #69bd45; background: #f4f7f9; }
.reference-note strong { color: #082344; white-space: nowrap; }
.reference-note span { color: #647587; font-size: 13px; line-height: 1.6; }
.contact-layout { width: min(680px,90vw); margin: 42px auto 0; display: grid; grid-template-columns: 1fr; text-align: left; border: 1px solid #dfe6ed; background: #fff; box-shadow: 0 18px 50px rgba(3,66,142,.08); }
.contact-details { padding: 38px; }
.contact-item { display: block; padding: 0 0 24px; margin-bottom: 24px; border-bottom: 1px solid #e6ebf0; color: inherit; text-decoration: none; }
.contact-item span { display: block; margin-bottom: 9px; color: #4c982b; font: 700 10px 'Segoe UI',Arial,sans-serif; letter-spacing: 1.5px; }
.contact-item strong { display: block; color: #082344; font: 700 18px 'Segoe UI',Arial,sans-serif; }
.contact-item p { margin: 8px 0 0 !important; color: #647587; font-size: 13px; line-height: 1.65; }
a.contact-item:hover strong { color: #03428e; }
.direction-link { display: inline-block; margin-top: 13px; color: #03428e; font: 700 12px 'Segoe UI',Arial,sans-serif; letter-spacing: .2px; text-decoration: none; }
.direction-link:hover { color: #4c982b; }
.contact-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.contact-actions .button { flex: 1 1 180px; margin: 0; text-align: center; }
.contact-map { min-height: 430px; background: #eaf0f4; }
.contact-map iframe { width: 100%; height: 100%; min-height: 430px; display: block; border: 0; }
footer { background: #03264f; }
footer .legal-link { color: #dce7f2; text-decoration: none; }
footer .legal-link:hover { color: #69bd45; }
.back-to-top { position: fixed; right: 24px; bottom: 24px; z-index: 60; width: 58px; height: 58px; display: grid; place-content: center; gap: 1px; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; background: #03428e; color: #fff; box-shadow: 0 12px 30px rgba(3,34,72,.24); opacity: 0; visibility: hidden; transform: translateY(14px); transition: opacity .2s, transform .2s, visibility .2s, background .2s; }
.back-to-top.visible { opacity: 1; visibility: visible; transform: translateY(0); }
.back-to-top:hover { background: #082f62; transform: translateY(-3px); }
.back-to-top span { font: 500 21px/1 'Segoe UI',Arial,sans-serif; }
.back-to-top small { font: 700 7px/1 'Segoe UI',Arial,sans-serif; letter-spacing: 1px; }
button:focus-visible, a:focus-visible { outline: 3px solid rgba(105,189,69,.55); outline-offset: 3px; }
.recovery-form { display: grid; gap: 16px; }
.recovery-form[hidden] { display: none; }
.reset-test-code { margin: 0; padding: 12px 14px; border: 1px solid #b9d8aa; border-radius: 7px; background: #eff9ea; color: #245415; font-size: 13px; line-height: 1.5; }
.vehicle-actions { display: grid; justify-items: end; gap: 13px; }
.attachment-card > h2 { margin: 0 0 8px; color: var(--bicar-navy); font-size: 25px; }
.attachment-card > p { margin: 0 0 20px; color: #647587; font-size: 13px; line-height: 1.55; }
.attachment-list { display: grid; gap: 9px; max-height: 330px; margin-bottom: 18px; overflow: auto; }
.attachment-list > p { padding: 18px; border-radius: 7px; background: #f3f7fb; color: #647587; text-align: center; font-size: 13px; }
.attachment-list a { display: grid; grid-template-columns: 38px 1fr auto; gap: 11px; align-items: center; padding: 11px; border: 1px solid #dfe6ed; border-radius: 7px; color: var(--bicar-navy); text-decoration: none; }
.attachment-list a > span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 6px; background: #edf5e9; color: #397a21; font-size: 11px; font-weight: 800; }
.attachment-list strong,.attachment-list small { display: block; }
.attachment-list strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.attachment-list small { margin-top: 4px; color: #778692; font-size: 10px; }

@media (max-width: 900px) {
  .hero { grid-template-columns: 1fr; }
  .hero-visual { min-height: 440px; }
  .brand img { width: 170px; }
  .language-switcher { margin-left: auto; }
  .purchase-consulting { grid-template-columns: 1fr; }
  .purchase-consulting > .content-toggle { grid-column: 1; margin-top: 0; }
  .operations-grid { grid-template-columns: repeat(2,1fr); }
  .advisory-grid { grid-template-columns: 1fr; }
  .advisory-card { min-height: auto; }
  .ownership-panel { grid-template-columns: 1fr; }
  .governance-panel { grid-template-columns: 1fr 1fr; }
  .governance-panel > div { border-bottom: 1px solid #dfe6ed; }
  .governance-panel > div:nth-child(2) { border-right: 0; }
  .reference-grid { grid-template-columns: 1fr; }
  .contact-layout { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
  .site-header { height: 74px; }
  .brand img { width: 145px; }
  .language-switcher { padding: 6px 7px; }
  .language-switcher > span { display: none; }
  .header-actions { display: none; }
  .hero { padding-top: 38px; }
  .hero h1 { font-size: 43px; letter-spacing: -2px; }
  .hero-visual { min-height: 360px; }
  .hero-photo { object-position: 64% center; }
  .hero-badge { left: 14px; right: 14px; bottom: 14px; }
  .stats-strip { grid-template-columns: 1fr; padding: 24px 20px; }
  .stats-strip div { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.16); padding: 12px 0; }
  .stats-strip div:last-child { border: 0; }
  .reference-note { align-items: flex-start; flex-direction: column; gap: 7px; }
  .reference-note strong { white-space: normal; }
  .contact-layout { width: calc(100% - 40px); margin-top: 30px; }
  .contact-details { padding: 27px 22px; }
  .contact-actions .button { flex-basis: 100%; }
  .contact-map, .contact-map iframe { min-height: 320px; }
  .operations-grid { grid-template-columns: 1fr; }
  .section { padding-top: 62px; padding-bottom: 62px; }
  .purchase-services:not(.expanded) article:nth-child(n+3),
  .operations-grid:not(.expanded) article:nth-child(n+3) { display: none; }
  .operation-card { min-height: auto; }
  .operation-card h3 { margin-top: 25px; }
  .vehicle-actions { grid-column: 1 / -1; justify-items: stretch; }
  .vehicle-actions .text-button { width: 100%; min-height: 42px; border: 1px solid #dfe6ed; border-radius: 7px; }
  .ownership-copy, .ownership-detail { padding: 38px 25px; }
  .ownership-detail > div { grid-template-columns: 1fr; }
  .governance-panel { grid-template-columns: 1fr; }
  .governance-panel > div { min-height: auto; border-right: 0; }
  .governance-panel h3 { margin-top: 24px; }
  .back-to-top { right: 16px; bottom: 16px; width: 52px; height: 52px; }
}

/* Editorial composition: a visibly distinct second design pass */
#hizmetler { position: relative; color: #fff; background: var(--bicar-navy); overflow: hidden; }
#hizmetler::after { display: none; }
#hizmetler .section-head,#hizmetler .service-grid,#hizmetler .details-master-toggle { position: relative; z-index: 1; }
#hizmetler .section-head { display: block; margin-bottom: 58px; }
#hizmetler .section-head h2 { color: #fff; max-width: 650px; font-size: clamp(40px,4.2vw,61px); line-height: 1.04; letter-spacing: -2.8px; }
#hizmetler .section-head > div > p { max-width: 760px; margin: 26px 0 0; padding-left: 20px; border-left: 3px solid #77c84e; color: #bed0e2; font-size: 15px; line-height: 1.75; }
#hizmetler .service-grid { display: grid; grid-template-columns: 1fr; border-top: 1px solid rgba(255,255,255,.2); }
#hizmetler .service-card,#hizmetler .service-card.featured { min-height: 174px; display: grid; grid-template-columns: 48px minmax(250px,.9fr) minmax(320px,1.1fr) 230px; align-items: center; gap: clamp(24px,3.4vw,54px); padding: 34px 8px; border: 0; border-bottom: 1px solid rgba(255,255,255,.2); border-radius: 0; background: transparent; color: #fff; box-shadow: none; transform: none; }
#hizmetler .service-card:hover,#hizmetler .service-card.featured:hover { transform: none; background: rgba(255,255,255,.055); box-shadow: none; }
#hizmetler .service-card .number { align-self: center; padding: 0; color: #77c84e; font-size: 12px; }
#hizmetler .service-card .icon { display: none; }
#hizmetler .service-card h3 { margin: 0; color: #fff; font-size: clamp(24px,2vw,31px); line-height: 1.15; letter-spacing: -1px; }
#hizmetler .service-card p { max-width: 600px; margin: 0; color: #bed0e2; font-size: 15px; line-height: 1.7; }
#hizmetler .service-card button { position: static; justify-self: end; width: 220px; min-height: 48px; display: inline-flex; align-items: center; justify-content: space-between; padding: 0 16px; border: 1px solid rgba(139,214,99,.46); border-radius: 999px; white-space: nowrap; text-align: left; color: #a1e47e; font-size: 12px; line-height: 1; transition: background .2s,border-color .2s,color .2s; }
#hizmetler .service-card button:hover { border-color: #8bd663; background: #8bd663; color: #092846; }
#hizmetler .details-master-toggle { border-color: rgba(255,255,255,.32); background: transparent; color: #fff; }
#hizmetler .details-master-toggle:hover { background: rgba(255,255,255,.08); }
.process { min-height: 720px; grid-template-columns: minmax(360px,.78fr) minmax(520px,1.22fr); align-items: stretch; gap: clamp(48px,7vw,110px); background: #f4f7fa; }
.process-copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(42px,5vw,72px); border-radius: 22px; background: var(--bicar-navy); color: #fff; overflow: hidden; }
.process-copy::after { content: ""; position: absolute; width: 320px; height: 320px; right: -190px; bottom: -190px; border: 1px solid rgba(105,189,69,.28); border-radius: 50%; box-shadow: 0 0 0 65px rgba(105,189,69,.04),0 0 0 130px rgba(105,189,69,.025); }
.process-copy .kicker { color: #8bd663; }
.process-copy h2 { max-width: 470px; margin: 18px 0 24px; color: #fff; font-size: clamp(46px,4.6vw,68px); line-height: 1.02; }
.process-copy p { max-width: 430px; color: #bed0e2; font-size: 15px; }
.process-copy .text-button { z-index: 1; width: max-content; color: #8bd663; }
.steps { counter-reset: route; display: flex; flex-direction: column; justify-content: center; gap: 0; }
.steps li { min-height: 132px; display: grid; grid-template-columns: 58px 1fr; align-items: center; gap: 28px; padding: 28px 8px; border: 0; border-bottom: 1px solid #ccd8e2; border-radius: 0; background: transparent; transition: padding .25s,background .25s; }
.steps li:first-child { border-top: 1px solid #ccd8e2; }
.steps li:hover { padding-left: 18px; background: rgba(255,255,255,.72); transform: none; box-shadow: none; }
.steps li > span { width: 48px; height: 48px; margin: 0; border-color: rgba(7,81,166,.25); background: #fff; color: var(--bicar-blue); }
.steps h3 { margin: 0 0 7px; color: var(--bicar-ink); font-size: 21px; }
.steps p { max-width: 600px; color: #647587; font-size: 14px; line-height: 1.6; }
.value-section { padding-block: 90px; background: #fff; }
.value-panel { min-height: 590px; display: flex; flex-direction: column; justify-content: center; padding-left: clamp(36px,8vw,125px); background: linear-gradient(112deg,rgba(3,43,89,.97) 0%,rgba(3,43,89,.90) 53%,rgba(7,81,166,.66) 100%),url('assets/corporate-hero-v3.webp') center/cover; }
.value-panel h2 { max-width: 820px; color: #fff; font-size: clamp(48px,5.5vw,78px); letter-spacing: -4px; }
.value-panel p { max-width: 790px; }
.value-tags span { background: rgba(255,255,255,.06); backdrop-filter: blur(8px); }
.references-section { background: #f4f7fa; }
.reference-grid { gap: 14px; }
.reference-card { min-height: 310px; padding: 36px; border: 0; border-top: 4px solid var(--bicar-blue); border-radius: 4px 4px 18px 18px; box-shadow: 0 15px 45px rgba(6,42,88,.07); }
.reference-card:nth-child(2) { transform: translateY(24px); border-top-color: var(--bicar-green); }
.reference-card:nth-child(3) { transform: translateY(48px); border-top-color: var(--bicar-navy); }
.reference-note { margin-top: 76px; border: 0; border-radius: 999px; justify-content: center; }
.cta-section { position: relative; overflow: hidden; color: #fff; background: var(--bicar-navy); }
.cta-section::before { content: ""; position: absolute; width: 420px; height: 420px; left: -180px; bottom: -260px; border: 70px solid rgba(105,189,69,.08); border-radius: 50%; }
.cta-section h2 { position: relative; color: #fff; }
.cta-section p { position: relative; color: #bfd0e1; }
.cta-section .contact-layout { position: relative; color: var(--bicar-ink); }

/* Keep desktop layouts inside the visible viewport on scaled/ultrawide displays. */
.hero > *,
#hizmetler .service-card > *,
.process > *,
.reference-grid > * { min-width: 0; }

#hizmetler .section-head,
#hizmetler .service-grid,
#hizmetler .details-master-toggle,
.references-section .section-head,
.references-section .reference-grid,
.references-section .reference-note { max-width: 1520px; margin-left: auto; margin-right: auto; }

@media (max-width: 1200px) {
  #hizmetler .service-card,#hizmetler .service-card.featured { grid-template-columns: 48px minmax(220px,.85fr) minmax(260px,1.15fr); gap: 20px 30px; }
  #hizmetler .service-card button { grid-column: 2 / -1; justify-self: start; }
  .process { grid-template-columns: 1fr; }
}

@media (max-width: 900px) {
  #hizmetler .section-head { grid-template-columns: 1fr; gap: 22px; margin-bottom: 42px; }
  #hizmetler .section-head > div > p { max-width: 620px; }
  #hizmetler .service-card,#hizmetler .service-card.featured { grid-template-columns: 62px 1fr; gap: 18px 25px; }
  #hizmetler .service-card .number { grid-row: 1 / span 2; }
  #hizmetler .service-card .icon { display: none; }
  #hizmetler .service-card p,#hizmetler .service-card button { grid-column: 2; }
  .process { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
  #hizmetler .section-head h2 { font-size: 39px; }
  #hizmetler .service-card,#hizmetler .service-card.featured { min-height: 0; display: block; padding: 32px 4px; }
  #hizmetler .service-card .number { display: block; margin-bottom: 24px; }
  #hizmetler .service-card h3 { margin-bottom: 18px; }
  #hizmetler .service-card button { display: inline-flex; margin-top: 24px; }
  .steps { grid-template-columns: 1fr; }
  .steps li { min-height: 190px; }
  .value-panel { min-height: 610px; background-position: 62% center; }
  .value-panel h2 { font-size: 40px; letter-spacing: -2.4px; }
  .reference-card:nth-child(2),.reference-card:nth-child(3) { transform: none; }
  .reference-note { margin-top: 20px; border-radius: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* 2026 premium visual refresh — BiCar Route design language */

/* Decorative card numbering was visually busy. Keep numbering only where it
   communicates an actual sequence (the "Nasıl çalışır?" steps). */
#hizmetler .service-card .number,
.purchase-services article > span,
.operation-card > span,
.governance-panel strong,
.reference-card > span {
  display: none;
}

.purchase-services article { grid-template-columns: 1fr; }
.operation-card h3,
.governance-panel h3,
.reference-card h3 { margin-top: 0; }

/* Service numbers were removed, so the desktop grid must no longer reserve
   their old 48px column. Keep headings readable at Windows display scaling. */
#hizmetler .service-card,
#hizmetler .service-card.featured {
  grid-template-columns: minmax(260px, .85fr) minmax(340px, 1.15fr) 220px;
}

@media (max-width: 1280px) {
  #hizmetler .service-card,
  #hizmetler .service-card.featured {
    grid-template-columns: minmax(240px, .8fr) minmax(360px, 1.2fr);
    gap: 18px 34px;
  }

  #hizmetler .service-card button {
    grid-column: 1 / -1;
    justify-self: start;
  }
}

@media (max-width: 900px) {
  #hizmetler .service-card,
  #hizmetler .service-card.featured {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  #hizmetler .service-card p,
  #hizmetler .service-card button {
    grid-column: 1;
  }
}
:root {
  --bicar-navy: #062a58;
  --bicar-blue: #0751a6;
  --bicar-green: #69bd45;
  --bicar-mist: #f2f6f9;
  --bicar-ink: #102c4c;
}
html,body { width: 100%; max-width: 100%; overflow-x: hidden; }
body { background: #fff; font-family: "Segoe UI", Arial, sans-serif; }
.site-header { height: 84px; padding-inline: clamp(22px,5vw,76px); gap: 34px; box-shadow: none; }
.brand img { width: 178px; }
.main-nav { gap: 26px; }
.main-nav a { position: relative; font-size: 12px; font-weight: 700; }
.main-nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -10px; height: 2px; background: var(--bicar-green); transition: right .25s ease; }
.main-nav a:hover::after { right: 0; }
.button { border-radius: 999px; padding-inline: 25px; }
.button.small { padding: 12px 20px; }
.language-switcher { border-radius: 999px; }
.hero { min-height: 760px; padding: 88px clamp(22px,5vw,76px) 90px; grid-template-columns: minmax(0,.9fr) minmax(480px,1.1fr); gap: clamp(42px,6vw,90px); background: radial-gradient(circle at 86% 22%,rgba(105,189,69,.13),transparent 25%), linear-gradient(135deg,#fff 0%,#f5f8fb 72%,#edf3f7 100%); }
.hero-copy { min-width: 0; }
.hero h1, .section h2, .cta-section h2, .value-panel h2 { font-family: "Segoe UI", Arial, sans-serif; font-weight: 760; }
.hero h1 { max-width: 690px; margin: 24px 0 26px; font-size: clamp(50px,5.15vw,78px); line-height: .98; letter-spacing: -4.7px; }
.hero h1 em { color: var(--bicar-blue); }
.hero-copy > p { max-width: 590px; font-size: 17px; line-height: 1.72; }
.eyebrow { font-size: 10px; letter-spacing: 2.5px; text-transform: uppercase; }
.hero-actions { margin: 32px 0 28px; }
.hero-actions .button { min-height: 56px; }
.trust-row { gap: 20px; font-size: 12px; }
.hero-visual { min-height: 545px; border-radius: 28px 6px 28px 6px; box-shadow: 0 38px 90px rgba(6,42,88,.18); }
.hero-photo { transform: scale(1.015); }
.hero-visual::after { background: linear-gradient(180deg,transparent 45%,rgba(3,30,64,.62)); }
.route-signature { position: absolute; z-index: 2; inset: auto 31px 92px 31px; display: grid; grid-template-columns: repeat(6,1fr); align-items: center; }
.route-signature::before { content: ""; position: absolute; left: 7px; right: 7px; height: 1px; background: rgba(255,255,255,.72); }
.route-signature i { position: relative; width: 13px; height: 13px; justify-self: center; border: 2px solid #fff; border-radius: 50%; background: var(--bicar-navy); box-shadow: 0 0 0 5px rgba(255,255,255,.12); }
.route-signature i:nth-child(2),.route-signature i:nth-child(4),.route-signature i:nth-child(6) { background: var(--bicar-green); }
.route-caption { position: absolute; z-index: 2; left: 34px; right: 34px; bottom: 52px; display: flex; justify-content: space-between; color: #fff; font-size: 9px; font-weight: 800; letter-spacing: 1.4px; text-transform: uppercase; }
.hero-badge { display: none; }
.stats-strip { margin: 0; padding: 28px clamp(22px,5vw,76px); border-top: 1px solid #dce5ec; border-bottom: 1px solid #dce5ec; border-radius: 0; background: #f7f9fb; color: var(--bicar-ink); }
.stats-strip div { padding-inline: 30px; border-right-color: #d4dee7; }
.stats-strip strong { color: var(--bicar-blue); font-size: 17px; }
.stats-strip span { color: #647587; }
#hizmetler { padding-top: 86px; }
.section { padding: 110px clamp(22px,6vw,92px); }
.section h2 { letter-spacing: -3px; }
.section-head { align-items: center; margin-bottom: 56px; }
.section-head > p { font-size: 15px; }
.service-grid { gap: 0; border-top: 1px solid #dce5ec; }
.service-card,.service-card.featured { min-height: 365px; padding: 34px 32px; border: 0; border-right: 1px solid #dce5ec; border-radius: 0; box-shadow: none; background: #fff; color: var(--bicar-ink); }
.service-card:first-child { border-left: 1px solid #dce5ec; }
.service-card.featured { background: var(--bicar-navy); color: #fff; transform: translateY(-12px); border-radius: 18px 18px 4px 4px; box-shadow: 0 24px 54px rgba(6,42,88,.14); }
.service-card:hover { transform: translateY(-8px); box-shadow: 0 24px 60px rgba(6,42,88,.11); z-index: 2; }
.service-card.featured:hover { transform: translateY(-18px); }
.service-card h3 { font-family: "Segoe UI",Arial,sans-serif; font-size: 22px; }
.service-card .icon { margin-top: 55px; }
.process { position: relative; overflow: hidden; }
.process::before { display: none; }
.steps li { position: relative; }
.value-panel { border-radius: 24px 6px 24px 6px; padding: 82px; box-shadow: 0 32px 80px rgba(6,42,88,.15); }
.reference-card,.operation-card,.advisory-card { border-radius: 14px; }
.contact-layout { border-radius: 18px 5px 18px 5px; overflow: hidden; }
footer { padding-block: 30px; }
.field textarea { width: 100%; padding: 13px; border: 1px solid #d8dfe0; border-radius: 7px; background: #fff; outline: none; resize: vertical; font: inherit; }
.field textarea:focus { border-color: var(--teal-dark); box-shadow: 0 0 0 3px rgba(105,189,69,.12); }
.form-grid .full { grid-column: 1 / -1; }

/* WCAG AA contrast corrections verified with Lighthouse. */
.language-switcher button { color: #526170; }
.stats-strip span { color: #526477; }
.cta-section > .kicker { color: #8bd35e; }
.contact-item span { color: #376f20; }
.contact-item p { color: #526477; }
.message-list { display: grid; gap: 10px; max-height: 320px; overflow: auto; padding: 24px 30px 0; }
.message-list > p { margin: 0; color: #647587; font-size: 13px; }
.message-list article { padding: 14px 16px; border: 1px solid #e1e7ed; border-radius: 9px; background: #f7f9fb; }
.message-list article strong,.message-list article small { font-size: 11px; }
.message-list article p { margin: 6px 0; color: #34475c; font-size: 13px; line-height: 1.5; }
.message-list article small { color: #71808d; }
#messageForm { padding: 24px 30px 30px; }

@media (max-width: 900px) {
  .site-header { position: sticky; gap: 14px; }
  .menu-button { display: grid; place-items: center; order: 4; width: 42px; height: 42px; padding: 0; border: 1px solid #d7e1e9; border-radius: 50%; background: #fff; color: var(--bicar-navy); font-size: 21px; }
  .main-nav { display: none; position: fixed; left: 18px; right: 18px; top: 75px; z-index: 50; padding: 18px; border: 1px solid #dce5ec; border-radius: 16px; background: #fff; box-shadow: 0 24px 70px rgba(6,42,88,.18); }
  .main-nav.mobile-open { display: grid; gap: 0; }
  .main-nav a { padding: 15px 10px; border-bottom: 1px solid #edf1f4; font-size: 14px; }
  .main-nav a:last-child { border: 0; }
  .main-nav a::after { display: none; }
  .hero { min-height: auto; grid-template-columns: 1fr; }
  .hero-visual { min-height: 500px; }
  .hero-badge { transform: none; }
  .stats-strip { margin-top: 0; }
  .process { grid-template-columns: 1fr; }
  .process-copy { min-height: 430px; }
}

@media (max-width: 620px) {
  .site-header { width: 100vw; max-width: 100vw; padding-inline: 16px; display: grid; grid-template-columns: minmax(0,1fr) auto auto; gap: 10px; }
  .brand img { width: 135px; }
  .language-switcher { margin-left: 0; }
  .header-actions { display: none; }
  .hero { width: 100vw; max-width: 100vw; padding: 48px 20px 32px; gap: 38px; }
  .hero > * { width: 100%; max-width: 100%; min-width: 0; }
  .eyebrow { display: flex; align-items: flex-start; max-width: 100%; font-size: 9px; line-height: 1.5; letter-spacing: 1.7px; }
  .eyebrow span { flex: 0 0 28px; margin-top: 6px; }
  .hero h1 { width: 100%; max-width: 100%; font-size: clamp(35px,9.6vw,40px); line-height: 1.04; letter-spacing: -2.2px; overflow-wrap: break-word; word-break: normal; }
  .hero-copy > p { font-size: 16px; }
  .hero-actions { display: grid; }
  .hero-actions .button { width: 100%; }
  .trust-row { display: flex; flex-direction: row; flex-wrap: wrap; gap: 12px 16px; }
  .hero-visual { min-height: 390px; border-radius: 20px 4px 20px 4px; }
  .hero-badge { left: 12px; right: 12px; bottom: 12px; }
  .route-signature { left: 20px; right: 20px; bottom: 91px; }
  .route-caption { left: 21px; right: 21px; bottom: 56px; }
  .stats-strip { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0; margin: 0; padding: 18px 20px; border-radius: 0; }
  .stats-strip div { min-width: 0; padding: 14px 12px; border-right: 1px solid #d4dee7; border-bottom: 1px solid #d4dee7; }
  .stats-strip div:nth-child(even) { border-right: 0; }
  .stats-strip div:nth-last-child(-n+2) { border-bottom: 0; }
  .stats-strip strong { font-size: 16px; line-height: 1.2; }
  .stats-strip span { font-size: 11px; line-height: 1.45; }
  #hizmetler { padding-top: 68px; }
  .section { padding-inline: 20px; }
  .section h2 { font-size: 36px; line-height: 1.06; letter-spacing: -2px; }
  .service-grid { display: grid; gap: 12px; border: 0; }
  .service-card,.service-card.featured { min-height: 310px; border: 1px solid #dce5ec; border-radius: 14px; transform: none; }
  .service-card.featured:hover,.service-card:hover { transform: translateY(-5px); }
  .process-copy { min-height: 390px; padding: 38px 26px; border-radius: 16px; }
  .steps li { grid-template-columns: 48px 1fr; gap: 18px; padding: 24px 4px; }
  .steps li:hover { padding-left: 4px; }
  .value-panel { padding: 44px 24px; border-radius: 18px 4px 18px 4px; }
  .cta-section { padding-bottom: 38px; }
  footer { display: grid; align-items: start; gap: 18px; padding: 32px 28px 38px; }
  footer > * { margin: 0; }
  footer > span:last-child { margin-left: 0; padding-right: 64px; line-height: 1.5; }
  .back-to-top { right: 16px; bottom: 16px; width: 52px; height: 52px; }
}

/* Dar telefonlarda iletişim kartı kesilmesin: uzun e-posta/adres satırı sarar. */
.contact-layout { grid-template-columns: minmax(0,1fr) !important; }
.contact-item strong { overflow-wrap: anywhere; }
@media (max-width: 380px) { .contact-layout { width: 100%; } .contact-details { padding: 22px 16px; } }

/* Sizi arayalım formu */
.callback-box { padding: 32px 38px; border-top: 1px solid #e6ebf0; background: #f7faf6; text-align: left; }
.callback-kicker { display: block; margin-bottom: 8px; color: #4c982b; font: 700 10px 'Segoe UI',Arial,sans-serif; letter-spacing: 1.5px; }
.callback-box h3 { margin: 0 0 6px; color: #082344; font: 750 22px 'Segoe UI',Arial,sans-serif; }
.callback-box > p { margin: 0 0 18px !important; color: #647587 !important; font-size: 14px; line-height: 1.6; }
#callbackForm { display: grid; gap: 14px; }
.callback-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.callback-grid > *, #callbackForm .field { min-width: 0; }
#callbackForm textarea { width: 100%; border: 1px solid #d8dfe0; border-radius: 7px; padding: 12px 13px; font: inherit; resize: vertical; background: #fff; }
#callbackForm textarea:focus { border-color: var(--teal-dark, #4c982b); outline: none; box-shadow: 0 0 0 3px rgba(105,189,69,.12); }
.callback-notice { color: #647587; font-size: 12px; line-height: 1.5; }
.callback-notice a { color: #03428e; font-weight: 700; }
.callback-result { margin: 0 !important; font-size: 14px; font-weight: 700; }
.callback-result.ok { color: #2f7a17 !important; }
.callback-result.error { color: #b42318 !important; }
.hp-field { position: absolute !important; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
@media (max-width: 620px) { .callback-box { padding: 24px 18px; } .callback-grid { grid-template-columns: 1fr; } }
/* Alt bilgi: sosyal medya */
.social-links { display: flex; align-items: center; gap: 10px; }
.social-links[hidden], .social-links a[hidden] { display: none !important; }
.social-links span { font-size: 12px; color: #9fb0c0; }
.social-links a { display: inline-grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; border: 1px solid rgba(255,255,255,.25); color: #fff; transition: background .2s, border-color .2s; }
.social-links a:hover { background: rgba(255,255,255,.12); border-color: #8bd35e; }
/* Alt bilgi: telif satırı ve tasarım imzası */
footer .footer-end { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; text-align: right; }
footer .site-credit { font: 400 24px/1 "TB Signature", "Segoe Script", cursive; color: #9fb0c0; letter-spacing: 0; opacity: .85; }
@media (max-width: 620px) { footer .footer-end { align-items: flex-start; text-align: left; } }
/* Sağ alttaki "Yukarı" düğmesi (58px, sağdan 24px) imzanın üstüne binmesin */
@media (min-width: 621px) { footer { padding-right: max(5vw, 106px); } }
@media (min-width: 1100px) { footer .copyright { white-space: nowrap; } }
/* İki sütunlu istatistik şeridi: sol sütundaki iki kutu aynı hizada başlasın. */
@media (max-width: 900px) { .stats-strip div:nth-child(odd) { padding-left: 0; } .stats-strip div:nth-child(even) { padding-left: 24px; } }
@media (max-width: 620px) { .stats-strip div:nth-child(even) { padding-left: 16px; } }

/* Müşteri paneli üst bar: ana sayfa bağlantısı ve hesap menüsü */
.app-tools .app-home { display: inline-flex; align-items: center; gap: 6px; min-height: 38px; padding: 0 14px; border: 1px solid #dfe6ed; border-radius: 7px; background: #fff; color: var(--bicar-navy, #082344); font-size: 13px; font-weight: 700; cursor: pointer; }
.app-tools .app-home:hover { border-color: #69bd45; }
.account-menu { position: relative; }
.app-tools .avatar-button { padding: 0; border: 0; border-radius: 50%; background: none; font-size: 12px; cursor: pointer; }
.avatar-button:focus-visible { outline: 3px solid #69bd45; outline-offset: 2px; }
.avatar-button .avatar { transition: box-shadow .15s; }
.avatar-button:hover .avatar, .avatar-button[aria-expanded="true"] .avatar { box-shadow: 0 0 0 3px #d6eccb; }
.account-dropdown { position: absolute; top: calc(100% + 10px); right: 0; z-index: 20; width: 240px; padding: 8px; border: 1px solid #dfe6ed; border-radius: 9px; background: #fff; box-shadow: 0 18px 40px rgba(3, 38, 79, .16); }
.account-dropdown[hidden] { display: none; }
.account-dropdown-head { padding: 8px 10px 12px; margin-bottom: 6px; border-bottom: 1px solid #edf1f4; }
.account-dropdown-head strong, .account-dropdown-head small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.account-dropdown-head strong { color: #082344; font-size: 13px; }
.app-main>header .account-dropdown-head small { margin-top: 3px; color: #647587; font-size: 11px; font-weight: 400; letter-spacing: 0; }
.app-tools .account-dropdown button { display: block; width: 100%; padding: 10px; border-radius: 6px; color: #082344; font-size: 13px; text-align: left; cursor: pointer; }
.app-tools .account-dropdown button:hover, .app-tools .account-dropdown button:focus-visible { background: #f3f7fb; outline: none; }
.app-tools .account-dropdown button[data-logout] { color: #9f2f37; }
.sidebar .home-app { margin-top: auto; }
.sidebar .home-app + .exit-app { margin-top: 0; }
#profile hr { margin: 28px 0; border: 0; border-top: 1px solid #e3e9ee; }
#profile .form-head p strong { color: #082344; }
@media (max-width: 620px) {
  .sidebar nav .nav-profile { display: none; }
  .app-tools { gap: 10px; }
  .app-tools .app-home { padding: 0 11px; }
  .app-tools .app-home span { display: none; }
}

/* Teklif ekranı: yalnız girilen kanallar gösterilir; tek kart tam genişlikte okunaklı kalır. */
.offer-grid.offer-count-1 { grid-template-columns: minmax(0, 420px); }
.offer-grid.offer-count-2 { grid-template-columns: repeat(2, 1fr); }
.offer-validity { margin: 14px 2px 0; color: #53636b; font-size: 12px; }
@media (max-width: 900px) { .offer-grid.offer-count-2, .offer-grid.offer-count-1 { grid-template-columns: 1fr; } }

/* Fotoğraf ve belgeler penceresi: bilgisayardan / cep telefonundan ekleme seçenekleri ve QR kod. */
.attachment-card { width: min(720px, calc(100vw - 32px)); }
.attachment-card.dragging { outline: 3px dashed #69bd45; outline-offset: -10px; }
.upload-choices { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 14px; }
.upload-choice { display: flex; gap: 12px; align-items: center; min-height: 82px; padding: 14px 16px; border: 2px dashed #b9c8d6; border-radius: 10px; background: #fff; color: #082344; text-align: left; cursor: pointer; }
.upload-choice + .upload-choice { border-style: solid; border-color: #dfe6ed; background: #f3f7fb; }
.upload-choice:hover, .upload-choice.active { border-color: #69bd45; background: #f5fbf1; }
.upload-choice .upload-icon { display: grid; place-items: center; width: 46px; height: 46px; flex: none; border-radius: 50%; background: #edf5e9; color: #397a21; }
.upload-choice strong, .upload-choice small { display: block; }
.upload-choice strong { font-size: 15px; }
.upload-choice .phone-only { display: none; }
.upload-choice small { margin-top: 3px; color: #647587; font-size: 12px; }
.qr-upload { display: grid; grid-template-columns: 1fr auto; gap: 18px; align-items: center; margin: 0 0 16px; padding: 16px; border: 1px solid #d6eccb; border-radius: 9px; background: #f5fbf1; }
.qr-upload[hidden] { display: none; }
.qr-upload h3 { margin: 0 0 6px; color: #082344; font-size: 15px; }
.qr-upload ol { margin: 0 0 10px; padding-left: 18px; color: #53636b; font-size: 13px; line-height: 1.6; }
.qr-upload small { color: #647587; font-size: 12px; }
#qrImage, #formQrImage { width: 176px; height: 176px; padding: 6px; border-radius: 8px; background: #fff; }
#qrImage svg, #formQrImage svg { display: block; width: 100%; height: 100%; }
.upload-count { display: grid; grid-template-columns: auto 1fr; gap: 12px; align-items: center; margin: 0 0 12px; color: #53636b; font-size: 13px; }
.upload-count b { color: #4c982b; font-size: 16px; }
.upload-bar { height: 6px; border-radius: 3px; background: #e5ebf0; overflow: hidden; }
.upload-bar i { display: block; width: 0; height: 100%; background: #69bd45; transition: width .3s; }
.visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.form-upload { margin: 4px 0 6px; }
.form-upload .upload-choice { position: relative; }
.form-upload .upload-choice.dragging, .form-upload .upload-choice:focus-within { border-color: #69bd45; background: #f5fbf1; }
.form-upload .upload-choice.has-files small { color: #397a21; font-weight: 700; }
/* Müşteri zaten telefondaysa QR anlamsız: yalnız dosya seçme kutusu kalır. */
@media (max-width: 700px), (pointer: coarse) and (max-width: 1024px) {
  #qrStart, #vehicleQr, .qr-upload { display: none; }
  .upload-choices { grid-template-columns: 1fr; }
  #chooseAttachments small, #chooseAttachments .desk-only, #vehicleFilesDrop .desk-only { display: none; }
  #chooseAttachments .phone-only, #vehicleFilesDrop .phone-only { display: block; }
}

/* Hareketsizlik uyarısı (idle.js) */
.idle-warning { position: fixed; left: 50%; bottom: 24px; z-index: 200; display: flex; gap: 14px; align-items: center; width: min(560px, calc(100vw - 32px)); padding: 14px 16px; border-radius: 10px; background: #082344; color: #fff; box-shadow: 0 18px 40px rgba(3, 38, 79, .3); transform: translateX(-50%); }
.idle-warning[hidden] { display: none; }
.idle-warning p { margin: 0; font-size: 14px; line-height: 1.45; }
.idle-warning button { flex: none; min-height: 40px; padding: 0 16px; border: 0; border-radius: 8px; background: #69bd45; color: #08302c; font-weight: 800; cursor: pointer; }
@media (max-width: 620px) { .idle-warning { bottom: 80px; flex-direction: column; align-items: stretch; } }

/* Araç listesi boşken mesaj tüm satırı kaplar */
.vehicle-row > p:only-child { grid-column: 1 / -1; margin: 0; color: #647587; }

/* Üç fiyatlı teklifte beş karar düğmesi: yazılar bölünmez, sığmayınca alt satıra geçer */
.decision { flex-wrap: wrap; }
.decision p { flex: 1 1 100%; margin: 0 0 4px; }
.decision .button { white-space: nowrap; padding: 10px 18px; min-height: 0; font-size: 15px; }
@media (max-width: 620px) { .decision .button { flex: 1 1 100%; } }

/* "Çözümünüzü bulun" seçim penceresi */
.solution-card { width: min(520px, 92vw); }
.solution-card .modal-intro p { margin-bottom: 20px; }
.solution-options { display: grid; gap: 10px; }
.solution-option { display: flex; align-items: flex-start; gap: 14px; width: 100%; padding: 16px; border: 1px solid #dfe6ed; border-radius: 10px; background: #fff; color: #082344; text-align: left; cursor: pointer; transition: border-color .15s, box-shadow .15s, transform .15s; }
.solution-option:hover, .solution-option:focus-visible { border-color: #69bd45; box-shadow: 0 8px 22px rgba(3,66,142,.10); transform: translateY(-1px); outline: none; }
.solution-icon { flex: none; width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; background: #eaf5e3; color: #4c982b; font-size: 19px; }
.solution-copy strong { display: block; font-size: 15px; margin: 2px 0 4px; }
.solution-copy small { display: block; font-size: 12.5px; line-height: 1.5; color: #64727c; }
.solution-call { display: block; margin: 18px auto 0; padding: 6px; border: 0; background: none; color: #03428e; font-weight: 700; font-size: 13.5px; cursor: pointer; }
.solution-call:hover { text-decoration: underline; }

/* Sık sorulan sorular */
.faq-section { background: #f4f7f9; }
.faq-list { display: grid; gap: 10px; max-width: 880px; }
.faq-item { border: 1px solid #dfe6ed; border-radius: 8px; background: #fff; }
.faq-item summary { position: relative; padding: 20px 56px 20px 24px; color: #082344; font: 700 16px/1.4 'Segoe UI',Arial,sans-serif; cursor: pointer; list-style: none; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after { content: "+"; position: absolute; right: 22px; top: 50%; transform: translateY(-50%); color: #4c982b; font: 400 26px/1 'Segoe UI',Arial,sans-serif; transition: transform .2s; }
.faq-item[open] summary::after { transform: translateY(-50%) rotate(45deg); }
.faq-item summary:hover { color: #03428e; }
.faq-item summary:focus-visible { outline: 3px solid #69bd45; outline-offset: 2px; border-radius: 8px; }
.faq-item p { margin: 0; padding: 0 24px 22px; color: #53636b; font-size: 15px; line-height: 1.7; }
@media (max-width: 620px) { .faq-item summary { padding: 17px 48px 17px 18px; font-size: 15px; } .faq-item summary::after { right: 16px; } .faq-item p { padding: 0 18px 18px; } }

/* Üst menü: bağlantı ve düğme yazıları ikiye bölünmesin; dar masaüstünde aralıklar daralır */
.main-nav a, .site-header .header-actions .button { white-space: nowrap; }
@media (min-width: 1081px) and (max-width: 1240px) { .site-header { gap: 18px; } .main-nav { gap: 16px; } .site-header .header-actions .button { padding-inline: 14px; } }
/* 901–1080 px'te altı bağlantı ve iki düğme sığmıyor: telefondaki açılır menü kullanılır */
@media (min-width: 901px) and (max-width: 1080px) {
  .site-header { gap: 14px; }
  .language-switcher { margin-left: auto; }
  .menu-button { display: grid; place-items: center; order: 4; width: 42px; height: 42px; padding: 0; border: 1px solid #d7e1e9; border-radius: 50%; background: #fff; color: var(--bicar-navy); font-size: 21px; }
  .main-nav { display: none; position: fixed; left: auto; right: 18px; width: 320px; top: 80px; z-index: 50; padding: 18px; border: 1px solid #dce5ec; border-radius: 16px; background: #fff; box-shadow: 0 24px 70px rgba(6,42,88,.18); }
  .main-nav.mobile-open { display: grid; gap: 0; }
  .main-nav a { padding: 15px 10px; border-bottom: 1px solid #edf1f4; font-size: 14px; }
  .main-nav a:last-child { border: 0; }
  .main-nav a::after { display: none; }
}

/* QR bağlantısı gelene kadar kutuda bekleme yazısı */
#qrImage .qr-loading, #formQrImage .qr-loading { display: grid; place-items: center; height: 100%; margin: 0; color: #64727c; font-size: 13px; text-align: center; }
.upload-choice:disabled { cursor: wait; opacity: .75; }

/* Başvuru formundaki QR: telefondan gelen dosyalar başvuru gönderilene kadar burada listelenir */
.form-qr { margin: 14px 0 0; }
.form-qr-files { grid-column: 1 / -1; display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.form-qr-files:empty { display: none; }
.form-qr-files li { display: flex; align-items: center; gap: 10px; padding: 8px 12px; border: 1px solid #dfe6ed; border-radius: 7px; background: #fff; color: #243b53; font-size: 13px; overflow-wrap: anywhere; }
.form-qr-files li span { flex: none; color: #4c982b; font-size: 11px; font-weight: 800; }

/* Açık mobil menü: tamamen opak; arkadaki içerik menüden görünmez */
.main-nav.mobile-open { background: #fff; isolation: isolate; }

/* ===== Hizmetler: üç eşit kart (13.11.2026) ===== */
#hizmetler { padding-top: 72px; padding-bottom: 64px; }
#hizmetler .hizmet-ust { margin-bottom: 28px; }
#hizmetler .hizmet-ust h2 { max-width: 900px; font-size: clamp(32px,3.4vw,48px); letter-spacing: -1.6px; }
#hizmetler .hizmet-giris { max-width: 760px; margin: 14px 0 0; padding: 0; border: 0; color: #c9d8e6; font-size: 17px; line-height: 1.6; }
#hizmetler .hizmet-kartlari { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 20px; align-items: stretch; }
#hizmetler .hizmet-karti { display: flex; flex-direction: column; min-width: 0; padding: 26px 24px 22px; border: 1px solid rgba(255,255,255,.16); border-radius: 12px; background: rgba(255,255,255,.06); color: #fff; }
#hizmetler .hizmet-karti:hover { border-color: rgba(139,214,99,.55); background: rgba(255,255,255,.08); }
#hizmetler .hk-no { color: #8bd663; font-size: 13px; font-weight: 700; letter-spacing: 1px; }
#hizmetler .hk-kim { align-self: flex-start; margin: 10px 0 12px; padding: 4px 10px; border-radius: 999px; background: rgba(139,214,99,.16); color: #b9eaa0; font-size: 13px; font-weight: 700; }
#hizmetler .hizmet-karti h3 { margin: 0 0 10px; color: #fff; font-size: clamp(21px,1.7vw,25px); line-height: 1.2; letter-spacing: -.4px; min-height: 2.4em; }
#hizmetler .hk-ozet { flex: 1; margin: 0 0 20px; color: #dde7f0; font-size: 16px; line-height: 1.6; }
#hizmetler .hk-dugme { display: inline-flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; min-height: 50px; padding: 0 18px; border: 0; border-radius: 8px; background: #8bd663; color: #092846; font: 700 16px 'Segoe UI', Arial, sans-serif; cursor: pointer; }
#hizmetler .hk-dugme:hover, #hizmetler .hk-dugme:focus-visible { background: #a3e27f; }
#hizmetler .hk-dugme:focus-visible { outline: 3px solid #fff; outline-offset: 2px; }
#hizmetler .hk-ayrinti { margin-top: 14px; border-top: 1px solid rgba(255,255,255,.14); padding-top: 10px; }
#hizmetler .hk-ayrinti summary { cursor: pointer; color: #b9eaa0; font-weight: 700; font-size: 15px; min-height: 32px; display: flex; align-items: center; }
#hizmetler .hk-ayrinti h4 { margin: 12px 0 6px; color: #fff; font-size: 16px; line-height: 1.35; }
#hizmetler .hk-ayrinti p { margin: 0; color: #c9d8e6; font-size: 15px; line-height: 1.65; }
#hizmetler .details-master-toggle { margin-top: 28px; }
@media (max-width: 1080px) { #hizmetler .hizmet-karti { padding: 22px 18px 18px; } }
@media (max-width: 860px) {
  #hizmetler { padding-top: 56px; padding-bottom: 48px; }
  #hizmetler .hizmet-kartlari { grid-template-columns: 1fr; gap: 14px; }
  #hizmetler .hizmet-karti h3 { min-height: 0; }
  #hizmetler .hk-ozet { flex: none; }
}
/* Masaüstü: başlık, açıklama ve düğme satırları üç kartta ortak (subgrid); açılan ayrıntı yalnız son satırı büyütür. */
@supports (grid-template-rows: subgrid) {
  @media (min-width: 861px) {
    #hizmetler .hizmet-karti { display: grid; grid-row: span 6; grid-template-rows: subgrid; row-gap: 0; align-content: start; }
    #hizmetler .hizmet-karti h3 { min-height: 0; }
    #hizmetler .hk-ozet { flex: none; }
    #hizmetler .hk-dugme { align-self: end; }
    #hizmetler .hk-ayrinti { align-self: start; }
    #hizmetler .hk-kim, #hizmetler .hk-no { justify-self: start; }
  }
}

/* Hizmetler: başlık, açıklama ve kartlar tek ortak içerik sınırında (en çok 1520 px, ortalı).
   Kenar boşlukları ayrı ayrı yazılır; sonraki bir "margin" kısaltması ortalamayı bozmasın (1920 px'te
   eski alt başlığın sola kaymasının nedeni buydu). Genişlik vw ile değil kapsayıcıya göre hesaplanır;
   Windows'ta kaydırma çubuğunun kapladığı alan hizayı değiştirmez. */
#hizmetler .hizmet-ust,
#hizmetler .hizmet-kartlari { width: 100%; max-width: 1520px; margin-left: auto; margin-right: auto; }
#hizmetler .section-head.hizmet-ust > div > p.hizmet-giris { padding-left: 0; border-left: 0; }

/* "Nasıl çalışır?": içerik Hizmetler ile aynı ortak sınırda (en çok 1520 px, ortalı); tam genişlik arka plan korunur.
   1520 px + iki yanda 92 px'ten geniş ekranda yan boşluk büyür; % değeri kaydırma çubuğu hariç genişliğe göredir. */
@media (min-width: 1600px) {
  #nasil-calisir { padding-left: max(92px, calc((100% - 1520px) / 2)); padding-right: max(92px, calc((100% - 1520px) / 2)); }
}