/* Nizip Taksi - final header / hero responsive overrides */

/* Header: brand yellow, predictable stacking */
.header{background:#F7C600!important;z-index:120!important}
.header .navwrap{position:relative}
.header .menubtn{width:46px;height:46px;padding:0;align-items:center;justify-content:center;line-height:1;font-weight:900;cursor:pointer}

/* Hero: preserve the approved yellow/black Nizip identity */
.hero-final .eyebrow{color:#F7C600!important}
.hero-final h1 em{color:#F7C600!important}
.hero-final .hero-actions .yellow{background:#F7C600!important;color:#111!important;border:1px solid #F7C600!important;box-shadow:0 8px 22px rgba(0,0,0,.18)}
.hero-final .hero-actions .outline{background:rgba(0,0,0,.34)!important;color:#fff!important;border:1px solid rgba(255,255,255,.72)!important}
.hero-final .hero-actions .btn{font-weight:900}
.home-featurebar .features i{color:#F7C600!important}

@media (max-width:900px){
  body.nt-menu-open{overflow:hidden}
  .header{position:sticky;top:0}
  .header .navwrap{height:72px!important;min-height:72px!important;width:min(100% - 28px,1180px);gap:12px}
  .header .menubtn{display:inline-flex!important;flex:0 0 46px;margin-left:auto;background:#0b0d0f!important;color:#fff!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:12px!important;box-shadow:0 8px 18px rgba(0,0,0,.18)}
  .header .nav{
    display:none!important;
    position:fixed!important;
    z-index:9998!important;
    top:72px!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    margin:0!important;
    padding:10px 16px 18px!important;
    flex-direction:column!important;
    gap:0!important;
    background:#080b0e!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
    box-shadow:0 22px 38px rgba(0,0,0,.38)!important;
    max-height:calc(100dvh - 72px)!important;
    overflow-y:auto!important;
  }
  .header .nav.open{display:flex!important}
  .header .nav a{
    display:flex!important;
    align-items:center!important;
    min-height:52px!important;
    padding:0 12px!important;
    margin:0!important;
    color:#fff!important;
    font-size:15px!important;
    font-weight:800!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
    border-radius:0!important;
  }
  .header .nav a:last-child{border-bottom:0!important}
  .header .nav a.active{color:#F7C600!important;background:rgba(247,198,0,.08)!important;border-radius:10px!important}
  .header .nav a:after{display:none!important}

  /* Mobile hero: readable first screen, car still visible */
  .hero-final{min-height:610px!important;height:auto!important;max-height:none!important;background:#0d1215!important}
  .hero-final .hero-photo{inset:0!important;background-position:68% center!important}
  .hero-final .hero-shade{background:linear-gradient(180deg,rgba(8,12,15,.30) 0%,rgba(8,12,15,.58) 35%,rgba(8,12,15,.96) 78%,#0d1215 100%)!important}
  .hero-final .hero-inner{width:min(100% - 32px,1180px)!important;padding:245px 0 115px!important}
  .hero-final .eyebrow{font-size:13px!important;margin-bottom:8px!important}
  .hero-final h1{font-size:clamp(36px,9.5vw,48px)!important;line-height:.96!important;letter-spacing:-1.1px!important;max-width:100%!important;margin:8px 0 14px!important}
  .hero-final p{font-size:15px!important;line-height:1.48!important;max-width:96%!important;margin:0!important}
  .hero-final .hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;width:100%!important;margin-top:20px!important}
  .hero-final .hero-actions .btn{width:100%!important;min-width:0!important;min-height:50px!important;padding:12px 8px!important;font-size:14px!important;border-radius:10px!important}
  .home-featurebar{margin-top:-78px!important;z-index:5!important}
}

@media (max-width:580px){
  .header .navwrap{width:calc(100% - 24px)!important}
  .header .brand.brand-image{max-width:calc(100% - 62px)!important}
  .header .brand.brand-image .site-logo{max-height:48px!important}
  .hero-final{min-height:590px!important}
  .hero-final .hero-photo{background-position:70% center!important}
  .hero-final .hero-inner{padding:218px 0 112px!important}
  .hero-final h1{font-size:clamp(34px,10vw,42px)!important}
}

@media (max-width:390px){
  .hero-final .hero-inner{padding-top:205px!important}
  .hero-final h1{font-size:32px!important}
  .hero-final .hero-actions{grid-template-columns:1fr!important}
}

/* Step 9 - homepage services + regions premium final */
.home-services{position:relative;padding:76px 0 70px!important;background:#fff;overflow:hidden}
.home-services:before{content:"";position:absolute;right:-120px;top:45px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(247,198,0,.12),rgba(247,198,0,0) 70%);pointer-events:none}
.home-services .container{position:relative;z-index:1}
.home-services .home-sectionhead{margin-bottom:34px;max-width:760px}
.home-services .home-sectionhead small,.home-regions .home-regions-copy>small{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:950;letter-spacing:1.45px;color:#8d7000}
.home-services .home-sectionhead small:before,.home-regions .home-regions-copy>small:before{content:"";width:28px;height:3px;border-radius:999px;background:#F7C600}
.home-services .home-sectionhead h2{font-size:clamp(34px,3vw,44px);line-height:1.03;margin:9px 0 12px;letter-spacing:-1.3px;color:#0b0d0f}
.home-services .home-sectionhead p{font-size:15px;line-height:1.7;color:#60666b;max-width:690px}
.home-service-grid{gap:16px!important}
.home-service-card{position:relative;display:flex!important;flex-direction:column;align-items:flex-start;text-align:left!important;min-height:225px!important;padding:26px 24px 22px!important;border:1px solid #e4e7e9!important;border-radius:18px!important;background:linear-gradient(180deg,#fff 0%,#fbfbfb 100%)!important;box-shadow:0 12px 34px rgba(8,13,17,.06)!important;overflow:hidden}
.home-service-card:after{content:"→";position:absolute;right:21px;bottom:18px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#0b0d0f;color:#F7C600;font-size:18px;font-weight:950;transition:.2s ease}
.home-service-card:before{content:""!important;position:absolute!important;left:0!important;right:auto!important;top:0!important;width:100%!important;height:4px!important;background:#F7C600!important;transform:scaleX(0)!important;transform-origin:left!important;transition:.22s ease!important}
.home-service-card:hover{transform:translateY(-5px)!important;border-color:#d9c35a!important;box-shadow:0 18px 42px rgba(8,13,17,.11)!important}
.home-service-card:hover:before{transform:scaleX(1)!important}
.home-service-card:hover:after{transform:translateX(3px);background:#F7C600;color:#111}
.service-icon{width:52px;height:52px;display:grid!important;place-items:center;margin:0 0 20px!important;border-radius:14px;background:#fff7cc;border:1px solid #f0d666;font-size:27px!important;filter:none!important;box-shadow:0 8px 20px rgba(247,198,0,.12)}
.home-service-card h3{font-size:18px!important;line-height:1.25;margin:0 0 8px!important;color:#0b0d0f}
.home-service-card p{font-size:13.5px!important;line-height:1.58!important;color:#697076!important;margin:0!important;max-width:90%}
.home-services-more{display:flex;justify-content:flex-end;margin-top:22px}
.home-services-more a{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 17px;border-radius:11px;background:#0b0d0f;color:#fff;text-decoration:none;font-weight:900;font-size:13px;box-shadow:0 9px 22px rgba(0,0,0,.12)}
.home-services-more a:hover{background:#F7C600;color:#111}

.home-regions{position:relative;padding:64px 0!important;background:linear-gradient(180deg,#f3f5f7 0%,#eef1f3 100%)!important;border-top:1px solid #e3e7ea;border-bottom:1px solid #e2e6e8;overflow:hidden}
.home-regions:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#111 0.7px,transparent 0.7px);background-size:18px 18px;opacity:.025;pointer-events:none}
.home-regions-wrap{position:relative;z-index:1;display:grid!important;grid-template-columns:minmax(0,1fr) 330px!important;gap:46px!important;align-items:center!important}
.home-regions-copy h2{font-size:clamp(29px,2.4vw,38px);line-height:1.08;letter-spacing:-.8px;margin:9px 0 10px;color:#0c0e10}
.home-regions-copy p{font-size:14.5px;line-height:1.65;color:#646b70;margin:0 0 22px;max-width:720px}
.home-regions-list{display:flex!important;flex-wrap:wrap;gap:9px!important}
.home-regions-list a{display:inline-flex!important;align-items:center;min-height:39px;padding:0 15px!important;border:1px solid #d7dde1!important;border-radius:999px!important;background:#fff!important;color:#111!important;text-decoration:none!important;font-size:12.5px!important;font-weight:900!important;box-shadow:0 5px 14px rgba(0,0,0,.035);transition:.18s ease}
.home-regions-list a:hover{border-color:#F7C600!important;background:#fff9d8!important;transform:translateY(-1px)}
.home-regions-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;padding:22px!important;border-radius:18px;background:#0a0d10;box-shadow:0 18px 38px rgba(8,13,17,.14)}
.home-regions-actions:before{content:"HIZLI ERİŞİM";display:block;color:#F7C600;font-size:11px;font-weight:950;letter-spacing:1.35px;margin-bottom:2px}
.home-regions-actions .btn{width:100%!important;min-height:50px!important;display:flex!important;align-items:center;justify-content:center;border-radius:11px!important;font-size:13px!important;font-weight:950!important;text-decoration:none!important}
.home-regions-actions .yellow{background:#F7C600!important;color:#111!important;border:1px solid #F7C600!important}
.home-regions-actions .green{background:#18b76d!important;color:#fff!important;border:1px solid #18b76d!important}
.home-regions-actions .btn:hover{filter:brightness(.96);transform:translateY(-1px)}

@media(max-width:980px){
  .home-services{padding:60px 0 58px!important}
  .home-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .home-regions-wrap{grid-template-columns:1fr!important;gap:28px!important}
  .home-regions-actions{grid-template-columns:1fr 1fr!important;padding:16px!important}
  .home-regions-actions:before{grid-column:1/-1}
}
@media(max-width:620px){
  .home-services{padding:46px 0 48px!important}
  .home-services .home-sectionhead{margin-bottom:22px}
  .home-services .home-sectionhead h2{font-size:30px!important}
  .home-services .home-sectionhead p{font-size:13.5px!important}
  .home-service-grid{grid-template-columns:1fr!important;gap:11px!important}
  .home-service-card{min-height:0!important;padding:18px 18px 18px 78px!important;border-radius:15px!important}
  .service-icon{position:absolute;left:17px;top:18px;width:45px;height:45px;margin:0!important;font-size:23px!important;border-radius:12px}
  .home-service-card h3{font-size:16px!important;padding-right:34px}
  .home-service-card p{font-size:12.5px!important;max-width:calc(100% - 28px);padding-right:12px}
  .home-service-card:after{right:14px;bottom:50%;transform:translateY(50%);width:30px;height:30px;font-size:16px}
  .home-service-card:hover:after{transform:translate(2px,50%)}
  .home-services-more{justify-content:stretch;margin-top:15px}
  .home-services-more a{width:100%;justify-content:center}
  .home-regions{padding:44px 0!important}
  .home-regions-wrap{gap:23px!important}
  .home-regions-copy h2{font-size:27px!important}
  .home-regions-copy p{font-size:13px!important;margin-bottom:18px}
  .home-regions-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important}
  .home-regions-list a{justify-content:center!important;min-height:40px!important;padding:0 10px!important;font-size:12px!important}
  .home-regions-actions{grid-template-columns:1fr!important;padding:14px!important;border-radius:15px}
  .home-regions-actions:before{grid-column:auto}
}
@media(max-width:360px){
  .home-regions-list{grid-template-columns:1fr!important}
}

/* Step 10 - compact modern mobile drawer final */
.nt-mobile-menu-actions{display:none}
@media (max-width:900px){
  body.nt-menu-open{overflow:auto!important}
  .header{overflow:visible!important}
  .header .navwrap{overflow:visible!important}
  .header .nav{
    display:none!important;
    position:absolute!important;
    z-index:9998!important;
    top:calc(100% + 10px)!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    max-height:none!important;
    overflow:visible!important;
    margin:0!important;
    padding:10px!important;
    gap:5px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    border-radius:17px!important;
    background:linear-gradient(180deg,#101417 0%,#080b0e 100%)!important;
    box-shadow:0 20px 45px rgba(0,0,0,.30)!important;
  }
  .header .nav.open{display:flex!important}
  .header .nav:before{
    content:"";
    position:absolute;
    top:-7px;
    right:19px;
    width:14px;
    height:14px;
    background:#101417;
    transform:rotate(45deg);
    border-left:1px solid rgba(255,255,255,.10);
    border-top:1px solid rgba(255,255,255,.10);
  }
  .header .nav>a{
    position:relative!important;
    min-height:43px!important;
    padding:0 13px!important;
    border:0!important;
    border-radius:10px!important;
    background:transparent!important;
    color:#f7f8f9!important;
    font-size:14px!important;
    font-weight:850!important;
  }
  .header .nav>a:before{
    content:"";
    width:6px;
    height:6px;
    margin-right:10px;
    border-radius:50%;
    background:#596168;
    flex:0 0 auto;
  }
  .header .nav>a:after{
    content:"›"!important;
    display:block!important;
    position:absolute!important;
    right:13px!important;
    top:50%!important;
    width:auto!important;
    height:auto!important;
    background:none!important;
    transform:translateY(-50%)!important;
    color:#788087!important;
    font-size:20px!important;
    line-height:1!important;
  }
  .header .nav>a.active{
    background:rgba(247,198,0,.11)!important;
    color:#F7C600!important;
  }
  .header .nav>a.active:before{background:#F7C600!important;box-shadow:0 0 0 4px rgba(247,198,0,.10)}
  .header .nav>a.active:after{color:#F7C600!important}
  .nt-mobile-menu-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-top:5px;
    padding-top:10px;
    border-top:1px solid rgba(255,255,255,.09);
  }
  .nt-mobile-menu-actions a{
    display:flex!important;
    min-height:46px!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 10px!important;
    border:0!important;
    border-radius:10px!important;
    text-align:center!important;
    text-decoration:none!important;
    font-size:12px!important;
    font-weight:950!important;
    line-height:1.2!important;
  }
  .nt-mobile-menu-actions a:before,.nt-mobile-menu-actions a:after{display:none!important}
  .nt-menu-call{background:#F7C600!important;color:#111!important}
  .nt-menu-location{background:#17b76d!important;color:#fff!important}
}
@media (max-width:430px){
  .header .nav{padding:9px!important;border-radius:15px!important}
  .header .nav>a{min-height:41px!important;font-size:13.5px!important}
  .nt-mobile-menu-actions{grid-template-columns:1fr!important}
  .nt-mobile-menu-actions a{min-height:44px!important}
}

/* Step 11 - mobile menu polish / overflow fix */
.nt-menu-dot,.nt-menu-arrow{display:none}
@media (max-width:900px){
  html,body{max-width:100%;overflow-x:hidden!important}
  body.nt-menu-open{overflow-x:hidden!important;overflow-y:auto!important}
  .header .navwrap{width:calc(100% - 24px)!important;max-width:1180px!important}
  .header .nav{
    position:absolute!important;
    top:calc(100% + 8px)!important;
    left:0!important;
    right:0!important;
    width:auto!important;
    max-width:none!important;
    max-height:calc(100vh - 132px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:10px!important;
    border-radius:16px!important;
    border:1px solid rgba(255,255,255,.11)!important;
    background:linear-gradient(180deg,#101417 0%,#080b0e 100%)!important;
    box-shadow:0 18px 42px rgba(0,0,0,.32)!important;
  }
  .header .nav:before{right:18px!important}
  .header .nav>a{
    display:grid!important;
    grid-template-columns:9px minmax(0,1fr) 18px!important;
    align-items:center!important;
    column-gap:10px!important;
    width:100%!important;
    min-height:46px!important;
    padding:0 12px!important;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
    border-radius:9px!important;
    color:#f4f6f7!important;
    line-height:1.2!important;
    overflow:visible!important;
  }
  .header .nav>a:last-of-type{border-bottom:0!important}
  .header .nav>a:before,.header .nav>a:after{content:none!important;display:none!important}
  .header .nav>a .nt-menu-dot{
    display:block!important;width:6px;height:6px;border-radius:50%;background:#596168;
  }
  .header .nav>a .nt-menu-label{
    display:block!important;min-width:0;color:inherit!important;font-size:14px!important;font-weight:850!important;white-space:nowrap;
  }
  .header .nav>a .nt-menu-arrow{
    display:block!important;color:#7e878e;font-size:20px;font-weight:900;line-height:1;text-align:right;
  }
  .header .nav>a.active{
    background:rgba(247,198,0,.10)!important;color:#F7C600!important;box-shadow:inset 3px 0 0 #F7C600;
  }
  .header .nav>a.active .nt-menu-dot{background:#F7C600!important;box-shadow:0 0 0 4px rgba(247,198,0,.10)}
  .header .nav>a.active .nt-menu-arrow{color:#F7C600!important}
  .nt-mobile-menu-actions{grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:8px!important;padding-top:10px!important}
  .nt-mobile-menu-actions a{min-width:0!important;min-height:46px!important;border-radius:10px!important;white-space:nowrap!important;font-size:12.5px!important}
  .mobilebar{max-width:100vw!important;overflow:hidden!important}
}
@media (max-width:430px){
  .header .nav{left:0!important;right:0!important;padding:9px!important;border-radius:14px!important}
  .header .nav>a{min-height:44px!important;padding:0 10px!important;grid-template-columns:8px minmax(0,1fr) 16px!important;column-gap:9px!important}
  .header .nav>a .nt-menu-label{font-size:13.5px!important}
  .nt-mobile-menu-actions{grid-template-columns:1fr 1fr!important}
  .nt-mobile-menu-actions a{font-size:11.5px!important;padding:0 6px!important}
}
@media (max-width:350px){
  .nt-mobile-menu-actions{grid-template-columns:1fr!important}
}

/* Step 12 - header always visible while scrolling */
.header{
  position:-webkit-sticky!important;
  position:sticky!important;
  top:0!important;
  z-index:10000!important;
  width:100%!important;
  transform:translateZ(0);
  -webkit-transform:translateZ(0);
  will-change:transform;
  box-shadow:0 5px 18px rgba(0,0,0,.14)!important;
}
@media(max-width:900px){
  .header{
    position:-webkit-sticky!important;
    position:sticky!important;
    top:0!important;
    z-index:10000!important;
  }
}

/* Step 13 - mobile header fixed reliably on Android/iOS */
@media (max-width:900px){
  html{overflow-x:clip!important;}
  body{
    overflow-x:clip!important;
    padding-top:99px!important;
  }
  body.nt-menu-open{overflow-x:clip!important;}
  .topbar{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    z-index:10002!important;
    width:100%!important;
  }
  .header{
    position:fixed!important;
    top:29px!important;
    left:0!important;
    right:0!important;
    z-index:10001!important;
    width:100%!important;
    transform:none!important;
    -webkit-transform:none!important;
    will-change:auto!important;
  }
  .header .navwrap{position:relative!important;}
  .header .nav{
    position:absolute!important;
    top:calc(100% + 8px)!important;
  }
}
@media (max-width:580px){
  body{padding-top:95px!important;}
}