/* UTAR V10.60 | Homepage and mobile refinement.
   Loaded AFTER existing home styles: preserves admin section order and density. */
:root{--utar-mobile-ink:#15243a;--utar-mobile-muted:#53657c}
.home-main .business-services .section-head h2,
.home-main .product-catalog-v1056 .section-head h2,
.home-main #kurumsal .about-copy h2{color:var(--utar-mobile-ink)!important}
.home-main .business-services .section-head>p,
.home-main .product-catalog-v1056 .section-head>p{color:var(--utar-mobile-muted)!important}
.business-services .service-home-card .card-body,
.business-services .service-home-card .card-body h3{color:#14243a!important;background:#fff!important}
.business-services .service-home-card .card-body p{color:#54667a!important}
.business-services .service-home-card .card-body>b{color:#195b98!important;border-top-color:#dce6ef!important}
.business-services .service-home-card{border-color:#dce5ef!important}
.product-catalog-v1056 .catalog-card{box-shadow:0 9px 28px rgba(20,40,70,.045)}
/* Visible keyboard focus without changing the pointer interaction. */
.site-header a:focus-visible,.site-header button:focus-visible,
.home-main a:focus-visible,.home-main button:focus-visible,
.home-main input:focus-visible,.home-main select:focus-visible,
.footer-pro-bottom a:focus-visible,.mobile-actions a:focus-visible{
  outline:3px solid #55b4ff!important;outline-offset:3px!important
}
/* All interior links to headings should land below the fixed header. */
.home-main section[id]{scroll-margin-top:78px}
@media(max-width:1000px){
  /* The 760–1000px interval previously forced a narrow split hero. */
  #heroSlider.utar-hero{height:clamp(510px,67svh,630px)!important;min-height:510px!important;max-height:630px!important}
  #heroSlider .utar-hero-slide{display:block!important;grid-template-columns:1fr!important}
  #heroSlider .utar-hero-media{position:absolute!important;inset:0!important;z-index:0!important}
  #heroSlider .utar-hero-image{filter:contrast(1.01) saturate(.98) brightness(.77)!important}
  #heroSlider .utar-hero-shade{background:linear-gradient(90deg,rgba(4,12,23,.95) 0%,rgba(4,12,23,.77) 40%,rgba(4,12,23,.12) 100%)!important}
  #heroSlider .utar-hero-copy{position:relative!important;z-index:3!important;width:100%!important;max-width:710px!important;align-items:center!important;padding:66px 6vw 92px!important;background:transparent!important;border:0!important}
  #heroSlider .utar-hero-inner{max-width:560px!important}
  #heroSlider .utar-hero-title{font-size:clamp(36px,5vw,56px)!important;line-height:1.05!important}
  #heroSlider .utar-hero-text{font-size:15px!important;line-height:1.55!important}
  #heroSlider .utar-hero-stats{display:none!important}
  #heroSlider .utar-hero-timeline{left:6vw!important;bottom:24px!important}
  #heroSlider .utar-hero-controls{right:4vw!important;bottom:16px!important}
  .site-header nav{gap:0!important}
  .site-header nav>a:not(.nav-cta){font-size:clamp(16px,2vw,20px)!important;line-height:1.35!important;letter-spacing:0!important;padding:13px 4px!important;min-height:48px!important}
  .site-header nav .nav-cta{font-size:16px!important;min-height:48px!important;display:flex;align-items:center;justify-content:center}
  .process-pro-vivid .process-pro-head{position:static!important}
  .business-services .service-focus-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .product-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .catalog-card-copy p{font-size:14px;line-height:1.5}
  .product-detail-copy h1{overflow-wrap:anywhere}
}
@media(max-width:900px){
  :root{--utar-header-h:62px}
  .site-header,.site-header.scrolled{height:62px!important;padding:0 18px!important}
  main#top{padding-top:62px!important}
  .site-header nav{
    top:62px!important;bottom:0!important;height:calc(100dvh - 62px)!important;
    max-height:calc(100dvh - 62px)!important;z-index:90!important;
    overflow-y:auto!important;overscroll-behavior:contain;
    padding:14px max(22px,6vw) calc(26px + env(safe-area-inset-bottom,0px))!important;
    align-items:stretch!important;justify-content:flex-start!important;
    background:#0b1929!important;pointer-events:none!important
  }
  .site-header nav.open{pointer-events:auto!important}
  .menu-toggle{position:relative!important;z-index:91!important;min-width:44px!important;min-height:44px!important}
  .home-main section[id]{scroll-margin-top:70px}
}
@media(max-width:760px){
  :root{--utar-header-h:60px}
  .site-header,.site-header.scrolled{height:60px!important}
  main#top{padding-top:60px!important}
  .site-header nav{top:60px!important;height:calc(100dvh - 60px)!important;max-height:calc(100dvh - 60px)!important}
  #heroSlider.utar-hero{height:clamp(530px,78svh,630px)!important;min-height:530px!important;max-height:630px!important}
  #heroSlider .utar-hero-media{position:absolute!important;inset:0!important}
  #heroSlider .utar-hero-image{filter:contrast(1.03) saturate(.98) brightness(.83)!important}
  #heroSlider .utar-hero-shade{background:linear-gradient(180deg,rgba(4,12,23,.18),rgba(4,12,23,.40) 30%,rgba(4,12,23,.88) 74%,rgba(4,12,23,.98))!important}
  #heroSlider .utar-hero-copy{position:absolute!important;inset:0!important;width:100%!important;max-width:none!important;align-items:flex-end!important;padding:48px 6vw 93px!important}
  #heroSlider .utar-hero-eyebrow span{font-size:10px!important;letter-spacing:.12em!important;overflow-wrap:anywhere}
  #heroSlider .utar-hero-title{font-size:clamp(31px,8.7vw,43px)!important;line-height:1.06!important;overflow-wrap:normal}
  #heroSlider .utar-hero-text{font-size:14px!important;line-height:1.52!important;margin-top:13px!important;color:#e4ebf2!important}
  #heroSlider .utar-hero-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-top:19px!important}
  #heroSlider .utar-hero-btn{height:auto!important;min-height:48px!important;padding:10px 12px!important;min-width:0!important}
  #heroSlider .utar-hero-btn span{font-size:12px!important;line-height:1.3!important}
  #heroSlider .utar-hero-timeline{bottom:25px!important;right:95px!important;left:6vw!important;width:auto!important}
  #heroSlider .utar-hero-controls{right:6vw!important;bottom:15px!important}
  #heroSlider .utar-hero-controls button{height:44px!important;width:38px!important}
  /* Three core services remain visible without forcing a swipe to find two of them. */
  .home-main .business-services .service-focus-grid{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;
    overflow:visible!important;scroll-snap-type:none!important;gap:13px!important;
    padding:0!important;margin:0!important
  }
  .home-main .business-services .service-home-card{
    display:grid!important;grid-template-columns:minmax(112px,36%) minmax(0,1fr)!important;
    grid-template-rows:minmax(0,1fr)!important;min-width:0!important;
    width:100%!important;min-height:174px!important;flex:none!important;scroll-snap-align:none!important
  }
  .business-services .service-home-card .card-image{aspect-ratio:auto!important;height:100%!important;min-height:174px!important}
  .business-services .service-home-card .service-home-badge{display:none!important}
  .business-services .service-home-card .card-no{top:10px!important;right:10px!important}
  .business-services .service-home-card .card-body{min-height:174px!important;padding:15px 14px!important}
  .business-services .service-home-card .card-body>span{font-size:10px!important;margin-bottom:6px!important}
  .business-services .service-home-card .card-body h3{font-size:20px!important;line-height:1.15!important;margin-bottom:8px!important}
  .business-services .service-home-card .card-body p{font-size:12px!important;line-height:1.5!important;margin-bottom:10px!important;-webkit-line-clamp:3!important}
  .business-services .service-home-card .card-body>b{font-size:12px!important;padding-top:9px!important;min-height:34px}
  .business-services .mobile-swipe-hint{display:none!important}
  /* Five product categories stay discoverable in a compact two-column grid. */
  .home-main .product-catalog-v1056 .product-catalog-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important;gap:12px!important;padding:0!important;margin:20px 0 0!important}
  .product-catalog-v1056 .catalog-card{min-width:0!important;width:100%!important;scroll-snap-align:none!important}
  .product-catalog-v1056 .catalog-card-image{aspect-ratio:4/3!important}
  .product-catalog-v1056 .catalog-card-copy{padding:15px 13px 16px!important;min-width:0!important}
  .product-catalog-v1056 .catalog-card-copy h3{font-size:17px!important;line-height:1.18!important;overflow-wrap:anywhere}
  .product-catalog-v1056 .catalog-card-copy p{font-size:12px!important;line-height:1.5!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .product-catalog-v1056 .catalog-card-copy b,.product-catalog-v1056 .catalog-card-copy i{font-size:12px!important}
  .product-catalog-v1056 .catalog-card:last-child:nth-child(odd){grid-column:1/-1;display:grid;grid-template-columns:42% minmax(0,1fr)}
  .product-catalog-v1056 .catalog-card:last-child:nth-child(odd) .catalog-card-image{height:100%!important;min-height:180px;aspect-ratio:auto!important}
  .home-main .section-head h2{font-size:clamp(29px,7.5vw,40px)!important;line-height:1.13!important}
  .home-main .section-head p,.home-main .case-study-head p{font-size:14px!important;line-height:1.6!important}
  .home-main .section-side-note{display:none!important}
  .business-experience strong{font-size:38px}
  .process-pro-vivid .process-pro-head{position:static!important}
  .process-pro-vivid .process-pro-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .process-pro-vivid .process-pro-card{min-height:178px!important;padding:16px 13px!important}
  .process-pro-vivid .process-pro-card h3{font-size:17px!important;line-height:1.24!important}
  .process-pro-vivid .process-pro-card p{font-size:12px!important;line-height:1.5!important}
  .process-pro-highlights span{font-size:12px}
  .planner-pro-vivid .planner-pro-form{grid-template-columns:1fr!important}
  .planner-pro-vivid .planner-pro-form select,.planner-pro-vivid .planner-pro-form .btn{min-height:48px!important;height:auto!important;font-size:16px!important}
  .planner-pro-vivid .planner-pro-form label>span{font-size:13px!important}
  .planner-pro-vivid .planner-pro-quickpoints{display:none!important}
  .faq-pro .faq-pro-intro{position:static!important}
  .faq-pro .faq-pro-item summary{min-height:58px!important;gap:10px!important}
  .faq-pro .faq-pro-item summary b{font-size:15px!important;line-height:1.42!important}
  .faq-pro .faq-pro-answer p{font-size:14px!important}
  .footer-pro-bottom{padding-bottom:calc(82px + env(safe-area-inset-bottom,0px))!important}
  .mobile-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    padding-bottom:env(safe-area-inset-bottom,0px);min-height:56px;box-shadow:0 -8px 26px rgba(0,0,0,.15)}
  .mobile-actions a{display:grid;place-items:center;min-height:54px;font-size:13px!important;font-weight:750}
}
@media(max-width:390px){
  #heroSlider.utar-hero{height:clamp(600px,95svh,660px)!important;min-height:600px!important;max-height:660px!important}
  #heroSlider .utar-hero-actions{grid-template-columns:1fr!important;gap:8px!important}
  #heroSlider .utar-hero-btn{min-height:43px!important}
  .home-main .business-services .service-home-card{grid-template-columns:minmax(103px,34%) minmax(0,1fr)!important}
  .business-services .service-home-card .card-body{padding:13px 11px!important}
  .business-services .service-home-card .card-body h3{font-size:18px!important}
  .product-catalog-v1056 .catalog-card-copy{padding:12px 10px!important}
  .product-catalog-v1056 .catalog-card-copy h3{font-size:16px!important}
  .process-pro-vivid .process-pro-grid{grid-template-columns:1fr!important}
  .process-pro-vivid .process-pro-card{min-height:0!important}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}