/*
  A'dan Z'ye İnşaat Akademisi — ortak mobil uyumluluk katmanı
  Bu dosya sadece küçük ekran davranışlarını toparlar. Masaüstü tasarımını korumak
  için bütün kurallar breakpoint içinde ve mümkün olduğunca sayfa kabuğuna bağlıdır.
*/

@media (max-width: 79.999rem) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
  }

  body {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }

  body.ua-drawer-open {
    overflow: hidden;
    touch-action: none;
  }

  :where(main, section, article, aside, header, footer, nav, div, form, fieldset, ul, ol, li) {
    min-width: 0 !important;
  }

  :where(img, picture, video, canvas, svg, iframe) {
    max-width: 100% !important;
  }

  :where(img, picture, video, canvas) {
    height: auto;
  }

  :where(iframe) {
    width: 100%;
  }

  :where(input, select, textarea, button) {
    max-width: 100%;
    font: inherit;
  }

  :where(a, button, input, select, textarea, summary, [role="button"]) {
    touch-action: manipulation;
  }

  :where(a[class*="btn"], button, .btn, .se-btn, [class*="button"], [class*="Button"]) {
    min-height: 44px;
  }

  :where(.container, .container-wide, .page-container, .section, .shell-section, .se-container, .market-container, .job-container, .content-container, .ua-container) {
    width: min(100% - 28px, var(--container-max, 1440px)) !important;
    max-width: calc(100vw - 28px) !important;
    margin-inline: auto !important;
  }

  :where(.card, .panel, .se-card, .se-panel, .job-card, .market-card, [class*="card"], [class*="panel"]) {
    max-width: 100%;
    min-width: 0 !important;
  }

  :where([class*="grid"], [class*="layout"], [class*="row"], [class*="columns"], [class*="split"], [class*="rail"], [class*="content"]) {
    min-width: 0 !important;
  }

  :where(table) {
    width: 100%;
    max-width: 100%;
  }

  :where(.table-wrap, .table-responsive, [class*="table"], [class*="Table"]) {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  :where(th, td) {
    overflow-wrap: anywhere;
  }

  :where(h1, h2, h3, h4, h5, h6, p, li, dd, dt, label, span, strong, small, a, button) {
    overflow-wrap: anywhere;
  }
}

