/* Mobil kırmızı üst hero — Armut tarzı; masaüstünde gizli */

body.statione-market-layout.statione-is-authenticated .statione-mobile-hero {
  display: none;
}

/* Portal menüler — viewport üstünde görünsün */
.statione-inline-filter-menu--fixed {
  opacity: 1 !important;
  transform: none !important;
  pointer-events: auto !important;
}

/* Search yanı chrome çubukları — aç/kapa genişlik animasyonu */
body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__chrome-slot {
  display: grid;
  grid-template-columns: 0fr;
  flex: 0 0 auto;
  margin: 0;
  margin-inline-start: 0;
  opacity: 0;
  pointer-events: none;
  transition:
    grid-template-columns 0.42s var(--statione-ios-ease, cubic-bezier(0.32, 0.72, 0, 1)),
    margin-inline-start 0.42s var(--statione-ios-ease, cubic-bezier(0.32, 0.72, 0, 1)),
    opacity 0.3s var(--statione-ios-ease, cubic-bezier(0.32, 0.72, 0, 1));
}

body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__chrome-slot.is-open {
  grid-template-columns: 1fr;
  opacity: 1;
  pointer-events: auto;
}

body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__chrome-slot-inner {
  min-width: 0;
  overflow: hidden;
}

body.statione-market-layout.statione-is-authenticated
  .statione-mobile-hero__chrome-slot.is-open
  .statione-mobile-hero__chrome-slot-inner {
  overflow: visible;
}

