/* İSTANBUL MOTO KURYE V8 — PREMIUM ETKİLEŞİMLER
   Kaynak: V7 tasarımı. Renkler, görseller, tipografi, logo yönetimi korunur.
   Tüm hareketler 250ms; fare, klavye ve dokunmatik ekran davranışları ayrıdır.
*/
:root {
  --imk-motion-duration: 250ms;
  --imk-motion-ease: cubic-bezier(.22,1,.36,1);
  --imk-ink-shadow: 0 12px 27px rgba(20,29,41,.16);
  --imk-red-halo: 0 10px 28px rgba(237,36,43,.25);
  --imk-green-halo: 0 10px 28px rgba(40,168,91,.22);
}
/* Menü: merkezden değil, soldan sağa açılan ince kırmızı çizgi */
.links a {
  position:relative;
  display:inline-flex;
  align-items:center;
  min-height:36px;
  transition:color var(--imk-motion-duration) var(--imk-motion-ease);
}
.links a::after {
  content:"";
  pointer-events:none;
  position:absolute;
  height:2px;
  border-radius:2px;
  background:var(--red);
  left:0;right:0;bottom:2px;
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform var(--imk-motion-duration) var(--imk-motion-ease);
}
/* Buton / telefon / WhatsApp: boyut kaydırmadan sadece görsel yükselme */
.btn,.call,.float-wa {
  will-change:auto;
  position:relative;
  transition:transform var(--imk-motion-duration) var(--imk-motion-ease),
    box-shadow var(--imk-motion-duration) var(--imk-motion-ease),
    background-color var(--imk-motion-duration) var(--imk-motion-ease),
    border-color var(--imk-motion-duration) var(--imk-motion-ease),
    color var(--imk-motion-duration) var(--imk-motion-ease);
}
.v8-action-glyph,.v8-cta-arrow,.v8-link-arrow {
  display:inline-block;
  vertical-align:baseline;
  transition:transform var(--imk-motion-duration) var(--imk-motion-ease),
    opacity var(--imk-motion-duration) var(--imk-motion-ease);
}
.v8-cta-arrow{margin-left:2px;font-size:15px;opacity:.8}
/* Service cards: contained image zoom, accessible focus state */
.card {
  transition:transform var(--imk-motion-duration) var(--imk-motion-ease),
    box-shadow var(--imk-motion-duration) var(--imk-motion-ease),
    border-color var(--imk-motion-duration) var(--imk-motion-ease);
}
.card img{
  transition:transform var(--imk-motion-duration) var(--imk-motion-ease),
    filter var(--imk-motion-duration) var(--imk-motion-ease);
  transform-origin:center center;
}
.card h3{
  position:relative;
  width:fit-content;
  transition:color var(--imk-motion-duration) var(--imk-motion-ease);
}
.card h3::after {
  content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;
  border-radius:2px;background:var(--red);
  transform:scaleX(0);transform-origin:left;
  transition:transform var(--imk-motion-duration) var(--imk-motion-ease);
}
.card .more {
  display:inline-flex;align-items:center;gap:3px;
  transition:color var(--imk-motion-duration) var(--imk-motion-ease);
}
/* Heading underline without adding vertical space */
.section-head h2 {
  position:relative;width:fit-content;margin-left:auto;margin-right:auto;
}
.section-head h2::after {
  content:"";position:absolute;left:28%;right:28%;bottom:-9px;height:2px;
  background:var(--red);border-radius:3px;
  transform:scaleX(0);opacity:.8;
  transition:transform var(--imk-motion-duration) var(--imk-motion-ease);
}
.pill{
  transition:border-color var(--imk-motion-duration) var(--imk-motion-ease),
    box-shadow var(--imk-motion-duration) var(--imk-motion-ease),
    transform var(--imk-motion-duration) var(--imk-motion-ease);
}
.faq summary{
  transition:color var(--imk-motion-duration) var(--imk-motion-ease),
    transform var(--imk-motion-duration) var(--imk-motion-ease);
}
.foot a{
  transition:color var(--imk-motion-duration) var(--imk-motion-ease);
}
.logo img{
  transition:transform var(--imk-motion-duration) var(--imk-motion-ease),
    filter var(--imk-motion-duration) var(--imk-motion-ease);
}
/* Keyboard navigation — same emphasis as hover + visible focus ring */
.links a:focus-visible::after,.card:focus-within h3::after,
.section-head h2:focus-visible::after{transform:scaleX(1)}
.card:focus-within{border-color:#e8a0a4;box-shadow:var(--imk-ink-shadow)}
.card:focus-within .more{color:#aa1220}
.links a:focus-visible,.btn:focus-visible,.call:focus-visible,.float-wa:focus-visible,
.card .more:focus-visible,.logo:focus-visible,.foot a:focus-visible,
.faq summary:focus-visible,.hamb:focus-visible {
  outline:3px solid #2468bd;
  outline-offset:4px;
  border-radius:3px;
}
/* Mouse-specific effects: no perpetual animations and no layout jumps */
@media (hover:hover) and (pointer:fine) {
  .links a:hover{color:var(--red)}
  .links a:hover::after{transform:scaleX(1)}
  .btn:hover,.call:hover{transform:translateY(-3px);box-shadow:var(--imk-ink-shadow)}
  .btn.red:hover,.call:hover{background:#d21c25;box-shadow:var(--imk-red-halo)}
  .btn.green:hover{background:#219c50;box-shadow:var(--imk-green-halo)}
  .btn.white:hover{background:#fff6f6;border-color:#d21c25;box-shadow:0 9px 23px rgba(20,29,41,.12)}
  .btn:hover .v8-action-glyph,.call:hover .v8-action-glyph{transform:translateX(2px)}
  .btn:hover .v8-cta-arrow{transform:translate(4px,-2px);opacity:1}
  .float-wa:hover{transform:translateY(-3px);background:#219c50;box-shadow:var(--imk-green-halo)}
  .float-wa:hover .v8-action-glyph{transform:translateX(2px)}
  .card:hover{transform:translateY(-6px);border-color:#ebc1c2;box-shadow:0 20px 40px rgba(20,29,41,.14)}
  .card:hover img{transform:scale(1.045);filter:saturate(1.08) contrast(1.025)}
  .card:hover h3{color:#ac1e27}
  .card:hover h3::after{transform:scaleX(1)}
  .card:hover .v8-link-arrow,.card .more:hover .v8-link-arrow{transform:translateX(5px)}
  .card .more:hover{color:#af1a25}
  .section-head:hover h2::after{transform:scaleX(1)}
  .pill:hover{border-color:#e7acb0;transform:translateY(-2px);box-shadow:0 5px 15px rgba(20,29,41,.06)}
  .faq summary:hover{color:#c51e27;transform:translateX(3px)}
  .foot a:hover{color:#ffffff}
  .logo:hover img{transform:scale(1.025);filter:drop-shadow(0 3px 6px rgba(20,29,41,.12))}
}
/* Touch: brief physical press response; not simulated sticky desktop hover */
@media (hover:none) and (pointer:coarse) {
  .btn:active,.call:active,.float-wa:active{transform:scale(.98)}
  .card:active{transform:scale(.995);border-color:#ebc1c2}
  .links a:active{color:var(--red)}
  .card .more:active .v8-link-arrow{transform:translateX(3px)}
}
/* On mobile, menu items are block links with a left-side line */
@media(max-width:850px){
  .links a{display:flex;width:fit-content;max-width:100%;min-height:42px}
  .links a::after{bottom:4px}
}
/* Respect users who request no motion */
@media(prefers-reduced-motion:reduce){
  .links a,.links a::after,.btn,.call,.float-wa,.v8-action-glyph,.v8-cta-arrow,.v8-link-arrow,
  .card,.card img,.card h3,.card h3::after,.card .more,.section-head h2::after,
  .pill,.faq summary,.foot a,.logo img{transition-duration:0.01ms!important;animation:none!important}
  .btn:hover,.call:hover,.float-wa:hover,.card:hover,.card img,.card:hover img,
  .pill:hover,.logo:hover img,.faq summary:hover{transform:none!important}
  html{scroll-behavior:auto!important}
}