html body .container.ilan .ilan-detay-ozellikler table.detay td,
html body .container.ilan #ilan_bilgileri .ilan-detay-ozellikler table.detay td {
font-size:13px !important;
}
@media (max-width:991px) {
html body .container.ilan .ilan-detay-ozellikler table.detay th,
html body .container.ilan #ilan_bilgileri .ilan-detay-ozellikler table.detay th {
padding-left:12px !important;
}
html body .container.ilan .ilan-detay-ozellikler table.detay td,
html body .container.ilan #ilan_bilgileri .ilan-detay-ozellikler table.detay td {
padding-right:12px !important;
}
}
/* Match the ID specificity of the global frame rule, only on mobile. */
@media (max-width:991px) {
html body .container.ilan .ilan-ana-icerik > .row:not(#mm-global-frame-exempt),
html body .container.ilan .ilan-detay-alt-yerlesim > .detay > .panel.beyaz:not(#mm-global-frame-exempt) {
border:0 !important;
border-radius:0 !important;
box-shadow:none !important;
}
html body .container.ilan #ilan_bilgileri .ilan-detay-ozellikler .fiyat:not(#mm-global-frame-exempt) {
border-top:0 !important;
}
}
@media (min-width:992px) {
html body .container.ilan .ilan-detay-galeri-sarmal {
border:1px solid #ebebeb !important;
border-radius:10px !important;
}
}
@media (max-width:991px) {
html body .container.ilan {
width:100% !important;
max-width:none !important;
padding-left:0 !important;
padding-right:0 !important;
overflow-x:visible !important;
}
html body .container.ilan > .ust {
padding-left:10px !important;
padding-right:10px !important;
}
html body .container.ilan > .row {
width:100% !important;
max-width:none !important;
margin-left:0 !important;
margin-right:0 !important;
padding-left:0 !important;
padding-right:0 !important;
}
html body .container.ilan .ilan-ana-icerik,
html body .container.ilan .ilan-ana-icerik > .row,
html body .container.ilan .ilan-detay-galeri-sarmal,
html body .container.ilan .ilan-galeri-kolon,
html body .container.ilan .ilan-mobil-gorsel-wrap,
html body .container.ilan .ilan-mobil-gorsel-wrap #mobil_slides,
html body .container.ilan .ilan-mobil-gorsel-wrap .slidesjs-container,
html body .container.ilan .ilan-mobil-gorsel-wrap .slidesjs-control,
html body .container.ilan .ilan-mobil-gorsel-wrap .mobil-slides-track,
html body .container.ilan .ilan-mobil-gorsel-wrap .mobil-slide-item,
html body .container.ilan .ilan-mobil-gorsel-wrap .mobil-slide-item img {
width:100% !important;
max-width:none !important;
margin-left:0 !important;
margin-right:0 !important;
padding-left:0 !important;
padding-right:0 !important;
border:0 !important;
border-radius:0 !important;
outline:0 !important;
box-shadow:none !important;
}
html body .container.ilan .ilan-detay-galeri-sarmal {
position:static !important;
left:auto !important;
width:100% !important;
max-width:100% !important;
margin-left:0 !important;
margin-right:0 !important;
transform:none !important;
border:0 !important;
border-radius:0 !important;
box-shadow:none !important;
}
html body .container.ilan .ilan-mobil-ozet,
html body .container.ilan .ilan-mobil-satici,
html body .container.ilan .ilan-detay-alt-yerlesim,
html body .container.ilan .ilan-detay-alt-yerlesim > .detay,
html body .container.ilan .ilan-detay-alt-yerlesim > .detay > .panel,
html body .container.ilan .ilan-detay-alt-yerlesim > .detay > .panel > .panel-heading,
html body .container.ilan .ilan-detay-alt-yerlesim > .detay > .panel > .tab-content,
html body .container.ilan .ilan-detay-alt-yerlesim > .detay > .panel .tab-pane,
html body .container.ilan .ilan-detay-alt-yerlesim > .detay > .panel .panel-body {
border:0 !important;
border-radius:0 !important;
outline:0 !important;
box-shadow:none !important;
background-image:none !important;
}
html body .container.ilan #ilan_bilgileri .ilan-detay-ozellikler .fiyat {
border:0 !important;
border-top:0 !important;
border-right:0 !important;
border-bottom:0 !important;
border-left:0 !important;
box-shadow:none !important;
}
html body .container.ilan .ilan-mobil-ozet:before,
html body .container.ilan .ilan-mobil-ozet:after,
html body .container.ilan .ilan-detay-alt-yerlesim:before,
html body .container.ilan .ilan-detay-alt-yerlesim:after,
html body .container.ilan .ilan-detay-alt-yerlesim > .detay:before,
html body .container.ilan .ilan-detay-alt-yerlesim > .detay:after {
display:none !important;
content:none !important;
}
}
/* === MOBIL PANEL UI (2026-10-03) ===
Kategoriler cekmecesi (.search-drawer) ve mobil Filtrele paneli (.mobil-filtre-*) icin
yalnizca gorunum katmani; HTML, JS ve filtre mantigina dokunmaz.
Not: sitedeki genel "html body :not(#mm-global-frame-exempt)" kenarlik/golge kuralini
bu iki panelde gecmek icin seciciler "body:not(#mmx)" ile baslar.
Geri almak icin bu blogu silin; yedek: /home/motosi13/claude-yedek-20261003-mobilui/site-alt-3.css
Ikonlar: Tabler Icons (MIT lisansi) - https://tabler.io/icons */
@media (max-width: 991px) {
/* ---------- ortak degiskenler ---------- */
html body:not(#mmx) .search-drawer,
html body:not(#mmx) .mobil-filtre-overlay {
--mmx-o: #E8531E;
--mmx-o-d: #D54C15;
--mmx-o-50: #FFF6F2;
--mmx-o-100: #FFEDE5;
--mmx-o-200: #FBD5C4;
--mmx-ink: #16181D;
--mmx-ink-2: #3D424A;
--mmx-muted: #8A9099;
--mmx-line: #EEF0F2;
--mmx-surface: #F5F6F8;
--mmx-chip: #F1F2F4;
--mmx-tree: #D6DADF;
--mmx-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E8531E' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h6v6h-6z' /%3E%3Cpath d='M14 4h6v6h-6z' /%3E%3Cpath d='M4 14h6v6h-6z' /%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0' /%3E%3C/svg%3E");
--mmx-ico-w: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h6v6h-6z' /%3E%3Cpath d='M14 4h6v6h-6z' /%3E%3Cpath d='M4 14h6v6h-6z' /%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0' /%3E%3C/svg%3E");
-webkit-tap-highlight-color: transparent;
}
/* =========================================================
KATEGORILER CEKMECESI
========================================================= */
html body:not(#mmx) .search-drawer-backdrop.active {
background: rgba(15, 17, 21, .42) !important;
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
}
html body:not(#mmx) .search-drawer {
width: min(84vw, 370px) !important;
max-width: 370px !important;
background: #fff !important;
border-right: 0 !important;
border-radius: 0 24px 24px 0 !important;
box-shadow: none !important;
overflow: hidden !important;
}
/* baslik */
html body:not(#mmx) .search-drawer-header {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 10px;
padding: 14px 14px 12px 16px !important;
background: #fff !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
border-bottom: 1px solid var(--mmx-line) !important;
position: relative;
z-index: 2;
}
html body:not(#mmx) .search-drawer-header h3 {
display: flex !important;
align-items: center;
gap: 9px;
margin: 0 !important;
font-size: 18px !important;
font-weight: 800 !important;
letter-spacing: -.02em;
line-height: 1.1 !important;
color: var(--mmx-ink) !important;
}
html body:not(#mmx) .search-drawer-header h3::before {
content: "";
flex: 0 0 28px;
width: 28px;
height: 28px;
border-radius: 9px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z' /%3E%3Cpath d='M14 4m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z' /%3E%3Cpath d='M4 14m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z' /%3E%3Cpath d='M14 14m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z' /%3E%3C/svg%3E") center / 15px 15px no-repeat, linear-gradient(135deg, #FF7A45, #E8531E 60%, #D54C15);
box-shadow: none;
}
html body:not(#mmx) .search-drawer-close {
position: relative !important;
flex: 0 0 32px;
width: 32px !important;
height: 32px !important;
min-width: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 50% !important;
background: var(--mmx-chip) !important;
color: transparent !important;
font-size: 0 !important;
line-height: 0 !important;
box-shadow: none !important;
transition: background-color .15s ease, transform .15s ease;
}
html body:not(#mmx) .search-drawer-close::before {
content: "";
position: absolute;
inset: 0;
margin: auto;
width: 15px;
height: 15px;
background-color: var(--mmx-ink-2);
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6l-12 12' /%3E%3Cpath d='M6 6l12 12' /%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6l-12 12' /%3E%3Cpath d='M6 6l12 12' /%3E%3C/svg%3E") center / contain no-repeat;
}
html body:not(#mmx) .search-drawer-close:active {
transform: scale(.92);
background: #E6E8EB !important;
}
/* icerik alani */
html body:not(#mmx) .search-drawer-content {
padding: 12px 10px 24px !important;
background: #fff !important;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
html body:not(#mmx) .search-drawer-content::-webkit-scrollbar {
display: none;
}
/* kisayollar: Vitrin / Fiyati Dusenler / Acil */
html body:not(#mmx) .search-drawer-quick-links {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 7px !important;
margin: 0 0 12px !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
}
html body:not(#mmx) .search-drawer-quick-links > a {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 7px !important;
min-height: 78px;
margin: 0 !important;
padding: 11px 6px 10px !important;
background: #fff !important;
border: 1px solid var(--mmx-line) !important;
border-radius: 15px !important;
box-shadow: none !important;
color: var(--mmx-ink) !important;
font-size: 11.5px !important;
font-weight: 700 !important;
line-height: 1.25 !important;
text-align: center !important;
text-decoration: none !important;
transition: transform .15s ease;
}
html body:not(#mmx) .search-drawer-quick-links > a:active {
transform: scale(.96);
}
html body:not(#mmx) .search-drawer-quick-icon {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 auto;
width: 34px !important;
height: 34px !important;
margin: 0 !important;
border: 0 !important;
border-radius: 11px !important;
color: var(--mmx-o-d) !important;
background: var(--mmx-o-100) !important;
box-shadow: none !important;
}
html body:not(#mmx) .search-drawer-quick-icon svg {
width: 18px !important;
height: 18px !important;
color: var(--mmx-o-d) !important;
}
/* kategori listesi */
html body:not(#mmx) .search-drawer-list-card {
margin: 0 !important;
padding: 4px !important;
background: #fff !important;
border: 1px solid var(--mmx-line) !important;
border-radius: 16px !important;
box-shadow: none !important;
overflow: hidden;
}
html body:not(#mmx) .search-drawer-group {
position: relative;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
}
html body:not(#mmx) .search-drawer-group + .search-drawer-group::before {
content: "";
position: absolute;
top: 0;
left: 52px;
right: 8px;
height: 1px;
background: var(--mmx-line);
}
html body:not(#mmx) .search-drawer-main-link {
display: flex !important;
align-items: center !important;
gap: 10px !important;
width: 100% !important;
min-height: 50px;
margin: 0 !important;
padding: 7px 8px !important;
background: transparent !important;
border: 0 !important;
border-radius: 12px !important;
box-shadow: none !important;
color: var(--mmx-ink) !important;
text-align: left !important;
text-decoration: none !important;
cursor: pointer;
transition: background-color .15s ease;
}
html body:not(#mmx) .search-drawer-main-link:active {
background: var(--mmx-surface) !important;
}
html body:not(#mmx) .search-drawer-main-icon {
display: none !important;
}
html body:not(#mmx) .search-drawer-main-link::before {
content: "";
flex: 0 0 34px;
width: 34px;
height: 34px;
border-radius: 10px;
background-color: var(--mmx-o-100);
background-image: var(--mmx-ico);
background-position: center;
background-size: var(--mmx-ico-size, 18px 18px);
background-repeat: no-repeat;
transition: background-color .2s ease, box-shadow .2s ease;
}
html body:not(#mmx) .search-drawer-group.open > .search-drawer-main-link {
background: var(--mmx-o-50) !important;
}
html body:not(#mmx) .search-drawer-group.open > .search-drawer-main-link::before {
background-color: var(--mmx-o);
background-image: var(--mmx-ico-w);
box-shadow: none;
}
html body:not(#mmx) .search-drawer-main-title {
flex: 1 1 auto;
min-width: 0;
font-size: 14.5px !important;
font-weight: 700 !important;
line-height: 1.25 !important;
letter-spacing: -.005em;
color: var(--mmx-ink) !important;
}
html body:not(#mmx) .search-drawer-group.open > .search-drawer-main-link .search-drawer-main-title {
color: var(--mmx-o-d) !important;
}
html body:not(#mmx) .search-drawer .sub-cat-meta {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
flex: 0 0 auto;
margin-left: auto !important;
}
html body:not(#mmx) .search-drawer .sub-cat-count {
font-size: 12px !important;
font-weight: 600 !important;
color: var(--mmx-muted) !important;
font-variant-numeric: tabular-nums;
}
html body:not(#mmx) .search-drawer .sub-cat-caret {
position: relative !important;
display: inline-block !important;
flex: 0 0 auto;
width: 24px !important;
height: 24px !important;
margin: 0 !important;
border-radius: 50%;
background: var(--mmx-chip) !important;
color: transparent !important;
font-size: 0 !important;
line-height: 0 !important;
transition: transform .25s ease, background-color .2s ease;
}
html body:not(#mmx) .search-drawer .sub-cat-caret::before {
content: "";
position: absolute;
inset: 0;
margin: auto;
width: 14px;
height: 14px;
background-color: var(--mmx-ink-2);
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6l6 -6' /%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6l6 -6' /%3E%3C/svg%3E") center / contain no-repeat;
}
html body:not(#mmx) .search-drawer-group.open > .search-drawer-main-link .sub-cat-caret {
transform: rotate(180deg);
background: var(--mmx-o-100) !important;
}
html body:not(#mmx) .search-drawer-group.open > .search-drawer-main-link .sub-cat-caret::before {
background-color: var(--mmx-o-d);
}
/* alt kategorisi olmayan gruplar ve alt kategoriler: saga ok */
html body:not(#mmx) a.search-drawer-main-link .sub-cat-caret::before,
html body:not(#mmx) .search-drawer-category-link .sub-cat-caret::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6l-6 6' /%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6l-6 6' /%3E%3C/svg%3E");
}
/* alt kategoriler */
html body:not(#mmx) .search-drawer-child-container {
margin: 0 !important;
padding: 0 4px 8px 0 !important;
background: transparent !important;
border: 0 !important;
}
html body:not(#mmx) .search-drawer-sub-list {
list-style: none !important;
margin: 0 0 0 24px !important;
padding: 0 0 0 14px !important;
border: 0 !important;
}
/* takip cubugu: gri, her satira kavisle baglanir, son satirda kavisle biter */
html body:not(#mmx) .search-drawer-sub-list > li::before,
html body:not(#mmx) .mobil-kategori-agac ul.satariz-kat-alt > .satariz-kat-item::before {
content: "" !important;
display: block !important;
position: absolute !important;
top: 0 !important;
height: 50% !important;
box-sizing: border-box !important;
border-left: 2px solid var(--mmx-tree) !important;
border-bottom: 2px solid var(--mmx-tree) !important;
border-bottom-left-radius: 10px !important;
background: none !important;
pointer-events: none;
}
html body:not(#mmx) .search-drawer-sub-list > li:has(~ li)::after,
html body:not(#mmx) .mobil-kategori-agac ul.satariz-kat-alt > .satariz-kat-item:has(~ .satariz-kat-item)::after {
content: "" !important;
display: block !important;
position: absolute !important;
top: 0 !important;
bottom: 0 !important;
width: 0 !important;
border-left: 2px solid var(--mmx-tree) !important;
background: none !important;
pointer-events: none;
}
html body:not(#mmx) .search-drawer-sub-list > li::before {
left: -14px !important;
width: 16px !important;
}
html body:not(#mmx) .search-drawer-sub-list > li::after {
left: -14px !important;
}
html body:not(#mmx) .search-drawer-sub-list > li {
position: relative !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: none !important;
list-style: none !important;
}
html body:not(#mmx) .search-drawer-category-link {
display: flex !important;
align-items: center !important;
gap: 8px !important;
min-height: 40px;
margin: 0 !important;
padding: 0 6px 0 8px !important;
border: 0 !important;
border-radius: 12px !important;
background: transparent !important;
color: var(--mmx-ink-2) !important;
text-decoration: none !important;
transition: background-color .15s ease;
}
html body:not(#mmx) .search-drawer-category-link:active {
background: var(--mmx-surface) !important;
}
html body:not(#mmx) .search-drawer-category-link .sub-cat-label {
flex: 1 1 auto;
min-width: 0;
font-size: 13.5px !important;
font-weight: 500 !important;
color: var(--mmx-ink-2) !important;
}
html body:not(#mmx) .search-drawer-category-link .sub-cat-caret {
width: 20px !important;
height: 20px !important;
background: transparent !important;
}
html body:not(#mmx) .search-drawer-category-link .sub-cat-caret::before {
width: 13px;
height: 13px;
background-color: #B0B5BD;
}
/* grup ikonlari (alt kategori adreslerinden taninir) */
html body:not(#mmx) .search-drawer-group:has(a[href*="/ikinci-el/motosikletler/"]) { --mmx-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 40' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='13.5' cy='30' r='7.4' stroke='%23EF4D16' stroke-width='2.5'/%3E%3Ccircle cx='50.5' cy='30' r='7.4' stroke='%23EF4D16' stroke-width='2.5'/%3E%3Ccircle cx='13.5' cy='30' r='2.1' fill='%23EF4D16'/%3E%3Ccircle cx='50.5' cy='30' r='2.1' fill='%23EF4D16'/%3E%3Cpath d='M19 28.8 25.8 18l13.7-1.6 9.2 7.4-5.4 6.1H29.2l-4-4.2-3.6 4.2H17Z' fill='%23EF4D16'/%3E%3Cpath d='M25.2 18.3c2.4-5.4 9.2-7.3 15.9-3.2l2.4 2.7-5.6 3.2H27Z' fill='%23EF4D16'/%3E%3Cpath d='m27.2 16.4-9.4-4.5-8.1 2.5 13.8 6.1Z' fill='%23EF4D16'/%3E%3Cpath d='m39.6 16.4 12.1-2.7 4.4 3.3-8.2 7.4-5.2-2.3Z' fill='%23EF4D16'/%3E%3Cpath d='m42.5 14.9 4.1-9.1 6.5 1-3.6 7.7Z' fill='%23EF4D16' fill-opacity='.5'/%3E%3Cpath d='m13.5 30 10.8-9.4 7.8 9.4h8.6l9.8-12.2M50.5 30l-4.1-12.5M21.6 29.9h-8.1M29.2 29.9l9.7 4.2h8.6' stroke='%23EF4D16' stroke-width='2'/%3E%3Cpath d='m29.1 21.5 10.8-1.4-4.8 5.3h-8.8M45.6 17.5h6.2' stroke='%23ffffff' stroke-width='1.4'/%3E%3C/svg%3E"); --mmx-ico-w: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 40' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='13.5' cy='30' r='7.4' stroke='%23ffffff' stroke-width='2.5'/%3E%3Ccircle cx='50.5' cy='30' r='7.4' stroke='%23ffffff' stroke-width='2.5'/%3E%3Ccircle cx='13.5' cy='30' r='2.1' fill='%23ffffff'/%3E%3Ccircle cx='50.5' cy='30' r='2.1' fill='%23ffffff'/%3E%3Cpath d='M19 28.8 25.8 18l13.7-1.6 9.2 7.4-5.4 6.1H29.2l-4-4.2-3.6 4.2H17Z' fill='%23ffffff'/%3E%3Cpath d='M25.2 18.3c2.4-5.4 9.2-7.3 15.9-3.2l2.4 2.7-5.6 3.2H27Z' fill='%23ffffff'/%3E%3Cpath d='m27.2 16.4-9.4-4.5-8.1 2.5 13.8 6.1Z' fill='%23ffffff'/%3E%3Cpath d='m39.6 16.4 12.1-2.7 4.4 3.3-8.2 7.4-5.2-2.3Z' fill='%23ffffff'/%3E%3Cpath d='m42.5 14.9 4.1-9.1 6.5 1-3.6 7.7Z' fill='%23ffffff' fill-opacity='.5'/%3E%3Cpath d='m13.5 30 10.8-9.4 7.8 9.4h8.6l9.8-12.2M50.5 30l-4.1-12.5M21.6 29.9h-8.1M29.2 29.9l9.7 4.2h8.6' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='m29.1 21.5 10.8-1.4-4.8 5.3h-8.8M45.6 17.5h6.2' stroke='%23E8531E' stroke-width='1.4'/%3E%3C/svg%3E"); --mmx-ico-size: 24px auto; }
html body:not(#mmx) .search-drawer-group:has(a[href*="/ikinci-el/motosiklet-hizmetleri/"]) { --mmx-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E8531E' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10h3v-3l-3.5 -3.5a6 6 0 0 1 8 8l6 6a2 2 0 0 1 -3 3l-6 -6a6 6 0 0 1 -8 -8l3.5 3.5' /%3E%3C/svg%3E"); --mmx-ico-w: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10h3v-3l-3.5 -3.5a6 6 0 0 1 8 8l6 6a2 2 0 0 1 -3 3l-6 -6a6 6 0 0 1 -8 -8l3.5 3.5' /%3E%3C/svg%3E"); }
html body:not(#mmx) .search-drawer-group:has(a[href*="/ikinci-el/aksesuar/"]) { --mmx-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E8531E' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 18v-6a6 6 0 0 1 6 -6h2a6 6 0 0 1 6 6v6a3 3 0 0 1 -3 3h-8a3 3 0 0 1 -3 -3z' /%3E%3Cpath d='M10 6v-1a2 2 0 1 1 4 0v1' /%3E%3Cpath d='M9 21v-4a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v4' /%3E%3Cpath d='M11 10h2' /%3E%3C/svg%3E"); --mmx-ico-w: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 18v-6a6 6 0 0 1 6 -6h2a6 6 0 0 1 6 6v6a3 3 0 0 1 -3 3h-8a3 3 0 0 1 -3 -3z' /%3E%3Cpath d='M10 6v-1a2 2 0 1 1 4 0v1' /%3E%3Cpath d='M9 21v-4a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v4' /%3E%3Cpath d='M11 10h2' /%3E%3C/svg%3E"); }
html body:not(#mmx) .search-drawer-group:has(a[href*="/ikinci-el/bakim/"]) { --mmx-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E8531E' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.502 19.423c2.602 2.105 6.395 2.105 8.996 0c2.602 -2.105 3.262 -5.708 1.566 -8.546l-4.89 -7.26c-.42 -.625 -1.287 -.803 -1.936 -.397a1.376 1.376 0 0 0 -.41 .397l-4.893 7.26c-1.695 2.838 -1.035 6.441 1.567 8.546z' /%3E%3C/svg%3E"); --mmx-ico-w: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.502 19.423c2.602 2.105 6.395 2.105 8.996 0c2.602 -2.105 3.262 -5.708 1.566 -8.546l-4.89 -7.26c-.42 -.625 -1.287 -.803 -1.936 -.397a1.376 1.376 0 0 0 -.41 .397l-4.893 7.26c-1.695 2.838 -1.035 6.441 1.567 8.546z' /%3E%3C/svg%3E"); }
html body:not(#mmx) .search-drawer-group:has(a[href*="/ikinci-el/giyim/"]) { --mmx-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E8531E' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 4l6 2v5h-3v8a1 1 0 0 1 -1 1h-10a1 1 0 0 1 -1 -1v-8h-3v-5l6 -2a3 3 0 0 0 6 0' /%3E%3C/svg%3E"); --mmx-ico-w: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 4l6 2v5h-3v8a1 1 0 0 1 -1 1h-10a1 1 0 0 1 -1 -1v-8h-3v-5l6 -2a3 3 0 0 0 6 0' /%3E%3C/svg%3E"); }
html body:not(#mmx) .search-drawer-group:has(a[href*="/ikinci-el/guvenlik-ve-koruma/"]) { --mmx-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E8531E' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11.46 20.846a12 12 0 0 1 -7.96 -14.846a12 12 0 0 0 8.5 -3a12 12 0 0 0 8.5 3a12 12 0 0 1 -.09 7.06' /%3E%3Cpath d='M15 19l2 2l4 -4' /%3E%3C/svg%3E"); --mmx-ico-w: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11.46 20.846a12 12 0 0 1 -7.96 -14.846a12 12 0 0 0 8.5 -3a12 12 0 0 0 8.5 3a12 12 0 0 1 -.09 7.06' /%3E%3Cpath d='M15 19l2 2l4 -4' /%3E%3C/svg%3E"); }
html body:not(#mmx) .search-drawer-group:has(a[href*="/ikinci-el/kasklar/"]) { --mmx-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E8531E' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4a9 9 0 0 1 5.656 16h-11.312a9 9 0 0 1 5.656 -16z' /%3E%3Cpath d='M20 9h-8.8a1 1 0 0 0 -.968 1.246c.507 2 1.596 3.418 3.268 4.254c2 1 4.333 1.5 7 1.5' /%3E%3C/svg%3E"); --mmx-ico-w: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4a9 9 0 0 1 5.656 16h-11.312a9 9 0 0 1 5.656 -16z' /%3E%3Cpath d='M20 9h-8.8a1 1 0 0 0 -.968 1.246c.507 2 1.596 3.418 3.268 4.254c2 1 4.333 1.5 7 1.5' /%3E%3C/svg%3E"); }
html body:not(#mmx) .search-drawer-group:has(a[href*="/ikinci-el/aksiyon-kameralari/"]) { --mmx-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E8531E' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 7h1a2 2 0 0 0 2 -2a1 1 0 0 1 1 -1h6a1 1 0 0 1 1 1a2 2 0 0 0 2 2h1a2 2 0 0 1 2 2v9a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-9a2 2 0 0 1 2 -2' /%3E%3Cpath d='M9 13a3 3 0 1 0 6 0a3 3 0 0 0 -6 0' /%3E%3C/svg%3E"); --mmx-ico-w: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 7h1a2 2 0 0 0 2 -2a1 1 0 0 1 1 -1h6a1 1 0 0 1 1 1a2 2 0 0 0 2 2h1a2 2 0 0 1 2 2v9a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-9a2 2 0 0 1 2 -2' /%3E%3Cpath d='M9 13a3 3 0 1 0 6 0a3 3 0 0 0 -6 0' /%3E%3C/svg%3E"); }
html body:not(#mmx) .search-drawer-group:has(a[href*="/ikinci-el/yedek-parca/"]) { --mmx-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E8531E' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10v6' /%3E%3Cpath d='M12 5v3' /%3E%3Cpath d='M10 5h4' /%3E%3Cpath d='M5 13h-2' /%3E%3Cpath d='M6 10h2l2 -2h3.382a1 1 0 0 1 .894 .553l1.448 2.894a1 1 0 0 0 .894 .553h1.382v-2h2a1 1 0 0 1 1 1v6a1 1 0 0 1 -1 1h-2v-2h-3v2a1 1 0 0 1 -1 1h-3.465a1 1 0 0 1 -.832 -.445l-1.703 -2.555h-2v-6z' /%3E%3C/svg%3E"); --mmx-ico-w: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10v6' /%3E%3Cpath d='M12 5v3' /%3E%3Cpath d='M10 5h4' /%3E%3Cpath d='M5 13h-2' /%3E%3Cpath d='M6 10h2l2 -2h3.382a1 1 0 0 1 .894 .553l1.448 2.894a1 1 0 0 0 .894 .553h1.382v-2h2a1 1 0 0 1 1 1v6a1 1 0 0 1 -1 1h-2v-2h-3v2a1 1 0 0 1 -1 1h-3.465a1 1 0 0 1 -.832 -.445l-1.703 -2.555h-2v-6z' /%3E%3C/svg%3E"); }
html body:not(#mmx) .search-drawer-main-link[href*="/ikinci-el/kurye-is-ilanlari"] { --mmx-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E8531E' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 4.5l0 9l-8 4.5l-8 -4.5l0 -9l8 -4.5' /%3E%3Cpath d='M12 12l8 -4.5' /%3E%3Cpath d='M12 12l0 9' /%3E%3Cpath d='M12 12l-8 -4.5' /%3E%3Cpath d='M16 5.25l-8 4.5' /%3E%3C/svg%3E"); --mmx-ico-w: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 4.5l0 9l-8 4.5l-8 -4.5l0 -9l8 -4.5' /%3E%3Cpath d='M12 12l8 -4.5' /%3E%3Cpath d='M12 12l0 9' /%3E%3Cpath d='M12 12l-8 -4.5' /%3E%3Cpath d='M16 5.25l-8 4.5' /%3E%3C/svg%3E"); }
/* cekmecenin altinda sabit: Yardim Merkezi */
html body:not(#mmx) .search-drawer-yardim {
display: flex !important;
align-items: center !important;
gap: 10px !important;
flex-shrink: 0;
margin: 0 !important;
padding: 10px 14px calc(10px + env(safe-area-inset-bottom, 0px)) 14px !important;
background: #fff !important;
border: 0 !important;
border-top: 1px solid var(--mmx-line) !important;
color: var(--mmx-ink) !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
text-decoration: none !important;
transition: background-color .15s ease;
}
html body:not(#mmx) .search-drawer-yardim::before {
content: "";
flex: 0 0 34px;
width: 34px;
height: 34px;
border-radius: 10px;
background: #FFEDE5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E8531E' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0' /%3E%3Cpath d='M12 16v.01' /%3E%3Cpath d='M12 13a2 2 0 0 0 .914 -3.782a1.98 1.98 0 0 0 -2.414 .483' /%3E%3C/svg%3E") center / 18px 18px no-repeat;
}
html body:not(#mmx) .search-drawer-yardim::after {
content: "";
flex: 0 0 14px;
width: 14px;
height: 14px;
margin-left: auto;
background-color: #B0B5BD;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6l-6 6' /%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6l-6 6' /%3E%3C/svg%3E") center / contain no-repeat;
}
html body:not(#mmx) .search-drawer-yardim:active {
background: var(--mmx-surface) !important;
}
/* =========================================================
FILTRELE PANELI
========================================================= */
html body:not(#mmx) .mobil-filtre-overlay.acik {
background: rgba(15, 17, 21, .42) !important;
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
}
html body:not(#mmx) .mobil-filtre-panel {
width: min(90vw, 410px) !important;
max-width: 410px !important;
min-width: 0 !important;
background: var(--mmx-surface) !important;
border: 0 !important;
border-radius: 0 24px 24px 0 !important;
box-shadow: 16px 0 48px rgba(15, 17, 21, .2) !important;
overflow: hidden !important;
}
/* baslik: 1. satir "Filtrele" + kapat, 2. satir Kayitlilar / Tumunu Temizle */
html body:not(#mmx) .mobil-filtre-head {
position: relative !important;
display: block !important;
flex-shrink: 0;
padding: 13px 14px 10px 16px !important;
background: #fff !important;
border: 0 !important;
box-shadow: 0 1px 0 var(--mmx-line);
z-index: 2;
}
html body:not(#mmx) .mobil-filtre-baslik {
display: flex !important;
align-items: center !important;
gap: 9px;
height: 32px;
margin: 0 !important;
padding: 0 42px 0 0 !important;
font-size: 18px !important;
font-weight: 800 !important;
letter-spacing: -.02em;
line-height: 1.1 !important;
color: var(--mmx-ink) !important;
}
html body:not(#mmx) .mobil-filtre-baslik::before {
content: "";
flex: 0 0 28px;
width: 28px;
height: 28px;
border-radius: 9px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 6m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0' /%3E%3Cpath d='M4 6l8 0' /%3E%3Cpath d='M16 6l4 0' /%3E%3Cpath d='M8 12m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0' /%3E%3Cpath d='M4 12l2 0' /%3E%3Cpath d='M10 12l10 0' /%3E%3Cpath d='M17 18m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0' /%3E%3Cpath d='M4 18l11 0' /%3E%3Cpath d='M19 18l1 0' /%3E%3C/svg%3E") center / 15px 15px no-repeat, linear-gradient(135deg, #FF7A45, #E8531E 60%, #D54C15);
box-shadow: 0 4px 10px rgba(232, 83, 30, .24);
}
html body:not(#mmx) .mobil-filtre-head-butonlar {
display: flex !important;
flex-wrap: wrap;
align-items: center !important;
gap: 7px !important;
margin: 10px 0 0 !important;
padding: 0 !important;
}
html body:not(#mmx) .mobil-filtre-head .mobil-ftemizle {
display: inline-flex !important;
align-items: center !important;
gap: 5px !important;
height: 30px !important;
margin: 0 !important;
padding: 0 12px 0 10px !important;
border: 1px solid var(--mmx-line) !important;
border-radius: 999px !important;
background: #fff !important;
color: var(--mmx-ink-2) !important;
font-size: 12px !important;
font-weight: 700 !important;
line-height: 1 !important;
white-space: nowrap;
text-decoration: none !important;
box-shadow: 0 1px 2px rgba(16, 24, 40, .05) !important;
transition: transform .15s ease;
}
html body:not(#mmx) .mobil-filtre-head .mobil-ftemizle::before {
content: "";
flex: 0 0 13px;
width: 13px;
height: 13px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4' /%3E%3Cpath d='M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4' /%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4' /%3E%3Cpath d='M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4' /%3E%3C/svg%3E") center / contain no-repeat;
}
html body:not(#mmx) .mobil-filtre-head .mobil-ftemizle.kayitli-aramalar-ac::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 7v14l-6 -4l-6 4v-14a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4z' /%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 7v14l-6 -4l-6 4v-14a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4z' /%3E%3C/svg%3E");
}
html body:not(#mmx) .mobil-filtre-head a.mobil-ftemizle {
background: var(--mmx-o-50) !important;
border-color: var(--mmx-o-200) !important;
color: var(--mmx-o-d) !important;
}
html body:not(#mmx) .mobil-filtre-head .mobil-ftemizle:active {
transform: scale(.95);
}
html body:not(#mmx) .mobil-filtre-head .mobil-fkapat {
position: absolute !important;
top: 13px !important;
right: 12px !important;
width: 32px !important;
height: 32px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 50% !important;
background: var(--mmx-chip) !important;
box-shadow: none !important;
transition: background-color .15s ease, transform .15s ease;
}
html body:not(#mmx) .mobil-filtre-head .mobil-fkapat > span {
display: none !important;
}
html body:not(#mmx) .mobil-filtre-head .mobil-fkapat::before {
content: "";
position: absolute;
inset: 0;
margin: auto;
width: 15px;
height: 15px;
background-color: var(--mmx-ink-2);
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6l-12 12' /%3E%3Cpath d='M6 6l12 12' /%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6l-12 12' /%3E%3Cpath d='M6 6l12 12' /%3E%3C/svg%3E") center / contain no-repeat;
}
html body:not(#mmx) .mobil-filtre-head .mobil-fkapat:active {
transform: scale(.92);
background: #E6E8EB !important;
}
/* kaydirma alani ve kartlar */
html body:not(#mmx) .mobil-filtre-scroll {
padding: 12px 10px 20px !important;
background: var(--mmx-surface) !important;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
html body:not(#mmx) .mobil-filtre-scroll::-webkit-scrollbar {
display: none;
}
html body:not(#mmx) .mobil-filtre-kutu {
margin: 0 0 10px !important;
padding: 10px !important;
background: #fff !important;
border: 1px solid var(--mmx-line) !important;
border-radius: 16px !important;
box-shadow: 0 1px 2px rgba(16, 24, 40, .04) !important;
}
html body:not(#mmx) .mobil-filtre-kutu-baslik,
html body:not(#mmx) .mobil-filtre-altbaslik {
display: block !important;
margin: 2px 6px 4px !important;
padding: 0 !important;
border: 0 !important;
background: none !important;
font-size: 10.5px !important;
font-weight: 800 !important;
letter-spacing: .08em;
line-height: 1.3 !important;
text-transform: uppercase;
color: var(--mmx-muted) !important;
}
/* ust baslik zaten "Filtrele"; kutudaki ikinci "Filtrele" yazisi gizlenir */
html body:not(#mmx) .mobil-filtre-kutu:has(#mobil_filtre_form) > .mobil-filtre-kutu-baslik {
display: none !important;
}
/* filtre: "Tum Kategoriler" geri dugmesi (kategoriler cekmecesini acar) */
html body:not(#mmx) .mobil-filtre-geri {
display: flex !important;
align-items: center !important;
gap: 10px !important;
width: 100% !important;
min-height: 44px;
margin: 0 0 4px !important;
padding: 4px !important;
border: 0 !important;
border-radius: 12px !important;
background: transparent !important;
box-shadow: none !important;
color: var(--mmx-ink) !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
text-align: left !important;
cursor: pointer;
transition: background-color .15s ease;
}
html body:not(#mmx) .mobil-filtre-geri::before {
content: "";
flex: 0 0 32px;
width: 32px;
height: 32px;
border-radius: 10px;
background: #F1F2F4 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234B5260' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 6l-6 6l6 6' /%3E%3C/svg%3E") center / 16px 16px no-repeat;
}
html body:not(#mmx) .mobil-filtre-geri:active {
background: var(--mmx-surface) !important;
}
html body:not(#mmx) .mobil-filtre-kutu:has(> .mobil-filtre-geri) > .mobil-filtre-kutu-baslik {
display: none !important;
}
/* kategori agaci */
html body:not(#mmx) .mobil-kategori-agac {
max-height: 340px !important;
margin: 0 -4px !important;
padding: 0 4px !important;
overflow-y: auto !important;
overscroll-behavior: contain;
scrollbar-width: thin;
scrollbar-color: #D5D8DD transparent;
border: 0 !important;
}
html body:not(#mmx) .mobil-kategori-agac::-webkit-scrollbar {
width: 4px;
}
html body:not(#mmx) .mobil-kategori-agac::-webkit-scrollbar-thumb {
background: #D5D8DD;
border-radius: 4px;
}
html body:not(#mmx) .mobil-kategori-agac ul {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
html body:not(#mmx) .mobil-kategori-agac ul.satariz-kat-alt {
position: relative !important;
margin: 0 0 0 4px !important;
padding: 0 0 0 12px !important;
border: 0 !important;
}
html body:not(#mmx) .mobil-kategori-agac ul.satariz-kat-alt > .satariz-kat-item {
position: relative !important;
padding-left: 8px !important;
}
html body:not(#mmx) .mobil-kategori-agac ul.satariz-kat-alt > .satariz-kat-item::before {
left: -10px !important;
width: 12px !important;
}
html body:not(#mmx) .mobil-kategori-agac ul.satariz-kat-alt > .satariz-kat-item::after {
left: -10px !important;
}
/* alt dal acikken, ayni seviyede devam eden kardesler icin cizgi alt dalin yanindan surer */
html body:not(#mmx) .mobil-kategori-agac ul.satariz-kat-alt > ul.satariz-kat-alt:has(~ .satariz-kat-item)::before {
content: "" !important;
display: block !important;
position: absolute !important;
left: -14px !important;
top: 0 !important;
bottom: 0 !important;
width: 0 !important;
border-left: 2px solid var(--mmx-tree) !important;
pointer-events: none;
}
html body:not(#mmx) .mobil-kategori-agac .satariz-kat-item {
display: flex !important;
align-items: center !important;
gap: 7px !important;
min-height: 38px;
margin: 0 !important;
padding: 0 4px 0 10px !important;
border: 0 !important;
border-radius: 12px !important;
background: transparent !important;
transition: background-color .15s ease;
}
html body:not(#mmx) .mobil-kategori-agac .satariz-kat-link {
flex: 1 1 auto;
min-width: 0;
padding: 9px 0 !important;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 13.5px !important;
font-weight: 500 !important;
line-height: 1.3 !important;
color: var(--mmx-ink-2) !important;
text-decoration: none !important;
background: none !important;
}
html body:not(#mmx) .mobil-kategori-agac .satariz-kat-sayi {
flex: 0 0 auto;
margin: 0 !important;
font-size: 12px !important;
font-weight: 600 !important;
color: var(--mmx-muted) !important;
font-variant-numeric: tabular-nums;
}
html body:not(#mmx) .mobil-kategori-agac .satariz-kat-item.aktif > .satariz-kat-link {
font-weight: 700 !important;
color: var(--mmx-ink) !important;
}
/* su an icinde bulunulan (en derindeki) kategori */
html body:not(#mmx) .mobil-kategori-agac .satariz-kat-item.aktif:not(:has(+ ul.satariz-kat-alt .satariz-kat-item.aktif)) {
background: var(--mmx-o-50) !important;
}
html body:not(#mmx) .mobil-kategori-agac .satariz-kat-item.aktif:not(:has(+ ul.satariz-kat-alt .satariz-kat-item.aktif)) > .satariz-kat-link {
color: var(--mmx-o-d) !important;
}
html body:not(#mmx) .mobil-kategori-agac .satariz-kat-toggle {
position: relative !important;
flex: 0 0 30px;
width: 30px !important;
height: 30px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 50% !important;
background: var(--mmx-chip) !important;
box-shadow: none !important;
transition: transform .25s ease, background-color .2s ease;
}
html body:not(#mmx) .mobil-kategori-agac .satariz-kat-chevron {
display: none !important;
}
html body:not(#mmx) .mobil-kategori-agac .satariz-kat-toggle::before {
content: "";
position: absolute;
inset: 0;
margin: auto;
width: 15px;
height: 15px;
background-color: var(--mmx-ink-2);
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6l6 -6' /%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6l6 -6' /%3E%3C/svg%3E") center / contain no-repeat;
}
html body:not(#mmx) .mobil-kategori-agac .satariz-kat-toggle[aria-expanded="true"] {
transform: rotate(180deg);
background: var(--mmx-o-100) !important;
}
html body:not(#mmx) .mobil-kategori-agac .satariz-kat-toggle[aria-expanded="true"]::before {
background-color: var(--mmx-o-d);
}
/* filtre satirlari (akordeon) */
html body:not(#mmx) .mobil-filtre-alanlari .panel.filtre {
position: relative;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
html body:not(#mmx) .mobil-filtre-alanlari .panel.filtre:not(:first-child) {
border-top: 1px solid var(--mmx-line) !important;
}
html body:not(#mmx) .mobil-filtre-alanlari .mobil-filtre-toggle {
display: block !important;
color: inherit !important;
text-decoration: none !important;
outline: none;
}
html body:not(#mmx) .mobil-filtre-alanlari .panel.filtre .panel-heading {
position: relative !important;
display: flex !important;
align-items: center !important;
gap: 10px !important;
height: auto !important;
min-height: 50px;
margin: 0 !important;
padding: 7px 4px !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
color: var(--mmx-ink) !important;
}
html body:not(#mmx) .mobil-filtre-alanlari .panel.filtre .panel-heading::before {
content: "" !important;
display: block !important;
flex: 0 0 32px;
width: 32px;
height: 32px;
border-radius: 10px;
background-color: var(--mmx-o-100);
background-image: var(--mmx-ico);
background-position: center;
background-size: var(--mmx-ico-size, 17px 17px);
background-repeat: no-repeat;
transition: background-color .2s ease, box-shadow .2s ease;
}
html body:not(#mmx) .mobil-filtre-alanlari .panel.filtre .panel-heading::after {
content: "" !important;
position: static !important;
display: block !important;
flex: 0 0 26px;
width: 26px !important;
height: 26px !important;
margin: 0 0 0 auto !important;
top: auto !important;
align-self: center !important;
border-radius: 50%;
background: #F1F2F4 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234B5260' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6l6 -6' /%3E%3C/svg%3E") center / 14px 14px no-repeat !important;
color: transparent !important;
font-size: 0 !important;
line-height: 0 !important;
transform: none;
transition: transform .25s ease, background-color .2s ease;
}
html body:not(#mmx) .mobil-filtre-alanlari .panel.filtre.acik .panel-heading::after {
transform: rotate(180deg) !important;
background: #FFEDE5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D54C15' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6l6 -6' /%3E%3C/svg%3E") center / 14px 14px no-repeat !important;
}
/* secim yapilmis filtre: ikon kutusu dolu turuncu olur */
html body:not(#mmx) .mobil-filtre-alanlari .panel.filtre:has(.filtre-cb-native:checked) .panel-heading::before,
html body:not(#mmx) .mobil-filtre-alanlari .panel.filtre:has(input.form-control:not(.filtre-liste-ara):not(:placeholder-shown)) .panel-heading::before {
background-color: var(--mmx-o);
background-image: var(--mmx-ico-w);
box-shadow: 0 4px 10px rgba(232, 83, 30, .24);
}
html body:not(#mmx) .mobil-filtre-alanlari .panel.filtre:has(.filtre-cb-native:checked) .panel-heading,
html body:not(#mmx) .mobil-filtre-alanlari .panel.filtre:has(input.form-control:not(.filtre-liste-ara):not(:placeholder-shown)) .panel-heading {
color: var(--mmx-o-d) !important;
font-weight: 700 !important;
}
html body:not(#mmx) .mobil-filtre-alanlari .panel.filtre .panel-body {
padding: 2px 4px 14px !important;
border: 0 !important;
background: transparent !important;
}
/* form alanlari (iOS'ta odaklaninca yakinlasmasin diye 16px) */
html body:not(#mmx) .mobil-filtre-panel .form-control,
html body:not(#mmx) .mobil-filtre-panel select {
height: 42px !important;
padding: 0 12px !important;
border: 1px solid #E3E6EA !important;
border-radius: 11px !important;
background-color: var(--mmx-surface) !important;
box-shadow: none !important;
font-size: 16px !important;
color: var(--mmx-ink) !important;
transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}
html body:not(#mmx) .mobil-filtre-panel .form-control::placeholder {
color: #A3A9B1 !important;
}
html body:not(#mmx) .mobil-filtre-panel .form-control:focus,
html body:not(#mmx) .mobil-filtre-panel select:focus {
border-color: var(--mmx-o) !important;
background-color: #fff !important;
box-shadow: 0 0 0 4px rgba(232, 83, 30, .14) !important;
outline: none !important;
}
html body:not(#mmx) .mobil-filtre-panel .filtre-liste-ara {
padding-left: 38px !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234B5260' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0' /%3E%3Cpath d='M21 21l-6 -6' /%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: 12px center !important;
background-size: 16px 16px !important;
}
/* min - max alanlari yan yana */
html body:not(#mmx) .mobil-filtre-alanlari .panel-body > .row {
display: flex !important;
align-items: center !important;
gap: 10px !important;
margin: 0 !important;
}
html body:not(#mmx) .mobil-filtre-alanlari .panel-body > .row::before,
html body:not(#mmx) .mobil-filtre-alanlari .panel-body > .row::after {
display: none !important;
}
html body:not(#mmx) .mobil-filtre-alanlari .panel-body > .row > [class*="col-"] {
flex: 1 1 0;
width: auto !important;
min-width: 0;
float: none !important;
padding: 0 !important;
}
/* coklu secim listeleri */
html body:not(#mmx) .mobil-filtre-panel .filtre-coklu-aksiyonlar {
display: flex !important;
justify-content: flex-start !important;
gap: 8px !important;
margin: 10px 0 4px !important;
padding: 0 !important;
}
html body:not(#mmx) .mobil-filtre-panel .filtre-coklu-aksiyonlar button {
height: 28px !important;
margin: 0 !important;
padding: 0 12px !important;
border: 0 !important;
border-radius: 999px !important;
background: var(--mmx-chip) !important;
color: var(--mmx-ink-2) !important;
font-size: 12px !important;
font-weight: 700 !important;
line-height: 1 !important;
box-shadow: none !important;
}
html body:not(#mmx) .mobil-filtre-panel .filtre-coklu-aksiyonlar .filtre-tumunu-sec {
background: var(--mmx-o-100) !important;
color: var(--mmx-o-d) !important;
}
html body:not(#mmx) .mobil-filtre-panel .filtre-coklu-liste {
max-height: 240px !important;
margin: 6px -4px 0 !important;
padding: 0 4px !important;
overflow-y: auto !important;
overscroll-behavior: contain;
scrollbar-width: thin;
scrollbar-color: #D5D8DD transparent;
border: 0 !important;
background: transparent !important;
}
html body:not(#mmx) .mobil-filtre-panel .filtre-coklu-liste::-webkit-scrollbar {
width: 4px;
}
html body:not(#mmx) .mobil-filtre-panel .filtre-coklu-liste::-webkit-scrollbar-thumb {
background: #D5D8DD;
border-radius: 4px;
}
html body:not(#mmx) .mobil-filtre-panel .filtre-checkbox-satir {
margin: 0 !important;
padding: 0 !important;
min-height: 0 !important;
}
html body:not(#mmx) .mobil-filtre-panel .filtre-cb-label {
display: flex !important;
align-items: center !important;
gap: 10px !important;
width: 100% !important;
min-height: 40px !important;
margin: 0 !important;
padding: 0 10px !important;
border-radius: 12px;
font-size: 14px !important;
font-weight: 500 !important;
line-height: 1.3 !important;
color: var(--mmx-ink-2) !important;
cursor: pointer;
transition: background-color .15s ease;
}
html body:not(#mmx) .mobil-filtre-panel .filtre-cb-label:has(.filtre-cb-native:checked),
html body:not(#mmx) .mobil-filtre-panel .filtre-satir-secili .filtre-cb-label {
background: var(--mmx-o-50) !important;
color: var(--mmx-o-d) !important;
font-weight: 600 !important;
}
html body:not(#mmx) .mobil-filtre-panel .filtre-cb-metin {
font-size: 14px !important;
font-weight: inherit !important;
line-height: 1.3 !important;
color: inherit !important;
}
html body:not(#mmx) .mobil-filtre-panel .filtre-cb-native {
-webkit-appearance: none !important;
appearance: none !important;
position: static !important;
flex: 0 0 19px;
width: 19px !important;
height: 19px !important;
margin: 0 !important;
border: 2px solid #CDD2D8 !important;
border-radius: 5px !important;
background: #fff center / 12px 12px no-repeat !important;
box-shadow: none !important;
cursor: pointer;
transition: background-color .15s ease, border-color .15s ease;
}
html body:not(#mmx) .mobil-filtre-panel .filtre-cb-native:checked {
border-color: var(--mmx-o) !important;
background-color: var(--mmx-o) !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5l10 -10' /%3E%3C/svg%3E") !important;
}
html body:not(#mmx) .mobil-filtre-panel .filtre-secim-sayi {
display: inline-flex !important;
align-items: center;
height: 23px;
margin: 10px 0 0 !important;
padding: 0 10px !important;
border-radius: 999px !important;
background: var(--mmx-o-100) !important;
color: var(--mmx-o-d) !important;
font-size: 11.5px !important;
font-weight: 700 !important;
}
html body:not(#mmx) .mobil-filtre-panel .filtre-ilce-bos {
margin: 4px 0 0 !important;
padding: 12px 14px !important;
border-radius: 12px;
background: var(--mmx-surface) !important;
color: var(--mmx-muted) !important;
font-size: 13px !important;
line-height: 1.45 !important;
}
/* alt sabit buton */
html body:not(#mmx) .mobil-filtre-foot {
position: relative;
z-index: 2;
flex-shrink: 0;
padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px)) !important;
background: #fff !important;
border: 0 !important;
box-shadow: 0 -1px 0 var(--mmx-line), 0 -10px 30px rgba(16, 24, 40, .06) !important;
}
html body:not(#mmx) .mobil-filtre-foot .mobil-fsonuc {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: 100% !important;
height: 48px !important;
margin: 0 !important;
padding: 0 20px !important;
border: 0 !important;
border-radius: 14px !important;
background: linear-gradient(135deg, #FF7A45 0%, #E8531E 55%, #D54C15 100%) !important;
color: #fff !important;
font-size: 15px !important;
font-weight: 800 !important;
letter-spacing: .01em;
text-shadow: none !important;
box-shadow: 0 8px 18px rgba(232, 83, 30, .3) !important;
transition: transform .15s ease, box-shadow .15s ease;
}
html body:not(#mmx) .mobil-filtre-foot .mobil-fsonuc::before {
content: "";
flex: 0 0 18px;
width: 18px;
height: 18px;
background-color: #fff;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0' /%3E%3Cpath d='M21 21l-6 -6' /%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0' /%3E%3Cpath d='M21 21l-6 -6' /%3E%3C/svg%3E") center / contain no-repeat;
}
html body:not(#mmx) .mobil-filtre-foot .mobil-fsonuc:active {
transform: scale(.98);
box-shadow: 0 6px 14px rgba(232, 83, 30, .3) !important;
}
/* "Kayitli Aramalarim" penceresi filtre panelinin (z-index 10000060) arkasinda kaliyordu; one alinir */
html body:not(#mmx) .kayitli-aramalar-modal.acik {
z-index: 10000100 !important;
}
/* filtre ikonlari */
html body:not(#mmx) [data-mobil-panel-key="il"] { --mmx-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E8531E' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 11a3 3 0 1 0 6 0a3 3 0 0 0 -6 0' /%3E%3Cpath d='M17.657 16.657l-4.243 4.243a2 2 0 0 1 -2.827 0l-4.244 -4.243a8 8 0 1 1 11.314 0z' /%3E%3C/svg%3E"); --mmx-ico-w: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 11a3 3 0 1 0 6 0a3 3 0 0 0 -6 0' /%3E%3Cpath d='M17.657 16.657l-4.243 4.243a2 2 0 0 1 -2.827 0l-4.244 -4.243a8 8 0 1 1 11.314 0z' /%3E%3C/svg%3E"); }
html body:not(#mmx) [data-mobil-panel-key="ilce"] { --mmx-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E8531E' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 18.5l-3 -1.5l-6 3v-13l6 -3l6 3l6 -3v7.5' /%3E%3Cpath d='M9 4v13' /%3E%3Cpath d='M15 7v5.5' /%3E%3Cpath d='M21.121 20.121a3 3 0 1 0 -4.242 0c.418 .419 1.125 1.045 2.121 1.879c1.051 -.89 1.759 -1.516 2.121 -1.879z' /%3E%3Cpath d='M19 18v.01' /%3E%3C/svg%3E"); --mmx-ico-w: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 18.5l-3 -1.5l-6 3v-13l6 -3l6 3l6 -3v7.5' /%3E%3Cpath d='M9 4v13' /%3E%3Cpath d='M15 7v5.5' /%3E%3Cpath d='M21.121 20.121a3 3 0 1 0 -4.242 0c.418 .419 1.125 1.045 2.121 1.879c1.051 -.89 1.759 -1.516 2.121 -1.879z' /%3E%3Cpath d='M19 18v.01' /%3E%3C/svg%3E"); }
html body:not(#mmx) [data-mobil-panel-key="mahalle"] { --mmx-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E8531E' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 9l5 5v7h-5v-4m0 4h-5v-7l5 -5m1 1v-6a1 1 0 0 1 1 -1h10a1 1 0 0 1 1 1v17h-8' /%3E%3Cpath d='M13 7l0 .01' /%3E%3Cpath d='M17 7l0 .01' /%3E%3Cpath d='M17 11l0 .01' /%3E%3Cpath d='M17 15l0 .01' /%3E%3C/svg%3E"); --mmx-ico-w: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 9l5 5v7h-5v-4m0 4h-5v-7l5 -5m1 1v-6a1 1 0 0 1 1 -1h10a1 1 0 0 1 1 1v17h-8' /%3E%3Cpath d='M13 7l0 .01' /%3E%3Cpath d='M17 7l0 .01' /%3E%3Cpath d='M17 11l0 .01' /%3E%3Cpath d='M17 15l0 .01' /%3E%3C/svg%3E"); }
html body:not(#mmx) [data-mobil-panel-key="fiyat"] { --mmx-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E8531E' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 5v15a7 7 0 0 0 7 -7' /%3E%3Cpath d='M6 15l8 -4' /%3E%3Cpath d='M14 7l-8 4' /%3E%3C/svg%3E"); --mmx-ico-w: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 5v15a7 7 0 0 0 7 -7' /%3E%3Cpath d='M6 15l8 -4' /%3E%3Cpath d='M14 7l-8 4' /%3E%3C/svg%3E"); }
html body:not(#mmx) [data-mobil-panel-key="km"] { --mmx-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E8531E' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0' /%3E%3Cpath d='M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0' /%3E%3Cpath d='M13.41 10.59l2.59 -2.59' /%3E%3Cpath d='M7 12a5 5 0 0 1 5 -5' /%3E%3C/svg%3E"); --mmx-ico-w: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0' /%3E%3Cpath d='M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0' /%3E%3Cpath d='M13.41 10.59l2.59 -2.59' /%3E%3Cpath d='M7 12a5 5 0 0 1 5 -5' /%3E%3C/svg%3E"); }
html body:not(#mmx) [data-mobil-panel-key="tip"] { --mmx-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 40' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='13.5' cy='30' r='7.4' stroke='%23EF4D16' stroke-width='2.5'/%3E%3Ccircle cx='50.5' cy='30' r='7.4' stroke='%23EF4D16' stroke-width='2.5'/%3E%3Ccircle cx='13.5' cy='30' r='2.1' fill='%23EF4D16'/%3E%3Ccircle cx='50.5' cy='30' r='2.1' fill='%23EF4D16'/%3E%3Cpath d='M19 28.8 25.8 18l13.7-1.6 9.2 7.4-5.4 6.1H29.2l-4-4.2-3.6 4.2H17Z' fill='%23EF4D16'/%3E%3Cpath d='M25.2 18.3c2.4-5.4 9.2-7.3 15.9-3.2l2.4 2.7-5.6 3.2H27Z' fill='%23EF4D16'/%3E%3Cpath d='m27.2 16.4-9.4-4.5-8.1 2.5 13.8 6.1Z' fill='%23EF4D16'/%3E%3Cpath d='m39.6 16.4 12.1-2.7 4.4 3.3-8.2 7.4-5.2-2.3Z' fill='%23EF4D16'/%3E%3Cpath d='m42.5 14.9 4.1-9.1 6.5 1-3.6 7.7Z' fill='%23EF4D16' fill-opacity='.5'/%3E%3Cpath d='m13.5 30 10.8-9.4 7.8 9.4h8.6l9.8-12.2M50.5 30l-4.1-12.5M21.6 29.9h-8.1M29.2 29.9l9.7 4.2h8.6' stroke='%23EF4D16' stroke-width='2'/%3E%3Cpath d='m29.1 21.5 10.8-1.4-4.8 5.3h-8.8M45.6 17.5h6.2' stroke='%23ffffff' stroke-width='1.4'/%3E%3C/svg%3E"); --mmx-ico-w: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 40' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='13.5' cy='30' r='7.4' stroke='%23ffffff' stroke-width='2.5'/%3E%3Ccircle cx='50.5' cy='30' r='7.4' stroke='%23ffffff' stroke-width='2.5'/%3E%3Ccircle cx='13.5' cy='30' r='2.1' fill='%23ffffff'/%3E%3Ccircle cx='50.5' cy='30' r='2.1' fill='%23ffffff'/%3E%3Cpath d='M19 28.8 25.8 18l13.7-1.6 9.2 7.4-5.4 6.1H29.2l-4-4.2-3.6 4.2H17Z' fill='%23ffffff'/%3E%3Cpath d='M25.2 18.3c2.4-5.4 9.2-7.3 15.9-3.2l2.4 2.7-5.6 3.2H27Z' fill='%23ffffff'/%3E%3Cpath d='m27.2 16.4-9.4-4.5-8.1 2.5 13.8 6.1Z' fill='%23ffffff'/%3E%3Cpath d='m39.6 16.4 12.1-2.7 4.4 3.3-8.2 7.4-5.2-2.3Z' fill='%23ffffff'/%3E%3Cpath d='m42.5 14.9 4.1-9.1 6.5 1-3.6 7.7Z' fill='%23ffffff' fill-opacity='.5'/%3E%3Cpath d='m13.5 30 10.8-9.4 7.8 9.4h8.6l9.8-12.2M50.5 30l-4.1-12.5M21.6 29.9h-8.1M29.2 29.9l9.7 4.2h8.6' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='m29.1 21.5 10.8-1.4-4.8 5.3h-8.8M45.6 17.5h6.2' stroke='%23E8531E' stroke-width='1.4'/%3E%3C/svg%3E"); --mmx-ico-size: 23px auto; }
html body:not(#mmx) [data-mobil-panel-key="vites"] { --mmx-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E8531E' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 6m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0' /%3E%3Cpath d='M12 6m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0' /%3E%3Cpath d='M19 6m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0' /%3E%3Cpath d='M5 18m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0' /%3E%3Cpath d='M12 18m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0' /%3E%3Cpath d='M5 8l0 8' /%3E%3Cpath d='M12 8l0 8' /%3E%3Cpath d='M19 8v2a2 2 0 0 1 -2 2h-12' /%3E%3C/svg%3E"); --mmx-ico-w: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 6m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0' /%3E%3Cpath d='M12 6m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0' /%3E%3Cpath d='M19 6m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0' /%3E%3Cpath d='M5 18m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0' /%3E%3Cpath d='M12 18m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0' /%3E%3Cpath d='M5 8l0 8' /%3E%3Cpath d='M12 8l0 8' /%3E%3Cpath d='M19 8v2a2 2 0 0 1 -2 2h-12' /%3E%3C/svg%3E"); }
html body:not(#mmx) [data-mobil-panel-key="yil"] { --mmx-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E8531E' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12z' /%3E%3Cpath d='M16 3v4' /%3E%3Cpath d='M8 3v4' /%3E%3Cpath d='M4 11h16' /%3E%3Cpath d='M11 15h1' /%3E%3Cpath d='M12 15v3' /%3E%3C/svg%3E"); --mmx-ico-w: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12z' /%3E%3Cpath d='M16 3v4' /%3E%3Cpath d='M8 3v4' /%3E%3Cpath d='M4 11h16' /%3E%3Cpath d='M11 15h1' /%3E%3Cpath d='M12 15v3' /%3E%3C/svg%3E"); }
html body:not(#mmx) [data-mobil-panel-key="silindir"] { --mmx-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E8531E' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10v6' /%3E%3Cpath d='M12 5v3' /%3E%3Cpath d='M10 5h4' /%3E%3Cpath d='M5 13h-2' /%3E%3Cpath d='M6 10h2l2 -2h3.382a1 1 0 0 1 .894 .553l1.448 2.894a1 1 0 0 0 .894 .553h1.382v-2h2a1 1 0 0 1 1 1v6a1 1 0 0 1 -1 1h-2v-2h-3v2a1 1 0 0 1 -1 1h-3.465a1 1 0 0 1 -.832 -.445l-1.703 -2.555h-2v-6z' /%3E%3C/svg%3E"); --mmx-ico-w: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10v6' /%3E%3Cpath d='M12 5v3' /%3E%3Cpath d='M10 5h4' /%3E%3Cpath d='M5 13h-2' /%3E%3Cpath d='M6 10h2l2 -2h3.382a1 1 0 0 1 .894 .553l1.448 2.894a1 1 0 0 0 .894 .553h1.382v-2h2a1 1 0 0 1 1 1v6a1 1 0 0 1 -1 1h-2v-2h-3v2a1 1 0 0 1 -1 1h-3.465a1 1 0 0 1 -.832 -.445l-1.703 -2.555h-2v-6z' /%3E%3C/svg%3E"); }
html body:not(#mmx) [data-mobil-panel-key="sogutma"] { --mmx-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E8531E' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 4l2 1l2 -1' /%3E%3Cpath d='M12 2v6.5l3 1.72' /%3E%3Cpath d='M17.928 6.268l.134 2.232l1.866 1.232' /%3E%3Cpath d='M20.66 7l-5.629 3.25l.01 3.458' /%3E%3Cpath d='M19.928 14.268l-1.866 1.232l-.134 2.232' /%3E%3Cpath d='M20.66 17l-5.629 -3.25l-2.99 1.738' /%3E%3Cpath d='M14 20l-2 -1l-2 1' /%3E%3Cpath d='M12 22v-6.5l-3 -1.72' /%3E%3Cpath d='M6.072 17.732l-.134 -2.232l-1.866 -1.232' /%3E%3Cpath d='M3.34 17l5.629 -3.25l-.01 -3.458' /%3E%3Cpath d='M4.072 9.732l1.866 -1.232l.134 -2.232' /%3E%3Cpath d='M3.34 7l5.629 3.25l2.99 -1.738' /%3E%3C/svg%3E"); --mmx-ico-w: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 4l2 1l2 -1' /%3E%3Cpath d='M12 2v6.5l3 1.72' /%3E%3Cpath d='M17.928 6.268l.134 2.232l1.866 1.232' /%3E%3Cpath d='M20.66 7l-5.629 3.25l.01 3.458' /%3E%3Cpath d='M19.928 14.268l-1.866 1.232l-.134 2.232' /%3E%3Cpath d='M20.66 17l-5.629 -3.25l-2.99 1.738' /%3E%3Cpath d='M14 20l-2 -1l-2 1' /%3E%3Cpath d='M12 22v-6.5l-3 -1.72' /%3E%3Cpath d='M6.072 17.732l-.134 -2.232l-1.866 -1.232' /%3E%3Cpath d='M3.34 17l5.629 -3.25l-.01 -3.458' /%3E%3Cpath d='M4.072 9.732l1.866 -1.232l.134 -2.232' /%3E%3Cpath d='M3.34 7l5.629 3.25l2.99 -1.738' /%3E%3C/svg%3E"); }
html body:not(#mmx) [data-mobil-panel-key="renk"] { --mmx-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E8531E' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21a9 9 0 0 1 0 -18c4.97 0 9 3.582 9 8c0 1.06 -.474 2.078 -1.318 2.828c-.844 .75 -1.989 1.172 -3.182 1.172h-2.5a2 2 0 0 0 -1 3.75a1.3 1.3 0 0 1 -1 2.25' /%3E%3Cpath d='M8.5 10.5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0' /%3E%3Cpath d='M12.5 7.5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0' /%3E%3Cpath d='M16.5 10.5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0' /%3E%3C/svg%3E"); --mmx-ico-w: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21a9 9 0 0 1 0 -18c4.97 0 9 3.582 9 8c0 1.06 -.474 2.078 -1.318 2.828c-.844 .75 -1.989 1.172 -3.182 1.172h-2.5a2 2 0 0 0 -1 3.75a1.3 1.3 0 0 1 -1 2.25' /%3E%3Cpath d='M8.5 10.5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0' /%3E%3Cpath d='M12.5 7.5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0' /%3E%3Cpath d='M16.5 10.5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0' /%3E%3C/svg%3E"); }
html body:not(#mmx) [data-mobil-panel-key="durum"] { --mmx-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E8531E' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0' /%3E%3Cpath d='M9 12l2 2l4 -4' /%3E%3C/svg%3E"); --mmx-ico-w: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0' /%3E%3Cpath d='M9 12l2 2l4 -4' /%3E%3C/svg%3E"); }
html body:not(#mmx) [data-mobil-panel-key="takas"] { --mmx-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E8531E' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10h14l-4 -4' /%3E%3Cpath d='M17 14h-14l4 4' /%3E%3C/svg%3E"); --mmx-ico-w: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10h14l-4 -4' /%3E%3Cpath d='M17 14h-14l4 4' /%3E%3C/svg%3E"); }
html body:not(#mmx) [data-mobil-panel-key="kimden"] { --mmx-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E8531E' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0' /%3E%3Cpath d='M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2' /%3E%3C/svg%3E"); --mmx-ico-w: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0' /%3E%3Cpath d='M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2' /%3E%3C/svg%3E"); }
html body:not(#mmx) [data-mobil-panel-key="zamanlama"] { --mmx-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E8531E' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0' /%3E%3Cpath d='M12 7v5l3 3' /%3E%3C/svg%3E"); --mmx-ico-w: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0' /%3E%3Cpath d='M12 7v5l3 3' /%3E%3C/svg%3E"); }
}
/* masaustu kategori listesi (.arsiv-kategori-panel): gri, kavisli takip cubugu */
html body:not(#mmx) .arsiv-kategori-panel ul.arsiv-kategori-liste ul {
position: relative !important;
margin: 0 0 0 4px !important;
padding: 0 0 0 12px !important;
list-style: none !important;
}
html body:not(#mmx) .arsiv-kategori-panel ul.arsiv-kategori-liste ul > li {
position: relative !important;
}
html body:not(#mmx) .arsiv-kategori-panel ul.arsiv-kategori-liste ul > li::before {
content: "" !important;
display: block !important;
position: absolute !important;
left: -10px !important;
top: 0 !important;
width: 9px !important;
height: 16px !important;
box-sizing: border-box !important;
border-left: 2px solid #D6DADF !important;
border-bottom: 2px solid #D6DADF !important;
border-bottom-left-radius: 8px !important;
background: none !important;
pointer-events: none;
}
html body:not(#mmx) .arsiv-kategori-panel ul.arsiv-kategori-liste ul > li:not(:last-child)::after {
content: "" !important;
display: block !important;
position: absolute !important;
left: -10px !important;
top: 0 !important;
bottom: 0 !important;
width: 0 !important;
border-left: 2px solid #D6DADF !important;
background: none !important;
pointer-events: none;
}
html body:not(#mmx) .arsiv-kategori-panel ul.arsiv-kategori-liste ul > li > a {
padding-left: 3px !important;
}
@media (max-width: 991px) and (prefers-reduced-motion: reduce) {
html body:not(#mmx) .search-drawer *,
html body:not(#mmx) .search-drawer *::before,
html body:not(#mmx) .search-drawer *::after,
html body:not(#mmx) .mobil-filtre-overlay *,
html body:not(#mmx) .mobil-filtre-overlay *::before,
html body:not(#mmx) .mobil-filtre-overlay *::after {
transition: none !important;
}
}
/* === MOBIL PANEL UI SON === */
/* === SEGMENT BUTONLAR (2026-10-03) ===
Sekme / dugme gruplari tek tip "segment" gorunumu: acik gri hap zemin, secili olan beyaz.
Kapsam: ilan detay, liste ve ilanlarim sekmeleri (ul.nav-tabs.ozel), Mesajlar ve Bildirimler
(.mm-tabs), Topluluk (.moto-feed-tabs), liste mobil Filtrele / Sirala / Kaydet (.mobil-arsiv-butonlar).
Yalnizca gorunum; sekmelerin calismasina dokunmaz. "body:not(#mmx)": sitedeki genel
kenarlik/golge kuralini gecmek icin. Geri almak icin bu blogu silin;
yedek: /home/motosi13/claude-yedek-20261003-segment/site-alt-3.css */
/* zemin */
html body:not(#mmx) ul.nav.nav-tabs.ozel,
html body:not(#mmx) .mm-tabs,
html body:not(#mmx) .moto-feed-tabs,
html body:not(#mmx) .mobil-arsiv-butonlar {
align-items: center !important;
gap: 2px !important;
max-width: 100% !important;
padding: 4px !important;
background: #F1F2F4 !important;
border: 1px solid #E7E9EC !important;
border-radius: 999px !important;
box-shadow: none !important;
box-sizing: border-box !important;
list-style: none !important;
overflow-x: auto !important;
overflow-y: hidden !important;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
html body:not(#mmx) ul.nav.nav-tabs.ozel::-webkit-scrollbar,
html body:not(#mmx) .mm-tabs::-webkit-scrollbar,
html body:not(#mmx) .moto-feed-tabs::-webkit-scrollbar,
html body:not(#mmx) .mobil-arsiv-butonlar::-webkit-scrollbar {
display: none;
}
/* sekmeler icerik kadar yer kaplar, sigmazsa yana kayar */
html body:not(#mmx) ul.nav.nav-tabs.ozel {
display: inline-flex !important;
flex-wrap: nowrap !important;
margin: 0 !important;
}
html body:not(#mmx) ul.nav.nav-tabs.ozel::before,
html body:not(#mmx) ul.nav.nav-tabs.ozel::after {
display: none !important;
}
html body:not(#mmx) ul.nav.nav-tabs.ozel > li {
float: none !important;
flex: 0 0 auto !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: none !important;
}
/* iki / uc secenekli gruplar tam genislik, esit parcalar */
html body:not(#mmx) .mm-tabs,
html body:not(#mmx) .moto-feed-tabs,
html body:not(#mmx) .mobil-arsiv-butonlar {
display: flex !important;
flex-wrap: nowrap !important;
}
html body:not(#mmx) .mm-tabs > .mm-tab,
html body:not(#mmx) .moto-feed-tabs > .view-tab,
html body:not(#mmx) .mobil-arsiv-butonlar > .mobil-aksiyon-btn {
flex: 1 1 0 !important;
min-width: 0 !important;
width: auto !important;
}
/* parcalar */
html body:not(#mmx) ul.nav.nav-tabs.ozel > li > a,
html body:not(#mmx) .mm-tabs > .mm-tab,
html body:not(#mmx) .moto-feed-tabs > .view-tab,
html body:not(#mmx) .mobil-arsiv-butonlar > .mobil-aksiyon-btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
height: 36px !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 16px !important;
border: 0 !important;
border-radius: 999px !important;
background: transparent !important;
box-shadow: none !important;
color: #6B7280 !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1 !important;
letter-spacing: 0 !important;
text-transform: none !important;
text-decoration: none !important;
white-space: nowrap !important;
cursor: pointer;
transition: background-color .2s ease, color .2s ease, box-shadow .2s ease;
}
html body:not(#mmx) .mobil-arsiv-butonlar > .mobil-aksiyon-btn {
color: #3D424A !important;
}
html body:not(#mmx) ul.nav.nav-tabs.ozel > li > a > i,
html body:not(#mmx) .mobil-arsiv-butonlar > .mobil-aksiyon-btn > i {
margin: 0 !important;
font-size: 14px !important;
color: inherit !important;
}
@media (hover: hover) {
html body:not(#mmx) ul.nav.nav-tabs.ozel > li:not(.active) > a:hover,
html body:not(#mmx) .mm-tabs > .mm-tab:not(.mm-tab-aktif):not(.bm-tab-aktif):hover,
html body:not(#mmx) .moto-feed-tabs > .view-tab:not(.active):hover,
html body:not(#mmx) .mobil-arsiv-butonlar > .mobil-aksiyon-btn:hover {
color: #16181D !important;
background: rgba(255, 255, 255, .55) !important;
}
}
html body:not(#mmx) .mobil-arsiv-butonlar > .mobil-aksiyon-btn:active {
background: #fff !important;
color: #16181D !important;
}
html body:not(#mmx) ul.nav.nav-tabs.ozel > li > a:focus-visible,
html body:not(#mmx) .mm-tabs > .mm-tab:focus-visible,
html body:not(#mmx) .moto-feed-tabs > .view-tab:focus-visible,
html body:not(#mmx) .mobil-arsiv-butonlar > .mobil-aksiyon-btn:focus-visible {
outline: 2px solid rgba(232, 83, 30, .45) !important;
outline-offset: 1px !important;
}
/* secili parca */
html body:not(#mmx) ul.nav.nav-tabs.ozel > li.active > a,
html body:not(#mmx) ul.nav.nav-tabs.ozel > li.active > a:hover,
html body:not(#mmx) ul.nav.nav-tabs.ozel > li.active > a:focus,
html body:not(#mmx) .mm-tabs > .mm-tab.mm-tab-aktif,
html body:not(#mmx) .mm-tabs > .mm-tab.bm-tab-aktif,
html body:not(#mmx) .moto-feed-tabs > .view-tab.active {
background: #fff !important;
color: #16181D !important;
font-weight: 700 !important;
box-shadow: 0 1px 2px rgba(16, 24, 40, .08), 0 2px 8px rgba(16, 24, 40, .08) !important;
}
@media (prefers-reduced-motion: reduce) {
html body:not(#mmx) ul.nav.nav-tabs.ozel > li > a,
html body:not(#mmx) .mm-tabs > .mm-tab,
html body:not(#mmx) .moto-feed-tabs > .view-tab,
html body:not(#mmx) .mobil-arsiv-butonlar > .mobil-aksiyon-btn {
transition: none !important;
}
}
/* mobil ilan detay sekmeleri: tam genislik, ortali, dort sekme tek satirda (2026-10-03) */
@media (max-width: 991px) {
html body:not(#mmx) .detay ul.nav.nav-tabs.ozel {
display: flex !important;
width: auto !important;
margin: 0 8px !important;
}
html body:not(#mmx) .detay ul.nav.nav-tabs.ozel > li {
flex: 1 1 auto !important;
}
html body:not(#mmx) .detay ul.nav.nav-tabs.ozel > li > a {
width: 100% !important;
padding: 0 4px !important;
gap: 4px !important;
font-size: 12.5px !important;
}
html body:not(#mmx) .detay ul.nav.nav-tabs.ozel > li > a > i {
font-size: 12px !important;
}
}
/* === SEGMENT BUTONLAR SON === */
/* === YARDIM MERKEZI ALT KONUM (2026-10-03): cekmece, alt menu cubugunun (ul.footer_sabit, 64px) arkasina tasmasin; Yardim Merkezi en altta ama tam gorunur === */
@media (max-width: 991px) {
html body:not(#mmx) .search-drawer { bottom: calc(64px + env(safe-area-inset-bottom, 0px)) !important; }
}
/* === YARDIM MERKEZI ALT KONUM SON === */
/* === UST MENU SEGMENT (2026-10-03) ===
Masaustu ust menu cubugu (.tk-header-bar) "segment" gorunumunde: acik gri hap zemin, secili oge beyaz.
Degerler "SEGMENT BUTONLAR (2026-10-03)" blogundan. Yalnizca gorunum; linkler, JS ve
"Tum Kategoriler" mega menusu (#tk-toggleCategories / #tk-categoryDropdown) aynen calisir.
Cubuk tam genislik beyaz serit olarak kalir (mega menu cubuga gore konumlanir); gri hap zemin
ogelerin kendisinden olusur (ilk oge sol, son oge sag ucu yuvarlak), 36px yuvarlak parca ::before.
Cubuk 38px -> 56px oldugu icin govde ust boslugu 102px -> 120px (ilan detayinda cubuk zaten gizli; dokunulmaz).
Cubuga overflow verilmez (mega menu kesilirdi): dar masaustunde bosluk / yazi kuculur, tek satir kalir.
:has() desteklemeyen eski tarayicilarda hic uygulanmaz (eski gorunum kalir).
Geri almak icin bu blogu silin; yedek: /home/motosi13/claude-yedek-20261003-ustmenu/site-alt-3.css */
@supports selector(:has(*)) {
@media (min-width: 992px) {
html body:not(#mmx):has(.tk-header-bar):not(:has(#ilan_sticky_ozet)) {
padding-top: 120px !important;
}
html body:not(#mmx) .tk-header-bar {
--ust-menu-x: clamp(8px, calc((100vw - 900px) / 22), 15px);
height: 56px !important;
min-height: 56px !important;
gap: 0 !important;
align-items: center !important;
line-height: 1 !important;
}
/* hap zeminin dilimleri */
html body:not(#mmx) .tk-header-bar > .tk-header-item {
position: relative !important;
z-index: 0 !important;
flex: 0 0 auto !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
box-sizing: border-box !important;
height: 46px !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 var(--ust-menu-x) !important;
border-style: solid !important;
border-color: #E7E9EC !important;
border-width: 1px 0 !important;
border-radius: 0 !important;
background: #F1F2F4 !important;
box-shadow: none !important;
outline: none !important;
color: #6B7280 !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1 !important;
letter-spacing: 0 !important;
text-transform: none !important;
text-decoration: none !important;
white-space: nowrap !important;
cursor: pointer;
}
html body:not(#mmx) .tk-header-bar > .tk-header-item:first-child {
padding-left: calc(var(--ust-menu-x) + 3px) !important;
border-left-width: 1px !important;
border-radius: 999px 0 0 999px !important;
}
html body:not(#mmx) .tk-header-bar > a.tk-header-item:last-of-type {
padding-right: calc(var(--ust-menu-x) + 3px) !important;
border-right-width: 1px !important;
border-radius: 0 999px 999px 0 !important;
}
/* 36px yuvarlak parca: hap icinde 4px bosluk, parcalar arasi 2px */
html body:not(#mmx) .tk-header-bar > .tk-header-item::before {
content: "" !important;
position: absolute !important;
top: 4px !important;
bottom: 4px !important;
left: 1px !important;
right: 1px !important;
z-index: -1 !important;
display: block !important;
border-radius: 999px !important;
background: transparent !important;
box-shadow: none !important;
pointer-events: none !important;
}
html body:not(#mmx) .tk-header-bar > .tk-header-item:first-child::before {
left: 4px !important;
}
html body:not(#mmx) .tk-header-bar > a.tk-header-item:last-of-type::before {
right: 4px !important;
}
html body:not(#mmx) .tk-header-bar > .tk-header-item > i,
html body:not(#mmx) .tk-header-bar > .tk-header-item > svg {
flex: 0 0 auto !important;
margin: 0 !important;
color: inherit !important;
}
html body:not(#mmx) .tk-header-bar > .tk-header-item > i {
font-size: 14px !important;
line-height: 1 !important;
}
html body:not(#mmx) .tk-header-bar > #tk-toggleCategories > .tk-grid-icon {
width: 18px !important;
height: 18px !important;
fill: currentColor !important;
}
@media (hover: hover) {
html body:not(#mmx) .tk-header-bar > .tk-header-item:not(.active):not([aria-current="page"]):hover {
color: #16181D !important;
background: #F1F2F4 !important;
}
html body:not(#mmx) .tk-header-bar > .tk-header-item:not(.active):not([aria-current="page"]):hover::before {
background: rgba(255, 255, 255, .55) !important;
}
}
html body:not(#mmx) .tk-header-bar > .tk-header-item:focus-visible::before {
outline: 2px solid rgba(232, 83, 30, .45) !important;
outline-offset: 1px !important;
}
/* secili parca ("Tum Kategoriler" isaretlemede .active) */
html body:not(#mmx) .tk-header-bar > .tk-header-item.active,
html body:not(#mmx) .tk-header-bar > .tk-header-item[aria-current="page"] {
color: #16181D !important;
font-weight: 700 !important;
}
html body:not(#mmx) .tk-header-bar > .tk-header-item.active::before,
html body:not(#mmx) .tk-header-bar > .tk-header-item[aria-current="page"]::before {
background: #fff !important;
box-shadow: 0 1px 2px rgba(16, 24, 40, .08), 0 2px 8px rgba(16, 24, 40, .08) !important;
}
}
@media (min-width: 992px) and (max-width: 1099px) {
html body:not(#mmx) .tk-header-bar > .tk-header-item {
gap: 5px !important;
font-size: 13px !important;
}
html body:not(#mmx) .tk-header-bar > .tk-header-item > i {
font-size: 13px !important;
}
}
}
/* === UST MENU SEGMENT SON === */