/* ============================================================ FORPUS - BS5 guzellik katmani (on yuz) Ana iskelete DOKUNMAZ; yalniz gorsel + etkilesim parlatmasi. En son yuklenir, izole dosya, tek link ile geri alinabilir. Gecmis: - v1 (2026-10-09): ilan gorselleri + kartlar modern dokunus - v2 (2026-10-09): gorseller uniform boyut + net kose/golge, satir hover vurgu ============================================================ */ /* Yumusak gecisler */ .arsiv .ikili, .arsiv .table.liste img.resim, .arsiv .ikili img.resim { transition: transform .25s ease, box-shadow .25s ease, background-color .2s ease; } /* --- TABLO gorunumu: ilan thumbnail'i uniform + yumusak kose + golge --- */ .arsiv .table.liste img.resim { width: 112px !important; height: 84px !important; object-fit: cover; border: 0 !important; border-radius: 8px; box-shadow: 0 2px 6px rgba(0, 0, 0, .12); } /* Satir hover: yumusak vurgu + gorsel hafif zoom */ .arsiv .table.liste tbody tr:hover { background: #fafcff; } .arsiv .table.liste tr:hover img.resim { transform: scale(1.06); box-shadow: 0 6px 16px rgba(0, 0, 0, .20); } /* --- IZGARA (ikili) gorunumu: gorsel esit oran + kart hover kalkis --- */ .arsiv .ikili img.resim { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border: 0 !important; border-radius: 10px; box-shadow: 0 2px 6px rgba(0, 0, 0, .12); } .arsiv .ikili { border-radius: 12px; } .arsiv .ikili:hover { transform: translateY(-4px); box-shadow: 0 10px 24px rgba(0, 0, 0, .12); position: relative; z-index: 2; } .arsiv .ikili:hover img.resim { transform: scale(1.04); box-shadow: 0 6px 16px rgba(0, 0, 0, .18); } /* ============================================================ v3 (2026-10-14): MODERN TEMEL - Inter tipografi + modern buton + olcek/kose/form Umit istegi: sans-serif font + butonlar + olcek degissin (BS5 nimetleri). Sadece gorsel; iskelet/islev degismez. Geri alma: header.php'de bu dosyanin linkini sil. ============================================================ */ /* --- 1) TIPOGRAFI: Inter (ikon fontlarina DOKUNMAZ; onlar .fa/ion ::before ile korunur) --- */ body, button, input, select, textarea, optgroup, h1, h2, h3, h4, h5, h6, .btn, .form-control, .form-select { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important; } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* --- 2) BUTONLAR: modern kose + dolgu + yumusak golge + hover kalkis --- */ .btn, a.btn, button.btn { border-radius: 10px !important; font-weight: 600 !important; border: 0; transition: transform .14s ease, box-shadow .2s ease, background-color .2s ease, filter .2s ease; } .btn:hover { transform: translateY(-1px); } .btn:active { transform: translateY(0); } /* marka-btn-birlik: primary butonlar marka kirmizisi #f70505 (tema mavisi yerine) */ button.btn-primary, a.btn-primary, input.btn-primary { background-color:#f70505 !important; border-color:#f70505 !important; color:#fff !important; box-shadow: 0 2px 8px rgba(247,5,5,.26); } button.btn-primary:hover, a.btn-primary:hover, input.btn-primary:hover { background-color:#e40404 !important; border-color:#e40404 !important; box-shadow: 0 7px 18px rgba(247,5,5,.40); } button.btn-primary:active, a.btn-primary:active, input.btn-primary:active { background-color:#cc0303 !important; border-color:#cc0303 !important; } button.btn-primary:focus, a.btn-primary:focus, input.btn-primary:focus { box-shadow: 0 0 0 3px rgba(247,5,5,.32) !important; } .btn-danger { box-shadow: 0 2px 8px rgba(250,0,25,.24); } .btn-danger:hover { box-shadow: 0 7px 18px rgba(250,0,25,.36); } .btn-success { box-shadow: 0 2px 8px rgba(24,218,58,.22); } .btn-success:hover { box-shadow: 0 7px 18px rgba(24,218,58,.34); } .btn-default:hover { transform: translateY(-1px); } .btn-sm, a.btn-sm { border-radius: 9px !important; } .btn-xs, a.btn-xs { border-radius: 8px !important; } .btn-block { border-radius: 12px !important; } /* --- 3) FORM: modern input (yumusak kose + nazik odak halkasi) --- */ .form-control, .form-select, input[type=text], input[type=email], input[type=password], input[type=number], input[type=tel], input[type=search], textarea, select { border-radius: 10px; border: 1px solid #e4e7eb; transition: border-color .15s ease, box-shadow .15s ease; } .form-control:focus, .form-select:focus, textarea:focus, select:focus, input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=search]:focus { border-color: #9ca3af !important; box-shadow: 0 0 0 3px rgba(156,163,175,.25) !important; outline: 0; } /* --- 4) KARTLAR/PANELLER: yumusak kose + ince golge (sert gri cerceve yerine) --- */ .card.trpazar, .card.beyaz { border-radius: 14px; box-shadow: 0 1px 3px rgba(16,24,40,.05), 0 1px 2px rgba(16,24,40,.03); } .card.trpazar > .card-header { font-weight: 600; letter-spacing: -0.01em; } /* --- v3.1 (2026-10-14): LINK ALTI CIZGISI KALK (Umit: "tiklanabilir her yerin alti cizili geliyor") --- BS5 default a{text-decoration:underline}; BS3'te yoktu. Linkler cizgisiz; niyetli hover underline'lar (.baslik:hover) ozel oldugu icin kalir. */ a { text-decoration: none; } /* --- v3.2 (2026-10-14): UMIT PUNCH-LIST - oval sekmeler + cirkin kirmizi cerceve temizligi + mavi buton --- Umit: "cizdigim butonlar oval olsun" (Aciklama/Uyenin Diger/Tum Ilanlari sekmeleri), "mavi Tumunu goruntule bozulmus", uye-ilan slider kirmizi cerceveli/cirkin. */ /* 1) Oval (pill) sekmeler - modern segment gorunum */ .nav-tabs.ozel { border-bottom: 1px solid #eef1f4 !important; height: auto !important; } .nav-tabs.ozel li a { border-radius: 9px !important; /* FORPUS 2026-10-18: sekme kirmizi, 999px -> 9px */ border: 1px solid #e4e7eb !important; background: #f4f6f8 !important; color: #475467 !important; font-weight: 600; margin-right: 4px; text-shadow: none !important; transition: background .18s ease, color .18s ease, box-shadow .18s ease; } .nav-tabs.ozel li a:hover { background: #e9eef3 !important; color: #1d2939 !important; } .nav-tabs.ozel li.active a { background: #e11900 !important; border-color: #e11900 !important; color: #fff !important; box-shadow: 0 2px 8px rgba(225,25,0,.24); } .nav-tabs.ozel li.active a:before { content: none !important; background: none !important; } /* 2) Cirkin kirmizi cerceve -> yumusak modern (uye/benzer ilan slider) */ .slide-block, .slide-block-ilan { border: 1px solid #eef1f4 !important; border-radius: 12px !important; box-shadow: 0 1px 3px rgba(16,24,40,.05); } .my-carousel-progress-bar { background: #f70505 !important; } /* 3) Mavi "Tumunu Goruntule" (btn-header) temiz modern */ .btn.btn-header { border-radius: 10px !important; } /* --- v3.3 (2026-10-17): mobil duzen cilasi + modern teknik_grup (Umit: duzen kaymasi olmasin + modernlik) --- NOT: benzer/uye ilan carousel'i Umit'in "en sona, yeniden yapilacak" dedigi bilesen; ic duzenine DOKUNULMADI. */ /* 1) Breadcrumb mobil: tema bunu yatay-scroll (nowrap) yapiyordu, sagdan KESIK gorunuyordu -> mobilde sarsin ki tam yol gorunsun, kesik durmasin */ @media (max-width: 575.98px) { .gri ol.breadcrumb { white-space: normal !important; overflow: visible !important; padding-bottom: 0 !important; font-size: 12px; line-height: 1.7; } .gri ol.breadcrumb > li { display: inline-block; } } /* 2) teknik_grup (arac ozellik/donanim listesi): cirkin kirmizi cerceve + pembe zemin (Yildirim'in custom-modifications'i) -> temiz modern kart */ .teknik_grup { border: 1px solid #e9edf2 !important; background: #f8fafc !important; border-radius: 12px; padding: 10px 12px; } .teknik_grup .checkbox.yesil label.ozellik { color: #1d2939; } /* --- v3.4 (2026-10-17): form inputlari modern yuvarlak (butonlarla tutarli) --- style.css:249 `select/input/textarea.form-control{border-radius:3px !important}` -> 10px'e cek (ayni ozgulluk + !important + sonra yuklenir). Arama kutusu + filtre select/input'lari + select2 dahil. */ select.form-control, input.form-control, textarea.form-control, input[type=text], input[type=email], input[type=password], input[type=number], input[type=tel], input[type=search] { border-radius: 10px !important; } .select2-container--default .select2-selection, .select2-selection--single, .select2-selection--multiple { border-radius: 10px !important; } /* --- v3.5 (2026-10-17): listeleme siralama/gorunum select'i de modern (style.css:279 radius:2px->10) --- */ .arsiv .card.beyaz .card-header .sag select { border-radius: 10px !important; } /* --- v3.6 (2026-10-17): site olcegi + kategori filtre bar kaymasi (Umit: "olcek ortada sikisik masaustunde") --- grid-42 ≥1200'de .container'i 1160px'e sabitliyordu -> genis ekranda icerik ortada sikisik. Genislet. */ @media (min-width: 1200px) { .container { width: 1710px !important; max-width: 96% !important; } } /* FORPUS 2026-10-19: kenar boslugu %50 azalt (Umit) */ @media (min-width: 1680px) { .container { width: 1710px !important; max-width: 96% !important; } } /* Kategori filtre bari: .sag (Gorunum + Gelismis Siralama) position:absolute;top:0 -> pill'lerle dikey hizasiz (gozle gorulur kayma). Dikeyde ortala. */ .arsiv .card.beyaz .card-header .sag { top: 50% !important; transform: translateY(-50%); } /* --- v3.7 (2026-10-17): kategori filtre bar hizalama + hero banner bosluk --- (A) .card-header float'li pill'leri sarmayip 2px'e cokuyordu -> .sag (Gorunum+Siralama) hizasiz. flow-root ile pill'leri sar, header gercek yukseklik alir, v3.6 .sag top:50% artik dogru ortalar. */ .arsiv .card.beyaz .card-header { display: flow-root; } /* (B) Hero slider: container genisleyince dar bannerlar (892px: Mercedes/konut) sagda bosluk birakiyordu. Dar banner'i ORTALA (simetrik, kasitli gorunur; bulaniklik/kirpma yok). Genis banner (1536) zaten dolar. */ #slides img, .bilesen.slider img { display: block; margin-left: auto; margin-right: auto; } /* --- v3.8 (2026-10-17): kategori filtre bar pill'leri header'in ust kenarina yapisikti (padding:0) --- Sadece nav-tabs.ozel (filtre pill'leri) iceren card-header'a dikey bosluk ver (Yusuf: "ustten boslugu yok"). */ .arsiv .card-header:has(.nav-tabs.ozel) { padding-top: 8px !important; padding-bottom: 4px !important; } /* --- v3.9 (2026-10-17): nav-tabs.ozel float collapse -> pill'ler cizgiden sarkiyordu ("butonlar cizgide asili") --- flow-root ile float'li pill'leri sar: ul gercek yukseklik alir, border-bottom pill'lerin ALTINDA olur, pill'ler cizgi uzerinde oturur. */ .nav-tabs.ozel::after { content: ""; display: table; clear: both; } /* --- v3.11 (2026-10-17): pill'ler nav-tabs alt-cizgisine yapisikti -> pill ile cizgi arasina bosluk --- .nav-tabs.ozel { padding-bottom: 7px !important; } /* --- v3.13 (2026-10-17): FORPUS-vitrin-resim -> vitrin/liste urun kucuk resmi mobilde sutunu tasiriyordu (img sabit 160px, mobil sutun ~110px). /sayfa/vitrin-ilanlari 390px'te 40px yatay kaymaya sebep oluyordu. Liste kartindaki resmi kabina sigdir (img-fluid davranisi). Masaustunde sutun>160px oldugu icin degismez. */ .bilesen .liste img, .bilesen .liste a.r_ust img { max-width: 100% !important; height: auto !important; } /* --- FORPUS 2026-10-19: fiyat etiketi (.fiyat_layer2) modernize: yari saydam siyah kose kutusu -> beyaz pill koyu kalin yazi (Yusuf: B) --- */ .fiyat_layer2 { background: #ffffff !important; color: #111111 !important; border-radius: 8px !important; padding: 4px 10px !important; right: 8px !important; bottom: 8px !important; box-shadow: 0 2px 9px rgba(16,24,40,.22) !important; font-weight: 800 !important; line-height: 1.1 !important; } /* --- FORPUS 2026-10-19: Chiller - icerikteki inline font-family:Chiller tarayicida serif/Times'a dusuyordu (baslik), Inter'e zorla --- */ [style*="Chiller"] { font-family: Inter, -apple-system, "system-ui", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; } /* --- FORPUS 2026-10-19: urun kart - tutarsiz thumbnail + kart/hover yoktu --- */ .satir_link { border-radius: 12px; padding: 8px; transition: background .15s ease, box-shadow .15s ease; } .satir_link:hover { background: #f7f9fc; box-shadow: 0 4px 14px rgba(16,24,40,.08); } .satir_link img.img-fluid { width: 100% !important; aspect-ratio: 4 / 3 !important; height: auto !important; object-fit: contain !important; background: #fff; border-radius: 10px; border: 1px solid #eef1f4; } /* --- FORPUS 2026-10-19: arama kutusu - gri input beyaz yazi -> beyaz + koyu yazi + ince kenar --- */ input.form-control[placeholder^="Kelime"] { background:#fff !important; color:#1a1a1a !important; border:1px solid #e4e7eb !important; border-right:0 !important; font-size:13px !important; } input.form-control[placeholder^="Kelime"]::placeholder { color:#98a2b3 !important; } input.form-control[placeholder^="Kelime"] ~ button { border-radius:0 10px 10px 0 !important; } /* --- FORPUS 2026-10-19: sol menu kategori linkleri hover (kirmizi) --- */ .ana_menu li a { transition: color .12s ease; } .ana_menu li a:hover { color: #e11900; } /* --- FORPUS 2026-10-19: Umit - kategori "Görünüm" (liste/grid) gecisini kaldir, tek tip (tablo) kalsin --- */ .listeleme.noselect { display: none !important; } /* --- FORPUS 2026-10-19: magaza kart - logo ezilmesi + sert siyah isim bari -> kenar/radius/hover + logo contain + gradient isim --- */ .liste.prelative:has(.magaza_bilesen) { border:1px solid #eef1f4; border-radius:10px; overflow:hidden; background:#fff; transition:box-shadow .15s ease, transform .15s ease; } .liste.prelative:has(.magaza_bilesen):hover { box-shadow:0 6px 18px rgba(16,24,40,.10); transform:translateY(-2px); } .liste.prelative:has(.magaza_bilesen) img.img-fluid { object-fit:contain !important; background:#fff; padding:12px; box-sizing:border-box; } .magaza_bilesen { background:linear-gradient(to top, rgba(0,0,0,.72), rgba(0,0,0,0)) !important; padding:16px 8px 6px !important; font-weight:600; text-align:center; } /* --- FORPUS 2026-10-19: footer marka - pür kırmızı #ff0000 -> marka kırmızısı #e11900 --- */ footer { background: #e11900 !important; } /* --- FORPUS 2026-10-19: giris buton - login formu primary butonu mavi -> marka kirmizisi (.giris_form scope, Paran buy butonu etkilenmez) --- */ .giris_form .btn-primary { background: #f70505 !important; border-color: #f70505 !important; color: #fff !important; } /* --- FORPUS 2026-10-20: vitrin kart standart (Umit) - tum kartlar 110x83 cover (XML+normal esit, yan boslugu yok, 4:3 kirpmasiz) + ince border nizami --- */ .ilan_listeleme.yatay .satir_link img.img-fluid { width:110px !important; height:83px !important; object-fit:cover !important; border-radius:6px !important; background:#fff; display:block; } .ilan_listeleme.yatay .satir_link.liste { border:1px solid #eef1f4 !important; border-radius:8px !important; padding:6px !important; background:#fff; } /* --- FORPUS 2026-10-20: vitrin 3 ilan/satir (Umit) - col-md-21 yarim -> 1/3, her-2-de clearfix gizle, sadece genis ekran (mobilde 3'e dusmesin) --- */ @media (min-width:1200px) { .ilan_listeleme.yatay > .row > .col-md-21 { width:33.3333% !important; max-width:33.3333% !important; flex:0 0 33.3333% !important; } .ilan_listeleme.yatay > .row > .clearfix { display:none !important; } } /* --- FORPUS 2026-10-21b: promo banner YENI TASARIM - sabit kart + bulanik dolgu arka plan + tam gorsel ortali (kirpma yok, bosluk yok), farkli oranlar tek boy --- */ #reklam_banner.promo-wrap { position:relative !important; display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; max-width:100% !important; height:370px !important; border-radius:16px !important; overflow:hidden !important; box-shadow:0 10px 28px rgba(16,24,40,.16) !important; margin:16px auto !important; padding:0 !important; border:0 !important; background:#0b1220 !important; } #reklam_banner.promo-wrap .promo-bg { position:absolute !important; inset:-12% !important; background-size:cover !important; background-position:center !important; filter:blur(28px) brightness(.78) saturate(1.15) !important; z-index:0 !important; } #reklam_banner.promo-wrap::after { content:"" !important; position:absolute !important; inset:0 !important; background:rgba(5,10,20,.22) !important; z-index:1 !important; } #reklam_banner.promo-wrap img { position:relative !important; z-index:2 !important; height:86% !important; width:auto !important; max-width:94% !important; margin:0 !important; display:block !important; object-fit:contain !important; border-radius:10px !important; box-shadow:0 8px 22px rgba(0,0,0,.42) !important; transition:transform .4s ease !important; } #reklam_banner.promo-wrap:hover img { transform:scale(1.02) !important; } /* --- FORPUS 2026-10-21e: SADECE vitrin kart hover (bolum baslik border-left + CTA pill GERI ALINDI; Yusuf sevmedi, onceki hali) --- */ .ilan_listeleme.yatay .satir_link.liste { transition:box-shadow .15s ease, transform .15s ease; } .ilan_listeleme.yatay .satir_link.liste:hover { box-shadow:0 6px 18px rgba(16,24,40,.10) !important; transform:translateY(-2px); border-color:#e2e8f0 !important; } /* --- FORPUS 2026-10-21g: liste/tablo ilan resmi TAM GORUNUR (contain, kirpma yok) + GENIS kolon (Umit: tamami gorunsun, basliklar sarsin) --- */ tr.satir_link td:first-child { width:150px !important; min-width:150px !important; padding:4px !important; vertical-align:middle !important; } tr.satir_link td:first-child img.resim.img-fluid { width:100% !important; height:auto !important; max-width:none !important; object-fit:contain !important; border-radius:6px !important; display:block !important; margin:0 auto !important; } /* --- FORPUS 2026-10-21l: giris/kayit sag sutun dengeleme (sol .card.beyaz ile es beyaz kart + satir flex dikey ortali; havada duran ciplak metin duzeltildi) --- */ .giris .row{ display:flex !important; flex-wrap:wrap; align-items:center !important; } .giris .ortala{ display:flex !important; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:44px 36px !important; height:auto !important; margin:0 !important; background:#fff !important; border-radius:14px !important; box-shadow:0 1px 3px rgba(16,24,40,.06), 0 10px 30px rgba(16,24,40,.07) !important; } .giris .ortala h3{ font-weight:700 !important; margin:0 0 10px !important; font-size:22px; color:#101828 !important; } .giris .ortala p{ color:#667085 !important; margin:0 0 22px !important; max-width:300px; } .giris .ortala .btn-secondary{ padding:10px 26px !important; } /* --- FORPUS 2026-10-21n: magaza kapak gorseli tam genislik (BS5'te container 1140->1370 genisledi, varsayilan kapak sagda beyaz bosluk birakiyordu; sm/md/lg kapagi hedefler, mobil ayri) --- */ .kapak > div:not(.resim):not(.alt) > img.img-fluid{ width:100% !important; height:200px !important; object-fit:cover !important; max-width:none !important; display:block; } /* --- FORPUS 2026-10-21o: ilan detay mobil ana foto - SlidesJS 4:3 kutusu dikey/kare resmi kirpiyordu; masaustu gibi TAM goster (contain, kesme yok) --- */ @media (max-width:767px){ #mobil_slides img.slidesjs-slide, #mobil_slides .slidesjs-control > img.img-fluid{ width:100% !important; height:100% !important; max-width:none !important; object-fit:contain !important; display:block; background:#f5f6f8; } } /* --- FORPUS 2026-10-22: mobil ana sayfa kisayol ikon satiri (Umit) - Acil Acil / Fiyati Dusenler / Magazalar / Son 48 Saat; yalniz mobil, #mobil_ozel_menu kapsaminda --- */ @media (max-width:767px){ #mobil_ozel_menu .mobil_kisayol_satir{ display:flex; gap:6px; padding:20px 8px 12px; background:#fff; margin:0; } #mobil_ozel_menu .mobil_kisayol_satir .mkisayol{ flex:1 1 0; min-width:0; display:flex; flex-direction:column; align-items:center; text-decoration:none; color:#444; } #mobil_ozel_menu .mobil_kisayol_satir .mk_ikon{ width:52px; height:52px; border-radius:50%; background:#f70505; display:flex; align-items:center; justify-content:center; margin-bottom:6px; box-shadow:0 3px 9px rgba(247,5,5,.20); } #mobil_ozel_menu .mobil_kisayol_satir .mk_ikon i{ font-size:24px; color:#fff !important; background:none !important; line-height:1; width:auto; height:auto; padding:0; margin:0 !important; min-width:0; } #mobil_ozel_menu .mobil_kisayol_satir .mk_yazi{ font-size:11.5px; line-height:1.15; text-align:center; color:#333; font-weight:600; } #mobil_ozel_menu .mobil_kisayol_satir .mkisayol:nth-child(1) .mk_ikon{ background:#f70505; box-shadow:0 4px 10px rgba(247,5,5,.18); } #mobil_ozel_menu .mobil_kisayol_satir .mkisayol:nth-child(2) .mk_ikon{ background:#16b85a; box-shadow:0 4px 10px rgba(22,184,90,.18); } #mobil_ozel_menu .mobil_kisayol_satir .mkisayol:nth-child(3) .mk_ikon{ background:#2f6bff; box-shadow:0 4px 10px rgba(47,107,255,.18); } #mobil_ozel_menu .mobil_kisayol_satir .mkisayol:nth-child(4) .mk_ikon{ background:#ff8a00; box-shadow:0 4px 10px rgba(255,138,0,.20); } } /* --- FORPUS 2026-10-22b: PROMO banner MOBILDE dogal (Yusuf: mobilde kirpma/bulanik dolguya gerek yok; masaustu promo-wrap aynen kalir) [mobil-promo-dogal] --- */ @media (max-width:767px){ #reklam_banner.promo-wrap{ height:auto !important; background:transparent !important; box-shadow:none !important; border-radius:0 !important; margin:12px auto !important; display:block !important; overflow:visible !important; padding:0 !important; } #reklam_banner.promo-wrap .promo-bg{ display:none !important; } #reklam_banner.promo-wrap::after{ display:none !important; } #reklam_banner.promo-wrap img{ position:static !important; height:auto !important; width:100% !important; max-width:100% !important; box-shadow:none !important; border-radius:8px !important; } } /* --- FORPUS 2026-10-27d: PROMO banner MASAUSTU - DOGAL ORAN / RESPONSIVE. 3 banner de GENIS (3:1) yeniden uretildi; genislik %100 + yukseklik otomatik => her ekran genisliginde tam oturur, KIRPMA YOK, BOSLUK YOK (cover dar ekranda yandan kirpiyordu, Yusuf; sabit yukseklik yerine dogal oran). Genis gorselde dogal yukseklik zaten kisa (~340px masaustu). Sidebar 520x520 (.sidebar) HARIC. [masaustu-promo-dogal2] --- */ @media (min-width:768px){ .col-md-33 #reklam_banner.promo-wrap{ height:auto !important; background:transparent !important; box-shadow:0 6px 18px rgba(16,24,40,.10) !important; border-radius:14px !important; margin:16px auto !important; display:block !important; overflow:hidden !important; padding:0 !important; } .col-md-33 #reklam_banner.promo-wrap .promo-bg{ display:none !important; } .col-md-33 #reklam_banner.promo-wrap::after{ display:none !important; } /* 3 banner de GENIS (3:1); DOGAL oran: genislik %100, yukseklik otomatik -> kirpma YOK, bosluk YOK, responsive */ .col-md-33 #reklam_banner.promo-wrap img{ position:relative !important; z-index:2 !important; display:block !important; width:100% !important; height:auto !important; max-width:100% !important; border-radius:14px !important; box-shadow:none !important; margin:0 !important; } .col-md-33 #reklam_banner.promo-wrap:hover img{ transform:none !important; } } /* ilan-ver-fab-marka: mobil alt FAB tema mavisi (#007bff) -> marka kirmizisi #f70505 */ .ilan_ver_buton { background-color:#f70505 !important; box-shadow:0 3px 10px rgba(247,5,5,.35) !important; } .ilan_ver_buton:hover, .ilan_ver_buton:focus { background-color:#e40404 !important; } /* --- FORPUS 2026-10-27: mobil ana sayfa kategori 2'li KART izgarasi (Umit mockup) [mobil-kategori-kart] --- */ @media (max-width:767px){ #mobil_ozel_menu .mkat-grid{ display:grid; grid-template-columns:1fr 1fr; gap:7px; padding:6px 10px 8px; } #mobil_ozel_menu a.mkat{ background:#fff; border:1px solid #eef1f5; border-radius:14px; padding:8px 22px 8px 9px; display:flex; align-items:center; gap:10px; box-shadow:0 3px 10px rgba(20,30,55,.07); position:relative; min-height:60px; } #mobil_ozel_menu a.mkat:hover{ background:#fff; } #mobil_ozel_menu .mkat-ik{ width:44px; height:44px; flex:0 0 44px; border-radius:12px; display:flex; align-items:center; justify-content:center; background:var(--mkbg,#f70505); background:color-mix(in srgb, var(--mkbg,#f70505) 15%, #fff); } #mobil_ozel_menu .mkat-ik i{ font-size:25px !important; width:auto !important; height:auto !important; min-width:0 !important; line-height:1 !important; background:none !important; border-radius:0 !important; display:block; color:var(--mkbg,#f70505); padding:0 !important; } #mobil_ozel_menu .mkat-meta{ flex:1; min-width:0; } #mobil_ozel_menu .mkat-bas{ display:block; font-weight:800; font-size:14px; line-height:1.15; color:#1f2733; padding:0; } #mobil_ozel_menu .mkat-alt{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:11px; line-height:1.25; color:#9aa0a8; margin-top:3px; padding:0; white-space:normal; } #mobil_ozel_menu .mkat-ok{ position:absolute; right:10px; top:50%; transform:translateY(-50%); color:#c3c8d0; font-size:14px; line-height:1; display:block; } } /* --- FORPUS 2026-10-27: mobil ust slider (Umit) [mobil-slider] --- */ @media (max-width:767px){ #mobil_ozel_menu .mslider{ margin:7px 10px 0; } #mobil_ozel_menu .mslider-track{ display:flex; gap:10px; overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; scrollbar-width:none; } #mobil_ozel_menu .mslider-track::-webkit-scrollbar{ display:none; } #mobil_ozel_menu .mslide{ flex:0 0 100%; scroll-snap-align:center; border-radius:14px; overflow:hidden; height:108px; } #mobil_ozel_menu .mslide img{ width:100%; height:100%; object-fit:cover; display:block; border-radius:14px; } } /* --- FORPUS 2026-10-27: mobil slider nokta gostergesi --- */ @media (max-width:767px){ #mobil_ozel_menu .mslider-dots{ display:flex; justify-content:center; gap:6px; margin:9px 0 0; } #mobil_ozel_menu .mslider-dots span{ width:7px; height:7px; border-radius:50%; background:#cdd3db; cursor:pointer; transition:.25s; display:block; } #mobil_ozel_menu .mslider-dots span.on{ background:#f70505; width:18px; border-radius:4px; } } /* --- FORPUS 2026-10-27: mockup ikonlari (gorsel) --- */ @media (max-width:767px){ #mobil_ozel_menu .mkat-ik img{ width:100%; height:100%; border-radius:14px; display:block; object-fit:cover; } } /* ===== FORPUS 2026-10-28: HERO SLIDER MASAUSTU - RESPONSIVE 3:1, KIRPMA YOK [hero-slider-dogal] ===== Sorun: slider sabit yukseklik (#slides max-height:250 + SlidesJS container ~293) ~348px'lik genis (3:1) gorseli ALTTAN kirpiyordu (Antalya basliginin alti "Ucretsiz Ilan Ver." ucuyordu); ayrica 892px dar slaytlar container 1045'e genisleyince SAGDA bosluk birakiyordu. Cozum: SlidesJS container'ini responsive 3:1 kutuya cevir (padding-bottom:33.33%), control'u mutlak doldur, gorselleri object-fit:cover ile oturt => her masaustu genisliginde TAM oturur, kirpma/bosluk yok. Sidebar banner (.col-md-9 .sidebar, #reklam_banner) HARIC; sadece .col-md-33 ust slider (#slides). */ @media (min-width:768px){ .col-md-33 #slides{ max-height:none !important; width:100% !important; overflow:hidden; } .col-md-33 #slides .slidesjs-container{ position:relative !important; width:100% !important; height:0 !important; padding-bottom:33.33% !important; /* 3:1 oran */ overflow:hidden !important; } .col-md-33 #slides .slidesjs-control{ position:absolute !important; top:0 !important; left:0 !important; right:0 !important; bottom:0 !important; width:100% !important; height:100% !important; overflow:hidden !important; } .col-md-33 #slides .slidesjs-slide{ top:0 !important; width:100% !important; height:100% !important; } .col-md-33 #slides .slidesjs-slide img, .col-md-33 #slides img{ width:100% !important; height:100% !important; object-fit:cover !important; object-position:center !important; display:block !important; margin:0 !important; max-width:none !important; } .col-md-33 #slides .slidesjs-navigation{ top:50% !important; transform:translateY(-50%); } } /* --- FORPUS 2026-10-28 [baslik-tam-gorunsun] Umit (toplanti): benzer ilan + uye ilanlari kart basligi tek satira kirpiliyordu (.slider-title white-space:nowrap+ellipsis, custom-modifications.css). Iki satira sardir, kart biraz uzasin, hizali kalsin. --- */ .slider-title{ white-space:normal !important; overflow:visible !important; text-overflow:clip !important; } .slider-title h6{ display:-webkit-box !important; -webkit-line-clamp:2 !important; -webkit-box-orient:vertical !important; overflow:hidden !important; line-height:1.25 !important; min-height:2.5em; margin:0 !important; white-space:normal !important; } /* --- FORPUS 2026-10-28 [arama-buton-yuvarla] Selim: ustteki arama butonu koseleri sert kalmis, search butonu gibi yumusat (kutu + buton dis koseleri) --- */ header .ara input.form-control{ border-top-left-radius:10px !important; border-bottom-left-radius:10px !important; } header .ara .input-group-btn > button[name="ara_buton"], header .ara button[name="ara_buton"]{ border-top-right-radius:10px !important; border-bottom-right-radius:10px !important; border-top-left-radius:0 !important; border-bottom-left-radius:0 !important; } /* --- FORPUS 2026-10-28 [link-altcizgi] Umit: site genelinde linklerde hover/focus/dokunma altcizgisi istenmiyordu, yine cikti. Kok sebep grid-42-uyum.css:587 "a:hover,a:focus{text-decoration:underline}" (BS3 reboot kalintisi, bs5-guzellik'ten SONRA yuklenip base kurali eziyor). Tum durumlarda !important ile kaldir (ana sayfa dahil). --- */ a, a:link, a:visited, a:hover, a:focus, a:active { text-decoration: none !important; } /* --- FORPUS 2026-10-28 [mobil-kart] Umit: mobilde listeleme = Diger Ilanlar kart tasarimi (gercek fp-diger kartlari, ortak render). PC tablo (card-body) mobilde gizlenir, mobil kart gridi gosterilir. PC'ye DOKUNULMAZ. fp-diger CSS buraya tasindi (eskiden Diger bolumunun inline style'indaydi -> filtresiz sayfadaki mobil kartlar stilsiz kaliyordu). --- */ .fp-diger{background:#fff;border:1px solid #eee;border-radius:10px} .fp-diger .card-header{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:12px 14px 4px;border:0} .fp-diger .card-body{padding:12px 14px 14px} .fp-diger-baslik{font-size:18px;font-weight:700;margin:0;color:#222} .fp-diger-alt{font-size:13px;color:#888} .fp-diger-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px} .fp-diger-kart{position:relative;display:flex;flex-direction:column;border:1px solid #eee;border-radius:10px;overflow:hidden;background:#fff;transition:box-shadow .15s ease,transform .15s ease} .fp-diger-kart.fp-acil{background:rgba(255,199,199,.5);border-color:#f3c4c4} .fp-diger-link{display:block;text-decoration:none;color:inherit} .fp-diger-kart:hover{box-shadow:0 6px 18px rgba(0,0,0,.08);transform:translateY(-2px)} .fp-diger-resim{display:block;aspect-ratio:4/3;background:#f6f6f6;overflow:hidden} .fp-diger-resim img{width:100%;height:100%;object-fit:cover;display:block} .fp-diger-ad{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.35;padding:8px 8px 2px;min-height:38px} .fp-diger-fiyat{display:block;font-size:14px;font-weight:700;color:#e53935;padding:2px 8px 0} .fp-diger-yer{display:block;font-size:12px;color:#667085;padding:2px 8px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .fp-diger-yer i{font-size:11px;color:#98a2b3} .fp-diger-sektor{display:block;font-size:11.5px;color:#8a93a3;padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .fp-diger-kat{display:block;font-size:11.5px;color:#2f6bff;padding:2px 8px 0;text-decoration:none;line-height:1.3;white-space:normal} .fp-diger-kat:hover{text-decoration:underline} .fp-diger-footer{margin-top:auto;padding:6px 8px 8px;border-top:1px solid #f4f4f6} .fp-diger-footer a{font-size:12px;text-decoration:none;color:#667085} .fp-diger-footer a i{margin-right:3px;color:#DAA520} @media (max-width:1199px){.fp-diger-grid{grid-template-columns:repeat(4,minmax(0,1fr))}} @media (max-width:767px){.fp-diger-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} /* FORPUS: kategori listesi - PC TABLO (degismez), kart izgarasi SADECE MOBILDE (Umit mobilde istedi, PC degismesin) */ .fp-mobil-liste{ display:none; } .fp-mobil-liste .fp-diger-grid{ grid-template-columns:1fr 1fr; } @media (max-width:767px){ .fp-mobil-liste{ display:block; } /* mobilde ana listeleme tablosunu gizle; Diger Urunler (.fp-diger) haric */ .card.beyaz.tab:not(.fp-diger) > .card-body:not(.fp-mobil-liste){ display:none !important; } } /* FORPUS 29 Eki: numarali sayfalama kalkti (tablo/resimsiz, PC+mobil) -> "Daha fazla goster" her yerde. ikili gorunum eski sayfalamayi tutar (.fp-sayfalama-ikili). */ .fp-sayfalama-pc{ display:none; } .fp-sayfalama-ikili{ display:block; } .fp-daha-wrap{ display:block; margin:16px 0 34px; min-height:1px; } .fp-daha-btn{ background:#e53935; color:#fff; border:0; border-radius:8px; padding:12px 34px; font-size:15px; font-weight:600; cursor:pointer; transition:background .15s; } .fp-daha-btn:hover{ background:#c62828; } .fp-daha-btn[disabled]{ opacity:.65; cursor:default; } /* FORPUS 29 Eki [kart-kalp] Umit/Yusuf: sepete eklenebilen urun kartinda favori = KALP, resmin sag ust kosesinde; sepete ekle footer'da tek */ .fp-diger-kart{ position:relative; } .fp-kart-ust{ position:absolute; top:8px; right:8px; z-index:3; display:flex; gap:6px; } .fp-kalp{ display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:50%; background:rgba(255,255,255,.92); box-shadow:0 1px 4px rgba(0,0,0,.2); color:#e53935; font-size:15px; line-height:1; text-decoration:none; cursor:pointer; } .fp-kalp:hover{ background:#fff; } .fp-kalp i{ color:#e53935; } /* --- FORPUS 2026-10-28 [kart-zemin-esit] Umit: tum kart/satir zemini AYNI (acik) olsun, hep pc hem mobil. Tablo table-striped tek/cift satiri farkli renk basiyordu (hucre td'sine), 2 sutunda sol sutun koyu/sag acik cikiyordu. Striping kaldirildi, hepsi beyaz. --- */ .arsiv .table.liste > tbody > tr:nth-child(2n) > td, .arsiv .table.liste > tbody > tr:nth-child(2n) > th, .arsiv .table.liste > tbody > tr > td, table.liste > tbody > tr > td, table.liste > tbody > tr > th{ background-color:#fff !important; background:#fff !important; --bs-table-bg-type:transparent !important; --bs-table-accent-bg:transparent !important; } /* --- FORPUS 2026-10-28 [benzer-tam] Umit (video): benzer ilanlar iki sutunun ALTINDA TAM GENISLIK, TEK SIRA SLIDER (splide) olarak kalir, tam genislikte 4 kart gorunur. Kart tasarimi degismez. --- */ .fp-benzer-tam{ margin-top:16px; width:100%; } .fp-benzer-tam #slider-benzer{ width:100%; } /* FORPUS 2026-10-29: benzer ilanlar artik fp_ilan_kart izgarasi (slider iptal) - kategorilerle ayni */ .fp-benzer-tam .fp-diger-grid{ grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; } @media (max-width:1199px){ .fp-benzer-tam .fp-diger-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); } } @media (max-width:991px){ .fp-benzer-tam .fp-diger-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); } } @media (max-width:767px){ .fp-benzer-tam .fp-diger-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } } /* FORPUS 2026-10-28 [kart-ikon] benzer kart favori(kalp)+sepet overlay (Umit) */ .fp-benzer-tam #slider-benzer .splide__slide{ position:relative; } .fp-kart-ust{ position:absolute; top:8px; right:8px; z-index:4; display:flex; flex-direction:column; gap:6px; } .fp-kart-ust > a{ width:34px; height:34px; border-radius:50%; background:rgba(255,255,255,.95); box-shadow:0 1px 5px rgba(0,0,0,.22); display:flex; align-items:center; justify-content:center; color:#555; font-size:15px; line-height:1; text-decoration:none; cursor:pointer; transition:transform .12s, background .12s; } .fp-kart-ust > a:hover{ background:#fff; transform:scale(1.08); } .fp-kart-ust .takibi_birak i{ color:#e53935; } .fp-kart-ust .takip_et:hover i{ color:#e53935; } .fp-kart-ust .fp-sepet i{ color:#127a34; } /* kalp glifinin ic bosluğu asimetrik (sol