:root{
  --ufuk-nav-blue:#07529f;
  --ufuk-nav-blue-2:#063f7d;
  --ufuk-nav-ink:#0b1220;
  --ufuk-nav-muted:#64748b;
  --ufuk-nav-line:#e5edf7;
  --ufuk-nav-container:1320px;
  --ufuk-topbar-h:43px;
  --ufuk-mainnav-h:88px;
  --ufuk-logo-col:330px;
  --ufuk-cta-col:172px;
}
html{scrollbar-gutter:stable;overflow-y:scroll}
.ufuk-site-header{z-index:1030;width:100%;font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.ufuk-site-header *{box-sizing:border-box}
.ufuk-site-header .container{width:100%;max-width:var(--ufuk-nav-container)!important;margin-left:auto!important;margin-right:auto!important;padding-left:12px!important;padding-right:12px!important}
.ufuk-topbar{height:var(--ufuk-topbar-h);min-height:var(--ufuk-topbar-h);background:linear-gradient(90deg,var(--ufuk-nav-blue),var(--ufuk-nav-blue-2));color:#fff;font-size:.86rem;font-weight:600;letter-spacing:.01em;overflow:hidden}
.ufuk-topbar a{color:#fff;text-decoration:none;opacity:.98}.ufuk-topbar a:hover{opacity:.84}
.ufuk-topbar__row{height:var(--ufuk-topbar-h);min-height:var(--ufuk-topbar-h);display:flex;align-items:center;justify-content:space-between;gap:18px}
.ufuk-topbar__left,.ufuk-topbar__right{display:flex;align-items:center;gap:20px;flex-wrap:nowrap;min-width:0}.ufuk-topbar__right{justify-content:flex-end;text-align:right}.ufuk-topbar__item{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.ufuk-topbar__right span{white-space:nowrap}
.ufuk-mainnav{height:var(--ufuk-mainnav-h);min-height:var(--ufuk-mainnav-h);background:rgba(255,255,255,.985);border-bottom:1px solid rgba(226,237,247,.95);box-shadow:0 10px 30px rgba(15,23,42,.055);z-index:1030;overflow:visible}
.ufuk-mainnav__row{height:var(--ufuk-mainnav-h);min-height:var(--ufuk-mainnav-h);display:grid!important;grid-template-columns:var(--ufuk-logo-col) minmax(0,1fr) var(--ufuk-cta-col);align-items:center;column-gap:22px}
.ufuk-brand{display:flex;align-items:center;justify-content:flex-start;text-decoration:none;width:var(--ufuk-logo-col);min-width:0;flex:0 0 auto}.ufuk-brand picture{display:flex;align-items:center}.ufuk-brand img{display:block;width:210px!important;height:58px!important;max-width:210px!important;max-height:58px!important;object-fit:contain}.ufuk-brand__text{font-size:1.28rem;font-weight:900;color:var(--ufuk-nav-blue);letter-spacing:-.04em}
.ufuk-navlinks{display:flex!important;align-items:center;justify-content:flex-start;gap:4px;list-style:none;margin:0!important;padding:0!important;min-width:0;width:100%}.ufuk-navlinks li{margin:0!important;padding:0!important;flex:0 0 auto}.ufuk-navlinks a{position:relative;display:flex;align-items:center;justify-content:center;height:46px;min-height:46px;padding:0 14px;color:var(--ufuk-nav-ink);text-decoration:none;font-size:.94rem;font-weight:800;letter-spacing:-.01em;border-radius:4px;transition:color .18s ease,background .18s ease;white-space:nowrap;line-height:1}.ufuk-navlinks a::after{content:"";position:absolute;left:14px;right:14px;bottom:4px;height:2px;background:var(--ufuk-nav-blue);transform:scaleX(0);transform-origin:center;transition:transform .18s ease;border-radius:999px}.ufuk-navlinks a:hover,.ufuk-navlinks a.is-active{color:var(--ufuk-nav-blue);background:#f6f9fd}.ufuk-navlinks a:hover::after,.ufuk-navlinks a.is-active::after{transform:scaleX(1)}
.ufuk-nav-cta{width:var(--ufuk-cta-col);height:52px;min-height:52px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:6px;background:var(--ufuk-nav-blue);color:#fff!important;text-decoration:none;font-weight:900;box-shadow:0 12px 26px rgba(7,82,159,.22);transition:background .18s ease,transform .18s ease,box-shadow .18s ease;white-space:nowrap}.ufuk-nav-cta:hover{background:#064886;transform:translateY(-1px);box-shadow:0 16px 30px rgba(7,82,159,.28)}
.ufuk-nav-toggle{margin-left:auto;width:46px;height:42px;border:1px solid var(--ufuk-nav-line);border-radius:8px;background:#fff;display:none;align-items:center;justify-content:center;gap:4px;flex-direction:column}.ufuk-nav-toggle span{display:block;width:21px;height:2px;background:#0f172a;border-radius:999px}
.ufuk-mobile-canvas{border-left:0;background:#fff;width:min(390px,92vw)!important}.ufuk-mobile-canvas .offcanvas-header{border-bottom:1px solid var(--ufuk-nav-line);padding:18px 20px}.ufuk-mobile-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ufuk-nav-ink);font-weight:900}.ufuk-mobile-brand img{width:150px;max-width:150px;max-height:48px;object-fit:contain}.ufuk-mobile-links{list-style:none;margin:0;padding:8px 0;display:grid;gap:8px}.ufuk-mobile-links a{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 16px;border:1px solid var(--ufuk-nav-line);border-radius:12px;color:var(--ufuk-nav-ink);text-decoration:none;font-weight:850;background:#fff}.ufuk-mobile-links a::after{content:"›";font-size:1.35rem;color:var(--ufuk-nav-blue);line-height:1}.ufuk-mobile-links a.is-active{border-color:rgba(7,82,159,.35);background:#f5f9ff;color:var(--ufuk-nav-blue)}.ufuk-mobile-cta{display:flex;align-items:center;justify-content:center;min-height:52px;border-radius:12px;background:var(--ufuk-nav-blue);color:#fff!important;text-decoration:none;font-weight:900;margin-top:12px}.ufuk-mobile-contact{margin-top:16px;padding:14px;border-radius:14px;background:#f7faff;border:1px solid var(--ufuk-nav-line);font-size:.9rem;color:#334155}.ufuk-mobile-contact a{color:var(--ufuk-nav-blue);font-weight:800;text-decoration:none}
@media (max-width:1199.98px){:root{--ufuk-logo-col:260px;--ufuk-cta-col:156px}.ufuk-mainnav__row{column-gap:14px}.ufuk-brand{width:var(--ufuk-logo-col)}.ufuk-brand img{width:178px!important;height:50px!important;max-width:178px!important;max-height:50px!important}.ufuk-navlinks a{padding:0 9px;font-size:.88rem}.ufuk-nav-cta{width:var(--ufuk-cta-col);padding:0 12px}}
@media (max-width:991.98px){:root{--ufuk-mainnav-h:72px}.ufuk-topbar{display:none}.ufuk-mainnav{height:var(--ufuk-mainnav-h);min-height:var(--ufuk-mainnav-h)}.ufuk-mainnav__row{height:var(--ufuk-mainnav-h);min-height:var(--ufuk-mainnav-h);display:flex!important;align-items:center;justify-content:space-between}.ufuk-navlinks,.ufuk-nav-cta{display:none!important}.ufuk-nav-toggle{display:flex}.ufuk-brand{width:auto;min-width:0}.ufuk-brand img{width:180px!important;height:52px!important;max-width:180px!important;max-height:52px!important}}
@media (max-width:575.98px){:root{--ufuk-mainnav-h:68px}.ufuk-brand img{width:156px!important;height:46px!important;max-width:156px!important;max-height:46px!important}.ufuk-mobile-canvas{width:100vw!important}}

/* v10-navbar-fixed: tüm şablonlarda aynı ölçü ve hizalama */
.ufuk-site-header .container{max-width:1320px!important;}
.ufuk-mainnav__row{grid-template-columns:var(--ufuk-logo-col) minmax(0,1fr) var(--ufuk-cta-col)!important;}
.ufuk-brand img{object-fit:contain!important;}
body.ufuk-offcanvas-open .ufuk-fab{display:none!important;}

/* v12-mobile-navbar: logo sol, randevu orta, hamburger sağ */
@media (max-width:991.98px){
  :root{--ufuk-mainnav-h:72px;}
  .ufuk-mainnav{
    height:var(--ufuk-mainnav-h)!important;
    min-height:var(--ufuk-mainnav-h)!important;
    background:#fff!important;
  }
  .ufuk-mainnav__row{
    position:relative!important;
    height:var(--ufuk-mainnav-h)!important;
    min-height:var(--ufuk-mainnav-h)!important;
    display:grid!important;
    grid-template-columns:minmax(118px,1fr) auto minmax(58px,1fr)!important;
    align-items:center!important;
    column-gap:8px!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .ufuk-brand{
    grid-column:1!important;
    justify-self:start!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
  }
  .ufuk-brand picture{display:flex!important;align-items:center!important;justify-content:flex-start!important;}
  .ufuk-brand img{
    width:150px!important;
    height:48px!important;
    max-width:150px!important;
    max-height:48px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
  .ufuk-navlinks{display:none!important;}
  .ufuk-nav-cta{
    grid-column:2!important;
    justify-self:center!important;
    display:inline-flex!important;
    width:auto!important;
    min-width:118px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 16px!important;
    border-radius:10px!important;
    font-size:.88rem!important;
    font-weight:900!important;
    letter-spacing:-.01em!important;
    box-shadow:0 10px 24px rgba(7,82,159,.22)!important;
  }
  .ufuk-nav-toggle{
    grid-column:3!important;
    justify-self:end!important;
    display:flex!important;
    position:relative!important;
    width:46px!important;
    height:42px!important;
    min-width:46px!important;
    border:1px solid rgba(7,82,159,.22)!important;
    border-radius:12px!important;
    background:linear-gradient(180deg,#ffffff,#f7fbff)!important;
    box-shadow:0 8px 22px rgba(15,23,42,.08)!important;
    gap:0!important;
    padding:0!important;
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
  }
  .ufuk-nav-toggle:hover,
  .ufuk-nav-toggle:focus{
    transform:translateY(-1px)!important;
    border-color:rgba(7,82,159,.38)!important;
    box-shadow:0 12px 28px rgba(7,82,159,.16)!important;
    outline:none!important;
  }
  .ufuk-nav-toggle span{
    position:absolute!important;
    left:12px!important;
    width:22px!important;
    height:2px!important;
    background:var(--ufuk-nav-blue)!important;
    border-radius:999px!important;
    transition:width .18s ease,transform .18s ease,opacity .18s ease!important;
  }
  .ufuk-nav-toggle span:nth-child(1){top:12px!important;width:18px!important;}
  .ufuk-nav-toggle span:nth-child(2){top:20px!important;width:22px!important;}
  .ufuk-nav-toggle span:nth-child(3){top:28px!important;width:14px!important;}
  .ufuk-nav-toggle:hover span:nth-child(1),
  .ufuk-nav-toggle:hover span:nth-child(3){width:22px!important;}
  body.ufuk-menu-open .ufuk-nav-toggle span:nth-child(1),
  .ufuk-nav-toggle[aria-expanded="true"] span:nth-child(1){top:20px!important;width:22px!important;transform:rotate(45deg)!important;}
  body.ufuk-menu-open .ufuk-nav-toggle span:nth-child(2),
  .ufuk-nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0!important;transform:translateX(4px)!important;}
  body.ufuk-menu-open .ufuk-nav-toggle span:nth-child(3),
  .ufuk-nav-toggle[aria-expanded="true"] span:nth-child(3){top:20px!important;width:22px!important;transform:rotate(-45deg)!important;}
}
@media (max-width:575.98px){
  :root{--ufuk-mainnav-h:66px;}
  .ufuk-mainnav__row{
    grid-template-columns:minmax(108px,1fr) auto minmax(52px,1fr)!important;
    column-gap:6px!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }
  .ufuk-brand img{
    width:128px!important;
    height:44px!important;
    max-width:128px!important;
    max-height:44px!important;
  }
  .ufuk-nav-cta{
    min-width:106px!important;
    height:39px!important;
    min-height:39px!important;
    padding:0 12px!important;
    font-size:.82rem!important;
    border-radius:9px!important;
  }
  .ufuk-nav-toggle{
    width:43px!important;
    height:39px!important;
    min-width:43px!important;
    border-radius:11px!important;
  }
  .ufuk-nav-toggle span{left:11px!important;width:21px!important;}
  .ufuk-nav-toggle span:nth-child(1){top:11px!important;width:17px!important;}
  .ufuk-nav-toggle span:nth-child(2){top:19px!important;width:21px!important;}
  .ufuk-nav-toggle span:nth-child(3){top:27px!important;width:13px!important;}
}
@media (max-width:380px){
  .ufuk-brand img{width:116px!important;max-width:116px!important;}
  .ufuk-nav-cta{min-width:98px!important;padding:0 10px!important;font-size:.78rem!important;}
}

/* v16-logo-sheen-premium: logo parlama yavaş ama sürekli akış */
.ufuk-brand{
  position:relative!important;
  overflow:hidden!important;
  border-radius:10px!important;
  isolation:isolate!important;
}
.ufuk-brand::after{
  content:"";
  position:absolute;
  top:-38%;
  bottom:-38%;
  left:-78%;
  width:46%;
  pointer-events:none;
  z-index:2;
  background:linear-gradient(105deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.12) 26%,rgba(255,255,255,.62) 50%,rgba(255,255,255,.14) 74%,rgba(255,255,255,0) 100%);
  transform:translateX(-135%) skewX(-18deg);
  animation:ufukLogoSheen 2.45s cubic-bezier(.22,.61,.36,1) infinite;
}
.ufuk-brand picture,
.ufuk-brand img{position:relative!important;z-index:1!important;}
@keyframes ufukLogoSheen{
  0%{transform:translateX(-135%) skewX(-18deg);opacity:0;}
  10%{opacity:.18;}
  26%{opacity:.82;}
  58%{opacity:.64;}
  74%{transform:translateX(430%) skewX(-18deg);opacity:0;}
  100%{transform:translateX(430%) skewX(-18deg);opacity:0;}
}
@media (prefers-reduced-motion:reduce){.ufuk-brand::after{animation:none!important;display:none!important;}}

@media (max-width:991.98px){
  .ufuk-mainnav__row{
    grid-template-columns:minmax(118px,1fr) auto minmax(56px,1fr)!important;
    column-gap:8px!important;
  }
  .ufuk-nav-cta{
    min-width:132px!important;
    height:46px!important;
    min-height:46px!important;
    padding:0 18px!important;
    border-radius:11px!important;
    font-size:.9rem!important;
    box-shadow:0 12px 28px rgba(7,82,159,.28)!important;
  }
}
@media (max-width:575.98px){
  .ufuk-mainnav__row{
    grid-template-columns:minmax(112px,1fr) auto minmax(48px,1fr)!important;
    column-gap:7px!important;
    padding-left:7px!important;
    padding-right:7px!important;
  }
  .ufuk-brand img{
    width:124px!important;
    height:44px!important;
    max-width:124px!important;
    max-height:44px!important;
  }
  .ufuk-nav-cta{
    min-width:122px!important;
    height:44px!important;
    min-height:44px!important;
    padding:0 15px!important;
    border-radius:11px!important;
    font-size:.85rem!important;
  }
}
@media (max-width:380px){
  .ufuk-brand img{width:112px!important;max-width:112px!important;}
  .ufuk-nav-cta{min-width:112px!important;height:42px!important;min-height:42px!important;padding:0 12px!important;font-size:.8rem!important;}
  .ufuk-nav-toggle{width:41px!important;min-width:41px!important;}
}

/* v24-fixed-stable-topbar: tüm PHP'lerde aynı davranış.
   Mavi üst bar ilk aşağı wheel hareketinde görsel olarak kaybolur; beyaz navbar sabit kalır.
   Body üst boşluğu sabit tutulduğu için H1/hero zıplamaz ve header yüksekliği değişmez. */
:root{
  --ufuk-topbar-h:43px;
  --ufuk-mainnav-h:88px;
  --ufuk-header-total-h:calc(var(--ufuk-topbar-h) + var(--ufuk-mainnav-h));
}
html{
  scrollbar-gutter:stable;
  overflow-y:scroll;
  scroll-padding-top:calc(var(--ufuk-mainnav-h) + 18px)!important;
}
body{
  padding-top:var(--ufuk-header-total-h)!important;
}
.ufuk-site-header,
.ufuk-site-header.sticky-top{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  height:var(--ufuk-header-total-h)!important;
  z-index:1030!important;
  transform:none!important;
  transition:none!important;
  will-change:auto!important;
  pointer-events:auto!important;
  background:transparent!important;
}
.ufuk-topbar{
  display:block!important;
  height:var(--ufuk-topbar-h)!important;
  min-height:var(--ufuk-topbar-h)!important;
  max-height:var(--ufuk-topbar-h)!important;
  opacity:1!important;
  transform:translateY(0)!important;
  transition:transform .26s cubic-bezier(.22,.61,.36,1),opacity .18s ease!important;
  will-change:transform,opacity!important;
  overflow:hidden!important;
}
.ufuk-topbar__row{
  height:var(--ufuk-topbar-h)!important;
  min-height:var(--ufuk-topbar-h)!important;
  overflow:hidden!important;
}
.ufuk-mainnav{
  position:relative!important;
  top:auto!important;
  height:var(--ufuk-mainnav-h)!important;
  min-height:var(--ufuk-mainnav-h)!important;
  transform:translateY(0)!important;
  transition:transform .26s cubic-bezier(.22,.61,.36,1),box-shadow .18s ease,border-color .18s ease!important;
  will-change:transform!important;
}
html.ufuk-topbar-hidden .ufuk-site-header,
body.ufuk-topbar-hidden .ufuk-site-header{
  height:var(--ufuk-header-total-h)!important;
}
html.ufuk-topbar-hidden .ufuk-topbar,
body.ufuk-topbar-hidden .ufuk-topbar{
  transform:translateY(-100%)!important;
  opacity:0!important;
  pointer-events:none!important;
}
html.ufuk-topbar-hidden .ufuk-mainnav,
body.ufuk-topbar-hidden .ufuk-mainnav{
  transform:translateY(calc(-1 * var(--ufuk-topbar-h)))!important;
}
@media (max-width:991.98px){
  :root{--ufuk-header-total-h:var(--ufuk-mainnav-h)!important;}
  html{scroll-padding-top:calc(var(--ufuk-mainnav-h) + 10px)!important;}
  body{padding-top:var(--ufuk-mainnav-h)!important;}
  .ufuk-site-header,
  .ufuk-site-header.sticky-top{
    height:var(--ufuk-mainnav-h)!important;
    top:0!important;
  }
  .ufuk-topbar,
  html.ufuk-topbar-hidden .ufuk-topbar,
  body.ufuk-topbar-hidden .ufuk-topbar{
    display:none!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    opacity:0!important;
    transform:none!important;
  }
  .ufuk-mainnav,
  html.ufuk-topbar-hidden .ufuk-mainnav,
  body.ufuk-topbar-hidden .ufuk-mainnav{
    transform:none!important;
  }
}
/* end-v24-fixed-stable-topbar */

/* v27-slider-exact-ratio-final: ufuk-corporate-navbar.css en son yüklendiği için nihai slider kilidi burada. */
/* =========================================================
   Uysal Otogaz - Hero Slider Oran Fix v27
   Amaç: Canva/Figma 1920x700 desktop tasarımı sitede kırpmadan
   birebir göstermek. Mobil slider 1080x1350 oranında çalışır.
   ========================================================= */

.hero-kb{
  position:relative!important;
  padding:0 0 22px!important;
  margin:0 0 24px!important;
  background:linear-gradient(180deg,#f8fafc 0%,#ffffff 100%)!important;
  overflow:visible!important;
}

.hero-kb .kb-wrapper{
  position:relative!important;
  display:block!important;
  width:100%!important;
  aspect-ratio:1920 / 700!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
  border-radius:16px!important;
  background:#f8fbff!important;
  box-shadow:0 16px 44px rgba(15,23,42,.10)!important;
  isolation:isolate!important;
}

.hero-kb .kb-wrapper::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:3;
  border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(15,23,42,.08)!important;
}

.hero-kb .kb-slide{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  margin:0!important;
  width:100%!important;
  height:100%!important;
  opacity:0;
  visibility:hidden;
  transition:opacity .55s ease;
}

.hero-kb .kb-slide.is-active{
  opacity:1!important;
  visibility:visible!important;
  z-index:1!important;
}

.hero-kb .kb-slide picture,
.hero-kb .kb-slide img{
  display:block!important;
  width:100%!important;
  height:100%!important;
}

.hero-kb .kb-slide img{
  object-fit:contain!important;
  object-position:center center!important;
  background:#f8fbff!important;
}

.hero-kb .kb-nav{
  position:absolute!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:5!important;
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:999px;
  background:rgba(255,255,255,.78);
  color:#0f172a;
  backdrop-filter:blur(10px);
  box-shadow:0 10px 26px rgba(15,23,42,.14);
}
.hero-kb .kb-nav.prev{left:14px!important;}
.hero-kb .kb-nav.next{right:14px!important;}

.hero-kb .kb-dots{
  position:absolute!important;
  left:50%!important;
  bottom:16px!important;
  transform:translateX(-50%)!important;
  z-index:5!important;
  display:flex;
  align-items:center;
  gap:7px;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(15,23,42,.35);
  backdrop-filter:blur(8px);
}
.hero-kb .kb-dot{
  appearance:none;
  -webkit-appearance:none;
  width:10px;
  height:10px;
  padding:0;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.62);
}
.hero-kb .kb-dot.is-active,
.hero-kb .kb-dot[aria-selected="true"]{
  width:28px;
  background:#fff;
}
.hero-kb .kb-nav[hidden],
.hero-kb .kb-dots[hidden]{display:none!important;}

@media (min-width:992px){
  .hero-kb .kb-wrapper{aspect-ratio:1920 / 700!important;}
}

@media (max-width:767.98px){
  .hero-kb{
    padding:0 0 16px!important;
    margin-bottom:18px!important;
  }
  .hero-kb .kb-wrapper{
    aspect-ratio:1080 / 1350!important;
    max-height:78vh!important;
    border-radius:16px!important;
  }
  .hero-kb .kb-nav{
    width:38px;
    height:38px;
  }
  .hero-kb .kb-nav.prev{left:10px!important;}
  .hero-kb .kb-nav.next{right:10px!important;}
  .hero-kb .kb-dots{
    bottom:10px!important;
    gap:6px;
    padding:6px 9px;
  }
}

/* end-v27-slider-exact-ratio-final */

/* v35-corporate-dropdown-nav: Desktop'ta 4 ana menüye kurumsal açılır alt menü ekler. */
@media (min-width: 992px){
  .ufuk-navlinks{
    position: relative !important;
    overflow: visible !important;
  }
  .ufuk-navlinks > li{
    position: relative !important;
  }
  .ufuk-navlinks .ufuk-has-dd{
    isolation: isolate !important;
  }
  .ufuk-dd-trigger{
    gap: 7px !important;
  }
  .ufuk-dd-caret{
    display: inline-block !important;
    width: 7px !important;
    height: 7px !important;
    border-right: 1.7px solid currentColor !important;
    border-bottom: 1.7px solid currentColor !important;
    transform: rotate(45deg) translateY(-2px) !important;
    opacity: .82 !important;
    transition: transform .18s ease, opacity .18s ease !important;
    margin-left: 2px !important;
  }
  .ufuk-has-dd:hover .ufuk-dd-caret,
  .ufuk-has-dd:focus-within .ufuk-dd-caret{
    transform: rotate(225deg) translateY(-1px) !important;
    opacity: 1 !important;
  }
  .ufuk-dropdown{
    position: absolute !important;
    left: 0 !important;
    top: calc(100% + 10px) !important;
    z-index: 1055 !important;
    width: 238px !important;
    padding: 10px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(13,86,164,.13) !important;
    background: rgba(255,255,255,.98) !important;
    box-shadow: 0 18px 45px rgba(15,23,42,.14) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(8px) !important;
    pointer-events: none !important;
    transition: opacity .18s ease, transform .18s ease, visibility .18s ease !important;
    backdrop-filter: blur(12px) !important;
  }
  .ufuk-dropdown::before{
    content:"" !important;
    position:absolute !important;
    left: 22px !important;
    top: -7px !important;
    width: 14px !important;
    height: 14px !important;
    transform: rotate(45deg) !important;
    background: rgba(255,255,255,.98) !important;
    border-left: 1px solid rgba(13,86,164,.10) !important;
    border-top: 1px solid rgba(13,86,164,.10) !important;
  }
  .ufuk-has-dd:hover .ufuk-dropdown,
  .ufuk-has-dd:focus-within .ufuk-dropdown{
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
  }
  .ufuk-dropdown a{
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 42px !important;
    padding: 10px 12px !important;
    border-radius: 7px !important;
    background: transparent !important;
    color: #14213d !important;
    font-size: .88rem !important;
    font-weight: 760 !important;
    line-height: 1.18 !important;
    text-align: left !important;
    white-space: normal !important;
  }
  .ufuk-dropdown a::after{display:none!important;}
  .ufuk-dropdown a b{
    font-size: 1.24rem !important;
    line-height: 1 !important;
    color: rgba(15,23,42,.48) !important;
    font-weight: 500 !important;
  }
  .ufuk-dropdown a:hover,
  .ufuk-dropdown a.is-current{
    background: #f3f8ff !important;
    color: var(--ufuk-nav-blue) !important;
  }
  .ufuk-dropdown a:hover b,
  .ufuk-dropdown a.is-current b{color: var(--ufuk-nav-blue) !important;}
}
/* Mobilde alt linkleri ana başlığın altında sade/chip gibi gösterir. */
@media (max-width: 991.98px){
  .ufuk-mobile-group{
    display: grid !important;
    gap: 7px !important;
  }
  .ufuk-mobile-sub{
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 7px !important;
    padding: 0 2px 2px 12px !important;
  }
  .ufuk-mobile-sub a{
    min-height: 38px !important;
    padding: 0 10px !important;
    border-radius: 10px !important;
    font-size: .82rem !important;
    font-weight: 760 !important;
    color: #20314f !important;
    background: #f7faff !important;
    border: 1px solid rgba(13,86,164,.10) !important;
  }
  .ufuk-mobile-sub a::after{
    content: "›" !important;
    font-size: 1.05rem !important;
    color: rgba(7,82,159,.80) !important;
  }
}
@media (max-width: 430px){
  .ufuk-mobile-sub{grid-template-columns:1fr!important;}
}
/* end-v35-corporate-dropdown-nav */

/* v36-dropdown-hover-bridge-premium:
   Açılır menüye giderken kapanmayı engeller ve menüyü yumuşak aşağı açar. */
@media (min-width: 992px){
  .ufuk-navlinks > li.ufuk-has-dd{
    position: relative !important;
  }

  /* Menü başlığı ile dropdown arasındaki görünmez köprü:
     Mouse bu alandan geçerken hover kopmaz, menü kapanmaz. */
  .ufuk-navlinks > li.ufuk-has-dd::after{
    content: "" !important;
    position: absolute !important;
    left: -10px !important;
    right: -10px !important;
    top: 100% !important;
    height: 18px !important;
    display: block !important;
    background: transparent !important;
    pointer-events: auto !important;
    z-index: 1054 !important;
  }

  .ufuk-dropdown{
    top: calc(100% + 8px) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;

    /* Lak diye açılmasın; yukarıdan aşağıya premium akış */
    transform: translateY(-8px) scaleY(.96) !important;
    transform-origin: top center !important;
    clip-path: inset(0 0 14px 0 round 8px) !important;

    transition:
      opacity .24s ease,
      transform .30s cubic-bezier(.18,.72,.28,1),
      clip-path .30s cubic-bezier(.18,.72,.28,1),
      visibility 0s linear .24s !important;
    will-change: opacity, transform, clip-path !important;
  }

  .ufuk-has-dd:hover .ufuk-dropdown,
  .ufuk-has-dd:focus-within .ufuk-dropdown{
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) scaleY(1) !important;
    clip-path: inset(0 0 0 0 round 8px) !important;
    transition:
      opacity .22s ease,
      transform .30s cubic-bezier(.18,.72,.28,1),
      clip-path .30s cubic-bezier(.18,.72,.28,1),
      visibility 0s linear 0s !important;
  }

  .ufuk-dropdown a{
    transition:
      background .18s ease,
      color .18s ease,
      transform .18s ease !important;
  }

  .ufuk-dropdown a:hover,
  .ufuk-dropdown a.is-current{
    transform: translateX(2px) !important;
  }

  .ufuk-has-dd:hover .ufuk-dd-caret,
  .ufuk-has-dd:focus-within .ufuk-dd-caret{
    transform: rotate(225deg) translateY(-1px) !important;
  }
}

@media (prefers-reduced-motion: reduce){
  .ufuk-dropdown,
  .ufuk-dropdown a,
  .ufuk-dd-caret{
    transition: none !important;
  }
}
/* end-v36-dropdown-hover-bridge-premium */

/* v37-dynamic-latest-dropdown: Ürünler ve LPG Sistemleri dropdown'ı son 7 kaydı gösterir; uzun başlıklar taşmaz. */
@media (min-width: 992px){
  .ufuk-dropdown{
    width: 292px !important;
  }
  .ufuk-dropdown a span{
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  .ufuk-dropdown a:first-child{
    font-weight: 850 !important;
    color: var(--ufuk-nav-blue) !important;
    background: #f6f9ff !important;
  }
}
/* end-v37-dynamic-latest-dropdown */

/* v39-hizmetler-nav: Hizmetlerimiz menüsü eklenince desktop sığma ve dropdown düzeni */
@media (min-width: 1200px){
  .ufuk-navlinks{gap:2px!important;}
  .ufuk-navlinks a{padding-left:10px!important;padding-right:10px!important;font-size:.90rem!important;}
}
@media (min-width: 992px) and (max-width: 1199.98px){
  .ufuk-navlinks{gap:1px!important;}
  .ufuk-navlinks a{padding-left:7px!important;padding-right:7px!important;font-size:.83rem!important;}
  .ufuk-nav-cta{width:142px!important;}
}
@media (min-width: 992px){
  .ufuk-dropdown{width:302px!important;}
  .ufuk-dropdown a span{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
}
/* end-v39-hizmetler-nav */

/* v53-mobile-offcanvas-clean:
   Mobil hamburger menüde alt bağlantıları varsayılan açık göstermez.
   Ana sıra temiz kalır; ok butonuna basınca alt menü açılır. */
@media (max-width: 991.98px){
  .ufuk-mobile-links{
    gap:10px !important;
  }

  .ufuk-mobile-group{
    display:grid !important;
    gap:8px !important;
  }

  .ufuk-mobile-row{
    display:grid !important;
    grid-template-columns:1fr 52px !important;
    align-items:center !important;
    min-height:54px !important;
    border:1px solid var(--ufuk-nav-line) !important;
    border-radius:14px !important;
    background:#fff !important;
    overflow:hidden !important;
    box-shadow:0 8px 20px rgba(15,23,42,.035) !important;
  }

  .ufuk-mobile-row.is-active{
    border-color:rgba(7,82,159,.35) !important;
    background:#f5f9ff !important;
  }

  .ufuk-mobile-parent{
    min-height:54px !important;
    height:54px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    padding:0 18px !important;
    color:var(--ufuk-nav-ink) !important;
    font-size:1.02rem !important;
    font-weight:900 !important;
    letter-spacing:-.02em !important;
  }

  .ufuk-mobile-row.is-active .ufuk-mobile-parent{
    color:var(--ufuk-nav-blue) !important;
  }

  .ufuk-mobile-parent::after{
    display:none !important;
    content:none !important;
  }

  .ufuk-mobile-toggle{
    width:52px !important;
    height:54px !important;
    border:0 !important;
    border-left:1px solid rgba(13,86,164,.10) !important;
    background:transparent !important;
    position:relative !important;
    cursor:pointer !important;
  }

  .ufuk-mobile-toggle::before{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:9px !important;
    height:9px !important;
    border-right:3px solid var(--ufuk-nav-blue) !important;
    border-bottom:3px solid var(--ufuk-nav-blue) !important;
    transform:translate(-55%,-62%) rotate(45deg) !important;
    border-radius:1px !important;
    transition:transform .18s ease !important;
  }

  .ufuk-mobile-group.is-open .ufuk-mobile-toggle::before{
    transform:translate(-50%,-40%) rotate(225deg) !important;
  }

  .ufuk-mobile-sub[hidden]{
    display:none !important;
  }

  .ufuk-mobile-group.is-open .ufuk-mobile-sub{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:7px !important;
    padding:0 0 2px 14px !important;
    animation:ufukMobileSubIn .18s ease both !important;
  }

  .ufuk-mobile-sub a{
    min-height:42px !important;
    border-radius:12px !important;
    background:#f7faff !important;
    border:1px solid rgba(13,86,164,.10) !important;
    color:#20314f !important;
    font-size:.88rem !important;
    font-weight:820 !important;
    padding:0 12px !important;
  }

  .ufuk-mobile-sub a::after{
    content:"›" !important;
    display:block !important;
    font-size:1.2rem !important;
    color:rgba(7,82,159,.72) !important;
  }

  @keyframes ufukMobileSubIn{
    from{opacity:0;transform:translateY(-4px)}
    to{opacity:1;transform:translateY(0)}
  }
}
/* end-v53-mobile-offcanvas-clean */


/* v64-final-titlebar-pagehero-clean
   Final onaylı H1/titlebar ve iç sayfa page-hero düzeni.
   Eski v25-v63 deneme bloklarının yerine tek bloktur. */
@media (min-width: 992px){
  body:not(.ufuk-service-list) .hero-kb{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
  }

  body:not(.ufuk-service-list) .hero-kb + .ufuk-titlebar,
  body:not(.ufuk-service-list) .ufuk-titlebar{
    margin-top:8px !important;
    margin-bottom:16px !important;
    position:relative !important;
    z-index:3 !important;
  }

  body:not(.ufuk-service-list) .hero-kb + .ufuk-titlebar .container,
  body:not(.ufuk-service-list) .ufuk-titlebar .container{
    max-width:1320px !important;
  }

  body:not(.ufuk-service-list) .hero-kb + .ufuk-titlebar .ufuk-titlebar-inner,
  body:not(.ufuk-service-list) .ufuk-titlebar .ufuk-titlebar-inner,
  body:not(.ufuk-service-list) .ufuk-titlebar-inner{
    max-width:940px !important;
    margin:0 auto !important;
    padding:8px 18px 10px !important;
    border-radius:14px !important;
    border:1px solid rgba(13,86,164,.10) !important;
    background:rgba(255,255,255,.965) !important;
    box-shadow:0 8px 22px rgba(15,23,42,.045) !important;
    overflow:hidden !important;
  }

  body:not(.ufuk-service-list) .hero-kb + .ufuk-titlebar .ufuk-titlebar-inner::before,
  body:not(.ufuk-service-list) .ufuk-titlebar .ufuk-titlebar-inner::before,
  body:not(.ufuk-service-list) .ufuk-titlebar-inner::before{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    bottom:6px !important;
    transform:translateX(-50%) !important;
    width:110px !important;
    height:1.5px !important;
    border-radius:999px !important;
    background:linear-gradient(90deg, transparent, rgba(7,82,159,.30), transparent) !important;
    pointer-events:none !important;
  }

  body:not(.ufuk-service-list) .ufuk-titlebar .ufuk-title,
  body:not(.ufuk-service-list) .ufuk-title{
    max-width:880px !important;
    margin:0 auto !important;
    text-align:center !important;
    font-family:"Inter","Segoe UI",Arial,sans-serif !important;
    font-size:clamp(.96rem,1.18vw,1.30rem) !important;
    line-height:1.16 !important;
    font-weight:700 !important;
    letter-spacing:-.018em !important;
    color:#16233d !important;
    text-wrap:balance !important;
    -webkit-font-smoothing:antialiased !important;
    -moz-osx-font-smoothing:grayscale !important;
    text-rendering:geometricPrecision !important;
  }

  body:not(.ufuk-service-list) .ufuk-titlebar p,
  body:not(.ufuk-service-list) .ufuk-titlebar .lead{
    max-width:700px !important;
    margin:5px auto 0 !important;
    text-align:center !important;
    font-size:.9rem !important;
    line-height:1.48 !important;
    color:#68778d !important;
  }
}

@media (max-width: 991.98px){
  body:not(.ufuk-service-list) .hero-kb + .ufuk-titlebar,
  body:not(.ufuk-service-list) .ufuk-titlebar{
    margin-top:10px !important;
    margin-bottom:12px !important;
  }

  body:not(.ufuk-service-list) .hero-kb + .ufuk-titlebar .ufuk-titlebar-inner,
  body:not(.ufuk-service-list) .ufuk-titlebar .ufuk-titlebar-inner,
  body:not(.ufuk-service-list) .ufuk-titlebar-inner{
    max-width:calc(100% - 20px) !important;
    padding:9px 12px 11px !important;
    border-radius:14px !important;
  }

  body:not(.ufuk-service-list) .ufuk-titlebar .ufuk-title,
  body:not(.ufuk-service-list) .ufuk-title{
    font-family:"Inter","Segoe UI",Arial,sans-serif !important;
    font-size:clamp(.92rem,4vw,1.10rem) !important;
    line-height:1.15 !important;
    font-weight:700 !important;
    letter-spacing:-.014em !important;
    text-align:center !important;
  }
}

/* İç sayfa başlık kartları: Ürünler / Hizmetlerimiz / LPG Markalarımız */
.page-hero{
  text-align:center !important;
  border-radius:20px !important;
  border:1px solid rgba(7,82,159,.14) !important;
  background:
    radial-gradient(780px 220px at 50% -30%, rgba(7,82,159,.095), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.985), rgba(248,251,255,.955)) !important;
  box-shadow:0 16px 38px rgba(15,23,42,.055) !important;
  position:relative !important;
  overflow:hidden !important;
}

.page-hero::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  bottom:12px !important;
  width:170px !important;
  height:2px !important;
  transform:translateX(-50%) !important;
  border-radius:999px !important;
  background:linear-gradient(90deg, transparent, rgba(7,82,159,.42), transparent) !important;
  pointer-events:none !important;
}

.page-hero .d-flex{
  align-items:center !important;
}

.page-hero h1,
.page-hero .h1{
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
  color:#101a31 !important;
  font-family:"Inter","Segoe UI",Arial,sans-serif !important;
  font-size:clamp(1.42rem,1.75vw,2.05rem) !important;
  line-height:1.12 !important;
  font-weight:760 !important;
  letter-spacing:-.03em !important;
  text-wrap:balance !important;
}

.page-hero p,
.page-hero .lead{
  max-width:760px !important;
  margin:8px auto 0 !important;
  text-align:center !important;
  color:#5e6b82 !important;
  font-size:clamp(.88rem,.86vw,.98rem) !important;
  line-height:1.65 !important;
  font-weight:560 !important;
  letter-spacing:-.01em !important;
  text-wrap:balance !important;
}

.page-hero form{
  margin-left:auto !important;
  margin-right:auto !important;
}

@media (min-width: 768px){
  .page-hero .d-flex.flex-md-row{
    flex-direction:column !important;
    justify-content:center !important;
    align-items:center !important;
  }
  .page-hero form{
    margin-top:12px !important;
    width:min(100%,420px) !important;
  }
}

@media (max-width: 575.98px){
  .page-hero{
    border-radius:16px !important;
    padding:18px 14px !important;
  }
  .page-hero::after{
    bottom:9px !important;
    width:120px !important;
  }
  .page-hero h1,
  .page-hero .h1{
    font-size:clamp(1.18rem,6vw,1.48rem) !important;
    letter-spacing:-.025em !important;
  }
}
/* end-v64-final-titlebar-pagehero-clean */

/* v65-quicksearch-hidden-safety
   Quick Search overlay kapalıyken normal sayfa akışında görünmesin.
   JS .active eklediğinde overlay yine çalışır. */
#qs-live[aria-hidden="true"],
#qs-live:not(.active){
  display:none !important;
}

#qs-live.active{
  display:block !important;
  position:fixed !important;
  inset:0 !important;
  z-index:2000 !important;
  background:transparent !important;
}

#qs-live.active .scrim{
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  background:rgba(15,23,42,.45) !important;
}

#qs-live.active .panel{
  position:relative !important;
  z-index:2 !important;
  width:min(980px, calc(100vw - 24px)) !important;
  margin:max(12px, env(safe-area-inset-top)) auto !important;
  max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
  border:1px solid #e7ecf5 !important;
  border-radius:16px !important;
  overflow:hidden !important;
  box-shadow:0 24px 70px rgba(2,6,23,.28) !important;
  background:#fff !important;
}

#qs-live.active .head{
  position:sticky !important;
  top:0 !important;
  z-index:3 !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:10px !important;
  border-bottom:1px solid #e7ecf5 !important;
  background:#fff !important;
}

#qs-live.active .head input{
  flex:1 !important;
  height:42px !important;
  border-radius:12px !important;
  padding:0 12px !important;
  border:1px solid #e7ecf5 !important;
  background:#fff !important;
  color:#0f172a !important;
}

#qs-live.active .head .btn-s{
  height:42px !important;
  border-radius:12px !important;
  padding:0 14px !important;
  cursor:pointer !important;
  border:1px solid #e7ecf5 !important;
  background:#fff !important;
  color:#0f172a !important;
}

