/* MojiOglasi — Mobile mockup (≤1100px) */
@media (max-width: 1100px) {
  .moji-header__burger,
  .moji-mscrim,
  .moji-mdrawer { display: none !important; }
  .moji-container { padding: 0 1rem; }

  /* ── Header mobile ── */
  .moji-header__row {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    min-height: 56px;
    gap: 0.5rem;
  }
  .moji-header__row:has(.moji-header__actions--detail) {
    grid-template-columns: 1fr auto;
  }
  .moji-header__logo {
    grid-column: 1;
    min-width: 0;
    max-width: none;
    overflow: visible;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
  }
  .moji-header__logo-mark { display: none; }
  .moji-header__logo-text { font-size: 1.125rem; }
  .moji-nav { display: none !important; }
  .moji-header__actions {
    grid-column: 2;
    justify-self: end;
    margin-left: 0;
  }
  .moji-header__actions--detail {
    grid-column: 2;
    display: flex;
    gap: 0.125rem;
    justify-self: end;
  }
  .moji-header__actions--detail .moji-icon-btn {
    width: 36px;
    height: 36px;
  }
  .moji-header__desktop-only { display: none !important; }
  .moji-header__mobile-only { display: inline-flex !important; }
  .moji-btn-post { display: none !important; }
  .moji-lang { display: none !important; }
  .moji-login-link span { display: none; }

  /* ── Hero mobile ── */
  .moji-hero { padding: 0; }
  .moji-hero > .moji-container,
  .moji-chero > .moji-container { padding-left: 1rem; padding-right: 1rem; }
  .moji-hero__inner {
    border-radius: 0;
    padding: 1.5rem 1.25rem 1.75rem;
    min-height: 0;
  }
  .moji-hero__photo { inset: 0; background-position: center center; }
  .moji-hero__inner::before {
    background: linear-gradient(180deg, rgba(0,26,51,.52) 0%, rgba(0,26,51,.68) 46%, rgba(0,26,51,.86) 100%);
  }
  .moji-hero__eyebrow,
  .moji-hero__title,
  .moji-hero__subtitle,
  .moji-hero__chips-label { text-shadow: 0 2px 10px rgba(0,26,51,.7); }
  /* Fotoğraf üzerinde okunurluk için bir tık açık mavi */
  .moji-hero__title-accent { color: #6cb2ff; }
  .moji-hero__eyebrow { font-size: 0.5625rem; letter-spacing: 0.12em; margin-bottom: 0.625rem; }
  .moji-hero__title { font-size: 1.75rem; max-width: 100%; }
  .moji-hero__subtitle { font-size: 0.8125rem; max-width: 100%; margin-top: 0.75rem; }
  .moji-hero__badge { display: none !important; }
  .moji-hero__script { display: none !important; }


  .moji-hsb {
    max-width: 100%;
    margin-top: 1.125rem;
    height: 52px;
    padding: 5px 5px 5px 1rem;
  }
  .moji-hsb input { font-size: 0.875rem; }
  .moji-hsb__btn { height: 42px; min-height: 42px; padding: 0 1.125rem; }

  /* ── Bölüm başlıkları ── */
  .moji-section-head { flex-direction: column; align-items: flex-start; gap: 0.75rem; margin-bottom: 1rem; }
  .moji-section-head h2 { font-size: 1.125rem; }
  .moji-section-head__right { width: 100%; justify-content: space-between; gap: 0.75rem; }
  .moji-eyebrow { font-size: 0.625rem; letter-spacing: 0.12em; }

  /* ── Kategori ikonları: 4 kolon ── */
  .moji-cat-icons { display: none !important; }
  .moji-cat-icon { flex: 0 0 84px; }
  .moji-cat-icon { padding: 0.75rem 0.25rem 0.625rem; border-radius: 12px; }
  .moji-cat-icon__box { width: 30px; height: 30px; }
  .moji-cat-icon__label { font-size: 0.625rem; }
  .moji-cat-icon.is-active::after { bottom: 6px; width: 26px; }

  /* ── Öne çıkan ilanlar: 10 kart, 2 kolon (tek tek kaydırma yok) ── */
  .moji-featured { padding: 1.5rem 0; }
  .moji-featured .moji-ad-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin: 0;
    padding: 0;
    overflow: visible;
    scroll-snap-type: none;
  }
  .moji-featured .moji-ad-grid .moji-ad-card {
    flex: initial;
    max-width: none;
  }
  .moji-tabs {
    overflow-x: auto; flex-wrap: nowrap; width: 100%;
    -webkit-overflow-scrolling: touch; padding-bottom: 0.25rem;
  }
  .moji-tabs::-webkit-scrollbar { display: none; }
  .moji-tab { flex-shrink: 0; font-size: 0.75rem; padding: 0.375rem 0.75rem; }
  .moji-carousel-nav { display: none; }
  .moji-ad-grid {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 0.75rem;
    margin: 0 -1rem;
    padding: 0 1rem 0.5rem;
    -webkit-overflow-scrolling: touch;
  }
  .moji-ad-grid::-webkit-scrollbar { display: none; }
  .moji-ad-card { flex: 0 0 66%; max-width: 260px; scroll-snap-align: start; }

  /* Ray mobilde 2 kolona iner: kart yarım kalmaz, sayfa normal kaydırılır.
     Görünen ilk 8 kart yeter; kalanı "Tümünü gör" bağlantısındadır. */
  .moji-rail { overflow: visible; margin: 0; padding: 0; }
  .moji-ad-grid.moji-ad-grid--rail {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem; margin: 0; padding: 0; overflow: visible; scroll-snap-type: none;
  }
  .moji-ad-grid--rail .moji-ad-card { flex: initial; max-width: none; }
  .moji-ad-grid--rail .moji-ad-card:nth-child(n+9) { display: none; }
  .moji-carousel-dots { display: flex; justify-content: center; gap: 0.375rem; margin-top: 0.875rem; }
  .moji-carousel-dots span { width: 7px; height: 7px; border-radius: 50%; background: #cbd5e1; }
  .moji-carousel-dots span.is-active { background: var(--moji-blue); width: 18px; border-radius: 4px; }

  /* ── Kategori kartları: 2 kolon ── */
  .moji-cat-deep { padding: 1.5rem 0; }
  .moji-cat-deep__grid { grid-template-columns: repeat(2, 1fr); gap: 0.75rem; }
  .moji-cat-deep__content { padding: 0.75rem 0.75rem 0.375rem; }
  .moji-cat-deep__head { gap: 0.5rem; margin-top: -1.375rem; }
  .moji-cat-deep__icon { width: 34px; height: 34px; border-radius: 10px; border-width: 2px; }
  .moji-cat-deep__icon svg { width: 19px; height: 19px; }
  .moji-cat-deep__name { font-size: 0.8125rem; padding-top: 0.9375rem; }
  .moji-cat-deep__count { font-size: 0.625rem; right: 0.4375rem; top: 0.4375rem; padding: 0.125rem 0.4375rem; }
  .moji-cat-deep__subs { margin-top: 0.625rem; font-size: 0.71rem; }
  .moji-cat-deep__subs li:nth-child(n+4) { display: none; }
  .moji-cat-deep__link { margin: 0.5rem 0.75rem 0.75rem; font-size: 0.6875rem; }

  /* ── Şehirler: yatay kaydırma ── */
  .moji-cities { padding: 1.5rem 0; }
  .moji-cities__grid {
    display: flex;
    overflow-x: auto;
    gap: 0.75rem;
    margin: 0 -1rem;
    padding: 0 1rem 0.5rem;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
  .moji-cities__grid::-webkit-scrollbar { display: none; }
  .moji-city-card { flex: 0 0 152px; min-width: 0; scroll-snap-align: start; }
  /* Rozet dar kartta iki satıra çıkıp görseli kaplamasın. */
  .moji-city-card__pill {
    top: 7px; right: 7px; left: 7px; max-width: calc(100% - 14px);
    font-size: 0.625rem; padding: 0.1875rem 0.5rem 0.1875rem 0.375rem;
  }
  /* Kart adları iki satırda kesilsin; şeritteki tüm kartlar eşit yükseklikte kalır. */
  .moji-city-card__name { font-size: 0.875rem; margin-top: 0.5rem; min-height: 2.4em; line-height: 1.2; }
  .moji-city-card__count { font-size: 0.6875rem; }

  /* ── Güven ── */
  .moji-trust { padding: 1.25rem 0 1.5rem; }
  .moji-trust__card { padding: 1.25rem 1rem 1.5rem; border-radius: 16px; }
  .moji-trust__head { flex-direction: column; gap: 1rem; }
  .moji-trust__title { font-size: 1.25rem; }
  .moji-trust__sub { font-size: 0.8125rem; }
  .moji-trust__script { display: none !important; }
  .moji-trust__aside { width: 100%; }
  .moji-trust__aside .moji-btn-primary { width: 100%; justify-content: center; }
  .moji-trust__grid { grid-template-columns: repeat(2, 1fr); gap: 1rem; margin-top: 1.25rem; }
  .moji-trust__icon { width: 42px; height: 42px; }

  /* ── Uygulama ── */
  .moji-app-promo { padding: 1.75rem 0 0; }
  .moji-app-promo__grid { grid-template-columns: 1fr; gap: 1.5rem; text-align: left; }
  .moji-app-promo__title { font-size: 1.5rem; }
  .moji-app-promo__text { font-size: 0.8125rem; max-width: none; margin: 0.75rem 0 1.125rem; }
  .moji-app-promo__badges { flex-wrap: nowrap; }
  .moji-app-promo__script { display: none !important; }
  .moji-app-promo__phone { max-width: 230px; margin: 0 auto; }

  /* ── İstatistik ── */
  .moji-stats { padding: 2rem 0; }
  .moji-stats__inner { grid-template-columns: 1fr; text-align: center; gap: 1.5rem; }
  .moji-stats__title { font-size: 1.125rem; }
  .moji-stats__grid { gap: 0.75rem; }
  .moji-stats__num { font-size: 1.375rem; }
  .moji-stats__label { font-size: 0.625rem; }

  /* ── Newsletter ── */
  .moji-newsletter { padding: 1.5rem 0 0; }
  .moji-newsletter__box { grid-template-columns: 1fr; gap: 1rem; padding: 1.25rem; border-radius: 16px; }
  .moji-newsletter__art { display: none !important; }
  .moji-newsletter__title { font-size: 1.0625rem; }
  .moji-newsletter__icon { width: 38px; height: 38px; }
  .moji-newsletter__form { flex-direction: column; }
  .moji-newsletter__form button { padding: 0.75rem; justify-content: center; }

  /* ── Footer ── */
  .moji-footer { padding: 1.75rem 0 0; margin-top: 1.5rem; }
  .moji-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
  .moji-footer__grid > div { min-width: 0; }
  .moji-footer__grid a, .moji-footer__grid li, .moji-footer__grid p, .moji-footer__grid span { overflow-wrap: anywhere; }
  .moji-footer__grid > div:first-child { grid-column: 1 / -1; }
  .moji-footer__about { max-width: none; }
  .moji-footer h3 { font-size: 0.8125rem; margin-bottom: 0.75rem; }
  .moji-footer__bottom { flex-direction: column; align-items: flex-start; text-align: left; gap: 0.875rem; }
  .moji-footer__apps { grid-template-columns: 1fr 1fr; display: grid; }

  /* Liste ve kategori sayfalarında arama satırı mobilde de durur: tek alan
     kaldığı için yer kaplamıyor. Yalnız ilan detayında gizlenir, orada
     mobil başlık kendi düzenini kurar. */
  .moji-search-row { padding: 0 0 0.625rem; }
  .moji-search-row--dt { display: none; }

  /* ── Detail page mobile ── */
  .moji-detail { padding: 0 0 5rem; }
  .moji-breadcrumb { flex-direction: column; align-items: flex-start; font-size: 0.6875rem; }
  .moji-detail-nav { display: none; }

  .moji-detail__layout {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  .moji-detail__main { display: contents; }
  .moji-detail__layout {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  .moji-detail__gallery-block { order: 1; }
  .moji-detail__desc-block {
    order: 2;
    padding-top: 0.75rem;
  }
  .moji-detail__desc-block .moji-detail-section {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
  }
  .moji-detail-sidebar { order: 3; position: static; }
  .moji-detail__content-block { order: 4; }
  .moji-similar { order: 5; }

  /* Gallery: main image + thumbs row below */
  .moji-gallery-wrap {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  .moji-gallery__main {
    width: 100%;
    min-height: 200px;
    max-height: 280px;
    aspect-ratio: 4 / 3;
    border-radius: 12px;
  }
  .moji-gallery__main img { object-fit: cover; }
  .moji-gallery__thumbs {
    flex-direction: row;
    width: 100%;
    margin-top: 0;
    gap: 0.375rem;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 0.125rem;
  }
  .moji-gallery__thumb,
  .moji-gallery__more {
    width: 72px;
    height: 54px;
    flex-shrink: 0;
  }
  .moji-gallery__nav { display: none; }
  .moji-gallery__premium { font-size: 0.625rem; }

  /* Sidebar mobile: title first */
  .moji-detail-sidebar__card {
    border: none;
    box-shadow: none;
    padding: 1rem 0;
    border-radius: 0;
  }
  .moji-detail-sidebar__card > div:first-child {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  .moji-detail-sidebar__title { font-size: 1.25rem; }
  .moji-detail-sidebar__verified {
    display: inline-flex;
    margin-top: 0.375rem;
  }
  .moji-detail-sidebar__price-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
  }
  .moji-detail-sidebar__price { font-size: 1.75rem; margin-top: 0.75rem; }
  .moji-detail-sidebar__finance {
    border: 1px solid var(--moji-blue);
    border-radius: 8px;
    padding: 0.375rem 0.625rem;
    font-size: 0.6875rem;
    white-space: nowrap;
  }
  .moji-detail-sidebar__stats {
    gap: 0.5rem 0.75rem;
    font-size: 0.6875rem;
    margin-top: 0.75rem;
  }
  .moji-detail-sidebar__stats span { max-width: 100%; }
  .moji-detail-sidebar__actions-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.375rem;
  }
  .moji-detail-sidebar__actions-row .moji-btn-call {
    font-size: 0.625rem;
    padding: 0.625rem 0.375rem;
    flex-direction: column;
    gap: 0.25rem;
    line-height: 1.2;
    min-height: 52px;
  }
  .moji-detail-sidebar__actions-row .moji-btn-call svg { flex-shrink: 0; }
  .moji-btn-label-long { display: none; }
  .moji-btn-label-short { display: inline; }
  .moji-specs-grid {
    grid-template-columns: repeat(var(--spec-cols, 3), minmax(0, 1fr));
    margin-top: 1rem;
    border-radius: 10px;
  }
  .moji-spec-item {
    padding: 0.75rem 0.375rem;
    border-right: 1px solid var(--moji-border);
  }
  .moji-spec-item:last-child { border-right: none; }
  .moji-spec-icon { width: 18px; height: 18px; }
  .moji-spec-item__val { font-size: 0.6875rem; }
  .moji-spec-item__lbl { font-size: 0.5625rem; }

    .moji-seller-card {
    margin: 0;
    border-radius: 12px;
    border: 1px solid var(--moji-border);
    background: #fff;
  }
  .moji-map-card,
  .moji-trust-box,
  .moji-report-box,
  .moji-detail-sidebar__card[style*="border:2px solid #fbbf24"] { display: none; }

  .moji-detail-section { margin-top: 1.25rem; padding-top: 1.25rem; border-top: 1px solid var(--moji-border); }
  .moji-detail-section h2 { font-size: 1rem; }
  .moji-detail-desc { font-size: 0.875rem; max-height: 4.5em; overflow: hidden; }
  .moji-detail-desc.is-expanded { max-height: none; }
  .moji-read-more {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    color: var(--moji-blue);
    font-size: 0.8125rem;
    font-weight: 600;
    margin-top: 0.5rem;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
  }

  .moji-info-grid { grid-template-columns: 1fr; }
  .moji-info-row { grid-template-columns: 1fr 1fr; }

  /* Trust pills mobile */
  .moji-trust-pills {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
    margin-top: 1.25rem;
  }
  .moji-trust-pill {
    text-align: center;
    padding: 0.75rem 0.375rem;
    border-radius: 10px;
    font-size: 0.625rem;
    font-weight: 600;
    line-height: 1.3;
  }
  .moji-trust-pill--green { background: #dcfce7; color: #166534; }
  .moji-trust-pill--blue { background: #dbeafe; color: #1e40af; }
  .moji-trust-pill--pink { background: #fce7f3; color: #9d174d; }
  .moji-trust-pill__icon { font-size: 1.125rem; display: block; margin-bottom: 0.25rem; }

  /* Similar horizontal scroll */
  .moji-similar__grid {
    display: flex;
    overflow-x: auto;
    gap: 0.75rem;
    scroll-snap-type: x mandatory;
    padding-bottom: 0.5rem;
    -webkit-overflow-scrolling: touch;
  }
  .moji-similar__grid::-webkit-scrollbar { display: none; }
  .moji-similar-card {
    flex: 0 0 160px;
    scroll-snap-align: start;
  }

  /* Sticky bottom bar */
  .moji-detail-sticky {
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 200;
    background: #fff;
    border-top: 1px solid var(--moji-border);
    padding: 0.625rem 1rem calc(0.625rem + env(safe-area-inset-bottom));
    gap: 0.5rem;
    align-items: center;
    box-shadow: 0 -4px 20px rgba(15,23,42,.08);
  }
  .moji-detail-sticky__btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.125rem;
    background: none;
    border: none;
    font-size: 0.625rem;
    color: var(--moji-text-muted);
    text-decoration: none;
    padding: 0.25rem 0.5rem;
    cursor: pointer;
  }
  .moji-detail-sticky__btn svg { width: 20px; height: 20px; }
  .moji-detail-sticky__save {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    background: var(--moji-blue);
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
  }
}


@media (min-width: 1101px) {
  .moji-carousel-dots { display: none; }
  .moji-trust-pills { display: none; }
  .moji-detail-sticky { display: none !important; }
  .moji-read-more { display: none; }
}

/* ══ Kategori sayfası mobil ══ */
@media (max-width: 1100px) {
  /* ── Kategori hero + alt şerit (mockup) ── */
  .moji-chero__inner { padding-top: 1rem; padding-bottom: 1.25rem; min-height: 0; }
  .moji-chero::before {
    background: linear-gradient(180deg, rgba(0,26,51,.62) 0%, rgba(0,26,51,.72) 45%, rgba(0,26,51,.88) 100%);
  }
  .moji-chero__crumb { font-size: 0.6875rem; margin-bottom: 0.375rem; }
  .moji-chero__title { font-size: 1.75rem; }
  .moji-chero__tagline { font-size: 0.9375rem; margin-top: 0.3125rem; }
  .moji-chero__desc { font-size: 0.8125rem; margin-top: 0.625rem; max-width: none; }


  .moji-substrip { padding: 0.875rem 0 0; }
  .moji-substrip__head { margin-bottom: 0.625rem; }
  .moji-substrip__titles h2 { font-size: 0.9375rem; }
  .moji-substrip__btn { width: 32px; height: 32px; }
  .moji-substrip__viewport::before,
  .moji-substrip__viewport::after { width: 20px; }
  .moji-substrip__row {
    display: flex; gap: 0.5rem; overflow-x: auto; margin: 0 -1rem; padding: 0 1rem 0.625rem;
    scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;
  }
  .moji-substrip__row::-webkit-scrollbar { display: none; }
  .moji-substrip__card { flex: 0 0 118px; scroll-snap-align: start; padding: 0.375rem 0.375rem 0.5rem; }
  .moji-substrip__name { font-size: 0.6875rem; margin-top: 0.375rem; min-height: 1.85em; }
  .moji-substrip__count { font-size: 0.5625rem; }
  .moji-substrip__thumb--icon svg { width: 34px; height: 34px; }
  .moji-main-full > .moji-page-wrap { padding: 0 1rem 2rem; }
}

@media (max-width: 1100px) {
  .moji-page-wrap--auto { padding-top: 1.125rem; }
}

@media (max-width: 1100px) {
  /* Sonuç ızgaraları mobilde 2 kolon kalır (yatay karusel yalnız anasayfada). */
  .moji-ad-grid--2, .moji-ad-grid--3, .moji-ad-grid--4 {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem;
    margin: 0; padding: 0; overflow: visible; scroll-snap-type: none;
  }
  .moji-ad-grid--2 .moji-ad-card, .moji-ad-grid--3 .moji-ad-card, .moji-ad-grid--4 .moji-ad-card { flex: initial; max-width: none; }
  .moji-ad-grid--list { display: grid; grid-template-columns: 1fr; margin: 0; padding: 0; overflow: visible; }
  .moji-ad-grid--list .moji-ad-card { flex: initial; max-width: none; }
  .moji-ad-grid--list .moji-ad-card { grid-template-columns: 128px 1fr; }
  .moji-ad-grid--list .moji-ad-card__img { min-height: 112px; }
  .moji-ad-grid--list .moji-ad-card__body { padding: 0.625rem 0.75rem; }
  .moji-ad-grid--list .moji-ad-card__title { font-size: 0.8125rem; }
  .moji-ad-grid--list .moji-ad-card__price { font-size: 0.9375rem; }
  .moji-ad-card__specs { gap: 0.1875rem 0.5rem; }
  .moji-ad-card__spec { font-size: 0.625rem; }
  .moji-results-head__title { font-size: 1.1875rem; }
  .moji-resbar { gap: 0.625rem; margin-bottom: 0.875rem; }
  .moji-resbar__count { font-size: 0.8125rem; }
  .moji-resbar__tools { flex: 1; justify-content: flex-end; }
  .moji-resbar__sort select { min-width: 0; width: 100%; font-size: 0.75rem; padding: 0.4375rem 1.75rem 0.4375rem 0.625rem; }
  .moji-resbar__sort { flex: 1; max-width: 200px; }
  .moji-resbar__view-btn { width: 32px; height: 32px; }
  .moji-filter-panel { padding: 0.875rem 0.75rem 1rem; }
  .moji-pg__info { text-align: center; }
  .moji-pg__btn { min-width: 32px; height: 32px; font-size: 0.75rem; }
  .moji-brands__row { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.4375rem; }
  .moji-brands__item { min-height: 52px; }
  .moji-brands__panel { padding: 0.875rem 0.875rem 1rem; }
  .moji-catcta__inner { flex-direction: column; align-items: flex-start; gap: 0.75rem; padding: 1rem; }
  .moji-catcta__title { font-size: 0.9375rem; }
  .moji-catcta__sub { font-size: 0.75rem; }
  .moji-catcta__btn { width: 100%; justify-content: center; }
  .moji-results-head { margin-bottom: 0.875rem; }
}
@media (max-width: 420px) {
  .moji-ad-grid--2, .moji-ad-grid--3, .moji-ad-grid--4 { gap: 0.625rem; }
}

/* ══ Blog mobil ══ */
@media (max-width: 1100px) {
  .moji-bloghero > .moji-container { padding-left: 1rem; padding-right: 1rem; }
  .moji-bloghero__photo { inset: 0; }
  .moji-bloghero::before {
    background: linear-gradient(180deg, rgba(238,245,255,.94) 0%, rgba(238,245,255,.88) 55%, rgba(238,245,255,.96) 100%);
  }
  .moji-bloghero__inner { padding-top: 1.125rem; padding-bottom: 1.25rem; min-height: 0; }
  .moji-bloghero__title { font-size: 1.75rem; }
  .moji-bloghero__sub { font-size: 0.8125rem; }

  .moji-blogtopics__row {
    display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 0.5rem;
    margin: 0 -1rem; padding: 0 1rem 0.5rem; scroll-snap-type: x mandatory;
  }
  .moji-blogtopics__row::-webkit-scrollbar { display: none; }
  .moji-blogtopics__item { flex: 0 0 88px; max-width: 88px; min-width: 88px; scroll-snap-align: start; }
  .moji-blogmain { padding: 1.25rem 1rem 2rem; }
  .moji-blogmain__grid { grid-template-columns: 1fr; gap: 1.5rem; }
  .moji-blogcards { grid-template-columns: 1fr; gap: 0.875rem; }
  .moji-blogmain__title { font-size: 1.1875rem; }
  .moji-blogside { position: static; }
}

/* ══ O nama mobil ══ */
@media (max-width: 1100px) {
  .moji-abouthero__inner { padding-top: 1.25rem; padding-bottom: 1.5rem; min-height: 0; max-width: none; }
  .moji-abouthero::before {
    background: linear-gradient(180deg, rgba(9,24,50,.86) 0%, rgba(9,24,50,.78) 50%, rgba(9,24,50,.9) 100%);
  }
  .moji-abouthero__title { font-size: 1.875rem; }
  .moji-abouthero__tagline { font-size: 0.9375rem; max-width: none; }
  .moji-abouthero__desc { font-size: 0.78125rem; max-width: none; }
  .moji-aboutfeat { padding: 1.125rem 0; }
  .moji-aboutfeat__row { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.875rem 0.5rem; }
  .moji-aboutfeat__label { font-size: 0.6875rem; }
  .moji-story { padding: 1.5rem 0 1.75rem; }
  .moji-story__grid { grid-template-columns: 1fr; gap: 1.25rem; }
  .moji-story__media { order: -1; }
  .moji-aboutstats__row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.125rem 0; }
  .moji-aboutstats__item:nth-child(2) { border-right: 0; }
  .moji-aboutstats__item:nth-child(-n+2) { padding-bottom: 1rem; border-bottom: 1px solid #dde8f8; }
  .moji-values { padding: 1.5rem 0 1.75rem; }
  .moji-values__grid { grid-template-columns: 1fr; gap: 1.125rem; }
  .moji-values__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; }
  .moji-aboutcta__inner { flex-direction: column; align-items: flex-start; gap: 1.125rem; padding-top: 1.5rem; padding-bottom: 1.625rem; min-height: 0; }
  .moji-aboutcta__title { font-size: 1.5rem; }
  .moji-aboutcta__sub { font-size: 0.8125rem; max-width: none; }
  .moji-aboutcta__btn { width: 100%; justify-content: center; }
}

/* ══ S.S.S. mobil ══ */
@media (max-width: 1100px) {
  .moji-faqhero__photo { inset: 0; }
  .moji-faqhero::before {
    background: linear-gradient(180deg, rgba(234,242,255,.94) 0%, rgba(234,242,255,.88) 50%, rgba(234,242,255,.96) 100%);
  }
  .moji-faqhero__inner { padding-top: 1.125rem; padding-bottom: 1.25rem; min-height: 0; max-width: none; }
  .moji-faqhero__title { font-size: 1.75rem; }
  .moji-faqhero__tagline { font-size: 0.9375rem; }
  .moji-faqhero__desc { font-size: 0.78125rem; max-width: none; }

  .moji-faqtopics__row {
    display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 0.5rem;
    margin: 0 -1rem; padding: 0 1rem 0.5rem; scroll-snap-type: x mandatory;
  }
  .moji-faqtopics__row::-webkit-scrollbar { display: none; }
  .moji-faqtopics__item { flex: 0 0 92px; min-width: 92px; scroll-snap-align: start; }
  .moji-faqmain { padding: 1.25rem 0 1.75rem; }
  .moji-faqmain__grid { grid-template-columns: 1fr; gap: 1.25rem; }
  .moji-faqside { order: 2; }
  .moji-faqnav { display: none; }
  .moji-faqlist { order: 1; }
  .moji-faqsupport { order: 3; position: static; }
  .moji-faqsupport__photo { min-height: 240px; }
  .moji-faqitem__q { font-size: 0.8125rem; padding: 0.8125rem 0.875rem; }
  .moji-faqidea { padding: 0 0 1.75rem; }
  .moji-faqidea__inner { flex-direction: column; align-items: flex-start; gap: 0.875rem; padding: 1rem; }
  .moji-faqidea__btn { width: 100%; justify-content: center; }
}

/* ══ Kontakt mobil ══ */
@media (max-width: 1100px) {
  .moji-conthero__photo { inset: 0; }
  .moji-conthero::before {
    background: linear-gradient(180deg, rgba(238,244,255,.94) 0%, rgba(238,244,255,.88) 50%, rgba(238,244,255,.96) 100%);
  }
  .moji-conthero__inner { padding-top: 1.125rem; padding-bottom: 1.25rem; min-height: 0; max-width: none; }
  .moji-conthero__title { font-size: 1.875rem; }
  .moji-conthero__tagline { font-size: 0.9375rem; }
  .moji-conthero__desc { font-size: 0.78125rem; max-width: none; }
  .moji-conthero__feats { flex-direction: column; gap: 0.6875rem; margin-top: 1rem; }
  .moji-contmain { padding: 1.25rem 0 1.75rem; }
  .moji-contmain__grid { grid-template-columns: 1fr; gap: 1rem; }
  .moji-contside { order: -1; }
  .moji-contcards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .moji-contmap img { height: 200px; }
  .moji-contform { padding: 1.125rem 1rem 1.25rem; }
  .moji-contfoot { grid-template-columns: 1fr; }
  .moji-contbiz { flex-direction: column; align-items: flex-start; gap: 0.875rem; padding: 1rem; }
  .moji-contbiz__btn { width: 100%; justify-content: center; }
  .moji-contsocial { align-items: center; }
}

/* ══ Poslovi mobil ══ */
@media (max-width: 1100px) {
  .moji-jobhero::before {
    background: linear-gradient(180deg, rgba(8,22,48,.86) 0%, rgba(8,22,48,.76) 50%, rgba(8,22,48,.9) 100%);
  }
  .moji-jobhero__inner { padding-top: 1.125rem; padding-bottom: 1.25rem; min-height: 0; max-width: none; }
  .moji-jobhero__title { font-size: 1.8125rem; }
  .moji-jobhero__tagline { font-size: 0.9375rem; }
  .moji-jobhero__desc { font-size: 0.78125rem; max-width: none; }

  .moji-jobsectors__row {
    display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 0.5rem;
    margin: 0 -1rem; padding: 0 1rem 0.5rem; scroll-snap-type: x mandatory;
  }
  .moji-jobsectors__row::-webkit-scrollbar { display: none; }
  .moji-jobsector { flex: 0 0 86px; min-width: 86px; scroll-snap-align: start; }
  .moji-jobmain { padding: 1.25rem 0 1.5rem; }
  .moji-jobmain__grid { grid-template-columns: 1fr; gap: 1.125rem; }
  .moji-jobfilter { order: 2; }
  .moji-jobresults { order: 1; }
  .moji-jobempty { padding: 2rem 1.125rem 2.25rem; }
  .moji-jobemployers__row { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .moji-jobcta { padding: 0 0 1.75rem; }
  .moji-jobcta__inner { flex-direction: column; align-items: flex-start; gap: 0.875rem; padding: 1rem; }
  .moji-jobcta__btn { width: 100%; justify-content: center; }
}

/* ══ Footer mobil (mockup) ══ */
@media (max-width: 1100px) {
  .moji-footer__script { justify-content: flex-start; margin-top: 1.25rem; padding-right: 0; }
  .moji-footer__script-text { text-align: left; font-size: 1.1875rem; }
  .moji-footer__script-heart { width: 24px; height: 24px; }
  .moji-footer__skyline { margin: -2rem 0 -1rem; }
  .moji-footer__skyline img { opacity: .26; }
  .moji-footer__legal { gap: 0.5rem 1rem; }
  .moji-footer__legal a { padding: 0; }
  .moji-footer__legal a + a { border-left: 0; }
  .moji-footer__legal { gap: 0.375rem 0.875rem; }
  .moji-footer .moji-lang { display: inline-flex !important; align-self: flex-start; }
}

/* ══ Tüm kategoriler (mobil) ══ */
@media (max-width: 1100px) {
  .moji-catsindex { padding: 1rem 0 2.5rem; }
  .moji-catsindex__head { align-items: flex-start; gap: 0.875rem; margin-bottom: 1.125rem; }
  .moji-catsindex__head h1 { font-size: 1.5rem; }
  .moji-catsindex__stats { width: 100%; }
  .moji-catsindex__stats span { flex: 1; min-width: 0; }
  .moji-catsindex__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; }
  .moji-catsindex__body { padding: 0.75rem 0.8125rem 0.875rem; gap: 0.4375rem; }
  .moji-catsindex__body h2 { font-size: 0.9375rem; }
  .moji-catsindex__body > p { font-size: 0.75rem; }
  .moji-catsindex__subs a { font-size: 0.625rem; padding: 0.1875rem 0.5rem; }
  .moji-catsindex__cta { padding: 1.25rem; }
  .moji-catsindex__cta h2 { font-size: 1.125rem; }
}

@media (max-width: 560px) {
  .moji-catsindex__grid { grid-template-columns: 1fr; }
}

/* ══ İlan detay (mobil, mockup) ══ */
@media (max-width: 899px) {
  .moji-dt__grid { display: flex !important; flex-direction: column; gap: 1.125rem; }
  .moji-dt__main { display: contents; }
  .moji-dt__main > * { order: 5; }
  .moji-dtgal, .moji-dtgal__empty { order: 1; }
  .moji-dt__lead { order: 2; }
  .moji-dt--product .moji-dt__lead,
  .moji-dt--vehicle .moji-dt__lead { order: 4; }
  .moji-dt__side { order: 3; position: static; }
  .moji-dt__top { flex-direction: column; align-items: flex-start; gap: 0.5rem; }
  .moji-dt__topacts { width: 100%; overflow-x: auto; }
  .moji-dtgal, .moji-dtgal--left { grid-template-columns: 1fr; }
  .moji-dtgal--left .moji-dtgal__stage { order: 1; }
  .moji-dtgal--left .moji-dtgal__side { order: 2; }
  .moji-dtgal__side { flex-direction: row; overflow-x: auto; scrollbar-width: none; }
  .moji-dtgal__side::-webkit-scrollbar { display: none; }
  .moji-dtgal__thumb, .moji-dtgal__more { flex: 0 0 84px; }
  .moji-dt__title { font-size: 1.3125rem; }
  .moji-dt__meta { margin-bottom: 0.875rem; }
  .moji-dtcontact { gap: 0.625rem; margin: 0.125rem 0 1.125rem; max-width: none; }
  .moji-dtcontact--main { display: none !important; }
  .moji-dtseller .moji-dtcontact--side { display: flex !important; }
  .moji-dtspecs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .moji-dtspec { border-bottom: 1px solid var(--moji-border); }
  .moji-dtspec:nth-child(3n) { border-right: 0; }
  .moji-dtsec { padding: 1rem 1rem 1.125rem; border-radius: 14px; }
  .moji-dtequip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .moji-dtinfo { grid-template-columns: 1fr; }
  .moji-dtsim { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .moji-dtmap iframe { height: 240px; }
  .moji-dtcta__inner { flex-direction: column; align-items: flex-start; }
  .moji-dtcta__inner h2 { font-size: 1.1875rem; }
  .moji-dt { padding-bottom: 4.5rem; }
  .moji-dtsticky {
    display: flex; align-items: center; gap: 0.5rem; position: fixed; left: 0; right: 0; bottom: 0; z-index: 60;
    background: #fff; border-top: 1px solid var(--moji-border); padding: 0.5rem 0.75rem;
    box-shadow: 0 -6px 20px rgba(15,32,60,.12);
  }
  .moji-dtsticky__price { display: flex; flex-direction: column; min-width: 0; flex: 1; }
  .moji-dtsticky__price small { font-size: 0.625rem; color: var(--moji-text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .moji-dtsticky__price strong { font-size: 0.9375rem; font-weight: 800; color: var(--moji-blue); }
  .moji-dtsticky__call, .moji-dtsticky__msg {
    display: inline-flex; align-items: center; gap: 0.3125rem; border-radius: 10px; padding: 0.5625rem 0.75rem;
    font-size: 0.75rem; font-weight: 700; text-decoration: none;
  }
  .moji-dtsticky__call { background: #eef4fe; color: var(--moji-blue); }
  .moji-dtsticky__msg { background: var(--moji-blue); color: #fff; }
}

@media (max-width: 1100px) {
  .moji-dtsec--split { grid-template-columns: 1fr; }
  .moji-dt--property .moji-dtinfo { grid-template-columns: 1fr; }
  .moji-dtbar { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 0.875rem 1rem; }
  .moji-dtprice__name { font-size: 1.1875rem; }
  .moji-dtchips { overflow-x: auto; flex-wrap: nowrap; scrollbar-width: none; }
  .moji-dtchips::-webkit-scrollbar { display: none; }
  .moji-dtchip { flex: 0 0 auto; }
}
@media (max-width: 560px) {
  .moji-dtbar { grid-template-columns: 1fr; }
  .moji-dtspecs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .moji-dtspec:nth-child(2n) { border-right: 0; }
  .moji-dtsim { grid-template-columns: 1fr; }
}

/* ══ İş verenler: ilan yayınla (mobil) ══ */
@media (max-width: 1100px) {
  .moji-jpost-hero__photo { inset: 0; }
  .moji-jpost-hero__photo::before { background: linear-gradient(180deg, rgba(11,33,69,.86), rgba(11,33,69,.94)); }
  .moji-jpost-hero__script { position: static; text-align: left; max-width: none; margin: 1rem 0 0; font-size: 1.125rem; }
  .moji-jpost-hero__inner { max-width: none; padding-top: 1rem; }
  .moji-jpost-hero__inner h1 { font-size: 1.875rem; }
  .moji-jpost-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 1rem; }
  .moji-jpost-stat--dark { grid-column: 1 / -1; }
  .moji-jpost-how { grid-template-columns: 1fr; gap: 1.25rem; }
  .moji-jpost-how h2 { font-size: 1.375rem; }
  .moji-jpost-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .moji-jpost-mid { grid-template-columns: 1fr; }
  .moji-jpost-video__overlay { background: linear-gradient(180deg, rgba(7,24,44,.35), rgba(7,24,44,.88)); }
  .moji-jpost-cards { grid-template-columns: 1fr; }
  .moji-jpost-bottom { grid-template-columns: 1fr; }
  .moji-jpost-bottom__script { text-align: left; }
}
@media (max-width: 560px) {
  .moji-jpost-steps { grid-template-columns: 1fr; }
  .moji-jpost-form__row { grid-template-columns: 1fr; }
}

/* ══ Blog yazı detayı (mobil) ══ */
@media (max-width: 1100px) {
  .moji-bpost__grid { grid-template-columns: 1fr; gap: 1.125rem; }
  .moji-bpost__side { position: static; }
  .moji-bpost__main { padding: 1rem 1.0625rem 1.25rem; border-radius: 14px; }
  .moji-bpost__cover img { height: 220px; }
  .moji-bpost__title { font-size: 1.5rem; }
  .moji-bpost__lead { font-size: 0.9375rem; }
  .moji-bpost__byline { flex-wrap: wrap; }
  .moji-bpost__stats { width: 100%; margin-left: 0; gap: 0.875rem; }
  .moji-bpost__social { margin-left: 0; width: 100%; }
  .moji-bpost__cform { flex-wrap: wrap; }
  .moji-bpost__cform input[type="text"]:first-of-type { max-width: none; flex: 1 1 100%; }
  .moji-bpost__news { flex-direction: column; align-items: flex-start; }
  .moji-bpost__news form { margin-left: 0; width: 100%; flex-wrap: wrap; }
  .moji-bpost__news input[type="email"] { flex: 1; min-width: 0; }
  .moji-bside__script { text-align: left; }
}

/* ══ Üye giriş / kayıt / şifre (mobil) ══ */
@media (max-width: 1100px) {
  .moji-authhead__row { padding: 0 1rem; gap: 0.75rem; }
  .moji-authhead__nav { display: none; }
  .moji-authhead__note { display: none; }
  .moji-authhead__txt small { display: none; }
  .moji-auth { padding: 1.125rem 1rem 1.5rem; }
  .moji-auth__grid, .moji-auth__grid--reg { grid-template-columns: minmax(0, 1fr); gap: 1.25rem; }
  .moji-auth__hero, .moji-auth__panel, .moji-auth__card, .moji-auth__herobody { min-width: 0; max-width: 100%; }
  .moji-auth__feats li, .moji-auth__apps, .moji-auth__trust { min-width: 0; }
  .moji-auth__panel { order: 1; }
  .moji-auth__hero { order: 2; min-height: 0; padding: 0.5rem 0 5rem; }
  .moji-auth__photo { display: none; }
  .moji-auth__herobody { margin-left: 0; max-width: none; }
  .moji-auth__h1 { font-size: 2rem; }
  .moji-auth__lead { font-size: 0.9375rem; max-width: none; }
  .moji-auth__feats--grid { grid-template-columns: 1fr; }
  .moji-auth__script { font-size: 1.25rem; margin-top: 1.25rem; }
  .moji-auth__skyline { left: 0; width: 100%; opacity: .45; }
  .moji-auth__hero { overflow: hidden; }
  .moji-auth__card, .moji-auth__card--reg, .moji-auth__card--mid { padding: 1.25rem 1.125rem 1.25rem; border-radius: 18px; }
  .moji-auth__brand { font-size: 1.75rem; }
  .moji-auth__h2 { font-size: 1.375rem; }
  .moji-auth__social { grid-template-columns: 1fr; }
  .moji-auth__trust { grid-template-columns: 1fr; gap: 0.75rem; }
  .moji-auth__bigico { width: 66px; height: 66px; }
  .moji-auth__bottom { flex-direction: column; align-items: flex-start; gap: 1rem; }
  .moji-auth__stats { flex-direction: column; align-items: flex-start; gap: 0.875rem; }
  .moji-auth__bottom .moji-auth__script { margin-left: 0; }
  .moji-auth__two { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .moji-auth__two--phone { grid-template-columns: 104px minmax(0, 1fr); }
  .moji-auth__apps { gap: 0.625rem; }
}

/* ══ Üye paneli (mobil) ══ */
@media (max-width: 1280px) {
  .moji-pgrid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .moji-pgrid > .moji-pcard--ads { grid-column: 1 / -1; }
  .moji-pstats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .moji-panel { grid-template-columns: minmax(0, 1fr); }
  .moji-pnav {
    position: fixed; left: 0; top: 0; bottom: 0; width: 250px; z-index: 60; height: 100vh;
    transform: translateX(-100%); transition: transform .22s ease;
  }
  .moji-pnav.is-open { transform: none; }
  .moji-panel__scrim { display: block; position: fixed; inset: 0; background: rgba(7,29,52,.5); z-index: 55; }
  .moji-ptop { padding: 0.625rem 1rem; gap: 0.75rem; }
  .moji-ptop__burger { display: flex; }
  .moji-ptop__icons { display: none; }
  .moji-ptop__who { display: none; }
  .moji-ptop__user { padding-left: 0; border-left: 0; }
  .moji-panel__body { padding: 1rem 1rem 2rem; }
  .moji-pwelcome { flex-direction: column; align-items: flex-start; gap: 0.875rem; padding: 1.125rem 1.125rem 1.25rem; }
  .moji-pwelcome__script { display: none; }
  .moji-pwelcome__clock { flex-direction: row; align-items: center; gap: 0.625rem; padding-left: 0; border-left: 0; }
  .moji-pwelcome__clock strong { font-size: 1.25rem; }
  .moji-pstats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .moji-pgrid { grid-template-columns: minmax(0, 1fr); }
  .moji-pdonut { flex-direction: column; align-items: stretch; }
  .moji-pdonut svg { align-self: center; }
  .moji-pprofhead { flex-wrap: wrap; }
  .moji-pprofhead__badge { margin-left: 0; }
}
@media (max-width: 560px) {
  .moji-pstats { grid-template-columns: minmax(0, 1fr); }
  .moji-pquick { grid-template-columns: 1fr; }
  .moji-padlist__pill { display: none; }
}

/* ══ İlan verme sihirbazı (mobil) ══ */
@media (max-width: 1180px) {
  .moji-wgrid { grid-template-columns: minmax(0, 1fr); }
  .moji-wrail { position: static; }
}
@media (max-width: 700px) {
  .moji-wsteps { gap: 0.25rem; padding: 0.75rem; }
  .moji-wsteps li { flex: 0 0 auto; }
  .moji-wsteps li.is-active { flex: 1 1 auto; min-width: 0; }
  .moji-wsteps li + li::before { flex: 0 0 12px; margin-right: 0.25rem; }
  .moji-wsteps__l { display: none; }
  .moji-wsteps li.is-active .moji-wsteps__l { display: block; font-size: 0.6875rem; }
  .moji-wfields { grid-template-columns: minmax(0, 1fr); }
  .moji-wcard { padding: 1rem 1.0625rem 1.125rem; }
  .moji-wcard__head h2 { font-size: 1rem; }
  .moji-wnav { flex-direction: column-reverse; align-items: stretch; }
  .moji-wbtn { width: 100%; }
  .moji-wextra { flex-wrap: wrap; }
  .moji-wextra b { margin-left: 0; }
}

/* ══ Dar ekranlarda yatay kaymayı engelle ══ */
@media (max-width: 700px) {
  .moji-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .moji-footer__grid > div { min-width: 0; }
}
@media (max-width: 480px) {
  /* Tek kolonda liste çok uzuyordu: bağlantıları iki kolona yay. */
  .moji-footer__grid { grid-template-columns: minmax(0, 1fr); }
  .moji-footer__grid > div > ul {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.125rem 1rem;
  }
  .moji-footer__grid > div > ul.moji-footer__contact { grid-template-columns: minmax(0, 1fr); }
}

/* ══ Üye giriş / kayıt (çok dar ekran) ══ */
@media (max-width: 560px) {
  .moji-authhead__row { padding: 0 0.875rem; gap: 0.5rem; }
  .moji-authhead__cta { padding: 0.5rem 0.75rem; font-size: 0.75rem; white-space: nowrap; }
  .moji-authhead__lang { padding: 0.375rem 0.5rem; }
  .moji-auth__two, .moji-auth__two--phone { grid-template-columns: minmax(0, 1fr); }
  .moji-phonefield { grid-template-columns: 6.5rem minmax(0, 1fr); }
  .moji-auth { padding: 1rem 0.875rem 1.25rem; }
  .moji-auth__card, .moji-auth__card--reg, .moji-auth__card--mid { padding: 1.125rem 1rem; }
}
@media (max-width: 400px) {
  .moji-authhead__mark { display: none; }
  .moji-authhead__cta { padding: 0.4375rem 0.625rem; font-size: 0.6875rem; }
}

/* ══ Üye paneli listeleri (mobil) ══ */
@media (max-width: 1180px) {
  .moji-pdopgrid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 760px) {
  .moji-phead { align-items: stretch; }
  .moji-phead h1 { font-size: 1.25rem; }
  .moji-phead .moji-pbtn { width: 100%; }
  .moji-pmine__row { grid-template-columns: 96px minmax(0, 1fr); }
  .moji-pmine__acts { grid-column: 1 / -1; flex-direction: row; flex-wrap: wrap; min-width: 0; }
  .moji-pmine__acts > a, .moji-pmine__acts > form { flex: 1 1 auto; min-width: 108px; }
  .moji-pblank { padding: 2.25rem 1.125rem; }
  .moji-pfavs { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 0.625rem; }
  .moji-ppays { grid-template-columns: minmax(0, 1fr); }
  .moji-pdopgrid > form.moji-pcard { padding: 1rem 1.0625rem 1.125rem; }
}
@media (max-width: 420px) {
  .moji-pmine__row { grid-template-columns: minmax(0, 1fr); }
  .moji-pmine__thumb { aspect-ratio: 16 / 10; }
  .moji-pfavs { grid-template-columns: minmax(0, 1fr); }
}

/* ══ MOBİL İLAN KARTI İNCE AYAR (2 kolon ızgarada okunabilirlik) ══ */
@media (max-width: 520px) {
  .moji-ad-grid--2 .moji-ad-card__price,
  .moji-ad-grid--3 .moji-ad-card__price,
  .moji-ad-grid--4 .moji-ad-card__price { white-space: nowrap; font-size: 0.9375rem; }
  .moji-ad-grid--2 .moji-ad-card__date,
  .moji-ad-grid--3 .moji-ad-card__date,
  .moji-ad-grid--4 .moji-ad-card__date { font-size: 0.5625rem; white-space: nowrap; }
  .moji-ad-grid--2 .moji-ad-card__loc,
  .moji-ad-grid--3 .moji-ad-card__loc,
  .moji-ad-grid--4 .moji-ad-card__loc {
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    overflow: hidden; align-items: flex-start;
  }
  .moji-ad-grid--2 .moji-ad-card__spec,
  .moji-ad-grid--3 .moji-ad-card__spec,
  .moji-ad-grid--4 .moji-ad-card__spec { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}

@media (max-width: 640px) {
  .moji-announce__inner { padding: 0.4375rem 1rem; font-size: 0.75rem; }

}

/* ══ ANA SAYFA EK BÖLÜMLERİ — MOBİL ══════════════════════════════════ */
@media (max-width: 767px) {


  /* Üç ayrı uzun kart yerine tek kartta üç satır: bölüm tren gibi uzamaz. */
  .moji-steps { padding: 1.75rem 0; }
  .moji-steps__grid {
    grid-template-columns: 1fr; gap: 0;
    background: #fff; border: 1px solid var(--moji-border);
    border-radius: 16px; padding: 0 0.875rem;
  }
  .moji-step { padding: 0.9375rem 0; gap: 0.8125rem; border: 0; border-radius: 0; box-shadow: none; }
  .moji-step + .moji-step { border-top: 1px solid var(--moji-border); }
  .moji-step__ico { width: 40px; height: 40px; border-radius: 12px; }
  .moji-step__ico svg { width: 20px; height: 20px; }
  .moji-step__n { width: 18px; height: 18px; font-size: 0.5625rem; top: -5px; right: -5px; }
  .moji-step__t { font-size: 0.9375rem; }
  .moji-step__d { font-size: 0.8125rem; line-height: 1.55; }
  .moji-steps__cta { flex-direction: column; margin-top: 1.125rem; }
  .moji-steps__cta > a { width: 100%; }

  .moji-guides { padding: 2rem 0; }
  .moji-faq { padding: 2rem 0; }
  .moji-faq__grid { grid-template-columns: minmax(0, 1fr); }
  .moji-faq__q { font-size: 0.875rem; padding: 0.875rem 1rem; }

  .moji-about { padding: 2rem 0 2.25rem; }
  .moji-about__h2 { font-size: 1.1875rem; }

  .moji-section-head__note { font-size: 0.8125rem; }
}

/* ─── Satıcı vitrini (mobil) ─────────────────────────────────────────── */
@media (max-width: 767px) {
  .moji-seller { padding: 1rem 1rem 2.5rem; }
  .moji-seller__head { padding: 1.125rem; gap: 1.125rem; }
  .moji-seller__avatar { width: 40px; height: 40px; font-size: 0.875rem; border-radius: 10px; }
  .moji-seller__idtxt h1 { font-size: 1.125rem; }
  /* İstatistikler mobilde iki sütuna kırılır, tren gibi uzamaz. */
  .moji-seller__stats { grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.875rem 1rem; width: 100%; }
  .moji-seller__stats dd { font-size: 1rem; }
  .moji-seller__bar { gap: 0.75rem; }
  .moji-seller__sorts { width: 100%; overflow-x: auto; scrollbar-width: none; }
  .moji-seller__sorts::-webkit-scrollbar { display: none; }
  .moji-seller__safety { padding: 1rem 1.125rem; }
}

/* ─── Şikayet kalıbı (mobil) ─────────────────────────────────────────── */
@media (max-width: 767px) {
  .moji-report { padding: 0; align-items: flex-end; }
  /* Kalıp mobilde alttan açılan tabaka olur, ekranın tamamını kaplamaz. */
  .moji-report__box { max-width: none; max-height: 92vh; border-radius: var(--moji-radius-xl) var(--moji-radius-xl) 0 0; padding: 1.25rem 1.125rem calc(1.25rem + env(safe-area-inset-bottom)); }
  .moji-report__head h2 { font-size: 1.0625rem; }
  .moji-report__actions { flex-direction: column-reverse; }
  .moji-report__cancel,
  .moji-report__send { width: 100%; padding: 0.75rem 1rem; }
}

/* ══ Tek tip arama kutusu (mobil) ══════════════════════════════════════ */
@media (max-width: 767px) {
  /* Tek alan kaldığı için mobilde de tek satır: kutu alçak ve sade durur. */
  .moji-sb { gap: 0.375rem; padding: 0.375rem; }
  .moji-sb--lg { border-radius: 14px; }
  .moji-sb__field { padding: 0 0.625rem; }
  .moji-sb--lg .moji-sb__field input,
  .moji-sb__field input { font-size: 0.9375rem; }
  .moji-sb__btn,
  .moji-sb--lg .moji-sb__btn { min-height: 42px; padding: 0 1rem; font-size: 0.9375rem; }
  .moji-sb__btn-ico { display: inline-flex; }
}

/* Çok dar ekranda düğme yalnız ikonla kalır; arama alanı geniş durur. */
@media (max-width: 400px) {
  .moji-sb__btn,
  .moji-sb--lg .moji-sb__btn { padding: 0 0.9375rem; }
  .moji-sb__btn-txt { display: none; }
}

/* ── Ana sayfa: düz başlık ve açılır SEO metni (mobil) ─────────────────── */
@media (max-width: 767px) {
  .moji-plain-head { margin-bottom: 1rem; font-size: 1.125rem; }
  .moji-about__body { max-height: 148px; }
  .moji-about__more { width: 100%; justify-content: center; }
}

@media (max-width: 1100px) {
  /* ── Banner slider: mobilde daha basık, metin tüm genişliği kullanır ── */
  .moji-slider { padding: 0 0 1rem; }
  .moji-slider__box {
    aspect-ratio: auto;
    min-height: 0; max-height: none;
    height: 174px;
    border-radius: 18px;
    box-shadow: 0 10px 26px rgba(12, 24, 48, .14);
  }
  .moji-slide::after {
    background: linear-gradient(96deg, rgba(255, 255, 255, .96) 0%, rgba(255, 255, 255, .88) 40%, rgba(255, 255, 255, .46) 66%, rgba(255, 255, 255, 0) 90%);
  }
  .moji-slide__body {
    width: 66%;
    gap: 0.3125rem;
    padding: 0.9375rem 0.625rem 0.9375rem 1.125rem;
  }
  .moji-slide__title { font-size: 1.125rem; line-height: 1.18; }
  .moji-slide__sub {
    font-size: 0.6875rem; line-height: 1.35;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  }
  .moji-slide__cta { margin-top: 0.125rem; padding: 0.4375rem 0.8125rem; font-size: 0.75rem; }
  .moji-slide__cta svg { width: 13px; height: 13px; }
  /* Mockup'ta mobilde yön düğmesi yok: geçiş parmakla kaydırma, noktalar ve
     otomatik ilerleme ile yapılır. Noktalar altta ortalanır. */
  .moji-slider__arw { display: none; }
  .moji-slider__dots {
    bottom: 10px; left: 50%; right: auto;
    transform: translateX(-50%);
    padding: 4px 7px;
  }
  .moji-slider__dot { width: 6px; height: 6px; }
  .moji-slider__dot.is-active { width: 18px; }

  /* ═══════════════════════════════════════════════════════════════════════
     ALT GEZİNME ÇUBUĞU (yalnız mobil)
     Beş yuva: ortadaki yükseltilmiş düğme ilan verme akışını açar. Çubuk
     ekranın altına sabitlenir, cihazın güvenli alanı kadar iç boşluk alır.
     ═══════════════════════════════════════════════════════════════════════ */
  .moji-bnav {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    align-items: start;
    position: fixed;
    inset: auto 0 0 0;
    z-index: 60;
    height: calc(62px + env(safe-area-inset-bottom, 0px));
    padding: 0 0 env(safe-area-inset-bottom, 0px);
    background: rgba(255, 255, 255, .98);
    backdrop-filter: blur(12px);
    border-radius: 22px 22px 0 0;
    box-shadow: 0 -1px 0 rgba(224, 233, 246, .9), 0 -8px 26px rgba(11, 26, 51, .09);
  }
  .moji-bnav__item {
    display: flex; flex-direction: column; align-items: center; justify-content: flex-start;
    gap: 5px;
    height: 62px;
    padding-top: 11px;
    color: #4a5b7d;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    transition: color .15s;
  }
  .moji-bnav__ico { display: grid; place-items: center; height: 22px; }
  .moji-bnav__ico svg { width: 22px; height: 22px; display: block; }
  .moji-bnav__lbl {
    font-size: 0.6875rem; font-weight: 600; letter-spacing: -.005em; color: #71809d;
    max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  }
  .moji-bnav__item.is-active { color: var(--moji-blue, #0d6cf6); }
  .moji-bnav__item.is-active .moji-bnav__lbl { color: var(--moji-blue, #0d6cf6); font-weight: 800; }
  .moji-bnav__item:active { opacity: .65; }

  .moji-bnav__fab {
    position: relative;
    display: block;
    height: 62px;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
  }
  .moji-bnav__fab-btn {
    position: absolute; top: -22px; left: 50%;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 1px;
    width: 58px; height: 58px;
    transform: translateX(-50%);
    border-radius: 50%;
    background: linear-gradient(162deg, #4c93ff, #2264f6 56%, #1150dd);
    color: #fff;
    box-shadow:
      0 0 0 4px #fff,
      0 0 18px 7px rgba(74, 140, 255, .18),
      0 8px 18px rgba(29, 92, 232, .38);
    transition: transform .16s;
  }
  .moji-bnav__fab-btn svg { width: 17px; height: 17px; display: block; }
  .moji-bnav__fab-txt {
    font-size: 0.5625rem; font-weight: 800; letter-spacing: -.01em; line-height: 1;
    color: #fff; white-space: nowrap;
  }
  .moji-bnav__fab:active .moji-bnav__fab-btn { transform: translateX(-50%) scale(.93); }
  .moji-bnav__fab-ring {
    position: absolute; top: -22px; left: 50%;
    width: 58px; height: 58px;
    transform: translateX(-50%);
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(34, 100, 246, .3);
    animation: mojiBnavPulse 5s ease-out infinite;
    pointer-events: none;
  }
  @keyframes mojiBnavPulse {
    0%, 72% { box-shadow: 0 0 0 0 rgba(34, 100, 246, .3); }
    90% { box-shadow: 0 0 0 18px rgba(34, 100, 246, 0); }
    100% { box-shadow: 0 0 0 0 rgba(34, 100, 246, 0); }
  }

  body.moji-has-bnav { padding-bottom: calc(62px + env(safe-area-inset-bottom, 0px)); }
  body.moji-has-bnav .moji-ai { bottom: calc(76px + env(safe-area-inset-bottom, 0px)); }
  body.moji-has-bnav .moji-cookiebar { bottom: calc(62px + env(safe-area-inset-bottom, 0px)); }

  @media (max-width: 344px) {
    .moji-bnav__lbl { font-size: 0.625rem; }
    .moji-bnav__fab-btn { width: 50px; height: 50px; top: -15px; }
    .moji-bnav__fab-ring { width: 50px; height: 50px; top: -15px; }
    .moji-bnav__fab-txt { font-size: 0.5rem; }
  }
}

@media (prefers-reduced-motion: reduce) { .moji-bnav__fab-ring { animation: none; } }

@media (max-width: 1100px) {
  /* ═════════════════════════════════════════════════════════════════════
     A. BAŞLIK ÇUBUĞU — mockup düzeni
     Logo solda (altında slogan), sağda bildirim zili ve çekmece düğmesi.
     Favori ve profil kısayolları alt gezinme çubuğunda olduğu için burada
     tekrarlanmaz.
     ═════════════════════════════════════════════════════════════════════ */
  /* Izgara yeniden dizilir: logo solda, zil ve çekmece düğmesi sağda.
     Sütun atamaları üstteki eski kurallardan daha güçlü olması için burada
     açıkça yeniden verilir. */
  .moji-header__row {
    grid-template-columns: 1fr auto;
    gap: 0.375rem;
    min-height: 54px;
  }
  .moji-header__logo {
    grid-column: 1; grid-row: 1;
    justify-self: start;
    align-items: flex-start;
    text-align: left;
  }
  .moji-header__actions { grid-column: 2; grid-row: 1; justify-self: end; gap: 0.375rem; }
  .moji-header__burger { display: none !important; }
  .moji-header__fav { display: none; }
  .moji-header__bell { position: relative; display: inline-flex; }
  .moji-header__bell svg { width: 22px; height: 22px; }
  .moji-header__row { min-height: 62px; }

  /* ── Dil seçimi: zilin yanında kapsül düğme, altında kısa liste ── */
  .moji-hlang { position: relative; display: inline-flex; }
  .moji-hlang__btn {
    display: inline-flex; align-items: center; gap: 0.25rem;
    width: auto; min-width: 0; padding: 0 0.4375rem; height: 32px;
    border: 1px solid var(--moji-border, #e3eaf3); border-radius: 999px;
    background: #fff;
  }
  .moji-hlang__btn img { width: 18px; height: 13px; border-radius: 2px; display: block; }
  .moji-hlang__code { font-size: 0.6875rem; font-weight: 800; color: var(--moji-navy, #0b2145); letter-spacing: -0.01em; }
  .moji-hlang__menu {
    position: absolute; top: calc(100% + 6px); right: 0; z-index: 60;
    min-width: 150px; padding: 0.3125rem;
    background: #fff; border: 1px solid var(--moji-border, #e3eaf3); border-radius: 12px;
    box-shadow: 0 12px 30px rgba(11, 33, 69, .16);
  }
  .moji-hlang__item {
    display: flex; align-items: center; gap: 0.5rem;
    padding: 0.5rem 0.5625rem; border-radius: 8px;
    font-size: 0.8125rem; font-weight: 700; color: var(--moji-navy, #0b2145);
    text-decoration: none;
  }
  .moji-hlang__item img { width: 20px; height: 14px; border-radius: 2px; flex: none; }
  .moji-hlang__item.is-active { background: #eaf3ff; color: var(--moji-blue, #1f6fe5); }

  /* ── Çekmecede dil bölümü: menünün hemen altında, görünür kart ── */
  .moji-mdrawer__label {
    margin: 0 0 0.375rem; font-size: 0.6875rem; font-weight: 800;
    letter-spacing: 0.1em; text-transform: uppercase; color: var(--moji-text-muted, #7c8ba1);
  }
  .moji-mdrawer__langbox {
    margin: 0.25rem 1rem 0.75rem;
    padding: 0.75rem 0.875rem;
    border-radius: 14px;
    background: #f4f7fb;
    border: 1px solid #e6edf6;
  }
  .moji-mdrawer__langs { display: flex; gap: 0.375rem; }
  .moji-mdrawer__langs a {
    flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 0.375rem;
    min-height: 38px; border-radius: 10px; background: #fff;
    font-size: 0.75rem; font-weight: 800; color: var(--moji-navy, #0b2145);
    text-decoration: none; border: 1px solid #e6edf6;
  }
  .moji-mdrawer__langs a.is-active {
    background: #eaf3ff; color: var(--moji-blue, #1f6fe5); border-color: #c5dbff;
  }

  /* ── İnce mobil arama: kapsül + gömülü arama uç butonu ── */
  .moji-search-row { padding: 0 0 0.5rem; }
  .moji-search-row--mob { display: block; }
  .moji-search-row .moji-sb,
  .moji-search-row .moji-sb--slim,
  .moji-msearch .moji-sb {
    display: flex; align-items: stretch; gap: 0;
    padding: 0;
    overflow: hidden;
    border-radius: 999px;
    background: #fff;
    border: 1px solid #d5e0ef;
    box-shadow: 0 1px 2px rgba(15, 32, 60, .04);
  }
  .moji-search-row .moji-sb__field { flex: 1; min-width: 0; padding: 0 0.75rem; }
  .moji-search-row .moji-sb__field::before { display: none; }
  .moji-search-row .moji-sb__field input {
    height: 40px; font-size: 0.875rem; background: transparent; border: 0;
  }
  .moji-search-row .moji-sb__ico { width: 17px; height: 17px; color: #8a97ab; }
  .moji-search-row .moji-sb__ico svg { width: 17px; height: 17px; }

  .moji-search-row .moji-sb { position: relative; }
  .moji-search-row .moji-sb__btn {
    position: static; width: 46px; min-height: 40px; height: auto;
    margin: 0; padding: 0;
    clip: auto; overflow: visible;
    display: grid; place-items: center;
    border: 0; border-radius: 0;
    background: var(--moji-blue, #1f6fe5); color: #fff;
  }
  .moji-search-row .moji-sb__btn:hover,
  .moji-search-row .moji-sb__btn:active {
    background: var(--moji-blue-dark, #1558c0);
  }
  .moji-search-row .moji-sb__btn-ico { display: inline-flex; width: 18px; height: 18px; color: #fff; }
  .moji-search-row .moji-sb__btn-ico svg { width: 18px; height: 18px; stroke: #fff; }
  .moji-search-row .moji-sb__btn-txt { display: none; }

  .moji-resbar__filter {
    display: inline-flex; align-items: center; justify-content: center;
    height: 32px; padding: 0 0.7rem;
    border: 1px solid #e6edf6; border-radius: 8px;
    background: #fff; color: var(--moji-navy, #0b2145);
    font-size: 0.75rem; font-weight: 700; text-decoration: none; white-space: nowrap;
  }
  .moji-resbar__filter:active { color: var(--moji-blue, #1f6fe5); border-color: #c5dbff; }

  /* ── Koyu kahraman alanı mobilde gösterilmez ──────────────────────────
     Mockup'ta başlığın hemen altında arama kutusu ve kategori şeridi var.
     H1 sayfada kalır ama görsel olarak saklanır: hem düzen mockup'a uyar
     hem sayfanın tek H1'i arama motorlarına görünmeye devam eder.        */
  .moji-hero { padding: 0; background: #fff; }
  .moji-hero__inner { min-height: 0; padding: 0; border-radius: 0; background: none; box-shadow: none; }
  .moji-hero__photo,
  .moji-hero__script,
  .moji-hero__eyebrow,
  .moji-hero__subtitle,
  .moji-hero__chips-wrap,
  .moji-hero__badge,
  .moji-hero .moji-sb,
  .moji-hero .moji-hsb { display: none !important; }
  .moji-hero__title {
    position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0;
    overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
  }
}

@media (max-width: 1100px) {
  /* ═════════════════════════════════════════════════════════════════════
     B. KATEGORİ ŞERİDİ — kapsül biçimli, etkin olan dolu mavi
     ═════════════════════════════════════════════════════════════════════ */
  .moji-cat-icons { display: none !important; }
  .moji-cat-icon {
    flex: 0 0 74px;
    gap: 0.25rem;
    padding: 0.5625rem 0.25rem 0.5rem;
    border-radius: 22px;
    border: 1px solid #eaeff7;
    background: #fff;
    box-shadow: 0 2px 8px rgba(15, 32, 60, .05);
  }
  .moji-cat-icon__box { width: 26px; height: 26px; }
  /* Şerit ikonları mockup'ta tek renktir; renkli setler koyu gri silüete
     dönüştürülür, etkin kapsülde beyaza çevrilir. */
  .moji-cat-icon__box svg { filter: grayscale(1) brightness(.42); }
  .moji-cat-icon__label {
    font-size: 0.5625rem; font-weight: 700; line-height: 1.15;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    overflow: hidden; max-width: 100%;
  }

  .moji-cat-icon.is-active {
    background: linear-gradient(158deg, #2b86ff, #0d6cf6 62%, #0b5ed7);
    border-color: transparent;
    box-shadow: 0 6px 16px rgba(13, 108, 246, .34);
  }
  .moji-cat-icon.is-active .moji-cat-icon__box svg { filter: brightness(0) invert(1); }
  .moji-cat-icon.is-active .moji-cat-icon__label { color: #fff; font-weight: 800; }
  .moji-cat-icon.is-active::after { display: none; }

  /* ═════════════════════════════════════════════════════════════════════
     Bölüm başlığı (mobil): solda başlık, sağda "Tümünü gör"
     ═════════════════════════════════════════════════════════════════════ */
  .moji-mhead {
    display: flex; align-items: center; justify-content: space-between;
    gap: 0.75rem;
    margin: 0 0 0.6875rem;
  }
  .moji-mhead h2 {
    margin: 0;
    font-size: 1rem; font-weight: 800; letter-spacing: -.01em;
    color: var(--moji-navy, #0b2145);
  }
  .moji-mhead__all {
    display: inline-flex; align-items: center; gap: 0.25rem;
    flex: none;
    font-size: 0.75rem; font-weight: 700;
    color: var(--moji-blue, #0d6cf6);
    text-decoration: none;
  }
  .moji-mhead__all svg { width: 14px; height: 14px; }

  /* ── Şerit yön düğmeleri: elle kaydırmanın yanında ok da bulunsun ── */
  .moji-railnav { display: inline-flex; gap: 0.3125rem; flex: none; }
  .moji-railnav__btn {
    display: grid; place-items: center; width: 30px; height: 30px;
    border: 1px solid var(--moji-border, #e3eaf3); border-radius: 50%;
    background: #fff; color: var(--moji-navy, #0b2145);
    box-shadow: 0 2px 6px rgba(15, 32, 60, .06);
    transition: opacity .15s ease, border-color .15s ease;
  }
  .moji-railnav__btn svg { width: 16px; height: 16px; display: block; }
  .moji-railnav__btn:disabled { opacity: .34; }
  .moji-railnav__btn:not(:disabled):active { border-color: var(--moji-blue, #0d6cf6); }

  /* ═════════════════════════════════════════════════════════════════════
     POPÜLER KATEGORİLER — ilan sayılı yatay şerit
     ═════════════════════════════════════════════════════════════════════ */
  .moji-popcats { display: block; padding: 0.75rem 0 0.25rem; }
  .moji-popcats__rail {
    display: flex; gap: 0.5rem;
    margin: 0 -1rem; padding: 0.125rem 1rem 0.75rem;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .moji-popcats__rail::-webkit-scrollbar { display: none; }
  .moji-popcat {
    flex: 0 0 68px;
    scroll-snap-align: start;
    display: flex; flex-direction: column; align-items: center; gap: 0.25rem;
    padding: 0.625rem 0.25rem 0.5625rem;
    border-radius: 14px;
    background: #fff;
    border: 1px solid #eaeff7;
    box-shadow: 0 2px 8px rgba(15, 32, 60, .05);
    text-decoration: none;
    color: var(--moji-navy, #0b2145);
  }
  .moji-popcat:active { border-color: #bcdcff; }
  .moji-popcat__ico { width: 26px; height: 26px; display: grid; place-items: center; }
  .moji-popcat__ico svg { width: 100%; height: 100%; }
  .moji-popcat__name {
    font-size: 0.5625rem; font-weight: 800; line-height: 1.15; text-align: center;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  }
  .moji-popcat__count {
    font-size: 0.5rem; font-weight: 600; line-height: 1.1; text-align: center;
    color: var(--moji-text-muted, #7c8ba1);
  }
  .moji-popcat--all .moji-popcat__ico svg { width: 24px; height: 24px; }
}

@media (max-width: 1100px) {
  /* ═════════════════════════════════════════════════════════════════════
     C. BÖLÜM BAŞLIKLARI — mockup düzeni
     Masaüstündeki geniş başlık bloğu mobilde tek satıra iner: solda ikon +
     başlık, sağda "Tümünü gör". Sıralama sekmeleri başlığın altında tek
     satırda kayar, yön düğmeleri mobilde gizlenir (parmakla kaydırma var).
     ═════════════════════════════════════════════════════════════════════ */
  .moji-mhead h2 { display: inline-flex; align-items: center; gap: 0.4375rem; }
  .moji-mhead__ico {
    display: grid; place-items: center;
    width: 24px; height: 24px;
    border-radius: 8px;
    background: var(--moji-blue-softer, #eaf4ff);
    color: var(--moji-blue, #0d6cf6);
  }
  .moji-mhead__ico svg { width: 15px; height: 15px; }

  .moji-section-head {
    display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;
    gap: 0.5rem 0.625rem;
    margin-bottom: 0.6875rem;
    text-align: left;
  }
  /* Sağdaki kutu saydamlaşır: içindeki bağlantı, sekmeler ve yön düğmeleri
     doğrudan başlık satırının öğeleri olur, böylece sıralanabilirler. */
  .moji-section-head__right { display: contents; }
  .moji-section-head h2 {
    order: 1; flex: 1 1 auto; min-width: 0;
    margin: 0;
    font-size: 1rem; line-height: 1.25;
    gap: 0.375rem;
  }
  .moji-section-head h2 em { font-size: inherit; }
  .moji-section-head__icon { width: 22px; height: 22px; flex: none; }
  .moji-section-head__icon svg { width: 100%; height: 100%; }
  .moji-section-head .moji-link-all {
    order: 2; flex: none;
    font-size: 0.75rem; font-weight: 700; gap: 0.25rem;
  }
  .moji-section-head .moji-link-all svg { width: 14px; height: 14px; }
  .moji-section-head .moji-carousel-nav { display: none; }
  .moji-section-head__note {
    order: 4; flex: 1 0 100%;
    margin: 0;
    font-size: 0.6875rem; line-height: 1.4;
  }

  /* Sekmeler başlığın altında tam genişlikte kayan tek satır olur. */
  .moji-section-head .moji-tabs {
    order: 3; flex: 1 0 100%;
    display: flex; gap: 0.375rem;
    margin: 0 -1rem; padding: 0 1rem 0.125rem;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .moji-section-head .moji-tabs::-webkit-scrollbar { display: none; }
  .moji-section-head .moji-tab {
    flex: none;
    padding: 0.3125rem 0.6875rem;
    font-size: 0.6875rem; font-weight: 700;
    white-space: nowrap;
  }

  /* ── İlan kartı: kategori rozeti ve özellik çipleri ── */
  .moji-ad-card__cat {
    position: absolute; z-index: 2; top: 7px; left: 7px; right: auto; bottom: auto;
    display: inline-flex; align-items: center; gap: 0.25rem;
    max-width: calc(100% - 54px);
    padding: 0.1875rem 0.4375rem 0.1875rem 0.3125rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 1px 5px rgba(11, 33, 69, .16);
    font-size: 0.5625rem; font-weight: 800;
    color: var(--moji-navy, #0b2145);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  }
  .moji-ad-card__cat-ico { display: grid; place-items: center; width: 13px; height: 13px; flex: none; }
  .moji-ad-card__cat-ico svg { width: 100%; height: 100%; }
  /* Rozet varken eski "YENİ / ÖNE ÇIKAN" şeridi görselin sağ altına iner. */
  .moji-ad-card__img:has(.moji-ad-card__cat) .moji-ad-card__badge {
    top: auto; bottom: 7px; left: 7px;
  }

  /* ═════════════════════════════════════════════════════════════════════
     GÜNÜN FIRSATLARI — küçük yatay kartlar
     ═════════════════════════════════════════════════════════════════════ */
  .moji-deals { display: block; padding: 0.5rem 0 0.25rem; }
  .moji-deals__grid {
    display: flex; gap: 0.5rem;
    margin: 0 -1rem; padding: 0.125rem 1rem 0.75rem;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .moji-deals__grid::-webkit-scrollbar { display: none; }
  .moji-deal {
    flex: 0 0 auto;
    width: 40%;
    min-width: 132px;
    max-width: 168px;
    scroll-snap-align: start;
    display: flex; align-items: stretch; gap: 0.5rem;
    padding: 0.4375rem;
    border-radius: 14px;
    background: #fff;
    border: 1px solid #eaeff7;
    box-shadow: 0 2px 8px rgba(15, 32, 60, .05);
    text-decoration: none;
    color: var(--moji-navy, #0b2145);
  }
  .moji-deal__media {
    flex: none;
    width: 46px; height: 46px;
    border-radius: 10px;
    overflow: hidden;
    background: #eef2f8;
  }
  .moji-deal__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
  .moji-deal__body { display: flex; flex-direction: column; gap: 0.125rem; min-width: 0; flex: 1; }
  .moji-deal__top { display: flex; align-items: flex-start; justify-content: space-between; gap: 0.25rem; }
  .moji-deal__flag {
    display: inline-block;
    max-width: 100%; overflow: hidden; text-overflow: ellipsis;
    padding: 0.125rem 0.3125rem;
    border-radius: 999px;
    background: #ef4444;
    color: #fff;
    font-size: 0.5rem; font-weight: 800; line-height: 1.4;
    white-space: nowrap;
  }
  .moji-deal__flag--hot { background: #f97316; }
  .moji-deal__fav { flex: none; width: 15px; height: 15px; color: #9aa8bd; }
  .moji-deal__fav svg { width: 100%; height: 100%; }
  .moji-deal__title {
    font-size: 0.6875rem; font-weight: 800; line-height: 1.25;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  }
  .moji-deal__loc {
    display: flex; align-items: center; gap: 0.1875rem;
    font-size: 0.5625rem; color: var(--moji-text-muted, #7c8ba1);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  }
  .moji-deal__loc svg { width: 10px; height: 10px; flex: none; }
  .moji-deal__price {
    margin-top: auto;
    font-size: 0.8125rem; font-weight: 800;
    color: var(--moji-blue, #0d6cf6);
  }
}

@media (max-width: 1100px) {
  /* ── İlan kartı ölçüleri: mockup'ta kart kısa ve düzenli durur ──────────
     Uzun bölge adları, çok sayıda özellik ve iki satıra düşen fiyat kartı
     gereksiz uzatıyordu; her satır tek satıra sabitlendi.                  */
  .moji-ad-grid--rail .moji-ad-card__body,
  .moji-ad-grid--2 .moji-ad-card__body,
  .moji-ad-grid--3 .moji-ad-card__body,
  .moji-ad-grid--4 .moji-ad-card__body,
  .moji-ad-grid--5 .moji-ad-card__body { padding: 0.5625rem 0.625rem 0.6875rem; }

  .moji-ad-card__title {
    font-size: 0.75rem; font-weight: 800; line-height: 1.28;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    overflow: hidden; min-height: 0;
  }
  .moji-ad-card__loc {
    margin-top: 0.25rem;
    font-size: 0.625rem; line-height: 1.3;
    display: flex; align-items: center; gap: 0.1875rem;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  }
  .moji-ad-card__loc svg { flex: none; width: 11px; height: 11px; }

  /* Özellik çipleri tek satırda kayar; taşan kısım kırpılır. */
  .moji-ad-card__specs {
    flex-wrap: nowrap;
    gap: 0 0.5rem;
    margin-top: 0.375rem;
    overflow: hidden;
  }
  .moji-ad-card__spec { flex: none; font-size: 0.625rem; }
  .moji-ad-card__spec svg { width: 11px; height: 11px; }
  .moji-ad-card__spec:nth-child(n+4) { display: none; }

  .moji-ad-card__foot { margin-top: 0.4375rem; align-items: baseline; gap: 0.375rem; }
  .moji-ad-card__price {
    font-size: 0.9375rem; font-weight: 800;
    white-space: nowrap;
  }
  .moji-ad-card__date { font-size: 0.5625rem; white-space: nowrap; }
}

@media (max-width: 1100px) {
  /* ═════════════════════════════════════════════════════════════════════
     D. ALT BÖLÜMLER — mockup ölçülerine sıkıştırma
     ═════════════════════════════════════════════════════════════════════ */

  /* ── Güvence şeridi: üç madde tek satırda, ikon üstte ── */
  .moji-assure { padding: 0.375rem 0 0.75rem; }
  .moji-assure__card {
    gap: 0;
    padding: 0.75rem 0.375rem;
    border-radius: 14px;
  }
  .moji-assure__item {
    flex-direction: column; align-items: center; text-align: center;
    gap: 0.3125rem;
    padding: 0 0.375rem;
  }
  .moji-assure__item + .moji-assure__item::before { top: 2px; bottom: 2px; }
  .moji-assure__ico { width: 22px; height: 22px; }
  .moji-assure__txt { align-items: center; gap: 0.125rem; }
  .moji-assure__t { font-size: 0.625rem; line-height: 1.2; }
  .moji-assure__d { font-size: 0.5rem; line-height: 1.25; }

  /* ── Son eklenen ilanlar: mockup'ta yatay kayan ince kartlar ──────────
     Öne çıkanlar iki sütunlu ızgara olarak kalır; bu bölüm parmakla kayar. */
  .moji-fresh .moji-ad-grid.moji-ad-grid--rail {
    display: flex;
    grid-template-columns: none;
    gap: 0.5rem;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .moji-fresh .moji-ad-grid--rail::-webkit-scrollbar { display: none; }
  .moji-fresh .moji-ad-grid--rail .moji-ad-card {
    flex: 0 0 auto;
    width: 41%;
    max-width: 168px;
    scroll-snap-align: start;
  }
  .moji-fresh .moji-ad-grid--rail .moji-ad-card:nth-child(n+9) { display: flex; }
  .moji-fresh .moji-ad-card__specs { display: none; }
  .moji-fresh .moji-ad-card__cat { display: none; }
  .moji-fresh .moji-ad-card__date { display: none; }
  .moji-fresh .moji-section-head__note { display: none; }

  .moji-firms { padding: 1.25rem 0 1.5rem; }
  .moji-firms .moji-section-head__note { display: none; }
  .moji-firmrail {
    display: flex;
    gap: 0.5rem;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .moji-firmrail::-webkit-scrollbar { display: none; }
  .moji-firmcard--rail {
    flex: 0 0 auto;
    width: 41%;
    max-width: 168px;
    scroll-snap-align: start;
    padding-bottom: .7rem;
  }
  .moji-firmcard--rail .moji-firmcard__name { font-size: .75rem; min-height: 2em; }

  /* ── Nasıl çalışır: dört kart tek satırda ── */
  .moji-steps { padding: 1rem 0 1.125rem; }
  .moji-steps .moji-section-head { margin-bottom: 0.75rem; }
  .moji-steps__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.4375rem;
  }
  .moji-step {
    flex-direction: column; align-items: flex-start;
    gap: 0.375rem;
    padding: 0.5625rem 0.4375rem 0.625rem;
    border-radius: 12px;
    background: #fff;
    border: 1px solid #eaeff7;
    box-shadow: 0 2px 8px rgba(15, 32, 60, .05);
  }
  .moji-step { position: relative; }
  .moji-step__ico {
    position: static;
    width: 26px; height: 26px; border-radius: 8px;
    align-self: flex-end;
  }
  .moji-step__ico svg { width: 15px; height: 15px; }
  /* Numara kartın sol üst köşesine sabitlenir (ikon kutusu artık konumsuz). */
  .moji-step__n {
    position: absolute; top: 0.5625rem; left: 0.4375rem; right: auto; bottom: auto;
    width: 17px; height: 17px;
    font-size: 0.5625rem;
    margin: 0;
  }
  .moji-step__body { width: 100%; }
  .moji-step__t { font-size: 0.625rem; line-height: 1.2; margin: 0 0 0.1875rem; }
  .moji-step__d {
    font-size: 0.5rem; line-height: 1.3;
    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
  }
  .moji-steps__cta { margin-top: 0.875rem; gap: 0.5rem; }
  .moji-steps__cta .moji-btn-primary,
  .moji-steps__cta .moji-btn-ghost { flex: 1; justify-content: center; font-size: 0.75rem; padding: 0.625rem 0.75rem; }

  /* ── "Neden mojioglasi?" güven kartı: 2x2, sıkı ── */
  .moji-trust { padding: 0.75rem 0 1rem; }
  .moji-trust__card { padding: 1rem 0.875rem 1.125rem; border-radius: 16px; }
  .moji-trust__head { display: block; margin-bottom: 0.875rem; }
  .moji-trust__title { font-size: 1.0625rem; line-height: 1.25; }
  .moji-trust__sub { font-size: 0.75rem; line-height: 1.45; margin-top: 0.375rem; }
  .moji-trust__aside { margin-top: 0.75rem; }
  .moji-trust__script { display: none; }
  .moji-trust__aside .moji-btn-primary { width: 100%; justify-content: center; font-size: 0.8125rem; }
  .moji-trust__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.6875rem 0.75rem; }
  .moji-trust__item { gap: 0.375rem; }
  .moji-trust__icon { width: 30px; height: 30px; border-radius: 9px; }
  .moji-trust__icon svg { width: 17px; height: 17px; }
  .moji-trust__item-title { font-size: 0.6875rem; line-height: 1.25; }
  .moji-trust__desc { font-size: 0.5625rem; line-height: 1.35; }

  /* ── Bülten: tek satır, dar ── */
  .moji-newsletter { padding: 0.75rem 0 1rem; }
  .moji-newsletter__card { padding: 0.875rem; border-radius: 14px; gap: 0.6875rem; }
  .moji-newsletter__title { font-size: 0.8125rem; line-height: 1.3; }
  .moji-newsletter__text { font-size: 0.625rem; line-height: 1.35; }
  .moji-newsletter__form { gap: 0.375rem; }
  .moji-newsletter__form input { height: 38px; font-size: 0.75rem; }
  .moji-newsletter__form button { height: 38px; font-size: 0.75rem; padding: 0 0.875rem; white-space: nowrap; }

  /* ── Kategori derin kartları mockup'ta yok: mobilde gizlenir ────────────
     Aynı bağlantılar "Popüler kategoriler" şeridinde ve alt bilgide var.   */
  .moji-cat-deep { display: none; }
}

@media (max-width: 1100px) {
  /* ── Uygulama tanıtımı: mockup'ta tek satırlık bir çağrı kartı ──────────
     Uzun özellik listesi mobilde gizlenir; başlık, kısa metin, mağaza
     düğmeleri ve telefon görseli kalır.                                    */
  .moji-app-promo { padding: 0.75rem 0 1rem; }
  .moji-app-promo__grid { gap: 0.875rem; }
  .moji-app-promo__title { font-size: 1.125rem; line-height: 1.22; }
  .moji-app-promo__text { font-size: 0.75rem; line-height: 1.45; margin-top: 0.375rem; }
  .moji-app-features { display: none; }
  .moji-app-promo__badges { gap: 0.5rem; margin-top: 0.875rem; }
  .moji-app-promo__badges .moji-store-badge { padding: 0.4375rem 0.75rem; }
  .moji-app-promo__badges .moji-store-badge svg { width: 18px; height: 18px; }
  .moji-app-promo__badges .moji-store-badge__sub { font-size: 0.5rem; }
  .moji-app-promo__badges .moji-store-badge__main { font-size: 0.75rem; }

  /* ── Alt bilgi: bağlantılar korunur, satır aralıkları sıkışır ── */
  .moji-footer { padding-top: 1.5rem; }
  .moji-footer__grid { gap: 1.125rem 1rem; }
  .moji-footer__logo-img { height: 64px; max-width: 320px; }
  .moji-footer__brand-text { font-size: 1.125rem; }
  .moji-footer__brand-sub { font-size: 0.5rem; letter-spacing: 0.16em; }
  .moji-footer__about { font-size: 0.6875rem; line-height: 1.5; margin-top: 0.5rem; }
  .moji-footer__social { gap: 0.4375rem; margin-top: 0.75rem; }
  .moji-footer__social a { width: 30px; height: 30px; }
  .moji-footer__social a svg { width: 15px; height: 15px; }
  .moji-footer__grid h3 { font-size: 0.75rem; margin-bottom: 0.5rem; }
  .moji-footer__grid ul { gap: 0.375rem; }
  .moji-footer__grid ul a { font-size: 0.6875rem; line-height: 1.35; }
  .moji-footer__contact li { font-size: 0.6875rem; gap: 0.4375rem; }
  .moji-footer__contact li svg { width: 14px; height: 14px; }
  .moji-footer__note { font-size: 0.625rem; }
  .moji-footer__script { margin: 1.125rem 0 0; }
  .moji-footer__script-text { font-size: 0.9375rem; }
  /* Mobilde footer'ın en alt bandı gösterilmez: telif satırı, yasal
     bağlantılar, dil kapsülü ve yapımcı imzası ekranda yer kaplıyordu.
     Dil değişimi artık başlık çubuğunda ve çekmecede; yasal sayfalara da
     footer sütunlarından ulaşılıyor. */
  .moji-footer__bottom,
  .moji-footer__credit,
  .moji-footer__script,
  .moji-footer .moji-lang { display: none !important; }
}

@media (max-width: 1100px) {
  /* ── Dikey liste görünümünde taşma onarımı ─────────────────────────────
     Özellik çipleri tek satıra alındığı için kabın "en küçük içerik"
     genişliği tüm çiplerin toplamı olmuştu ve ızgara sütununu dışa itiyordu.
     min-width:0 ile sütun sınırı korunur, fazlası kırpılır.               */
  .moji-ad-card { min-width: 0; }
  .moji-ad-card__body { min-width: 0; }
  .moji-ad-card__specs { min-width: 0; }
  .moji-ad-card__title,
  .moji-ad-card__loc,
  .moji-ad-card__foot { min-width: 0; max-width: 100%; }
  .moji-ad-grid--list .moji-ad-card { grid-template-columns: 118px minmax(0, 1fr); }
  .moji-ad-grid--list .moji-ad-card__body { min-width: 0; overflow: hidden; }

  /* ── Dokunma hedefleri: en az 34px ────────────────────────────────────── */
  .moji-mdrawer__close { width: 34px; height: 34px; display: grid; place-items: center; }
  .moji-auth__eye {
    width: 34px; height: 34px;
    display: grid; place-items: center;
  }
  .moji-auth__eye svg { width: 18px; height: 18px; }
  .moji-mhead__all,
  .moji-link-all { padding: 0.25rem 0; min-height: 28px; align-items: center; }
}

@media (max-width: 1100px) {
  /* Kırpılan özellik çipi yarım harfle kesilmesin: sağ kenarda yumuşak
     geçişle soldurulur, kaydırma hissi verir. */
  .moji-ad-card__specs {
    -webkit-mask-image: linear-gradient(to right, #000 84%, transparent 100%);
    mask-image: linear-gradient(to right, #000 84%, transparent 100%);
  }
  .moji-ad-grid--list .moji-ad-card__spec:nth-child(n+3) { display: none; }
  .moji-mdrawer .moji-mdrawer__close { width: 34px; min-width: 34px; height: 34px; padding: 0; }
}

/* ══ Üye paneli (mobil) — mockup ile aynı yumuşak dil ═══════════════════ */
@media (max-width: 560px) {
  /* İki sütun, mockup'taki kart yoğunluğuna daha yakın duruyor. */
  .moji-pstats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem; }
  .moji-pstat { padding: 0.75rem 0.75rem 0.6875rem; border-radius: 12px; }
  .moji-pstat strong { font-size: 1.1875rem; }
  .moji-pstat > small { font-size: 0.625rem; line-height: 1.3; }
  .moji-pstat a { font-size: 0.625rem; margin-top: 0.375rem; }
  .moji-pstat__ico { width: 26px; height: 26px; }
  .moji-pstat__ico svg { width: 15px; height: 15px; }
  .moji-pstat__delta { font-size: 0.5625rem; }
  /* Abonelik kartı tek başına tam satır: içindeki düğme sıkışmasın. */
  .moji-pstat--plan { grid-column: 1 / -1; }
}
@media (max-width: 1100px) {
  /* Panel üst çubuğu: ana sayfadaki arama kapsülüyle aynı yükseklik ve renk. */
  .moji-ptop { gap: 0.5rem; padding: 0.5rem 1rem; }
  .moji-ptop__search {
    background: #fff;
    border-color: #e6ecf5;
    box-shadow: 0 2px 10px rgba(15, 32, 60, .06);
    padding: 0 0.75rem;
  }
  .moji-ptop__search input { padding: 0.625rem 0; font-size: 0.8125rem; }
  .moji-ptop__icons { gap: 0.625rem; }
}

@media (max-width: 1100px) {
  /* Logo bir görsel olduğunda slogan onun altına, mockup'taki gibi ince ve
     gri bir satır olarak yerleşir. */
  .moji-header__logo { flex-direction: column; align-items: flex-start; gap: 0; }
  /* Logo tek başına büyük durur; altındaki slogan satırı gösterilmez. */
  .moji-header__tagline,
  .moji-header__tagline--img { display: none !important; }
  .moji-header__logo { min-width: 0; max-width: none !important; overflow: visible !important; }
  .moji-header__logo-img {
    height: auto !important;
    width: auto !important;
    max-width: min(280px, calc(100vw - 7.25rem)) !important;
    max-height: 64px !important;
    object-fit: contain !important;
    object-position: left center;
  }
  .moji-header__row { min-height: 76px; }
  .moji-mdrawer__logo img { height: auto; width: auto; max-width: 168px; max-height: 44px; object-fit: contain; object-position: left center; }
}

@media (max-width: 359px) {
  /* Çok dar ekranlarda (320px) fiyatın yanındaki tarih sığmıyor: fiyat kalır. */
  .moji-ad-card__date { display: none; }
  .moji-cat-icon { flex: 0 0 68px; }
  .moji-popcat { flex: 0 0 62px; }
}

@media (max-width: 1100px) {
  /* ── Telefon doğrulama: tek kolon, geniş dokunma hedefleri ── */
  .moji-pv { max-width: none; }
  .moji-pv__head { gap: 0.625rem; margin-bottom: 0.875rem; }
  .moji-pv__icon { width: 40px; height: 40px; border-radius: 12px; }
  .moji-pv__icon svg { width: 21px; height: 21px; }
  .moji-pv__head h1 { font-size: 1.125rem; }
  .moji-pv__head p { font-size: 0.8125rem; }
  .moji-pv__card, .moji-pv__change, .moji-pv__opt { padding: 1rem; border-radius: 14px; }
  .moji-pv__cc { flex: 0 0 88px; padding: 0.6875rem 0.375rem; font-size: 0.9375rem; }
  .moji-pv__input { padding: 0.6875rem 0.625rem; }
  /* iOS'ta 16px altı yazı tipi alanı yaklaştırır; kod alanı zaten büyük. */
  .moji-pv__code { font-size: 1.375rem; letter-spacing: 0.4em; text-indent: 0.4em; padding: 0.6875rem 0.375rem; }
  .moji-pv__link { padding: 0.625rem 0.875rem; min-height: 44px; }
  .moji-pv__opt { flex-direction: column; align-items: flex-start; }
  .moji-pv__opt .moji-pbtn { width: 100%; justify-content: center; }
}

@media (max-width: 1100px) {
  /* Kurulum çağrısı mobilde tam genişlik; alt gezinme çubuğunun üstüne oturur. */
  .moji-pwa {
    left: 0.75rem; right: 0.75rem;
    max-width: none;
    bottom: calc(0.75rem + env(safe-area-inset-bottom, 0px));
  }
  body.moji-has-bnav .moji-pwa {
    bottom: calc(74px + env(safe-area-inset-bottom, 0px));
  }
  .moji-pwa__ico { width: 38px; height: 38px; }
  .moji-offline { padding: 2.25rem 0 3rem; }
  .moji-offline__title { font-size: 1.25rem; }
  .moji-offline__text { font-size: 0.875rem; }

  .moji-appguide { padding: 1.25rem 0 2rem; }
  .moji-appguide__hero { margin-bottom: 1.25rem; }
  .moji-appguide__hero h1 { font-size: 1.35rem; }
  .moji-appguide__grid { grid-template-columns: 1fr; }
  .moji-appguide__card { padding: 1.05rem 1.1rem 1.15rem; }

  html, body { overflow-x: clip; }
  .moji-header { contain: layout style; }
  .moji-header__logo { max-width: none !important; overflow: visible !important; }
  .moji-footer .moji-lang { display: none !important; }
  .moji-cookiebar {
    left: 12px; right: auto; bottom: calc(86px + env(safe-area-inset-bottom, 0px));
    width: min(280px, calc(100vw - 88px)); z-index: 45;
  }
  body.moji-has-bnav .moji-cookiebar { bottom: calc(72px + env(safe-area-inset-bottom, 0px)); }
  .moji-flt__in { height: 38px; }
  .moji-bpost__cform--stack { grid-template-columns: 1fr; }
}

@media (max-width: 899px) {
  .moji-pubpick { padding: 2rem 0 2.6rem; }
  .moji-pubpick__grid { grid-template-columns: 1fr; }
  .moji-firmform { grid-template-columns: 1fr; }
  .moji-firmform__hours { grid-template-columns: 1fr; }
  .moji-firmmine__row { grid-template-columns: 72px minmax(0, 1fr); }
  .moji-firmmine__row img { width: 72px; height: 54px; }
  .moji-firmmine__acts { grid-column: 1 / -1; }
  .moji-firmgrid, .moji-firmgrid--more { grid-template-columns: 1fr; }
  .moji-firmdet__grid {
    grid-template-columns: 1fr;
    grid-template-areas:
      "hero"
      "side"
      "copy"
      "claim";
    gap: 0.85rem;
  }
  .moji-firmhero__inner { padding: 1.05rem 0 1.15rem; }
  .moji-firmhero__kicker { margin-top: .45rem; }
  .moji-firmhero__title { font-size: 1.7rem; }
  .moji-firmhero__sub { font-size: .8125rem; }
  .moji-firmhero__search {
    height: 52px; margin-top: 1rem;
    padding: 5px 5px 5px 0.9rem; border-radius: 16px;
  }
  .moji-firmhero__search input { font-size: .875rem; }
  .moji-firmhero__btn { height: 42px; min-height: 42px; padding: 0 1rem; border-radius: 12px; }
  .moji-firmhero .moji-firmctl { margin: .9rem -0.15rem 0; padding: .55rem .5rem .6rem; border-radius: 18px; }
  .moji-firmctl__row { gap: .4rem; padding-top: .55rem; }
  .moji-firmtog { height: 32px; padding: 0 .7rem 0 .55rem; font-size: .7rem; }
  .moji-firmchips__btn { width: 26px; height: 26px; }
  .moji-firmdet__side { position: static; display: contents; }
  .moji-firmbox { grid-area: side; }
  .moji-firmdet__side > .moji-firmclaim { grid-area: claim; }
  .moji-firmdet__titleblock { margin: 0; }
  .moji-firmdir { display: none; }
  .moji-firmbox {
    padding: 0.9rem;
    border-radius: 16px;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .06);
  }
  .moji-firmbox__kicker,
  .moji-firmbox__name,
  .moji-firmbox__addr { display: none; }
  .moji-firmacts { margin: 0; gap: .45rem; }
  .moji-firmact { min-height: 72px; border-radius: 18px; font-size: .7rem; }
  .moji-firmbox .moji-dtcontact {
    margin-top: .55rem;
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 0.45rem;
  }
  .moji-firmbox .moji-dtbtn {
    min-height: 44px;
    justify-content: center;
    font-size: 0.8125rem;
  }
  .moji-firmbox .moji-dtbtn--ghost { grid-column: auto; }
  .moji-searchfirms__rail { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .moji-firmshare { margin-left: 0; }
  .moji-firmdet__copy { margin-top: 0.15rem; }
  .moji-firmclaim { margin-top: 0.65rem; }
  .moji-firmclaim__btn { padding: .8rem .85rem; }
  .moji-firmclaim .moji-report.is-on { display: flex !important; }
  .moji-firmdet__hero { border-radius: 16px; margin-bottom: 0; }
  .moji-firmdet__hero img { max-height: min(62vh, 480px); }
  .moji-firmseo { padding: 2.25rem 0 2.4rem; }
  .moji-firmseo__grid { grid-template-columns: 1fr 1fr; }
  .moji-firmseo__cta { flex-direction: column; align-items: stretch; }
  .moji-firmseo__btn { width: 100%; }
  .moji-firmfaq { padding: 2rem 0 2.6rem; }
  .moji-catseo { padding: 1.85rem 0 2.2rem; }
  .moji-catseo__lead { font-size: .9375rem; }
}

@media (max-width: 560px) {
  .moji-firmseo__grid { grid-template-columns: 1fr; }
}

@media (min-width: 900px) {
  .moji-bnav { display: none !important; }
  body.moji-has-bnav { padding-bottom: 0 !important; }
  body.moji-dtpage .moji-header__row {
    display: flex !important;
    grid-template-columns: none !important;
    min-height: 70px;
    gap: 1.75rem;
  }
  body.moji-dtpage .moji-nav { display: flex !important; }
  body.moji-dtpage .moji-header__desktop-only { display: flex !important; }
  body.moji-dtpage .moji-header__mobile-only { display: none !important; }
  body.moji-dtpage .moji-btn-post { display: inline-flex !important; }
  body.moji-dtpage .moji-lang { display: block !important; }
}