/* Binbir Tur Taşımacılık — shared brand colours and page foundations. */
@font-face{font-family:Rubik;src:url('assets/rubik-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Rubik;src:url('assets/rubik-700.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Poppins;src:url('assets/poppins-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Poppins;src:url('assets/poppins-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Poppins;src:url('assets/poppins-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Kalam;src:url('assets/kalam-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{
  --ink:#0b0d0b; --graphite:#202120; --orange:#fd6a01; --accent-ink:#974000;
  --paper:#fff; --canvas:#f7f7f5; --warm:#fff2e8; --line:#dadbd7; --muted:#555651;
  --on-dark:#cecfcb; --dark-line:#484a46; --focus:#8a3900;
  --heading:Rubik,Arial,sans-serif; --body:Poppins,Arial,sans-serif;
  --whatsapp:#087d3e; --whatsapp-hover:#086332; --whatsapp-surface:#effaf3;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
html{scroll-padding-top:96px}
body{margin:0;color:var(--ink);background:var(--paper);font:400 15px/1.68 var(--body)}
button,input,select,textarea{font:inherit;color:inherit}
button,a,summary{touch-action:manipulation}button,summary{cursor:pointer}
a{color:inherit;text-decoration:none}button{border:0}
:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
.topbar :focus-visible,.journey-section :focus-visible{outline-color:var(--orange)}
img{max-width:100%;display:block}figure,h1,h2,h3,p{margin:0}
h1,h2,h3{font-family:var(--heading);line-height:1.1;letter-spacing:-.045em;text-wrap:balance}
h1{font-size:clamp(2.8rem,5.2vw,4.9rem)}
h2{font-size:clamp(2rem,3.4vw,3.2rem)}h3{font-size:1.5rem}
.container{width:min(1280px,calc(100% - clamp(40px,9vw,144px)));margin-inline:auto}
.section-space{padding-block:clamp(54px,6.7vw,98px)}
.icon-library{position:absolute;width:0;height:0;overflow:hidden}
.icon{width:21px;height:21px;flex:none;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.icon.icon-whatsapp{fill:currentColor;stroke:none}
.skip-link{position:fixed;top:-80px;left:12px;background:var(--ink);color:white;z-index:50;padding:10px 16px}
.skip-link:focus{top:8px}
.eyebrow,.message-label,.offering-kicker,.channel-body>small{font-size:.72rem;font-weight:600;letter-spacing:.12em;line-height:1.5}
.eyebrow{display:flex;align-items:center;gap:11px;margin-bottom:16px}
.eyebrow>span:empty{display:none}
.eyebrow::before{content:"";width:24px;height:4px;background:var(--orange);transform:skewX(-27deg);flex:none}
.topbar{background:var(--ink);color:white;font-size:.76rem}
.topbar .container,.topbar .container>span,.topbar a,.header-inner,#main-nav{display:flex;align-items:center}
.topbar .container{justify-content:space-between;min-height:34px}
.topbar .container>span,.topbar a{gap:9px}
.topbar .icon{width:14px;height:14px;color:var(--orange)}.status-dot{background:var(--orange);width:6px;height:6px;transform:skewX(-20deg)}
.site-header{position:sticky;z-index:20;top:0;background:var(--paper);border-bottom:1px solid var(--line)}
.header-inner{justify-content:space-between;gap:20px;min-height:84px}
.brand-logo{width:174px;height:auto}
#main-nav{gap:clamp(18px,2.5vw,38px)}
#main-nav>a{position:relative;display:grid;align-items:center;min-height:47px;font-weight:500;font-size:.9rem}
#main-nav>a::after{content:"";position:absolute;bottom:4px;left:0;width:0;height:3px;background:var(--orange);transition:width .18s}
#main-nav>a:hover::after,#main-nav>a.nav-active::after{width:23px}
.mobile-menu-contact,.menu-toggle{display:none}
.button,.text-link,.channel-directions,.offering-link{display:inline-flex;align-items:center;gap:12px;font-weight:600;font-size:.9rem;min-height:46px}
.button{justify-content:center;min-height:50px;padding:12px 20px;background:var(--orange);color:var(--ink);border-radius:5px}
.button:hover{background:#ff892f}
.button-whatsapp,.button.message-submit{background:var(--whatsapp);color:white}
.button-whatsapp:hover,.button.message-submit:hover{background:var(--whatsapp-hover);color:white}
.button-whatsapp .icon{width:23px;height:23px}
.button>span,.text-link>span,.channel-directions>span,.offering-link>span{font:1.3rem/1 Arial}
.button-dark,.button-small{background:var(--ink);color:var(--paper)}.button-dark:hover,.button-small:hover{background:#333532}
.button-small{min-height:43px;font-size:.84rem}.button-small .icon{width:17px;height:17px;color:var(--orange)}
.text-link,.channel-directions,.offering-link{width:fit-content}
.text-link:hover,.channel-directions:hover,.offering-link:hover,.contact-breadcrumb a:hover{color:var(--accent-ink);text-decoration:underline;text-underline-offset:.25em}
.contact-breadcrumb{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.79rem;margin-bottom:22px}
.contact-breadcrumb a{padding-block:5px}.contact-breadcrumb>[aria-current]{color:var(--ink);font-weight:500}
.faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(24px,5vw,80px)}
.faq-list{border-block-end:1px solid var(--line)}
.faq-list details{border-block-start:1px solid var(--line)}
.faq-list summary{position:relative;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:19px 2px;font-weight:500;list-style:none}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary span{flex:none;width:24px;height:24px;display:grid;place-items:center;background:var(--canvas);border-radius:50%}
.faq-list summary span::before{content:"+";font:18px/1 Arial}.faq-list [open] summary span{background:var(--warm);color:var(--accent-ink)}.faq-list [open] summary span::before{content:"−"}
.faq-list details p{color:var(--muted);padding:0 28px 20px 2px;font-size:.92rem}.faq-list p a{text-decoration:underline}
.site-footer{border-top:1px solid var(--line)}
.footer-top,.footer-bottom{display:flex;align-items:center;gap:25px;flex-wrap:wrap}
.footer-top{padding-block:27px}.footer-top p{color:var(--muted);font-size:.84rem}
.back-top,.footer-info{margin-left:auto;font-size:.82rem;font-weight:500}
.footer-bottom{padding-block:18px;border-top:1px solid var(--line);color:var(--muted);font-size:.76rem}
.footer-info{background:none;padding:6px 0}.back-top:hover,.footer-info:hover{text-decoration:underline}
.quick-contact{position:fixed;z-index:12;right:max(18px,env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:10px}
.quick-contact a{position:relative;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:0;box-shadow:0 4px 16px #0002}
.quick-contact .quick-call{width:48px;height:48px;background:var(--ink);color:white;border:1px solid #ffffff40}
.quick-contact .quick-call .icon{width:22px;height:22px}
.quick-contact .quick-whatsapp{width:58px;height:58px;background:var(--whatsapp);color:white;border:1px solid #ffffff60}
.quick-contact .quick-whatsapp .icon{width:29px;height:29px;color:white}
.quick-contact a>span{position:absolute;right:calc(100% + 10px);padding:6px 11px;background:var(--ink);color:white;border-radius:5px;font-size:12px;line-height:1.5;white-space:nowrap;visibility:hidden;opacity:0;pointer-events:none}
.quick-contact a:focus-visible>span{visibility:visible;opacity:1}
.quick-contact .quick-whatsapp:hover{background:var(--whatsapp-hover)}
.quick-contact .quick-call:hover{background:#333532}
.mobile-menu-contact a[href*="wa.me"]{color:var(--whatsapp)}
dialog{width:min(460px,calc(100% - 36px));border:1px solid var(--line);border-top:4px solid var(--orange);padding:30px;border-radius:6px;color:var(--ink)}
dialog::backdrop{background:#0b0d0bb3}.dialog-inner h2{font-size:2rem}.dialog-inner>p:not(.eyebrow){color:var(--muted);margin-block:18px 24px}.dialog-close{float:right;border-radius:50%;width:34px;height:34px;background:var(--canvas);font-size:1.35rem}.modal-open{overflow:hidden}
@media(max-width:900px){.header-inner{min-height:73px}.header-inner .brand-logo{width:145px}#main-nav{gap:19px}}
@media(max-width:740px){
  .site-header .header-call{display:none}.header-inner{min-height:65px}
  .brand-logo{width:145px}.menu-toggle{width:44px;height:44px;display:grid;align-content:center;justify-content:center;gap:6px;background:var(--canvas);border-radius:4px}.menu-toggle span{width:20px;height:2px;background:var(--ink)}
  #main-nav{display:none;position:absolute;top:100%;inset-inline:0;background:white;border-block:1px solid var(--line);padding:12px 20px 20px;box-shadow:0 12px 26px #0001;max-height:calc(100dvh - 150px);overflow:auto}
  #main-nav.is-open{display:block}#main-nav>a{width:fit-content;min-height:44px}.mobile-menu-contact{display:flex;gap:20px;border-top:1px solid var(--line);margin-top:12px;padding-top:10px}.mobile-menu-contact a{display:flex;align-items:center;gap:7px;min-height:44px;font-size:.85rem}
  .faq-grid{grid-template-columns:1fr}
  .site-footer{padding-bottom:env(safe-area-inset-bottom)}.footer-top,.footer-bottom{gap:10px 16px}.footer-top p{display:none}.footer-bottom{align-items:flex-start}.footer-bottom>span:nth-child(2){order:3;width:100%}
}
@media(max-width:900px){html{scroll-padding-top:85px}}
@media(max-width:740px){html{scroll-padding-top:77px}}

/* All content remains visible without JavaScript or animation support. */
@media(prefers-reduced-motion:no-preference){
  html.in-page-jump{scroll-behavior:smooth}
  .hero-copy,.services-intro-grid,.contact-intro-row{animation:rise-in .46s ease-out backwards}
  .hero-fleet-photo{animation:rise-in .58s .06s ease-out backwards}
  .hero h1 em::after{transform-origin:left;animation:brand-stroke .55s .16s ease-out backwards}
  .arrived{animation:rise-in .4s ease-out backwards}
  .process-list li:nth-child(2).arrived,.offering:nth-child(2).arrived{animation-delay:45ms}
  .process-list li:nth-child(3).arrived,.offering:nth-child(3).arrived{animation-delay:90ms}
  .button,.quick-contact a,.home-offerings>a>span:last-child{transition:background-color .18s,color .18s,transform .18s}
  .button>span,.offering-link>span{transition:transform .18s}
  .menu-toggle span{transition:transform .2s ease}
  .menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}
  .menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}
  .faq-list summary span{transition:background-color .2s,color .2s}
  @supports (interpolate-size:allow-keywords) and selector(details::details-content){
    .faq-list details{interpolate-size:allow-keywords}
    .faq-list details::details-content{block-size:0;opacity:0;overflow:clip;transition:block-size .24s ease,opacity .18s,content-visibility .24s allow-discrete}
    .faq-list details[open]::details-content{block-size:auto;opacity:1}
  }
}
@media(max-width:740px) and (prefers-reduced-motion:no-preference){
  #main-nav{display:block;visibility:hidden;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .17s,transform .2s ease,visibility 0s linear .2s}
  #main-nav.is-open{visibility:visible;opacity:1;transform:none;pointer-events:auto;transition-delay:0s}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .button:hover>span,.offering-link:hover>span{transform:translateX(3px)}
  .home-offerings>a:hover>span:last-child{transform:translate(2px,-2px)}
}
@media(hover:hover){.quick-contact a:hover>span{visibility:visible;opacity:1}}
@keyframes rise-in{from{opacity:.1;transform:translateY(12px)}to{opacity:1;transform:none}}
.quick-contact{transition:opacity .16s,visibility .16s}
.quick-contact.clear-content:not(:focus-within){opacity:0;visibility:hidden;pointer-events:none}
@keyframes brand-stroke{from{transform:skewX(-27deg) scaleX(0)}to{transform:skewX(-27deg) scaleX(1)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}
/* Content-driven rendering (CMS): the server marks pages that carry published content so the
   static starting markup is not flashed before it is replaced. Shown anyway after 2.5 s. */
html.js-render body{visibility:hidden;animation:js-render-reveal 0s 2.5s forwards}
@keyframes js-render-reveal{to{visibility:visible}}
html.plain-slogan .hero h1{font-family:var(--heading);font-weight:700;letter-spacing:-.045em;line-height:1.1}
html.no-anim *,html.no-anim *::before,html.no-anim *::after{animation:none!important}