@media (max-width:576px){
  #qs-live.active .panel{
    width:100vw !important;
    margin:0 !important;
    max-height:100dvh !important;
    border-radius:0 !important;
  }
}
/* end-v65-quicksearch-hidden-safety */

/* v67-titlebar-width-align
   Ana sayfa slider altındaki H1 kartını alttaki iletişim/içerik bloğu genişliğiyle eşitler.
   Görünümü bozmaz; sadece max-width ve yatay genişlik ayarı yapar. */
body:not(.ufuk-service-list) .hero-kb + .ufuk-titlebar{
  width:100% !important;
  max-width:1320px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:12px !important;
  padding-right:12px !important;
}

body:not(.ufuk-service-list) .hero-kb + .ufuk-titlebar .ufuk-titlebar-inner{
  width:100% !important;
  max-width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

@media (max-width: 1399.98px){
  body:not(.ufuk-service-list) .hero-kb + .ufuk-titlebar{
    max-width:1140px !important;
  }
}

@media (max-width: 1199.98px){
  body:not(.ufuk-service-list) .hero-kb + .ufuk-titlebar{
    max-width:960px !important;
  }
}

@media (max-width: 991.98px){
  body:not(.ufuk-service-list) .hero-kb + .ufuk-titlebar{
    max-width:720px !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }
}

@media (max-width: 767.98px){
  body:not(.ufuk-service-list) .hero-kb + .ufuk-titlebar{
    max-width:100% !important;
  }
}
/* end-v67-titlebar-width-align */



/* v54-crisp-navbar-no-blur: Navbar/dropdown bulanıklığını kaldırır; beyaz yüzey net kalır. */
.ufuk-mainnav,
.ufuk-dropdown{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  background:#fff!important;
}
.ufuk-dropdown::before{background:#fff!important;}


/* v82-font-unify-final: Page / Randevu / Makaleler ortak font ve navbar ağırlığı */
html,
body,
.ufuk-site-header,
.ufuk-site-header *,
.ufuk-mobile-canvas,
.ufuk-mobile-canvas *,
.ufuk-footer,
.ufuk-footer *,
.ufuk-fab,
.floating-button{
  font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif!important;
  -webkit-font-smoothing:antialiased!important;
  text-rendering:optimizeLegibility!important;
}
.ufuk-topbar,
.ufuk-topbar *{
  font-size:13.5px!important;
  font-weight:700!important;
  letter-spacing:.004em!important;
}
@media (min-width:992px){
  .ufuk-mainnav__row{
    grid-template-columns:235px minmax(0,1fr) 205px!important;
    column-gap:14px!important;
  }
  .ufuk-brand{width:235px!important;max-width:235px!important;}
  .ufuk-brand img{width:178px!important;max-width:178px!important;height:54px!important;max-height:54px!important;object-fit:contain!important;}
  .ufuk-navlinks{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    min-width:0!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  .ufuk-navlinks > li{flex:0 0 auto!important;margin:0!important;padding:0!important;}
  .ufuk-navlinks a,
  .ufuk-navlinks .ufuk-dd-trigger,
  .ufuk-dd-trigger{
    height:44px!important;
    min-height:44px!important;
    padding:0 8px!important;
    border-radius:9px!important;
    font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif!important;
    font-size:13.2px!important;
    line-height:1!important;
    font-weight:800!important;
    letter-spacing:-.018em!important;
    color:#101828!important;
    white-space:nowrap!important;
  }
  .ufuk-navlinks a:hover,
  .ufuk-navlinks a.is-active,
  .ufuk-dd-trigger:hover,
  .ufuk-dd-trigger.is-active{
    color:#07529f!important;
    background:#eef6ff!important;
  }
  .ufuk-navlinks a::after{left:8px!important;right:8px!important;bottom:5px!important;height:2px!important;}
  .ufuk-dd-caret{margin-left:2px!important;transform:scale(.85)!important;}
  .ufuk-nav-cta{
    width:205px!important;
    min-width:205px!important;
    max-width:205px!important;
    height:50px!important;
    min-height:50px!important;
    border-radius:15px!important;
    gap:9px!important;
    padding:0 12px!important;
    justify-self:end!important;
    font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif!important;
    font-weight:900!important;
  }
  .ufuk-nav-cta__badge{min-width:48px!important;height:28px!important;font-size:.56rem!important;font-weight:800!important;letter-spacing:.02em!important;}
  .ufuk-nav-cta__label{font-size:.94rem!important;font-weight:900!important;letter-spacing:0!important;line-height:1!important;}
}
@media (min-width:1200px){
  .ufuk-mainnav__row{grid-template-columns:250px minmax(0,1fr) 210px!important;column-gap:16px!important;}
  .ufuk-brand{width:250px!important;max-width:250px!important;}
  .ufuk-brand img{width:188px!important;max-width:188px!important;height:56px!important;max-height:56px!important;}
  .ufuk-navlinks{gap:3px!important;}
  .ufuk-navlinks a,.ufuk-navlinks .ufuk-dd-trigger,.ufuk-dd-trigger{font-size:13.8px!important;padding-left:9px!important;padding-right:9px!important;font-weight:800!important;}
  .ufuk-nav-cta{width:210px!important;min-width:210px!important;max-width:210px!important;}
  .ufuk-nav-cta__label{font-size:.96rem!important;}
}
@media (min-width:1400px){
  .ufuk-mainnav__row{grid-template-columns:270px minmax(0,1fr) 220px!important;column-gap:20px!important;}
  .ufuk-brand{width:270px!important;max-width:270px!important;}
  .ufuk-brand img{width:200px!important;max-width:200px!important;height:58px!important;max-height:58px!important;}
  .ufuk-navlinks{gap:4px!important;}
  .ufuk-navlinks a,.ufuk-navlinks .ufuk-dd-trigger,.ufuk-dd-trigger{font-size:14.1px!important;padding-left:11px!important;padding-right:11px!important;}
  .ufuk-nav-cta{width:220px!important;min-width:220px!important;max-width:220px!important;height:50px!important;}
}
@media (min-width:992px) and (max-width:1130px){
  .ufuk-mainnav__row{grid-template-columns:190px minmax(0,1fr) 180px!important;column-gap:8px!important;}
  .ufuk-brand{width:190px!important;max-width:190px!important;}
  .ufuk-brand img{width:150px!important;max-width:150px!important;height:48px!important;}
  .ufuk-navlinks{gap:0!important;}
  .ufuk-navlinks a,.ufuk-navlinks .ufuk-dd-trigger,.ufuk-dd-trigger{font-size:12.2px!important;padding-left:5px!important;padding-right:5px!important;letter-spacing:-.026em!important;}
  .ufuk-nav-cta{width:180px!important;min-width:180px!important;max-width:180px!important;gap:6px!important;padding-left:8px!important;padding-right:8px!important;}
  .ufuk-nav-cta__badge{min-width:42px!important;font-size:.52rem!important;}
  .ufuk-nav-cta__label{font-size:.84rem!important;}
}
@media (max-width:991.98px){
  body{font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif!important;}
  .ufuk-mainnav__row,
  body .ufuk-mainnav__row{font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif!important;}
  .ufuk-nav-cta__label{font-weight:900!important;letter-spacing:0!important;}
  .ufuk-mobile-links a,
  .ufuk-mobile-parent,
  .ufuk-mobile-sub a{font-weight:800!important;font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif!important;}
}
/* end-v82-font-unify-final */


/* Uysal Otogaz renk uyarlaması - konya/atay esintili mavi geçişli palette */
:root{
  --ufuk-nav-blue:#0f5ea8;
  --ufuk-nav-blue-2:#0c4d8b;
  --ufuk-nav-line:#e7eef6;
}
.ufuk-topbar{
  background:linear-gradient(90deg,#8f2d45 0%, #6f355f 44%, #0f5ea8 100%)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.ufuk-mainnav{
  border-bottom:1px solid #e8eef5!important;
  box-shadow:0 10px 26px rgba(15,23,42,.05)!important;
}
.ufuk-navlinks a:hover,.ufuk-navlinks a.is-active,
.ufuk-dd-trigger:hover,.ufuk-dd-trigger.is-active,
.ufuk-has-dd:hover > .ufuk-dd-trigger,
.ufuk-has-dd:focus-within > .ufuk-dd-trigger{
  color:#0f5ea8!important;
  background:#f3f8fd!important;
}
.ufuk-navlinks a::after{background:#0f5ea8!important;}
.ufuk-dropdown{
  border:1px solid rgba(16,73,131,.10)!important;
  box-shadow:0 18px 44px rgba(15,23,42,.10)!important;
}
.ufuk-dropdown a:hover,.ufuk-dropdown a.is-current{
  color:#0f5ea8!important;
  background:#f3f8fd!important;
}
.ufuk-dropdown a:first-child{
  color:#0f5ea8!important;
  background:#f5f9fe!important;
}
.ufuk-mobile-links a.is-active{
  border-color:rgba(15,94,168,.20)!important;
  background:#f5f9fe!important;
  color:#0f5ea8!important;
}
.ufuk-mobile-links a::after,.ufuk-mobile-contact a{color:#0f5ea8!important;}
.ufuk-mobile-cta{
  background:linear-gradient(135deg,#1570c9,#0c4d8b)!important;
  box-shadow:0 12px 24px rgba(12,77,139,.18)!important;
}


/* v58-navbar-typography-refine: Uysal için daha temiz/premium font hissi */
.ufuk-site-header,
.ufuk-site-header .ufuk-topbar,
.ufuk-site-header .ufuk-mainnav,
.ufuk-site-header .ufuk-mobile-canvas{
  font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif !important;
}
.ufuk-topbar{
  font-size:.80rem !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
}
.ufuk-topbar__item,
.ufuk-topbar__right span{
  font-weight:500 !important;
}
.ufuk-navlinks a,
.ufuk-dd-trigger{
  font-size:.96rem !important;
  font-weight:650 !important;
  letter-spacing:0 !important;
  line-height:1.1 !important;
}
.ufuk-navlinks a{
  border-radius:10px !important;
  padding-left:13px !important;
  padding-right:13px !important;
}
.ufuk-navlinks a::after,
.ufuk-dd-trigger::after{
  display:none !important;
}
.ufuk-navlinks a:hover,
.ufuk-navlinks a.is-active,
.ufuk-dd-trigger:hover,
.ufuk-dd-trigger.is-active,
.ufuk-has-dd:hover > .ufuk-dd-trigger,
.ufuk-has-dd:focus-within > .ufuk-dd-trigger{
  color:#0f5ea8 !important;
  background:#f3f8fd !important;
}
.ufuk-dd-caret{
  opacity:.62 !important;
  width:6px !important;
  height:6px !important;
  border-right-width:1.4px !important;
  border-bottom-width:1.4px !important;
}
.ufuk-dropdown a{
  font-size:.86rem !important;
  font-weight:620 !important;
  line-height:1.25 !important;
}
.ufuk-dropdown a:first-child{
  font-weight:700 !important;
}
.ufuk-mobile-links a,
.ufuk-mobile-sub a{
  font-weight:650 !important;
  letter-spacing:0 !important;
}
@media (min-width: 992px) and (max-width: 1199.98px){
  .ufuk-navlinks a,
  .ufuk-dd-trigger{
    font-size:.90rem !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }
}


/* v90-navbar-blue-state-hardfix: Hizmetler/Ürünler açılınca kırmızı kalan state'leri zorla maviye çek */
.ufuk-site-header .ufuk-mainnav .ufuk-navlinks > li > a,
.ufuk-site-header .ufuk-mainnav .ufuk-navlinks > li > .ufuk-dd-trigger{
  color:#162334 !important;
}
.ufuk-site-header .ufuk-mainnav .ufuk-navlinks > li > a.is-active,
.ufuk-site-header .ufuk-mainnav .ufuk-navlinks > li > .ufuk-dd-trigger.is-active,
.ufuk-site-header .ufuk-mainnav .ufuk-navlinks > li:hover > a,
.ufuk-site-header .ufuk-mainnav .ufuk-navlinks > li:hover > .ufuk-dd-trigger,
.ufuk-site-header .ufuk-mainnav .ufuk-navlinks > li:focus-within > a,
.ufuk-site-header .ufuk-mainnav .ufuk-navlinks > li:focus-within > .ufuk-dd-trigger{
  color:#0f5ea8 !important;
  background:#f3f8fd !important;
}
.ufuk-site-header .ufuk-mainnav .ufuk-navlinks .ufuk-dd-caret{
  border-right-color:currentColor !important;
  border-bottom-color:currentColor !important;
}
.ufuk-site-header .ufuk-mainnav .ufuk-dropdown a,
.ufuk-site-header .ufuk-mainnav .ufuk-dropdown a b{
  color:#24364d !important;
}
.ufuk-site-header .ufuk-mainnav .ufuk-dropdown a:hover,
.ufuk-site-header .ufuk-mainnav .ufuk-dropdown a:hover b,
.ufuk-site-header .ufuk-mainnav .ufuk-dropdown a.is-current,
.ufuk-site-header .ufuk-mainnav .ufuk-dropdown a.is-current b,
.ufuk-site-header .ufuk-mainnav .ufuk-dropdown a:first-child,
.ufuk-site-header .ufuk-mainnav .ufuk-dropdown a:first-child b{
  color:#0f5ea8 !important;
}


/* v91-dropdown-inner-neutral: dropdown içindeki yazılar varsayılan koyu kalsın; sadece hover/aktifte mavi olsun */
.ufuk-site-header .ufuk-mainnav .ufuk-dropdown a,
.ufuk-site-header .ufuk-mainnav .ufuk-dropdown a span,
.ufuk-site-header .ufuk-mainnav .ufuk-dropdown a b,
.ufuk-site-header .ufuk-mainnav .ufuk-dropdown a:first-child,
.ufuk-site-header .ufuk-mainnav .ufuk-dropdown a:first-child span,
.ufuk-site-header .ufuk-mainnav .ufuk-dropdown a:first-child b{
  color:#142033 !important;
}
.ufuk-site-header .ufuk-mainnav .ufuk-dropdown a{
  background:#f3f7fc !important;
}
.ufuk-site-header .ufuk-mainnav .ufuk-dropdown a:hover,
.ufuk-site-header .ufuk-mainnav .ufuk-dropdown a:hover span,
.ufuk-site-header .ufuk-mainnav .ufuk-dropdown a:hover b,
.ufuk-site-header .ufuk-mainnav .ufuk-dropdown a.is-current,
.ufuk-site-header .ufuk-mainnav .ufuk-dropdown a.is-current span,
.ufuk-site-header .ufuk-mainnav .ufuk-dropdown a.is-current b{
  color:#0f5ea8 !important;
}
.ufuk-site-header .ufuk-mainnav .ufuk-dropdown a:hover,
.ufuk-site-header .ufuk-mainnav .ufuk-dropdown a.is-current{
  background:#eaf3fc !important;
}