/* Faz 8 son katman — eski mobil kurallar panelleri tekrar sıkıştırmasın */
@media (max-width: 61.25rem) {
  body[data-role-panel] :where(.ua-pro-panel--fixed-sidebar, .ua-pro-panel, .ua-seller-panel, .ua-candidate-panel, .ua-employer-shell),
  body[data-admin-page] :where(.ua-admin-app, .edu-panel) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    background: #f5f8fc !important;
  }

  body[data-role-panel] :where(.ua-pro-sidebar, .ua-seller-sidebar, .ua-candidate-sidebar, .ua-employer-sidebar),
  body[data-admin-page] :where(.ua-admin-sidebar, .edu-sidebar),
  body[data-auth-page] .auth-nav {
    position: relative !important;
    top: auto !important;
    width: calc(100% - 22px) !important;
    max-width: calc(100vw - 22px) !important;
    min-height: 0 !important;
    margin: 12px auto 10px !important;
    padding: 12px !important;
    border-radius: 20px !important;
    overflow: hidden !important;
  }

  body[data-role-panel] :where(.ua-pro-sidebar nav, .ua-seller-sidebar nav, .ua-candidate-sidebar nav, .ua-employer-sidebar nav),
  body[data-admin-page] :where(.ua-admin-nav, .edu-sidebar nav),
  body[data-auth-page] .auth-nav ul {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 8px !important;
    width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 4px 2px 8px !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body[data-role-panel] :where(.ua-pro-sidebar nav a, .ua-seller-sidebar nav a, .ua-candidate-sidebar nav a, .ua-employer-sidebar nav a),
  body[data-admin-page] :where(.ua-admin-nav a, .edu-sidebar nav a),
  body[data-auth-page] .auth-nav a {
    flex: 0 0 auto !important;
    min-width: max(138px, 38vw) !important;
    max-width: 230px !important;
    min-height: 48px !important;
    justify-content: center !important;
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  body[data-role-panel] :where(.ua-pro-sidebar nav a span, .ua-seller-sidebar nav a span, .ua-candidate-sidebar nav a span, .ua-employer-sidebar nav a span),
  body[data-admin-page] :where(.ua-admin-nav a span, .edu-sidebar nav a span),
  body[data-auth-page] .auth-nav a span {
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  body[data-admin-page] :where(.ua-admin-table-wrap, .edu-table-wrap),
  body[data-role-panel] :where(.ua-pro-table-wrap, .ua-employer-table-wrap, .ua-market-table-wrap) {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
}

/* Faz 8 — Tüm panel sayfaları için okunabilir mobil sekme düzeni */
@media (max-width: 61.25rem) {
  body[data-role-panel],
  body[data-admin-page],
  body[data-auth-page] {
    overflow-x: clip !important;
  }

  body[data-role-panel] :where(.ua-pro-panel, .ua-pro-panel--fixed-sidebar, .ua-seller-panel, .ua-candidate-panel, .ua-employer-shell),
  body[data-admin-page] :where(.ua-admin-app, .edu-panel),
  body[data-auth-page] :where(.auth-grid--account, .auth-grid--profile) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 100vw !important;
    min-height: 0 !important;
    background: #f5f8fc !important;
  }

  body[data-role-panel] .ua-pro-panel--fixed-sidebar::before {
    display: none !important;
  }

  body[data-role-panel] :where(.ua-pro-sidebar, .ua-seller-sidebar, .ua-candidate-sidebar, .ua-employer-sidebar),
  body[data-admin-page] :where(.ua-admin-sidebar, .edu-sidebar),
  body[data-auth-page] .auth-nav {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    width: calc(100% - 22px) !important;
    max-width: calc(100vw - 22px) !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 12px auto 10px !important;
    padding: 12px !important;
    overflow: hidden !important;
    border: 1px solid rgba(143, 174, 218, .26) !important;
    border-radius: 20px !important;
    background: linear-gradient(145deg, #071a34, #09264f) !important;
    box-shadow: 0 16px 34px rgba(6, 31, 66, .18) !important;
    color: #fff !important;
  }

  body[data-auth-page] .auth-nav {
    background: linear-gradient(145deg, #fff, #eef6ff) !important;
    color: #071a38 !important;
    box-shadow: 0 14px 30px rgba(6, 31, 66, .08) !important;
  }

  body[data-role-panel] :where(.ua-pro-brand, .ua-pro-brand--image, .ua-seller-logo, .ua-candidate-logo, .ua-employer-brand),
  body[data-admin-page] :where(.ua-admin-brand, .edu-brand) {
    min-height: 0 !important;
    margin: 0 0 10px !important;
  }

  body[data-role-panel] :where(.ua-pro-brand img, .ua-seller-logo img, .ua-candidate-logo img, .ua-employer-brand img),
  body[data-admin-page] :where(.ua-admin-brand img, .edu-brand img) {
    width: min(168px, 54vw) !important;
    height: auto !important;
    max-height: 58px !important;
    object-fit: contain !important;
    object-position: left center !important;
  }

  body[data-role-panel] :where(.ua-pro-user, .ua-seller-store, .ua-candidate-user, .ua-employer-company, .ua-employer-user),
  body[data-admin-page] :where(.ua-admin-profile, .edu-user),
  body[data-auth-page] .auth-nav__summary {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 0 !important;
    margin: 0 0 10px !important;
    padding: 10px !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, .075) !important;
  }

  body[data-auth-page] .auth-nav__summary {
    background: #f3f8ff !important;
  }

  body[data-role-panel] :where(.ua-pro-user > span, .ua-seller-store > span, .ua-employer-company > span),
  body[data-admin-page] .ua-admin-profile span,
  body[data-auth-page] .auth-nav__avatar {
    flex: 0 0 42px !important;
    width: 42px !important;
    height: 42px !important;
    font-size: 1rem !important;
  }

  body[data-role-panel] :where(.ua-pro-role, .ua-seller-help, .ua-seller-exit, .ua-candidate-exit, .ua-employer-exit),
  body[data-admin-page] :where(.ua-admin-brand + .ua-admin-profile + .ua-admin-nav + *, .edu-sidebar > footer) {
    margin-top: 10px !important;
  }

  body[data-role-panel] :where(.ua-pro-sidebar nav, .ua-seller-sidebar nav, .ua-candidate-sidebar nav, .ua-employer-sidebar nav),
  body[data-admin-page] :where(.ua-admin-nav, .edu-sidebar nav),
  body[data-auth-page] .auth-nav ul {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 4px 2px 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-snap-type: x proximity !important;
    scrollbar-width: thin !important;
  }

  body[data-role-panel] :where(.ua-pro-sidebar nav a, .ua-seller-sidebar nav a, .ua-candidate-sidebar nav a, .ua-employer-sidebar nav a),
  body[data-admin-page] :where(.ua-admin-nav a, .edu-sidebar nav a),
  body[data-auth-page] .auth-nav a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    flex: 0 0 auto !important;
    min-width: max(138px, 38vw) !important;
    max-width: 230px !important;
    min-height: 48px !important;
    padding: 10px 13px !important;
    border: 1px solid rgba(255, 255, 255, .14) !important;
    border-radius: 14px !important;
    color: #dce9fb !important;
    background: rgba(255, 255, 255, .075) !important;
    box-shadow: none !important;
    font-size: .84rem !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    scroll-snap-align: start !important;
  }

  body[data-auth-page] .auth-nav a {
    border-color: #d6e5f7 !important;
    color: #0b2b55 !important;
    background: #fff !important;
  }

  body[data-role-panel] :where(.ua-pro-sidebar nav a:hover, .ua-pro-sidebar nav a[aria-current="page"], .ua-seller-sidebar nav a:hover, .ua-seller-sidebar nav a.is-active, .ua-candidate-sidebar nav a:hover, .ua-candidate-sidebar nav a.is-active, .ua-employer-sidebar nav a:hover, .ua-employer-sidebar nav a.is-active),
  body[data-admin-page] :where(.ua-admin-nav a:hover, .ua-admin-nav a.is-active, .edu-sidebar nav a:hover, .edu-sidebar nav a.is-active),
  body[data-auth-page] :where(.auth-nav a:hover, .auth-nav a[aria-current="page"]) {
    color: #fff !important;
    border-color: rgba(63, 139, 255, .9) !important;
    background: linear-gradient(135deg, #1267ff, #0654d8) !important;
    box-shadow: 0 10px 24px rgba(9, 105, 255, .24) !important;
  }

  body[data-role-panel] :where(.ua-pro-sidebar nav a span, .ua-seller-sidebar nav a span, .ua-candidate-sidebar nav a span, .ua-employer-sidebar nav a span),
  body[data-admin-page] :where(.ua-admin-nav a span, .edu-sidebar nav a span),
  body[data-auth-page] .auth-nav a span {
    display: inline !important;
    min-width: 0 !important;
    max-width: 150px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body[data-role-panel] :where(.ua-pro-icon, .ua-seller-sidebar svg, .ua-candidate-sidebar svg, .ua-employer-sidebar svg),
  body[data-admin-page] :where(.edu-sidebar svg) {
    flex: 0 0 20px !important;
    width: 20px !important;
    height: 20px !important;
  }

  body[data-role-panel] :where(.ua-pro-sidebar nav a b, .ua-seller-sidebar nav a b, .ua-candidate-sidebar nav a b, .ua-employer-sidebar nav a b) {
    display: inline-grid !important;
    place-items: center !important;
    min-width: 22px !important;
    height: 22px !important;
    margin-left: 2px !important;
    padding: 0 6px !important;
    border-radius: 999px !important;
    color: #07315f !important;
    background: #f7b500 !important;
    font-size: .72rem !important;
  }

  body[data-role-panel] .ua-pro-sidebar-data {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-top: 10px !important;
    padding-top: 10px !important;
  }

  body[data-role-panel] :where(.ua-pro-sidebar-facts, .ua-pro-sidebar-badges) {
    grid-column: 1 / -1 !important;
  }

  body[data-role-panel] .ua-pro-sidebar-counts {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body[data-role-panel] :where(.ua-pro-main, .ua-seller-main, .ua-candidate-main, .ua-employer-main),
  body[data-admin-page] :where(.ua-admin-main, .edu-main),
  body[data-auth-page] :where(.auth-main, .auth-content) {
    width: calc(100% - 22px) !important;
    max-width: calc(100vw - 22px) !important;
    margin-inline: auto !important;
    padding: 10px 0 92px !important;
  }

  body[data-admin-page] :where(.ua-admin-table-wrap, .edu-table-wrap),
  body[data-role-panel] :where(.ua-pro-table-wrap, .ua-employer-table-wrap, .ua-market-table-wrap) {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
  }
}

@media (max-width: 40rem) {
  body[data-role-panel] :where(.ua-pro-sidebar, .ua-seller-sidebar, .ua-candidate-sidebar, .ua-employer-sidebar),
  body[data-admin-page] :where(.ua-admin-sidebar, .edu-sidebar),
  body[data-auth-page] .auth-nav {
    width: calc(100% - 18px) !important;
    max-width: calc(100vw - 18px) !important;
    margin-top: 9px !important;
    padding: 10px !important;
    border-radius: 18px !important;
  }

  body[data-role-panel] :where(.ua-pro-sidebar nav a, .ua-seller-sidebar nav a, .ua-candidate-sidebar nav a, .ua-employer-sidebar nav a),
  body[data-admin-page] :where(.ua-admin-nav a, .edu-sidebar nav a),
  body[data-auth-page] .auth-nav a {
    min-width: 136px !important;
    min-height: 46px !important;
    padding: 9px 12px !important;
    font-size: .8rem !important;
  }

  body[data-role-panel] :where(.ua-pro-main, .ua-seller-main, .ua-candidate-main, .ua-employer-main),
  body[data-admin-page] :where(.ua-admin-main, .edu-main),
  body[data-auth-page] :where(.auth-main, .auth-content) {
    width: calc(100% - 18px) !important;
    max-width: calc(100vw - 18px) !important;
  }

  body[data-role-panel] .ua-pro-sidebar-data {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 47.999rem) {
  body[data-content-page="topluluk"] main,
  body[data-content-page="forum"] main,
  body[data-content-page="forum-konu-ac"] main,
  body[data-content-page="forum-konu"] main,
  body[data-content-page="blog"] main,
  body[data-content-page="blog-yazi"] main,
  body[data-content-page="basari-hikayeleri"] main,
  body[data-content-page="basari-hikayesi-detay"] main,
  body[data-content-page="hikayeni-paylas"] main,
  body[data-content-page="duyurular"] main,
  body[data-content-page="duyuru-detay"] main,
  body[data-content-page="etkinlikler"] main,
  body[data-content-page="etkinlik-detay"] main,
  body[data-content-page="meslek-toplulugu"] main {
    overflow-x: clip !important;
  }

  body[data-content-page="topluluk"] :where(.ua-community, .ua-community-wide, .ua-forum, .ua-forum-wide, .ua-announcements-pro, .ua-announcements-wide),
  body[data-content-page="forum"] :where(.ua-forum, .ua-forum-wide),
  body[data-content-page="forum-konu-ac"] :where(.ua-forum, .ua-forum-wide),
  body[data-content-page="forum-konu"] :where(.ua-forum, .ua-forum-wide),
  body[data-content-page="blog"] :where(.ua-community, .ua-community-wide),
  body[data-content-page="blog-yazi"] :where(.ua-community, .ua-community-wide),
  body[data-content-page="basari-hikayeleri"] :where(.ua-community, .ua-community-wide),
  body[data-content-page="basari-hikayesi-detay"] :where(.ua-community, .ua-community-wide),
  body[data-content-page="hikayeni-paylas"] :where(.ua-community, .ua-community-wide),
  body[data-content-page="duyurular"] :where(.ua-announcements-pro, .ua-announcements-wide),
  body[data-content-page="duyuru-detay"] :where(.ua-announcements-pro, .ua-announcements-wide, .ua-community, .ua-community-wide),
  body[data-content-page="etkinlikler"] :where(.ua-community, .ua-community-wide),
  body[data-content-page="etkinlik-detay"] :where(.ua-community, .ua-community-wide),
  body[data-content-page="meslek-toplulugu"] :where(.ua-community, .ua-community-wide) {
    width: min(100% - 22px, 100%) !important;
    max-width: 100% !important;
    padding-inline: 0 !important;
  }

  :where(
    .ua-community-hero,
    .ua-forum-hero,
    .ua-announcements-hero,
    .ua-community-feature,
    .ua-community-article,
    .ua-community-project,
    .ua-community-join,
    .ua-forum-board,
    .ua-forum-form,
    .ua-forum-preview,
    .ua-forum-category-panel,
    .ua-forum-question,
    .ua-forum-danger,
    .ua-forum-mod,
    .ua-announcement-row,
    .ua-announcement-notice-card
  ) {
    border-radius: 18px !important;
  }

  :where(
    .ua-community-hero__grid,
    .ua-community-layout,
    .ua-community-layout--stories,
    .ua-community-grid-4,
    .ua-community-type-grid,
    .ua-community-event-grid,
    .ua-community-announcements,
    .ua-forum-hero__grid,
    .ua-forum-layout,
    .ua-forum-create-layout,
    .ua-forum-topic-layout,
    .ua-forum-stats,
    .ua-forum-topic-bottom,
    .ua-forum-badges,
    .ua-announcements-hero__grid,
    .ua-announcements-stats,
    .ua-announcements-layout
  ) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  :where(
    .ua-community-side,
    .ua-forum-main,
    .ua-forum-sidebar,
    .ua-forum-preview,
    .ua-announcements-filter,
    .ua-announcements-list
  ) {
    width: 100% !important;
    max-width: 100% !important;
    position: static !important;
  }

  :where(.ua-community-filter, .ua-announcements-tabs, .ua-forum-chips) {
    display: flex !important;
    gap: 10px !important;
    overflow-x: auto !important;
    padding-bottom: 4px !important;
    -webkit-overflow-scrolling: touch;
  }

  :where(.ua-community-filter > *, .ua-announcements-tabs > *, .ua-forum-chips > *) {
    flex: 0 0 auto !important;
  }

  :where(.ua-forum-table__head) {
    display: none !important;
  }

  :where(.ua-forum-row, .ua-forum-topic-card, .ua-forum-latest, .ua-forum-topic-mini) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    align-items: start !important;
  }

  :where(.ua-forum-row > *, .ua-forum-topic-card > *, .ua-forum-latest > *) {
    min-width: 0 !important;
  }

  :where(.ua-forum-form input, .ua-forum-form select, .ua-forum-form textarea, .ua-forum-create input, .ua-forum-create select, .ua-forum-create textarea) {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 16px !important;
  }

  :where(.ua-forum-form-actions, .ua-community-hero .ua-actions, .ua-announcements-hero .ua-actions) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  :where(.ua-forum-form-actions .btn, .ua-forum-form-actions a, .ua-community-hero .btn, .ua-community-hero a, .ua-announcements-hero .btn, .ua-announcements-hero a) {
    width: 100% !important;
    justify-content: center !important;
  }

  :where(.ua-community-hero img, .ua-community-feature img, .ua-community-story-feature img, .ua-community-event-feature img, .ua-announcements-visual img, .ua-forum-preview-card img) {
    width: 100% !important;
    aspect-ratio: 16 / 10 !important;
    object-fit: cover !important;
    border-radius: 16px !important;
  }
}

@media (max-width: 47.999rem) {
  body[data-content-page="iletisim"] main,
  body[data-content-page="gizlilik"] main,
  body[data-content-page="kvkk"] main,
  body[data-content-page="cerez-politikasi"] main,
  body[data-content-page="guvenlik"] main,
  body[data-content-page="sss"] main,
  body[data-content-page="yardim"] main,
  body[data-content-page="hakkimizda"] main,
  body[data-content-page="akademi-hakkinda"] main,
  body[data-content-page="kariyer"] main,
  body[data-content-page="kullanim-kosullari"] main,
  body[data-content-page="uyelik-sozlesmesi"] main {
    overflow-x: clip !important;
  }

  body[data-content-page="iletisim"] :where(.ua-page-container, .ua-contact-main-section),
  body[data-content-page="gizlilik"] :where(.ua-page-container, .ua-section),
  body[data-content-page="kvkk"] :where(.ua-page-container, .ua-section),
  body[data-content-page="cerez-politikasi"] :where(.ua-page-container, .ua-section),
  body[data-content-page="guvenlik"] :where(.ua-page-container, .ua-security-body),
  body[data-content-page="sss"] :where(.ua-page-container, .ua-section),
  body[data-content-page="yardim"] :where(.ua-page-container, .ua-section),
  body[data-content-page="hakkimizda"] :where(.ua-page-container, .ua-about-page),
  body[data-content-page="akademi-hakkinda"] :where(.ua-page-container, .ua-about-page),
  body[data-content-page="kariyer"] :where(.ua-page-container, .ua-career-page),
  body[data-content-page="kullanim-kosullari"] :where(.ua-page-container, .ua-section),
  body[data-content-page="uyelik-sozlesmesi"] :where(.ua-page-container, .ua-section) {
    width: min(100% - 22px, 100%) !important;
    max-width: 100% !important;
    padding-inline: 0 !important;
  }

  :where(
    .ua-contact-hero__grid,
    .ua-contact-info-grid,
    .ua-contact-main-section,
    .ua-contact-form-grid,
    .ua-security-hero__grid,
    .ua-security-score-grid,
    .ua-security-layout,
    .ua-security-hardening,
    .ua-security-guide-grid,
    .ua-about-hero__grid,
    .ua-about-stats,
    .ua-about-split,
    .ua-about-module-grid,
    .ua-about-story-grid,
    .ua-about-values,
    .ua-career-hero,
    .ua-career-layout,
    .ua-career-stats,
    .ua-career-teams,
    .ua-career-process,
    .ua-career-benefits
  ) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  :where(
    .ua-contact-hero,
    .ua-contact-map,
    .ua-contact-form,
    .ua-contact-side-card,
    .ua-contact-hours,
    .ua-contact-kvkk,
    .ua-security-hero,
    .ua-security-panel,
    .ua-security-guide,
    .ua-security-alert,
    .ua-security-faq,
    .ua-security-safe-card,
    .ua-legal,
    .ua-faq-overview,
    .ua-faq-group,
    .ua-about-hero,
    .ua-about-panel,
    .ua-about-section,
    .ua-about-cta,
    .ua-career-hero,
    .ua-career-section,
    .ua-career-side,
    .ua-career-cta
  ) {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 18px !important;
  }

  :where(.ua-contact-map__canvas, .ua-contact-map__canvas iframe) {
    min-height: 280px !important;
    height: 280px !important;
    border-radius: 16px !important;
  }

  :where(.ua-contact-actions, .ua-contact-form-foot, .ua-about-actions, .ua-career-actions, .ua-inline-actions) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  :where(.ua-contact-actions a, .ua-contact-form-foot .ua-button, .ua-about-actions a, .ua-career-actions a, .ua-inline-actions a) {
    width: 100% !important;
    justify-content: center !important;
  }

  :where(.ua-contact-form input, .ua-contact-form select, .ua-contact-form textarea) {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 16px !important;
  }

  :where(.ua-legal) {
    padding: 18px !important;
    font-size: 0.98rem !important;
  }

  :where(.ua-legal h2) {
    font-size: 1.25rem !important;
    line-height: 1.25 !important;
  }

  :where(.ua-legal p, .ua-legal li, .ua-faq p, .ua-security-faq p) {
    line-height: 1.7 !important;
    overflow-wrap: anywhere !important;
  }

  :where(.ua-faq-overview__stats, .ua-faq-group__head, .ua-security-flow li, .ua-career-openings article) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  :where(.ua-faq details, .ua-security-faq details) {
    padding: 14px !important;
    border-radius: 14px !important;
  }

  :where(.ua-about-visual, .ua-career-visual, .ua-security-visual) {
    width: 100% !important;
    max-width: 100% !important;
  }

  :where(.ua-about-visual img, .ua-career-visual img, .ua-security-visual img) {
    width: 100% !important;
    aspect-ratio: 16 / 11 !important;
    object-fit: cover !important;
    border-radius: 16px !important;
  }
}

@media (max-width: 47.999rem) {
  body[data-auth-page] main,
  body[data-role-panel] main {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: clip !important;
  }

  body[data-auth-page] :where(.auth-page, .auth-container, .auth-shell, .auth-card, .rm-shell, .rm-card, .auth-layout),
  body[data-role-panel] :where(.ua-pro-shell, .ua-pro-main, .ua-pro-detail-panel, .ua-seller-panel, .ua-candidate-panel, .ua-employer-shell) {
    width: min(100% - 22px, 100%) !important;
    max-width: 100% !important;
    margin-inline: auto !important;
  }

  body[data-auth-page] :where(.auth-layout, .auth-grid, .auth-page-grid, .auth-summary-grid, .auth-profile-grid, .auth-fields, .auth-fields--2, .rm-grid, .rm-role-grid),
  body[data-role-panel] :where(.ua-pro-shell, .ua-pro-layout, .ua-pro-grid, .ua-pro-settings-grid, .ua-pro-dashboard-grid, .ua-pro-kpis, .ua-candidate-panel, .ua-employer-shell, .ua-seller-panel, .ua-employer-work, .ua-market-two, .ua-market-drawer-layout, .ua-candidate-market-layout) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  body[data-auth-page] :where(.auth-card, .auth-panel, .auth-side, .auth-form, .rm-card, .auth-profile-card),
  body[data-role-panel] :where(.ua-pro-sidebar, .ua-pro-detail-panel, .ua-pro-settings-card, .ua-pro-work-drawer, .ua-seller-sidebar, .ua-seller-main, .ua-candidate-sidebar, .ua-candidate-main, .ua-employer-sidebar, .ua-employer-main) {
    width: 100% !important;
    max-width: 100% !important;
    position: static !important;
    border-radius: 18px !important;
  }

  body[data-auth-page] :where(input, select, textarea),
  body[data-role-panel] :where(input, select, textarea) {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 16px !important;
  }

  body[data-auth-page] :where(.auth-actions, .auth-form-actions, .rm-actions, .cluster, .auth-profile-card__actions),
  body[data-role-panel] :where(.ua-pro-head-actions, .ua-employer-actions, .ua-market-actions, .ua-pro-detail-panel footer) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body[data-auth-page] :where(.btn, .ua-button, button[type="submit"], a.btn),
  body[data-role-panel] :where(.btn, .ua-button, button, a[class*="btn"]) {
    min-height: 44px !important;
    white-space: normal !important;
  }

  body[data-role-panel] :where(.ua-pro-table-wrap, .ua-employer-table-wrap, .ua-market-table-wrap, .jobs-table-wrap) {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  body[data-role-panel] :where(.ua-pro-sidebar nav, .ua-seller-sidebar nav, .ua-candidate-sidebar nav, .ua-employer-sidebar nav) {
    display: flex !important;
    overflow-x: auto !important;
    gap: 8px !important;
    padding-bottom: 4px !important;
  }

  body[data-role-panel] :where(.ua-pro-sidebar nav a, .ua-seller-sidebar nav a, .ua-candidate-sidebar nav a, .ua-employer-sidebar nav a) {
    flex: 0 0 auto !important;
    min-width: max-content !important;
  }
}

/* Faz 3 — Usta & Hizmet Bul sayfa ailesi mobil düzeni */
@media (max-width: 79.999rem) {
  .se-service4-page,
  .se-service-grand-page,
  .se-request-center-page,
  .se-service-detail-page,
  .se-request-detail-page {
    overflow-x: clip !important;
  }

  .se-service4-wide,
  .se-service4-page .se-container,
  .se-service-grand-page .se-container,
  .se-service-grand-page .se-service4-wide,
  .se-request-center-page .se-container,
  .se-service-detail-page .se-container,
  .se-request-detail-page .se-container {
    width: min(100% - 28px, 1510px) !important;
    max-width: calc(100vw - 28px) !important;
    margin-inline: auto !important;
  }
}

@media (max-width: 63.999rem) {
  .se-service4-hero,
  .se-service4-subhero,
  .se-service4-profile-hero,
  .se-service-grand-hero,
  .se-request-hero,
  .se-service-detail-hero,
  .se-request-detail-hero {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
    margin-block: 14px !important;
    border-radius: 20px !important;
  }

  .se-service4-hero-copy,
  .se-service-grand-hero__copy,
  .se-service4-subhero,
  .se-request-hero,
  .se-service-detail-hero__copy,
  .se-request-detail-hero {
    padding: 20px !important;
  }

  .se-service4-hero h1,
  .se-service4-subhero h1,
  .se-service-grand-hero h1,
  .se-request-hero h1,
  .se-service-detail-hero h1,
  .se-request-detail-hero h1 {
    max-width: 100% !important;
    font-size: clamp(1.85rem, 8.6vw, 2.7rem) !important;
    line-height: 1.04 !important;
    letter-spacing: -0.05em !important;
  }

  .se-service4-hero p,
  .se-service4-subhero p,
  .se-service-grand-hero__copy > p:not(.se-kicker),
  .se-request-hero p,
  .se-service-detail-hero__copy > p:not(.se-kicker),
  .se-request-detail-hero p {
    max-width: 100% !important;
    font-size: .98rem !important;
    line-height: 1.52 !important;
  }

  .se-service4-hero-media,
  .se-service-grand-hero__visual,
  .se-request-hero aside,
  .se-service-detail-hero__media {
    min-height: 240px !important;
    max-height: 360px !important;
    border-radius: 18px !important;
  }

  .se-service4-hero-media img,
  .se-service-grand-hero__visual > img,
  .se-request-hero aside img,
  .se-service-detail-hero__media img {
    min-height: 240px !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .se-service-grand-search {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 10px !important;
    border-radius: 18px !important;
  }

  .se-service-grand-search label {
    min-height: 58px !important;
    padding: 12px !important;
  }

  .se-service-grand-search button {
    min-height: 50px !important;
    width: 100% !important;
  }

  .se-service-grand-actions,
  .se-service4-hero-actions,
  .se-service4-card-actions,
  .se-service4-profile-actions,
  .se-request-hero > div > div,
  .se-service-detail-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .se-service-grand-stats,
  .se-service4-stats,
  .se-service4-category-grid,
  .se-service4-provider-grid,
  .se-service4-team-grid,
  .se-service4-company-grid,
  .se-service4-expert-grid,
  .se-service4-member-grid,
  .se-service-hub-panels,
  .se-request-type-grid,
  .se-service-detail-steps,
  .se-request-detail-stats,
  .se-request-detail-matches {
    grid-template-columns: 1fr !important;
  }

  .se-service4-split,
  .se-service4-layout,
  .se-service4-request-layout,
  .se-service4-profile-layout,
  .se-service-detail-layout,
  .se-request-detail-layout {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .se-service4-filter {
    position: static !important;
    top: auto !important;
    order: -1;
  }

  .se-service4-toolbar {
    align-items: stretch !important;
    flex-direction: column !important;
    gap: 10px !important;
  }

  .se-service4-toolbar select,
  .se-service4-toolbar button,
  .se-service4-toolbar .se-btn {
    width: 100% !important;
  }

  .se-service4-form-grid,
  .se-service4-skill-grid,
  .se-service4-mini-list {
    grid-template-columns: 1fr !important;
  }

  .se-service4-company-card,
  .se-service4-profile-hero,
  .se-request-form-head,
  .se-request-detail-matches article {
    grid-template-columns: 1fr !important;
  }

  .se-service4-company-logo,
  .se-service4-expert-avatar {
    width: 56px !important;
    height: 56px !important;
    border-radius: 16px !important;
  }

  .se-service4-card-media,
  .se-service4-team-card > img,
  .se-request-type-grid img {
    height: 210px !important;
  }

  .se-service4-team-card dl,
  .se-service4-company-card dl {
    grid-template-columns: 1fr !important;
  }

  .se-request-tabs,
  .se-service4-tabs {
    justify-content: flex-start !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
  }

  .se-request-tabs a,
  .se-service4-tabs a {
    scroll-snap-align: start;
  }
}

@media (max-width: 47.999rem) {
  .se-service4-wide,
  .se-service4-page .se-container,
  .se-service-grand-page .se-container,
  .se-service-grand-page .se-service4-wide,
  .se-request-center-page .se-container,
  .se-service-detail-page .se-container,
  .se-request-detail-page .se-container {
    width: min(100% - 22px, 100%) !important;
    max-width: calc(100vw - 22px) !important;
  }

  .se-service4-hero-copy,
  .se-service-grand-hero__copy,
  .se-service4-subhero,
  .se-request-hero,
  .se-service-detail-hero__copy,
  .se-request-detail-hero,
  .se-service4-form,
  .se-service4-request-side {
    padding: 16px !important;
  }

  .se-service4-filter,
  .se-service4-provider-card,
  .se-service4-team-card,
  .se-service4-company-card,
  .se-service4-expert-card,
  .se-service4-category-card,
  .se-service-grand-grid a,
  .se-service-grand-bottom article,
  .se-request-type-grid a,
  .se-request-detail-layout .se-panel,
  .se-service-detail-layout .se-panel {
    border-radius: 16px !important;
  }

  .se-service-grand-hero__visual div {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .se-service-grand-hero__visual button {
    width: 38px !important;
    height: 38px !important;
  }

  .se-service-grand-stats article,
  .se-service4-stat {
    min-height: 64px !important;
    padding: 14px !important;
  }

  .se-service-grand-grid a,
  .se-service4-category-card {
    min-height: 0 !important;
    padding: 16px !important;
  }

  .se-service4-card-body,
  .se-service4-team-card > div,
  .se-service4-expert-card {
    padding: 16px !important;
  }

  .se-service4-card-actions .se-btn {
    flex: none !important;
    width: 100% !important;
  }

  .se-service4-upload,
  .se-service4-note {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .se-request-form-head img {
    width: 100% !important;
    height: 170px !important;
  }

  .se-service4-profile-hero > img {
    height: 230px !important;
  }
}

@media (max-width: 35.999rem) {
  .se-service4-hero,
  .se-service-grand-hero,
  .se-request-hero,
  .se-service-detail-hero,
  .se-request-detail-hero {
    border-radius: 18px !important;
  }

  .se-service4-hero h1,
  .se-service4-subhero h1,
  .se-service-grand-hero h1,
  .se-request-hero h1,
  .se-service-detail-hero h1,
  .se-request-detail-hero h1 {
    font-size: clamp(1.7rem, 9.4vw, 2.2rem) !important;
  }

  .se-service4-card-media,
  .se-service4-team-card > img,
  .se-request-type-grid img,
  .se-service4-profile-hero > img {
    height: 190px !important;
  }

  .se-service4-meta span,
  .se-service4-request-side p,
  .se-service4-profile-layout aside p {
    align-items: flex-start !important;
  }
}

/* Faz 12 — tüm site için mobil görsel sıkıştırma ve taşma emniyeti */
@media (max-width: 47.999rem) {
  body {
    background-size: 18px 18px !important;
  }

  main {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: clip !important;
  }

  main :where(.hero, [class*="hero"], [class*="Hero"], [class*="banner"], [class*="Banner"]) {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  main :where(.hero img, [class*="hero"] img, [class*="Hero"] img, [class*="banner"] img, [class*="Banner"] img) {
    width: 100% !important;
    max-width: 100% !important;
    height: auto;
    object-fit: cover !important;
  }

  main :where(.stats, .stat-grid, [class*="stats"], [class*="Stats"], [class*="kpi"], [class*="Kpi"]) {
    grid-template-columns: 1fr !important;
    max-width: 100% !important;
  }

  main :where(.filter, .filters, [class*="filter"], [class*="Filter"], aside[class*="side"], [class*="sidebar"], [class*="Sidebar"]) {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  main :where(.toolbar, [class*="toolbar"], [class*="Toolbar"], .search, [class*="search"], [class*="Search"]) {
    max-width: 100% !important;
    flex-wrap: wrap !important;
  }

  main :where(.toolbar > *, [class*="toolbar"] > *, [class*="Toolbar"] > *, .search > *, [class*="search"] > *, [class*="Search"] > *) {
    min-width: 0 !important;
  }

  main :where(form, .form, [class*="form"], [class*="Form"]) {
    max-width: 100% !important;
  }

  main :where(.form-row, [class*="form-row"], [class*="FormRow"], .field-grid, [class*="field-grid"]) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  main :where(input, select, textarea) {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 46px;
    font-size: 16px !important;
  }

  main :where(textarea) {
    min-height: 130px;
  }

  main :where(.modal, [class*="modal"], [class*="Modal"], .dialog, [class*="dialog"], [class*="Dialog"]) {
    width: min(100% - 22px, 520px) !important;
    max-width: calc(100vw - 22px) !important;
    max-height: calc(100dvh - 24px) !important;
    overflow: auto !important;
  }

  main :where(.sticky, [class*="sticky"], [style*="position: sticky"]) {
    top: 76px !important;
  }

  main :where(.map, [class*="map"], [class*="Map"], iframe[src*="maps"]) {
    width: 100% !important;
    min-height: 260px !important;
    border-radius: 16px !important;
  }

  main :where(.list, [class*="list"], [class*="List"]) {
    max-width: 100% !important;
  }

  main :where(.logo-strip, .brand-strip, [class*="logos"], [class*="Logos"]) {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  main :where(.price, [class*="price"], [class*="Price"], .amount, [class*="amount"]) {
    overflow-wrap: normal !important;
    word-break: normal !important;
  }
}

@media (max-width: 35.999rem) {
  main :where(.container, .container-wide, .page-container, .section, .shell-section, .se-container, .market-container, .job-container, .content-container, .ua-container) {
    width: min(100% - 18px, 100%) !important;
    max-width: calc(100vw - 18px) !important;
  }

  main :where(.card, .panel, .se-card, .se-panel, .job-card, .market-card, [class*="card"], [class*="panel"]) {
    border-radius: 16px !important;
    padding-inline: min(16px, 4.8vw) !important;
  }

  main :where(a[class*="btn"], button, .btn, .se-btn, [class*="button"], [class*="Button"]) {
    min-height: 48px !important;
    border-radius: 14px !important;
    white-space: normal !important;
  }

  main :where(.tabs, .tab-list, [class*="tabs"], [class*="Tabs"], .category-row, [class*="category"], [class*="Category"]) {
    gap: 8px !important;
    padding-bottom: 6px !important;
  }

  main :where(.tabs > *, .tab-list > *, [class*="tabs"] > *, [class*="Tabs"] > *, .category-row > *, [class*="category"] > *, [class*="Category"] > *) {
    min-height: 44px !important;
  }
}

/* Faz 13 — ana sayfa ve bölüm geçiş kartları için telefon odaklı son dokunuşlar */
@media (max-width: 47.999rem) {
  body:has(.home-hero) main {
    background-position: top center !important;
  }

  .home-container {
    width: min(100% - 22px, 680px) !important;
    max-width: calc(100vw - 22px) !important;
  }

  .home-hero {
    min-height: 0 !important;
    padding-block: 12px 18px !important;
  }

  .home-hero__grid {
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .home-hero__content {
    padding-block: 34px 20px !important;
  }

  .home-hero h1 {
    max-width: 13ch !important;
    font-size: clamp(2rem, 10vw, 2.85rem) !important;
    line-height: 1.02 !important;
  }

  .home-hero__content > p {
    max-width: 34rem !important;
    font-size: 1rem !important;
    line-height: 1.55 !important;
  }

  .home-hero__media {
    position: relative !important;
    z-index: 0 !important;
    min-height: 230px !important;
    max-height: 280px !important;
    opacity: 1 !important;
    border-radius: 20px !important;
    box-shadow: 0 18px 42px rgba(8, 31, 58, .16) !important;
  }

  .home-hero__media::after {
    background: linear-gradient(180deg, rgba(8,31,58,0) 30%, rgba(8,31,58,.42) 100%) !important;
  }

  .home-hero__media > img {
    min-height: 230px !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .home-search-card {
    margin-block-start: 18px !important;
    padding: 10px !important;
    border-radius: 20px !important;
  }

  .home-search-tabs {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .home-search-tabs button {
    width: 100% !important;
    min-height: 48px !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    padding-inline: 12px !important;
    font-size: .9rem !important;
    border-radius: 14px !important;
  }

  .home-search-form {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .home-trust-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-content: stretch !important;
    font-size: .82rem !important;
  }

  .home-section {
    padding-block: 32px !important;
  }

  .home-section-heading,
  .home-section-heading--row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    align-items: start !important;
    text-align: left !important;
  }

  .home-section-heading h2 {
    font-size: clamp(1.45rem, 7vw, 2rem) !important;
    line-height: 1.12 !important;
  }

  .home-section-heading p {
    font-size: .98rem !important;
    line-height: 1.55 !important;
  }

  .home-section-heading--row > a {
    width: fit-content !important;
    min-height: 42px !important;
    margin-block-start: 0 !important;
    font-size: .92rem !important;
  }

  .quick-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .quick-grid > a {
    min-height: 104px !important;
    padding: 14px 10px !important;
    gap: 10px !important;
    font-size: .86rem !important;
    border-radius: 18px !important;
  }

  .quick-grid svg {
    width: 30px !important;
    height: 30px !important;
  }

  .home-card-row--four,
  .market-grid,
  .community-grid,
  .tools-grid,
  .talent-mini-grid {
    margin-inline: -2px !important;
    padding-inline: 2px !important;
    scroll-padding-inline: 2px !important;
  }

  .home-card-row--four > article,
  .community-grid > article {
    flex-basis: min(88vw, 342px) !important;
  }

  .market-grid > article {
    flex-basis: min(84vw, 330px) !important;
  }

  .tools-grid > a {
    flex-basis: min(58vw, 190px) !important;
    min-height: 166px !important;
  }

  .talent-callout__inner {
    width: min(100% - 22px, 680px) !important;
    padding: 20px !important;
    border-radius: 22px !important;
  }

  .talent-callout__copy > div {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .home-stats__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .home-security-grid,
  .home-how-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .home-join__inner {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    text-align: left !important;
  }

  .home-join__icon {
    margin-inline: 0 !important;
  }

  .home-join__inner > div:last-child {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
}

@media (max-width: 26.249rem) {
  .home-container {
    width: min(100% - 18px, 390px) !important;
    max-width: calc(100vw - 18px) !important;
  }

  .home-hero__content {
    padding-block-start: 26px !important;
  }

  .home-search-tabs button {
    font-size: .84rem !important;
  }

  .quick-grid {
    grid-template-columns: 1fr !important;
  }

  .home-stats__grid {
    grid-template-columns: 1fr !important;
  }
}

/* Mobil çekmece düzeltmesi — Pazar/Eğitimler ana sayfa kartında dikey yazı kırılmasını engeller */
@media (max-width: 47.999rem) {
  .ua-shell-drawer,
  .ua-shell-drawer * {
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  .ua-shell-drawer__submenu {
    width: 100% !important;
    max-width: 100% !important;
  }

  .ua-shell-drawer__overview {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    gap: 10px !important;
    padding: 14px !important;
  }

  .ua-shell-drawer__overview > span {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .ua-shell-drawer__overview strong {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    line-height: 1.25 !important;
  }

  .ua-shell-drawer__overview small {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    line-height: 1.45 !important;
  }

  .ua-shell-drawer__overview em {
    display: inline-flex !important;
    width: auto !important;
    max-width: max-content !important;
    min-width: 0 !important;
    align-self: flex-start !important;
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }
}

/* Faz 6 — Pazar, ürün, makine ve satıcı paneli mobil düzeni */
@media (max-width: 79.999rem) {
  [data-content-page="pazar"] main,
  [data-content-page="malzeme-pazari"] main,
  [data-content-page="arac-makine"] main,
  [data-content-page="dijital-urunler"] main,
  [data-content-page="online-magaza"] main,
  [data-content-page="pazar-ilani-olustur"] main,
  [data-content-page="pazar-detay"] main,
  [data-role-panel] main {
    max-width: 100vw !important;
    overflow-x: clip !important;
  }

  [data-content-page^="pazar"] :where(.ua-page-container, .ua-container),
  [data-content-page="malzeme-pazari"] :where(.ua-page-container, .ua-container),
  [data-content-page="arac-makine"] :where(.ua-page-container, .ua-container),
  [data-content-page="dijital-urunler"] :where(.ua-page-container, .ua-container),
  [data-content-page="online-magaza"] :where(.ua-page-container, .ua-container),
  [data-role-panel] :where(.ua-page-container, .ua-container) {
    width: min(100% - 28px, 100%) !important;
    max-width: calc(100vw - 28px) !important;
    margin-inline: auto !important;
  }

  .ua-market-shell,
  .ua-market-layout,
  .ua-market-detail__hero,
  .ua-market-create-grid,
  .ua-market-create-layout,
  .ua-market-create-footer,
  .ua-pro-columns,
  .ua-pro-settings-layout,
  .ua-pro-settings-content,
  .ua-pro-settings-hero {
    grid-template-columns: 1fr !important;
  }

  .ua-market-shell .ua-sidebar,
  .ua-market-filter,
  .ua-market-detail aside,
  .ua-market-create-side,
  .ua-pro-settings-side-card {
    position: static !important;
    top: auto !important;
    max-height: none !important;
    width: 100% !important;
  }
}

@media (max-width: 63.999rem) {
  .ua-market-board,
  .ua-market-wide,
  .ua-market-create-landing,
  .ua-market-create-form-page,
  .ua-store-page,
  .ua-pro-settings-page {
    padding-inline: 0 !important;
  }

  .ua-market-titlebar,
  .ua-market-result-head,
  .ua-market-card-actions,
  .ua-market-price-row,
  .ua-machine-list-card__actions,
  .ua-material-seller-actions,
  .ua-market-create-head,
  .ua-market-create-form-head,
  .ua-market-create-footer > div,
  .ua-pro-actions,
  .ua-pro-settings-savebar,
  .ua-pro-settings-stats,
  .ua-pro-gallery {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .ua-market-titlebar h1,
  .ua-market-create-head h1,
  .ua-market-create-form-head h1,
  .ua-market-detail__hero h1,
  .ua-store-hero h1 {
    font-size: clamp(2rem, 8vw, 2.75rem) !important;
    line-height: 1.05 !important;
    max-width: 100% !important;
  }

  .ua-market-titlebar p,
  .ua-market-create-head p,
  .ua-market-create-form-head p,
  .ua-market-detail__hero p,
  .ua-store-hero p {
    max-width: 100% !important;
  }

  .ua-market-stats,
  .ua-market-stats--compact,
  .ua-market-product-grid,
  .ua-market-mini-grid,
  .ua-market-mini-list--cols,
  .ua-market-create-benefits,
  .ua-market-create-process,
  .ua-market-create-steps,
  .ua-machine-list,
  .ua-machine-showcase,
  .ua-machine-quick-grid,
  .ua-store-grid,
  .ua-store-category-grid,
  .ua-pro-card-grid,
  .ua-pro-list,
  .ua-pro-people {
    grid-template-columns: 1fr !important;
  }

  .ua-market-shell .ua-sidebar,
  .ua-sidebar.ua-market-filter--joblike {
    display: block !important;
    order: 2 !important;
  }

  .ua-market-main {
    order: 1 !important;
    width: 100% !important;
  }

  .ua-market-filter-group summary,
  .ua-market-check,
  .ua-market-create-steps article,
  .ua-pro-switch-row {
    min-height: 44px !important;
  }

  .ua-market-product-card,
  .ua-market-mini-card,
  .ua-machine-list-card,
  .ua-market-create-choice,
  .ua-market-create-card,
  .ua-market-create-side section,
  .ua-market-detail .ua-detail-section,
  .ua-pro-card,
  .ua-pro-settings-card,
  .ua-pro-detail-panel {
    width: 100% !important;
    max-width: 100% !important;
  }

  .ua-market-product-card__media,
  .ua-market-product-card__media img,
  .ua-market-mini-card img,
  .ua-market-create-choice img,
  .ua-market-gallery-main img,
  .ua-machine-list-card img,
  .ua-store-card img {
    width: 100% !important;
    height: clamp(190px, 52vw, 280px) !important;
    object-fit: cover !important;
  }

  .ua-market-gallery-thumbs,
  .ua-market-tabs,
  .ua-tabs {
    display: flex !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding-bottom: 6px !important;
  }

  .ua-market-gallery-thumbs button,
  .ua-market-tabs button,
  .ua-tabs a {
    flex: 0 0 auto !important;
    min-height: 44px !important;
    white-space: nowrap !important;
  }

  .ua-market-card-actions .ua-button,
  .ua-machine-list-card__actions a,
  .ua-machine-list-card__actions button,
  .ua-material-seller-actions .ua-button,
  .ua-market-create-choice .ua-button,
  .ua-market-create-footer .ua-button,
  .ua-pro-actions .ua-button,
  .ua-pro-mini-btn,
  .ua-pro-settings-savebar .ua-button {
    width: 100% !important;
    min-height: 48px !important;
  }

  .ua-table-wrap,
  .ua-market-main,
  .ua-pro-card {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .ua-table {
    min-width: 720px !important;
  }
}

@media (max-width: 47.999rem) {
  [data-content-page^="pazar"] :where(.ua-page-container, .ua-container),
  [data-content-page="malzeme-pazari"] :where(.ua-page-container, .ua-container),
  [data-content-page="arac-makine"] :where(.ua-page-container, .ua-container),
  [data-content-page="dijital-urunler"] :where(.ua-page-container, .ua-container),
  [data-content-page="online-magaza"] :where(.ua-page-container, .ua-container),
  [data-role-panel] :where(.ua-page-container, .ua-container) {
    width: min(100% - 22px, 100%) !important;
    max-width: calc(100vw - 22px) !important;
  }

  .ua-market-stats article,
  .ua-market-product-card,
  .ua-market-mini-card,
  .ua-market-compare,
  .ua-market-filter,
  .ua-market-create-choice,
  .ua-market-create-card,
  .ua-market-create-side section,
  .ua-market-create-footer,
  .ua-market-detail .ua-detail-section,
  .ua-pro-card,
  .ua-pro-settings-card,
  .ua-pro-detail-panel {
    border-radius: 18px !important;
  }

  .ua-market-breadcrumb {
    flex-wrap: wrap !important;
    font-size: .82rem !important;
  }

  .ua-market-mini-list--cols li {
    border-right: 0 !important;
    border-bottom: 1px solid #e6edf5 !important;
  }

  .ua-market-mini-list--cols li:last-child {
    border-bottom: 0 !important;
  }

  .ua-market-price-row {
    align-items: stretch !important;
  }

  .ua-market-create-card section {
    padding: 16px !important;
  }
}

@media (max-width: 35.999rem) {
  .ua-market-titlebar h1,
  .ua-market-create-head h1,
  .ua-market-create-form-head h1,
  .ua-market-detail__hero h1,
  .ua-store-hero h1 {
    font-size: clamp(1.78rem, 9.5vw, 2.25rem) !important;
  }

  .ua-market-product-card__media,
  .ua-market-product-card__media img,
  .ua-market-mini-card img,
  .ua-market-create-choice img,
  .ua-market-gallery-main img,
  .ua-machine-list-card img,
  .ua-store-card img {
    height: 186px !important;
  }

  .ua-market-product-card__body,
  .ua-market-create-choice,
  .ua-market-create-card,
  .ua-pro-card,
  .ua-pro-settings-card {
    padding: 14px !important;
  }
}

/* Faz 4 — İş Ara / Personel Ara ailesi mobil düzeni */
@media (max-width: 79.999rem) {
  .jobs-page,
  .jobs-page main,
  .talent2-page,
  .talent2-panel-page,
  .candidate-pool-page {
    max-width: 100vw !important;
    overflow-x: clip !important;
  }

  .jobs-page :where(.container, .jobs-container, .talent2-container),
  .candidate-pool-page :where(.candidate-pool-hero, .candidate-pool-stats, .candidate-pool-chips, .candidate-pool-layout) {
    width: min(100% - 28px, 100%) !important;
    max-width: calc(100vw - 28px) !important;
    margin-inline: auto !important;
  }

  .jobs-page :where(.jobs-detail-layout, .jobs-dashboard-grid, .jobs-panel-grid, .jobs-form-layout, .jobs-layout, .jobs-layout--preview, .jobs-layout--talent-full),
  .jobs-page :where(.talent2-hero__inner, .talent2-layout, .talent2-register, .talent2-job-create, .talent2-panel-grid),
  .candidate-pool-layout {
    grid-template-columns: 1fr !important;
  }

  .jobs-page :where(.jobs-side-card, .jobs-filter, .jf-preview, .jf-filters),
  .candidate-pool-filter,
  .candidate-pool-side {
    position: static !important;
    top: auto !important;
    max-height: none !important;
  }
}

@media (max-width: 63.999rem) {
  .jobs-page :where(.jobs-hero, .jobs-hero--compact, .talent2-hero),
  .candidate-pool-hero {
    min-height: 0 !important;
    padding-block: 20px 24px !important;
    border-radius: 0 0 22px 22px !important;
  }

  .jobs-page :where(.jobs-hero__inner, .jobs-hero__content, .jobs-hero__grid, .talent2-hero__inner),
  .candidate-pool-hero {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .jobs-page :where(.jobs-hero h1, .talent2-hero h1),
  .candidate-pool-hero h1 {
    max-width: 100% !important;
    font-size: clamp(2rem, 8vw, 2.8rem) !important;
    line-height: 1.05 !important;
  }

  .jobs-page :where(.jobs-hero p, .talent2-hero p),
  .candidate-pool-hero__copy > p:not(.candidate-pool-kicker) {
    max-width: 100% !important;
    font-size: 1rem !important;
  }

  .jobs-page :where(.jobs-hero__actions, .talent2-actions, .talent2-submitbar, .jf-search),
  .candidate-pool-search,
  .candidate-pool-hero__actions,
  .candidate-pool-toolbar,
  .candidate-pool-card footer {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
  }

  .jobs-page :where(.jobs-hero__actions .btn, .talent2-btn, .talent2-submitbar a, .talent2-submitbar button, .jf-search button),
  .candidate-pool-search button,
  .candidate-pool-hero__actions a,
  .candidate-pool-card footer a,
  .candidate-pool-card footer button,
  .candidate-pool-filter-btn {
    width: 100% !important;
    min-height: 48px !important;
  }

  .jobs-page :where(.talent2-hero-card, .talent2-phone-card, .talent2-candidate-stack, .talent2-filter, .talent2-side section, .jobs-filter, .jobs-side-card, .jf-preview, .jf-filters),
  .candidate-pool-filter,
  .candidate-pool-main,
  .candidate-pool-side section {
    width: 100% !important;
    max-width: 100% !important;
  }

  .jobs-page :where(.talent2-stats, .talent2-flow, .talent2-candidates, .talent2-form-grid, .talent2-panel-kpis, .talent2-panel-grid, .talent2-applicants),
  .jobs-page :where(.jobs-stats, .jobs-list, .jobs-results, .jobs-form-grid, .jobs-kpi-grid, .jobs-card-grid, .jf-flow, .jf-trust),
  .candidate-pool-stats,
  .candidate-pool-chips,
  .candidate-pool-grid,
  .candidate-pool-hero__metrics {
    grid-template-columns: 1fr !important;
  }

  .jobs-page :where(.job-card, .talent-card, .jf-job-card, .talent2-candidates article, .talent2-applicants article),
  .candidate-pool-card {
    display: grid !important;
    grid-template-columns: 1fr !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  .jobs-page :where(.job-card__top, .talent-card__top, .job-card__footer, .talent-card__footer, .job-card__actions, .talent-card__actions, .talent-card__actions--pro, .jf-job-card__actions) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
    gap: 10px !important;
  }

  .jobs-page :where(.job-card__actions .btn, .talent-card__actions .btn, .talent-card__actions--pro .btn, .jf-job-card__actions a, .jf-job-card__actions button) {
    width: 100% !important;
    min-height: 46px !important;
  }

  .jobs-page :where(.job-card img, .talent-card img, .jf-job-card img, .talent2-candidate-stack img, .talent2-candidates img, .talent2-applicants img),
  .candidate-pool-card > img {
    width: 100% !important;
    height: clamp(190px, 52vw, 260px) !important;
    object-fit: cover !important;
  }

  .jobs-page :where(.job-card__meta, .talent-card__meta, .jf-job-card ul),
  .candidate-pool-card > div:nth-of-type(2) {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  .candidate-pool-filter {
    max-height: none !important;
    overflow: visible !important;
  }

  .candidate-pool-filter-group summary,
  .candidate-pool-filter-group label {
    min-height: 44px !important;
  }

  .candidate-pool-toolbar label,
  .candidate-pool-toolbar select,
  .jobs-page :where(select, input, textarea) {
    width: 100% !important;
    max-width: 100% !important;
  }

  .jobs-page :where(.jobs-table-wrap, .jobs-table, [class*="table"]),
  .candidate-pool-main {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
}

@media (max-width: 47.999rem) {
  .jobs-page :where(.container, .jobs-container, .talent2-container),
  .candidate-pool-page :where(.candidate-pool-hero, .candidate-pool-stats, .candidate-pool-chips, .candidate-pool-layout) {
    width: min(100% - 22px, 100%) !important;
    max-width: calc(100vw - 22px) !important;
  }

  .jobs-page :where(.jobs-content, .jobs-section, .talent2-container),
  .candidate-pool-layout {
    margin-top: 14px !important;
  }

  .jobs-page :where(.talent2-phone-card, .talent2-stats article, .talent2-flow a, .talent2-note, .talent2-filter, .talent2-candidates article, .talent2-side section, .talent2-job-form, .talent2-publish-panel, .talent2-panel-card, .job-card, .talent-card, .jf-job-card, .jf-preview, .jf-filters),
  .candidate-pool-stats article,
  .candidate-pool-chips a,
  .candidate-pool-filter,
  .candidate-pool-main,
  .candidate-pool-side section,
  .candidate-pool-card {
    border-radius: 18px !important;
  }

  .jobs-page :where(.talent2-phone-card dl, .talent2-stats, .talent2-flow),
  .candidate-pool-hero__metrics {
    gap: 10px !important;
  }

  .candidate-pool-search label {
    min-height: 74px !important;
  }

  .candidate-pool-card > div:first-of-type {
    left: 12px !important;
    right: 12px !important;
  }

  .jobs-page :where(.jf-search input) {
    min-height: 52px !important;
    border-inline-end: 0 !important;
    border-bottom: 1px solid #d7e0ec !important;
  }
}

@media (max-width: 35.999rem) {
  .jobs-page :where(.jobs-hero h1, .talent2-hero h1),
  .candidate-pool-hero h1 {
    font-size: clamp(1.82rem, 10vw, 2.28rem) !important;
  }

  .jobs-page :where(.talent2-hero, .jobs-hero),
  .candidate-pool-hero {
    padding-block: 16px 20px !important;
  }

  .jobs-page :where(.job-card, .talent-card, .jf-job-card, .talent2-candidates article),
  .candidate-pool-card {
    padding: 12px !important;
  }

  .jobs-page :where(.job-card img, .talent-card img, .jf-job-card img),
  .candidate-pool-card > img {
    height: 186px !important;
  }

  .candidate-pool-breadcrumb {
    font-size: .78rem !important;
    flex-wrap: wrap !important;
  }
}

/* Faz 5 — Eğitimler, eğitmenler ve akademi sayfaları mobil düzeni */
@media (max-width: 79.999rem) {
  .se-education-page,
  .se-education-page--pro,
  .se-education-detail,
  .se-construction-page,
  .se-other-page,
  .se-live-page,
  .ua-instructor-page,
  [data-content-page="hakkimizda"] main,
  [data-content-page="akademi-hakkinda"] main {
    max-width: 100vw !important;
    overflow-x: clip !important;
  }

  .se-education-page :where(.se-container),
  .se-construction-page :where(.se-container),
  .se-other-page :where(.se-container),
  .se-live-page :where(.se-container),
  .ua-instructor-page :where(.ua-page-container),
  [data-content-page="hakkimizda"] :where(.ua-page-container, .ua-container),
  [data-content-page="akademi-hakkinda"] :where(.ua-page-container, .ua-container) {
    width: min(100% - 28px, 100%) !important;
    max-width: calc(100vw - 28px) !important;
    margin-inline: auto !important;
  }

  .se-education-layout,
  .se-education-detail__layout,
  .se-education-detail__hero,
  .se-education-shell,
  .se-construction-layout,
  .se-other-ready-layout,
  .se-live-layout,
  .ua-instructor-hero,
  .ua-instructor-layout,
  .ua-instructor-feature {
    grid-template-columns: 1fr !important;
  }

  .se-education-filter-sidebar,
  .se-education-side,
  .se-education-access,
  .ua-instructor-layout aside {
    position: static !important;
    top: auto !important;
    max-height: none !important;
  }
}

@media (max-width: 63.999rem) {
  .se-education-top,
  .se-education-hero,
  .se-education-detail__hero,
  .se-construction-hero,
  .se-other-hero,
  .se-live-hero,
  .ua-instructor-hero {
    padding-block: 22px !important;
    border-radius: 0 0 22px 22px !important;
  }

  .se-education-top .se-container,
  .se-education-main-search,
  .se-education-catalog > .se-section-head,
  .se-course-card__actions,
  .se-education-filter-actions,
  .se-course-facts,
  .se-my-course-grid,
  .se-other-ready-head,
  .se-other-course-actions,
  .se-live-actions,
  .ua-instructor-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .se-education-page :where(.se-title, h1),
  .se-construction-page :where(h1),
  .se-other-page :where(h1),
  .se-live-page :where(h1),
  .ua-instructor-hero h1 {
    max-width: 100% !important;
    font-size: clamp(2rem, 8vw, 2.8rem) !important;
    line-height: 1.05 !important;
  }

  .se-education-page :where(.se-subtitle, p),
  .se-construction-page :where(p),
  .se-other-page :where(p),
  .se-live-page :where(p),
  .ua-instructor-hero p {
    max-width: 100% !important;
  }

  .se-education-page--pro .se-education-layout,
  .se-education-layout,
  .se-education-detail__layout,
  .se-education-detail__hero,
  .se-education-catalog .se-course-grid,
  .se-course-grid,
  .se-course-grid--compact,
  .se-my-course-grid,
  .se-construction-program,
  .se-construction-stats,
  .se-construction-courses,
  .se-other-ready-layout,
  .se-other-course-grid,
  .se-other-route,
  .se-live-grid,
  .se-live-session-grid,
  .ua-instructor-stats,
  .ua-instructor-expertise,
  .ua-instructor-courses article,
  .ua-instructor-cta {
    grid-template-columns: 1fr !important;
  }

  .se-education-nav,
  .se-edu-category-strip,
  .se-other-ready-tabs,
  .se-live-tabs {
    display: flex !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding-bottom: 6px !important;
  }

  .se-education-nav a,
  .se-edu-category-strip button,
  .se-other-ready-tabs button,
  .se-live-tabs button {
    flex: 0 0 auto !important;
    min-height: 44px !important;
    white-space: nowrap !important;
  }

  .se-education-filter-sidebar {
    display: none !important;
  }

  .se-education-filter-sidebar.is-open,
  .se-education-page--pro .se-education-filter-sidebar.is-open {
    display: block !important;
  }

  .se-education-mobile-filter,
  .se-education-page--pro .se-education-mobile-filter {
    display: inline-flex !important;
    width: 100% !important;
    justify-content: center !important;
  }

  .se-course-cover,
  .se-edu-course__cover,
  .se-other-course-cover,
  .se-live-cover,
  .ua-instructor-photo,
  .ua-instructor-feature img,
  .ua-instructor-courses img {
    width: 100% !important;
    height: clamp(190px, 52vw, 280px) !important;
    object-fit: cover !important;
  }

  .se-course-card,
  .se-edu-course,
  .se-my-course,
  .se-other-course-card,
  .se-live-card,
  .ua-instructor-panel,
  .ua-instructor-profile,
  .ua-instructor-cta {
    width: 100% !important;
    max-width: 100% !important;
  }

  .se-course-card__actions .se-btn,
  .se-education-primary-action,
  .se-education-access > .se-btn,
  .se-other-course-actions .se-btn,
  .se-live-actions .se-btn,
  .ua-instructor-actions .ua-button,
  .ua-instructor-cta .ua-button {
    width: 100% !important;
    min-height: 48px !important;
  }

  .se-education-page :where(table),
  .se-construction-page :where(table),
  .se-live-page :where(table) {
    min-width: 640px !important;
  }
}

@media (max-width: 47.999rem) {
  .se-education-page :where(.se-container),
  .se-construction-page :where(.se-container),
  .se-other-page :where(.se-container),
  .se-live-page :where(.se-container),
  .ua-instructor-page :where(.ua-page-container),
  [data-content-page="hakkimizda"] :where(.ua-page-container, .ua-container),
  [data-content-page="akademi-hakkinda"] :where(.ua-page-container, .ua-container) {
    width: min(100% - 22px, 100%) !important;
    max-width: calc(100vw - 22px) !important;
  }

  .se-education-page :where(.se-panel, .se-card, .se-course-card, .se-my-course),
  .se-construction-page :where(section, article),
  .se-other-page :where(section, article),
  .se-live-page :where(section, article),
  .ua-instructor-panel,
  .ua-instructor-profile,
  .ua-instructor-cta {
    border-radius: 18px !important;
  }

  .se-education-filter-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .se-education-filter-list button {
    width: 100% !important;
    min-height: 44px !important;
  }

  .se-course-facts div {
    min-height: 72px !important;
  }

  .ua-instructor-card {
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
  }
}

@media (max-width: 35.999rem) {
  .se-education-page :where(.se-title, h1),
  .se-construction-page :where(h1),
  .se-other-page :where(h1),
  .se-live-page :where(h1),
  .ua-instructor-hero h1 {
    font-size: clamp(1.78rem, 9.5vw, 2.25rem) !important;
  }

  .se-course-cover,
  .se-edu-course__cover,
  .se-other-course-cover,
  .se-live-cover,
  .ua-instructor-photo,
  .ua-instructor-feature img,
  .ua-instructor-courses img {
    height: 188px !important;
  }

  .se-education-nav a,
  .se-edu-category-strip button,
  .se-other-ready-tabs button,
  .se-live-tabs button {
    font-size: .9rem !important;
  }
}

@media (max-width: 63.999rem) {
  body {
    font-size: 15px;
  }

  main {
    isolation: isolate;
  }

  main :where(h1) {
    font-size: clamp(2rem, 9.2vw, 2.85rem) !important;
    line-height: 1.04 !important;
    letter-spacing: -0.055em !important;
  }

  main :where(h2) {
    font-size: clamp(1.45rem, 6.5vw, 2rem) !important;
    line-height: 1.1 !important;
    letter-spacing: -0.04em !important;
  }

  main :where(h3) {
    font-size: clamp(1.08rem, 4.8vw, 1.35rem) !important;
    line-height: 1.18 !important;
  }

  main :where(p, li, dd, dt) {
    font-size: clamp(.92rem, 3.85vw, 1rem) !important;
    line-height: 1.55 !important;
  }

  main :where(label, summary, input, select, textarea, button) {
    font-size: .95rem !important;
  }

  main :where(.hero, [class*="hero"], [class*="Hero"]) {
    max-width: 100%;
    overflow: hidden;
  }

  main :where(.actions, .cta, .button-row, .btn-group, [class*="actions"], [class*="Actions"], [class*="cta"]) {
    flex-wrap: wrap;
  }

  main :where(.btn, .se-btn, a[class*="btn"], button[class*="btn"]) {
    justify-content: center;
    white-space: normal;
  }

  main :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
    width: 100%;
    min-height: 46px;
  }

  main :where(.form-row, [class*="form-row"], [class*="FormRow"]) {
    grid-template-columns: 1fr !important;
  }

  main :where(.sidebar, .side-panel, .filter-panel, aside[class*="filter"], [class*="sidebar"], [class*="Sidebar"]) {
    max-width: 100%;
  }

  main :where(.map, [class*="map"], iframe[src*="maps"]) {
    min-height: 280px;
    border-radius: 18px;
  }

  .ua-shell-header {
    width: 100vw !important;
    max-width: 100vw !important;
    overflow: hidden !important;
  }

  .ua-shell-header__mobile {
    position: relative !important;
    width: 100vw !important;
    max-width: 100vw !important;
    overflow: hidden;
    padding-right: 108px !important;
  }

  .ua-shell-brand--mobile.ua-shell-brand--image {
    min-width: 0 !important;
    max-width: calc(100vw - 124px) !important;
    flex: 0 1 auto !important;
    padding-inline-end: 0 !important;
  }

  .ua-shell-brand--mobile.ua-shell-brand--image .ua-shell-brand__mark,
  .ua-shell-brand--mobile.ua-shell-brand--image .ua-shell-brand-logo {
    width: clamp(128px, 36vw, 168px) !important;
    height: auto !important;
    flex-basis: clamp(128px, 36vw, 168px) !important;
  }

  .ua-shell-mobile-actions {
    position: absolute !important;
    top: 50% !important;
    right: 12px !important;
    transform: translateY(-50%) !important;
    flex: 0 0 auto !important;
    justify-content: flex-end !important;
    gap: 6px !important;
  }

  .ua-shell-mobile-actions a[href*="bildirimler"] {
    display: none !important;
  }

  .ua-shell-menu-button {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

@media (max-width: 47.999rem) {
  :where(.container, .container-wide, .page-container, .section, .shell-section, .se-container, .market-container, .job-container, .content-container, .ua-container) {
    width: min(100% - 22px, var(--container-max, 1440px)) !important;
    max-width: calc(100vw - 22px) !important;
  }

  main {
    padding-inline: 0 !important;
  }

  main :where(section, article) {
    scroll-margin-top: 86px;
  }

  main :where(.card, .panel, .se-card, .se-panel, .job-card, .market-card, [class*="card"], [class*="panel"]) {
    border-radius: 18px;
  }

  main :where([class*="grid"], [class*="Grid"]) {
    grid-template-columns: 1fr !important;
  }

  main :where([class*="layout"], [class*="Layout"], [class*="split"], [class*="Split"]) {
    grid-template-columns: 1fr !important;
  }

  main :where(.btn-group, .button-row, [class*="actions"], [class*="Actions"]) {
    align-items: stretch;
    flex-direction: column;
  }

  main :where(.btn-group > *, .button-row > *, [class*="actions"] > a, [class*="actions"] > button, [class*="Actions"] > a, [class*="Actions"] > button) {
    width: 100%;
  }

  main :where(a[class*="btn"], button, .btn, .se-btn) {
    width: 100%;
    min-height: 46px;
    padding-inline: 16px;
    text-align: center;
  }

  main :where(.badge, .chip, .status, .se-badge, [class*="badge"], [class*="chip"], [class*="status"]) {
    white-space: normal;
  }

  main :where(.tabs, .tab-list, [class*="tabs"], [class*="Tabs"]) {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  main :where(.tabs > *, .tab-list > *, [class*="tabs"] > *, [class*="Tabs"] > *) {
    flex: 0 0 auto;
  }

  main :where(table) {
    min-width: 640px;
  }

  main :where(.table-wrap, .table-responsive, [class*="table"], [class*="Table"]) {
    border-radius: 16px;
  }

  main :where(.cookie, .ua-cookie-panel, [class*="cookie"], [class*="Cookie"]) {
    max-width: calc(100vw - 24px) !important;
  }
}

@media (max-width: 35.999rem) {
  .ua-shell-header__mobile {
    padding-left: 10px !important;
    padding-right: 96px !important;
  }

  .ua-shell-brand--mobile.ua-shell-brand--image {
    max-width: calc(100vw - 110px) !important;
  }

  .ua-shell-brand--mobile.ua-shell-brand--image .ua-shell-brand__mark,
  .ua-shell-brand--mobile.ua-shell-brand--image .ua-shell-brand-logo {
    width: clamp(112px, 34vw, 136px) !important;
    flex-basis: clamp(112px, 34vw, 136px) !important;
  }

  .ua-shell-mobile-actions {
    right: 8px !important;
    gap: 4px !important;
  }

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

  .ua-shell-mobile-actions .ua-icon {
    width: 20px !important;
    height: 20px !important;
  }

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

  .ua-shell-drawer__body {
    padding-inline: 14px !important;
  }

  .ua-shell-drawer__main a,
  .ua-shell-drawer__group-trigger {
    min-height: 52px !important;
    grid-template-columns: 22px minmax(0, 1fr) 18px !important;
    gap: 10px !important;
  }

  .ua-shell-drawer__submenu {
    padding-left: 0 !important;
  }

  .ua-shell-drawer__submenu a {
    min-height: 52px !important;
  }

  .ua-shell-drawer__overview {
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
  }

  .ua-shell-drawer__overview em {
    min-width: max-content !important;
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    line-height: 1 !important;
  }

  .ua-shell-drawer__overview strong,
  .ua-shell-drawer__submenu a strong {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }

  .ua-shell-drawer__overview small,
  .ua-shell-drawer__submenu a small {
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }

  main :where(h1) {
    font-size: clamp(1.8rem, 10.2vw, 2.35rem) !important;
  }

  main :where(h2) {
    font-size: clamp(1.32rem, 7.2vw, 1.78rem) !important;
  }

  main :where(.hero, [class*="hero"], [class*="Hero"]) {
    border-radius: 18px;
  }

  main :where(.card, .panel, .se-card, .se-panel, .job-card, .market-card, [class*="card"], [class*="panel"]) {
    padding-inline: min(18px, 5vw);
  }

  main :where(.card img, .panel img, .se-card img, .se-panel img, [class*="card"] img, [class*="panel"] img) {
    object-fit: cover;
  }

  main :where(.ua-stepper, .stepper, [class*="stepper"], [class*="Stepper"]) {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .jobs-page .talent2-container,
  .talent2-page .talent2-container,
  .talent2-panel-page .talent2-container {
    width: min(100% - 22px, 100%) !important;
  }

  .jobs-page :where(.talent2-hero, .talent2-subhero, .talent2-form-hero),
  .talent2-page :where(.talent2-hero, .talent2-subhero, .talent2-form-hero) {
    min-height: 0 !important;
    padding: 18px 0 22px !important;
    overflow: hidden !important;
  }

  .jobs-page :where(.talent2-hero__inner, .talent2-layout, .talent2-register, .talent2-job-create, .talent2-panel-grid),
  .talent2-page :where(.talent2-hero__inner, .talent2-layout, .talent2-register, .talent2-job-create, .talent2-panel-grid) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .jobs-page :where(.talent2-hero-card, .talent2-filter, .talent2-phone-card, .talent2-candidate-stack),
  .talent2-page :where(.talent2-hero-card, .talent2-filter, .talent2-phone-card, .talent2-candidate-stack) {
    width: 100% !important;
    max-width: 100% !important;
    position: static !important;
  }

  .jobs-page :where(.talent2-stats, .talent2-flow, .talent2-candidates, .talent2-panel-kpis, .talent2-applicants),
  .talent2-page :where(.talent2-stats, .talent2-flow, .talent2-candidates, .talent2-panel-kpis, .talent2-applicants) {
    grid-template-columns: 1fr !important;
  }
}

/* Faz 8 nihai katman — tüm panel menüleri mobilde yatay ve okunur kalsın */
@media (max-width: 61.25rem) {
  body[data-role-panel] :where(.ua-pro-panel--fixed-sidebar, .ua-pro-panel, .ua-seller-panel, .ua-candidate-panel, .ua-employer-shell),
  body[data-admin-page] :where(.ua-admin-app, .edu-panel),
  body[data-auth-page] :where(.auth-grid--account, .auth-grid--profile) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    background: #f5f8fc !important;
  }

  body[data-role-panel] .ua-pro-panel--fixed-sidebar::before {
    display: none !important;
  }

  body[data-role-panel] :where(.ua-pro-sidebar, .ua-seller-sidebar, .ua-candidate-sidebar, .ua-employer-sidebar),
  body[data-admin-page] :where(.ua-admin-sidebar, .edu-sidebar),
  body[data-auth-page] .auth-nav {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    width: calc(100% - 22px) !important;
    max-width: calc(100vw - 22px) !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 12px auto 10px !important;
    padding: 12px !important;
    overflow: hidden !important;
    border-radius: 20px !important;
  }

  body[data-role-panel] :where(.ua-pro-sidebar nav, .ua-seller-sidebar nav, .ua-candidate-sidebar nav, .ua-employer-sidebar nav),
  body[data-admin-page] :where(.ua-admin-nav, .edu-sidebar nav),
  body[data-auth-page] .auth-nav ul {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 4px 2px 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-snap-type: x proximity !important;
  }

  body[data-role-panel] :where(.ua-pro-sidebar nav a, .ua-seller-sidebar nav a, .ua-candidate-sidebar nav a, .ua-employer-sidebar nav a),
  body[data-admin-page] :where(.ua-admin-nav a, .edu-sidebar nav a),
  body[data-auth-page] .auth-nav a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    flex: 0 0 auto !important;
    min-width: max(138px, 38vw) !important;
    max-width: 230px !important;
    min-height: 48px !important;
    padding: 10px 13px !important;
    border-radius: 14px !important;
    font-size: .84rem !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    scroll-snap-align: start !important;
  }

  body[data-role-panel] :where(.ua-pro-sidebar nav a span, .ua-seller-sidebar nav a span, .ua-candidate-sidebar nav a span, .ua-employer-sidebar nav a span),
  body[data-admin-page] :where(.ua-admin-nav a span, .edu-sidebar nav a span),
  body[data-auth-page] .auth-nav a span {
    min-width: 0 !important;
    max-width: 150px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  body[data-admin-page] :where(.ua-admin-table-wrap, .edu-table-wrap),
  body[data-role-panel] :where(.ua-pro-table-wrap, .ua-employer-table-wrap, .ua-market-table-wrap) {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
  }
}