/*
 * A'dan Z'ye İnşaat Akademisi — ortak site kabuğu
 * Bu dosya yalnızca .ua-shell-* ad alanını kullanır ve mevcut sayfa stillerini değiştirmez.
 */

:root {
  --ua-shell-header-height: 64px;
  --ua-shell-mobile-header-height: 64px;
  --ua-shell-bottom-nav-height: 68px;
  --ua-shell-max-width: 1440px;
  --ua-shell-navy: var(--color-navy-950, #0b1f3a);
  --ua-shell-navy-deep: #07172d;
  --ua-shell-navy-soft: #102b4f;
  --ua-shell-blue: var(--color-blue-600, #155eef);
  --ua-shell-blue-light: #79a6ff;
  --ua-shell-gold: var(--color-gold-500, #f4b400);
  --ua-shell-white: #ffffff;
  --ua-shell-muted: #b9c6d8;
  --ua-shell-border: rgba(255, 255, 255, 0.14);
  --ua-shell-focus: #76a9ff;
  --ua-shell-shadow: 0 20px 50px rgba(3, 15, 33, 0.22);
}

.ua-shell-header-host,
.ua-shell-footer-host {
  display: contents;
}

.ua-shell-header,
.ua-shell-header *,
.ua-shell-drawer,
.ua-shell-drawer *,
.ua-shell-footer,
.ua-shell-footer *,
.ua-shell-bottom-nav,
.ua-shell-bottom-nav * {
  box-sizing: border-box;
}

.ua-icon {
  display: block;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
}

.ua-shell-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
  white-space: nowrap !important;
}

.ua-shell-skip-link,
.ua-skip-link {
  position: fixed;
  z-index: 3000;
  inset-block-start: 8px;
  inset-inline-start: 12px;
  padding: 10px 14px;
  border: 2px solid var(--ua-shell-white);
  border-radius: 8px;
  color: var(--ua-shell-navy);
  background: var(--ua-shell-gold);
  font: 700 14px/20px Manrope, Inter, system-ui, sans-serif;
  text-decoration: none;
  transform: translateY(-150%);
  transition: transform 160ms ease;
}

.ua-shell-skip-link:focus,
.ua-skip-link:focus {
  transform: translateY(0);
}

.ua-shell-main-target {
  display: block;
  width: 1px;
  height: 1px;
}

.ua-shell-header {
  position: sticky;
  z-index: 1000;
  inset-block-start: 0;
  width: 100%;
  min-height: var(--ua-shell-header-height);
  border-block-end: 1px solid var(--ua-shell-border);
  color: var(--ua-shell-white);
  background: #071f3d;
  box-shadow: none;
  font-family: Manrope, Inter, system-ui, sans-serif;
}

.ua-shell-header a,
.ua-shell-header button,
.ua-shell-drawer a,
.ua-shell-drawer button,
.ua-shell-footer a,
.ua-shell-bottom-nav a {
  -webkit-tap-highlight-color: transparent;
}

.ua-shell-header a:focus-visible,
.ua-shell-header button:focus-visible,
.ua-shell-drawer a:focus-visible,
.ua-shell-drawer button:focus-visible,
.ua-shell-footer a:focus-visible,
.ua-shell-bottom-nav a:focus-visible {
  outline: 3px solid var(--ua-shell-focus);
  outline-offset: 3px;
}

.ua-shell-header__desktop {
  display: flex;
  align-items: center;
  gap: clamp(14px, 1.1vw, 20px);
  width: min(100%, calc(var(--ua-shell-max-width) + 48px));
  min-height: var(--ua-shell-header-height);
  margin-inline: auto;
  padding-inline: 24px;
}

.ua-shell-header__mobile {
  display: none;
}

.ua-shell-brand {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 10px;
  min-width: 230px;
  padding-inline-end: 24px;
  border-inline-end: 1px solid rgba(255, 255, 255, 0.26);
  color: var(--ua-shell-white);
  text-decoration: none;
}

.ua-shell-brand--image {
  min-width: 245px;
  padding-inline-end: 20px;
}

.ua-shell-brand__mark {
  display: grid;
  width: 52px;
  height: 48px;
  flex: 0 0 52px;
  place-items: center;
  color: var(--ua-shell-white);
  background: transparent;
}

.ua-shell-brand--image .ua-shell-brand__mark {
  width: 218px;
  height: 58px;
  flex-basis: 218px;
  justify-content: start;
}

.ua-shell-brand-logo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: left center;
}

.ua-shell-brand-logo text {
  fill: currentColor;
  stroke: none;
  font: 800 22px/1 Manrope, Inter, system-ui, sans-serif;
}

.ua-shell-brand__text {
  display: flex;
  min-width: 0;
  flex-direction: column;
  line-height: 1;
}

.ua-shell-brand__primary {
  color: var(--ua-shell-white);
  font-size: 16px;
  font-weight: 800;
  letter-spacing: -0.02em;
  white-space: nowrap;
}

.ua-shell-brand__secondary {
  margin-block-start: 5px;
  color: #eef4ff;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: none;
  white-space: nowrap;
}

.ua-shell-nav {
  align-self: stretch;
  min-width: 0;
  flex: 1 1 auto;
}

.ua-shell-nav > ul {
  display: flex;
  height: 100%;
  align-items: stretch;
  justify-content: space-between;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ua-shell-nav__item {
  display: flex;
  align-items: stretch;
}

.ua-shell-nav__trigger {
  position: relative;
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 3px;
  padding: 0 7px;
  border: 0;
  color: #f3f7fc;
  background: transparent;
  font: 650 clamp(11px, 0.78vw, 13px)/1.2 Manrope, Inter, system-ui, sans-serif;
  white-space: nowrap;
  cursor: pointer;
}

.ua-shell-nav__trigger::after {
  position: absolute;
  inset-inline: 7px;
  inset-block-end: 0;
  height: 3px;
  border-radius: 3px 3px 0 0;
  background: var(--ua-shell-blue-light);
  content: '';
  opacity: 0;
  transform: scaleX(0.4);
  transition: opacity 160ms ease, transform 160ms ease;
}

.ua-shell-nav__trigger > .ua-icon {
  width: 15px;
  height: 15px;
  flex-basis: 15px;
  transition: transform 160ms ease;
}

.ua-shell-nav__trigger:hover,
.ua-shell-nav__trigger.is-active,
.ua-shell-nav__item.is-open .ua-shell-nav__trigger {
  color: var(--ua-shell-white);
  background: rgba(255, 255, 255, 0.055);
}

.ua-shell-nav__trigger.is-active::after,
.ua-shell-nav__item.is-open .ua-shell-nav__trigger::after {
  opacity: 1;
  transform: scaleX(1);
}

.ua-shell-nav__item.is-open .ua-shell-nav__trigger > .ua-icon {
  transform: rotate(180deg);
}

.ua-shell-nav__direct {
  position: relative;
  display: inline-flex;
  min-width: 0;
  align-items: center;
  padding: 0 7px;
  color: #f3f7fc;
  background: transparent;
  font: 650 clamp(11px, 0.78vw, 13px)/1.2 Manrope, Inter, system-ui, sans-serif;
  text-decoration: none;
  white-space: nowrap;
}

.ua-shell-nav__direct::after {
  position: absolute;
  inset-inline: 7px;
  inset-block-end: 0;
  height: 3px;
  border-radius: 3px 3px 0 0;
  background: var(--ua-shell-blue-light);
  content: '';
  opacity: 0;
  transform: scaleX(0.4);
  transition: opacity 160ms ease, transform 160ms ease;
}

.ua-shell-nav__direct:hover,
.ua-shell-nav__direct.is-active {
  color: var(--ua-shell-white);
  background: rgba(255, 255, 255, 0.055);
}

.ua-shell-nav__direct.is-active::after {
  opacity: 1;
  transform: scaleX(1);
}

.ua-shell-actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
  margin-inline-start: auto;
}

.ua-shell-account-slot {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.ua-shell-account {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.ua-shell-panel-link {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  padding: 0 11px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 9px;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

.ua-shell-panel-link:hover { border-color: var(--ua-shell-gold); color: var(--ua-shell-gold); }

.ua-shell-account__trigger {
  min-height: 44px;
  display: grid;
  grid-template-columns: 30px minmax(0, 96px) 16px;
  align-items: center;
  gap: 7px;
  padding: 5px 8px;
  border: 1px solid var(--ua-shell-border);
  border-radius: 11px;
  color: #fff;
  background: rgba(255, 255, 255, 0.045);
  cursor: pointer;
}

.ua-shell-account__trigger > .ua-icon { width: 15px; height: 15px; transition: transform 160ms ease; }
.ua-shell-account.is-open .ua-shell-account__trigger > .ua-icon { transform: rotate(180deg); }
.ua-shell-account__avatar { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; color: #0b213d; background: var(--ua-shell-gold); font-weight: 900; }
.ua-shell-account__copy { min-width: 0; display: grid; gap: 3px; text-align: left; }
.ua-shell-account__copy strong, .ua-shell-account__copy small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ua-shell-account__copy strong { color: #fff; font-size: 11px; }
.ua-shell-account__copy small { color: #aebbd0; font-size: 9px; }

.ua-shell-account__menu {
  position: absolute;
  z-index: 1300;
  inset-block-start: calc(100% + 10px);
  inset-inline-end: 0;
  width: 230px;
  padding: 8px;
  border: 1px solid #dce3ef;
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 18px 50px rgba(5, 24, 49, 0.24);
}

.ua-shell-account__menu[hidden] { display: none; }
.ua-shell-account__menu a, .ua-shell-account__menu button {
  width: 100%; min-height: 43px; display: flex; align-items: center; gap: 10px; padding: 9px 11px;
  border: 0; border-radius: 8px; color: #1a2f4b; background: transparent; font: 750 13px/1.25 Manrope, Inter, sans-serif; text-decoration: none; cursor: pointer;
}
.ua-shell-account__menu a:hover, .ua-shell-account__menu button:hover { background: #eef4ff; color: #174ea6; }
.ua-shell-account__menu .ua-icon { width: 18px; height: 18px; }

.ua-shell-mobile-account { width: 100%; display: grid; gap: 12px; }
.ua-shell-mobile-account__summary { display: flex; align-items: center; gap: 11px; padding: 12px; border: 1px solid rgba(255,255,255,.13); border-radius: 12px; background: rgba(255,255,255,.045); }
.ua-shell-mobile-account__summary > span { width: 38px; height: 38px; display: grid; place-items: center; flex: 0 0 38px; border-radius: 50%; color: #0b213d; background: var(--ua-shell-gold); font-weight: 900; }
.ua-shell-mobile-account__summary div { min-width: 0; display: grid; gap: 3px; }
.ua-shell-mobile-account__summary strong, .ua-shell-mobile-account__summary small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ua-shell-mobile-account__summary strong { color: #fff; }
.ua-shell-mobile-account__summary small { color: #aebbd0; }
.ua-shell-mobile-account__links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.ua-shell-mobile-account__links a, .ua-shell-mobile-account__links button { min-height: 46px; display: flex; align-items: center; gap: 8px; padding: 10px; border: 1px solid rgba(255,255,255,.12); border-radius: 9px; color: #e8eef7; background: rgba(255,255,255,.035); font: 750 12px/1.25 Manrope, Inter, sans-serif; text-decoration: none; cursor: pointer; }
.ua-shell-mobile-account__links .ua-icon { width: 18px; height: 18px; }

.ua-shell-footer__text-button { padding: 0; border: 0; color: inherit; background: transparent; font: inherit; text-align: left; cursor: pointer; }
.ua-shell-footer__text-button:hover { color: var(--ua-shell-gold); text-decoration: underline; }

.ua-cookie-panel { position: fixed; z-index: 2200; inset-inline: auto 18px; inset-block-end: 18px; width: min(520px, calc(100vw - 36px)); max-height: calc(100vh - 36px); overflow-y: auto; margin-inline: 0; padding: 16px; border: 1px solid #cad5e6; border-radius: 16px; color: #17304f; background: rgba(255,255,255,.97); box-shadow: 0 18px 56px rgba(2,18,42,.22); backdrop-filter: blur(14px); }
.ua-cookie-panel,
.ua-cookie-panel * { pointer-events: none; }
.ua-cookie-panel a,
.ua-cookie-panel button,
.ua-cookie-panel input,
.ua-cookie-panel label { pointer-events: auto; }
.ua-cookie-panel__main { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; align-items: center; }
.ua-cookie-panel__eyebrow { color: #174ea6; font-size: 10px; font-weight: 900; letter-spacing: .08em; }
.ua-cookie-panel h2 { margin: 5px 0 8px; color: #0b2341; font-size: clamp(18px, 2.2vw, 24px); }
.ua-cookie-panel p { max-width: 460px; margin: 0 0 8px; color: #52647c; font-size: 12px; line-height: 1.5; }
.ua-cookie-panel a { color: #174ea6; font-size: 12px; font-weight: 750; }
.ua-cookie-panel__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.ua-cookie-button { min-height: 38px; padding: 8px 12px; border: 1px solid transparent; border-radius: 9px; font: 800 11px/1.25 Manrope, Inter, sans-serif; cursor: pointer; }
.ua-cookie-button--primary { color: #fff; background: #175bc4; }
.ua-cookie-button--outline { color: #174ea6; border-color: #aac2e5; background: #fff; }
.ua-cookie-button--muted { color: #334861; background: #edf1f6; }
.ua-cookie-panel__custom { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-top: 14px; padding-top: 14px; border-top: 1px solid #dde4ee; }
.ua-cookie-panel__custom[hidden] { display: none; }
.ua-cookie-panel__custom label { min-height: 72px; display: flex; align-items: flex-start; gap: 9px; padding: 11px; border: 1px solid #dce3ed; border-radius: 10px; }
.ua-cookie-panel__custom input { width: 19px; height: 19px; flex: 0 0 19px; accent-color: #175bc4; }
.ua-cookie-panel__custom span { display: grid; gap: 3px; }
.ua-cookie-panel__custom strong { font-size: 12px; }
.ua-cookie-panel__custom small { color: #66758a; font-size: 10px; line-height: 1.4; }
.ua-cookie-panel__custom > div { grid-column: 1 / -1; display: flex; justify-content: flex-end; gap: 8px; }

.ua-shell-toast { position: fixed; z-index: 2300; inset-inline-end: 18px; inset-block-end: 18px; max-width: min(360px, calc(100vw - 36px)); padding: 12px 14px; border: 1px solid rgba(18,102,241,.22); border-radius: 14px; color: #08244c; background: rgba(255,255,255,.97); box-shadow: 0 18px 52px rgba(2,18,42,.2); font: 900 13px/1.35 Manrope, Inter, sans-serif; transform: translateY(14px); opacity: 0; pointer-events: none; transition: opacity .18s ease, transform .18s ease; }
.ua-shell-toast.is-visible { transform: translateY(0); opacity: 1; }
button.is-saved { color: #fff !important; background: #1266f1 !important; border-color: #1266f1 !important; }

@media (max-width: 819px) {
  .ua-cookie-panel { inset-inline: 10px; inset-block-end: calc(76px + env(safe-area-inset-bottom)); width: auto; padding: 14px; }
  .ua-cookie-panel__main { grid-template-columns: 1fr; gap: 14px; }
  .ua-cookie-panel__actions { display: grid; grid-template-columns: 1fr; }
  .ua-cookie-panel__custom { grid-template-columns: 1fr; }
  .ua-cookie-panel__custom > div { grid-column: auto; }
}

.ua-shell-icon-button,
.ua-shell-ai-button,
.ua-shell-login,
.ua-shell-signup {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  font: 700 13px/1 Manrope, Inter, system-ui, sans-serif;
  text-decoration: none;
  white-space: nowrap;
}

.ua-shell-icon-button {
  width: 36px;
  padding: 0;
  border: 0;
  color: #dce5f2;
  background: transparent;
  cursor: pointer;
}

.ua-shell-icon-button:hover {
  color: var(--ua-shell-white);
  border-color: rgba(255, 255, 255, 0.34);
  background: rgba(255, 255, 255, 0.1);
}

.ua-shell-icon-button .ua-icon {
  width: 21px;
  height: 21px;
}

.ua-shell-ai-button {
  gap: 6px;
  padding-inline: 11px;
  border: 1px solid rgba(121, 166, 255, 0.62);
  color: #dce9ff;
  background: rgba(21, 94, 239, 0.12);
}

.ua-shell-ai-button:hover {
  border-color: var(--ua-shell-blue-light);
  color: var(--ua-shell-white);
  background: rgba(21, 94, 239, 0.22);
}

.ua-shell-ai-button .ua-icon {
  width: 19px;
  height: 19px;
}

.ua-shell-login {
  padding-inline: 9px;
  color: var(--ua-shell-white);
}

.ua-shell-login:hover {
  color: var(--ua-shell-gold);
}

.ua-shell-signup {
  min-height: 44px;
  padding-inline: 14px;
  color: var(--ua-shell-navy);
  background: var(--ua-shell-gold);
  box-shadow: inset 0 -1px 0 rgba(8, 29, 54, 0.18);
}

.ua-shell-signup:hover {
  background: #ffc21c;
  transform: translateY(-1px);
}

.ua-shell-mega {
  position: absolute;
  z-index: 20;
  inset-inline: 0;
  inset-block-start: 100%;
  border-block-start: 1px solid var(--ua-shell-border);
  color: #182230;
  background: #ffffff;
  box-shadow: var(--ua-shell-shadow);
}

.ua-shell-mega[hidden] {
  display: none;
}

.ua-shell-mega__inner {
  display: grid;
  grid-template-columns: minmax(220px, 0.78fr) minmax(0, 2.6fr);
  gap: 24px;
  width: min(100%, var(--ua-shell-max-width));
  margin-inline: auto;
  padding: 26px 32px 30px;
}

.ua-shell-mega__intro {
  padding: 20px;
  border: 1px solid #dce4ee;
  border-radius: 12px;
  background: #f4f7fb;
}

.ua-shell-mega__intro-icon,
.ua-shell-mega__link-icon {
  display: grid;
  place-items: center;
  color: var(--ua-shell-blue);
  background: #e9f0ff;
}

.ua-shell-mega__intro-icon {
  width: 44px;
  height: 44px;
  margin-block-end: 14px;
  border-radius: 10px;
}

.ua-shell-mega__eyebrow {
  margin: 0 0 7px;
  color: var(--ua-shell-navy);
  font-size: 18px;
  font-weight: 800;
}

.ua-shell-mega__intro > p:not(.ua-shell-mega__eyebrow) {
  margin: 0;
  color: #5d6b7f;
  font-size: 13px;
  line-height: 1.6;
}

.ua-shell-mega__all {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-block-start: 17px;
  color: var(--ua-shell-blue);
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
}

.ua-shell-mega__all .ua-icon {
  width: 16px;
  height: 16px;
}

.ua-shell-mega__links {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  align-content: center;
}

.ua-shell-mega__links > a {
  position: relative;
  display: grid;
  min-height: 108px;
  grid-template-columns: 40px minmax(0, 1fr) 18px;
  align-items: start;
  gap: 12px;
  padding: 16px;
  border: 1px solid #dce4ee;
  border-radius: 12px;
  color: #182230;
  background: #ffffff;
  text-decoration: none;
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.ua-shell-mega__links > a.ua-shell-mega__tool-card {
  min-height: 134px;
  grid-template-columns: 50px minmax(0, 1fr) 22px;
  grid-template-rows: auto 1fr auto;
  gap: 12px 14px;
  padding: 18px;
  overflow: hidden;
}

.ua-shell-mega__tool-card::before {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 18% 20%, rgba(21, 94, 239, 0.08), transparent 30%),
    linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(240, 246, 255, 0.92));
  content: '';
  pointer-events: none;
}

.ua-shell-mega__tool-card > * {
  position: relative;
  z-index: 1;
}

.ua-shell-mega__links > a:hover,
.ua-shell-mega__links > a:focus-visible,
.ua-shell-mega__links > a.is-current {
  border-color: #9ab8f8;
  box-shadow: 0 9px 24px rgba(21, 94, 239, 0.09);
  transform: translateY(-1px);
}

.ua-shell-mega__link-icon {
  width: 40px;
  height: 40px;
  border-radius: 9px;
}

.ua-shell-mega__tool-card .ua-shell-mega__link-icon {
  width: 50px;
  height: 50px;
  border-radius: 14px;
  background: #edf4ff;
}

.ua-shell-mega__link-icon .ua-icon {
  width: 21px;
  height: 21px;
}

.ua-shell-mega__links strong,
.ua-shell-mega__links small {
  display: block;
}

.ua-shell-mega__links strong {
  margin-block-start: 1px;
  color: var(--ua-shell-navy);
  font-size: 14px;
  line-height: 1.35;
}

.ua-shell-mega__links small {
  margin-block-start: 6px;
  color: #667085;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
}

.ua-shell-mega__arrow {
  width: 17px;
  height: 17px;
  margin-block-start: 3px;
  color: #8b98aa;
}

.ua-shell-mega__status {
  position: absolute;
  inset-block-start: 14px;
  inset-inline-end: 14px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 9px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
}

.ua-shell-mega__status::before {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  content: '';
}

.ua-shell-mega__status--active {
  color: #087b33;
  background: #ddf8e7;
}

.ua-shell-mega__open {
  grid-column: 2 / 4;
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  justify-content: center;
  margin-block-start: 4px;
  border-radius: 9px;
  color: #ffffff;
  background: linear-gradient(135deg, #1266f1, #0052d9);
  font-size: 12px;
  font-weight: 900;
  box-shadow: 0 10px 22px rgba(18, 102, 241, 0.22);
}

.ua-shell-mega__tool-card:hover .ua-shell-mega__open,
.ua-shell-mega__tool-card:focus-visible .ua-shell-mega__open {
  background: linear-gradient(135deg, #0052d9, #003da8);
}

.ua-shell-mega--community .ua-shell-mega__inner {
  grid-template-columns: minmax(260px, 0.78fr) minmax(0, 2.6fr);
}

.ua-shell-mega--community .ua-shell-mega__intro {
  min-height: 270px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 16px;
  background:
    radial-gradient(circle at 76% 76%, rgba(15, 102, 242, 0.10), transparent 34%),
    linear-gradient(180deg, #f8fbff, #f1f6fc);
}

.ua-shell-mega--community .ua-shell-mega__links {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ua-shell-mega--community .ua-shell-mega__links > a.ua-shell-mega__tool-card {
  min-height: 134px;
}

.ua-shell-mega--community .ua-shell-mega__links strong,
.ua-shell-mega--community .ua-shell-mega__links small {
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: normal;
}

.ua-shell-backdrop {
  position: fixed;
  z-index: 1090;
  inset: 0;
  background: rgba(2, 13, 29, 0.66);
  opacity: 0;
  transition: opacity 200ms ease;
}

.ua-shell-backdrop.is-visible {
  opacity: 1;
}

.ua-shell-backdrop[hidden] {
  display: none;
}

.ua-shell-drawer {
  position: fixed;
  z-index: 1100;
  inset-block: 0;
  inset-inline-end: 0;
  display: flex;
  width: min(92vw, 400px);
  flex-direction: column;
  color: #182230;
  background: #ffffff;
  box-shadow: -20px 0 55px rgba(3, 15, 33, 0.26);
  visibility: hidden;
  transform: translateX(105%);
  transition: transform 200ms ease, visibility 200ms step-end;
}

.ua-shell-drawer.is-open {
  visibility: visible;
  transform: translateX(0);
  transition: transform 200ms ease, visibility 0ms step-start;
}

.ua-shell-drawer__header {
  display: flex;
  min-height: 76px;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 14px 16px 14px 20px;
  border-block-end: 1px solid #dce4ee;
  background: #f8faff;
}

.ua-shell-drawer__title {
  display: flex;
  align-items: center;
  gap: 10px;
}

.ua-shell-drawer__brand-mark {
  display: block;
  width: 46px;
  height: 40px;
  color: var(--ua-shell-navy);
}

.ua-shell-drawer__eyebrow {
  display: block;
  margin-block-end: 3px;
  color: var(--ua-shell-blue);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.ua-shell-drawer__header h2 {
  margin: 0;
  color: var(--ua-shell-navy);
  font: 800 22px/1.2 Manrope, Inter, system-ui, sans-serif;
}

.ua-shell-drawer__close {
  color: var(--ua-shell-navy);
  border-color: #cdd7e4;
  background: #ffffff;
}

.ua-shell-drawer__body {
  flex: 1 1 auto;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 12px 16px 24px;
}

.ua-shell-drawer__account-actions--top {
  margin-block: 2px 12px;
}

.ua-shell-drawer__account-actions--top .ua-shell-signup {
  color: #ffffff;
  background: var(--ua-shell-blue);
  box-shadow: none;
}

.ua-shell-drawer ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ua-shell-drawer__main > li + li {
  border-block-start: 1px solid #edf1f6;
}

.ua-shell-drawer__main a,
.ua-shell-drawer__group-trigger {
  display: grid;
  min-height: 54px;
  grid-template-columns: 24px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 12px;
  padding: 8px 10px;
  border-radius: 8px;
  color: #26364c;
  font: 700 15px/1.35 Manrope, Inter, system-ui, sans-serif;
  text-decoration: none;
}

.ua-shell-drawer__group-trigger {
  width: 100%;
  border: 0;
  background: transparent;
  cursor: pointer;
  text-align: left;
}

.ua-shell-drawer__main a:hover,
.ua-shell-drawer__main a.is-current,
.ua-shell-drawer__group-trigger:hover,
.ua-shell-drawer__group-trigger.is-current,
.ua-shell-drawer__group.is-open > .ua-shell-drawer__group-trigger {
  color: var(--ua-shell-blue);
  background: #edf3ff;
}

.ua-shell-drawer__main a.is-current,
.ua-shell-drawer__group-trigger.is-current {
  box-shadow: inset 3px 0 0 var(--ua-shell-blue);
}

.ua-shell-drawer__arrow {
  width: 17px;
  height: 17px;
  color: #91a0b4;
}

.ua-shell-drawer__chevron {
  width: 17px;
  height: 17px;
  color: #91a0b4;
  transition: transform .18s ease, color .18s ease;
}

.ua-shell-drawer__group.is-open .ua-shell-drawer__chevron {
  transform: rotate(180deg);
  color: var(--ua-shell-blue);
}

.ua-shell-drawer__submenu {
  display: grid;
  gap: 8px;
  padding: 6px 0 12px 36px;
}

.ua-shell-drawer__submenu[hidden] {
  display: none;
}

.ua-shell-drawer__overview {
  min-height: auto !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 3px !important;
  padding: 10px 12px !important;
  border: 1px solid #d9e6fb;
  background: #f7fbff;
}

.ua-shell-drawer__overview strong,
.ua-shell-drawer__submenu a strong {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ua-shell-drawer__overview small,
.ua-shell-drawer__submenu a small {
  display: block;
  margin-top: 2px;
  color: #62728a;
  font: 700 11px/1.35 Manrope, Inter, system-ui, sans-serif;
}

.ua-shell-drawer__submenu ul {
  display: grid;
  gap: 6px;
}

.ua-shell-drawer__submenu li + li {
  border-block-start: 0;
}

.ua-shell-drawer__submenu a {
  min-height: 50px;
  padding: 8px 10px;
  border: 1px solid #edf2f8;
  border-radius: 10px;
  background: #fff;
  font-size: 13px;
}

.ua-shell-drawer__submenu a .ua-icon:first-child {
  width: 19px;
  height: 19px;
  color: var(--ua-shell-blue);
}

.ua-shell-drawer__section {
  margin-block-start: 22px;
  padding-block-start: 18px;
  border-block-start: 1px solid #dce4ee;
}

.ua-shell-drawer__ai {
  display: grid;
  min-height: 68px;
  grid-template-columns: 30px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 12px;
  margin-block-start: 16px;
  padding: 11px 12px;
  border: 1px solid #b9d0ff;
  border-radius: 10px;
  color: var(--ua-shell-blue);
  background: #eef4ff;
  text-decoration: none;
}

.ua-shell-drawer__ai > .ua-icon:first-child {
  width: 28px;
  height: 28px;
}

.ua-shell-drawer__ai span {
  display: grid;
  gap: 3px;
}

.ua-shell-drawer__ai strong {
  color: var(--ua-shell-blue);
  font-size: 14px;
}

.ua-shell-drawer__ai small {
  color: #536b8d;
  font-size: 11px;
}

.ua-shell-drawer__section h3 {
  margin: 0 0 10px;
  color: #667085;
  font: 800 11px/16px Manrope, Inter, system-ui, sans-serif;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.ua-shell-drawer__secondary {
  display: grid;
  gap: 4px;
}

.ua-shell-drawer__secondary a {
  display: flex;
  min-height: 46px;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 8px;
  color: #33445b;
  font: 650 14px/1.4 Manrope, Inter, system-ui, sans-serif;
  text-decoration: none;
}

.ua-shell-drawer__secondary .ua-shell-drawer__arrow {
  margin-inline-start: auto;
}

.ua-shell-drawer__secondary a:hover {
  color: var(--ua-shell-blue);
  background: #f2f6fc;
}

.ua-shell-drawer__secondary .ua-icon {
  width: 20px;
  height: 20px;
}

.ua-shell-drawer__account-actions {
  display: grid;
  grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr);
  gap: 9px;
}

.ua-shell-drawer__account-actions .ua-shell-login {
  border: 1px solid #bcc8d7;
  color: var(--ua-shell-navy);
}

.ua-shell-drawer__footer {
  display: flex;
  min-height: 66px;
  align-items: center;
  gap: 10px;
  padding: 12px 20px calc(12px + env(safe-area-inset-bottom));
  border-block-start: 1px solid #dce4ee;
  color: #526176;
  background: #f8faff;
  font: 600 12px/1.45 Manrope, Inter, system-ui, sans-serif;
}

.ua-shell-drawer__footer .ua-icon {
  width: 21px;
  height: 21px;
  color: var(--ua-shell-blue);
}

.ua-shell-bottom-nav {
  display: none;
}

.ua-shell-footer {
  position: relative;
  z-index: 1;
  color: #dbe5f2;
  background: var(--ua-shell-navy-deep);
  font-family: Manrope, Inter, system-ui, sans-serif;
}

.ua-shell-footer__inner {
  display: grid;
  width: min(100%, var(--ua-shell-max-width));
  grid-template-columns: minmax(230px, 1.05fr) minmax(0, 4fr);
  gap: clamp(28px, 4vw, 60px);
  margin-inline: auto;
  padding: 56px 32px 42px;
}

.ua-shell-footer__socials {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.ua-shell-footer__socials a {
  display: inline-grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  color: #dbe5f2;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

.ua-shell-footer__socials a:hover {
  color: var(--ua-shell-gold);
  border-color: var(--ua-shell-gold);
}

.ua-shell-brand--footer {
  min-width: 0;
}

.ua-shell-footer__brand-column > p {
  max-width: 360px;
  margin: 22px 0 18px;
  color: #aebed1;
  font-size: 14px;
  line-height: 1.75;
}

.ua-shell-footer__contact {
  display: inline-flex;
  max-width: 100%;
  align-items: flex-start;
  gap: 9px;
  color: #dbe5f2;
  font-size: 13px;
  line-height: 1.5;
  text-decoration: none;
  overflow-wrap: anywhere;
}

.ua-shell-footer__contact:hover {
  color: var(--ua-shell-gold);
}

.ua-shell-footer__contact .ua-icon {
  width: 19px;
  height: 19px;
  margin-block-start: 1px;
}

.ua-shell-footer__nav {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 24px;
}

.ua-shell-footer__nav section,
.ua-shell-footer__nav ul {
  margin: 0;
  padding: 0;
}

.ua-shell-footer__nav h2 {
  margin: 0 0 17px;
  color: var(--ua-shell-white);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.4;
}

.ua-shell-footer__nav ul {
  display: grid;
  gap: 11px;
  list-style: none;
}

.ua-shell-footer__nav a {
  color: #aebed1;
  font-size: 13px;
  line-height: 1.5;
  text-decoration: none;
}

.ua-shell-footer__nav a:hover,
.ua-shell-footer__nav a.is-current {
  color: var(--ua-shell-white);
  text-decoration: underline;
  text-underline-offset: 4px;
}

.ua-shell-footer__bottom {
  display: flex;
  width: min(100%, var(--ua-shell-max-width));
  min-height: 62px;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-inline: auto;
  padding: 18px 32px;
  border-block-start: 1px solid var(--ua-shell-border);
}

.ua-shell-footer__bottom > p:last-child {
  text-align: end;
}

.ua-shell-footer__bottom p {
  margin: 0;
  color: #8fa1b8;
  font-size: 12px;
  line-height: 1.65;
}

.ua-shell-footer__bottom > a {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
  color: #dbe5f2;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

.ua-shell-footer__bottom > a:hover {
  color: var(--ua-shell-gold);
}

.ua-shell-footer__bottom .ua-icon {
  width: 18px;
  height: 18px;
}

.ua-shell-header a.is-unavailable,
.ua-shell-drawer a.is-unavailable,
.ua-shell-footer a.is-unavailable,
.ua-shell-bottom-nav a.is-unavailable {
  cursor: not-allowed;
}

.ua-shell-header a.is-unavailable,
.ua-shell-mega a.is-unavailable,
.ua-shell-drawer a.is-unavailable,
.ua-shell-footer a.is-unavailable,
.ua-shell-bottom-nav a.is-unavailable {
  opacity: 0.62;
}

.ua-shell-header a.is-unavailable:hover,
.ua-shell-drawer a.is-unavailable:hover,
.ua-shell-footer a.is-unavailable:hover,
.ua-shell-bottom-nav a.is-unavailable:hover {
  transform: none;
  text-decoration: none;
}

.ua-shell-mega__links > a.is-unavailable::after {
  position: absolute;
  inset-inline-end: 10px;
  inset-block-end: 9px;
  padding: 2px 6px;
  border-radius: 999px;
  color: #5d6b7f;
  background: #edf1f6;
  content: 'Yakında';
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

@media (max-width: 1399px) and (min-width: 1280px) {
  .ua-shell-header__desktop {
    gap: 10px;
    padding-inline: 16px;
  }

  .ua-shell-brand {
    min-width: 205px;
    gap: 8px;
    padding-inline-end: 12px;
  }

  .ua-shell-brand__mark {
    width: 44px;
    height: 40px;
    flex-basis: 44px;
  }

  .ua-shell-brand__primary {
    font-size: 14px;
  }

  .ua-shell-brand__secondary {
    font-size: 9px;
  }

  .ua-shell-nav__trigger {
    padding-inline: 5px;
    font-size: 11px;
  }

  .ua-shell-actions {
    gap: 5px;
  }

  .ua-shell-ai-button {
    width: auto;
    padding-inline: 10px;
  }

  .ua-shell-signup {
    padding-inline: 10px;
    font-size: 11px;
  }
}

@media (max-width: 1279px) {
  :root {
    --ua-shell-header-height: var(--ua-shell-mobile-header-height);
  }

  .ua-shell-header__desktop {
    display: none;
  }

  .ua-shell-header__mobile {
    display: flex;
    width: 100%;
    min-height: var(--ua-shell-mobile-header-height);
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 8px clamp(16px, 3vw, 28px);
  }

  .ua-shell-brand--mobile {
    min-width: 0;
    padding-inline-end: 0;
    border-inline-end: 0;
  }

  .ua-shell-brand--mobile .ua-shell-brand__mark {
    width: 44px;
    height: 40px;
    flex-basis: 44px;
  }

  .ua-shell-mobile-actions {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 8px;
  }

  .ua-shell-menu-button {
    color: var(--ua-shell-white);
    border-color: transparent;
    background: transparent;
  }

  .ua-shell-footer__inner {
    grid-template-columns: 1fr;
    gap: 38px;
    padding-inline: 24px;
  }

  .ua-shell-footer__nav {
    grid-template-columns: repeat(5, minmax(130px, 1fr));
    overflow-x: auto;
  }

  .ua-shell-footer__bottom {
    padding-inline: 24px;
  }
}

@media (max-width: 767px) {
  body.ua-shell-ready {
    padding-block-end: calc(var(--ua-shell-bottom-nav-height) + env(safe-area-inset-bottom));
  }

  .ua-shell-backdrop,
  .ua-shell-drawer {
    inset-block-end: calc(var(--ua-shell-bottom-nav-height) + env(safe-area-inset-bottom));
  }

  .ua-shell-brand--mobile .ua-shell-brand__primary {
    font-size: 14px;
  }

  .ua-shell-brand--mobile .ua-shell-brand__secondary {
    display: none;
  }

  .ua-shell-mobile-actions {
    gap: 6px;
  }

  .ua-shell-mobile-actions .ua-shell-icon-button {
    width: 42px;
    min-height: 42px;
  }

  .ua-shell-bottom-nav {
    position: fixed;
    z-index: 1150;
    inset-inline: 0;
    inset-block-end: 0;
    display: grid;
    min-height: calc(var(--ua-shell-bottom-nav-height) + env(safe-area-inset-bottom));
    grid-template-columns: repeat(5, minmax(0, 1fr));
    padding: 5px max(6px, env(safe-area-inset-left)) env(safe-area-inset-bottom) max(6px, env(safe-area-inset-right));
    border-block-start: 1px solid #d7e0eb;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 -8px 24px rgba(8, 29, 54, 0.1);
    backdrop-filter: blur(16px);
    font-family: Manrope, Inter, system-ui, sans-serif;
  }

  .ua-shell-bottom-nav > a {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 58px;
    align-items: center;
    justify-content: center;
    gap: 4px;
    border-radius: 9px;
    color: #66758a;
    flex-direction: column;
    font-size: 10px;
    font-weight: 750;
    line-height: 1.1;
    text-align: center;
    text-decoration: none;
  }

  .ua-shell-bottom-nav > a::before {
    display: none;
    content: '';
  }

  .ua-shell-bottom-nav > a:hover,
  .ua-shell-bottom-nav > a.is-active {
    color: var(--ua-shell-blue);
    background: transparent;
  }

  .ua-shell-bottom-nav > a.is-active::before {
    opacity: 1;
  }

  .ua-shell-bottom-nav .ua-icon {
    width: 22px;
    height: 22px;
  }

  .ua-shell-footer__inner {
    gap: 34px;
    padding: 44px 20px 34px;
  }

  .ua-shell-footer__nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px 24px;
    overflow: visible;
  }

  .ua-shell-footer__bottom {
    align-items: flex-start;
    flex-direction: column;
    gap: 14px;
    padding: 20px 20px 24px;
  }
}

@media (max-width: 479px) {
  .ua-shell-header__mobile {
    gap: 8px;
    padding-inline: 12px;
  }

  .ua-shell-brand--mobile {
    gap: 7px;
  }

  .ua-shell-brand--mobile .ua-shell-brand__mark {
    width: 42px;
    height: 38px;
    flex-basis: 42px;
  }

  .ua-shell-brand--mobile .ua-shell-brand__primary {
    font-size: 13px;
  }

  .ua-shell-brand--mobile .ua-shell-brand__secondary {
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .ua-shell-mobile-actions .ua-shell-icon-button {
    width: 40px;
    min-height: 40px;
  }

  .ua-shell-drawer {
    width: min(94vw, 380px);
  }

  .ua-shell-footer__nav {
    grid-template-columns: 1fr 1fr;
    gap: 28px 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ua-shell-skip-link,
  .ua-shell-nav__trigger::after,
  .ua-shell-nav__trigger > .ua-icon,
  .ua-shell-mega__links > a,
  .ua-shell-backdrop,
  .ua-shell-drawer,
  .ua-shell-signup {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}

/* İş Ara üst menü: referans görseldeki 1 büyük kart + 6 aksiyon kartı düzeni */
.ua-shell-mega--jobs {
  padding: 34px 28px 42px;
  border-block-start: 1px solid #d6e5f6;
  background:
    radial-gradient(circle at 3% 20%, rgba(28, 133, 255, .12) 0 1px, transparent 1.4px) 0 0 / 12px 12px,
    linear-gradient(180deg, #f7fbff 0%, #eef6ff 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 22px 50px rgba(8,31,66,.12);
}

.ua-shell-mega--jobs .ua-shell-mega__inner {
  width: min(100%, 1760px);
  grid-template-columns: minmax(360px, 1.05fr) minmax(0, 2fr);
  gap: 24px;
  padding: 0;
  align-items: stretch;
}

.ua-shell-mega--jobs .ua-shell-mega__intro {
  position: relative;
  height: 392px;
  min-height: 0;
  overflow: hidden;
  padding: 56px 44px 42px;
  border: 1px solid #d8e7f8;
  border-radius: 22px;
  background:
    radial-gradient(circle at 76% 54%, rgba(25,105,235,.08) 0 0, transparent 190px),
    linear-gradient(140deg, rgba(255,255,255,.96), rgba(245,250,255,.9));
  box-shadow: 0 18px 42px rgba(6,34,72,.08);
}

.ua-shell-mega--jobs .ua-shell-mega__intro::before {
  position: absolute;
  inset: auto -30px -78px auto;
  width: 300px;
  height: 250px;
  border-radius: 48% 52% 0 0;
  background: linear-gradient(135deg, rgba(222,238,255,.7), rgba(238,246,255,.22));
  z-index: 0;
  content: '';
}

.ua-shell-mega--jobs .ua-shell-mega__intro::after {
  position: absolute;
  right: 42px;
  bottom: 34px;
  width: 196px;
  height: 148px;
  background:
    radial-gradient(circle at 28% 72%, #d8ecff 0 18px, transparent 19px),
    radial-gradient(circle at 34% 68%, transparent 0 28px, #1868df 29px 34px, transparent 35px),
    linear-gradient(135deg, transparent 0 50px, rgba(20,102,222,.2) 51px 54px, transparent 55px),
    linear-gradient(180deg, #4aa3ff, #0962df) 92px 64px / 86px 66px no-repeat,
    linear-gradient(180deg, #d9ebff, #f7fbff) 106px 26px / 70px 64px no-repeat,
    linear-gradient(180deg, #eaf4ff, #bfdcff) 76px 76px / 120px 58px no-repeat;
  border-radius: 18px;
  filter: drop-shadow(0 18px 18px rgba(16,84,169,.22));
  opacity: .96;
  z-index: 0;
  content: '';
}

.ua-shell-mega--jobs .ua-shell-mega__intro > * {
  position: relative;
  z-index: 1;
}

.ua-shell-mega--jobs .ua-shell-mega__intro-icon {
  width: 74px;
  height: 74px;
  margin-block-end: 68px;
  border-radius: 999px;
  color: #1268f3;
  background: #eaf3ff;
}

.ua-shell-mega--jobs .ua-shell-mega__intro-icon .ua-icon {
  width: 38px;
  height: 38px;
}

.ua-shell-mega--jobs .ua-shell-mega__eyebrow {
  position: relative;
  margin: 0 0 54px;
  color: #08224a;
  font-size: clamp(46px, 4.4vw, 72px);
  font-weight: 950;
  line-height: .95;
  letter-spacing: -.055em;
}

.ua-shell-mega--jobs .ua-shell-mega__eyebrow::after {
  position: absolute;
  left: 0;
  bottom: -30px;
  width: 84px;
  height: 3px;
  border-radius: 999px;
  background: #f4b400;
  content: '';
}

.ua-shell-mega--jobs .ua-shell-mega__intro > p:not(.ua-shell-mega__eyebrow) {
  position: relative;
  max-width: 390px;
  color: #203a60;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.55;
}

.ua-shell-mega--jobs .ua-shell-mega__all {
  position: relative;
  margin-block-start: 54px;
  color: #0865ee;
  font-size: 17px;
  font-weight: 950;
}

.ua-shell-mega--jobs .ua-shell-mega__all .ua-icon {
  width: 22px;
  height: 22px;
}

.ua-shell-mega--jobs .ua-shell-mega__links {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-rows: minmax(0, 1fr);
  gap: 20px;
  align-content: start;
  height: 392px;
}

.ua-shell-mega--jobs .ua-shell-mega__links > a.ua-shell-mega__tool-card {
  min-height: 0;
  height: 100%;
  grid-template-columns: 50px minmax(0, 1fr);
  grid-template-rows: auto 1fr auto;
  gap: 9px 14px;
  overflow: hidden;
  padding: 22px 18px 18px;
  border: 1px solid #d9e6f6;
  border-radius: 16px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 16px 36px rgba(6,34,72,.07);
}

.ua-shell-mega--jobs .ua-shell-mega__tool-card::before {
  background:
    radial-gradient(circle at 12% 16%, rgba(30,110,240,.08), transparent 30%),
    radial-gradient(circle at 88% 82%, rgba(229,241,255,.92), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,0), rgba(244,249,255,.86));
}

.ua-shell-mega--jobs .ua-shell-mega__link-icon {
  width: 46px;
  height: 46px;
  border-radius: 13px;
  color: #1268f3;
  background: #edf4ff;
}

.ua-shell-mega--jobs .ua-shell-mega__link-icon .ua-icon {
  width: 23px;
  height: 23px;
}

.ua-shell-mega--jobs .ua-shell-mega__tool-card > span:not(.ua-shell-mega__link-icon):not(.ua-shell-mega__status):not(.ua-shell-mega__open) {
  grid-column: 2;
  min-width: 0;
}

.ua-shell-mega--jobs .ua-shell-mega__links strong {
  max-width: none;
  padding-inline-end: 54px;
  color: #092450;
  font-size: 15px;
  font-weight: 950;
  line-height: 1.24;
  letter-spacing: -.025em;
}

.ua-shell-mega--jobs .ua-shell-mega__links small {
  max-width: 100%;
  margin-block-start: 7px;
  color: #536986;
  font-size: 12.5px;
  font-weight: 650;
  line-height: 1.42;
}

.ua-shell-mega--jobs .ua-shell-mega__status {
  inset-block-start: 24px;
  inset-inline-end: 14px;
  padding: 4px 9px;
  font-size: 12px;
  font-weight: 950;
}

.ua-shell-mega--jobs .ua-shell-mega__open {
  grid-column: 2;
  width: min(180px, 100%);
  min-height: 36px;
  border-radius: 7px;
  font-size: 13px;
  font-weight: 950;
  background: linear-gradient(180deg, #1974ff, #075bdc);
  box-shadow: 0 12px 22px rgba(13,89,219,.2);
}

.ua-shell-mega--jobs .ua-shell-mega__arrow {
  position: absolute;
  right: 20px;
  bottom: 24px;
  width: 23px;
  height: 23px;
  color: #0870ff;
}

@media (max-width: 1280px) {
  .ua-shell-mega--jobs {
    padding-inline: 18px;
  }

  .ua-shell-mega--jobs .ua-shell-mega__inner {
    grid-template-columns: minmax(300px, .88fr) minmax(0, 2fr);
    gap: 16px;
  }

  .ua-shell-mega--jobs .ua-shell-mega__links {
    gap: 14px;
  }

  .ua-shell-mega--jobs .ua-shell-mega__links > a.ua-shell-mega__tool-card {
    padding: 22px 20px 18px;
  }
}

/* İş Ara aktifken referans görseldeki geniş üst menü oranı */
.ua-shell-header--jobs {
  min-height: 108px;
  background:
    radial-gradient(circle at 3% 0%, rgba(26, 98, 190, .24), transparent 34%),
    linear-gradient(180deg, #071f3d 0%, #061b35 100%);
}

.ua-shell-header--jobs .ua-shell-header__desktop {
  width: 100%;
  min-height: 108px;
  padding-inline: clamp(34px, 2vw, 42px);
  gap: clamp(32px, 3vw, 68px);
}

.ua-shell-header--jobs .ua-shell-brand {
  min-width: 230px;
  padding-inline-end: 34px;
}

.ua-shell-header--jobs .ua-shell-brand--image {
  min-width: 238px;
}

.ua-shell-header--jobs .ua-shell-brand--image .ua-shell-brand__mark {
  width: 218px;
  height: 70px;
  flex-basis: 218px;
}

.ua-shell-header--jobs .ua-shell-nav {
  flex: 0 1 830px;
}

.ua-shell-header--jobs .ua-shell-nav > ul {
  justify-content: flex-start;
  gap: clamp(26px, 2.5vw, 52px);
}

.ua-shell-header--jobs .ua-shell-nav__trigger {
  padding-inline: 0;
  color: #f7fbff;
  font-size: clamp(14px, .92vw, 17px);
  font-weight: 760;
  letter-spacing: -.01em;
}

.ua-shell-header--jobs .ua-shell-nav__trigger::after {
  inset-inline: 0;
  inset-block-end: 20px;
  height: 3px;
  background: #f4b400;
}

.ua-shell-header--jobs .ua-shell-nav__trigger:hover,
.ua-shell-header--jobs .ua-shell-nav__trigger.is-active,
.ua-shell-header--jobs .ua-shell-nav__item.is-open .ua-shell-nav__trigger {
  color: #f4b400;
  background: transparent;
}

.ua-shell-header--jobs .ua-shell-actions {
  gap: 24px;
}

.ua-shell-header--jobs .ua-shell-icon-button {
  width: 52px;
  min-height: 52px;
  color: #fff;
  border: 0;
  background: transparent;
}

.ua-shell-header--jobs .ua-shell-icon-button .ua-icon {
  width: 36px;
  height: 36px;
}

.ua-shell-header--jobs .ua-shell-ai-button,
.ua-shell-header--jobs .ua-shell-account-slot {
  display: none;
}

.ua-shell-jobs-action-divider {
  width: 1px;
  height: 38px;
  background: rgba(255, 255, 255, .34);
}

.ua-shell-jobs-bell {
  position: relative;
}

.ua-shell-jobs-bell > span {
  position: absolute;
  top: 9px;
  right: 8px;
  width: 11px;
  height: 11px;
  border: 2px solid #071f3d;
  border-radius: 999px;
  background: #f4b400;
}

.ua-shell-header--community {
  min-height: 70px;
  border-block-end: 1px solid rgba(255, 255, 255, .08);
  background:
    radial-gradient(circle at 7% 0%, rgba(33, 113, 232, .18), transparent 28%),
    linear-gradient(180deg, #071f3d 0%, #061b35 100%);
}

.ua-shell-header--community .ua-shell-header__desktop {
  width: min(100%, 1510px);
  min-height: 70px;
  padding-inline: clamp(28px, 4.8vw, 104px);
  gap: clamp(38px, 5vw, 92px);
}

.ua-shell-header--community .ua-shell-brand,
.ua-shell-header--community .ua-shell-brand--image {
  min-width: clamp(180px, 15vw, 248px);
  padding-inline-end: 0;
  border-inline-end: 0;
}

.ua-shell-header--community .ua-shell-brand--image .ua-shell-brand__mark {
  width: clamp(174px, 13.8vw, 226px);
  height: 58px;
  flex-basis: clamp(174px, 13.8vw, 226px);
}

.ua-shell-header--community .ua-shell-nav {
  flex: 1 1 auto;
}

.ua-shell-header--community .ua-shell-nav > ul {
  justify-content: center;
  gap: clamp(28px, 3.2vw, 62px);
}

.ua-shell-header--community .ua-shell-nav__trigger,
.ua-shell-header--community .ua-shell-nav__direct {
  padding-inline: 0;
  color: #f7fbff;
  font-size: clamp(13px, .84vw, 16px);
  font-weight: 760;
  letter-spacing: -.01em;
}

.ua-shell-header--community .ua-shell-nav__trigger::after,
.ua-shell-header--community .ua-shell-nav__direct::after {
  inset-inline: 0;
  inset-block-end: 0;
  height: 4px;
  border-radius: 4px 4px 0 0;
  background: #f4b400;
}

.ua-shell-header--community .ua-shell-nav__trigger:hover,
.ua-shell-header--community .ua-shell-nav__trigger.is-active,
.ua-shell-header--community .ua-shell-nav__item.is-open .ua-shell-nav__trigger,
.ua-shell-header--community .ua-shell-nav__direct:hover,
.ua-shell-header--community .ua-shell-nav__direct.is-active {
  color: #fff;
  background: transparent;
}

.ua-shell-header--community .ua-shell-actions {
  gap: 16px;
}

.ua-shell-header--community .ua-shell-icon-button {
  width: 44px;
  min-height: 44px;
  color: #fff;
  border: 0;
  background: transparent;
}

.ua-shell-header--community .ua-shell-icon-button .ua-icon {
  width: 25px;
  height: 25px;
}

.ua-shell-header--community .ua-shell-ai-button {
  display: none;
}

.ua-shell-header--community .ua-shell-jobs-action-divider {
  display: none;
}

.ua-shell-header--community .ua-shell-jobs-bell {
  margin-inline-start: 2px;
}

.ua-shell-header--community .ua-shell-jobs-bell > span {
  top: 7px;
  right: 7px;
  border-color: #071f3d;
}

.ua-shell-header--community .ua-shell-login,
.ua-shell-header--community .ua-shell-signup {
  min-height: 42px;
}

.ua-shell-header--jobs .ua-shell-ai-button,
.ua-shell-header--jobs .ua-shell-login,
.ua-shell-header--jobs .ua-shell-signup {
  min-height: 50px;
}

.ua-shell-header--jobs .ua-shell-mega--jobs {
  padding: 34px clamp(38px, 2vw, 44px) 58px;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__inner {
  width: 100%;
  max-width: 1844px;
  grid-template-columns: minmax(560px, 640px) minmax(0, 1fr);
  gap: 26px;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__intro {
  height: 570px;
  padding: 62px 48px 48px;
  border-radius: 24px;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__intro-icon {
  width: 82px;
  height: 82px;
  margin-block-end: 82px;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__intro-icon .ua-icon {
  width: 42px;
  height: 42px;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__eyebrow {
  margin-bottom: 58px;
  font-size: clamp(58px, 3.7vw, 76px);
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__intro > p:not(.ua-shell-mega__eyebrow) {
  max-width: 520px;
  font-size: clamp(18px, 1.05vw, 21px);
  line-height: 1.55;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__all {
  margin-top: 66px;
  font-size: clamp(18px, 1.05vw, 22px);
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__links {
  height: 570px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 22px;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__links > a.ua-shell-mega__tool-card {
  padding: clamp(22px, 1.6vw, 32px) clamp(18px, 1.35vw, 26px);
  border-radius: 18px;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__link-icon {
  width: clamp(48px, 3.1vw, 64px);
  height: clamp(48px, 3.1vw, 64px);
  border-radius: 16px;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__link-icon .ua-icon {
  width: clamp(25px, 1.6vw, 32px);
  height: clamp(25px, 1.6vw, 32px);
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__links strong {
  padding-inline-end: 72px;
  font-size: clamp(16px, 1.02vw, 22px);
  line-height: 1.16;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__links small {
  margin-top: 9px;
  font-size: clamp(13px, .86vw, 18px);
  line-height: 1.35;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__status {
  top: clamp(20px, 1.45vw, 28px);
  right: clamp(18px, 1.35vw, 26px);
  padding: 8px 13px;
  font-size: clamp(13px, .82vw, 16px);
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__open {
  width: min(210px, 100%);
  min-height: clamp(42px, 2.6vw, 54px);
  margin-top: 12px;
  font-size: clamp(14px, .92vw, 18px);
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__arrow {
  right: clamp(18px, 1.45vw, 28px);
  bottom: clamp(22px, 1.65vw, 32px);
  width: clamp(22px, 1.45vw, 30px);
  height: clamp(22px, 1.45vw, 30px);
}

@media (max-width: 1440px) {
  .ua-shell-header--jobs {
    min-height: 72px;
  }

  .ua-shell-header--jobs .ua-shell-header__desktop {
    min-height: 72px;
    padding-inline: 16px;
    gap: 18px;
  }

  .ua-shell-header--jobs .ua-shell-brand,
  .ua-shell-header--jobs .ua-shell-brand--image {
    min-width: 178px;
    padding-inline-end: 14px;
  }

  .ua-shell-header--jobs .ua-shell-brand--image .ua-shell-brand__mark {
    width: 156px;
    height: 56px;
    flex-basis: 156px;
  }

  .ua-shell-header--jobs .ua-shell-nav {
    flex: 1 1 auto;
  }

  .ua-shell-header--jobs .ua-shell-nav > ul {
    justify-content: space-between;
    gap: 0;
  }

  .ua-shell-header--jobs .ua-shell-nav__trigger {
    padding-inline: 5px;
    font-size: clamp(10.5px, .8vw, 13px);
  }

  .ua-shell-header--jobs .ua-shell-nav__trigger::after {
    inset-inline: 5px;
    inset-block-end: 0;
  }

  .ua-shell-header--jobs .ua-shell-actions {
    gap: 8px;
  }

  .ua-shell-header--jobs .ua-shell-icon-button {
    width: 38px;
    min-height: 42px;
  }

  .ua-shell-header--jobs .ua-shell-icon-button .ua-icon {
    width: 20px;
    height: 20px;
  }

  .ua-shell-header--jobs .ua-shell-mega--jobs {
    padding: 28px 18px 34px;
  }

  .ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__inner {
    max-width: 1320px;
    grid-template-columns: minmax(300px, .92fr) minmax(0, 2fr);
    gap: 16px;
  }

  .ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__intro,
  .ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__links {
    height: 430px;
  }

  .ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__intro {
    padding: 50px 38px 36px;
  }

  .ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__intro::after {
    right: 18px;
    bottom: 22px;
    width: 150px;
    height: 112px;
    opacity: .45;
  }

  .ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__intro-icon {
    width: 68px;
    height: 68px;
    margin-bottom: 60px;
  }

  .ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__eyebrow {
    margin-bottom: 50px;
    font-size: clamp(44px, 4vw, 58px);
  }

  .ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__intro > p:not(.ua-shell-mega__eyebrow) {
    font-size: 15.5px;
  }

  .ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__all {
    margin-top: 46px;
    font-size: 16px;
  }

  .ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__links {
    gap: 14px;
  }

  .ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__links > a.ua-shell-mega__tool-card {
    padding: 20px 18px 16px;
  }

  .ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__links small {
    line-height: 1.28;
  }
}

@media (forced-colors: active) {
  .ua-shell-header,
  .ua-shell-drawer,
  .ua-shell-footer,
  .ua-shell-bottom-nav,
  .ua-shell-mega {
    border: 1px solid CanvasText;
  }

  .ua-shell-nav__trigger.is-active,
  .ua-shell-bottom-nav > a.is-active {
    text-decoration: underline;
  }
}

@media print {
  .ua-shell-header,
  .ua-shell-drawer,
  .ua-shell-backdrop,
  .ua-shell-bottom-nav,
  .ua-shell-footer,
  .ua-shell-skip-link {
    display: none !important;
  }

  body.ua-shell-ready {
    padding-block-end: 0 !important;
  }
}

/* Yeni kurumsal logo görseli: masaüstü, mobil menü ve çekmece alanları. */
.ua-shell-brand--image .ua-shell-brand__mark {
  width: 218px;
  height: 58px;
  flex-basis: 218px;
}

.ua-shell-brand--image .ua-shell-brand-logo {
  width: 218px;
  height: 58px;
}

.ua-shell-drawer__brand-mark {
  width: 184px;
  height: 66px;
}

.ua-shell-drawer__brand-mark .ua-shell-brand-logo {
  width: 184px;
  height: 66px;
}

@media (max-width: 1399px) and (min-width: 1280px) {
  .ua-shell-brand--image {
    min-width: 214px;
  }

  .ua-shell-brand--image .ua-shell-brand__mark {
    width: 190px;
    height: 52px;
    flex-basis: 190px;
  }

  .ua-shell-brand--image .ua-shell-brand-logo {
    width: 190px;
    height: 52px;
  }
}

@media (max-width: 1099px) {
  .ua-shell-brand--mobile.ua-shell-brand--image .ua-shell-brand__mark {
    width: 176px;
    height: 54px;
    flex-basis: 176px;
  }

  .ua-shell-brand--mobile.ua-shell-brand--image .ua-shell-brand-logo {
    width: 176px;
    height: 54px;
  }
}

@media (max-width: 479px) {
  .ua-shell-brand--mobile.ua-shell-brand--image .ua-shell-brand__mark {
    width: 148px;
    height: 46px;
    flex-basis: 148px;
  }

  .ua-shell-brand--mobile.ua-shell-brand--image .ua-shell-brand-logo {
    width: 148px;
    height: 46px;
  }
}

/* İş Ara üst menü son düzeltme: referans görseldeki 1 büyük tanıtım + 6 kart düzeni. */
.ua-shell-header--jobs .ua-shell-mega--jobs {
  left: 0;
  right: 0;
  top: 100%;
  padding: 22px 0 30px;
  background:
    radial-gradient(circle at 1px 1px, rgba(37, 99, 235, 0.18) 1px, transparent 1.6px) 0 0 / 18px 18px,
    linear-gradient(180deg, #f8fbff 0%, #eef6ff 100%);
  border-top: 1px solid rgba(219, 234, 254, 0.9);
  box-shadow: 0 24px 54px rgba(15, 44, 85, 0.11);
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__inner {
  width: min(100% - 94px, 1780px);
  max-width: 1780px;
  min-height: 0;
  margin-inline: auto;
  padding: 34px 36px;
  display: grid;
  grid-template-columns: minmax(360px, 462px) minmax(0, 1fr);
  gap: 24px;
  align-items: stretch;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid #d7e3f3;
  border-radius: 10px;
  box-shadow: 0 22px 56px rgba(15, 53, 97, 0.13);
  overflow: visible;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__intro {
  min-height: 0;
  height: clamp(520px, 43vw, 760px);
  padding: clamp(30px, 2.9vw, 58px);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  isolation: isolate;
  background:
    linear-gradient(150deg, rgba(255, 255, 255, 0.96) 0%, rgba(243, 249, 255, 0.96) 47%, rgba(235, 246, 255, 0.9) 100%);
  border: 1px solid #d3e0f1;
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__intro::before {
  inset: 0;
  background:
    radial-gradient(circle at 74% 57%, rgba(37, 99, 235, 0.13), transparent 0 32%, transparent 33%),
    linear-gradient(135deg, transparent 0 65%, rgba(37, 99, 235, 0.04) 65% 100%);
  opacity: 1;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__intro::after {
  width: min(66%, 330px);
  height: min(47%, 272px);
  left: 50%;
  top: 13%;
  right: auto;
  bottom: auto;
  transform: translateX(-50%);
  opacity: 0.95;
  filter: drop-shadow(0 24px 34px rgba(37, 99, 235, 0.17));
  background:
    radial-gradient(circle at 73% 73%, transparent 0 33px, #1d4ed8 34px 44px, transparent 45px),
    radial-gradient(circle at 73% 73%, rgba(191, 219, 254, 0.92) 0 54px, transparent 55px),
    linear-gradient(90deg, #1d4ed8 0 12px, transparent 12px 100%) 86% 87% / 78px 16px no-repeat,
    linear-gradient(180deg, #1d4ed8 0 18px, transparent 19px) 50% 26% / 96px 30px no-repeat,
    linear-gradient(180deg, #bfdbfe 0 52px, #93c5fd 53px 100%) 50% 48% / 206px 138px no-repeat,
    linear-gradient(180deg, #1d4ed8 0 40px, transparent 41px) 50% 44% / 206px 55px no-repeat;
  border-radius: 36px;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__intro-icon {
  position: absolute;
  top: clamp(78px, 7vw, 132px);
  left: 50%;
  z-index: 2;
  width: clamp(72px, 5.8vw, 108px);
  height: clamp(72px, 5.8vw, 108px);
  transform: translateX(-50%);
  color: #0b63e5;
  background: rgba(219, 234, 254, 0.72);
  border: 0;
  box-shadow: none;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__intro-icon .ua-icon {
  width: 48%;
  height: 48%;
  stroke-width: 2.65;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__eyebrow {
  margin: 0 0 34px;
  padding: 0 0 22px;
  display: block;
  color: #071936;
  font-size: clamp(38px, 3vw, 64px);
  line-height: 1.03;
  font-weight: 900;
  letter-spacing: -0.055em;
  text-transform: none;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__eyebrow::after {
  left: 0;
  right: auto;
  top: auto;
  bottom: 0;
  width: clamp(76px, 6vw, 118px);
  height: 4px;
  border-radius: 999px;
  background: #f8c600;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__intro > p:not(.ua-shell-mega__eyebrow) {
  max-width: 360px;
  margin: 0;
  color: #243956;
  font-size: clamp(15px, 1.15vw, 21px);
  line-height: 1.55;
  font-weight: 500;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__all {
  margin-top: clamp(36px, 3.8vw, 70px);
  display: inline-flex;
  width: fit-content;
  gap: 14px;
  align-items: center;
  color: #0864e8;
  font-size: clamp(16px, 1.22vw, 22px);
  font-weight: 800;
  text-decoration: none;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__all .ua-icon {
  width: 25px;
  height: 25px;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__links {
  min-height: 0;
  height: clamp(520px, 43vw, 760px);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__links > a.ua-shell-mega__tool-card {
  min-width: 0;
  min-height: 0;
  padding: clamp(24px, 2vw, 40px);
  display: grid;
  grid-template-columns: clamp(58px, 4.8vw, 88px) minmax(0, 1fr) 28px;
  grid-template-rows: auto minmax(0, 1fr) auto;
  column-gap: clamp(18px, 1.6vw, 28px);
  row-gap: 16px;
  align-items: start;
  border: 1px solid #d7e3f3;
  border-radius: 10px;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.98) 0%, rgba(246, 251, 255, 0.96) 100%);
  box-shadow: 0 16px 34px rgba(15, 55, 103, 0.09);
  overflow: hidden;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__tool-card::before {
  content: none;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__link-icon {
  grid-column: 1;
  grid-row: 1;
  width: clamp(58px, 4.8vw, 88px);
  height: clamp(58px, 4.8vw, 88px);
  color: #0b63e5;
  background: #eef5ff;
  border: 0;
  border-radius: 12px;
  box-shadow: none;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__link-icon .ua-icon {
  width: 45%;
  height: 45%;
  stroke-width: 2.4;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__tool-card > span:not(.ua-shell-mega__link-icon):not(.ua-shell-mega__status):not(.ua-shell-mega__open) {
  grid-column: 1 / 4;
  grid-row: 2;
  min-width: 0;
  align-self: start;
  padding-right: 0;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__links strong {
  margin: 0 0 12px;
  display: -webkit-box;
  color: #071936;
  font-size: clamp(17px, 1.18vw, 22px);
  line-height: 1.18;
  font-weight: 850;
  letter-spacing: -0.035em;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  overflow-wrap: anywhere;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__links small {
  display: block;
  color: #50617b;
  font-size: clamp(13.5px, 0.94vw, 17px);
  line-height: 1.38;
  font-weight: 500;
  overflow-wrap: anywhere;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__status {
  position: static;
  grid-column: 3;
  grid-row: 1;
  justify-self: end;
  min-width: 76px;
  min-height: 34px;
  padding: 7px 14px;
  border-radius: 10px;
  color: #13823a;
  background: #d9f8e4;
  font-size: clamp(14px, 1vw, 18px);
  line-height: 1;
  font-weight: 800;
  white-space: nowrap;
  box-shadow: none;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__open {
  grid-column: 1 / 3;
  grid-row: 3;
  justify-self: start;
  align-self: end;
  width: clamp(142px, 11vw, 190px);
  min-height: clamp(42px, 3.4vw, 54px);
  padding: 11px 18px;
  border-radius: 7px;
  color: #fff;
  background: linear-gradient(180deg, #0b73ff 0%, #0058d8 100%);
  font-size: clamp(14px, 1vw, 18px);
  font-weight: 800;
  box-shadow: 0 10px 18px rgba(0, 92, 219, 0.2);
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__arrow {
  position: static;
  grid-column: 3;
  grid-row: 3;
  justify-self: end;
  align-self: end;
  width: clamp(28px, 2.3vw, 36px);
  height: clamp(28px, 2.3vw, 36px);
  color: #0864e8;
  transform: none;
  opacity: 1;
}

@media (max-width: 1519px) {
  .ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__inner {
    width: min(100% - 70px, 1380px);
    grid-template-columns: minmax(330px, 392px) minmax(0, 1fr);
    gap: 18px;
    padding: 26px 28px;
  }

  .ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__intro,
  .ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__links {
    height: auto;
  }

  .ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(3, minmax(190px, auto));
    gap: 18px;
  }

  .ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__links > a.ua-shell-mega__tool-card {
    min-height: 190px;
    padding: 24px 22px 22px;
    grid-template-columns: 64px minmax(0, 1fr) 26px;
  }

  .ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__link-icon {
    width: 64px;
    height: 64px;
  }

  .ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__links strong {
    font-size: 17px;
    line-height: 1.2;
  }

  .ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__links small {
    font-size: 14px;
    line-height: 1.38;
  }

  .ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__status {
    min-width: 72px;
    min-height: 30px;
    padding: 6px 11px;
    font-size: 14px;
  }

  .ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__open {
    width: 146px;
    min-height: 40px;
    font-size: 14px;
  }
}

@media (max-width: 1359px) and (min-width: 1200px) {
  .ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__inner {
    grid-template-columns: minmax(300px, 350px) minmax(0, 1fr);
    width: min(100% - 42px, 1240px);
    padding: 24px;
  }

  .ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__intro {
    min-height: 592px;
    padding: 30px;
  }

  .ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__intro::after {
    width: 250px;
    height: 210px;
  }

  .ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__eyebrow {
    font-size: 39px;
    margin-bottom: 24px;
    padding-bottom: 18px;
  }

  .ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__intro > p:not(.ua-shell-mega__eyebrow) {
    font-size: 15px;
  }

  .ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__tool-card > span:not(.ua-shell-mega__link-icon):not(.ua-shell-mega__status):not(.ua-shell-mega__open) {
    padding-right: 44px;
  }
}

@media (max-width: 1199px) {
  .ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__inner {
    width: min(100% - 38px, 980px);
    grid-template-columns: 1fr;
  }

  .ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__intro,
  .ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__links {
    height: auto;
  }

  .ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__intro {
    min-height: 380px;
  }

  .ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .ua-shell-header--jobs .ua-shell-mega--jobs {
    padding: 14px 0 20px;
  }

  .ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__inner {
    width: min(100% - 22px, 620px);
    padding: 16px;
  }

  .ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__links {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__links > a.ua-shell-mega__tool-card {
    min-height: 190px;
    padding: 20px;
  }
}

/* İş Ara üst barı: kullanıcının verdiği referans menü sırası ve oranları. */
.ua-shell-header--jobs {
  --ua-shell-header-height: 108px;
}

.ua-shell-header--jobs .ua-shell-header__desktop {
  width: 100%;
  max-width: none;
  min-height: 108px;
  padding-inline: clamp(54px, 3.65vw, 72px);
  gap: clamp(44px, 5vw, 96px);
}

.ua-shell-header--jobs .ua-shell-brand--image,
.ua-shell-header--jobs .ua-shell-brand {
  position: relative;
  min-width: clamp(238px, 15vw, 292px);
  padding-inline-end: clamp(34px, 4.8vw, 88px);
  border-inline-end: 0;
}

.ua-shell-header--jobs .ua-shell-brand--image .ua-shell-brand__mark {
  position: relative;
  width: clamp(210px, 13vw, 260px);
  height: 82px;
  flex-basis: clamp(210px, 13vw, 260px);
  display: block;
}

.ua-shell-header--jobs .ua-shell-brand--image .ua-shell-brand-logo {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: left center;
  opacity: 0;
}

.ua-shell-header--jobs .ua-shell-brand--image .ua-shell-brand__mark::before {
  content: "A’dan Z’ye";
  position: absolute;
  left: 58px;
  top: 13px;
  color: #fff;
  font: 900 clamp(24px, 1.9vw, 37px)/1 Manrope, Inter, system-ui, sans-serif;
  letter-spacing: -0.045em;
  white-space: nowrap;
  text-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.ua-shell-header--jobs .ua-shell-brand--image .ua-shell-brand__mark::after {
  content: "İNŞAAT AKADEMİSİ";
  position: absolute;
  left: 60px;
  top: 52px;
  color: #fff;
  font: 850 clamp(11px, .85vw, 16px)/1 Manrope, Inter, system-ui, sans-serif;
  letter-spacing: .18em;
  white-space: nowrap;
}

.ua-shell-header--jobs .ua-shell-brand::before {
  content: "A";
  position: absolute;
  left: 0;
  top: 50%;
  width: 48px;
  height: 58px;
  transform: translateY(-50%);
  color: #fff;
  font: 950 54px/1 Manrope, Inter, system-ui, sans-serif;
  letter-spacing: -0.18em;
}

.ua-shell-header--jobs .ua-shell-brand::after {
  content: "";
  position: absolute;
  left: 30px;
  top: 46px;
  width: 32px;
  height: 8px;
  border-radius: 999px;
  background: #ffc400;
  transform: rotate(-14deg);
}

.ua-shell-header--jobs .ua-shell-nav {
  flex: 1 1 auto;
  max-width: none;
}

.ua-shell-header--jobs .ua-shell-nav > ul {
  justify-content: center;
  gap: clamp(32px, 3.35vw, 72px);
}

.ua-shell-header--jobs .ua-shell-nav__trigger,
.ua-shell-header--jobs .ua-shell-nav__direct {
  min-height: 108px;
  padding: 0;
  gap: 8px;
  color: #ffffff;
  font-size: clamp(16px, 1.12vw, 21px);
  font-weight: 700;
  letter-spacing: -0.025em;
  background: transparent;
}

.ua-shell-header--jobs .ua-shell-nav__trigger > .ua-icon {
  width: 16px;
  height: 16px;
  stroke-width: 2.5;
}

.ua-shell-header--jobs .ua-shell-nav__trigger::after,
.ua-shell-header--jobs .ua-shell-nav__direct::after {
  inset-inline: 0;
  inset-block-end: 11px;
  height: 5px;
  border-radius: 999px;
  background: #ffc400;
}

.ua-shell-header--jobs .ua-shell-nav__trigger:hover,
.ua-shell-header--jobs .ua-shell-nav__trigger.is-active,
.ua-shell-header--jobs .ua-shell-nav__item.is-open .ua-shell-nav__trigger,
.ua-shell-header--jobs .ua-shell-nav__direct:hover,
.ua-shell-header--jobs .ua-shell-nav__direct.is-active {
  color: #ffc400;
  background: transparent;
}

.ua-shell-header--jobs .ua-shell-actions {
  margin-inline-start: clamp(20px, 3vw, 58px);
  gap: clamp(22px, 2vw, 34px);
}

.ua-shell-header--jobs .ua-shell-icon-button {
  width: 48px;
  min-height: 48px;
}

.ua-shell-header--jobs .ua-shell-icon-button .ua-icon {
  width: 34px;
  height: 34px;
  stroke-width: 2;
}

.ua-shell-header--jobs .ua-shell-jobs-action-divider {
  height: 48px;
}

.ua-shell-header--jobs .ua-shell-mega--jobs {
  top: 108px;
  padding: 36px 0 54px;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__inner {
  width: min(100% - 126px, 1780px);
  padding: 34px;
  grid-template-columns: minmax(390px, 462px) minmax(0, 1fr);
  gap: 24px;
  border-radius: 10px;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__intro,
.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__links {
  height: clamp(580px, 40vw, 690px);
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__links {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__links > a.ua-shell-mega__tool-card {
  min-height: 0;
  padding: clamp(28px, 1.9vw, 38px);
  grid-template-columns: clamp(68px, 4.6vw, 88px) minmax(0, 1fr) 34px;
  grid-template-rows: auto minmax(0, 1fr) auto;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__link-icon {
  width: clamp(68px, 4.6vw, 88px);
  height: clamp(68px, 4.6vw, 88px);
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__links strong {
  font-size: clamp(19px, 1.2vw, 24px);
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__links small {
  font-size: clamp(14px, 0.92vw, 17px);
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__open {
  width: clamp(158px, 10.8vw, 188px);
  min-height: clamp(46px, 3.1vw, 54px);
}

@media (max-width: 1540px) and (min-width: 1200px) {
  .ua-shell-header--jobs .ua-shell-header__desktop {
    padding-inline: 30px;
    gap: 30px;
  }

  .ua-shell-header--jobs .ua-shell-brand--image,
  .ua-shell-header--jobs .ua-shell-brand {
    min-width: 200px;
    padding-inline-end: 26px;
  }

  .ua-shell-header--jobs .ua-shell-brand--image .ua-shell-brand__mark {
    width: 178px;
    height: 72px;
    flex-basis: 178px;
  }

  .ua-shell-header--jobs .ua-shell-nav > ul {
    gap: clamp(24px, 2.35vw, 38px);
  }

  .ua-shell-header--jobs .ua-shell-nav__trigger,
  .ua-shell-header--jobs .ua-shell-nav__direct {
    font-size: 15.5px;
  }

  .ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__inner {
    width: min(100% - 58px, 1410px);
    grid-template-columns: minmax(330px, 390px) minmax(0, 1fr);
    padding: 28px;
  }

  .ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__intro,
  .ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__links {
    height: auto;
  }

  .ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__intro {
    min-height: 620px;
  }

  .ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__links {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(298px, auto));
    gap: 18px;
  }

  .ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__links > a.ua-shell-mega__tool-card {
    padding: 24px 22px;
    grid-template-columns: 64px minmax(0, 1fr) 30px;
  }

  .ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__link-icon {
    width: 64px;
    height: 64px;
  }

  .ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__links strong {
    font-size: 17px;
  }

  .ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__links small {
    font-size: 13.2px;
    line-height: 1.36;
  }

  .ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__open {
    width: 142px;
    min-height: 42px;
    font-size: 13.5px;
  }
}

/* İş Ara üst menüsü — referans görseldeki kompakt panel ölçüleri */
.ua-shell-header--jobs .ua-shell-mega--jobs {
  padding: 24px 0 28px !important;
  background:
    radial-gradient(circle at 3% 16%, rgba(28, 133, 255, .12) 0 1px, transparent 1.35px) 0 0 / 12px 12px,
    linear-gradient(180deg, #f8fbff 0%, #eef6ff 100%) !important;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__inner {
  width: min(100% - 96px, 1176px) !important;
  max-width: 1176px !important;
  display: grid !important;
  grid-template-columns: 350px minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: stretch !important;
  padding: 24px !important;
  border: 1px solid #dbe7f5 !important;
  border-radius: 7px !important;
  background: rgba(255, 255, 255, .94) !important;
  box-shadow: 0 22px 46px rgba(8, 31, 66, .10) !important;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__intro,
.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__links {
  height: 512px !important;
  min-height: 0 !important;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__intro {
  padding: 42px 38px 34px !important;
  border: 1px solid #d9e6f5 !important;
  border-radius: 8px !important;
  background:
    radial-gradient(circle at 69% 43%, rgba(18, 104, 243, .08), transparent 170px),
    linear-gradient(150deg, #ffffff 0%, #eef7ff 100%) !important;
  box-shadow: none !important;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__intro::before {
  right: 24px !important;
  bottom: -72px !important;
  width: 245px !important;
  height: 230px !important;
  opacity: .86 !important;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__intro::after {
  right: 54px !important;
  bottom: 176px !important;
  width: 205px !important;
  height: 154px !important;
  opacity: .9 !important;
  transform: scale(1.08) !important;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__intro-icon {
  width: 68px !important;
  height: 68px !important;
  margin: 0 auto 164px !important;
  border-radius: 999px !important;
  color: #1268f3 !important;
  background: #eaf3ff !important;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__intro-icon .ua-icon {
  width: 32px !important;
  height: 32px !important;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__eyebrow {
  margin: 0 0 42px !important;
  color: #092450 !important;
  font-size: 38px !important;
  font-weight: 950 !important;
  line-height: .98 !important;
  letter-spacing: -.055em !important;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__eyebrow::after {
  bottom: -20px !important;
  width: 84px !important;
  height: 3px !important;
  background: #f4b400 !important;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__intro > p:not(.ua-shell-mega__eyebrow) {
  max-width: 286px !important;
  color: #263d5d !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.55 !important;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__all {
  margin-top: 48px !important;
  color: #0865ee !important;
  font-size: 15px !important;
  font-weight: 950 !important;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__all .ua-icon {
  width: 20px !important;
  height: 20px !important;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__links {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-content: stretch !important;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__links > a.ua-shell-mega__tool-card {
  display: grid !important;
  height: 247px !important;
  min-height: 0 !important;
  grid-template-columns: 58px minmax(0, 1fr) 28px !important;
  grid-template-rows: 58px minmax(96px, 1fr) 44px !important;
  gap: 12px 14px !important;
  overflow: hidden !important;
  padding: 24px 22px 22px !important;
  border: 1px solid #d9e6f6 !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, .97) !important;
  box-shadow: none !important;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__link-icon {
  width: 58px !important;
  height: 58px !important;
  border-radius: 12px !important;
  color: #1268f3 !important;
  background: #eef5ff !important;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__link-icon .ua-icon {
  width: 28px !important;
  height: 28px !important;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__tool-card > span:not(.ua-shell-mega__link-icon):not(.ua-shell-mega__status):not(.ua-shell-mega__open) {
  grid-column: 1 / -1 !important;
  min-width: 0 !important;
  align-self: end !important;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__links strong {
  display: block !important;
  max-width: 178px !important;
  padding: 0 !important;
  color: #092450 !important;
  font-size: 17px !important;
  font-weight: 950 !important;
  line-height: 1.08 !important;
  letter-spacing: -.035em !important;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__links small {
  display: -webkit-box !important;
  max-width: 190px !important;
  margin-top: 9px !important;
  overflow: hidden !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  color: #536986 !important;
  font-size: 12.5px !important;
  font-weight: 650 !important;
  line-height: 1.34 !important;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__status {
  top: 24px !important;
  right: 22px !important;
  padding: 5px 10px !important;
  border-radius: 8px !important;
  font-size: 12.5px !important;
  font-weight: 950 !important;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__open {
  grid-column: 1 / span 2 !important;
  align-self: end !important;
  justify-self: start !important;
  width: 158px !important;
  min-height: 41px !important;
  margin: 0 !important;
  border-radius: 7px !important;
  font-size: 14px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  background: linear-gradient(180deg, #1974ff, #075bdc) !important;
  box-shadow: 0 11px 21px rgba(13, 89, 219, .22) !important;
}

.ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__arrow {
  right: 24px !important;
  bottom: 30px !important;
  width: 24px !important;
  height: 24px !important;
  color: #0871f4 !important;
}

@media (min-width: 1200px) and (max-width: 1320px) {
  .ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__inner {
    width: min(100% - 48px, 1176px) !important;
    grid-template-columns: 350px minmax(0, 1fr) !important;
    padding: 24px !important;
  }

  .ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__links > a.ua-shell-mega__tool-card {
    padding: 24px 22px 22px !important;
  }
}

@media (max-width: 1199px) {
  .ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__inner {
    width: min(100% - 32px, 760px) !important;
    grid-template-columns: 1fr !important;
  }

  .ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__intro {
    height: auto !important;
    min-height: 290px !important;
  }

  .ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__links {
    height: auto !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: none !important;
  }

  .ua-shell-header--jobs .ua-shell-mega--jobs .ua-shell-mega__links > a.ua-shell-mega__tool-card {
    height: auto !important;
    min-height: 210px !important;
  }
}

/* Eğitim sayfaları — referans görseldeki sade üst menü */
.ua-shell-header--courses {
  min-height: 82px;
  border-block-end: 1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 4% 0%, rgba(25,105,255,.18), transparent 30%),
    linear-gradient(180deg, #071f3d 0%, #061b35 100%);
}

.ua-shell-header--courses .ua-shell-header__desktop {
  width: min(100%, 1536px);
  min-height: 82px;
  padding-inline: 28px;
  gap: clamp(28px, 4vw, 78px);
}

.ua-shell-header--courses .ua-shell-brand,
.ua-shell-header--courses .ua-shell-brand--image {
  min-width: 230px;
  padding-inline-end: 26px;
}

.ua-shell-header--courses .ua-shell-brand--image .ua-shell-brand__mark {
  width: 230px;
  height: 64px;
  flex-basis: 230px;
}

.ua-shell-header--courses .ua-shell-nav > ul {
  justify-content: center;
  gap: clamp(26px, 3.05vw, 48px);
}

.ua-shell-header--courses .ua-shell-nav__trigger,
.ua-shell-header--courses .ua-shell-nav__direct {
  padding-inline: 0;
  color: #f7fbff;
  font-size: clamp(13px, .82vw, 15px);
  font-weight: 760;
}

.ua-shell-header--courses .ua-shell-nav__trigger::after,
.ua-shell-header--courses .ua-shell-nav__direct::after {
  inset-inline: 0;
  height: 3px;
  background: #f4b400;
}

.ua-shell-header--courses .ua-shell-nav__trigger:hover,
.ua-shell-header--courses .ua-shell-nav__trigger.is-active,
.ua-shell-header--courses .ua-shell-nav__item.is-open .ua-shell-nav__trigger,
.ua-shell-header--courses .ua-shell-nav__direct:hover,
.ua-shell-header--courses .ua-shell-nav__direct.is-active {
  color: #fff;
  background: transparent;
}

.ua-shell-header--courses .ua-shell-ai-button {
  display: none;
}

.ua-shell-header--courses .ua-shell-actions {
  gap: 12px;
}

.ua-shell-header--courses .ua-shell-icon-button {
  width: 42px;
  min-height: 42px;
  border: 0;
  color: #fff;
  background: transparent;
}

.ua-shell-header--courses .ua-shell-icon-button .ua-icon {
  width: 23px;
  height: 23px;
}

.ua-shell-header--courses .ua-shell-login {
  min-height: 40px;
  padding-inline: 14px;
  color: #fff;
  border-color: transparent;
  background: transparent;
}

.ua-shell-header--courses .ua-shell-signup {
  min-height: 42px;
  padding-inline: 18px;
  color: #071a34;
  background: #ffc400;
  border-color: #ffc400;
}

/* İş Ara üst menüsü — Profesyonel Araçlar gibi yatay/dikdörtgen son ölçü */
.ua-shell-header .ua-shell-mega--jobs {
  padding: 18px 0 22px !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__inner {
  width: min(100% - 64px, 1540px) !important;
  max-width: 1540px !important;
  grid-template-columns: 360px minmax(0, 1fr) !important;
  gap: 28px !important;
  padding: 20px 28px !important;
  border-radius: 12px !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__intro,
.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__links {
  height: 438px !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__intro {
  padding: 28px 26px 26px !important;
  border-radius: 12px !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__intro-icon {
  width: 58px !important;
  height: 58px !important;
  margin: 0 auto 132px !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__intro-icon .ua-icon {
  width: 28px !important;
  height: 28px !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__eyebrow {
  margin-bottom: 36px !important;
  font-size: 33px !important;
  letter-spacing: -.045em !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__intro > p:not(.ua-shell-mega__eyebrow) {
  max-width: 292px !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__all {
  margin-top: 38px !important;
  font-size: 14px !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__links {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(2, 210px) !important;
  gap: 18px 22px !important;
  align-content: stretch !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__links > a.ua-shell-mega__tool-card {
  height: 210px !important;
  min-height: 210px !important;
  grid-template-columns: 50px minmax(0, 1fr) 22px !important;
  grid-template-rows: 50px minmax(70px, 1fr) 40px !important;
  gap: 10px 14px !important;
  padding: 20px 22px 18px !important;
  border-radius: 12px !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__link-icon {
  width: 50px !important;
  height: 50px !important;
  border-radius: 12px !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__link-icon .ua-icon {
  width: 24px !important;
  height: 24px !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__links strong {
  max-width: 230px !important;
  font-size: 15px !important;
  line-height: 1.12 !important;
  letter-spacing: -.025em !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__links small {
  max-width: 245px !important;
  margin-top: 7px !important;
  font-size: 12px !important;
  line-height: 1.32 !important;
  -webkit-line-clamp: 2 !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__status {
  top: 18px !important;
  right: 20px !important;
  height: 29px !important;
  padding: 0 10px !important;
  font-size: 12px !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__open {
  grid-column: 2 / 3 !important;
  width: 100% !important;
  max-width: 260px !important;
  min-height: 39px !important;
  justify-self: stretch !important;
  font-size: 13px !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__arrow {
  right: 20px !important;
  bottom: 24px !important;
  width: 22px !important;
  height: 22px !important;
}

@media (max-width: 1320px) and (min-width: 1280px) {
  .ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__inner {
    width: min(100% - 32px, 1240px) !important;
    grid-template-columns: 330px minmax(0, 1fr) !important;
    gap: 18px !important;
    padding: 20px !important;
  }

  .ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__links {
    gap: 16px !important;
  }

  .ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__links > a.ua-shell-mega__tool-card {
    padding: 18px 18px 17px !important;
  }

  .ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__links strong {
    font-size: 14.5px !important;
  }
}

/* Usta & Hizmet Bul üst menüsü — Pazar menüsüyle aynı dikdörtgen kart sistemi */
.ua-shell-header .ua-shell-mega--services {
  padding: 18px 0 22px !important;
  background:
    radial-gradient(circle at 4px 4px, rgba(21, 112, 239, .15) 1px, transparent 1.25px) 0 0 / 13px 13px,
    linear-gradient(180deg, #f8fbff 0%, #eef6ff 100%) !important;
}

.ua-shell-header .ua-shell-mega--services .ua-shell-mega__inner {
  width: min(100% - 64px, 1540px) !important;
  max-width: 1540px !important;
  display: grid !important;
  grid-template-columns: 360px minmax(0, 1fr) !important;
  gap: 28px !important;
  align-items: stretch !important;
  margin-inline: auto !important;
  padding: 20px 28px !important;
  border: 1px solid #dbe7f5 !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: 0 20px 44px rgba(8, 31, 66, .10) !important;
}

.ua-shell-header .ua-shell-mega--services .ua-shell-mega__intro,
.ua-shell-header .ua-shell-mega--services .ua-shell-mega__links {
  height: 438px !important;
  min-height: 0 !important;
}

.ua-shell-header .ua-shell-mega--services .ua-shell-mega__intro {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  overflow: hidden !important;
  padding: 28px 26px 26px !important;
  border: 1px solid #d9e6f5 !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, rgba(246, 250, 255, .16), rgba(236, 246, 255, .88)),
    linear-gradient(90deg, rgba(245, 250, 255, .98) 0%, rgba(245, 250, 255, .88) 40%, rgba(245, 250, 255, .18) 100%),
    url("../assets/images/content/mega-usta-hizmet-bul-v1.png") center / cover no-repeat !important;
  box-shadow: none !important;
}

.ua-shell-header .ua-shell-mega--services .ua-shell-mega__intro > * {
  position: relative !important;
  z-index: 1 !important;
}

.ua-shell-header .ua-shell-mega--services .ua-shell-mega__intro-icon {
  width: 58px !important;
  height: 58px !important;
  margin: 0 0 148px !important;
  border-radius: 12px !important;
  color: #1268f3 !important;
  background: #eaf3ff !important;
  box-shadow: 0 16px 30px rgba(18, 102, 241, .10) !important;
}

.ua-shell-header .ua-shell-mega--services .ua-shell-mega__intro-icon .ua-icon {
  width: 28px !important;
  height: 28px !important;
}

.ua-shell-header .ua-shell-mega--services .ua-shell-mega__eyebrow {
  position: relative !important;
  margin: 0 0 34px !important;
  color: #092450 !important;
  font-size: 31px !important;
  font-weight: 950 !important;
  line-height: 1.02 !important;
  letter-spacing: -.045em !important;
}

.ua-shell-header .ua-shell-mega--services .ua-shell-mega__eyebrow::after {
  position: absolute !important;
  left: 0 !important;
  bottom: -16px !important;
  width: 84px !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: #f4b400 !important;
  content: "" !important;
}

.ua-shell-header .ua-shell-mega--services .ua-shell-mega__intro > p:not(.ua-shell-mega__eyebrow) {
  max-width: 292px !important;
  margin: 0 !important;
  color: #263d5d !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.5 !important;
}

.ua-shell-header .ua-shell-mega--services .ua-shell-mega__all {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-top: 36px !important;
  color: #0865ee !important;
  font-size: 14px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

.ua-shell-header .ua-shell-mega--services .ua-shell-mega__links {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(2, 210px) !important;
  gap: 18px 22px !important;
  align-content: stretch !important;
}

.ua-shell-header .ua-shell-mega--services .ua-shell-mega__links > a.ua-shell-mega__tool-card {
  position: relative !important;
  display: grid !important;
  height: 210px !important;
  min-height: 210px !important;
  grid-template-columns: 50px minmax(0, 1fr) 22px !important;
  grid-template-rows: 50px minmax(70px, 1fr) 40px !important;
  gap: 10px 14px !important;
  overflow: hidden !important;
  padding: 20px 22px 18px !important;
  border: 1px solid #d9e6f6 !important;
  border-radius: 12px !important;
  color: #092450 !important;
  background: rgba(255, 255, 255, .98) !important;
  box-shadow: none !important;
  transform: none !important;
}

.ua-shell-header .ua-shell-mega--services .ua-shell-mega__tool-card::before {
  background:
    radial-gradient(circle at 16% 16%, rgba(21, 112, 239, .055), transparent 34%),
    linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(243, 248, 255, .90)) !important;
}

.ua-shell-header .ua-shell-mega--services .ua-shell-mega__link-icon {
  width: 50px !important;
  height: 50px !important;
  border-radius: 12px !important;
  color: #1268f3 !important;
  background: #eef5ff !important;
}

.ua-shell-header .ua-shell-mega--services .ua-shell-mega__link-icon .ua-icon {
  width: 24px !important;
  height: 24px !important;
}

.ua-shell-header .ua-shell-mega--services .ua-shell-mega__tool-card > span:not(.ua-shell-mega__link-icon):not(.ua-shell-mega__status):not(.ua-shell-mega__open) {
  grid-column: 1 / -1 !important;
  min-width: 0 !important;
  align-self: end !important;
}

.ua-shell-header .ua-shell-mega--services .ua-shell-mega__links strong {
  display: -webkit-box !important;
  max-width: 230px !important;
  margin: 0 !important;
  overflow: hidden !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  color: #092450 !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  line-height: 1.12 !important;
  letter-spacing: -.025em !important;
}

.ua-shell-header .ua-shell-mega--services .ua-shell-mega__links small {
  display: -webkit-box !important;
  max-width: 245px !important;
  margin-top: 7px !important;
  overflow: hidden !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  color: #536986 !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1.32 !important;
}

.ua-shell-header .ua-shell-mega--services .ua-shell-mega__status {
  top: 18px !important;
  right: 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  height: 29px !important;
  padding: 0 10px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.ua-shell-header .ua-shell-mega--services .ua-shell-mega__open {
  grid-column: 2 / 3 !important;
  align-self: end !important;
  justify-self: stretch !important;
  width: 100% !important;
  max-width: 260px !important;
  min-height: 39px !important;
  margin: 0 !important;
  border-radius: 7px !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  background: linear-gradient(180deg, #1974ff, #075bdc) !important;
  box-shadow: 0 11px 21px rgba(13, 89, 219, .22) !important;
}

.ua-shell-header .ua-shell-mega--services .ua-shell-mega__arrow {
  position: absolute !important;
  right: 20px !important;
  bottom: 24px !important;
  width: 22px !important;
  height: 22px !important;
  margin: 0 !important;
  color: #0871f4 !important;
}

@media (max-width: 1320px) and (min-width: 1280px) {
  .ua-shell-header .ua-shell-mega--services .ua-shell-mega__inner {
    width: min(100% - 32px, 1240px) !important;
    grid-template-columns: 330px minmax(0, 1fr) !important;
    gap: 18px !important;
    padding: 20px !important;
  }

  .ua-shell-header .ua-shell-mega--services .ua-shell-mega__links {
    gap: 16px !important;
  }

  .ua-shell-header .ua-shell-mega--services .ua-shell-mega__links > a.ua-shell-mega__tool-card {
    padding: 18px 18px 17px !important;
  }

  .ua-shell-header .ua-shell-mega--services .ua-shell-mega__links strong {
    font-size: 14.5px !important;
  }
}

/* İş Ara mega menüsü — tüm header türlerinde aynı kompakt referans tasarım */
.ua-shell-header .ua-shell-mega--jobs {
  padding: 22px 0 26px !important;
  background:
    radial-gradient(circle at 4px 4px, rgba(21, 112, 239, .16) 1px, transparent 1.25px) 0 0 / 13px 13px,
    linear-gradient(180deg, #f8fbff 0%, #eef6ff 100%) !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__inner {
  width: min(100% - 56px, 1180px) !important;
  max-width: 1180px !important;
  display: grid !important;
  grid-template-columns: 350px minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: stretch !important;
  margin-inline: auto !important;
  padding: 24px !important;
  border: 1px solid #dbe7f5 !important;
  border-radius: 7px !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: 0 20px 44px rgba(8, 31, 66, .10) !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__intro,
.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__links {
  height: 512px !important;
  min-height: 0 !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__intro {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  overflow: hidden !important;
  padding: 40px 38px 34px !important;
  border: 1px solid #d9e6f5 !important;
  border-radius: 8px !important;
  background:
    radial-gradient(circle at 68% 42%, rgba(21, 112, 239, .10), transparent 170px),
    linear-gradient(150deg, #ffffff 0%, #eef7ff 100%) !important;
  box-shadow: none !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__intro::before {
  right: 24px !important;
  bottom: -72px !important;
  width: 245px !important;
  height: 230px !important;
  opacity: .86 !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__intro::after {
  right: 54px !important;
  bottom: 176px !important;
  width: 205px !important;
  height: 154px !important;
  opacity: .9 !important;
  transform: scale(1.08) !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__intro > * {
  position: relative !important;
  z-index: 1 !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__intro-icon {
  width: 68px !important;
  height: 68px !important;
  margin: 0 auto 162px !important;
  border-radius: 999px !important;
  color: #1268f3 !important;
  background: #eaf3ff !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__intro-icon .ua-icon {
  width: 31px !important;
  height: 31px !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__eyebrow {
  position: relative !important;
  margin: 0 0 42px !important;
  color: #092450 !important;
  font-size: 37px !important;
  font-weight: 950 !important;
  line-height: .98 !important;
  letter-spacing: -.055em !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__eyebrow::after {
  position: absolute !important;
  left: 0 !important;
  bottom: -20px !important;
  width: 84px !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: #f4b400 !important;
  content: "" !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__intro > p:not(.ua-shell-mega__eyebrow) {
  max-width: 286px !important;
  margin: 0 !important;
  color: #263d5d !important;
  font-size: 13.5px !important;
  font-weight: 650 !important;
  line-height: 1.55 !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__all {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-top: 48px !important;
  color: #0865ee !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__all .ua-icon {
  width: 20px !important;
  height: 20px !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__links {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-content: stretch !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__links > a.ua-shell-mega__tool-card {
  position: relative !important;
  display: grid !important;
  height: 247px !important;
  min-height: 0 !important;
  grid-template-columns: 58px minmax(0, 1fr) 24px !important;
  grid-template-rows: 58px minmax(90px, 1fr) 40px !important;
  gap: 12px 14px !important;
  overflow: hidden !important;
  padding: 24px 22px 20px !important;
  border: 1px solid #d9e6f6 !important;
  border-radius: 8px !important;
  color: #092450 !important;
  background: rgba(255, 255, 255, .98) !important;
  box-shadow: none !important;
  transform: none !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__tool-card::before {
  background:
    radial-gradient(circle at 16% 16%, rgba(21, 112, 239, .055), transparent 34%),
    linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(243, 248, 255, .90)) !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__link-icon {
  width: 58px !important;
  height: 58px !important;
  border-radius: 12px !important;
  color: #1268f3 !important;
  background: #eef5ff !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__link-icon .ua-icon {
  width: 27px !important;
  height: 27px !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__tool-card > span:not(.ua-shell-mega__link-icon):not(.ua-shell-mega__status):not(.ua-shell-mega__open) {
  grid-column: 1 / -1 !important;
  min-width: 0 !important;
  align-self: end !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__links strong {
  display: -webkit-box !important;
  max-width: 178px !important;
  margin: 0 !important;
  overflow: hidden !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  color: #092450 !important;
  font-size: 16px !important;
  font-weight: 950 !important;
  line-height: 1.08 !important;
  letter-spacing: -.035em !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__links small {
  display: -webkit-box !important;
  max-width: 190px !important;
  margin-top: 9px !important;
  overflow: hidden !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  color: #536986 !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1.34 !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__status {
  top: 24px !important;
  right: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  height: 31px !important;
  padding: 0 10px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__open {
  grid-column: 1 / span 2 !important;
  align-self: end !important;
  justify-self: start !important;
  width: 158px !important;
  min-height: 39px !important;
  margin: 0 !important;
  border-radius: 7px !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  background: linear-gradient(180deg, #1974ff, #075bdc) !important;
  box-shadow: 0 11px 21px rgba(13, 89, 219, .22) !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__arrow {
  position: absolute !important;
  right: 24px !important;
  bottom: 28px !important;
  width: 23px !important;
  height: 23px !important;
  margin: 0 !important;
  color: #0871f4 !important;
}

@media (max-width: 1320px) and (min-width: 1280px) {
  .ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__inner {
    width: min(100% - 32px, 1180px) !important;
    grid-template-columns: 350px minmax(0, 1fr) !important;
    gap: 18px !important;
    padding: 22px !important;
  }

  .ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__links {
    gap: 16px !important;
  }

  .ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__links > a.ua-shell-mega__tool-card {
    padding: 22px 20px 19px !important;
  }
}

/* İş Ara üst menüsü — final: kare değil, Profesyonel Araçlar gibi dikdörtgen */
.ua-shell-header .ua-shell-mega--jobs {
  padding: 18px 0 22px !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__inner {
  width: min(100% - 64px, 1540px) !important;
  max-width: 1540px !important;
  grid-template-columns: 360px minmax(0, 1fr) !important;
  gap: 28px !important;
  padding: 20px 28px !important;
  border-radius: 12px !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__intro,
.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__links {
  height: 438px !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__intro {
  padding: 28px 26px 26px !important;
  border-radius: 12px !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__intro-icon {
  width: 58px !important;
  height: 58px !important;
  margin: 0 auto 132px !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__intro-icon .ua-icon {
  width: 28px !important;
  height: 28px !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__eyebrow {
  margin-bottom: 36px !important;
  font-size: 33px !important;
  letter-spacing: -.045em !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__intro > p:not(.ua-shell-mega__eyebrow) {
  max-width: 292px !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__all {
  margin-top: 38px !important;
  font-size: 14px !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__links {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(2, 210px) !important;
  gap: 18px 22px !important;
  align-content: stretch !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__links > a.ua-shell-mega__tool-card {
  height: 210px !important;
  min-height: 210px !important;
  grid-template-columns: 50px minmax(0, 1fr) 22px !important;
  grid-template-rows: 50px minmax(70px, 1fr) 40px !important;
  gap: 10px 14px !important;
  padding: 20px 22px 18px !important;
  border-radius: 12px !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__link-icon {
  width: 50px !important;
  height: 50px !important;
  border-radius: 12px !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__link-icon .ua-icon {
  width: 24px !important;
  height: 24px !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__links strong {
  max-width: 230px !important;
  font-size: 15px !important;
  line-height: 1.12 !important;
  letter-spacing: -.025em !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__links small {
  max-width: 245px !important;
  margin-top: 7px !important;
  font-size: 12px !important;
  line-height: 1.32 !important;
  -webkit-line-clamp: 2 !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__status {
  top: 18px !important;
  right: 20px !important;
  height: 29px !important;
  padding: 0 10px !important;
  font-size: 12px !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__open {
  grid-column: 2 / 3 !important;
  width: 100% !important;
  max-width: 260px !important;
  min-height: 39px !important;
  justify-self: stretch !important;
  font-size: 13px !important;
}

.ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__arrow {
  right: 20px !important;
  bottom: 24px !important;
  width: 22px !important;
  height: 22px !important;
}

@media (max-width: 1320px) and (min-width: 1280px) {
  .ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__inner {
    width: min(100% - 32px, 1240px) !important;
    grid-template-columns: 330px minmax(0, 1fr) !important;
    gap: 18px !important;
    padding: 20px !important;
  }

  .ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__links {
    gap: 16px !important;
  }

  .ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__links > a.ua-shell-mega__tool-card {
    padding: 18px 18px 17px !important;
  }

  .ua-shell-header .ua-shell-mega--jobs .ua-shell-mega__links strong {
    font-size: 14.5px !important;
  }
}