/* Shared phone web layout. Desktop rules remain owned by each page. */
.mobile-web-nav, .mobile-filter-toggle { display: none; }
@media (max-width: 992px) {
  body[data-mobile-page] .p-header__inner {
    display: grid; grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto; height: auto; min-height: 64px;
    top: 0; padding: 8px 16px; gap: 8px 12px;
  }
  body[data-mobile-page] .p-brand {
    position: static; transform: none; margin: 0; min-width: 0;
    grid-column: 1; grid-row: 1; justify-content: flex-start;
  }
  body[data-mobile-page] .p-brand img { height: 48px !important; width: auto; max-width: 140px; object-fit: contain; }
  body[data-mobile-page] .p-actions {
    position: static; margin: 0; min-width: 0; max-width: 100%;
    grid-column: 2; grid-row: 1; flex-wrap: wrap; justify-content: flex-end; gap: 6px;
  }
  body[data-mobile-page] .p-search { grid-column: 1 / -1; grid-row: 2; margin: 0; width: 100%; min-width: 0; }
  body[data-mobile-page] .p-searchBox { min-height: 46px; padding: 8px 12px; width: 100%; box-shadow: none; }
  body[data-mobile-page] .p-searchBox input { font-size: 16px; min-width: 0; }
  body[data-mobile-page] .p-grid { grid-template-columns: minmax(0, 1fr); }
  body[data-mobile-page] .p-side, body[data-mobile-page] .p-main { min-width: 0; }
}
@media (max-width: 768px) {
  html { -webkit-text-size-adjust: 100%; scroll-padding-top: 132px; }
  body[data-mobile-page] { box-sizing: border-box; min-width: 0; }
  body[data-mobile-page] *, body[data-mobile-page] *::before, body[data-mobile-page] *::after { box-sizing: border-box; }
  body[data-mobile-page].has-mobile-web-nav { padding-bottom: calc(80px + env(safe-area-inset-bottom, 0px)); }
  body[data-mobile-page] :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=color]), select, textarea) {
    min-width: 0; max-width: 100%; font-size: 16px !important;
  }
  body[data-mobile-page] :is(button, .button, .btn, .back-btn, .nav-item) { touch-action: manipulation; }
  body[data-mobile-page] :is(button, .button, .btn, .back-btn) { min-height: 44px; }
  body[data-mobile-page] :is(p, h1, h2, h3, label) { overflow-wrap: anywhere; }
  body[data-mobile-page] :is(.p-page, .page, .wrap, .container, .dashboard-container) { width: 100%; max-width: 100%; margin: 0 auto; padding: 16px 12px; }
  body[data-mobile-page] :is(.p-card, .panel, .paper, .card) { min-width: 0; }
  body[data-mobile-page] .p-header__inner { padding: 8px 12px; }
  body[data-mobile-page] .p-header :is(#login-btn, #register-btn, #ilan-ekle-btn, #user-button, .button) { padding: 8px 10px; font-size: 12px; min-height: 44px; }
  body[data-mobile-page] .p-header #login-btn { display: inline-flex; align-items: center; }
  body[data-mobile-page] .p-header :is(#register-btn, #ilan-ekle-btn, .divider) { display: none; }
  body[data-mobile-page] .p-header #user-button { font-size: 0; min-width: 44px; }
  body[data-mobile-page] .p-header #user-button::after { content: '👤'; font-size: 20px; }
  body[data-mobile-page] .notification-wrapper { margin: 0; }
  body[data-mobile-page] #notifBtn { width: 44px !important; height: 44px !important; }
  body[data-mobile-page] :is(.notif-dropdown, #user-dropdown) { position: fixed; top: 64px; right: 12px; left: auto; width: min(360px, calc(100vw - 24px)); max-width: calc(100vw - 24px); max-height: 65vh; max-height: 65dvh; overflow-y: auto; }
  body[data-mobile-page] #user-dropdown a { min-height: 44px; }
  body[data-mobile-page] .arama-sonuclari-kutusu { max-height: 55vh; max-height: 55dvh; width: 100%; }
  body[data-mobile-page] .p-grid { gap: 14px; margin-top: 14px; }
  body[data-mobile-page] :is(.p-side, .p-main) { padding: 0; width: 100%; }
  body[data-mobile-page] .p-card { padding: 14px; border-radius: 14px; }
  body[data-mobile-page] :is(.p-sectionHead, .caption-row, .caption-actions, .share-actions, .user-stats, .ilanlar-head, .ilan-tools, .actionsBar, .bulk-actions, .bulk-left, .bulk-right, .heroRow) { flex-wrap: wrap; gap: 10px; min-width: 0; }
  body[data-mobile-page] .p-sectionHead h2 { font-size: 18px; }
  body[data-mobile-page] :is(.hero-banner, .p-hero) { min-height: 0; padding: 20px 16px; margin-bottom: 14px; }
  body[data-mobile-page] :is(.hero-title, .p-hero h1, .page-title) { font-size: 24px; line-height: 1.3; }
  body[data-mobile-page] .hero-desc { font-size: 14px; line-height: 1.6; }
  body[data-mobile-page] .hero-icon-bg { font-size: 80px; opacity: .08; }
  body[data-mobile-page] :is(.ilan-grid, .ilanlar-grid, .results-grid, .updates-grid) { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  body[data-mobile-page] :is(.ilan-card, .ilan-karti, .listing-card) { min-width: 0; height: auto; }
  body[data-mobile-page] :is(.ilan-card, .ilan-karti, .listing-card):hover { transform: none; }
  body[data-mobile-page] :is(.ilan-info, .ilan-content, .ilan-detay, .card-content) { min-width: 0; }
  body[data-mobile-page] :is(.ozet-alani, .ilan-meta, .card-meta, .active-filters) { flex-wrap: wrap; }
  body[data-mobile-page] :is(.pagination, .seller-tabs) { display: flex; flex-wrap: wrap; gap: 6px; }
  body[data-mobile-page] .pagination button { min-width: 44px; }
  body[data-mobile-page] .sort-dropdown-wrapper { width: 100%; min-width: 0; flex-wrap: wrap; gap: 8px; }
  body[data-mobile-page] :is(.sort-select, .ilan-sort) { width: 100%; min-width: 0; min-height: 44px; }
  body[data-mobile-page] .seller-tabs { width: 100%; }
  body[data-mobile-page] .seller-tab { flex: 1 1 auto; padding: 8px 10px; }
  body[data-mobile-page] .filter-range-inputs { min-width: 0; }
  body[data-mobile-page] .filter-range-inputs > * { min-width: 0; width: 50%; }
  body[data-mobile-page] :is(.checkbox-item, .checkbox-group, .consent-item) { min-height: 44px; }
  body[data-mobile-page] :is(#mainSearchBtn, #clearFiltersBtn) { position: static !important; width: 100% !important; }
  .mobile-filter-toggle { display: flex; width: 100%; align-items: center; justify-content: space-between; min-height: 48px; padding: 12px 14px; border: 1px solid #dbe3ee; border-radius: 12px; background: #fff; color: #0f172a; font: 600 14px/1.4 'Source Sans 3', sans-serif; cursor: pointer; }
  .mobile-filter-toggle::after { content: '+'; font-size: 22px; }
  .mobile-filter-toggle[aria-expanded=true]::after { content: '−'; }
  .mobile-filter-panel[data-mobile-collapsed=true] { display: none; }
  .mobile-filter-panel { padding-top: 12px; }
  body[data-mobile-page=account] .sidebar-menu { flex-direction: row; overflow-x: auto; padding: 0 0 4px; gap: 6px; }
  body[data-mobile-page=account] .sidebar-menu .nav-item { flex: 0 0 auto; white-space: nowrap; min-height: 44px; padding: 10px 12px; font-size: 13px; }
  body[data-mobile-page=account] :is(.p-split, .info-grid, .profile-hero) { grid-template-columns: minmax(0, 1fr); }
  body[data-mobile-page=account] .stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  body[data-mobile-page=account] .ilanlar-titleBox { min-width: 0; }
  body[data-mobile-page=account] .ilanlar-grid.is-list .ilan-card { display: flex; flex-direction: column; }
  body[data-mobile-page=account] .ilanlar-grid.is-list .ilan-card img { width: 100%; }
  body[data-mobile-page=account] :is(.settings-section, .ilanlar-panel) { padding: 14px; }
  body[data-mobile-page=public-profile] .user-profile-header { flex-wrap: wrap; padding: 16px; gap: 14px; }
  body[data-mobile-page=public-profile] .user-details { min-width: 0; }

  /* Listing tables remain fully usable as stacked records on narrow screens. */
  body[data-mobile-page=browse] .ilanlar-table { display: block; width: 100%; table-layout: auto; }
  body[data-mobile-page=browse] .ilanlar-table thead { display: none; }
  body[data-mobile-page=browse] .ilanlar-table tbody { display: grid; gap: 12px; width: 100%; }
  body[data-mobile-page=browse] .ilanlar-table tbody tr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 12px; padding: 12px; background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; }
  body[data-mobile-page=browse] .ilanlar-table tbody td { display: block; width: auto !important; min-width: 0; max-width: none; padding: 4px 0 !important; text-align: left !important; border: 0; white-space: normal !important; overflow-wrap: anywhere; }
  body[data-mobile-page=browse] .ilanlar-table :is(td.photo-col, td.brand-col, td.title-col, td.price-col, td[colspan]) { grid-column: 1 / -1; }
  body[data-mobile-page=browse] .ilanlar-table td.photo-col img { display: block; width: 100% !important; max-width: 100%; height: 180px !important; object-fit: contain; border-radius: 8px; }
  body[data-mobile-page=browse] .ilanlar-table td.price-col { font-size: 18px; font-weight: 600; }
  body[data-mobile-page=browse] .ilanlar-table :is(.title-text, .brand-text) { white-space: normal; }
  body[data-mobile-page=browse] .ilanlar-table td[data-mobile-label]::before { content: attr(data-mobile-label) ': '; color: #64748b; font-size: 12px; font-weight: 500; }

  /* Detail page: photo, vehicle details, seller, then description. */
  body[data-mobile-page=detail] .detail-grid { display: flex; flex-direction: column; gap: 14px; }
  body[data-mobile-page=detail] .detail-grid > * { width: 100%; min-width: 0; margin: 0; }
  body[data-mobile-page=detail] .detail-hero { order: 1; display: flex; flex-direction: column; padding: 0; }
  body[data-mobile-page=detail] .detail-hero__gallery { order: -1; width: 100%; padding: 10px; }
  body[data-mobile-page=detail] .detail-hero__details { width: 100%; max-width: none; padding: 16px; margin: 0; }
  body[data-mobile-page=detail] .detail-owner { order: 2; }
  body[data-mobile-page=detail] .detail-tabs { order: 3; }
  body[data-mobile-page=detail] .ilan-owner-float { position: static; width: 100%; max-height: none; }
  body[data-mobile-page=detail] .vitrin-frame { width: 100%; height: auto; aspect-ratio: 4 / 3; min-height: 0; }
  body[data-mobile-page=detail] #vitrinFoto { width: 100%; height: 100%; max-height: none; object-fit: contain; }
  body[data-mobile-page=detail] #galeri { display: flex; overflow-x: auto; max-width: 100%; gap: 8px; }
  body[data-mobile-page=detail] #galeri img { flex: 0 0 72px; width: 72px; height: 56px; object-fit: cover; }
  body[data-mobile-page=detail] .caption-bar { white-space: normal; font-size: 20px; min-width: 0; }
  body[data-mobile-page=detail] .caption-actions { width: 100%; }
  body[data-mobile-page=detail] .detail-tabs__bar { display: flex; flex-wrap: wrap; gap: 8px; }
  body[data-mobile-page=detail] :is(.teknik-grid, .equip-grid) { grid-template-columns: minmax(0, 1fr); }
  body[data-mobile-page=detail] .similar-wrap { width: 100%; padding: 0 12px; }
  body[data-mobile-page=detail] .ql-editor { overflow-wrap: anywhere; }
  body[data-mobile-page=detail] .ql-editor img { max-width: 100%; height: auto; }
  body[data-mobile-page=detail] #fotoModal { height: 100vh; height: 100dvh; }
  body[data-mobile-page=detail] #modalGorsel { max-height: calc(100dvh - 180px); }
  body[data-mobile-page=detail] .nav-arrow { padding: 10px; font-size: 28px; }
  body[data-mobile-page=detail] .left-arrow { left: 0; }
  body[data-mobile-page=detail] .right-arrow { right: 0; }

  /* Forms and the listing wizard keep their existing validation and state. */
  body[data-mobile-page=wizard] :is(.main-wrapper, .selection-area-container, .upload-card, .final-card) { width: 100%; padding: 16px; border-radius: 14px; min-width: 0; }
  body[data-mobile-route=ilan-detay] { padding: 12px; align-items: flex-start; }
  body[data-mobile-page=wizard] :is(.form-area, .header-section, .cardBody) { padding: 16px; }
  body[data-mobile-page=wizard] :is(.input-grid, .formGrid, .ruhsat-grid, .step3-modern, .editor) { grid-template-columns: minmax(0, 1fr) !important; gap: 16px; }
  body[data-mobile-page=wizard] .steps-nav { display: flex; overflow-x: auto; justify-content: flex-start; gap: 12px; padding: 8px 0 14px; }
  body[data-mobile-page=wizard] .steps-nav .step { flex: 0 0 auto; min-width: 0; gap: 6px; }
  body[data-mobile-page=wizard] .steps-nav .step::after { display: none; }
  body[data-mobile-page=wizard] .step-text { font-size: 12px; }
  body[data-mobile-page=wizard] .selection-area { padding: 0; gap: 10px; }
  body[data-mobile-page=wizard] .selection-area.multi-col-mode { height: min(520px, 65vh); height: min(520px, 65dvh); scroll-snap-type: x proximity; }
  body[data-mobile-page=wizard] .col-box { width: 85%; min-width: 220px; scroll-snap-align: start; }
  body[data-mobile-page=wizard] :is(.selection-card, .vehicle-card) { width: 100%; min-width: 0; }
  body[data-mobile-page=wizard] :is(.col-item, .custom-option, .cekis-opt) { min-height: 44px; }
  body[data-mobile-page=wizard] :is(.input-group-modern, .price-big-wrapper) { min-width: 0; max-width: 100%; }
  body[data-mobile-page=wizard] .price-big-input { width: 100%; min-width: 0; font-size: 28px !important; }
  body[data-mobile-page=wizard] :is(.switch-card, .eids-card-head, .eids-card-actions, .upload-footer, .action-footer, .submit-inner, .heavy-row, .kroki-head) { flex-wrap: wrap; gap: 12px; }
  body[data-mobile-page=wizard] .switch-info { flex: 1; min-width: 160px; }
  body[data-mobile-page=wizard] :is(.color-grid, .status-options, .pv-stats) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  body[data-mobile-page=wizard] .preview { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body[data-mobile-page=wizard] .upload-area { padding: 24px 12px; }
  body[data-mobile-page=wizard] .submit-bar { position: static; padding-bottom: env(safe-area-inset-bottom, 0px); }
  body[data-mobile-page=wizard] .submit-inner .cta { display: flex; flex-wrap: wrap; width: 100%; gap: 8px; }
  body[data-mobile-page=wizard] .submit-inner .cta .btn { flex: 1; }
  body[data-mobile-page=wizard] :is(.kroki-canvas, .kroki-svg) { max-width: 100%; }
  body[data-mobile-page=wizard] .preview-modal { max-height: 90vh; max-height: 90dvh; overflow-y: auto; }

  body[data-mobile-page=auth] { height: auto; min-height: 100vh; min-height: 100dvh; align-items: flex-start; padding: 20px 12px; }
  body[data-mobile-page=auth] .form-box { padding: 24px 18px; margin: auto; }
  body[data-mobile-page=auth] .form-logo { height: 120px; }
  body[data-mobile-page=auth] .register-card { grid-template-columns: minmax(0, 1fr); }
  body[data-mobile-page=auth] .register-left { padding: 24px 16px; }
  body[data-mobile-page=auth] .register-right { padding: 20px; min-height: 0; }
  body[data-mobile-page=auth] .promo-visual { max-height: 180px; }
  body[data-mobile-page=auth] .field-grid { grid-template-columns: minmax(0, 1fr); }
  body[data-mobile-page=auth] .consent-item { align-items: flex-start; }

  body[data-mobile-page=search] .layout { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  body[data-mobile-page=search] :is(.side, .main) { min-width: 0; width: 100%; padding: 14px; }
  body[data-mobile-page=search] .side { position: static; }
  body[data-mobile-page=compare] .main { width: 100%; margin: 0; padding: 16px 12px; }
  body[data-mobile-page=compare] .compare-top { padding: 0; grid-template-columns: minmax(0, 1fr); }
  body[data-mobile-page=compare] .select-inline { flex-wrap: wrap; }
  body[data-mobile-page=compare] .table-wrap { max-width: 100%; overflow-x: auto; }
  body[data-mobile-page=compare] table { min-width: 600px; }

  body[data-mobile-page=info] :is(.contact-wrapper, .about-section, .features-grid) { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
  body[data-mobile-page=info] :is(.contact-info, .contact-form-card, .legal-content, .about-content) { min-width: 0; width: 100%; padding: 20px 16px; }
  body[data-mobile-page=info] :is(.page-hero, .about-hero, .contact-hero) { padding: 32px 16px; }
  body[data-mobile-page=info] :is(.page-hero, .about-hero, .contact-hero) h1 { font-size: 28px; }
  body[data-mobile-page=info] .about-image img { max-width: 100%; height: auto; }
  body[data-mobile-page=info] .info-content { min-width: 0; overflow-wrap: anywhere; }
  body[data-mobile-page=info] iframe { width: 100%; max-height: 320px; }
  body[data-mobile-page=news] :is(.top-grid, .content-grid, .layout) { grid-template-columns: minmax(0, 1fr); }
  body[data-mobile-page=news] :is(.paper, .article, .content, .latest, .sidebar, .side) { min-width: 0; padding: 16px; }
  body[data-mobile-page=news] .masthead { flex-wrap: wrap; gap: 10px; padding: 20px 16px; }
  body[data-mobile-page=news] .body { overflow-wrap: anywhere; font-size: 16px; }
  body[data-mobile-page=news] .body img { max-width: 100%; height: auto; }
  body[data-mobile-page=boost] :is(.boostGrid2, .boostTiles) { grid-template-columns: minmax(0, 1fr); }
  body[data-mobile-page=boost] :is(.panelHead, .panelBody) { padding: 14px; }
  body[data-mobile-page=boost] .panelHead { flex-wrap: wrap; gap: 10px; }
  body[data-mobile-page=boost] .previewFrame { min-width: 0; max-width: 100%; }
  body[data-mobile-page=service] .container { grid-template-columns: minmax(0, 1fr); }
  body[data-mobile-page=service] :is(.top-banner, .filters .row) { flex-wrap: wrap; gap: 10px; }
  body[data-mobile-page=service] .map-card { height: 320px; }
  body[data-mobile-page=admin] :is(.admin-grid, .layout, .grid-2, .content, .grid) { grid-template-columns: minmax(0, 1fr); }
  body[data-mobile-page=admin] :is(.topbar, .top, .header, .page-header, .actions, .row, .action-row, .search-row, .search-box) { flex-wrap: wrap; gap: 10px; }
  body[data-mobile-page=admin] :is(.sidebar, .selection-panel, .message-form, .panel, .card, .detail) { width: 100%; min-width: 0; padding: 14px; }
  body[data-mobile-page=admin] :is(.stats, .tab-nav) { display: flex; flex-wrap: wrap; }
  body[data-mobile-page=admin] .tab-btn { flex: 1 1 auto; }
  body[data-mobile-page=admin] :is(.modal-content, .modal) { max-width: 100%; }
  body[data-mobile-page] .mobile-table-scroll { max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; }
  body[data-mobile-page] .mobile-table-scroll > table { min-width: 580px; }
  body[data-mobile-page] :is(.modal-content, .share-modal, .oto-guvenlik-kart) { max-width: calc(100vw - 24px); max-height: 85vh; max-height: 85dvh; overflow-y: auto; }
  body[data-mobile-page] footer { padding: 24px 16px 12px; margin-top: 24px; }
  body[data-mobile-page] .footer-content { display: flex; flex-direction: column; gap: 20px; }
  body[data-mobile-page] .footer-section { min-width: 0; width: 100%; margin: 0; text-align: center; }
  body[data-mobile-page] .footer-section h3::after { left: 50%; transform: translateX(-50%); }
  body[data-mobile-page] .footer-section p img, body[data-mobile-page] .footer-bottom img { height: 28px !important; }
  body[data-mobile-page] .footer-section a { display: inline-block; padding: 8px; }
  body[data-mobile-page] .footer-section .contact span { overflow-wrap: anywhere; }
  .mobile-web-nav { position: fixed; inset: auto 0 0; z-index: 1000; display: flex; align-items: stretch; height: calc(64px + env(safe-area-inset-bottom, 0px)); padding: 4px 8px calc(4px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid #e2e8f0; background: #fff; box-shadow: 0 -4px 20px #0f172a08; }
  .mobile-web-nav a { flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; min-width: 0; min-height: 48px; gap: 4px; color: #64748b; text-decoration: none; font: 600 10px/1.2 'Source Sans 3', sans-serif; }
  .mobile-web-nav svg { width: 22px; height: 22px; stroke: currentColor; stroke-width: 1.8; fill: none; }
  .mobile-web-nav a[aria-current=page] { color: #2563eb; }
  .mobile-web-nav .mobile-web-sell svg { padding: 4px; width: 30px; height: 30px; border-radius: 10px; background: #2563eb; color: #fff; }
}
@media (max-width: 359px) {
  body[data-mobile-page] .p-brand img { max-width: 112px; }
  body[data-mobile-page=account] .stats-grid { grid-template-columns: minmax(0, 1fr); }
}
/* Wrappers are transparent to the original desktop flex/grid layout. */
@media (min-width: 769px) {
  .mobile-filter-panel, .mobile-table-scroll { display: contents; }
}
@media (max-width: 768px) {
  .mobile-filter-panel > .p-card + .p-card { margin-top: 12px; }
  body[data-mobile-page=browse] .p-hero { flex-direction: column; align-items: flex-start; gap: 8px; }
  body[data-mobile-page=detail] .caption-row { display: flex; flex-direction: column; align-items: stretch; gap: 8px; }
  body[data-mobile-page=detail] .caption-actions { justify-content: flex-start; }
  body[data-mobile-page=detail] .share-actions { justify-content: flex-start; }
  body[data-mobile-page=detail] .share-btn { width: 44px; height: 44px; }
  body[data-mobile-page=detail] .share-btn[data-tip]::before, body[data-mobile-page=detail] .share-btn[data-tip]::after { display: none; }
  body[data-mobile-page=detail] #galeri .galeri-thumb { flex: 0 0 76px; }
  body[data-mobile-page=detail] :is(.info-item, .ilan-price, .vote-card-title-row) { min-width: 0; flex-wrap: wrap; gap: 6px; }
  body[data-mobile-page=detail] .info-item .value { min-width: 0; overflow-wrap: anywhere; }
  body[data-mobile-page=detail] .user-whatsapp, body[data-mobile-page=detail] .user-phone { min-height: 44px; display: inline-flex; align-items: center; }
  body[data-mobile-page=admin] :is(.filebox, header) { flex-wrap: wrap; gap: 12px; }
  body[data-mobile-page=admin] :is(.filebox > *, .grid-2 > *, .grid-3 > *) { min-width: 0; max-width: 100%; }
  body[data-mobile-route=haber-yonet] :is(.list, .grid-3) { grid-template-columns: minmax(0, 1fr); }
  body[data-mobile-page] .footer-section .social-links { justify-content: center; }
}
@media (max-width: 768px) {
  body[data-mobile-page=detail] #ilanDetay { padding: 16px; align-items: stretch; }
  body[data-mobile-page=detail] .info-list { width: 100%; margin: 0; }
  body[data-mobile-page=detail] .info-item { grid-template-columns: minmax(90px, .8fr) minmax(0, 1.2fr); }
  body[data-mobile-page=detail] #galleryCard { max-width: none; }
  body[data-mobile-page=account] .ilanlar-grid.is-list .ilan-karti { flex-direction: column; }
  body[data-mobile-page=account] .ilanlar-grid.is-list .ilan-media { width: 100%; height: 200px; min-height: 0; }
  body[data-mobile-page] :is(.ilan-card-body, .ilan-body, .ilan-topline, .ilan-card-top-row, .ilan-card-location-date) { min-width: 0; overflow-wrap: anywhere; }
  body[data-mobile-page] :is(.ilan-card-meta, .ilan-card-location-date, .ilan-actions, .ilan-topline) { flex-wrap: wrap; gap: 8px; }
  body[data-mobile-page=browse] .ilanlar-table .tline { white-space: normal; overflow-wrap: anywhere; }
}
@media (max-width: 768px) {
  body[data-mobile-page=browse] .ilanlar-table tbody tr { height: auto; min-height: 0; }
  body[data-mobile-page=browse] .ilanlar-table tbody td { height: auto; overflow: visible; }
  body[data-mobile-page=browse] .ilanlar-table :is(.price-value, .loc-text, .ilan-baslik) { align-items: flex-start; }
  body[data-mobile-page=browse] .ilanlar-table .brand-text { font-size: 14px; line-height: 1.4; }
  body[data-mobile-page=browse] .ilanlar-table .price-now { font-size: 18px; }
  body[data-mobile-page=browse] .ilanlar-table .ilan-baslik { font-size: 14px !important; line-height: 1.5; }
}
@media (max-width: 768px) {
  body[data-mobile-page=wizard] .custom-select-wrapper { width: 100%; }
  body[data-mobile-page=wizard] .label-modern { flex-wrap: wrap; gap: 8px; }
}