@media (max-width: 767px) {
  /*
   * Üst status bar için kırmızı yalnızca hero + fixed üst şeritte.
   * html/body kırmızı olursa alt home-indicator / bottom-bar altı da kırmızı görünür.
   */
  html:has(body.statione-market-layout.statione-is-authenticated),
  body.statione-market-layout.statione-is-authenticated {
    background: #ffffff;
  }

  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero {
    --statione-mobile-hero-red: #b91c1c;
    --statione-mobile-hero-red-lift: color-mix(in srgb, #ffffff 20%, var(--statione-mobile-hero-red));
    --statione-mobile-hero-red-deep: color-mix(in srgb, #000000 16%, var(--statione-mobile-hero-red));
    --statione-mobile-hero-ink: #f2f0eb;
    --statione-hero-sheet-radius: 1.35rem;
    /* Köşe yarıçapından büyük olmalı; yoksa arkada beyaz görünür */
    --statione-hero-sheet-overlap: 1.45rem;
    --statione-hero-red-tail: 3.15rem;

    display: block;
    position: relative;
    left: 0;
    right: 0;
    width: calc(
      100% + var(--statione-market-inline-start, 0.75rem) + var(--statione-market-inline-end, 0.75rem)
    );
    max-width: none;
    margin: 0;
    margin-inline: calc(-1 * var(--statione-market-inline-start, 0.75rem))
      calc(-1 * var(--statione-market-inline-end, 0.75rem));
    padding: 0;
    background: transparent;
    color: #ffffff;
    box-sizing: border-box;
    overflow: visible;
    border-radius: 0;
  }

  /* Kırmızı hero — tüm sayfalarda aynı dikey ölçü; altta ferah kırmızı bant */
  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 0.55rem;
    /* Safe-area + ferah üst boşluk */
    padding-top: calc(max(0.85rem, env(safe-area-inset-top, 0px)) + 1.2rem);
    padding-inline: var(--statione-market-inline-start, 0.75rem) var(--statione-market-inline-end, 0.75rem);
    /* Arama ile beyaz sac arasında görünen kırmızı nefes */
    padding-bottom: var(--statione-hero-red-tail);
    min-height: calc(
      max(0.85rem, env(safe-area-inset-top, 0px)) + 1.2rem
        + 2.35rem
        + 0.55rem
        + 3rem
        + var(--statione-hero-red-tail)
    );
    background: var(--statione-mobile-hero-red);
    color: #ffffff;
    box-sizing: border-box;
    overflow: visible;
    border-radius: 0;
  }

  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__decor {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
    border-radius: 0;
  }

  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__decor-svg {
    position: absolute;
    left: -12%;
    top: -8%;
    width: 124%;
    height: 118%;
    display: block;
  }

  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__decor-shape {
    fill: var(--statione-mobile-hero-red-lift);
    transform-box: fill-box;
    transform-origin: center;
    will-change: transform;
  }

  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__decor-shape--a {
    opacity: 0.72;
  }

  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__decor-shape--b {
    opacity: 0.5;
    fill: var(--statione-mobile-hero-red-deep);
  }

  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__decor-shape--c {
    opacity: 0.42;
  }

  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__top {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.55rem;
    width: 100%;
    min-height: 2.35rem;
  }

  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__top-chrome {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.35rem;
    flex: 0 1 auto;
    min-width: 0;
    margin-left: auto;
    max-width: min(100%, 22rem);
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__top-chrome::-webkit-scrollbar {
    display: none;
  }

  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__brand {
    display: inline-flex;
    align-items: center;
    align-self: auto;
    flex: 0 1 auto;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
  }

  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__settings {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    flex: 0 0 auto;
    gap: 0.2rem;
    margin: 0;
    padding: 0;
  }

  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__settings .statione-market-header__action {
    color: var(--statione-mobile-hero-ink);
    min-width: 2.4rem;
    min-height: 2.4rem;
  }

  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__settings .statione-market-header__action:hover,
  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__settings .statione-market-header__action:focus-visible,
  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__settings .statione-market-header__action.is-active,
  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__settings .statione-market-header__action.is-long-pressing {
    background: color-mix(in srgb, var(--statione-mobile-hero-ink) 14%, transparent);
    color: var(--statione-mobile-hero-ink);
    outline: none;
  }

  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__settings .statione-market-header__action-label--desktop {
    display: none;
  }

  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__settings .statione-market-header__action--avatar {
    min-width: 2.35rem;
    min-height: 2.35rem;
    padding: 0;
    border-radius: 999px;
    background: transparent;
  }

  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__settings .statione-market-header__action--avatar:hover,
  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__settings .statione-market-header__action--avatar:focus-visible,
  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__settings .statione-market-header__action--avatar.is-active {
    background: transparent;
    outline: none;
  }

  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__settings .statione-market-header__avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 999px;
    overflow: hidden;
    background: var(--statione-mobile-hero-ink);
    border: 1.5px solid var(--statione-mobile-hero-ink);
    color: var(--statione-mobile-hero-red);
    font-size: 0.95rem;
    font-weight: 650;
    line-height: 1;
    letter-spacing: -0.02em;
  }

  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__settings .statione-market-header__action--avatar.is-active .statione-market-header__avatar,
  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__settings .statione-market-header__action--avatar:hover .statione-market-header__avatar {
    border-color: #ffffff;
    filter: brightness(1.04);
  }

  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__settings .statione-market-header__avatar-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__settings .statione-market-header__avatar-initial {
    display: block;
    user-select: none;
  }

  /* İşlem sayfası: personel / tarih / görünüm çubuğu (başlığın sağı) */
  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__top
    .statione-mobile-hero__filters-bar {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    margin: 0;
    height: 2.85rem;
    min-height: 2.85rem;
    padding: 0.12rem;
    border: 0;
    border-radius: 999px;
    background: #ffffff;
    box-shadow: 0 2px 10px color-mix(in srgb, #000000 12%, transparent);
    box-sizing: border-box;
    overflow: visible;
    position: relative;
    z-index: 6;
  }

  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__top
    .statione-mobile-hero__page-actions-bar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.05rem;
    flex: 0 0 auto;
    margin: 0;
    height: 2.85rem;
    min-height: 2.85rem;
    padding: 0.12rem 0.2rem;
    border: 0;
    border-radius: 999px;
    background: #ffffff;
    box-shadow: 0 2px 10px color-mix(in srgb, #000000 12%, transparent);
    box-sizing: border-box;
    overflow: visible;
    position: relative;
    z-index: 6;
  }

  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__top
    .statione-mobile-hero__page-actions-bar:empty {
    display: none;
  }

  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__top
    .statione-mobile-hero__page-actions-bar
    .statione-cari-toolbar__inline-icon,
  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__top
    .statione-mobile-hero__page-actions-bar
    .statione-page-action {
    min-width: 2.75rem;
    min-height: 2.45rem;
    height: auto;
    padding: 0.12rem 0.22rem;
    gap: 0.08rem;
  }

  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__top
    .statione-mobile-hero__page-actions-bar
    .statione-cari-toolbar__inline-icon
    svg,
  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__top
    .statione-mobile-hero__page-actions-bar
    .statione-page-action
    svg {
    width: 1.1rem;
    height: 1.1rem;
  }

  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__top
    .statione-mobile-hero__page-actions-bar
    .statione-page-action__label {
    max-width: 3.4rem;
    font-size: 0.58rem;
  }

  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__top
    .statione-mobile-hero__filters-bar
    .statione-market-header__actions {
    display: inline-flex;
    align-items: center;
    gap: 0.05rem;
  }

  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__top
    .statione-mobile-hero__filters-bar
    .statione-market-header__personnel-wrap,
  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__top
    .statione-mobile-hero__filters-bar
    .statione-market-header__date-wrap,
  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__top
    .statione-mobile-hero__filters-bar
    .statione-market-header__view-wrap {
    position: relative;
  }

  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__top
    .statione-mobile-hero__filters-bar
    .statione-market-header__action {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.08rem;
    min-width: 2.85rem;
    min-height: 2.45rem;
    margin: 0;
    padding: 0.15rem 0.28rem;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #8b8b93;
    font: inherit;
    cursor: pointer;
  }

  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__top
    .statione-mobile-hero__filters-bar
    .statione-market-header__action.is-active,
  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__top
    .statione-mobile-hero__filters-bar
    .statione-market-header__action:hover,
  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__top
    .statione-mobile-hero__filters-bar
    .statione-market-header__action:focus-visible {
    color: #8b8b93;
    background: transparent;
    outline: none;
  }

  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__top
    .statione-mobile-hero__filters-bar
    .statione-market-header__action.is-active
    .statione-market-header__action-label--desktop {
    font-weight: 500;
  }

  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__top
    .statione-mobile-hero__filters-bar
    .statione-market-header__personnel-wrap
    .statione-market-header__action-label--desktop {
    color: #8b8b93;
    font-weight: 500;
  }

  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__top
    .statione-mobile-hero__filters-bar
    .statione-market-header__action
    svg {
    width: 1.15rem;
    height: 1.15rem;
    display: block;
    color: inherit;
  }

  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__top
    .statione-mobile-hero__filters-bar
    .statione-market-header__action-label--desktop {
    display: block;
    max-width: 3.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: Metropolis;
    font-size: 0.58rem;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -0.01em;
    text-align: center;
    color: inherit;
  }

  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__logo {
    display: block;
    /* Menü başlığı (1.7rem Metropolis) ile aynı optik yükseklik */
    height: 1.28rem;
    width: auto;
    max-width: min(7rem, 55vw);
    object-fit: contain;
  }

  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__menu-title {
    display: block;
    max-width: min(14rem, 68vw);
    margin: 0;
    padding: 0;
    font-family: Metropolis;
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 2.05rem;
    letter-spacing: -0.025em;
    color: #ffffff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
  }

  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__search-wrap {
    position: relative;
    z-index: 1;
    min-width: 0;
    margin-top: 0;
    margin-bottom: 0;
  }

  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__search-wrap:not(.has-compact-search) {
    width: 100%;
  }

  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__search-row {
    display: flex;
    align-items: center;
    gap: 0;
    width: 100%;
    min-width: 0;
    overflow: visible;
  }

  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__search-row.has-search-row-chrome {
    flex-wrap: nowrap;
    overflow: visible;
  }

  /*
   * Dar mobil: yan çubuklar (personel/tarih + yazdır vb.) açıkken
   * üst arama halkasını gizle — Arama zaten alt barda.
   * Masaüstü (force-mobile / geniş viewport) etkilenmez.
   */
  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__search-row.has-search-row-chrome
    .statione-mobile-hero__search-wrap.has-compact-search {
    display: none;
  }

  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__search-row.has-search-row-chrome
    .statione-mobile-hero__search-wrap.has-compact-search:not(.is-search-expanded),
  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__search-row.has-search-row-chrome:has(.statione-mobile-hero__chrome-slot.is-open)
    .statione-mobile-hero__search-wrap:not(.is-search-expanded) {
    flex: 0 0 auto;
    width: 3rem;
    min-width: 3rem;
    max-width: 3rem;
    overflow: hidden;
    transition:
      width 0.42s var(--statione-ios-ease, cubic-bezier(0.32, 0.72, 0, 1)),
      min-width 0.42s var(--statione-ios-ease, cubic-bezier(0.32, 0.72, 0, 1)),
      max-width 0.42s var(--statione-ios-ease, cubic-bezier(0.32, 0.72, 0, 1)),
      flex 0.42s var(--statione-ios-ease, cubic-bezier(0.32, 0.72, 0, 1));
  }

  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__search-row.has-search-row-chrome
    .statione-mobile-hero__search-wrap.has-compact-search.is-search-expanded,
  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__search-row.has-search-row-chrome:has(.statione-mobile-hero__chrome-slot.is-open)
    .statione-mobile-hero__search-wrap.is-search-expanded {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    max-width: none;
  }

  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__search-row.has-search-row-chrome
    .statione-mobile-hero__search-wrap.has-compact-search:not(.is-search-expanded)
    .statione-mobile-hero__search,
  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__search-row.has-search-row-chrome:has(.statione-mobile-hero__chrome-slot.is-open)
    .statione-mobile-hero__search-wrap:not(.is-search-expanded)
    .statione-mobile-hero__search {
    justify-content: center;
    gap: 0;
    padding: 0.3rem;
  }

  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__search-row.has-search-row-chrome
    .statione-mobile-hero__search-wrap.has-compact-search:not(.is-search-expanded)
    .statione-mobile-hero__search-input,
  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__search-row.has-search-row-chrome:has(.statione-mobile-hero__chrome-slot.is-open)
    .statione-mobile-hero__search-wrap:not(.is-search-expanded)
    .statione-mobile-hero__search-input {
    flex: 0 0 auto;
    width: 0;
    min-width: 0;
    max-width: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    pointer-events: none;
  }

  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__search-row.has-search-row-chrome
    .statione-mobile-hero__search-wrap.has-compact-search:not(.is-search-expanded)
    .statione-mobile-hero__search-btn,
  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__search-row.has-search-row-chrome:has(.statione-mobile-hero__chrome-slot.is-open)
    .statione-mobile-hero__search-wrap:not(.is-search-expanded)
    .statione-mobile-hero__search-btn {
    margin-left: 0;
  }

  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__search-row.has-search-row-chrome
    .statione-mobile-hero__search-wrap.has-compact-search.is-search-expanded
    .statione-mobile-hero__search-input,
  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__search-row.has-search-row-chrome:has(.statione-mobile-hero__chrome-slot.is-open)
    .statione-mobile-hero__search-wrap.is-search-expanded
    .statione-mobile-hero__search-input {
    opacity: 1;
    transition: opacity 0.28s var(--statione-ios-ease, cubic-bezier(0.32, 0.72, 0, 1));
  }

  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__search-row.has-search-row-chrome
    .statione-mobile-hero__search-wrap.has-compact-search
    + .statione-mobile-hero__chrome-slot.is-open,
  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__search-row.has-search-row-chrome
    .statione-mobile-hero__search-wrap.has-compact-search.is-search-expanded
    + .statione-mobile-hero__chrome-slot.is-open {
    margin-inline-start: 0.25rem;
  }

  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__search-row.has-search-row-chrome
    .statione-mobile-hero__search-wrap:not(.has-compact-search) {
    flex: 1 1 auto;
    width: auto;
    min-width: min(100%, 11.5rem);
    transition: min-width 0.42s var(--statione-ios-ease, cubic-bezier(0.32, 0.72, 0, 1));
  }

  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__search-row.has-search-row-chrome
    .statione-mobile-hero__chrome-slot.is-open {
    margin-inline-start: 0.25rem;
  }

  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__search-row.has-search-row-chrome
    .statione-mobile-hero__search-wrap.has-compact-search:not(.is-search-expanded)
    + .statione-mobile-hero__chrome-slot.is-open {
    flex: 1 1 auto;
    min-width: 0;
  }

  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__search-row.has-search-row-chrome
    .statione-mobile-hero__chrome-slot.is-open:has(.statione-mobile-hero__page-actions-bar:not(:empty)) {
    flex: 1 1 auto;
    min-width: 0;
  }

  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__search-row.has-search-row-chrome
    .statione-mobile-hero__chrome-slot.is-open:has(.statione-mobile-hero__page-actions-bar:not(:empty))
    .statione-mobile-hero__chrome-slot-inner {
    width: 100%;
  }

  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__search-row.has-search-row-chrome
    .statione-mobile-hero__search-wrap.has-compact-search:not(.is-search-expanded)
    + .statione-mobile-hero__chrome-slot.is-open
    .statione-mobile-hero__chrome-slot-inner {
    width: 100%;
  }

  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__search-row.has-search-row-chrome
    .statione-mobile-hero__search-wrap.has-compact-search:not(.is-search-expanded)
    + .statione-mobile-hero__chrome-slot.is-open
    .statione-mobile-hero__filters-bar {
    display: flex;
    width: 100%;
    justify-content: space-evenly;
  }

  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__search-row.has-search-row-chrome
    .statione-mobile-hero__filters-bar,
  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__search-row.has-search-row-chrome
    .statione-mobile-hero__page-actions-bar {
    flex: 0 0 auto;
  }

  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__search-row
    .statione-mobile-hero__filters-bar {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    margin: 0;
    height: 3rem;
    min-height: 3rem;
    padding: 0.12rem;
    border: 0;
    border-radius: 999px;
    background: #ffffff;
    box-shadow: 0 2px 10px color-mix(in srgb, #000000 12%, transparent);
    box-sizing: border-box;
    overflow: visible;
    position: relative;
    z-index: 6;
  }

  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__search-row
    .statione-mobile-hero__filters-bar
    .statione-market-header__actions {
    display: inline-flex;
    align-items: center;
    gap: 0.05rem;
  }

  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__search-row
    .statione-mobile-hero__filters-bar
    .statione-market-header__personnel-wrap,
  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__search-row
    .statione-mobile-hero__filters-bar
    .statione-market-header__date-wrap,
  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__search-row
    .statione-mobile-hero__filters-bar
    .statione-market-header__view-wrap {
    position: relative;
  }

  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__search-row
    .statione-mobile-hero__filters-bar
    .statione-market-header__action {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.08rem;
    min-width: 2.85rem;
    min-height: 2.45rem;
    margin: 0;
    padding: 0.15rem 0.28rem;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #8b8b93;
    font: inherit;
    cursor: pointer;
  }

  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__search-row
    .statione-mobile-hero__filters-bar
    .statione-market-header__action.is-active,
  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__search-row
    .statione-mobile-hero__filters-bar
    .statione-market-header__action:hover,
  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__search-row
    .statione-mobile-hero__filters-bar
    .statione-market-header__action:focus-visible {
    color: #8b8b93;
    background: transparent;
    outline: none;
  }

  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__search-row
    .statione-mobile-hero__filters-bar
    .statione-market-header__action.is-active
    .statione-market-header__action-label--desktop {
    font-weight: 500;
  }

  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__search-row
    .statione-mobile-hero__filters-bar
    .statione-market-header__personnel-wrap
    .statione-market-header__action-label--desktop {
    color: #8b8b93;
    font-weight: 500;
  }

  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__search-row
    .statione-mobile-hero__filters-bar
    .statione-market-header__action
    svg {
    width: 1.15rem;
    height: 1.15rem;
    display: block;
    color: inherit;
  }

  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__search-row
    .statione-mobile-hero__filters-bar
    .statione-market-header__action-label--desktop {
    display: block;
    max-width: 3.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: Metropolis;
    font-size: 0.58rem;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -0.01em;
    text-align: center;
    color: inherit;
  }

  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__search-row:has(.statione-mobile-hero__chrome-slot.is-open)
    .statione-mobile-hero__search-wrap.is-search-expanded,
  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__search-row:has(.statione-mobile-hero__chrome-slot.is-open)
    .statione-mobile-hero__search-wrap:not(.has-compact-search) {
    flex: 1 1 auto;
    width: auto;
  }

  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__search-row.has-search-row-chrome
    .statione-mobile-hero__page-actions-bar
    .statione-cari-toolbar__inline-icon,
  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__search-row.has-search-row-chrome
    .statione-mobile-hero__page-actions-bar
    .statione-page-action {
    min-width: 2.75rem;
    min-height: 2.45rem;
    padding: 0.12rem 0.22rem;
    gap: 0.08rem;
  }

  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__search-row.has-search-row-chrome
    .statione-mobile-hero__page-actions-bar
    .statione-cari-toolbar__inline-icon
    svg,
  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__search-row.has-search-row-chrome
    .statione-mobile-hero__page-actions-bar
    .statione-page-action
    svg {
    width: 1.1rem;
    height: 1.1rem;
  }

  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__search-row.has-search-row-chrome
    .statione-mobile-hero__page-actions-bar
    .statione-page-action__label {
    max-width: 3.4rem;
    font-size: 0.58rem;
  }

  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__page-actions-bar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.1rem;
    flex: 0 0 auto;
    margin: 0;
    height: 3rem;
    min-height: 3rem;
    padding: 0.2rem 0.35rem;
    border: 0;
    border-radius: 999px;
    background: #ffffff;
    box-shadow: 0 2px 10px color-mix(in srgb, #000000 12%, transparent);
    box-sizing: border-box;
    overflow: visible;
    position: relative;
    z-index: 6;
  }

  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__page-actions-bar:empty {
    display: none;
  }

  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__page-actions-bar
    .statione-vardiya-export-wrap {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__page-actions-bar
    .statione-cari-toolbar__inline-icon,
  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__page-actions-bar
    .statione-page-action {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.12rem;
    min-width: 3.35rem;
    width: auto;
    height: auto;
    min-height: 2.6rem;
    margin: 0;
    padding: 0.15rem 0.35rem;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #8b8b93;
    font: inherit;
    cursor: pointer;
  }

  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__page-actions-bar
    .statione-cari-toolbar__inline-icon
    svg,
  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__page-actions-bar
    .statione-page-action
    svg {
    width: 1.2rem;
    height: 1.2rem;
    display: block;
    color: inherit;
  }

  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__page-actions-bar
    .statione-page-action__label {
    display: block;
    max-width: 4.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: Metropolis;
    font-size: 0.68rem;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -0.01em;
    text-align: center;
    color: inherit;
  }

  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__page-actions-bar
    .statione-cari-toolbar__inline-icon:hover,
  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__page-actions-bar
    .statione-cari-toolbar__inline-icon.is-active {
    color: #8b8b93;
    background: transparent;
  }

  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__page-actions-bar
    .statione-cari-toolbar__inline-icon.is-danger {
    color: #b91c1c;
    background: transparent;
  }

  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__page-actions-bar
    .statione-cari-toolbar__inline-icon.is-active
    .statione-page-action__label {
    font-weight: 500;
  }

  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__search {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    width: 100%;
    min-height: 3rem;
    padding: 0.3rem 0.3rem 0.3rem 1rem;
    border-radius: 999px;
    background: #ffffff;
    box-shadow: 0 2px 10px color-mix(in srgb, #000000 12%, transparent);
    box-sizing: border-box;
  }

  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__search-tools {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 0.1rem;
  }

  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__search-input {
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
    border: none;
    background: transparent;
    color: #1a1a1f;
    font: inherit;
    /* iOS: 16px altı font focus’ta sayfayı zoom’lar */
    font-size: 16px;
    line-height: 1.3;
    outline: none;
  }

  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__search-input::placeholder {
    color: #9a9aa3;
  }

  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__search-input::-webkit-search-decoration,
  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__search-input::-webkit-search-cancel-button {
    -webkit-appearance: none;
  }

  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__search-btn {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    margin: 0;
    margin-left: 0.35rem;
    padding: 0;
    border: none;
    border-radius: 999px;
    background: color-mix(in srgb, #ffffff 8%, var(--statione-mobile-hero-red));
    color: #ffffff;
    cursor: pointer;
  }

  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__search-btn svg {
    width: 1.15rem;
    height: 1.15rem;
    display: block;
  }

  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__scan-btn {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0.2rem;
    border: none;
    border-radius: 0;
    background: transparent;
    color: #5c5c66;
    cursor: pointer;
  }

  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__scan-btn svg {
    width: 1.35rem;
    height: 1.35rem;
    display: block;
  }

  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__scan-btn:hover,
  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__scan-btn:focus-visible {
    color: var(--statione-mobile-hero-red);
    outline: none;
  }

  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__results {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 0.4rem);
    z-index: 40;
    max-height: min(50vh, 18rem);
    overflow: auto;
    border-radius: 14px;
    background: #ffffff;
    color: #1a1a1f;
    box-shadow: 0 10px 28px color-mix(in srgb, #000000 18%, transparent);
  }

  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__results-empty {
    margin: 0;
    padding: 0.85rem 1rem;
    font-size: 0.875rem;
    color: #666666;
  }

  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__results-list {
    margin: 0;
    padding: 0.35rem 0;
    list-style: none;
  }

  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__result {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.1rem;
    width: 100%;
    margin: 0;
    padding: 0.7rem 1rem;
    border: none;
    background: transparent;
    text-align: left;
    cursor: pointer;
    font: inherit;
    color: inherit;
  }

  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__result:hover,
  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__result:focus-visible {
    background: color-mix(in srgb, var(--statione-mobile-hero-red) 8%, #ffffff);
    outline: none;
  }

  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__result-label {
    font-size: 0.9rem;
    font-weight: 600;
  }

  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__result-desc,
  body.statione-market-layout.statione-is-authenticated .statione-mobile-hero__result-group {
    font-size: 0.75rem;
    color: #666666;
  }

  /*
   * Ortak beyaz sac — kırmızı yalnızca hero’da;
   * view kırmızı olursa kısa sayfalarda koca kırmızı blok oluşur.
   */
  body.statione-market-layout.statione-is-authenticated:not(.statione-mobile-minimal-tab)
    .studio-select-view {
    --statione-hero-sheet-radius: 1.35rem;
    --statione-hero-sheet-overlap: 1.45rem;
    padding-top: 0;
    overflow: hidden;
    background: #ffffff;
  }

  /* Sticky chrome altta kalsın ki yuvarlak köşeler kırmızının üstünde görünsün */
  body.statione-market-layout.statione-is-authenticated:not(.statione-mobile-minimal-tab)
    .statione-market-chrome {
    z-index: 1;
    flex: 0 0 auto;
    padding-top: 0;
    overflow: visible;
    background: transparent;
    border-bottom: none;
    box-shadow: none;
  }

  body.statione-market-layout.statione-is-authenticated:not(.statione-mobile-minimal-tab)
    .studio-select-inner {
    position: relative;
    z-index: 2;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    max-width: none;
    margin: calc(-1 * var(--statione-hero-sheet-overlap, 1.45rem)) 0 0;
    margin-inline: 0;
    padding-top: 1.45rem;
    padding-inline: var(--statione-market-inline-start, 0.75rem)
      var(--statione-market-inline-end, 0.75rem);
    background: #ffffff;
    border-radius: var(--statione-hero-sheet-radius, 1.35rem)
      var(--statione-hero-sheet-radius, 1.35rem) 0 0;
    box-sizing: border-box;
  }

  body.statione-market-layout.statione-is-authenticated .statione-mobile-sheet-nav {
    margin: 0 0 0.85rem;
    padding: 0;
    background: transparent;
    border: none;
    box-shadow: none;
  }

  body.statione-market-layout.statione-is-authenticated
    .statione-mobile-sheet-nav
    .statione-home-nav {
    gap: 0.65rem;
  }

  /*
   * Status bar altındaki ince beyaz saç çizgisi:
   * sticky + transform katmanı 1px boşluk bırakabiliyor; fixed şerit onu örter.
   */
  body.statione-market-layout.statione-is-authenticated:not(.statione-mobile-minimal-tab)::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: calc(env(safe-area-inset-top, 0px) + 2px);
    background: #b91c1c;
    pointer-events: none;
    z-index: 190;
  }
}


/* FORCE_MOBILE_CHROME: same as max-width 767px */

  /*
   * Üst status bar için kırmızı yalnızca hero + fixed üst şeritte.
   * html/body kırmızı olursa alt home-indicator / bottom-bar altı da kırmızı görünür.
   */
  html:has(body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated),
  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated {
    background: #ffffff;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero {
    --statione-mobile-hero-red: #b91c1c;
    --statione-mobile-hero-red-lift: color-mix(in srgb, #ffffff 20%, var(--statione-mobile-hero-red));
    --statione-mobile-hero-red-deep: color-mix(in srgb, #000000 16%, var(--statione-mobile-hero-red));
    --statione-mobile-hero-ink: #f2f0eb;
    --statione-hero-sheet-radius: 1.35rem;
    /* Köşe yarıçapından büyük olmalı; yoksa arkada beyaz görünür */
    --statione-hero-sheet-overlap: 1.45rem;
    --statione-hero-red-tail: 3.15rem;

    display: block;
    position: relative;
    left: 0;
    right: 0;
    width: calc(
      100% + var(--statione-market-inline-start, 0.75rem) + var(--statione-market-inline-end, 0.75rem)
    );
    max-width: none;
    margin: 0;
    margin-inline: calc(-1 * var(--statione-market-inline-start, 0.75rem))
      calc(-1 * var(--statione-market-inline-end, 0.75rem));
    padding: 0;
    background: transparent;
    color: #ffffff;
    box-sizing: border-box;
    overflow: visible;
    border-radius: 0;
  }

  /* Kırmızı hero — tüm sayfalarda aynı dikey ölçü; altta ferah kırmızı bant */
  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero__inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 0.55rem;
    /* Safe-area + ferah üst boşluk */
    padding-top: calc(max(0.85rem, env(safe-area-inset-top, 0px)) + 1.2rem);
    padding-inline: var(--statione-market-inline-start, 0.75rem) var(--statione-market-inline-end, 0.75rem);
    /* Arama ile beyaz sac arasında görünen kırmızı nefes */
    padding-bottom: var(--statione-hero-red-tail);
    min-height: calc(
      max(0.85rem, env(safe-area-inset-top, 0px)) + 1.2rem
        + 2.35rem
        + 0.55rem
        + 3rem
        + var(--statione-hero-red-tail)
    );
    background: var(--statione-mobile-hero-red);
    color: #ffffff;
    box-sizing: border-box;
    overflow: visible;
    border-radius: 0;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero__decor {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
    border-radius: 0;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero__decor-svg {
    position: absolute;
    left: -12%;
    top: -8%;
    width: 124%;
    height: 118%;
    display: block;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero__decor-shape {
    fill: var(--statione-mobile-hero-red-lift);
    transform-box: fill-box;
    transform-origin: center;
    will-change: transform;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero__decor-shape--a {
    opacity: 0.72;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero__decor-shape--b {
    opacity: 0.5;
    fill: var(--statione-mobile-hero-red-deep);
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero__decor-shape--c {
    opacity: 0.42;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero__top {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.55rem;
    width: 100%;
    min-height: 2.35rem;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero__top-chrome {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.35rem;
    flex: 0 1 auto;
    min-width: 0;
    margin-left: auto;
    max-width: min(100%, 22rem);
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero__top-chrome::-webkit-scrollbar {
    display: none;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero__brand {
    display: inline-flex;
    align-items: center;
    align-self: auto;
    flex: 0 1 auto;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero__settings {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    flex: 0 0 auto;
    gap: 0.2rem;
    margin: 0;
    padding: 0;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero__settings .statione-market-header__action {
    color: var(--statione-mobile-hero-ink);
    min-width: 2.4rem;
    min-height: 2.4rem;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero__settings .statione-market-header__action:hover,
  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero__settings .statione-market-header__action:focus-visible,
  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero__settings .statione-market-header__action.is-active,
  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero__settings .statione-market-header__action.is-long-pressing {
    background: color-mix(in srgb, var(--statione-mobile-hero-ink) 14%, transparent);
    color: var(--statione-mobile-hero-ink);
    outline: none;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero__settings .statione-market-header__action-label--desktop {
    display: none;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero__settings .statione-market-header__action--avatar {
    min-width: 2.35rem;
    min-height: 2.35rem;
    padding: 0;
    border-radius: 999px;
    background: transparent;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero__settings .statione-market-header__action--avatar:hover,
  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero__settings .statione-market-header__action--avatar:focus-visible,
  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero__settings .statione-market-header__action--avatar.is-active {
    background: transparent;
    outline: none;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero__settings .statione-market-header__avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 999px;
    overflow: hidden;
    background: var(--statione-mobile-hero-ink);
    border: 1.5px solid var(--statione-mobile-hero-ink);
    color: var(--statione-mobile-hero-red);
    font-size: 0.95rem;
    font-weight: 650;
    line-height: 1;
    letter-spacing: -0.02em;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero__settings .statione-market-header__action--avatar.is-active .statione-market-header__avatar,
  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero__settings .statione-market-header__action--avatar:hover .statione-market-header__avatar {
    border-color: #ffffff;
    filter: brightness(1.04);
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero__settings .statione-market-header__avatar-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero__settings .statione-market-header__avatar-initial {
    display: block;
    user-select: none;
  }

  /* İşlem sayfası: personel / tarih / görünüm çubuğu (başlığın sağı) */
  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__top
    .statione-mobile-hero__filters-bar {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    margin: 0;
    height: 2.85rem;
    min-height: 2.85rem;
    padding: 0.12rem;
    border: 0;
    border-radius: 999px;
    background: #ffffff;
    box-shadow: 0 2px 10px color-mix(in srgb, #000000 12%, transparent);
    box-sizing: border-box;
    overflow: visible;
    position: relative;
    z-index: 6;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__top
    .statione-mobile-hero__page-actions-bar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.05rem;
    flex: 0 0 auto;
    margin: 0;
    height: 2.85rem;
    min-height: 2.85rem;
    padding: 0.12rem 0.2rem;
    border: 0;
    border-radius: 999px;
    background: #ffffff;
    box-shadow: 0 2px 10px color-mix(in srgb, #000000 12%, transparent);
    box-sizing: border-box;
    overflow: visible;
    position: relative;
    z-index: 6;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__top
    .statione-mobile-hero__page-actions-bar:empty {
    display: none;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__top
    .statione-mobile-hero__page-actions-bar
    .statione-cari-toolbar__inline-icon,
  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__top
    .statione-mobile-hero__page-actions-bar
    .statione-page-action {
    min-width: 2.75rem;
    min-height: 2.45rem;
    height: auto;
    padding: 0.12rem 0.22rem;
    gap: 0.08rem;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__top
    .statione-mobile-hero__page-actions-bar
    .statione-cari-toolbar__inline-icon
    svg,
  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__top
    .statione-mobile-hero__page-actions-bar
    .statione-page-action
    svg {
    width: 1.1rem;
    height: 1.1rem;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__top
    .statione-mobile-hero__page-actions-bar
    .statione-page-action__label {
    max-width: 3.4rem;
    font-size: 0.58rem;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__top
    .statione-mobile-hero__filters-bar
    .statione-market-header__actions {
    display: inline-flex;
    align-items: center;
    gap: 0.05rem;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__top
    .statione-mobile-hero__filters-bar
    .statione-market-header__personnel-wrap,
  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__top
    .statione-mobile-hero__filters-bar
    .statione-market-header__date-wrap,
  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__top
    .statione-mobile-hero__filters-bar
    .statione-market-header__view-wrap {
    position: relative;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__top
    .statione-mobile-hero__filters-bar
    .statione-market-header__action {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.08rem;
    min-width: 2.85rem;
    min-height: 2.45rem;
    margin: 0;
    padding: 0.15rem 0.28rem;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #8b8b93;
    font: inherit;
    cursor: pointer;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__top
    .statione-mobile-hero__filters-bar
    .statione-market-header__action.is-active,
  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__top
    .statione-mobile-hero__filters-bar
    .statione-market-header__action:hover,
  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__top
    .statione-mobile-hero__filters-bar
    .statione-market-header__action:focus-visible {
    color: #8b8b93;
    background: transparent;
    outline: none;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__top
    .statione-mobile-hero__filters-bar
    .statione-market-header__action.is-active
    .statione-market-header__action-label--desktop {
    font-weight: 500;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__top
    .statione-mobile-hero__filters-bar
    .statione-market-header__personnel-wrap
    .statione-market-header__action-label--desktop {
    color: #8b8b93;
    font-weight: 500;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__top
    .statione-mobile-hero__filters-bar
    .statione-market-header__action
    svg {
    width: 1.15rem;
    height: 1.15rem;
    display: block;
    color: inherit;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__top
    .statione-mobile-hero__filters-bar
    .statione-market-header__action-label--desktop {
    display: block;
    max-width: 3.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: Metropolis;
    font-size: 0.58rem;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -0.01em;
    text-align: center;
    color: inherit;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero__logo {
    display: block;
    /* Menü başlığı (1.7rem Metropolis) ile aynı optik yükseklik */
    height: 1.28rem;
    width: auto;
    max-width: min(7rem, 55vw);
    object-fit: contain;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__logo--inline {
    height: 1.15rem;
    max-width: 6.5rem;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero__menu-title {
    display: block;
    max-width: min(14rem, 68vw);
    margin: 0;
    padding: 0;
    font-family: Metropolis;
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 2.05rem;
    letter-spacing: -0.025em;
    color: #ffffff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero__search-wrap {
    position: relative;
    z-index: 1;
    width: 100%;
    min-width: 0;
    margin-top: 0;
    margin-bottom: 0;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero__search {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    width: 100%;
    height: var(--statione-hero-chrome-pill-h, 3rem);
    min-height: var(--statione-hero-chrome-pill-h, 3rem);
    padding: 0.3rem 0.3rem 0.3rem 1rem;
    border-radius: 999px;
    background: #ffffff;
    box-shadow: 0 2px 10px color-mix(in srgb, #000000 12%, transparent);
    box-sizing: border-box;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero__search-tools {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 0.1rem;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero__search-input {
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
    border: none;
    background: transparent;
    color: #1a1a1f;
    font: inherit;
    /* iOS: 16px altı font focus’ta sayfayı zoom’lar */
    font-size: 16px;
    line-height: 1.3;
    outline: none;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero__search-input::placeholder {
    color: #9a9aa3;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero__search-input::-webkit-search-decoration,
  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero__search-input::-webkit-search-cancel-button {
    -webkit-appearance: none;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero__search-btn {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    margin: 0;
    margin-left: 0.35rem;
    padding: 0;
    border: none;
    border-radius: 999px;
    background: color-mix(in srgb, #ffffff 8%, var(--statione-mobile-hero-red));
    color: #ffffff;
    cursor: pointer;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero__search-btn svg {
    width: 1.15rem;
    height: 1.15rem;
    display: block;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero__scan-btn {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0.2rem;
    border: none;
    border-radius: 0;
    background: transparent;
    color: #5c5c66;
    cursor: pointer;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero__scan-btn svg {
    width: 1.35rem;
    height: 1.35rem;
    display: block;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero__scan-btn:hover,
  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero__scan-btn:focus-visible {
    color: var(--statione-mobile-hero-red);
    outline: none;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero__results {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 0.4rem);
    z-index: 40;
    max-height: min(50vh, 18rem);
    overflow: auto;
    border-radius: 14px;
    background: #ffffff;
    color: #1a1a1f;
    box-shadow: 0 10px 28px color-mix(in srgb, #000000 18%, transparent);
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero__results-empty {
    margin: 0;
    padding: 0.85rem 1rem;
    font-size: 0.875rem;
    color: #666666;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero__results-list {
    margin: 0;
    padding: 0.35rem 0;
    list-style: none;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero__result {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.1rem;
    width: 100%;
    margin: 0;
    padding: 0.7rem 1rem;
    border: none;
    background: transparent;
    text-align: left;
    cursor: pointer;
    font: inherit;
    color: inherit;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero__result:hover,
  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero__result:focus-visible {
    background: color-mix(in srgb, var(--statione-mobile-hero-red) 8%, #ffffff);
    outline: none;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero__result-label {
    font-size: 0.9rem;
    font-weight: 600;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero__result-desc,
  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero__result-group {
    font-size: 0.75rem;
    color: #666666;
  }

  /*
   * Ortak beyaz sac — kırmızı yalnızca hero’da;
   * view kırmızı olursa kısa sayfalarda koca kırmızı blok oluşur.
   */
  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated:not(.statione-mobile-minimal-tab)
    .studio-select-view {
    --statione-hero-sheet-radius: 1.35rem;
    --statione-hero-sheet-overlap: 1.45rem;
    padding-top: 0;
    overflow: hidden;
    background: #ffffff;
  }

  /* Sticky chrome altta kalsın ki yuvarlak köşeler kırmızının üstünde görünsün */
  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated:not(.statione-mobile-minimal-tab)
    .statione-market-chrome {
    z-index: 1;
    flex: 0 0 auto;
    padding-top: 0;
    overflow: visible;
    background: transparent;
    border-bottom: none;
    box-shadow: none;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated:not(.statione-mobile-minimal-tab)
    .studio-select-inner {
    position: relative;
    z-index: 2;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    max-width: none;
    margin: calc(-1 * var(--statione-hero-sheet-overlap, 1.45rem)) 0 0;
    margin-inline: 0;
    padding-top: 1.45rem;
    padding-inline: var(--statione-market-inline-start, 0.75rem)
      var(--statione-market-inline-end, 0.75rem);
    background: #ffffff;
    border-radius: var(--statione-hero-sheet-radius, 1.35rem)
      var(--statione-hero-sheet-radius, 1.35rem) 0 0;
    box-sizing: border-box;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-sheet-nav {
    margin: 0 0 0.85rem;
    padding: 0;
    background: transparent;
    border: none;
    box-shadow: none;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-sheet-nav
    .statione-home-nav {
    gap: 0.65rem;
  }

  /*
   * Status bar altındaki ince beyaz saç çizgisi:
   * sticky + transform katmanı 1px boşluk bırakabiliyor; fixed şerit onu örter.
   */
  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated:not(.statione-mobile-minimal-tab)::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: calc(env(safe-area-inset-top, 0px) + 2px);
    background: #b91c1c;
    pointer-events: none;
    z-index: 190;
  }

/* Masaüstü (force-mobile): search + yan menü satırı */
@media (min-width: 768px) {
  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated {
    --statione-hero-chrome-pill-h: 3rem;
    --statione-hero-chrome-pill-pad: 0.2rem;
    --statione-hero-chrome-pill-inner-h: calc(
      var(--statione-hero-chrome-pill-h) - 2 * var(--statione-hero-chrome-pill-pad)
    );
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero__search-row {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 0;
    width: 100%;
    min-width: 0;
    overflow: visible;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__search-row.has-inline-nav {
    gap: 0.85rem;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__chrome-slot.is-open {
    margin-inline-start: 0.85rem;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-chrome-nav--inline {
    margin-inline-start: 0.85rem;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__search-row.has-inline-nav
    .statione-mobile-hero__search-wrap {
    flex: 1 1 auto;
    width: auto;
    max-width: none;
    transition: flex-basis 0.42s var(--statione-ios-ease, cubic-bezier(0.32, 0.72, 0, 1));
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-hero__filters-bar {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    margin: 0;
    height: var(--statione-hero-chrome-pill-h, 3rem);
    min-height: var(--statione-hero-chrome-pill-h, 3rem);
    padding: var(--statione-hero-chrome-pill-pad, 0.2rem);
    border: 0;
    border-radius: 999px;
    background: #ffffff;
    box-shadow: 0 2px 10px color-mix(in srgb, #000000 12%, transparent);
    box-sizing: border-box;
    overflow: visible;
    position: relative;
    z-index: 5;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__page-actions-bar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.1rem;
    flex: 0 0 auto;
    margin: 0;
    height: var(--statione-hero-chrome-pill-h, 3rem);
    min-height: var(--statione-hero-chrome-pill-h, 3rem);
    padding: var(--statione-hero-chrome-pill-pad, 0.2rem) 0.4rem;
    border: 0;
    border-radius: 999px;
    background: #ffffff;
    box-shadow: 0 2px 10px color-mix(in srgb, #000000 12%, transparent);
    box-sizing: border-box;
    overflow: visible;
    position: relative;
    z-index: 6;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__page-actions-bar:empty {
    display: none;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__page-actions-bar
    .statione-vardiya-export-wrap {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__page-actions-bar
    .statione-cari-toolbar__inline-icon,
  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__page-actions-bar
    .statione-page-action {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.12rem;
    min-width: 3.6rem;
    width: auto;
    height: var(--statione-hero-chrome-pill-inner-h, 2.6rem);
    min-height: var(--statione-hero-chrome-pill-inner-h, 2.6rem);
    margin: 0;
    padding: 0.15rem 0.4rem;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #8b8b93;
    font: inherit;
    cursor: pointer;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__page-actions-bar
    .statione-cari-toolbar__inline-icon
    svg,
  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__page-actions-bar
    .statione-page-action
    svg {
    width: 1.25rem;
    height: 1.25rem;
    display: block;
    color: inherit;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__page-actions-bar
    .statione-page-action__label {
    display: block;
    max-width: 4.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: Metropolis;
    font-size: 0.68rem;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -0.01em;
    text-align: center;
    color: inherit;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__page-actions-bar
    .statione-cari-toolbar__inline-icon:hover,
  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__page-actions-bar
    .statione-cari-toolbar__inline-icon.is-active {
    color: #8b8b93;
    background: transparent;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__page-actions-bar
    .statione-cari-toolbar__inline-icon.is-danger {
    color: #b91c1c;
    background: transparent;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__page-actions-bar
    .statione-cari-toolbar__inline-icon.is-active
    .statione-page-action__label {
    font-weight: 500;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__filters-bar
    .statione-market-header__actions {
    display: inline-flex;
    align-items: center;
    gap: 0.15rem;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__filters-bar
    .statione-market-header__personnel-wrap,
  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__filters-bar
    .statione-market-header__date-wrap,
  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__filters-bar
    .statione-market-header__view-wrap {
    position: relative;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__filters-bar
    .statione-market-header__action {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.12rem;
    min-width: 4.25rem;
    min-height: var(--statione-hero-chrome-pill-inner-h, 2.6rem);
    height: var(--statione-hero-chrome-pill-inner-h, 2.6rem);
    margin: 0;
    padding: 0.15rem 0.45rem;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #8b8b93;
    font: inherit;
    cursor: pointer;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__filters-bar
    .statione-market-header__action.is-active,
  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__filters-bar
    .statione-market-header__action:hover,
  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__filters-bar
    .statione-market-header__action:focus-visible {
    color: #8b8b93;
    background: transparent;
    outline: none;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__filters-bar
    .statione-market-header__action.is-active
    .statione-market-header__action-label--desktop {
    font-weight: 500;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__filters-bar
    .statione-market-header__personnel-wrap
    .statione-market-header__action-label--desktop {
    color: #8b8b93;
    font-weight: 500;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__filters-bar
    .statione-market-header__action
    svg {
    width: 1.3rem;
    height: 1.3rem;
    display: block;
    color: inherit;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__filters-bar
    .statione-market-header__action-label--desktop {
    display: block;
    max-width: 5.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: Metropolis;
    font-size: 0.68rem;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -0.01em;
    text-align: center;
    color: inherit;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-chrome-nav--inline {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, auto));
    align-items: center;
    gap: 0.1rem;
    flex: 0 0 auto;
    margin: 0;
    margin-inline-start: 0.85rem;
    height: var(--statione-hero-chrome-pill-h, 3rem);
    min-height: var(--statione-hero-chrome-pill-h, 3rem);
    padding: var(--statione-hero-chrome-pill-pad, 0.2rem);
    border: 0;
    border-radius: 999px;
    background: #ffffff;
    box-shadow: 0 2px 10px color-mix(in srgb, #000000 12%, transparent);
    box-sizing: border-box;
    overflow: visible;
    position: relative;
    z-index: 4;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-chrome-nav__item {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.12rem;
    min-width: 3.55rem;
    min-height: var(--statione-hero-chrome-pill-inner-h, 2.6rem);
    height: var(--statione-hero-chrome-pill-inner-h, 2.6rem);
    margin: 0;
    padding: 0.15rem 0.35rem;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #8b8b93;
    font: inherit;
    cursor: pointer;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-chrome-nav__item.is-active,
  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-chrome-nav__item:hover,
  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-chrome-nav__item:focus-visible {
    color: #8b8b93;
    background: transparent;
    outline: none;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-chrome-nav__item.is-active
    .statione-mobile-chrome-nav__label {
    font-weight: 500;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-chrome-nav__icon-wrap {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.45rem;
    height: 1.45rem;
    flex: 0 0 auto;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-chrome-nav__icon-wrap svg {
    width: 1.3rem;
    height: 1.3rem;
    display: block;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-chrome-nav__app-icon {
    display: block;
    width: 1.3rem;
    height: 1.3rem;
    object-fit: contain;
    filter: grayscale(1) brightness(0) invert(55%);
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-chrome-nav__item.is-active
    .statione-mobile-chrome-nav__app-icon {
    filter: grayscale(1) brightness(0) invert(55%);
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-chrome-nav__label {
    max-width: 5.5rem;
    font-family: Metropolis;
    font-size: 0.68rem;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -0.01em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated .statione-mobile-chrome-nav__badge {
    position: absolute;
    top: -0.35rem;
    right: -0.5rem;
    min-width: 1rem;
    height: 1rem;
    padding: 0 0.28rem;
    border-radius: 999px;
    background: #b91c1c;
    color: #ffffff;
    font-size: 0.62rem;
    font-weight: 700;
    line-height: 1rem;
    text-align: center;
    box-sizing: border-box;
  }

  /* Masaüstü: başlık search satırının solunda */
  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__top--desktop-hidden {
    display: none;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__inner.has-inline-brand {
    gap: 0;
    min-height: calc(
      max(0.85rem, env(safe-area-inset-top, 0px)) + 1.2rem + 3rem + var(--statione-hero-red-tail)
    );
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__brand--inline {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    min-width: 0;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__brand--inline
    .statione-mobile-hero__menu-title {
    max-width: 9.5rem;
    font-size: 1.55rem;
    line-height: 1.85rem;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__filters-bar
    .statione-market-header__view-wrap {
    position: relative;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__filters-bar
    .statione-market-header__view-wrap
    .statione-market-header__action {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.12rem;
    min-width: 4.25rem;
    min-height: var(--statione-hero-chrome-pill-inner-h, 2.6rem);
    height: var(--statione-hero-chrome-pill-inner-h, 2.6rem);
    margin: 0;
    padding: 0.15rem 0.45rem;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #8b8b93;
    font: inherit;
    cursor: pointer;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__filters-bar
    .statione-market-header__view-wrap
    .statione-market-header__action.is-active,
  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__filters-bar
    .statione-market-header__view-wrap
    .statione-market-header__action:hover,
  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__filters-bar
    .statione-market-header__view-wrap
    .statione-market-header__action:focus-visible {
    color: #8b8b93;
    background: transparent;
    outline: none;
  }

  body.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__filters-bar
    .statione-market-header__view-wrap
    .statione-market-header__action
    svg {
    width: 1.3rem;
    height: 1.3rem;
    display: block;
    color: inherit;
  }

  /* Loş mod: beyaz chrome parçaları */
  body.statione-desktop-view-dim.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__search {
    background: #2b2b2b;
    box-shadow: 0 2px 10px color-mix(in srgb, #000000 28%, transparent);
  }

  body.statione-desktop-view-dim.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__search-input {
    color: #ffffff;
  }

  body.statione-desktop-view-dim.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__search-input::placeholder {
    color: color-mix(in srgb, #ffffff 52%, transparent);
  }

  body.statione-desktop-view-dim.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__search-btn {
    color: #ffffff;
    background: color-mix(in srgb, #ffffff 12%, #2b2b2b);
  }

  body.statione-desktop-view-dim.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__filters-bar,
  body.statione-desktop-view-dim.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__page-actions-bar,
  body.statione-desktop-view-dim.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-chrome-nav--inline {
    background: #2b2b2b;
    box-shadow: 0 2px 10px color-mix(in srgb, #000000 28%, transparent);
  }

  body.statione-desktop-view-dim.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__filters-bar
    .statione-market-header__action,
  body.statione-desktop-view-dim.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-chrome-nav--inline
    .statione-mobile-chrome-nav__item {
    color: #ffffff;
  }

  body.statione-desktop-view-dim.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__page-actions-bar
    .statione-cari-toolbar__inline-icon {
    color: #ffffff;
  }

  body.statione-desktop-view-dim.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__page-actions-bar
    .statione-cari-toolbar__inline-icon:hover,
  body.statione-desktop-view-dim.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__page-actions-bar
    .statione-cari-toolbar__inline-icon.is-active {
    color: #ffffff;
  }

  body.statione-desktop-view-dim.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__page-actions-bar
    .statione-cari-toolbar__inline-icon.is-danger {
    color: #f87171;
  }

  body.statione-desktop-view-dim.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__page-actions-bar
    .statione-cari-toolbar__inline-icon.is-active
    .statione-page-action__label {
    font-weight: 500;
  }

  body.statione-desktop-view-dim.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__filters-bar
    .statione-market-header__action.is-active,
  body.statione-desktop-view-dim.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__filters-bar
    .statione-market-header__action:hover,
  body.statione-desktop-view-dim.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-hero__filters-bar
    .statione-market-header__action:focus-visible,
  body.statione-desktop-view-dim.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-chrome-nav--inline
    .statione-mobile-chrome-nav__item.is-active,
  body.statione-desktop-view-dim.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-chrome-nav--inline
    .statione-mobile-chrome-nav__item:hover {
    color: #a3a3a8;
    background: transparent;
  }

  body.statione-desktop-view-dim.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-chrome-nav--inline
    .statione-mobile-chrome-nav__app-icon {
    filter: grayscale(1) brightness(0) invert(1);
  }

  body.statione-desktop-view-dim.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-chrome-nav--inline
    .statione-mobile-chrome-nav__item.is-active
    .statione-mobile-chrome-nav__app-icon {
    filter: grayscale(1) brightness(0) invert(1);
  }

  body.statione-desktop-view-dim.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated:not(
      .statione-mobile-minimal-tab
    )
    .studio-select-view,
  body.statione-desktop-view-dim.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated:not(
      .statione-mobile-minimal-tab
    )
    .studio-select-inner {
    background: #2b2b2b;
    color: #ffffff;
  }

  body.statione-desktop-view-dim.statione-force-mobile-chrome.statione-market-layout.statione-is-authenticated
    .statione-mobile-nav-cards__title {
    color: #ffffff;
  }
}

/* Yer açıldığında ikon + yazı yan yana — YALNIZCA arama daraltılmış ve tek chrome çubuğu varken */
body.statione-market-layout.statione-is-authenticated
  .statione-mobile-hero__search-row.has-search-row-chrome:has(
    .statione-mobile-hero__search-wrap.has-compact-search:not(.is-search-expanded)
  ):not(:has(.statione-mobile-hero__page-actions-bar:not(:empty)))
  .statione-mobile-hero__filters-bar
  .statione-market-header__action {
  flex: 1 1 0;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.22rem;
  min-width: 0;
  padding-inline: 0.32rem;
}

body.statione-market-layout.statione-is-authenticated
  .statione-mobile-hero__search-row.has-search-row-chrome:has(
    .statione-mobile-hero__search-wrap.has-compact-search:not(.is-search-expanded)
  ):not(:has(.statione-mobile-hero__page-actions-bar:not(:empty)))
  .statione-mobile-hero__filters-bar
  .statione-market-header__action-label--desktop {
  flex: 1 1 auto;
  min-width: 0;
  max-width: none;
  text-align: start;
  font-size: 0.62rem;
}

body.statione-market-layout.statione-is-authenticated
  .statione-mobile-hero__search-row.has-search-row-chrome:has(
    .statione-mobile-hero__search-wrap.has-compact-search:not(.is-search-expanded)
  ):not(:has(.statione-mobile-hero__chrome-slot.is-open .statione-mobile-hero__filters-bar))
  .statione-mobile-hero__page-actions-bar {
  display: flex;
  width: 100%;
  justify-content: space-evenly;
}

body.statione-market-layout.statione-is-authenticated
  .statione-mobile-hero__search-row.has-search-row-chrome:has(
    .statione-mobile-hero__search-wrap.has-compact-search:not(.is-search-expanded)
  ):not(:has(.statione-mobile-hero__chrome-slot.is-open .statione-mobile-hero__filters-bar))
  .statione-mobile-hero__page-actions-bar
  .statione-vardiya-export-wrap {
  flex: 1 1 0;
  min-width: 0;
}

body.statione-market-layout.statione-is-authenticated
  .statione-mobile-hero__search-row.has-search-row-chrome:has(
    .statione-mobile-hero__search-wrap.has-compact-search:not(.is-search-expanded)
  ):not(:has(.statione-mobile-hero__chrome-slot.is-open .statione-mobile-hero__filters-bar))
  .statione-mobile-hero__page-actions-bar
  .statione-cari-toolbar__inline-icon,
body.statione-market-layout.statione-is-authenticated
  .statione-mobile-hero__search-row.has-search-row-chrome:has(
    .statione-mobile-hero__search-wrap.has-compact-search:not(.is-search-expanded)
  ):not(:has(.statione-mobile-hero__chrome-slot.is-open .statione-mobile-hero__filters-bar))
  .statione-mobile-hero__page-actions-bar
  .statione-page-action {
  flex: 1 1 0;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.22rem;
  min-width: 0;
  width: 100%;
  padding-inline: 0.32rem;
}

body.statione-market-layout.statione-is-authenticated
  .statione-mobile-hero__search-row.has-search-row-chrome:has(
    .statione-mobile-hero__search-wrap.has-compact-search:not(.is-search-expanded)
  ):not(:has(.statione-mobile-hero__chrome-slot.is-open .statione-mobile-hero__filters-bar))
  .statione-mobile-hero__page-actions-bar
  .statione-page-action__label {
  flex: 1 1 auto;
  min-width: 0;
  max-width: none;
  text-align: start;
  font-size: 0.62rem;
}