/* ========================================================================== sahikimden® Tasarım Sistemi (SK-DS) v1.11 Tek kaynak: renk, yazı, boşluk, köşe ve bileşenler. Final tasarımda TÜM sayfalar buradan beslenir. Kurallar (özet): kodda yalnızca --sk-* değişkenleri • marka renkleri (marka sahibi kararı, 18.10.2026): turuncu #FF7F3F (turuncu butonlar dahil), sarı #FFBD59, lacivert #4E5A7D (üst bölüm, alt bölüm), WhatsApp #25D366 • turuncu metin bağlantıları okunurluk için --sk-turuncu-yazi • tek kart anatomisi • tek bölüm kabı • ikonlar: Tabler (MIT) • yazı: League Spartan (başlık/fiyat) + DM Sans (gövde), kendi sunucumuzdan (OFL). ========================================================================== */ @font-face { font-family: "DM Sans"; src: url("../font/dm-sans.woff") format("woff"); font-weight: 400 700; font-style: normal; font-display: swap; } @font-face { font-family: "League Spartan"; src: url("../font/league-spartan.woff") format("woff"); font-weight: 600 800; font-style: normal; font-display: swap; } :root { --sk-turuncu: #FF7F3F; --sk-turuncu-600: #FF7F3F; --sk-turuncu-700: #F26B27; --sk-turuncu-800: #C2531A; --sk-turuncu-50: #FFEFE6; --sk-turuncu-yazi: #B4501A; --sk-sari: #FFBD59; --sk-sari-50: #FFF3E0; --sk-lacivert: #4E5A7D; --sk-lacivert-600: #5E6A8C; --sk-lacivert-700: #3D4766; --sk-lacivert-900: #2F3750; --sk-murekkep: #1F2433; --sk-yazi-2: #5A6378; --sk-yazi-3: #6B7590; --sk-zemin: #F4F5F9; --sk-yuzey: #FFFFFF; --sk-yuzey-2: #ECEEF5; --sk-kenar: #E4E7EF; --sk-ayrac: #EEF0F6; --sk-kenar-form: #8A93A8; --sk-cizgi-acik: #7A84A3; --sk-basari: #16723F; --sk-basari-50: #EAF7EF; --sk-uyari: #8A5A00; --sk-uyari-50: #FFF4E0; --sk-hata: #B22A1F; --sk-hata-50: #FDECEA; --sk-bilgi: #1D62A8; --sk-bilgi-50: #E3ECFB; --sk-kalp: #E5483B; --sk-wa: #25D366; --sk-golge-1: 0 1px 2px rgba(31, 36, 51, .06); --sk-golge-2: 0 6px 16px rgba(31, 36, 51, .08); --sk-golge-3: 0 16px 40px rgba(31, 36, 51, .16); --sk-golge-bar: 0 -4px 16px rgba(31, 36, 51, .08); --sk-r-xs: 6px; --sk-r-sm: 10px; --sk-r-md: 14px; --sk-r-lg: 20px; --sk-r-tam: 999px; --sk-yazi: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; --sk-baslik: "League Spartan", "DM Sans", system-ui, sans-serif; --sk-kap: 1240px; --sk-yan: 24px; --sk-altnav-h: 64px; --sk-ic-cizgi: 1.75; } /* ---------- Final: genel taban (eski tema sayfaları dahil) ---------- */ html[data-sk-tasarim="final"] { background: var(--sk-lacivert) !important; -webkit-text-size-adjust: 100%; } html[data-sk-tasarim="final"] body { font-family: var(--sk-yazi) !important; background: var(--sk-zemin) !important; color: var(--sk-murekkep); font-size: 16px; line-height: 1.55; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0; } html[data-sk-tasarim="final"] body::before { background-color: var(--sk-lacivert) !important; } /* Eski eski tema başlık/alt bilgi/mobil menüleri: DOM'da kalır (eski betikler bozulmasın), görünmez */ html[data-sk-tasarim="final"] body > header:not(.sk-ust), html[data-sk-tasarim="final"] .sk-mobil-chrome, html[data-sk-tasarim="final"] footer.sk-footer, html[data-sk-tasarim="final"] .skft-floatbar, html[data-sk-tasarim="final"] .footerS, html[data-sk-tasarim="final"] ul.footer_sabit, html[data-sk-tasarim="final"] #sk-bottom-fixed-stack > ul.footer_sabit, html[data-sk-tasarim="final"] #mm_panel, html[data-sk-tasarim="final"] #mmu_panel, html[data-sk-tasarim="final"] #overlay, html[data-sk-tasarim="final"] .en_ust_sabit:empty { display: none !important; } /* Yeni motor sayfaları: Bootstrap yok; küçük, açık bir taban */ :where(.sk-yeni) *, :where(.sk-yeni) *::before, :where(.sk-yeni) *::after { box-sizing: border-box; } :where(.sk-yeni) img, :where(.sk-yeni) svg, :where(.sk-yeni) video { max-width: 100%; } :where(.sk-yeni) img { height: auto; } :where(.sk-yeni) h1, :where(.sk-yeni) h2, :where(.sk-yeni) h3, :where(.sk-yeni) h4, :where(.sk-yeni) p, :where(.sk-yeni) ul, :where(.sk-yeni) ol, :where(.sk-yeni) figure { margin: 0; } :where(.sk-yeni) ul, :where(.sk-yeni) ol { padding: 0; list-style: none; } :where(.sk-yeni) button, :where(.sk-yeni) input, :where(.sk-yeni) select, :where(.sk-yeni) textarea { font: inherit; color: inherit; } :where(.sk-yeni) a { color: inherit; text-decoration: none; } :where(.sk-yeni) a:hover { color: var(--sk-turuncu-yazi); } :where(.sk-yeni) hr { border: 0; border-top: 1px solid var(--sk-kenar); margin: 16px 0; } :where(.sk-yeni) [hidden] { display: none !important; } /* Ortak bileşenlerin kendi tabanı (Bootstrap olan ve olmayan sayfada aynı görünsün) */ .sk-ust, .sk-ust *, .sk-alt, .sk-alt *, .sk-altnav, .sk-altnav *, .sk-paylas *, .sk-toastlar *, .sk-kart, .sk-kart *, .sk-modal, .sk-modal * { box-sizing: border-box; } .sk-ust ul, .sk-alt ul, .sk-altnav ul { list-style: none; margin: 0; padding: 0; } .sk-ust a, .sk-alt a, .sk-altnav a, .sk-kart a { text-decoration: none; } .sk-ikon { display: inline-block; flex: 0 0 auto; vertical-align: middle; } .sk-marka { display: inline-block; flex: 0 0 auto; vertical-align: middle; } .sk-gizli { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; } .sk-atla { position: absolute; left: 8px; top: -60px; z-index: 2000; background: var(--sk-murekkep); color: #fff !important; padding: 10px 14px; border-radius: var(--sk-r-sm); font-weight: 700; } .sk-atla:focus { top: 8px; } .sk-kap { max-width: calc(var(--sk-kap) + 2 * var(--sk-yan)); margin: 0 auto; padding-left: var(--sk-yan); padding-right: var(--sk-yan); width: 100%; } html[data-sk-tasarim="final"] :focus-visible { outline: none; box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--sk-turuncu-600); border-radius: 6px; } .sk-ust :focus-visible { box-shadow: 0 0 0 2px var(--sk-sari) !important; } /* ---------- Butonlar ---------- */ .sk-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 0 20px; border-radius: var(--sk-r-sm); font-family: var(--sk-yazi); font-size: 16px; font-weight: 700; line-height: 1.1; white-space: nowrap; border: 1px solid transparent; cursor: pointer; text-decoration: none !important; transition: background-color .15s, border-color .15s, color .15s, box-shadow .15s, transform .05s; } .sk-btn:active { transform: translateY(1px); } .sk-btn--birincil { background: var(--sk-turuncu-600); color: #fff !important; } .sk-btn--birincil:hover { background: var(--sk-turuncu-700); color: #fff !important; } .sk-btn--birincil:active { background: var(--sk-turuncu-800); } .sk-btn--ikincil { background: #fff; color: var(--sk-murekkep) !important; border-color: var(--sk-kenar-form); } .sk-btn--ikincil:hover { border-color: var(--sk-murekkep); background: var(--sk-zemin); color: var(--sk-murekkep) !important; } .sk-btn--koyu { background: var(--sk-murekkep); color: #fff !important; } .sk-btn--koyu:hover { background: #000; color: #fff !important; } .sk-btn--wa { background: var(--sk-wa); color: #fff !important; } .sk-btn--wa:hover { background: #0f5a31; color: #fff !important; } .sk-btn--cizgi-beyaz { background: transparent; color: #fff !important; border-color: rgba(255, 255, 255, .55); } .sk-btn--cizgi-beyaz:hover { background: rgba(255, 255, 255, .1); color: #fff !important; } .sk-btn--metin { background: transparent; color: var(--sk-murekkep) !important; padding: 0 8px; min-height: 40px; } .sk-btn--metin:hover { color: var(--sk-turuncu-yazi) !important; } .sk-btn--tam { width: 100%; } .sk-btn--kucuk { min-height: 40px; padding: 0 14px; font-size: 14px; } .sk-btn--buyuk { min-height: 54px; padding: 0 26px; font-size: 17px; } .sk-btn[disabled], .sk-btn.is-yukleniyor { opacity: .6; pointer-events: none; } .sk-ikon-btn { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: var(--sk-r-tam); border: 0; background: transparent; color: var(--sk-murekkep); cursor: pointer; } .sk-ikon-btn:hover { background: var(--sk-yuzey-2); } /* ---------- Üst bölüm ---------- */ header.sk-ust { background: var(--sk-lacivert) !important; color: #fff; padding: 0 !important; margin: 0; box-shadow: none !important; border: 0 !important; position: relative; z-index: 900; font-family: var(--sk-yazi); } .sk-ust__ic { display: flex; align-items: center; gap: 20px; min-height: 76px; padding-top: 12px; padding-bottom: 12px; padding-top: max(12px, env(safe-area-inset-top)); } .sk-logo { display: block; flex: 0 0 auto; line-height: 0; } .sk-logo img { height: 34px; width: auto; display: block; } .sk-logo__mobil { display: none !important; } .sk-arama { flex: 1 1 440px; display: flex; align-items: stretch; background: #fff; border-radius: var(--sk-r-sm); overflow: hidden; min-height: 48px; margin: 0; max-width: 640px; } .sk-arama label { margin: 0; font-weight: 400; display: flex; align-items: center; } .sk-arama__kelime { flex: 1 1 auto; gap: 10px; padding: 0 14px; color: var(--sk-yazi-2); min-width: 0; } .sk-ust .sk-arama input { border: 0; border-radius: 0; min-height: 0; outline: none; font: inherit; font-size: 15px; width: 100%; min-width: 0; background: transparent; color: var(--sk-murekkep); height: 46px; box-shadow: none; padding: 0; -webkit-appearance: none; appearance: none; } .sk-arama input::placeholder { color: var(--sk-yazi-3); } .sk-arama input::-webkit-search-cancel-button { -webkit-appearance: none; } .sk-arama__kat { flex: 0 0 auto; padding: 0 12px; border-left: 1px solid var(--sk-kenar); } .sk-ust .sk-arama select { border: 0; min-height: 0; border-radius: 0; padding: 0 4px; box-shadow: none !important; width: auto; outline: none; font: inherit; font-size: 14px; background: transparent; color: var(--sk-murekkep); max-width: 170px; height: 46px; cursor: pointer; } .sk-arama__btn { border: 0; padding: 0 22px; background: var(--sk-murekkep); color: #fff; font: inherit; font-weight: 700; font-size: 15px; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; } .sk-arama__btn:hover { background: #000; } .sk-arama__btn-ikon { display: none; } .sk-ust__nav { display: flex; align-items: center; gap: 8px; margin-left: auto; } .sk-ust__cizgi { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 14px; border-radius: var(--sk-r-sm); border: 1px solid var(--sk-cizgi-acik); color: #fff !important; font-weight: 600; font-size: 14px; cursor: pointer; list-style: none; background: transparent; } .sk-ust__cizgi::-webkit-details-marker { display: none; } .sk-ust__cizgi:hover { background: rgba(255, 255, 255, .08); color: #fff !important; } .sk-ust__ad { max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sk-ust__ikon { position: relative; width: 44px; height: 44px; border-radius: 12px; background: var(--sk-lacivert-600); display: inline-flex; align-items: center; justify-content: center; color: #fff !important; } .sk-ust__ikon:hover { background: #6B779B; color: #fff !important; } .sk-ust__mobil { display: none; } .sk-ust__ilanver { min-height: 44px; font-size: 15px; padding: 0 18px; } .sk-sayac { position: absolute; top: -6px; right: -6px; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; min-width: 22px; height: 22px; padding: 0 5px; border-radius: var(--sk-r-tam); background: var(--sk-sari); color: var(--sk-murekkep); font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 700; line-height: 1; font-variant-numeric: tabular-nums; text-align: center; border: 2px solid var(--sk-lacivert); } .sk-avatar { display: inline-flex; align-items: center; justify-content: center; border-radius: var(--sk-r-tam); background: var(--sk-sari); color: var(--sk-murekkep); font-weight: 800; object-fit: cover; flex: 0 0 auto; font-family: var(--sk-baslik); } .sk-avatar--28 { width: 28px; height: 28px; font-size: 12px; } .sk-avatar--48 { width: 48px; height: 48px; font-size: 18px; } .sk-avatar--64 { width: 64px; height: 64px; font-size: 22px; } /* Açılır menü (details/summary) */ .sk-acilir { position: relative; } .sk-acilir > summary { list-style: none; } .sk-acilir > summary::-webkit-details-marker { display: none; } .sk-acilir__menu { position: absolute; top: calc(100% + 8px); left: 0; min-width: 230px; background: #fff; color: var(--sk-murekkep); border: 1px solid var(--sk-kenar); border-radius: var(--sk-r-md); box-shadow: var(--sk-golge-3); padding: 6px; z-index: 1000; } .sk-acilir__menu--sag { left: auto; right: 0; } .sk-acilir__menu a { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: var(--sk-r-sm); color: var(--sk-murekkep) !important; font-size: 15px; font-weight: 600; } .sk-acilir__menu a:hover { background: var(--sk-zemin); color: var(--sk-turuncu-yazi) !important; } .sk-acilir__menu a[aria-current] { color: var(--sk-turuncu-yazi) !important; } .sk-acilir__menu hr { margin: 6px 0; border: 0; border-top: 1px solid var(--sk-kenar); } /* Kategori şeridi (tüm iç sayfalarda aynı omurga) */ .sk-katserit { background: #fff; border-bottom: 1px solid var(--sk-kenar); } .sk-katserit__ic { display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; } .sk-katserit__ic::-webkit-scrollbar { display: none; } .sk-katserit a { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 8px; min-height: 48px; padding: 0 12px; color: var(--sk-murekkep) !important; font-size: 14px; font-weight: 600; border-bottom: 3px solid transparent; white-space: nowrap; } .sk-katserit a:hover, .sk-katserit a.is-on { border-bottom-color: var(--sk-turuncu); color: var(--sk-murekkep) !important; } .sk-katserit__tum { margin-left: auto; color: var(--sk-yazi-2) !important; } /* ---------- Alt bilgi ---------- */ .sk-alt { background: var(--sk-lacivert); color: #C4CADB; margin-top: 64px; font-family: var(--sk-yazi); } .sk-alt a { color: #C4CADB !important; } .sk-alt a:hover { color: #fff !important; } .sk-alt__ic { display: flex; flex-wrap: wrap; gap: 40px 48px; justify-content: space-between; padding-top: 56px; padding-bottom: 32px; font-size: 14px; } .sk-alt__marka { display: flex; flex-direction: column; gap: 16px; max-width: 340px; } .sk-alt__logo { height: 30px; width: auto; align-self: flex-start; } .sk-alt__slogan { margin: 0; line-height: 1.6; } .sk-alt__iletisim { display: flex; flex-direction: column; gap: 8px; } .sk-alt__iletisim a { display: inline-flex; align-items: center; gap: 8px; color: #fff !important; } .sk-alt__sosyal { display: flex; flex-wrap: wrap; gap: 10px; } .sk-alt__sutun { min-width: 170px; } .sk-alt__sutun > summary { list-style: none; color: #fff; font-weight: 700; font-size: 14px; margin-bottom: 12px; display: flex; justify-content: space-between; align-items: center; gap: 12px; cursor: default; } .sk-alt__sutun > summary::-webkit-details-marker { display: none; } .sk-alt__sutun > summary .sk-ikon { display: none; } .sk-alt__menu ul { list-style: none; margin: 0; padding: 0; } .sk-alt__menu li { list-style: none; margin: 0 0 10px; padding: 0; border: 0; background: none; float: none; width: auto; } .sk-alt__menu a { display: inline-block; padding: 0; background: none; font-size: 14px; line-height: 1.5; } .sk-alt__menu i { display: none; } .sk-alt__yasal { padding-top: 20px; padding-bottom: 32px; border-top: 1px solid #434C68; font-size: 13px; line-height: 1.6; color: #AEB5C8; display: flex; flex-direction: column; gap: 10px; } .sk-alt__metin, .sk-alt__metin * { color: #AEB5C8 !important; font-size: 13px !important; background: none !important; text-align: left !important; } .sk-alt__satir { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; } .sk-alt__satir a { display: inline-flex; align-items: center; gap: 6px; } /* Marka renkli daireler (sosyal, paylaş) */ .sk-marka-daire { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: var(--sk-r-tam); color: #fff !important; flex: 0 0 auto; transition: transform .15s, filter .15s; } a.sk-marka-daire:hover { transform: translateY(-2px); filter: brightness(1.08); color: #fff !important; } .sk-marka-daire--facebook { background: #0866FF; } .sk-marka-daire--x { background: #000; } .sk-marka-daire--instagram { background: radial-gradient(circle at 30% 107%, #FFD600 0%, #FF7A00 30%, #FF0069 60%, #D300C5 80%, #7638FA 100%); } .sk-marka-daire--youtube { background: #FF0000; } .sk-marka-daire--linkedin { background: #0A66C2; } .sk-marka-daire--whatsapp { background: #25D366; } .sk-marka-daire--telegram { background: #26A5E4; } .sk-marka-daire--eposta { background: var(--sk-yazi-2); } .sk-marka-daire--link { background: var(--sk-murekkep); } /* Telefon alt gezinme */ .sk-altnav { display: none; } /* ---------- Bölüm, başlık, kutu ---------- */ .sk-sayfa { padding-top: 24px; padding-bottom: 8px; } .sk-yol { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; font-size: 13px; color: var(--sk-yazi-2); margin: 0 0 16px; padding: 0; list-style: none; } .sk-yol li { display: inline-flex; align-items: center; gap: 8px; } .sk-yol li + li::before { content: ""; width: 6px; height: 6px; border-right: 1.5px solid var(--sk-yazi-3); border-top: 1.5px solid var(--sk-yazi-3); transform: rotate(45deg); margin-right: 2px; } .sk-yol a { color: var(--sk-yazi-2) !important; } .sk-yol a:hover { color: var(--sk-turuncu-yazi) !important; } .sk-h1 { font-family: var(--sk-baslik); font-size: 36px; line-height: 1.12; font-weight: 700; letter-spacing: -.01em; color: var(--sk-murekkep); margin: 0; } .sk-h2 { font-family: var(--sk-baslik); font-size: 28px; line-height: 1.2; font-weight: 700; letter-spacing: -.01em; color: var(--sk-murekkep); margin: 0; display: flex; align-items: center; gap: 12px; } .sk-h3 { font-family: var(--sk-baslik); font-size: 20px; line-height: 1.3; font-weight: 700; color: var(--sk-murekkep); margin: 0; display: flex; align-items: center; gap: 10px; } .sk-cubuk { width: 8px; height: 26px; border-radius: 4px; background: var(--sk-sari); flex: 0 0 auto; } .sk-cubuk--lacivert { background: var(--sk-lacivert); } .sk-cubuk--turuncu { background: var(--sk-turuncu); } .sk-bolum { padding-top: 56px; } .sk-bolum-bas { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 20px; } .sk-bolum-bas__link { display: inline-flex; align-items: center; gap: 4px; font-weight: 700; font-size: 15px; color: var(--sk-murekkep) !important; } .sk-bolum-bas__link:hover { color: var(--sk-turuncu-yazi) !important; } .sk-kutu { background: #fff; border: 1px solid var(--sk-kenar); border-radius: var(--sk-r-md); padding: 24px; } .sk-kutu + .sk-kutu { margin-top: 16px; } .sk-kutu__bas { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; } .sk-kutu__bas .sk-h3 .sk-ikon { color: var(--sk-turuncu-600); } .sk-soluk { color: var(--sk-yazi-2); } .sk-kucuk { font-size: 13px; } /* ---------- Kartlar ---------- */ .sk-izgara { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; } .sk-izgara--3 { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); } .sk-izgara--yatay { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } .sk-kart { position: relative; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--sk-kenar); border-radius: var(--sk-r-md); overflow: hidden; transition: box-shadow .16s, transform .16s, border-color .16s; font-family: var(--sk-yazi); } .sk-kart:hover { box-shadow: var(--sk-golge-2); transform: translateY(-2px); } .sk-kart:focus-within { box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--sk-turuncu-600); } .sk-kart--vitrin { border-color: var(--sk-sari); border-width: 1.5px; } .sk-kart__foto { position: relative; display: block; aspect-ratio: 4 / 3; background: var(--sk-yuzey-2); overflow: hidden; } .sk-kart__foto img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s; } .sk-kart:hover .sk-kart__foto img { transform: scale(1.03); } .sk-kart__yok { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; color: var(--sk-yazi-3); font-size: 13px; font-weight: 600; } .sk-kart__rozetler { position: absolute; top: 10px; left: 10px; display: flex; flex-wrap: wrap; gap: 6px; max-width: calc(100% - 64px); } .sk-kart__govde { display: flex; flex-direction: column; gap: 6px; padding: 14px 16px 16px; flex: 1 1 auto; min-width: 0; } .sk-kart__kat { font-size: 12px; font-weight: 700; line-height: 1.2; } .sk-kart__baslik { margin: 0; font-family: var(--sk-yazi); font-size: 15px; font-weight: 600; line-height: 1.4; color: var(--sk-murekkep); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 42px; } .sk-kart__link { color: var(--sk-murekkep) !important; } .sk-kart__link::after { content: ""; position: absolute; inset: 0; z-index: 1; } .sk-kart__link:hover { color: var(--sk-murekkep) !important; } .sk-kart__link:focus-visible { box-shadow: none; } .sk-kart__meta { display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--sk-yazi-2); min-width: 0; margin-top: auto; } .sk-kart__meta > span:first-of-type { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sk-kart__tarih { margin-left: auto; flex: 0 0 auto; color: var(--sk-yazi-3); } .sk-kart .sk-kalp { position: absolute; top: 8px; right: 8px; z-index: 2; } .sk-kart--yatay { flex-direction: row; align-items: stretch; } .sk-kart--yatay .sk-kart__foto { width: 128px; flex: 0 0 128px; aspect-ratio: auto; min-height: 104px; } .sk-kart--yatay .sk-kart__govde { padding: 12px 52px 12px 14px; gap: 4px; } .sk-kart--yatay .sk-kart__baslik { font-size: 14px; min-height: 0; } .sk-kart--yatay .sk-fiyat { font-size: 18px; } .sk-kart--yatay .sk-kart__rozetler { top: 6px; left: 6px; } .sk-kart--yatay .sk-kart__rozetler .sk-rozet:nth-child(n+2) { display: none; } .sk-kart--yatay .sk-kalp { top: 6px; right: 6px; } .sk-fiyat { font-family: var(--sk-baslik); font-size: 21px; line-height: 1.15; font-weight: 700; color: var(--sk-murekkep); font-variant-numeric: tabular-nums; letter-spacing: -.01em; } .sk-rozet { display: inline-flex; align-items: center; gap: 4px; height: 24px; padding: 0 8px; border-radius: var(--sk-r-xs); font-size: 12px; font-weight: 700; line-height: 1; white-space: nowrap; } .sk-rozet--vitrin { background: var(--sk-sari); color: var(--sk-murekkep); } .sk-rozet--acil { background: var(--sk-hata); color: #fff; } .sk-rozet--dusus { background: var(--sk-basari-50); color: var(--sk-basari); } .sk-rozet--soluk { background: var(--sk-turuncu-50); color: var(--sk-turuncu-yazi); } .sk-rozet--onay { background: var(--sk-basari-50); color: var(--sk-basari); } .sk-rozet--bilgi { background: var(--sk-bilgi-50); color: var(--sk-bilgi); } /* Favori kalbi */ .sk-kalp { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 40px; height: 40px; border-radius: var(--sk-r-tam); border: 0; background: rgba(255, 255, 255, .94); box-shadow: var(--sk-golge-1); color: var(--sk-murekkep); cursor: pointer; padding: 0; transition: transform .15s; } .sk-kalp::before { content: ""; position: absolute; inset: -2px; } .sk-kalp:hover { transform: scale(1.06); } .sk-kalp__dolu { display: none; color: var(--sk-kalp); } .sk-kalp.is-on .sk-kalp__bos { display: none; } .sk-kalp.is-on .sk-kalp__dolu { display: inline-flex; } .sk-kalp__bos, .sk-kalp__dolu { line-height: 0; } .sk-kalp.is-patla .sk-kalp__dolu { animation: sk-kalp .32s cubic-bezier(.3, 1.5, .6, 1); } @keyframes sk-kalp { 0% { transform: scale(1); } 45% { transform: scale(1.32); } 100% { transform: scale(1); } } .sk-kalp--kucuk { width: 36px; height: 36px; } .sk-kalp--metinli { width: auto; height: 48px; padding: 0 18px; border-radius: var(--sk-r-sm); background: #fff; border: 1px solid var(--sk-kenar-form); box-shadow: none; font-weight: 700; font-size: 15px; } .sk-kalp--metinli:hover { transform: none; border-color: var(--sk-murekkep); background: var(--sk-zemin); } .sk-kalp--metinli.is-on { border-color: var(--sk-kalp); color: var(--sk-kalp); background: #FFF5F4; } /* ---------- Paylaş ---------- */ .sk-paylas { position: relative; display: inline-flex; } .sk-paylas__panel { position: absolute; top: calc(100% + 8px); right: 0; width: 300px; background: #fff; border: 1px solid var(--sk-kenar); border-radius: var(--sk-r-md); box-shadow: var(--sk-golge-3); padding: 8px; z-index: 1200; color: var(--sk-murekkep); } .sk-paylas__tutamak { display: none; } .sk-paylas__bas { display: flex; align-items: center; justify-content: space-between; padding: 4px 4px 8px 10px; font-size: 15px; } .sk-paylas__liste { list-style: none; margin: 0; padding: 0; } .sk-paylas__oge { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 52px; padding: 6px 10px; border: 0; background: transparent; border-radius: var(--sk-r-sm); font-size: 15px; font-weight: 600; color: var(--sk-murekkep) !important; text-align: left; cursor: pointer; } .sk-paylas__oge:hover { background: var(--sk-zemin); color: var(--sk-murekkep) !important; } .sk-paylas__oge .sk-marka-daire { width: 36px; height: 36px; } .sk-paylas__ayrac { height: 1px; background: var(--sk-kenar); margin: 6px 8px; } .sk-paylas__oge.is-kopyalandi { color: var(--sk-basari) !important; } .sk-perde { position: fixed; inset: 0; background: rgba(31, 36, 51, .5); z-index: 1150; } /* ---------- Bildirim (toast) ---------- */ .sk-toastlar { position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%); z-index: 3000; display: flex; flex-direction: column; gap: 8px; align-items: center; pointer-events: none; width: max-content; max-width: calc(100vw - 32px); } .sk-toast { pointer-events: auto; display: flex; align-items: center; gap: 12px; background: var(--sk-murekkep); color: #fff; padding: 12px 16px; border-radius: var(--sk-r-md); box-shadow: var(--sk-golge-3); font-size: 15px; font-weight: 600; animation: sk-toast .2s ease-out; } .sk-toast a { color: var(--sk-sari) !important; font-weight: 700; text-decoration: underline !important; } .sk-toast--hata { background: var(--sk-hata); } /* v1.21.1: türlü bildirim — simge, metin, kapat */ .sk-toast { max-width: min(520px, calc(100vw - 32px)); padding: 12px 10px 12px 14px; } .sk-toast__ikon { flex: 0 0 26px; width: 26px; height: 26px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 800; background: rgba(255,255,255,.16); color: #fff; } .sk-toast--basari .sk-toast__ikon { background: #22A06B; } .sk-toast--hata .sk-toast__ikon { background: rgba(255,255,255,.25); } .sk-toast__metin { flex: 1 1 auto; line-height: 1.4; } .sk-toast__kapat { flex: 0 0 auto; background: none; border: 0; color: rgba(255,255,255,.75); font-size: 22px; line-height: 1; padding: 2px 6px; cursor: pointer; } .sk-toast__kapat:hover { color: #fff; } @keyframes sk-toast { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } } /* ---------- Modal (dialog) ---------- */ .sk-modal { border: 0; padding: 0; border-radius: var(--sk-r-lg); width: min(520px, calc(100vw - 32px)); max-height: calc(100vh - 48px); box-shadow: var(--sk-golge-3); color: var(--sk-murekkep); font-family: var(--sk-yazi); } .sk-modal::backdrop { background: rgba(31, 36, 51, .55); } .sk-modal__ic { padding: 24px; } .sk-modal__bas { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; } .sk-modal__alt { display: flex; justify-content: flex-end; gap: 8px; margin-top: 20px; flex-wrap: wrap; } .sk-modal--galeri { width: 100vw; max-width: 100vw; height: 100vh; max-height: 100vh; border-radius: 0; background: rgba(15, 18, 26, .97); color: #fff; } /* ---------- Form ---------- */ .sk-alan { display: flex; flex-direction: column; gap: 6px; margin-bottom: 16px; } .sk-alan > label { font-size: 14px; font-weight: 600; color: var(--sk-murekkep); } .sk-girdi, :where(.sk-yeni) select, :where(.sk-yeni) textarea, :where(.sk-yeni) input[type=text], :where(.sk-yeni) input[type=email], :where(.sk-yeni) input[type=number], :where(.sk-yeni) input[type=tel], :where(.sk-yeni) input[type=password] { width: 100%; min-height: 48px; border: 1px solid var(--sk-kenar-form); border-radius: var(--sk-r-sm); background: #fff; padding: 10px 14px; font-size: 16px; color: var(--sk-murekkep); box-shadow: none; outline: none; } :where(.sk-yeni) textarea { min-height: 110px; resize: vertical; } .sk-girdi:focus, :where(.sk-yeni) select:focus, :where(.sk-yeni) textarea:focus, :where(.sk-yeni) input:focus { border-color: var(--sk-lacivert); box-shadow: 0 0 0 3px rgba(78, 90, 125, .18); } .sk-yeni .sk-arama input:focus { box-shadow: none; } /* eski tema'un mesaj kutusu (inc/alert.php) yeni sayfalarda */ .sk-yeni .alert { position: relative; padding: 14px 44px 14px 16px; border-radius: var(--sk-r-md); margin: 0 0 16px; font-size: 15px; border: 1px solid transparent; } .sk-yeni .alert-success { background: var(--sk-basari-50); color: var(--sk-basari); border-color: #CFEBDA; } .sk-yeni .alert-danger { background: var(--sk-hata-50); color: var(--sk-hata); border-color: #F6CFCB; } .sk-yeni .alert-info, .sk-yeni .alert-warning { background: var(--sk-bilgi-50); color: var(--sk-bilgi); border-color: #CADBF3; } .sk-yeni .alert .close { position: absolute; top: 8px; right: 10px; border: 0; background: none; font-size: 22px; line-height: 1; cursor: pointer; color: inherit; opacity: .7; } /* Boş durum */ .sk-bos { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 12px; padding: 48px 16px; background: #fff; border: 1px dashed var(--sk-kenar-form); border-radius: var(--sk-r-lg); } .sk-bos__ikon { width: 88px; height: 88px; border-radius: var(--sk-r-tam); background: var(--sk-turuncu-50); color: var(--sk-turuncu-600); display: flex; align-items: center; justify-content: center; } .sk-bos__baslik { font-family: var(--sk-baslik); font-size: 22px; font-weight: 700; margin: 0; } .sk-bos__metin { color: var(--sk-yazi-2); max-width: 460px; margin: 0; } /* Sayfalama */ .sk-sayfalama { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 8px; margin-top: 32px; } .sk-sayfalama ol { display: flex; gap: 6px; list-style: none; margin: 0; padding: 0; } .sk-sayfalama a, .sk-sayfalama span[aria-current], .sk-sayfalama__bosluk { display: inline-flex; align-items: center; justify-content: center; gap: 4px; min-width: 44px; height: 44px; padding: 0 12px; border-radius: var(--sk-r-sm); background: #fff; border: 1px solid var(--sk-kenar); font-weight: 700; color: var(--sk-murekkep) !important; } .sk-sayfalama a:hover { border-color: var(--sk-murekkep); } .sk-sayfalama span[aria-current] { background: var(--sk-murekkep); color: #fff !important; border-color: var(--sk-murekkep); } .sk-sayfalama__bosluk { border: 0; background: none; min-width: 20px; padding: 0; } /* ========================================================================== SAYFALAR ========================================================================== */ /* ---------- Anasayfa ---------- */ .sk-ana-katlar { background: #fff; border-bottom: 1px solid var(--sk-kenar); } .sk-ana-katlar__ic { display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; padding-top: 18px; padding-bottom: 16px; } .sk-ana-katlar__ic::-webkit-scrollbar { display: none; } .sk-ana-kat { flex: 1 0 96px; min-width: 0; display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 8px 4px; border-radius: var(--sk-r-md); text-align: center; color: var(--sk-murekkep) !important; } .sk-ana-kat:hover { background: var(--sk-zemin); color: var(--sk-murekkep) !important; } .sk-ana-kat__ikon { width: 56px; height: 56px; border-radius: 18px; display: flex; align-items: center; justify-content: center; transition: transform .15s; } .sk-ana-kat:hover .sk-ana-kat__ikon { transform: translateY(-2px); } .sk-ana-kat__ad { font-size: 13px; font-weight: 700; line-height: 1.25; white-space: nowrap; } .sk-ana-kat__sayi { font-size: 12px; color: var(--sk-yazi-2); } .sk-ana-cipler { display: none; } .sk-ana-ust { display: grid; grid-template-columns: minmax(0, 1fr) 300px; align-items: stretch; gap: 20px; padding-top: 24px; } .sk-kahraman { min-width: 0; border-radius: 24px; background: var(--sk-lacivert); color: #fff; padding: 32px 40px; display: flex; align-items: center; justify-content: space-between; gap: 28px; overflow: hidden; position: relative; } .sk-kahraman::after { content: ""; position: absolute; right: -80px; top: -80px; width: 260px; height: 260px; border-radius: 50%; background: radial-gradient(circle, rgba(239, 134, 79, .35), rgba(239, 134, 79, 0) 70%); pointer-events: none; } .sk-kahraman__metin { flex: 1 1 280px; min-width: 0; display: flex; flex-direction: column; gap: 14px; position: relative; z-index: 1; } .sk-hap { align-self: flex-start; padding: 7px 12px; border-radius: var(--sk-r-tam); background: var(--sk-sari); color: var(--sk-murekkep); font-size: 13px; font-weight: 700; } .sk-kahraman h1 { margin: 0; font-family: var(--sk-baslik); font-size: 44px; line-height: 1.02; font-weight: 800; letter-spacing: -.02em; color: #fff; } .sk-kahraman p { margin: 0; font-size: 16px; line-height: 1.5; color: #E2E6F0; max-width: 460px; } .sk-kahraman__btn { display: flex; flex-wrap: wrap; gap: 10px; } .sk-adimlar { flex: 0 0 236px; margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 10px; position: relative; z-index: 1; } .sk-adimlar li { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: var(--sk-r-md); background: rgba(255, 255, 255, .09); font-weight: 700; font-size: 15px; line-height: 1.2; } .sk-adimlar li span { width: 34px; height: 34px; border-radius: var(--sk-r-tam); background: var(--sk-sari); color: var(--sk-murekkep); font: 800 16px/1 var(--sk-yazi); font-variant-numeric: tabular-nums; display: grid; place-items: center; flex: 0 0 auto; padding: 0; } .sk-hizli { min-width: 0; background: #fff; border-radius: 24px; padding: 8px; justify-content: space-between; display: flex; flex-direction: column; border: 1px solid var(--sk-kenar); } .sk-hizli > a { display: flex; align-items: center; gap: 12px; padding: 8px 10px; border-radius: var(--sk-r-md); color: var(--sk-murekkep) !important; } .sk-hizli > a:hover { background: var(--sk-zemin); } .sk-hizli__ikon { width: 40px; height: 40px; border-radius: 12px; background: var(--sk-yuzey-2); display: flex; align-items: center; justify-content: center; flex: 0 0 auto; color: var(--sk-lacivert); } .sk-hizli__ad { flex: 1 1 auto; font-weight: 700; font-size: 15px; } .sk-hizli__sayi { font-size: 13px; color: var(--sk-yazi-2); font-weight: 600; } .sk-hizli__yeni { margin: 4px 10px 8px; padding-top: 12px; border-top: 1px solid var(--sk-kenar); display: flex; flex-direction: column; gap: 10px; } .sk-hizli__yeni > span { font-size: 12px; font-weight: 700; letter-spacing: .04em; color: var(--sk-yazi-2); } .sk-hizli__yeni div { display: flex; gap: 6px; flex-wrap: wrap; } .sk-cip { display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 0 14px; border-radius: var(--sk-r-tam); background: var(--sk-yuzey-2); font-size: 14px; font-weight: 700; color: var(--sk-murekkep) !important; white-space: nowrap; border: 1px solid transparent; } .sk-cip:hover { border-color: var(--sk-murekkep); } .sk-cip.is-on { background: var(--sk-murekkep); color: #fff !important; } .sk-cip--acil { background: var(--sk-turuncu-50); color: var(--sk-turuncu-yazi) !important; } .sk-cip--dusen { background: var(--sk-sari-50); color: #7A4F00 !important; } .sk-cip--beyaz { background: #fff; border-color: var(--sk-kenar); } .sk-cip small { font-weight: 600; opacity: .75; } .sk-sekmeler { display: inline-flex; flex-wrap: wrap; gap: 4px; padding: 5px; border-radius: var(--sk-r-md); background: #fff; border: 1px solid var(--sk-kenar); } .sk-sekmeler button { min-height: 44px; padding: 0 18px; border: 0; border-radius: var(--sk-r-sm); background: transparent; color: var(--sk-murekkep); font: inherit; font-weight: 700; font-size: 15px; cursor: pointer; } .sk-sekmeler button[aria-selected="true"] { background: var(--sk-murekkep); color: #fff; } .sk-sekmeler button:hover:not([aria-selected="true"]) { background: var(--sk-zemin); } .sk-sekme-panel[hidden] { display: none; } .sk-daha { display: flex; justify-content: center; margin-top: 24px; } .sk-magazalar { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; } .sk-magaza { display: flex; align-items: center; gap: 16px; background: #fff; border-radius: var(--sk-r-md); border: 1px solid var(--sk-kenar); padding: 20px; color: var(--sk-murekkep) !important; } .sk-magaza:hover { box-shadow: var(--sk-golge-2); color: var(--sk-murekkep) !important; } .sk-magaza__metin { display: flex; flex-direction: column; gap: 4px; min-width: 0; } .sk-magaza__ad { font-weight: 700; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sk-magaza__alt { font-size: 13px; color: var(--sk-yazi-2); } .sk-magaza--ac { background: transparent; border: 2px dashed #C4CADB; } .sk-cagri { border-radius: 24px; background: var(--sk-sari); padding: 40px 48px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px; } .sk-cagri h2 { margin: 0 0 8px; font-family: var(--sk-baslik); font-size: 40px; line-height: 1; font-weight: 800; color: var(--sk-murekkep); } .sk-cagri p { margin: 0; font-size: 16px; color: var(--sk-murekkep); } /* ---------- Kategoriler sayfası ---------- */ .sk-katlar-bas { background: var(--sk-lacivert); color: #fff; padding: 40px 0 44px; } .sk-katlar-bas .sk-yol a, .sk-katlar-bas .sk-yol { color: #C4CADB !important; } .sk-katlar-bas h1 { font-family: var(--sk-baslik); font-size: 40px; font-weight: 800; margin: 0 0 8px; color: #fff; letter-spacing: -.01em; } .sk-katlar-bas p { margin: 0 0 20px; color: #D9DEEA; } .sk-katlar-ara { display: flex; align-items: center; gap: 10px; max-width: 560px; background: #fff; border-radius: var(--sk-r-sm); padding: 0 14px; color: var(--sk-yazi-2); } .sk-katlar-ara input { border: 0 !important; outline: none; min-height: 50px !important; padding: 0 !important; font-size: 16px; width: 100%; box-shadow: none !important; } .sk-katlar-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: -24px; } .sk-katkart { background: #fff; border: 1px solid var(--sk-kenar); border-radius: var(--sk-r-lg); padding: 24px; display: flex; flex-direction: column; gap: 16px; box-shadow: var(--sk-golge-1); } .sk-katkart__bas { display: flex; align-items: center; gap: 16px; } .sk-katkart__ikon { width: 64px; height: 64px; border-radius: 18px; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; } .sk-katkart__ad { font-family: var(--sk-baslik); font-size: 22px; font-weight: 700; line-height: 1.15; color: var(--sk-murekkep) !important; } .sk-katkart__ad:hover { color: var(--sk-turuncu-yazi) !important; } .sk-katkart__sayi { font-size: 14px; color: var(--sk-yazi-2); margin-top: 2px; } .sk-katkart__altlar { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 2px 16px; } .sk-katkart__altlar a { display: flex; justify-content: space-between; gap: 8px; padding: 8px 0; font-size: 15px; color: var(--sk-murekkep) !important; border-bottom: 1px solid var(--sk-ayrac); } .sk-katkart__altlar a:hover { color: var(--sk-turuncu-yazi) !important; } .sk-katkart__altlar small { color: var(--sk-yazi-3); font-size: 13px; font-variant-numeric: tabular-nums; } .sk-katkart__altlar li.is-gizli { display: none; } .sk-katkart.is-acik .sk-katkart__altlar li.is-gizli { display: list-item; } .sk-katkart__alt { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-top: auto; } .sk-katkart__daha { border: 0; background: none; padding: 8px 0; font-weight: 700; font-size: 14px; color: var(--sk-turuncu-yazi); cursor: pointer; display: inline-flex; align-items: center; gap: 4px; } .sk-katkart__tum { font-weight: 700; font-size: 14px; display: inline-flex; align-items: center; gap: 4px; color: var(--sk-murekkep) !important; } .sk-katkart[hidden] { display: none; } .sk-katlar-yok { margin-top: 24px; } .sk-katlar-cta { margin-top: 32px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; background: #fff; border: 1px solid var(--sk-kenar); border-radius: var(--sk-r-lg); padding: 24px; } .sk-katlar-cta strong { font-family: var(--sk-baslik); font-size: 22px; display: block; } /* ---------- Liste sayfaları (vitrin, son 48 saat, çok acil...) ---------- */ .sk-liste-bas { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 16px; margin-bottom: 20px; } .sk-liste-bas p { margin: 6px 0 0; color: var(--sk-yazi-2); max-width: 640px; } .sk-liste-gezin { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; padding-bottom: 4px; margin-bottom: 20px; } .sk-liste-gezin .sk-cip { flex: 0 0 auto; white-space: nowrap; } .sk-liste-gezin::-webkit-scrollbar { display: none; } /* ---------- İlan detay ---------- */ .sk-ilan { padding-top: 20px; } .sk-ilan__bas { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 12px 24px; margin-bottom: 20px; } .sk-ilan__baslik { font-family: var(--sk-baslik); font-size: 32px; line-height: 1.15; font-weight: 700; letter-spacing: -.01em; margin: 0; flex: 1 1 520px; min-width: 0; overflow-wrap: anywhere; } .sk-ilan__eylem { display: flex; gap: 8px; flex-wrap: wrap; } .sk-ilan__ust-bilgi { display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: 8px; font-size: 14px; color: var(--sk-yazi-2); } .sk-ilan__ust-bilgi span { display: inline-flex; align-items: center; gap: 6px; } .sk-ilan__duzen { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 24px; align-items: start; } .sk-ilan__sol { min-width: 0; display: flex; flex-direction: column; gap: 16px; } .sk-ilan__sag { position: sticky; top: 16px; display: flex; flex-direction: column; gap: 16px; } .sk-galeri { position: relative; background: var(--sk-murekkep); border-radius: var(--sk-r-md); overflow: hidden; } .sk-galeri__iz { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; aspect-ratio: 4 / 3; } .sk-galeri__iz::-webkit-scrollbar { display: none; } .sk-galeri__kare { flex: 0 0 100%; scroll-snap-align: start; display: flex; align-items: center; justify-content: center; background: var(--sk-murekkep); border: 0; padding: 0; cursor: zoom-in; } .sk-galeri__kare img { width: 100%; height: 100%; object-fit: contain; display: block; } .sk-galeri__ok { position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; border-radius: var(--sk-r-tam); border: 0; background: rgba(255, 255, 255, .92); color: var(--sk-murekkep); display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: var(--sk-golge-2); z-index: 2; } .sk-galeri__ok--geri { left: 12px; } .sk-galeri__ok--ileri { right: 12px; } .sk-galeri__ok[disabled] { opacity: 0; pointer-events: none; } .sk-galeri__sayac { position: absolute; right: 12px; bottom: 12px; background: rgba(31, 36, 51, .78); color: #fff; font-size: 13px; font-weight: 700; padding: 6px 10px; border-radius: var(--sk-r-tam); z-index: 2; font-variant-numeric: tabular-nums; } .sk-galeri__buyut { position: absolute; left: 12px; bottom: 12px; z-index: 2; display: inline-flex; align-items: center; gap: 6px; background: rgba(31, 36, 51, .78); color: #fff; border: 0; font-size: 13px; font-weight: 700; padding: 6px 10px; border-radius: var(--sk-r-tam); cursor: pointer; } .sk-galeri__yok { aspect-ratio: 4 / 3; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; color: #AEB5C8; font-weight: 600; } .sk-galeri__minik { display: flex; gap: 8px; overflow-x: auto; padding: 10px 0 0; scrollbar-width: thin; } .sk-galeri__minik button { flex: 0 0 76px; height: 57px; border-radius: var(--sk-r-sm); overflow: hidden; border: 2px solid transparent; padding: 0; background: var(--sk-yuzey-2); cursor: pointer; opacity: .75; } .sk-galeri__minik button img { width: 100%; height: 100%; object-fit: cover; display: block; } .sk-galeri__minik button[aria-current="true"] { border-color: var(--sk-turuncu-600); opacity: 1; } .sk-galeri__video { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; } .sk-isik { position: fixed; inset: 0; background: rgb(12, 14, 20); z-index: 4000; display: flex; flex-direction: column; color: #fff; } .sk-isik[hidden] { display: none; } .sk-isik__ust { display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; padding-top: max(12px, env(safe-area-inset-top)); } .sk-isik__ust button { color: #fff; } .sk-isik__ust .sk-ikon-btn:hover { background: rgba(255, 255, 255, .12); } .sk-isik__iz { flex: 1 1 auto; display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; } .sk-isik__iz::-webkit-scrollbar { display: none; } .sk-isik__iz figure { flex: 0 0 100%; scroll-snap-align: center; display: flex; align-items: center; justify-content: center; margin: 0; padding: 8px; } .sk-isik__iz img { max-width: 100%; max-height: calc(100vh - 140px); object-fit: contain; } .sk-isik .sk-galeri__ok { background: rgba(255, 255, 255, .14); color: #fff; box-shadow: none; } .sk-fiyatkart { background: #fff; border: 1px solid var(--sk-kenar); border-radius: var(--sk-r-lg); padding: 20px 24px; } .sk-fiyatkart__fiyat { font-family: var(--sk-baslik); font-size: 34px; line-height: 1.1; font-weight: 700; font-variant-numeric: tabular-nums; letter-spacing: -.01em; color: var(--sk-murekkep); } .sk-fiyatkart__tl { font-size: 14px; color: var(--sk-yazi-2); margin-top: 4px; } .sk-fiyatkart__yer { display: flex; align-items: center; gap: 6px; margin-top: 10px; font-size: 15px; color: var(--sk-yazi-2); } .sk-fiyatkart__yer a { color: var(--sk-yazi-2) !important; text-decoration: underline !important; text-decoration-color: var(--sk-kenar-form) !important; text-underline-offset: 3px; } .sk-fiyatkart__rozetler { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; } .sk-fiyatkart__get { margin-top: 16px; display: flex; flex-direction: column; gap: 10px; } .sk-fiyatkart__getbilgi { display: flex; flex-wrap: wrap; gap: 6px; } .sk-satici { background: #fff; border: 1px solid var(--sk-kenar); border-radius: var(--sk-r-lg); padding: 20px 24px; display: flex; flex-direction: column; gap: 14px; } .sk-satici__kim { display: flex; align-items: center; gap: 14px; } .sk-satici__kim img.sk-avatar { width: 56px; height: 56px; } .sk-satici__ad { font-weight: 700; font-size: 17px; line-height: 1.25; color: var(--sk-murekkep) !important; display: block; } .sk-satici__alt { font-size: 13px; color: var(--sk-yazi-2); } .sk-satici__rozetler { display: flex; flex-wrap: wrap; gap: 6px; } .sk-satici__eylem { display: flex; flex-direction: column; gap: 8px; } .sk-tel { justify-content: space-between; } .sk-tel__no { font-variant-numeric: tabular-nums; letter-spacing: .02em; } .sk-satici__link { display: inline-flex; align-items: center; gap: 4px; font-weight: 700; font-size: 14px; color: var(--sk-murekkep) !important; } .sk-satici__link:hover { color: var(--sk-turuncu-yazi) !important; } .sk-satici__alt-eylem { display: flex; justify-content: space-between; gap: 8px; border-top: 1px solid var(--sk-kenar); padding-top: 12px; } .sk-satici__alt-eylem .sk-btn { min-height: 40px; font-size: 14px; padding: 0 6px; } .sk-guvenlik { background: var(--sk-sari-50); border: 1px solid #F5DDAE; border-radius: var(--sk-r-lg); padding: 18px 20px; font-size: 14px; color: #5C4300; } .sk-guvenlik strong { display: flex; align-items: center; gap: 8px; color: var(--sk-uyari); font-size: 15px; margin-bottom: 6px; } .sk-guvenlik ul { margin: 0; padding-left: 18px; list-style: disc; } .sk-guvenlik li { margin: 4px 0; } .sk-ozet { display: flex; flex-wrap: wrap; gap: 8px; } .sk-ozet span { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 14px; border-radius: var(--sk-r-sm); background: #fff; border: 1px solid var(--sk-kenar); font-size: 14px; font-weight: 600; } .sk-ozet .sk-ikon { color: var(--sk-lacivert); } .sk-bilgi { display: grid; grid-template-columns: 1fr 1fr; column-gap: 32px; margin: 0; } .sk-bilgi > div { display: flex; justify-content: space-between; gap: 16px; padding: 12px 0; border-bottom: 1px solid var(--sk-ayrac); font-size: 15px; min-width: 0; } .sk-bilgi dt { color: var(--sk-yazi-2); font-weight: 500; } .sk-bilgi dd { margin: 0; font-weight: 600; text-align: right; overflow-wrap: anywhere; } .sk-bilgi__no { display: inline-flex; align-items: center; gap: 6px; color: var(--sk-turuncu-yazi); } .sk-aciklama { font-size: 16px; line-height: 1.7; color: var(--sk-murekkep); overflow-wrap: anywhere; } .sk-aciklama p { margin: 0 0 12px; } .sk-aciklama img { max-width: 100%; height: auto; border-radius: var(--sk-r-sm); } .sk-aciklama ul, .sk-kat-aciklama ul { list-style: disc; padding-left: 1.4em; margin: 0 0 12px; } .sk-aciklama ol, .sk-kat-aciklama ol { list-style: decimal; padding-left: 1.4em; margin: 0 0 12px; } .sk-aciklama li, .sk-kat-aciklama li { margin: 2px 0; } .sk-aciklama a, .sk-kat-aciklama a { color: var(--sk-turuncu-yazi); text-decoration: underline; text-underline-offset: 2px; } .sk-kat-aciklama h2, .sk-kat-aciklama h3, .sk-kat-aciklama h4 { font-family: var(--sk-baslik); margin: 16px 0 8px; line-height: 1.2; } .sk-kat-aciklama p { margin: 0 0 12px; } .sk-kat-aciklama table { border-collapse: collapse; width: 100%; margin: 0 0 12px; } .sk-kat-aciklama th, .sk-kat-aciklama td { border: 1px solid var(--sk-kenar); padding: 6px 10px; text-align: left; } .sk-aciklama.is-kisa { max-height: 360px; overflow: hidden; position: relative; } .sk-aciklama.is-kisa::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 80px; background: linear-gradient(rgba(255, 255, 255, 0), #fff); } .sk-not { margin-top: 16px; background: var(--sk-sari-50); border-radius: var(--sk-r-sm); padding: 12px 14px; font-size: 14px; } .sk-ozellik-grup + .sk-ozellik-grup { margin-top: 16px; } .sk-ozellik-grup h4 { font-size: 14px; font-weight: 700; color: var(--sk-yazi-2); margin: 0 0 8px; } .sk-ozellik { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 8px 16px; list-style: none; margin: 0; padding: 0; } .sk-ozellik li { display: flex; align-items: center; gap: 8px; font-size: 15px; } .sk-ozellik li .sk-ikon { color: var(--sk-basari); } .sk-harita { width: 100%; height: 360px; border-radius: var(--sk-r-md); overflow: hidden; background: var(--sk-yuzey-2); border: 0; } .sk-harita-baglanti { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; } .sk-dogrulama { display: flex; gap: 14px; align-items: flex-start; } .sk-dogrulama img { width: 44px; height: auto; } .sk-dogrulama__veri { margin-top: 8px; background: var(--sk-zemin); border-radius: var(--sk-r-sm); padding: 8px 12px; font-size: 13px; } .sk-ilan-alt { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; font-size: 14px; color: var(--sk-yazi-2); } .sk-ilan-alt .sk-btn { min-height: 40px; } /* Mobil iletişim çubuğu (ilan detay) — ekranın altına tam oturur */ .sk-iletisim-bar { display: none; } /* ---------- Kapalı ilan ---------- */ .sk-kapali { background: #fff; border: 1px solid var(--sk-kenar); border-radius: var(--sk-r-lg); padding: 28px; margin: 4px 0 24px; box-shadow: var(--sk-golge-1); } .sk-kapali__rozet { display: inline-flex; align-items: center; gap: 6px; background: var(--sk-turuncu-50); color: var(--sk-turuncu-yazi); border-radius: var(--sk-r-tam); padding: 6px 12px; font-size: 13px; font-weight: 700; } .sk-kapali h1, .sk-kapali h2 { margin: 14px 0 8px; font-family: var(--sk-baslik); font-size: 30px; font-weight: 800; color: var(--sk-murekkep); letter-spacing: -.01em; } .sk-kapali__ilan { font-size: 15px; color: var(--sk-yazi-2); margin: 0 0 6px; } .sk-kapali__metin { color: var(--sk-yazi-2); font-size: 16px; line-height: 1.6; max-width: 760px; margin: 0; } .sk-kapali__eylem { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; } .sk-kapali__takip { margin-top: 20px; padding: 18px; border-radius: var(--sk-r-md); background: var(--sk-zemin); display: flex; flex-wrap: wrap; align-items: center; gap: 12px; } .sk-kapali__takip.is-vurgu { background: var(--sk-sari-50); border: 1px solid #F5DDAE; } .sk-kapali__takip-metin { flex: 1 1 320px; display: flex; gap: 10px; align-items: flex-start; font-size: 15px; line-height: 1.5; } .sk-kapali__takip-metin .sk-ikon { color: var(--sk-turuncu-600); margin-top: 2px; } .sk-kapali__takip-metin em { display: block; font-style: normal; color: var(--sk-uyari); font-size: 14px; } .sk-kapali__takip-form { flex: 1 1 380px; display: flex; gap: 8px; margin: 0; } .sk-kapali__takip-form input { flex: 1 1 auto; min-width: 0; min-height: 48px; border: 1px solid var(--sk-kenar-form); border-radius: var(--sk-r-sm); padding: 0 14px; font-size: 16px; } .sk-kapali__sonuc { flex: 1 1 100%; font-size: 14px; font-weight: 600; } .sk-kapali__sonuc:empty { display: none; } .sk-kapali__not { flex: 1 1 100%; color: var(--sk-yazi-3); font-size: 13px; } .sk-kapali__benzer { margin-top: 28px; } .sk-kapali__benzer .sk-h3 { margin-bottom: 14px; } /* ---------- Kategori listesi (ilan-kategori) ---------- */ .sk-kat-bas { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 12px 24px; margin-bottom: 16px; } .sk-kat-bas__sayi { color: var(--sk-yazi-2); margin-top: 6px; font-size: 15px; } .sk-altkat { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; padding: 2px 0 6px; margin-bottom: 16px; } .sk-altkat::-webkit-scrollbar { display: none; } .sk-altkat .sk-cip { background: #fff; border-color: var(--sk-kenar); } .sk-altkat .sk-cip.is-on { background: var(--sk-murekkep); border-color: var(--sk-murekkep); color: #fff !important; } .sk-altkat .sk-cip.is-on small { color: rgba(255,255,255,.75); } .sk-altkat .sk-cip.is-bos { color: var(--sk-yazi-3) !important; } .sk-kat-duzen { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 24px; align-items: start; } .sk-filtre { position: sticky; top: 16px; background: #fff; border: 1px solid var(--sk-kenar); border-radius: var(--sk-r-lg); overflow: hidden; } .sk-filtre__bas { display: none; } .sk-filtre__govde { max-height: calc(100vh - 120px); overflow-y: auto; padding: 4px 16px; } .sk-filtre details { border-bottom: 1px solid var(--sk-ayrac); padding: 4px 0; } .sk-filtre details:last-child { border-bottom: 0; } .sk-filtre summary { list-style: none; display: flex; align-items: center; justify-content: space-between; min-height: 48px; cursor: pointer; font-weight: 700; font-size: 15px; } .sk-filtre summary::-webkit-details-marker { display: none; } .sk-filtre summary .sk-ikon { transition: transform .15s; color: var(--sk-yazi-2); } .sk-filtre details[open] summary .sk-ikon { transform: rotate(180deg); } .sk-filtre__alan { padding: 0 0 14px; display: flex; flex-direction: column; gap: 8px; } .sk-filtre__ikili { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; } .sk-filtre__alan select, .sk-filtre__alan input { min-height: 44px !important; font-size: 15px !important; } .sk-filtre__ayak { position: sticky; bottom: 0; background: #fff; padding: 12px 16px; border-top: 1px solid var(--sk-kenar); display: flex; flex-wrap: wrap; gap: 8px; } .sk-filtre__ayak .sk-btn--birincil { flex: 1 1 100% !important; order: -1; } .sk-filtre__ayak .sk-btn--ikincil { flex: 1 1 100%; min-height: 40px; } .sk-filtre #il_sec select, .sk-filtre #ilce_sec select, .sk-filtre #mahalle_sec select { width: 100%; min-height: 44px; border: 1px solid var(--sk-kenar-form); border-radius: var(--sk-r-sm); padding: 0 10px; background: #fff; margin-bottom: 8px; } .sk-sonuc-ust { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 16px; } .sk-sonuc-ust__sol { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; } .sk-sonuc-ust__sag { display: flex; gap: 8px; align-items: center; } .sk-sirala select { min-height: 44px !important; width: auto !important; padding: 0 36px 0 12px !important; font-weight: 600; } .sk-gorunum { display: inline-flex; border: 1px solid var(--sk-kenar); border-radius: var(--sk-r-sm); overflow: hidden; background: #fff; } .sk-gorunum a { width: 44px; height: 42px; display: inline-flex; align-items: center; justify-content: center; color: var(--sk-yazi-2) !important; } .sk-gorunum a[aria-current] { background: var(--sk-murekkep); color: #fff !important; } .sk-uygulanan { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; } .sk-uygulanan a { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 12px; border-radius: var(--sk-r-tam); background: var(--sk-lacivert); color: #fff !important; font-size: 13px; font-weight: 700; } .sk-uygulanan a:hover { background: var(--sk-lacivert-700); } .sk-uygulanan a.is-temizle { background: transparent; color: var(--sk-hata) !important; border: 1px solid #F6CFCB; } .sk-sekme-serit { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; margin-bottom: 16px; } .sk-sekme-serit::-webkit-scrollbar { display: none; } .sk-mobil-arac { display: none; } .sk-kat-aciklama { margin-top: 32px; font-size: 15px; color: var(--sk-yazi-2); } /* ========================================================================== ESKİ TEMA SAYFALARI KÖPRÜSÜ (hesap, giriş/kayıt, ilan ver, mağaza...) Bu sayfalar henüz eski şablonla çiziliyor; Final'de aynı tasarım diline giydirilir. ========================================================================== */ html[data-sk-tasarim="final"] body:not(.sk-yeni) .container { max-width: calc(var(--sk-kap) + 2 * var(--sk-yan)); width: auto; padding-left: var(--sk-yan); padding-right: var(--sk-yan); } html[data-sk-tasarim="final"] body:not(.sk-yeni) h1, html[data-sk-tasarim="final"] body:not(.sk-yeni) .baslik, html[data-sk-tasarim="final"] body:not(.sk-yeni) .bolum-baslik { font-family: var(--sk-baslik) !important; letter-spacing: -.01em; color: var(--sk-murekkep); } html[data-sk-tasarim="final"] body:not(.sk-yeni) .panel { border-radius: var(--sk-r-lg) !important; border: 1px solid var(--sk-kenar) !important; box-shadow: none !important; overflow: hidden; background: #fff; } html[data-sk-tasarim="final"] body:not(.sk-yeni) .panel > .panel-heading { background: #fff !important; border-bottom: 1px solid var(--sk-kenar) !important; font-weight: 700; color: var(--sk-murekkep) !important; font-family: var(--sk-yazi); padding: 14px 20px; } html[data-sk-tasarim="final"] body:not(.sk-yeni) .panel-body { padding: 20px; } html[data-sk-tasarim="final"] body:not(.sk-yeni) .btn { border-radius: var(--sk-r-sm) !important; font-weight: 700; min-height: 44px; padding-left: 18px; padding-right: 18px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; text-shadow: none !important; box-shadow: none !important; } html[data-sk-tasarim="final"] body:not(.sk-yeni) .btn-xs { min-height: 32px; } html[data-sk-tasarim="final"] body:not(.sk-yeni) .btn-primary, html[data-sk-tasarim="final"] body:not(.sk-yeni) .btn-primary:focus, html[data-sk-tasarim="final"] body:not(.sk-yeni) .btn-success { background: var(--sk-turuncu-600) !important; border-color: var(--sk-turuncu-600) !important; color: #fff !important; } html[data-sk-tasarim="final"] body:not(.sk-yeni) .btn-primary:hover, html[data-sk-tasarim="final"] body:not(.sk-yeni) .btn-success:hover { background: var(--sk-turuncu-700) !important; border-color: var(--sk-turuncu-700) !important; } html[data-sk-tasarim="final"] body:not(.sk-yeni) .btn-default { background: #fff !important; border-color: var(--sk-kenar-form) !important; color: var(--sk-murekkep) !important; } html[data-sk-tasarim="final"] body:not(.sk-yeni) .btn-danger { background: var(--sk-hata) !important; border-color: var(--sk-hata) !important; color: #fff !important; } html[data-sk-tasarim="final"] body:not(.sk-yeni) .form-control { border-radius: var(--sk-r-sm) !important; border-color: var(--sk-kenar-form) !important; min-height: 46px; box-shadow: none !important; font-size: 16px; } html[data-sk-tasarim="final"] body:not(.sk-yeni) textarea.form-control { min-height: 110px; } html[data-sk-tasarim="final"] body:not(.sk-yeni) .form-control:focus { border-color: var(--sk-lacivert) !important; box-shadow: 0 0 0 3px rgba(78, 90, 125, .18) !important; } html[data-sk-tasarim="final"] body:not(.sk-yeni) label { font-weight: 600; color: var(--sk-murekkep); } html[data-sk-tasarim="final"] body:not(.sk-yeni) .alert { border-radius: var(--sk-r-md) !important; } html[data-sk-tasarim="final"] body:not(.sk-yeni) .breadcrumb { background: transparent; padding-left: 0; font-size: 13px; } html[data-sk-tasarim="final"] body:not(.sk-yeni) .table { background: #fff; } html[data-sk-tasarim="final"] body:not(.sk-yeni) .nav-tabs > li > a { border-radius: var(--sk-r-sm) var(--sk-r-sm) 0 0; font-weight: 700; } html[data-sk-tasarim="final"] body:not(.sk-yeni) .dropdown-menu { border-radius: var(--sk-r-md); border-color: var(--sk-kenar); box-shadow: var(--sk-golge-3); padding: 6px; } html[data-sk-tasarim="final"] body:not(.sk-yeni) .pagination > li > a, html[data-sk-tasarim="final"] body:not(.sk-yeni) .pagination > li > span { min-width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; margin: 0 3px; border-radius: var(--sk-r-sm) !important; color: var(--sk-murekkep); } html[data-sk-tasarim="final"] body:not(.sk-yeni) .pagination > .active > a { background: var(--sk-murekkep) !important; border-color: var(--sk-murekkep) !important; color: #fff !important; } html[data-sk-tasarim="final"] body:not(.sk-yeni) .modal-content { border-radius: var(--sk-r-lg); border: 0; box-shadow: var(--sk-golge-3); } /* Giriş / kayıt: ortalanmış kart */ html[data-sk-tasarim="final"] body:not(.sk-yeni) .uye_form, html[data-sk-tasarim="final"] body:not(.sk-yeni) .giris_form { border-radius: var(--sk-r-lg); } /* ========================================================================== TELEFON VE TABLET (< 992 px) ========================================================================== */ @media (max-width: 991px) { :root { --sk-yan: 16px; } .sk-ust__ic { flex-wrap: wrap; gap: 12px; min-height: 0; padding-top: 12px; padding-top: max(12px, env(safe-area-inset-top)); padding-bottom: 14px; } .sk-logo img { height: 28px; } .sk-logo__masa { display: none !important; } .sk-logo__mobil { display: block !important; height: 26px !important; } .sk-ust__nav { display: none; } .sk-ust__mobil { display: flex; gap: 6px; margin-left: auto; } .sk-arama { order: 3; flex: 1 1 100%; max-width: none; } .sk-arama .sk-arama__kat { display: none; } .sk-arama__btn { padding: 0 16px; background: var(--sk-turuncu-600); } .sk-arama__btn span { display: none; } .sk-arama__btn-ikon { display: inline-block; } .sk-arama__kelime > .sk-ikon { display: none; } .sk-arama input { font-size: 16px; } .sk-katserit { display: none; } .sk-alt { margin-top: 40px; } .sk-alt__ic { flex-direction: column; gap: 0; padding-top: 28px; padding-bottom: 8px; } .sk-alt__marka { max-width: none; order: 2; padding-top: 20px; } .sk-alt__slogan { display: none; } .sk-alt__sutun { order: 1; border-bottom: 1px solid #434C68; min-width: 0; } .sk-alt__sutun > summary { cursor: pointer; margin: 0; min-height: 52px; font-weight: 600; font-size: 15px; } .sk-alt__sutun > summary .sk-ikon { display: inline-block; transition: transform .15s; } .sk-alt__sutun[open] > summary .sk-ikon { transform: rotate(180deg); } .sk-alt__menu { padding-bottom: 10px; } .sk-alt__menu a { padding: 6px 0; } .sk-alt__yasal { border-top: 0; padding-bottom: 24px; } /* Alt gezinme: ekranın en altına tam oturur (bottom:0), çentik payı İÇERİDE */ .sk-altnav { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); align-items: end; position: fixed; left: 0; right: 0; bottom: 0; z-index: 1030; margin: 0; border-radius: 0; height: calc(var(--sk-altnav-h) + env(safe-area-inset-bottom, 0px)); padding: 0 0 env(safe-area-inset-bottom, 0px); background: #fff; border-top: 1px solid var(--sk-kenar); box-shadow: var(--sk-golge-bar); } .sk-altnav a { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 3px; height: var(--sk-altnav-h); padding-bottom: 8px; color: var(--sk-yazi-2) !important; font-size: 12px; font-weight: 600; line-height: 1.1; } .sk-altnav a.is-on { color: var(--sk-turuncu) !important; } .sk-altnav__ad { white-space: nowrap; } .sk-altnav a.sk-altnav__ilan { color: var(--sk-murekkep) !important; position: relative; } .sk-altnav__daire { width: 54px; height: 54px; border-radius: var(--sk-r-tam); background: var(--sk-turuncu-600); color: #fff; border: 4px solid #fff; display: flex; align-items: center; justify-content: center; margin-top: -26px; box-shadow: 0 6px 16px rgba(196, 79, 18, .35); } html[data-sk-tasarim="final"] body { padding-bottom: calc(var(--sk-altnav-h) + env(safe-area-inset-bottom, 0px)) !important; } html[data-sk-tasarim="final"] body.sk-altnav-yok { padding-bottom: 0 !important; } .sk-toastlar { bottom: calc(var(--sk-altnav-h) + env(safe-area-inset-bottom, 0px) + 12px); } .sk-h1 { font-size: 28px; } .sk-h2 { font-size: 22px; gap: 8px; } .sk-cubuk { width: 6px; height: 20px; } .sk-bolum { padding-top: 32px; } .sk-bolum-bas { margin-bottom: 14px; flex-wrap: nowrap; } .sk-bolum-bas__link { font-size: 14px; white-space: nowrap; } .sk-kutu { padding: 18px 16px; } .sk-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .sk-izgara--yatay { grid-template-columns: 1fr; } .sk-kart__govde { padding: 10px 12px 12px; gap: 4px; } .sk-kart__baslik { font-size: 14px; min-height: 39px; } .sk-fiyat { font-size: 18px; } .sk-kart__meta { font-size: 12px; } .sk-kart__tarih { display: none; } .sk-kart .sk-kalp { width: 36px; height: 36px; top: 6px; right: 6px; } .sk-kart__rozetler { top: 6px; left: 6px; } .sk-kart__rozetler .sk-rozet:nth-child(n+2) { display: none; } .sk-kart--yatay .sk-kart__foto { width: 112px; flex-basis: 112px; min-height: 96px; } .sk-kaydir { display: flex !important; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; margin: 0 calc(-1 * var(--sk-yan)); padding: 0 var(--sk-yan) 6px; gap: 10px; } .sk-kaydir::-webkit-scrollbar { display: none; } .sk-kaydir > .sk-kart { flex: 0 0 172px; scroll-snap-align: start; } .sk-kaydir > .sk-kart:hover { transform: none; } /* Paylaş: telefonda alttan açılan sayfa */ .sk-paylas__panel { position: fixed; top: auto; left: 0; right: 0; bottom: 0; width: auto; border-radius: var(--sk-r-lg) var(--sk-r-lg) 0 0; padding: 8px 12px calc(12px + env(safe-area-inset-bottom, 0px)); z-index: 3200; max-height: 85vh; overflow-y: auto; } .sk-paylas__tutamak { display: block; width: 40px; height: 4px; border-radius: 2px; background: var(--sk-kenar); margin: 4px auto 6px; } .sk-perde { z-index: 3100; } /* Anasayfa */ .sk-ana-katlar__ic { display: flex; gap: 4px; overflow-x: auto; padding: 14px 12px 12px; scroll-snap-type: x proximity; scrollbar-width: none; } .sk-ana-katlar__ic::-webkit-scrollbar { display: none; } .sk-ana-kat { flex: 1 0 76px; gap: 6px; padding: 0; scroll-snap-align: start; } .sk-ana-kat__ikon { width: 54px; height: 54px; } .sk-ana-kat__ikon .sk-ikon { width: 26px; height: 26px; } .sk-ana-kat__ad { font-size: 12px; line-height: 1.2; } .sk-ana-kat__sayi { font-size: 12px; } .sk-ana-cipler { display: flex; gap: 8px; overflow-x: auto; padding: 14px var(--sk-yan) 4px; scrollbar-width: none; } .sk-ana-cipler::-webkit-scrollbar { display: none; } .sk-ana-cipler .sk-cip { background: #fff; border-color: var(--sk-kenar); } .sk-ana-cipler .sk-cip--acil { background: var(--sk-turuncu-50); border-color: transparent; } .sk-ana-cipler .sk-cip--dusen { background: var(--sk-sari-50); border-color: transparent; } .sk-ana-ust { padding-top: 14px; display: block; } .sk-kahraman { border-radius: var(--sk-r-lg); padding: 22px; display: block; } .sk-kahraman__metin { gap: 12px; } .sk-hap { padding: 5px 10px; font-size: 12px; font-weight: 800; } .sk-kahraman h1 { font-size: 32px; } .sk-kahraman p, .sk-kahraman .sk-btn--cizgi-beyaz, .sk-hizli, .sk-masa-yalniz { display: none !important; } .sk-sekmeler { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; } .sk-sekmeler button { padding: 0 6px; font-size: 14px; } .sk-magazalar { display: flex; overflow-x: auto; gap: 10px; margin: 0 calc(-1 * var(--sk-yan)); padding: 0 var(--sk-yan) 6px; scrollbar-width: none; } .sk-magazalar::-webkit-scrollbar { display: none; } .sk-magaza { flex: 0 0 152px; flex-direction: column; text-align: center; padding: 16px 12px; gap: 10px; } .sk-magaza__metin { align-items: center; max-width: 100%; } .sk-magaza__ad { font-size: 14px; max-width: 124px; } .sk-magaza__alt { display: none; } .sk-cagri { padding: 24px 22px; border-radius: var(--sk-r-lg); gap: 16px; } .sk-cagri h2 { font-size: 28px; } /* Kategoriler */ .sk-katlar-bas { padding: 24px 0 32px; } .sk-katlar-bas h1 { font-size: 30px; } .sk-katlar-izgara { grid-template-columns: 1fr; gap: 10px; margin-top: -16px; } .sk-katkart { padding: 0; gap: 0; border-radius: var(--sk-r-md); } .sk-katkart__bas { padding: 12px 14px; min-height: 72px; cursor: pointer; } .sk-katkart__ikon { width: 48px; height: 48px; border-radius: 14px; } .sk-katkart__ad { font-size: 18px; } .sk-katkart__ac { margin-left: auto; width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; border: 0; background: none; color: var(--sk-yazi-2); transition: transform .15s; } .sk-katkart.is-mobil-acik .sk-katkart__ac { transform: rotate(180deg); } .sk-katkart__icerik { display: none; padding: 0 14px 12px; } .sk-katkart.is-mobil-acik .sk-katkart__icerik { display: block; } .sk-katkart__altlar { grid-template-columns: 1fr; } .sk-katkart__altlar li.is-gizli { display: list-item; } .sk-katkart__daha { display: none; } .sk-katkart__alt { padding-top: 8px; } /* İlan detay — telefonda sıra: fotoğraf → başlık → fiyat → öne çıkanlar → bilgiler… (Detay Mobil) */ .sk-ilan { padding-top: 0; display: flex; flex-direction: column; gap: 12px; } .sk-ilan__duzen, .sk-ilan__sol, .sk-ilan__sag { display: contents !important; } .sk-ilan > *, .sk-ilan__sol > *, .sk-ilan__sag > * { order: 5; } .sk-ilan__galeri { order: 1 !important; } .sk-ilan__bas { order: 2 !important; margin: 2px 0 0 !important; } .sk-ilan__sag > .sk-kutu { order: 3 !important; } .sk-fiyatkart { order: 3 !important; } .sk-ozet { order: 4 !important; } .sk-satici { order: 8 !important; } .sk-guvenlik { order: 9 !important; } .sk-ilan-alt { order: 10 !important; } .sk-ilan > .sk-bolum { order: 11 !important; } .sk-galeri__mobil-ust .sk-paylas .sk-btn { width: 40px; height: 40px; min-height: 40px; padding: 0; border-radius: var(--sk-r-tam); background: rgba(255, 255, 255, .94); border: 0; } .sk-galeri__mobil-ust .sk-paylas .sk-btn span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); } .sk-ilan .sk-yol { display: none; } .sk-ilan__duzen { grid-template-columns: 1fr; gap: 12px; } .sk-ilan__sag { position: static; } .sk-ilan__baslik { font-size: 22px; flex-basis: 100%; } .sk-ilan__eylem { display: none; } .sk-galeri { border-radius: 0; margin: 0 calc(-1 * var(--sk-yan)); } .sk-galeri__minik, .sk-galeri__buyut { display: none; } .sk-galeri__ok { display: none; } .sk-galeri__mobil-ust { position: absolute; top: 10px; right: 10px; display: flex; gap: 8px; z-index: 3; } .sk-galeri__mobil-ust .sk-kalp, .sk-galeri__mobil-ust .sk-mobil-paylas { width: 40px; height: 40px; border-radius: var(--sk-r-tam); background: rgba(255, 255, 255, .94); border: 0; display: inline-flex; align-items: center; justify-content: center; color: var(--sk-murekkep); } .sk-fiyatkart, .sk-satici { padding: 16px; border-radius: var(--sk-r-md); } .sk-fiyatkart__fiyat { font-size: 28px; } .sk-bilgi { grid-template-columns: 1fr; } .sk-satici__eylem { display: none; } .sk-iletisim-bar { display: grid; grid-template-columns: auto 1fr 1fr; gap: 8px; align-items: center; position: fixed; left: 0; right: 0; bottom: 0; z-index: 1040; margin: 0; border-radius: 0; padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px)); background: #fff; border-top: 1px solid var(--sk-kenar); box-shadow: var(--sk-golge-bar); } .sk-iletisim-bar .sk-btn { min-height: 48px; padding: 0 12px; font-size: 15px; } .sk-iletisim-bar .sk-ikon-btn { width: 48px; height: 48px; border: 1px solid var(--sk-kenar-form); border-radius: var(--sk-r-sm); } .sk-iletisim-bar--iki { grid-template-columns: auto 1fr; } html[data-sk-tasarim="final"] body.sk-iletisim-var { padding-bottom: calc(70px + env(safe-area-inset-bottom, 0px)) !important; } /* Kapalı ilan */ .sk-kapali { padding: 18px; border-radius: var(--sk-r-md); } .sk-kapali h1, .sk-kapali h2 { font-size: 24px; } .sk-kapali__takip-form { flex-direction: column; } .sk-kapali__eylem .sk-btn { flex: 1 1 100%; } /* Kategori listesi */ .sk-kat-duzen { grid-template-columns: 1fr; } .sk-filtre { position: fixed; inset: 0; z-index: 3300; border-radius: 0; border: 0; display: none; flex-direction: column; } .sk-filtre.is-acik { display: flex; } .sk-filtre__bas { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; padding-top: max(12px, env(safe-area-inset-top)); border-bottom: 1px solid var(--sk-kenar); } .sk-filtre__govde { flex: 1 1 auto; max-height: none; } .sk-filtre__ayak { padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px)); } .sk-mobil-arac { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; position: sticky; top: 0; z-index: 50; background: var(--sk-zemin); padding: 10px 0; margin-bottom: 8px; } .sk-mobil-arac .sk-btn { min-height: 44px; } .sk-sonuc-ust__sag { display: none; } } @media (max-width: 767px) { .sk-katlar-izgara { grid-template-columns: 1fr; } } @media (min-width: 992px) and (max-width: 1199px) { .sk-izgara { grid-template-columns: repeat(3, minmax(0, 1fr)); } .sk-izgara--yatay { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sk-katlar-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sk-ilan__duzen { grid-template-columns: minmax(0, 1fr) 340px; } .sk-ust__ad { display: none; } } @media (min-width: 992px) { .sk-galeri__mobil-ust { display: none; } } @media (prefers-reduced-motion: reduce) { .sk-kart, .sk-kart__foto img, .sk-kalp, .sk-ana-kat__ikon, .sk-btn { transition: none !important; } .sk-kart:hover, .sk-kart:hover .sk-kart__foto img { transform: none; } .sk-kalp.is-patla .sk-kalp__dolu, .sk-toast { animation: none; } } @media print { .sk-ust, .sk-alt, .sk-altnav, .sk-iletisim-bar, .sk-kalp, .sk-paylas { display: none !important; } } /* Görünürlük yardımcıları */ .sk-mobil-yalniz { display: none !important; } .sk-katkart__ac { display: none; } @media (max-width: 991px) { .sk-mobil-yalniz { display: inline !important; } /* Anasayfa sekmeli liste: telefonda 2 sütun dikey kart (Final Mobil) */ .sk-ana-sekmeli .sk-izgara--yatay { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .sk-ana-sekmeli .sk-kart--yatay { flex-direction: column; } .sk-ana-sekmeli .sk-kart--yatay .sk-kart__foto { width: 100%; flex: 0 0 auto; aspect-ratio: 4 / 3; min-height: 0; } .sk-ana-sekmeli .sk-kart--yatay .sk-kart__govde { padding: 10px 12px 12px; } .sk-ana-sekmeli .sk-kart--yatay .sk-kart__baslik { min-height: 39px; } .sk-katkart__ac { display: inline-flex; } } .sk-turuncu-ikon { color: var(--sk-turuncu-600); } /* Kategori listesi ızgaraları */ .sk-izgara--liste { grid-template-columns: 1fr; gap: 12px; } .sk-izgara--liste .sk-kart--yatay .sk-kart__foto { width: 176px; flex-basis: 176px; min-height: 132px; } .sk-izgara--liste .sk-kart--yatay .sk-kart__baslik { font-size: 16px; } .sk-izgara--liste .sk-kart--yatay .sk-fiyat { font-size: 20px; } .sk-izgara--kat { grid-template-columns: repeat(3, minmax(0, 1fr)); } @media (max-width: 991px) { .sk-izgara--liste .sk-kart--yatay .sk-kart__foto { width: 112px; flex-basis: 112px; min-height: 96px; } .sk-izgara--liste .sk-kart--yatay .sk-kart__baslik { font-size: 14px; } .sk-izgara--liste .sk-kart--yatay .sk-fiyat { font-size: 18px; } .sk-izgara--kat { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* eski tema style.css'in genel etiket kurallarına karşı ortak bileşen koruması */ .sk-alt p, .sk-alt__slogan { background: none !important; border: 0 !important; padding: 0 !important; box-shadow: none !important; color: #C4CADB !important; font-size: 14px !important; margin: 0 !important; } .sk-ust form, .sk-ust label { margin: 0; } html[data-sk-tasarim="final"] body:not(.sk-yeni) .container a:not(.btn):not(.sk-btn) { color: var(--sk-lacivert-700); } html[data-sk-tasarim="final"] body:not(.sk-yeni) .container a:not(.btn):not(.sk-btn):hover { color: var(--sk-turuncu-yazi); } html[data-sk-tasarim="final"] body:not(.sk-yeni) .btn-default { border: 1px solid var(--sk-kenar-form) !important; } /* v1.11 — Mağaza sayfası sosyal hesaplar (eski tema sayfası, marka renkli logolar) */ .sk-magaza-sosyal { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; } .sk-magaza-sosyal a { display: flex; align-items: center; gap: 12px; min-height: 44px; font-weight: 600; color: var(--sk-murekkep) !important; text-decoration: none !important; } .sk-magaza-sosyal a:hover span:last-child { text-decoration: underline; } .sk-magaza-sosyal .sk-marka-daire { width: 36px; height: 36px; } /* ========================================================================== v1.12 — Mağaza kartı, mağazalar ve mağaza sayfası ========================================================================== */ .sk-mkartlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); gap: 20px; } .sk-mkartlar--ana { grid-template-columns: repeat(4, minmax(0, 1fr)); } .sk-mkart { position: relative; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--sk-kenar); border-radius: var(--sk-r-lg); overflow: hidden; transition: box-shadow .16s, transform .16s; font-family: var(--sk-yazi); color: var(--sk-murekkep); } .sk-mkart:hover { box-shadow: var(--sk-golge-3); transform: translateY(-2px); } .sk-mkart__kapak { position: relative; aspect-ratio: 16 / 7; background: linear-gradient(135deg, var(--mk-renk, #4E5A7D) 0%, var(--mk-koyu, #3D4766) 100%); overflow: hidden; } .sk-mkart__kapak > img { width: 100%; height: 100%; object-fit: cover; display: block; } .sk-mkart__bos { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: rgba(255, 255, 255, .88); } .sk-mkart__bos::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 85% 20%, rgba(255, 255, 255, .22) 0, transparent 42%), radial-gradient(circle at 10% 90%, rgba(255, 255, 255, .14) 0, transparent 38%); } .sk-mkart__mozaik { position: absolute; inset: 0; display: grid; gap: 2px; background: #fff; } .sk-mkart__mozaik img { width: 100%; height: 100%; object-fit: cover; display: block; min-height: 0; } .sk-mkart__mozaik--1 { grid-template-columns: 1fr; } .sk-mkart__mozaik--2 { grid-template-columns: 1fr 1fr; } .sk-mkart__mozaik--3 { grid-template-columns: 2fr 1fr; grid-template-rows: 1fr 1fr; } .sk-mkart__mozaik--3 img:first-child { grid-row: 1 / span 2; } .sk-mkart__govde { position: relative; display: flex; flex-direction: column; padding: 0 18px 16px; flex: 1 1 auto; } .sk-mkart__logo { width: 76px; height: 76px; margin-top: -38px; border-radius: 18px; background: #fff; border: 4px solid #fff; box-shadow: var(--sk-golge-2); overflow: hidden; display: flex; flex: 0 0 auto; position: relative; z-index: 2; } .sk-mkart__logo img { width: 100%; height: 100%; object-fit: contain; display: block; } .sk-mkart__harf { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-family: var(--sk-baslik); font-weight: 800; font-size: 26px; border-radius: 14px; } .sk-mkart__ad { display: flex; align-items: center; gap: 6px; margin: 10px 0 2px; font-size: 17px; font-weight: 700; line-height: 1.3; min-width: 0; } .sk-mkart__link { color: var(--sk-murekkep) !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; } .sk-mkart__link::after { content: ""; position: absolute; inset: 0; z-index: 1; } .sk-mkart__link:focus-visible { box-shadow: none; } .sk-mkart:focus-within { outline: 3px solid var(--sk-turuncu); outline-offset: 2px; } .sk-mkart__onay { color: var(--sk-bilgi); display: inline-flex; flex: 0 0 auto; } .sk-mkart__meta { font-size: 13.5px; color: var(--sk-yazi-2); margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sk-mkart__alt { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: auto; padding-top: 12px; border-top: 1px solid var(--sk-ayrac); } .sk-mkart__meta { margin-bottom: 14px !important; } .sk-mkart__sayi { font-size: 14px; color: var(--sk-yazi-2); } .sk-mkart__sayi strong { color: var(--sk-murekkep); font-family: var(--sk-baslik); font-size: 18px; font-weight: 800; } .sk-mkart__git { display: inline-flex; align-items: center; gap: 4px; font-size: 13.5px; font-weight: 700; color: var(--sk-turuncu-yazi); } .sk-mkart:hover .sk-mkart__git { color: var(--sk-turuncu-yazi); } .sk-mkart--ac { align-items: center; justify-content: center; text-align: center; gap: 8px; padding: 28px 22px; background: transparent; border: 2px dashed #C4CADB; color: var(--sk-murekkep) !important; min-height: 240px; } .sk-mkart--ac strong { font-size: 17px; } .sk-mkart--ac span:last-child { font-size: 13.5px; color: var(--sk-yazi-2); max-width: 220px; } .sk-mkart__ac-ikon { width: 60px; height: 60px; border-radius: var(--sk-r-tam); background: var(--sk-sari); display: flex; align-items: center; justify-content: center; color: var(--sk-murekkep); margin-bottom: 4px; } .sk-mg-bas { margin-bottom: 8px; } .sk-mg-kapak { position: relative; height: 260px; border-radius: var(--sk-r-lg); overflow: hidden; background: linear-gradient(135deg, var(--mk-renk, #4E5A7D) 0%, var(--mk-koyu, #3D4766) 100%); } .sk-mg-kapak > img { width: 100%; height: 100%; object-fit: cover; display: block; } .sk-mg-kapak__duzenle { position: absolute; right: 16px; bottom: 16px; z-index: 2; } .sk-mg-kimlik { position: relative; z-index: 1; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 20px; align-items: end; padding: 0 24px; margin-top: -60px; } .sk-mg-logo { width: 132px; height: 132px; border-radius: 26px; background: #fff; border: 5px solid #fff; box-shadow: var(--sk-golge-3); overflow: hidden; display: flex; } .sk-mg-logo img { width: 100%; height: 100%; object-fit: contain; display: block; } .sk-mg-logo .sk-mkart__harf { font-size: 42px; border-radius: 20px; } .sk-mg-kimlik__metin { padding-top: 70px; min-width: 0; } .sk-mg-kimlik__metin .sk-h1 { margin: 0 0 8px; overflow-wrap: anywhere; } .sk-mg-rozetler { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; } .sk-mg-meta { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 0; color: var(--sk-yazi-2); font-size: 14px; } .sk-mg-meta span { display: inline-flex; align-items: center; gap: 6px; } .sk-mg-meta strong { color: var(--sk-murekkep); } .sk-mg-eylem { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; padding-bottom: 4px; } .sk-mg-duzen { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 24px; margin-top: 32px; align-items: start; } .sk-mg-ilanlar .sk-izgara { grid-template-columns: repeat(3, minmax(0, 1fr)); } .sk-mg-arac { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; } .sk-mg-arac .sk-h3 { margin: 0; } .sk-mg-sirala select { min-height: 44px; border-radius: var(--sk-r-sm); border: 1px solid var(--sk-kenar-form); background: #fff; padding: 0 36px 0 12px; font: inherit; font-size: 14px; color: var(--sk-murekkep); cursor: pointer; } .sk-mg-yan { display: flex; flex-direction: column; gap: 16px; } .sk-mg-yan .sk-kutu + .sk-kutu { margin-top: 0; } .sk-mg-hakkinda { font-size: 15px; line-height: 1.65; color: var(--sk-murekkep); overflow-wrap: anywhere; margin-bottom: 10px; } @media (max-width: 991px) { .sk-mkartlar--ana { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px; margin: 0 calc(-1 * var(--sk-yan)); padding: 2px var(--sk-yan) 8px; scrollbar-width: none; } .sk-mkartlar--ana::-webkit-scrollbar { display: none; } .sk-mkartlar--ana > .sk-mkart { flex: 0 0 78%; max-width: 320px; scroll-snap-align: start; } .sk-mkartlar--ana > .sk-mkart--ac { min-height: 0; } .sk-mkartlar { gap: 14px; } .sk-mg-kapak { height: 150px; border-radius: var(--sk-r-md); } .sk-mg-kimlik { grid-template-columns: 1fr; gap: 12px; padding: 0 4px; margin-top: -48px; align-items: start; } .sk-mg-logo { width: 96px; height: 96px; border-radius: 20px; border-width: 4px; } .sk-mg-logo .sk-mkart__harf { font-size: 32px; border-radius: 16px; } .sk-mg-kimlik__metin { padding-top: 0; } .sk-mg-eylem { justify-content: flex-start; } .sk-mg-eylem > .sk-btn, .sk-mg-eylem > .sk-paylas { flex: 1 1 auto; } .sk-mg-eylem > .sk-paylas > .sk-btn { width: 100%; } .sk-mg-duzen { grid-template-columns: 1fr; margin-top: 24px; } .sk-mg-ilanlar .sk-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .sk-mg-kapak__duzenle { right: 10px; bottom: 10px; } } /* ========================================================================== v1.12 — Giriş yap / Üye ol ========================================================================== */ .sk-uyari { display: flex; align-items: flex-start; gap: 10px; padding: 12px 14px; border-radius: var(--sk-r-sm); font-size: 15px; line-height: 1.45; margin: 0 0 16px; border: 1px solid transparent; } .sk-uyari svg { flex: none; margin-top: 1px; } .sk-uyari--hata { background: var(--sk-hata-50); color: var(--sk-hata); border-color: rgba(178, 42, 31, .25); } .sk-uyari--bilgi { background: var(--sk-bilgi-50); color: var(--sk-bilgi); border-color: rgba(29, 98, 168, .22); } .sk-yesil { color: var(--sk-basari); } .sk-giris { padding: 40px var(--sk-yan) 56px; } .sk-giris__ic { max-width: 1040px; margin: 0 auto; display: grid; grid-template-columns: 1fr 460px; border-radius: var(--sk-r-lg); overflow: hidden; background: var(--sk-yuzey); box-shadow: var(--sk-golge-2); border: 1px solid var(--sk-kenar); } .sk-giris__marka { position: relative; padding: 48px 44px; color: #fff; background: radial-gradient(110% 80% at 0% 0%, rgba(255, 127, 63, .55) 0%, rgba(255, 127, 63, 0) 60%), var(--sk-lacivert); display: flex; flex-direction: column; justify-content: center; gap: 20px; } .sk-giris__hap { display: inline-block; align-self: flex-start; margin: 0; padding: 6px 12px; border-radius: var(--sk-r-tam); background: rgba(255, 255, 255, .16); font-weight: 700; font-size: 14px; letter-spacing: .02em; } .sk-giris__slogan { font-family: var(--sk-baslik); font-size: 36px; line-height: 1.12; font-weight: 700; margin: 0; letter-spacing: -.01em; } .sk-giris__artilar { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 14px; font-size: 16px; } .sk-giris__artilar li { display: flex; align-items: center; gap: 12px; } .sk-giris__artilar svg { flex: none; color: var(--sk-sari); } .sk-giris__kart { padding: 40px 40px 32px; } .sk-giris__alt { color: var(--sk-yazi-2); margin: 6px 0 24px; font-size: 16px; } .sk-giris__saglayicilar { display: grid; gap: 10px; } .sk-giris__saglayici-form { margin: 0; } .sk-giris__saglayici { width: 100%; min-height: 50px; display: flex; align-items: center; justify-content: center; gap: 12px; padding: 0 16px; border-radius: var(--sk-r-sm); border: 1px solid var(--sk-kenar-form); background: #fff; color: var(--sk-murekkep); font-family: var(--sk-yazi); font-size: 16px; font-weight: 700; cursor: pointer; transition: background .15s, border-color .15s; } .sk-giris__saglayici:hover { background: var(--sk-zemin); border-color: var(--sk-murekkep); } .sk-giris__saglayici--apple { background: #000; color: #fff; border-color: #000; } .sk-giris__saglayici--apple svg { fill: #fff; } .sk-giris__saglayici[disabled] { cursor: not-allowed; opacity: 1; } .sk-giris__saglayici--apple[disabled] { background: #2B2B2E; border-color: #2B2B2E; color: #fff; } .sk-giris__saglayici--apple[disabled]:hover { background: #2B2B2E; } .sk-giris__saglayici em { font-style: normal; font-size: 12px; font-weight: 700; padding: 3px 8px; border-radius: var(--sk-r-tam); background: var(--sk-sari); color: var(--sk-murekkep); } .sk-giris__ayrac { display: flex; align-items: center; gap: 12px; margin: 22px 0 18px; color: var(--sk-yazi-3); font-size: 14px; } .sk-giris__ayrac::before, .sk-giris__ayrac::after { content: ""; flex: 1; height: 1px; background: var(--sk-kenar); } .sk-giris__form { margin: 0; } .sk-giris__satir { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin: 0 0 18px; font-size: 15px; } .sk-giris__satir a { font-weight: 600; color: var(--sk-turuncu-yazi); } .sk-giris__adim .sk-giris__satir { margin: 10px 0 0; } .sk-sifre { position: relative; } .sk-sifre input { padding-right: 52px !important; } .sk-sifre .sk-ikon-btn { position: absolute; right: 2px; top: 50%; transform: translateY(-50%); color: var(--sk-yazi-2); } .sk-sifre .sk-ikon-btn[aria-pressed="true"] { color: var(--sk-turuncu-600); } .sk-onay { display: flex; align-items: flex-start; gap: 10px; font-size: 15px; line-height: 1.45; cursor: pointer; color: var(--sk-murekkep); margin: 0; font-weight: 400; } .sk-onay input { width: 20px; height: 20px; margin: 1px 0 0; flex: none; accent-color: var(--sk-turuncu-600); } .sk-giris__adim .sk-onay { margin: 4px 0 16px; font-size: 14px; } .sk-giris__adim .sk-giris__hatirla { margin: -4px 0 14px; } .sk-onay a { color: var(--sk-turuncu-yazi); font-weight: 600; text-decoration: underline; } .sk-giris__not { color: var(--sk-yazi-2); font-size: 14px; line-height: 1.5; margin: 14px 0 0; } .sk-giris__not svg { vertical-align: -4px; margin-right: 6px; } .sk-giris__saglayicilar + .sk-btn { margin-top: 10px; } .sk-giris__adim .sk-giris__not { margin: 0 0 14px; } .sk-giris__not a { color: var(--sk-turuncu-yazi); font-weight: 600; } .sk-giris__telefon { margin-top: 22px; border-top: 1px solid var(--sk-kenar); padding-top: 14px; } .sk-giris__telefon > summary { list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: var(--sk-yazi-2); padding: 6px 0; } .sk-giris__telefon > summary::-webkit-details-marker { display: none; } .sk-giris__telefon > summary:hover { color: var(--sk-murekkep); } .sk-giris__telefon[open] > summary { color: var(--sk-murekkep); margin-bottom: 12px; } .sk-giris__adim small { color: var(--sk-yazi-3); font-size: 13px; } .sk-telgir { display: flex; align-items: stretch; } .sk-telgir__on { display: inline-flex; align-items: center; padding: 0 12px; border: 1px solid var(--sk-kenar-form); border-right: 0; border-radius: var(--sk-r-sm) 0 0 var(--sk-r-sm); background: var(--sk-zemin); font-weight: 700; color: var(--sk-yazi-2); } .sk-telgir input { border-radius: 0 var(--sk-r-sm) var(--sk-r-sm) 0 !important; font-variant-numeric: tabular-nums; letter-spacing: .03em; } .sk-captcha { display: flex; align-items: center; gap: 8px; } .sk-captcha img { border-radius: var(--sk-r-xs); border: 1px solid var(--sk-kenar); background: #fff; flex: none; } .sk-captcha input { flex: 1; min-width: 0; text-transform: uppercase; letter-spacing: .2em; } .sk-yeni input.sk-kod { font-size: 26px; letter-spacing: .5em; text-align: center; font-variant-numeric: tabular-nums; font-weight: 700; padding-left: calc(14px + .5em); } .sk-giris__sonuc { font-size: 14px; margin-top: 12px; min-height: 1px; } .sk-giris__sonuc.is-hata { color: var(--sk-hata); font-weight: 600; } .sk-giris__sonuc.is-tamam { color: var(--sk-basari); font-weight: 600; } .sk-giris__gecis { margin: 24px 0 0; text-align: center; font-size: 15px; color: var(--sk-yazi-2); } .sk-giris__gecis a { font-weight: 700; color: var(--sk-turuncu-yazi); } .sk-giris__kucuk { margin: 8px 0 0; text-align: center; font-size: 13px; } .sk-giris__kucuk a { color: var(--sk-yazi-3); text-decoration: underline; } @media (max-width: 991px) { .sk-giris { padding: 16px 0 32px; } .sk-giris__ic { grid-template-columns: 1fr; border-radius: 0; border-left: 0; border-right: 0; box-shadow: none; max-width: 560px; } .sk-giris__marka { display: none; } .sk-giris__kart { padding: 24px var(--sk-yan) 28px; } } /* ========================================================================== v1.13 — Alt bilgi: sosyal ikonlar her zaman kendi renginde, ETBİS logosu ========================================================================== */ .sk-alt a.sk-marka-daire, .sk-alt a.sk-marka-daire:hover { color: #fff !important; } .sk-alt a.sk-marka-daire { box-shadow: 0 0 0 2px rgba(255, 255, 255, .08); } .sk-alt__satir { align-items: center; } .sk-alt a.sk-alt__etbis { display: inline-flex; line-height: 0; border-radius: 10px; background: #fff; padding: 4px; box-shadow: 0 0 0 1px rgba(255, 255, 255, .15); transition: transform .15s; } .sk-alt a.sk-alt__etbis:hover { transform: translateY(-2px); } .sk-alt__etbis img { display: block; width: 96px; height: 96px; border-radius: 6px; } /* ========================================================================== v1.13 — Üst bölüm: kategori seçimi yok, daktilo yer tutucu, bayrak dil seçici, büyük mobil logo ========================================================================== */ @media (min-width: 992px) { .sk-arama { max-width: 720px; } } .sk-ust .sk-arama input, .sk-ust .sk-arama input::placeholder { font-family: var(--sk-yazi) !important; font-weight: 400 !important; font-size: 15px; letter-spacing: 0; } .sk-ust .sk-arama input::placeholder { color: var(--sk-yazi-3); opacity: 1; } .sk-ust__cizgi, .sk-ust__ilanver { white-space: nowrap; } .sk-ust__bayrak { padding: 0 10px; } .sk-ust__mobil .sk-ust__bayrak { padding: 0; } .sk-bayrak { display: block; border-radius: 3px; box-shadow: 0 0 0 1px rgba(0, 0, 0, .12); flex: 0 0 auto; } .sk-dil-menu a { display: flex; align-items: center; gap: 12px; } .sk-dil-menu a .sk-ikon { margin-left: auto; color: var(--sk-turuncu-600); } .sk-dil-menu { min-width: 200px; } .sk-modal .sk-dil-menu a { padding: 14px 8px; border-radius: var(--sk-r-sm); color: var(--sk-murekkep) !important; font-weight: 600; font-size: 16px; text-decoration: none; } .sk-modal .sk-dil-menu a[aria-current] { background: var(--sk-turuncu-50); } .sk-modal--alt { margin: auto auto 0; width: 100vw; max-width: 100vw; border-radius: var(--sk-r-lg) var(--sk-r-lg) 0 0; padding-bottom: env(safe-area-inset-bottom); } @media (max-width: 1240px) and (min-width: 992px) { .sk-ust__ic { gap: 14px; } .sk-ust__cizgi { padding: 0 11px; } .sk-ust__ilanver { padding: 0 14px; } } @media (max-width: 991px) { .sk-logo__mobil { height: 34px !important; } .sk-ust .sk-arama input, .sk-ust .sk-arama input::placeholder { font-size: 16px; } } @media (max-width: 380px) { .sk-logo__mobil { height: 30px !important; } } /* ========================================================================== v1.13 — Akışkan ilan ızgarası: ekran büyüdükçe kart büyümez, satıra yeni kart eklenir. Kart genişliği 200–260 px aralığında kalır (foto 4:3, kart boyu ≈ genişlik × 1,6 — altın orana yakın). ========================================================================== */ :root { --sk-kart-min: 216px; --sk-yatay-min: 360px; } .sk-izgara, .sk-izgara--kat, .sk-mg-ilanlar .sk-izgara { grid-template-columns: repeat(auto-fill, minmax(var(--sk-kart-min), 1fr)); } .sk-izgara--yatay { grid-template-columns: repeat(auto-fill, minmax(var(--sk-yatay-min), 1fr)); } .sk-izgara--liste { grid-template-columns: 1fr; } .sk-izgara > .sk-kart { max-width: 100%; } @media (min-width: 992px) and (max-width: 1199px) { .sk-izgara, .sk-izgara--kat, .sk-mg-ilanlar .sk-izgara { grid-template-columns: repeat(auto-fill, minmax(var(--sk-kart-min), 1fr)); } .sk-izgara--yatay { grid-template-columns: repeat(auto-fill, minmax(var(--sk-yatay-min), 1fr)); } } @media (min-width: 600px) and (max-width: 991px) { :root { --sk-kart-min: 196px; --sk-yatay-min: 320px; } .sk-izgara, .sk-izgara--kat, .sk-mg-ilanlar .sk-izgara { grid-template-columns: repeat(auto-fill, minmax(var(--sk-kart-min), 1fr)); gap: 14px; } .sk-kaydir { display: grid !important; overflow: visible; margin: 0; padding: 0; } .sk-kaydir > .sk-kart { flex: none; } .sk-ana-sekmeli .sk-izgara--yatay { grid-template-columns: repeat(auto-fill, minmax(var(--sk-yatay-min), 1fr)); } .sk-ana-sekmeli .sk-kart--yatay { flex-direction: row; } .sk-ana-sekmeli .sk-kart--yatay .sk-kart__foto { width: 128px; flex: 0 0 128px; aspect-ratio: auto; min-height: 104px; } .sk-ana-sekmeli .sk-kart--yatay .sk-kart__govde { padding: 12px 52px 12px 14px; } .sk-ana-sekmeli .sk-kart--yatay .sk-kart__baslik { min-height: 0; } .sk-mkartlar--ana { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); overflow: visible; margin: 0; padding: 0; } .sk-mkartlar--ana > .sk-mkart { max-width: none; } } @media (max-width: 599px) { .sk-izgara, .sk-izgara--kat, .sk-mg-ilanlar .sk-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sk-izgara--liste { grid-template-columns: 1fr; } } /* Yana kaydırılan sıralar: ilk kart kenara yapışmasın (kaydırma "mıknatısı" kenar boşluğunu hesaba katar) */ .sk-kaydir, .sk-mkartlar--ana, .sk-ana-cipler, .sk-altkat, .sk-katserit__ic { scroll-padding-inline: var(--sk-yan); } @media (max-width: 991px) { .sk-ana-cipler { padding-left: var(--sk-yan); padding-right: var(--sk-yan); } .sk-ana-cipler .sk-cip { flex: 0 0 auto; white-space: nowrap; } .sk-ana-cipler::after, .sk-kaydir::after, .sk-mkartlar--ana::after { content: ""; flex: 0 0 1px; } } /* ========================================================================== v1.13 — Kategori sayfası: kompakt başlık, kaydırılabilir alt kategoriler, sıralama ve görünüm (Yatay / Çoklu / Geniş) ========================================================================== */ .sk-kat-bas--kompakt { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: 4px 0 14px; } .sk-kat-bas__ikon { width: 40px; height: 40px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; } .sk-kat-bas__h1 { font-family: var(--sk-baslik); font-size: 26px; line-height: 1.15; font-weight: 700; margin: 0; color: var(--sk-murekkep); letter-spacing: -.01em; } .sk-kat-bas__sayi { color: var(--sk-yazi-2); font-size: 15px; } .sk-kat-bas__sayi strong { color: var(--sk-murekkep); } .sk-kaydirici { position: relative; margin-bottom: 14px; } .sk-kaydirici .sk-altkat { margin-bottom: 0; scroll-behavior: smooth; cursor: grab; } .sk-kaydirici .sk-altkat.is-surukle { cursor: grabbing; scroll-behavior: auto; } .sk-kaydirici .sk-altkat.is-surukle a { pointer-events: none; } .sk-kaydirici .sk-cip { flex: 0 0 auto; white-space: nowrap; } .sk-kaydirici__ok { position: absolute; top: 50%; transform: translateY(-55%); z-index: 2; width: 36px; height: 36px; border-radius: var(--sk-r-tam); border: 1px solid var(--sk-kenar); background: #fff; color: var(--sk-murekkep); box-shadow: var(--sk-golge-2); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; } .sk-kaydirici__ok:hover { border-color: var(--sk-murekkep); } .sk-kaydirici__ok--geri { left: -6px; } .sk-kaydirici__ok--ileri { right: -6px; } .sk-kaydirici.is-sol::before, .sk-kaydirici.is-sag::after { content: ""; position: absolute; top: 0; bottom: 6px; width: 56px; pointer-events: none; z-index: 1; } .sk-kaydirici.is-sol::before { left: 0; background: linear-gradient(90deg, var(--sk-zemin), rgba(244, 245, 249, 0)); } .sk-kaydirici.is-sag::after { right: 0; background: linear-gradient(270deg, var(--sk-zemin), rgba(244, 245, 249, 0)); } /* Sıralama: araç çubuğuyla aynı dilde hap düğme */ .sk-sirala2 > summary.sk-sirala2__btn { display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 0 14px; border-radius: var(--sk-r-tam); background: #fff; border: 1px solid var(--sk-kenar); color: var(--sk-murekkep); font-size: 14px; font-weight: 700; cursor: pointer; white-space: nowrap; } .sk-sirala2 > summary.sk-sirala2__btn:hover, .sk-sirala2[open] > summary { border-color: var(--sk-murekkep); } .sk-sirala2 > summary .sk-ikon:first-child { color: var(--sk-turuncu-600); } .sk-sirala2 .sk-acilir__menu a { justify-content: space-between; white-space: nowrap; } .sk-gorunum2 { display: inline-flex; padding: 3px; gap: 2px; border-radius: var(--sk-r-tam); background: #fff; border: 1px solid var(--sk-kenar); } .sk-gorunum2 a { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 12px; border-radius: var(--sk-r-tam); color: var(--sk-yazi-2) !important; font-size: 13px; font-weight: 700; text-decoration: none; } .sk-gorunum2 a:hover { color: var(--sk-murekkep) !important; background: var(--sk-zemin); } .sk-gorunum2 a[aria-current] { background: var(--sk-murekkep); color: #fff !important; } .sk-sonuc-ust { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 4px 0 14px; } .sk-sonuc-ust__sag { display: flex !important; align-items: center; gap: 10px; } .sk-sekme-serit { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 12px; } .sk-sekme-serit__etiket { font-size: 14px; font-weight: 700; color: var(--sk-yazi-2); margin-right: 2px; } /* Dikkat Çek (eski "kalın yazı"): başlık kalın ve sarı vurgu */ .sk-kart--dikkat { border: 2px solid var(--sk-turuncu); } .sk-kart--dikkat .sk-kart__govde { background: rgba(255, 127, 62, .12); } .sk-kart--dikkat .sk-kart__tarih, .sk-kart--dikkat .sk-kart__meta { color: var(--sk-yazi-2); } .sk-kart--dikkat .sk-kart__baslik { font-weight: 800; } /* Geniş görünüm: tek sütun, büyük foto + daha çok bilgi */ .sk-izgara--genis { grid-template-columns: 1fr !important; gap: 14px; } .sk-kart--genis { flex-direction: row; align-items: stretch; } .sk-kart--genis .sk-kart__foto { width: 38%; max-width: 360px; flex: 0 0 38%; aspect-ratio: auto; min-height: 176px; } .sk-kart--genis .sk-kart__foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } .sk-kart--genis .sk-kart__govde { padding: 16px 60px 16px 20px; gap: 8px; } .sk-kart--genis .sk-kart__baslik { font-size: 17px; -webkit-line-clamp: 2; min-height: 0; } .sk-kart--genis .sk-fiyat { font-size: 22px; } .sk-kart--genis .sk-kart__meta { margin-top: 0; } .sk-kart__ozellik { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; } .sk-kart__ozellik li { display: inline-flex; align-items: center; gap: 5px; padding: 4px 10px; border-radius: var(--sk-r-tam); background: var(--sk-zemin); font-size: 13px; font-weight: 600; color: var(--sk-murekkep); } .sk-kart__ozellik .sk-ikon { color: var(--sk-yazi-2); } .sk-kart__ozet { margin: 0; font-size: 14px; line-height: 1.5; color: var(--sk-yazi-2); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .sk-kart__satici { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--sk-yazi-2); font-weight: 600; } .sk-kart__foto-sayi { position: absolute; right: 10px; bottom: 10px; display: inline-flex; align-items: center; gap: 4px; padding: 3px 8px; border-radius: var(--sk-r-tam); background: rgba(31, 36, 51, .72); color: #fff; font-size: 12px; font-weight: 700; } @media (max-width: 991px) { .sk-kat-bas__h1 { font-size: 22px; } .sk-kat-bas__ikon { width: 36px; height: 36px; } .sk-kaydirici__ok { display: none !important; } .sk-kaydirici .sk-altkat { margin: 0 calc(-1 * var(--sk-yan)); padding-left: var(--sk-yan); padding-right: var(--sk-yan); } .sk-kaydirici.is-sol::before, .sk-kaydirici.is-sag::after { display: none; } .sk-mobil-arac { display: grid !important; grid-template-columns: 1fr 1fr; gap: 10px; } .sk-mobil-arac .sk-sirala2, .sk-mobil-arac .sk-sirala2 > summary { width: 100%; } .sk-mobil-arac .sk-sirala2 > summary { justify-content: center; border-radius: var(--sk-r-sm); min-height: 44px; border-color: var(--sk-kenar-form); } .sk-mobil-arac .sk-sirala2 > summary span { overflow: hidden; text-overflow: ellipsis; } .sk-sonuc-ust { margin-top: 10px; } .sk-gorunum2 a span { display: none; } .sk-gorunum2 a { padding: 0 10px; } .sk-kart--genis { flex-direction: column; } .sk-kart--genis .sk-kart__foto { width: 100%; max-width: none; flex: 0 0 auto; aspect-ratio: 4 / 3; min-height: 0; } .sk-kart--genis .sk-kart__govde { padding: 12px 14px 14px; } .sk-kart--genis .sk-fiyat { font-size: 20px; } } .sk-kat-bas.sk-kat-bas--kompakt { justify-content: flex-start; text-align: left; } .sk-kat-bas--kompakt .sk-kat-bas__h1 { flex: 0 1 auto; text-align: left; } .sk-kat-bas--kompakt .sk-kat-bas__sayi { margin: 4px 0 0; } .sk-kart--genis .sk-kart__foto { width: 30%; flex-basis: 30%; max-width: 300px; } @media (max-width: 991px) { .sk-kart--genis .sk-kart__foto { width: 100%; flex-basis: auto; max-width: none; } } /* ========================================================================== v1.13 — İlan sayfası: bulanık arka planlı galeri, ışık kutusunda başlık + küçük resimler, hizalı özellikler, birleşik "sorun bildir" kutusu, telefonda galeri üstünde konum şeridi ========================================================================== */ .sk-galeri__kare { position: relative; overflow: hidden; } .sk-galeri__kare::before { content: ""; position: absolute; inset: -24px; background: var(--sk-arka) center / cover no-repeat; filter: blur(22px) brightness(.55) saturate(1.1); transform: scale(1.1); } .sk-galeri__kare img { position: relative; z-index: 1; } .sk-isik__baslik { display: flex; flex-direction: column; gap: 2px; min-width: 0; } .sk-isik__baslik strong { font-size: 15px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 70vw; } .sk-isik__baslik span { font-size: 13px; color: #C4CADB; } .sk-isik__iz img { max-height: calc(100vh - 190px); max-width: min(100%, 1600px); border-radius: 6px; box-shadow: 0 20px 60px rgba(0, 0, 0, .5); } .sk-isik__minik { display: flex; justify-content: center; gap: 8px; overflow-x: auto; padding: 10px 16px calc(12px + env(safe-area-inset-bottom)); scrollbar-width: none; } .sk-isik__minik::-webkit-scrollbar { display: none; } .sk-isik__minik button { flex: 0 0 72px; height: 54px; padding: 0; border: 2px solid transparent; border-radius: 8px; overflow: hidden; background: #222; cursor: pointer; opacity: .55; } .sk-isik__minik button img { width: 100%; height: 100%; object-fit: cover; display: block; } .sk-isik__minik button[aria-current="true"] { border-color: var(--sk-turuncu); opacity: 1; } /* Özellikler: eşit sütunlar, ikon üstte hizalı, gruplar ayrı */ .sk-ozellik-grup { padding: 14px 0; border-top: 1px solid var(--sk-ayrac); } .sk-ozellik-grup:first-of-type { border-top: 0; padding-top: 0; } .sk-ozellik-grup + .sk-ozellik-grup { margin-top: 0; } .sk-ozellik-grup__bas { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 800; letter-spacing: .03em; text-transform: uppercase; color: var(--sk-yazi-2); margin: 0 0 10px; } .sk-ozellik-grup__bas span { font-size: 12px; font-weight: 700; padding: 1px 8px; border-radius: var(--sk-r-tam); background: var(--sk-basari-50); color: var(--sk-basari); letter-spacing: 0; } .sk-ozellik { grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 6px 20px; } .sk-ozellik li { align-items: flex-start; gap: 8px; font-size: 15px; line-height: 1.35; padding: 4px 0; } .sk-ozellik li .sk-ikon { flex: 0 0 auto; margin-top: 2px; padding: 2px; border-radius: 50%; background: var(--sk-basari-50); box-sizing: content-box; } /* Sorun bildir */ .sk-ilan-sorun { display: flex; align-items: center; gap: 16px; padding: 18px 20px; border-radius: var(--sk-r-md); background: #fff; border: 1px solid var(--sk-kenar); } .sk-ilan-sorun__ikon { flex: 0 0 auto; width: 44px; height: 44px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; background: var(--sk-hata-50); color: var(--sk-hata); } .sk-ilan-sorun__metin { flex: 1 1 auto; min-width: 0; } .sk-ilan-sorun__metin h2 { margin: 0 0 4px; } .sk-ilan-sorun__metin p { margin: 0; font-size: 14px; color: var(--sk-yazi-2); line-height: 1.5; } .sk-ilan-sorun .sk-btn { flex: 0 0 auto; } @media (max-width: 991px) { .sk-ilan .sk-yol { display: flex; order: 0 !important; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; white-space: nowrap; margin: 12px 0 0; font-size: 13px; } .sk-ilan .sk-yol::-webkit-scrollbar { display: none; } .sk-ilan > nav { order: 0 !important; } .sk-galeri { border-radius: var(--sk-r-md); margin: 0; } .sk-ilan-sorun { order: 10 !important; flex-wrap: wrap; padding: 16px; } .sk-ilan-sorun .sk-btn { width: 100%; } .sk-ozellik { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 12px; } .sk-ozellik li { font-size: 14px; } .sk-isik__minik { justify-content: flex-start; } } /* v1.13 — İlan sayfasında hasar şeması */ .sk-hasar__govde { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 28px; align-items: start; } .sk-hasar__listeler { display: grid; gap: 16px; } .sk-hasar__grup h3 { display: flex; align-items: center; gap: 8px; margin: 0 0 8px; font-size: 15px; font-weight: 800; color: var(--sk-murekkep); } .sk-hasar__grup h3 small { font-size: 12px; font-weight: 700; color: var(--sk-yazi-2); } .sk-hasar__grup ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 4px 16px; } .sk-hasar__grup li { font-size: 15px; padding: 3px 0 3px 20px; position: relative; } .sk-hasar__grup li::before { content: ""; position: absolute; left: 4px; top: 50%; width: 6px; height: 6px; border-radius: 50%; background: var(--sk-yazi-3); transform: translateY(-50%); } .sk-hasar__temiz { display: flex; align-items: center; gap: 10px; margin: 0; padding: 14px; border-radius: var(--sk-r-sm); background: var(--sk-basari-50); color: var(--sk-basari); font-size: 15px; } .sk-hasar__not { margin: 0; font-size: 13px; color: var(--sk-yazi-2); } @media (max-width: 767px) { .sk-hasar__govde { grid-template-columns: 1fr; gap: 18px; } } /* ========================================================================== v1.13 — Üye ol (adım adım) ve giriş ince ayarları ========================================================================== */ .sk-giris__saglayicilar.is-google .sk-giris__saglayici--google { min-height: 54px; border-width: 2px; border-color: var(--sk-murekkep); font-size: 17px; } .sk-giris__saglayicilar.is-apple .sk-giris__saglayici--apple { min-height: 54px; font-size: 17px; } .sk-adimcubuk { list-style: none; margin: 14px 0 22px; padding: 0; display: flex; gap: 6px; counter-reset: adim; } .sk-adimcubuk li { flex: 1 1 0; counter-increment: adim; font-size: 12px; font-weight: 700; color: var(--sk-yazi-3); padding-top: 10px; border-top: 4px solid var(--sk-kenar); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sk-adimcubuk li::before { content: counter(adim) ". "; } .sk-adimcubuk li[hidden] { display: none; } .sk-adimcubuk li.is-tamam { border-top-color: var(--sk-turuncu); color: var(--sk-yazi-2); } .sk-adimcubuk li.is-simdi { border-top-color: var(--sk-turuncu-600); color: var(--sk-murekkep); } .sk-uyelik__form { margin: 0; } .sk-uyelik__adim { border: 0; margin: 0; padding: 0; min-width: 0; } .sk-uyelik__adim[hidden] { display: none; } .sk-uyelik__adim legend { font-family: var(--sk-baslik); font-size: 20px; font-weight: 700; color: var(--sk-murekkep); margin: 0 0 14px; padding: 0; } .sk-tipkart { display: grid; gap: 12px; margin-bottom: 18px; } .sk-tipkart__oge { position: relative; display: flex; align-items: flex-start; gap: 14px; padding: 16px 44px 16px 16px; border: 2px solid var(--sk-kenar); border-radius: var(--sk-r-md); cursor: pointer; background: #fff; transition: border-color .15s, background .15s; margin: 0; font-weight: 400; } .sk-tipkart__oge:hover { border-color: var(--sk-kenar-form); } .sk-tipkart__oge input { position: absolute; opacity: 0; pointer-events: none; } .sk-tipkart__oge:has(input:checked) { border-color: var(--sk-turuncu-600); background: var(--sk-turuncu-50); } .sk-tipkart__oge:has(input:focus-visible) { box-shadow: 0 0 0 3px rgba(196, 79, 18, .25); } .sk-tipkart__ikon { flex: 0 0 auto; width: 48px; height: 48px; border-radius: 14px; background: var(--sk-zemin); color: var(--sk-murekkep); display: inline-flex; align-items: center; justify-content: center; } .sk-tipkart__oge:has(input:checked) .sk-tipkart__ikon { background: var(--sk-turuncu-600); color: #fff; } .sk-tipkart__metin { display: flex; flex-direction: column; gap: 4px; font-size: 14px; line-height: 1.45; color: var(--sk-yazi-2); } .sk-tipkart__metin strong { font-size: 17px; color: var(--sk-murekkep); } .sk-tipkart__metin b { color: var(--sk-murekkep); } .sk-tipkart__tik { position: absolute; top: 14px; right: 14px; color: var(--sk-turuncu-600); opacity: 0; transition: opacity .15s; } .sk-tipkart__oge:has(input:checked) .sk-tipkart__tik { opacity: 1; } .sk-uyelik__hizli { margin-top: 6px; } .sk-uyelik__hizli[hidden] { display: none; } .sk-uyelik__alt { display: flex; justify-content: space-between; gap: 10px; margin-top: 18px; } .sk-uyelik__alt .sk-btn--birincil { flex: 1 1 auto; } .sk-uyelik__ikili { display: grid; grid-template-columns: 1fr 1fr; gap: 0 12px; } .sk-uyelik__ikili:has(> [hidden]) { grid-template-columns: 1fr; } .sk-alan__etiket { font-size: 14px; font-weight: 600; color: var(--sk-murekkep); } .sk-alan small.is-hata { color: var(--sk-hata); font-weight: 600; } .sk-alan small.is-tamam { color: var(--sk-basari); font-weight: 600; } .sk-yeni [aria-invalid="true"] { border-color: var(--sk-hata) !important; box-shadow: 0 0 0 3px rgba(178, 42, 31, .15) !important; } .sk-secim { display: flex; gap: 8px; flex-wrap: wrap; } .sk-secim label { margin: 0; cursor: pointer; } .sk-secim input { position: absolute; opacity: 0; pointer-events: none; } .sk-secim span { display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; border-radius: var(--sk-r-tam); border: 1px solid var(--sk-kenar-form); font-size: 15px; font-weight: 600; background: #fff; } .sk-secim input:checked + span { background: var(--sk-murekkep); border-color: var(--sk-murekkep); color: #fff; } .sk-secim input:focus-visible + span { box-shadow: 0 0 0 3px rgba(78, 90, 125, .3); } .sk-altalan__kutu { display: flex; align-items: stretch; border: 1px solid var(--sk-kenar-form); border-radius: var(--sk-r-sm); background: #fff; overflow: hidden; } .sk-altalan__kutu:focus-within { border-color: var(--sk-lacivert); box-shadow: 0 0 0 3px rgba(78, 90, 125, .18); } .sk-yeni .sk-altalan__kutu input { border: 0 !important; box-shadow: none !important; border-radius: 0; padding-left: 4px; padding-right: 4px; min-width: 0; flex: 1 1 auto; font-weight: 700; } .sk-altalan__on, .sk-altalan__son { display: inline-flex; align-items: center; padding: 0 10px; background: var(--sk-zemin); color: var(--sk-yazi-2); font-size: 14px; font-weight: 600; white-space: nowrap; } .sk-altalan__on { padding-right: 6px; } .sk-sifreguc { display: flex; align-items: center; gap: 10px; margin-top: 4px; } .sk-sifreguc__cubuk { flex: 0 0 96px; height: 6px; border-radius: 3px; background: var(--sk-kenar); overflow: hidden; } .sk-sifreguc__cubuk i { display: block; height: 100%; width: 0; background: var(--sk-hata); transition: width .2s, background .2s; } [data-guc="1"] .sk-sifreguc__cubuk i { width: 25%; } [data-guc="2"] .sk-sifreguc__cubuk i { width: 55%; background: var(--sk-uyari); } [data-guc="3"] .sk-sifreguc__cubuk i { width: 80%; background: var(--sk-basari); } [data-guc="4"] .sk-sifreguc__cubuk i { width: 100%; background: var(--sk-basari); } .sk-uyelik__ozet { margin: 0 0 16px; padding: 14px 16px; border-radius: var(--sk-r-md); background: var(--sk-zemin); display: grid; gap: 8px; } .sk-uyelik__ozet div { display: flex; justify-content: space-between; gap: 12px; font-size: 14px; } .sk-uyelik__ozet dt { color: var(--sk-yazi-2); } .sk-uyelik__ozet dd { margin: 0; font-weight: 700; text-align: right; word-break: break-word; } .sk-yeni textarea, .sk-yeni select { font-size: 16px; } @media (max-width: 991px) { .sk-uyelik__ikili { grid-template-columns: 1fr; } .sk-altalan__son { font-size: 13px; padding: 0 8px; } .sk-altalan__on { display: none; } } /* v1.13 — Mağaza adresi (alt alan adı) */ .sk-mg-adres { display: flex; align-items: center; gap: 8px; margin: 8px 0 0; font-size: 15px; font-weight: 700; } .sk-mg-adres a { color: var(--sk-turuncu-yazi) !important; text-decoration: none; } .sk-mg-adres a:hover { text-decoration: underline; } .sk-mg-adres__kopyala { display: inline-flex; align-items: center; gap: 4px; border: 1px solid var(--sk-kenar); background: #fff; border-radius: var(--sk-r-tam); padding: 3px 10px; font-size: 12px; font-weight: 700; color: var(--sk-yazi-2); cursor: pointer; } .sk-mg-adres__kopyala:hover { border-color: var(--sk-murekkep); color: var(--sk-murekkep); } /* v1.13 — Rozetler: mavi onay tiki, bireysel / kurumsal üye */ .sk-tik { display: inline-flex; vertical-align: -3px; margin-left: 5px; color: #1D9BF0; line-height: 0; flex: 0 0 auto; } .sk-tik .sk-ikon { filter: drop-shadow(0 1px 1px rgba(29, 155, 240, .25)); } h1 .sk-tik { vertical-align: -2px; margin-left: 8px; } .sk-tik--gri { color: #A3AAB9; opacity: .75; } /* v1.18.0: ödeme bekleniyor (ek süre) */ .sk-tik--gri .sk-ikon { filter: none; } .sk-tiprozet { display: inline-flex; align-items: center; gap: 5px; padding: 4px 10px 4px 8px; border-radius: var(--sk-r-tam); font-size: 12px; font-weight: 800; letter-spacing: .01em; white-space: nowrap; line-height: 1.2; } .sk-tiprozet--bireysel { background: #EEF1F8; color: var(--sk-lacivert-700); box-shadow: inset 0 0 0 1px #D5DBEA; } .sk-tiprozet--kurumsal { background: linear-gradient(135deg, #F5C06A, #EF864F); color: #3A1A05; box-shadow: inset 0 0 0 1px rgba(158, 64, 15, .25); } .sk-tiprozet--kucuk { font-size: 11px; padding: 3px 8px 3px 6px; } /* ========================================================================== v1.13 — HESABIM: ortak başlık + menü + eski tema hesap sayfalarının Final giydirmesi (profil, ilanlarım, mesajlarım, bildirimler, favoriler, siparişler, mağaza ayarları, paketler, doğrulama...) ========================================================================== */ html[data-sk-tasarim="final"] .container.profil { padding-top: 20px; padding-bottom: 8px; } html[data-sk-tasarim="final"] .profil > .row { display: grid; grid-template-columns: 264px minmax(0, 1fr); gap: 24px; margin: 0; align-items: start; } html[data-sk-tasarim="final"] .profil > .row::before, html[data-sk-tasarim="final"] .profil > .row::after { display: none; } html[data-sk-tasarim="final"] .profil > .row > [class*="col-"] { width: auto !important; float: none !important; padding: 0 !important; min-width: 0; margin: 0 !important; } html[data-sk-tasarim="final"] .profil .sidebar { position: sticky; top: 16px; } .sk-hesap-ust { position: relative; background: #fff; border: 1px solid var(--sk-kenar); border-radius: var(--sk-r-lg); overflow: hidden; margin-bottom: 20px; font-family: var(--sk-yazi); } .sk-hesap-ust__kapak { height: 96px; background: linear-gradient(120deg, var(--sk-sari) 0%, var(--sk-turuncu) 45%, var(--sk-lacivert) 100%) center / cover no-repeat; } .sk-hesap-ust__govde { display: flex; align-items: flex-end; gap: 18px; padding: 0 24px 20px; flex-wrap: wrap; } .sk-hesap-ust__avatar { width: 96px; height: 96px; margin-top: -44px; border-radius: 50%; border: 4px solid #fff; background: var(--sk-sari); color: var(--sk-murekkep); display: inline-flex; align-items: center; justify-content: center; font-family: var(--sk-baslik); font-size: 34px; font-weight: 700; overflow: hidden; flex: 0 0 auto; box-shadow: var(--sk-golge-1); } .sk-hesap-ust__avatar img { width: 100%; height: 100%; object-fit: cover; } .sk-hesap-ust__kim { flex: 1 1 260px; min-width: 0; padding-top: 12px; } .sk-hesap-ust__ad { font-family: var(--sk-baslik) !important; font-size: 26px; line-height: 1.15; font-weight: 700; margin: 0 0 8px !important; color: var(--sk-murekkep); display: flex; align-items: center; flex-wrap: wrap; } .sk-hesap-ust__rozetler { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; } .sk-hesap-ust__meta { display: flex; flex-wrap: wrap; gap: 6px 16px; margin: 0; font-size: 14px; color: var(--sk-yazi-2); } .sk-hesap-ust__meta span { display: inline-flex; align-items: center; gap: 6px; } .sk-hesap-ust__eylem { display: flex; gap: 8px; flex-wrap: wrap; } .sk-hesap-ust + .sk-uyari, .sk-uyari + .sk-uyari { margin-top: -6px; } .sk-hmenu { background: #fff; border: 1px solid var(--sk-kenar); border-radius: var(--sk-r-lg); padding: 10px; font-family: var(--sk-yazi); } .sk-hmenu__grup + .sk-hmenu__grup { border-top: 1px solid var(--sk-ayrac); margin-top: 8px; padding-top: 8px; } .sk-hmenu__baslik { display: block; padding: 6px 12px 4px; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--sk-yazi-3); } a.sk-hmenu__oge { display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 0 12px; border-radius: var(--sk-r-sm); color: var(--sk-murekkep) !important; font-size: 15px; font-weight: 600; text-decoration: none !important; } a.sk-hmenu__oge:hover { background: var(--sk-zemin); } a.sk-hmenu__oge .sk-ikon { color: var(--sk-yazi-2); flex: 0 0 auto; } a.sk-hmenu__oge.is-on { background: var(--sk-turuncu-50); color: var(--sk-turuncu-yazi) !important; } a.sk-hmenu__oge.is-on .sk-ikon { color: var(--sk-turuncu-600); } a.sk-hmenu__oge.is-tehlike, a.sk-hmenu__oge.is-tehlike .sk-ikon { color: var(--sk-hata) !important; } .sk-hmenu__sayac { margin-left: auto; min-width: 22px; height: 22px; padding: 0 6px; border-radius: var(--sk-r-tam); background: var(--sk-turuncu-600); color: #fff; font-size: 12px; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; } /* eski tema içerik bileşenleri — hesap sayfalarında */ html[data-sk-tasarim="final"] .profil .panel { margin-bottom: 20px; } html[data-sk-tasarim="final"] .profil .panel > .panel-heading { font-size: 16px; font-family: var(--sk-baslik) !important; text-transform: none; letter-spacing: 0; } html[data-sk-tasarim="final"] .profil .table { margin: 0; font-size: 14px; } html[data-sk-tasarim="final"] .profil .table > thead > tr > th { border-bottom: 1px solid var(--sk-kenar) !important; color: var(--sk-yazi-2); font-size: 12px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; padding: 12px; white-space: nowrap; background: var(--sk-zemin); } html[data-sk-tasarim="final"] .profil .table > tbody > tr > td { padding: 12px; vertical-align: middle; border-top: 1px solid var(--sk-ayrac) !important; } html[data-sk-tasarim="final"] .profil .table > tbody > tr:hover > td { background: #FAFBFD; } html[data-sk-tasarim="final"] .profil .table img { border-radius: 8px; } html[data-sk-tasarim="final"] .profil .label { display: inline-flex; align-items: center; gap: 4px; border-radius: var(--sk-r-tam); padding: 4px 10px; font-size: 11px; font-weight: 800; letter-spacing: .02em; } html[data-sk-tasarim="final"] .profil .label-success { background: var(--sk-basari-50); color: var(--sk-basari); } html[data-sk-tasarim="final"] .profil .label-warning { background: var(--sk-uyari-50); color: var(--sk-uyari); } html[data-sk-tasarim="final"] .profil .label-danger { background: var(--sk-hata-50); color: var(--sk-hata); } html[data-sk-tasarim="final"] .profil .label-primary, html[data-sk-tasarim="final"] .profil .label-info { background: var(--sk-bilgi-50); color: var(--sk-bilgi); } html[data-sk-tasarim="final"] .profil .label-default { background: var(--sk-yuzey-2); color: var(--sk-yazi-2); } html[data-sk-tasarim="final"] .profil .well { background: var(--sk-zemin); border: 1px solid var(--sk-kenar); border-radius: var(--sk-r-md); box-shadow: none; } html[data-sk-tasarim="final"] .profil .list-group-item { border-color: var(--sk-ayrac); } html[data-sk-tasarim="final"] .profil .alert { border: 0; font-size: 15px; } html[data-sk-tasarim="final"] .profil .alert-info { background: var(--sk-bilgi-50); color: var(--sk-bilgi); } html[data-sk-tasarim="final"] .profil .alert-success { background: var(--sk-basari-50); color: var(--sk-basari); } html[data-sk-tasarim="final"] .profil .alert-warning { background: var(--sk-uyari-50); color: var(--sk-uyari); } html[data-sk-tasarim="final"] .profil .alert-danger { background: var(--sk-hata-50); color: var(--sk-hata); } html[data-sk-tasarim="final"] .profil .form-group { margin-bottom: 16px; } html[data-sk-tasarim="final"] .profil .nav-tabs { border-bottom: 1px solid var(--sk-kenar); display: flex; gap: 4px; overflow-x: auto; flex-wrap: nowrap; scrollbar-width: none; } html[data-sk-tasarim="final"] .profil .nav-tabs > li { float: none; flex: 0 0 auto; } html[data-sk-tasarim="final"] .profil .nav-tabs > li > a { border: 0 !important; border-bottom: 3px solid transparent !important; border-radius: 0; color: var(--sk-yazi-2); padding: 12px 14px; background: none !important; } html[data-sk-tasarim="final"] .profil .nav-tabs > li.active > a { border-bottom-color: var(--sk-turuncu-600) !important; color: var(--sk-murekkep); } /* eski tema yönetici çubuğu (eklentiler/adminbar): ince, tek satır, ikonsuz çift metin olmadan */ html[data-sk-tasarim="final"] .admin-bar { font-family: var(--sk-yazi) !important; background: var(--sk-murekkep) !important; min-height: 0 !important; } html[data-sk-tasarim="final"] .admin-bar ul { display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 2px; margin: 0; padding: 0 8px; list-style: none; scrollbar-width: none; } html[data-sk-tasarim="final"] .admin-bar li { float: none; flex: 0 0 auto; } html[data-sk-tasarim="final"] .admin-bar a { display: inline-flex; align-items: center; min-height: 34px; padding: 0 10px; font-size: 13px; font-weight: 700; color: #fff !important; text-decoration: none; } html[data-sk-tasarim="final"] .admin-bar .glyphicon { display: none; } html[data-sk-tasarim="final"] .admin-bar .visible-xs { display: none !important; } @media (max-width: 767px) { html[data-sk-tasarim="final"] .admin-bar .visible-xs { display: block !important; } html[data-sk-tasarim="final"] .admin-bar .visible-sm, html[data-sk-tasarim="final"] .admin-bar .visible-md, html[data-sk-tasarim="final"] .admin-bar .visible-lg { display: none !important; } } @media (max-width: 991px) { html[data-sk-tasarim="final"] .container.profil { padding-top: 12px; } html[data-sk-tasarim="final"] .profil > .row { grid-template-columns: 1fr; gap: 14px; } html[data-sk-tasarim="final"] .profil .sidebar { position: static; display: block !important; margin: 0 calc(-1 * var(--sk-yan)) !important; } .sk-hesap-ust { border-radius: var(--sk-r-md); margin-bottom: 14px; } .sk-hesap-ust__kapak { height: 64px; } .sk-hesap-ust__govde { padding: 0 16px 16px; gap: 12px; } .sk-hesap-ust__avatar { width: 72px; height: 72px; margin-top: -34px; font-size: 26px; } .sk-hesap-ust__kim { padding-top: 0; flex-basis: 100%; } .sk-hesap-ust__ad { font-size: 22px; } .sk-hesap-ust__eylem { width: 100%; display: grid; grid-template-columns: 1fr 1fr; } .sk-hmenu { display: flex; overflow-x: auto; gap: 6px; border: 0; border-radius: 0; background: transparent; padding: 0 var(--sk-yan) 4px; scrollbar-width: none; scroll-padding-inline: var(--sk-yan); } .sk-hmenu::-webkit-scrollbar { display: none; } .sk-hmenu__grup { display: contents; } .sk-hmenu__baslik { display: none; } a.sk-hmenu__oge { flex: 0 0 auto; min-height: 40px; padding: 0 14px; border-radius: var(--sk-r-tam); background: #fff; border: 1px solid var(--sk-kenar); font-size: 14px; white-space: nowrap; gap: 8px; } a.sk-hmenu__oge.is-on { background: var(--sk-murekkep); border-color: var(--sk-murekkep); color: #fff !important; } a.sk-hmenu__oge.is-on .sk-ikon { color: #fff; } .sk-hmenu__sayac { margin-left: 2px; } /* Tablolar telefonda kart olur (sk.js her hücreye başlığını yazar) */ html[data-sk-tasarim="final"] .profil .table-responsive { border: 0; overflow: visible; margin: 0; } html[data-sk-tasarim="final"] .profil table.sk-kartlas > thead { display: none; } html[data-sk-tasarim="final"] .profil table.sk-kartlas, html[data-sk-tasarim="final"] .profil table.sk-kartlas > tbody { display: block; width: 100%; } html[data-sk-tasarim="final"] .profil table.sk-kartlas > tbody > tr { display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px; padding: 14px; margin: 0 0 10px; background: #fff; border: 1px solid var(--sk-kenar); border-radius: var(--sk-r-md); } html[data-sk-tasarim="final"] .profil table.sk-kartlas > tbody > tr > td { display: block; padding: 0 !important; border: 0 !important; text-align: left !important; white-space: normal; width: auto !important; font-size: 14px; line-height: 1.45; min-width: 0; } html[data-sk-tasarim="final"] .profil table.sk-kartlas > tbody > tr > td:empty { display: none; } html[data-sk-tasarim="final"] .profil table.sk-kartlas > tbody > tr > td::before { content: attr(data-etiket); display: inline; margin-right: 6px; font-size: 13px; font-weight: 600; color: var(--sk-yazi-3); } html[data-sk-tasarim="final"] .profil table.sk-kartlas > tbody > tr > td[data-etiket=""]::before { display: none; } html[data-sk-tasarim="final"] .profil table.sk-kartlas > tbody > tr > td:has(.btn)::before, html[data-sk-tasarim="final"] .profil table.sk-kartlas > tbody > tr > td.nolink::before { display: none; } html[data-sk-tasarim="final"] .profil table.sk-kartlas > tbody > tr > td:has(.btn), html[data-sk-tasarim="final"] .profil table.sk-kartlas > tbody > tr > td.nolink { display: flex; flex-wrap: wrap; gap: 6px; padding-top: 8px !important; margin-top: 2px; border-top: 1px solid var(--sk-ayrac) !important; } html[data-sk-tasarim="final"] .profil table.sk-kartlas > tbody > tr > td .il_ilce, html[data-sk-tasarim="final"] .profil table.sk-kartlas > tbody > tr > td .il_ilce span { display: inline; } html[data-sk-tasarim="final"] .profil table.sk-kartlas > tbody > tr > td .il_ilce span + span::before { content: " / "; color: var(--sk-yazi-3); } /* Fotoğraflı satırlar (ilanlarım, favoriler…): solda küçük fotoğraf, sağda bilgiler */ html[data-sk-tasarim="final"] .profil table.sk-kartlas > tbody > tr:has(> td:first-child img) { grid-template-columns: 104px minmax(0, 1fr); column-gap: 14px; row-gap: 4px; align-items: start; } html[data-sk-tasarim="final"] .profil table.sk-kartlas > tbody > tr:has(> td:first-child img) > td { grid-column: 2; } html[data-sk-tasarim="final"] .profil table.sk-kartlas > tbody > tr:has(> td:first-child img) > td:first-child { grid-column: 1; grid-row: 1 / span 5; } html[data-sk-tasarim="final"] .profil table.sk-kartlas > tbody > tr:has(> td:first-child img) > td:first-child::before { display: none; } html[data-sk-tasarim="final"] .profil table.sk-kartlas > tbody > tr:has(> td:first-child img) > td:first-child img { width: 104px; height: 78px; object-fit: cover; border-radius: 10px; display: block; max-width: none; } html[data-sk-tasarim="final"] .profil table.sk-kartlas > tbody > tr:has(> td:first-child img) > td:nth-child(2)::before { display: none; } html[data-sk-tasarim="final"] .profil table.sk-kartlas > tbody > tr:has(> td:first-child img) > td:nth-child(2) { font-weight: 700; font-size: 15px; } html[data-sk-tasarim="final"] .profil table.sk-kartlas > tbody > tr:has(> td:first-child img) > td:nth-child(2) a { color: var(--sk-murekkep) !important; } html[data-sk-tasarim="final"] .profil table.sk-kartlas > tbody > tr:has(> td:first-child img) > td:has(.btn), html[data-sk-tasarim="final"] .profil table.sk-kartlas > tbody > tr:has(> td:first-child img) > td.nolink { grid-column: 1 / -1; } html[data-sk-tasarim="final"] .profil table.sk-kartlas > tbody > tr > td.fiyat { font-weight: 700; color: var(--sk-murekkep); } html[data-sk-tasarim="final"] .profil table.sk-kartlas:not(:has(img)) > tbody > tr > td:first-child { font-weight: 700; } html[data-sk-tasarim="final"] .profil .panel-body { padding: 14px; } html[data-sk-tasarim="final"] .profil .panel-body:has(table.sk-kartlas) { padding: 12px !important; background: var(--sk-zemin); } html[data-sk-tasarim="final"] .profil .btn-group { display: flex; flex-wrap: wrap; gap: 6px; } } @media (max-width: 991px) { .sk-mobil-arac { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; } .sk-mobil-arac .sk-sirala2 { min-width: 0; } .sk-mobil-arac .sk-sirala2 > summary { overflow: hidden; padding: 0 10px; } .sk-mobil-arac .sk-sirala2 > summary span { min-width: 0; white-space: nowrap; } .sk-mobil-arac .sk-acilir__menu { max-width: calc(100vw - 32px); } } /* ===== Öne çıkart (v1.13) ===== */ .sk-onecikart { padding-bottom: 48px; } .sk-onecikart__bas { display: flex; align-items: center; gap: 16px; margin: 0 0 24px; } .sk-onecikart__bas p { margin: 4px 0 0; font-size: 17px; color: var(--sk-yazi-2); } .sk-onecikart__rozet { flex: none; width: 56px; height: 56px; border-radius: 16px; display: grid; place-items: center; background: var(--sk-sari-50); color: var(--sk-turuncu-700); } .sk-onecikart__ilan { display: flex; align-items: center; gap: 14px; padding: 12px; background: #fff; border: 1px solid var(--sk-kenar); border-radius: 14px; margin: 0 0 20px; } .sk-onecikart__foto { flex: none; width: 88px; height: 66px; border-radius: 10px; overflow: hidden; background: var(--sk-zemin); display: grid; place-items: center; color: var(--sk-yazi-3); } .sk-onecikart__foto img { width: 100%; height: 100%; object-fit: cover; } .sk-onecikart__ilan-metin { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; } .sk-onecikart__ilan-metin strong { color: var(--sk-murekkep); font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; } .sk-onecikart__ilan-metin span { font-size: 14px; color: var(--sk-yazi-2); } .sk-onecikart__ilan--secim { color: inherit; text-decoration: none !important; margin: 0; transition: border-color .15s; } .sk-onecikart__ilan--secim:hover { border-color: var(--sk-turuncu); } .sk-onecikart__liste { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; } .sk-onecikart__ilan { min-width: 0; } .sk-onecikart__not { color: var(--sk-yazi-2); margin: 0 0 12px; } .sk-onecikart__secenekler { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 14px; } .sk-secenek { position: relative; display: flex; flex-direction: column; gap: 8px; padding: 18px; margin: 0; background: #fff; border: 1.5px solid var(--sk-kenar); border-radius: 16px; cursor: pointer; font-weight: 400; transition: border-color .15s, box-shadow .15s; } .sk-secenek:hover { border-color: var(--sk-turuncu); } .sk-secenek input { position: absolute; opacity: 0; width: 1px; height: 1px; } .sk-secenek:focus-within { box-shadow: 0 0 0 3px var(--sk-turuncu-50); border-color: var(--sk-turuncu-600); } .sk-secenek.is-secili { border-color: var(--sk-turuncu-600); background: #FFFAF6; box-shadow: 0 0 0 3px var(--sk-turuncu-50); } .sk-secenek.is-etkin { cursor: default; background: var(--sk-zemin); border-style: dashed; } .sk-secenek__ikon { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; background: var(--sk-turuncu-50); color: var(--sk-turuncu-700); } .sk-secenek__ad { font-family: var(--sk-baslik); font-weight: 700; font-size: 18px; color: var(--sk-murekkep); } .sk-secenek__aciklama { font-size: 14px; line-height: 1.45; color: var(--sk-yazi-2); flex: 1 1 auto; } .sk-secenek__sure { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--sk-yazi-2); } .sk-secenek__alt { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-top: 12px; border-top: 1px solid var(--sk-kenar); } .sk-secenek__fiyat { font-weight: 700; font-size: 18px; color: var(--sk-murekkep); } .sk-secenek__durum { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; color: var(--sk-turuncu-yazi); } .sk-secenek__durum.is-etkin { color: var(--sk-basari); } .sk-secenek__kutu { width: 22px; height: 22px; border-radius: 6px; border: 1.5px solid var(--sk-kenar-form); display: grid; place-items: center; color: transparent; background: #fff; } .sk-secenek.is-secili .sk-secenek__kutu { background: var(--sk-turuncu-600); border-color: var(--sk-turuncu-600); color: #fff; } .sk-onecikart__ozet { position: sticky; bottom: 0; z-index: 5; margin-top: 20px; display: flex; flex-wrap: wrap; align-items: center; gap: 14px 24px; padding: 16px 18px; background: #fff; border: 1px solid var(--sk-kenar); border-radius: 16px; box-shadow: 0 -6px 24px rgba(20,20,40,.06); } .sk-onecikart__toplam { display: flex; flex-direction: column; min-width: 120px; } .sk-onecikart__toplam span { font-size: 13px; color: var(--sk-yazi-2); } .sk-onecikart__toplam strong { font-size: 24px; font-family: var(--sk-baslik); color: var(--sk-murekkep); line-height: 1.2; } .sk-onecikart__toplam small { font-size: 12px; color: var(--sk-yazi-2); } .sk-onecikart__ozet .sk-onay { flex: 1 1 260px; } .sk-onecikart__ozet .sk-onay a { color: var(--sk-turuncu-yazi) !important; text-decoration: underline; } .sk-onecikart__btn { display: flex; gap: 10px; margin-left: auto; } .sk-onecikart__btn .sk-btn[disabled] { opacity: .5; cursor: not-allowed; } @media (max-width: 767px) { .sk-onecikart__bas p { font-size: 15px; } .sk-onecikart__rozet { width: 46px; height: 46px; } .sk-onecikart__ilan { flex-wrap: wrap; } .sk-onecikart__ilan-metin { flex-basis: calc(100% - 110px); } .sk-onecikart__ilan--secim .sk-btn { width: 100%; justify-content: center; } .sk-onecikart__secenekler { grid-template-columns: minmax(0, 1fr); } .sk-onecikart__ozet { position: static; box-shadow: none; } .sk-onecikart__btn { width: 100%; margin: 0; } .sk-onecikart__btn .sk-btn { flex: 1 1 0; justify-content: center; } } /* v1.13.2 — anasayfa üst bölüm ara ölçüler (992–1199): kahraman ve hızlı bağlantılar yan yana, eşit boyda */ @media (min-width: 992px) and (max-width: 1199px) { .sk-ana-ust { grid-template-columns: minmax(0, 1fr) 268px; gap: 16px; } .sk-kahraman { padding: 26px 28px; gap: 20px; } .sk-kahraman h1 { font-size: 36px; } .sk-kahraman p { display: none; } .sk-adimlar { flex-basis: 210px; } .sk-adimlar li { padding: 10px 12px; font-size: 14px; } .sk-hizli__yeni div { flex-wrap: nowrap; } .sk-hizli__yeni .sk-cip { padding: 0 11px; min-height: 36px; font-size: 13px; } } /* Marka yazısı: sahi (sarı) kimden (turuncu) ® (koyu zeminde beyaz) */ .sk-markayazi { white-space: nowrap; } .sk-markayazi__sahi { color: var(--sk-sari) !important; } .sk-markayazi__kimden { color: var(--sk-turuncu) !important; } .sk-markayazi__r { color: var(--sk-markayazi-r, #fff) !important; line-height: 0; margin-left: .06em; } /* Açık zeminde ® siyah (marka_yazi(true) ya da açık zeminli kapsayıcılar) */ .sk-markayazi--acik, :where(.sk-giris__kart, .sk-kutu, .sk-sayfa, .sk-kart, .sk-hizli, .sk-modal, .sk-bos) .sk-markayazi { --sk-markayazi-r: var(--sk-murekkep); } /* Üyelik sözleşmesi penceresi (v1.13.2) */ .sk-sozonay__link { appearance: none; border: 0; background: none; padding: 0; font: inherit; color: var(--sk-turuncu-yazi); font-weight: 700; text-decoration: underline; cursor: pointer; } .sk-sozlesme { width: min(720px, calc(100vw - 24px)); max-height: min(86vh, 900px); overflow: hidden; } .sk-sozlesme[open] { display: flex; flex-direction: column; } .sk-sozlesme__bas { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 20px; border-bottom: 1px solid var(--sk-kenar); flex: none; } .sk-sozlesme__bas .sk-h3 { margin: 0; } .sk-sozlesme__metin { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 20px 24px 24px; font-size: 15px; line-height: 1.65; color: var(--sk-murekkep); outline: none; } .sk-sozlesme__metin h2, .sk-sozlesme__metin h3, .sk-sozlesme__metin h4 { font-family: var(--sk-baslik); margin: 1.2em 0 .4em; line-height: 1.25; } .sk-sozlesme__metin p, .sk-sozlesme__metin ul, .sk-sozlesme__metin ol { margin: 0 0 .9em; } .sk-sozlesme__alt { margin-top: 28px; padding-top: 20px; border-top: 1px solid var(--sk-kenar); text-align: center; } .sk-sozlesme__alt p { margin: 0 0 12px; color: var(--sk-yazi-2); font-size: 14px; } @media (max-width: 767px) { .sk-sozlesme { width: 100vw; max-width: 100vw; max-height: 100dvh; height: 100dvh; border-radius: 0; margin: 0; } .sk-sozlesme__metin { padding: 16px; } } /* ===== Filtreler v1.13.3: sıkı akordiyon, çip seçimler, özel seçim kutusu ===== */ .sk-filtre__govde { padding: 2px 14px; } .sk-filtre details { padding: 0; } .sk-filtre summary { min-height: 46px; font-size: 14.5px; gap: 8px; } .sk-filtre summary > span { display: inline-flex; align-items: center; gap: 8px; min-width: 0; } .sk-filtre__nokta { width: 8px; height: 8px; border-radius: 50%; background: var(--sk-turuncu); flex: none; } .sk-filtre__alan { padding: 0 0 12px; gap: 6px; } .sk-filtre__alan:empty, .sk-filtre #ilce_sec:empty, .sk-filtre #mahalle_sec:empty { display: none; } .sk-filtre select, .sk-filtre__alan input[type=text] { width: 100%; min-height: 42px !important; height: 42px; border: 1px solid var(--sk-kenar-form) !important; border-radius: var(--sk-r-sm) !important; background-color: #fff !important; font-size: 15px !important; color: var(--sk-murekkep); padding: 0 12px !important; box-shadow: none !important; margin: 0 !important; } .sk-filtre select { -webkit-appearance: none; appearance: none; padding-right: 34px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235A6378' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 10px center !important; background-size: 16px !important; text-overflow: ellipsis; } .sk-filtre select:focus, .sk-filtre__alan input[type=text]:focus { border-color: var(--sk-lacivert) !important; outline: none; } .sk-filtre #il_sec, .sk-filtre #ilce_sec, .sk-filtre #mahalle_sec { display: block; } .sk-filtre #il_sec .form-group, .sk-filtre #ilce_sec .form-group, .sk-filtre #mahalle_sec .form-group { margin: 0; } .sk-filtre #il_sec label, .sk-filtre #ilce_sec label, .sk-filtre #mahalle_sec label { display: none; } .sk-filtre__ikili { gap: 6px; } .sk-filtre__ikili label { margin: 0; min-width: 0; } .sk-filtre__secim { flex-direction: row; flex-wrap: wrap; gap: 6px; } .sk-filtre__secim label { margin: 0; cursor: pointer; font-weight: 400; } .sk-filtre__secim input { position: absolute; opacity: 0; width: 1px; height: 1px; } .sk-filtre__secim span { display: inline-flex; align-items: center; min-height: 34px; padding: 0 12px; border-radius: var(--sk-r-tam); border: 1px solid var(--sk-kenar); background: #fff; font-size: 13.5px; font-weight: 600; color: var(--sk-murekkep); transition: background .12s, border-color .12s; } .sk-filtre__secim label:hover span { border-color: var(--sk-kenar-form); } .sk-filtre__secim input:checked + span { background: var(--sk-murekkep); border-color: var(--sk-murekkep); color: #fff; } .sk-filtre__secim input:focus-visible + span { outline: 2px solid var(--sk-lacivert); outline-offset: 2px; } .sk-filtre__ayak { padding: 10px 14px; } /* v1.13.3: telefonda/tablette dokununca çıkan mavi vurgu ve seçim yok; arama kutusunda odak karesi yok */ html, a, button, summary, label, input, select, textarea, [role="button"], [tabindex] { -webkit-tap-highlight-color: transparent; } summary, button, .sk-btn, .sk-cip, .sk-filtre__secim span, .sk-hmenu__oge, .sk-ana-kat, .sk-altnav a { -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; } .sk-ust .sk-arama input:focus, .sk-ust .sk-arama input:focus-visible, .sk-arama input:focus, .sk-arama input:focus-visible { outline: none !important; box-shadow: none !important; border: 0 !important; } @media (hover: none) { :where(.sk-yeni) a:focus:not(:focus-visible), :where(.sk-yeni) button:focus:not(:focus-visible), summary:focus:not(:focus-visible) { outline: none; box-shadow: none; } } /* v1.14.1: kahraman — 992 px altında da yazı ve buton solda, 1-2-3 sağda; ekran daraldıkça her şey orantılı küçülür */ @media (max-width: 991px) { .sk-kahraman { display: flex !important; align-items: center; gap: clamp(10px, 3vw, 20px); padding: clamp(14px, 4vw, 26px); } .sk-kahraman__metin { flex: 1 1 auto; min-width: 0; gap: clamp(8px, 2.4vw, 14px); } .sk-kahraman h1 { font-size: clamp(19px, 5.4vw, 32px) !important; line-height: 1.05; } .sk-kahraman .sk-btn--buyuk { min-height: clamp(38px, 10vw, 52px); padding: 0 clamp(12px, 3.6vw, 22px); font-size: clamp(13px, 3.6vw, 16px); } .sk-kahraman .sk-btn--buyuk .sk-ikon { width: clamp(15px, 4vw, 20px); height: clamp(15px, 4vw, 20px); } .sk-adimlar { display: flex; flex: 0 1 clamp(130px, 38vw, 220px); min-width: 0; gap: clamp(4px, 1.2vw, 8px); margin: 0; } .sk-adimlar li { padding: clamp(6px, 1.6vw, 10px) clamp(7px, 2vw, 12px); font-size: clamp(10.5px, 2.9vw, 14px); gap: clamp(6px, 1.8vw, 10px); border-radius: clamp(8px, 2vw, 12px); } .sk-adimlar li span { width: clamp(18px, 5vw, 28px); height: clamp(18px, 5vw, 28px); font-size: clamp(10px, 2.8vw, 14px); } } .sk-profil-ilan { margin-top: 20px; } .sk-profil-ilan .sk-sonuc-ust { align-items: center; flex-wrap: wrap; gap: 12px; } .sk-profil-ilan .sk-sonuc-ust .sk-h3 { margin: 0; } /* v1.14: kategori listesinde öne çıkartma çağrısı ve doğal reklam kartı */ .sk-onecagri { grid-column: 1 / -1; display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-radius: var(--sk-r-md); background: var(--sk-sari-50); border: 1px dashed var(--sk-sari); color: var(--sk-murekkep) !important; font-size: 14px; line-height: 1.4; } .sk-onecagri:hover { background: #FFEBC9; } .sk-onecagri__ikon { flex: none; width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; background: #fff; color: var(--sk-turuncu-yazi); } .sk-onecagri__metin { flex: 1 1 auto; min-width: 0; } .sk-onecagri__git { flex: none; display: inline-flex; align-items: center; gap: 4px; font-weight: 700; color: var(--sk-turuncu-yazi); white-space: nowrap; } @media (max-width: 599px) { .sk-onecagri__git { display: none; } } .sk-kart--reklam { background: #FBFBFD; border-style: dashed; } .sk-rozet--reklam { background: rgba(31, 36, 51, .78); color: #fff; letter-spacing: .02em; } .sk-kart--reklam .sk-kart__ozet { margin: 0; font-size: 13.5px; line-height: 1.45; color: var(--sk-yazi-2); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .sk-kart__reklam-git { color: var(--sk-lacivert) !important; font-weight: 600; } /* v1.14: büyük görünüm — kapat düğmesi, çekerek kapatma, yatay telefon */ .sk-isik { outline: none; touch-action: pan-x; } .sk-isik__kapat { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px 0 12px; border: 1px solid rgba(255, 255, 255, .22); border-radius: var(--sk-r-tam); background: rgba(255, 255, 255, .1); color: #fff; font: 700 15px/1 var(--sk-yazi); cursor: pointer; transition: background .15s; flex: none; } .sk-isik__kapat:hover { background: rgba(255, 255, 255, .2); } .sk-isik__kapat .sk-ikon { width: 20px; height: 20px; } .sk-isik__iz { cursor: zoom-out; } .sk-isik__iz img { cursor: default; user-select: none; -webkit-user-drag: none; } .sk-isik.is-cekiliyor .sk-isik__iz { transform: translateY(var(--sk-cek, 0)); transition: none; } .sk-isik.is-cekiliyor { background: rgba(12, 14, 20, .75); } @media (max-width: 767px) { .sk-isik__kapat span { display: none; } .sk-isik__kapat { width: 44px; padding: 0; justify-content: center; } .sk-isik .sk-galeri__ok { display: none; } } /* Telefon yan çevrilince fotoğraf tüm ekranı kaplar; üst ve alt şeritler gizlenir, kapat düğmesi köşede kalır */ @media (orientation: landscape) and (max-height: 520px) { .sk-isik__ust { position: absolute; top: 0; left: 0; right: 0; z-index: 2; background: linear-gradient(rgba(0, 0, 0, .55), transparent); padding: 8px 12px; } .sk-isik__baslik { display: none; } .sk-isik__ust { justify-content: flex-end; } .sk-isik__minik { display: none; } .sk-isik__iz figure { padding: 0; } .sk-isik__iz img { max-height: 100vh; max-height: 100dvh; max-width: 100vw; border-radius: 0; box-shadow: none; } } /* v1.14: fotoğrafsız ilan — kartta kategori renginde sade alan, ilan sayfasında fotoğraf iste / ekle + reklam alanı */ .sk-kart__yok--kat { background: var(--sk-yuzey-2); background: radial-gradient(120% 90% at 30% 20%, color-mix(in srgb, var(--k) 22%, #fff), color-mix(in srgb, var(--k) 8%, #fff)); color: var(--kk); } .sk-kart__yok--kat > span { font-size: 12px; font-weight: 600; color: var(--sk-yazi-2); } .sk-fotoyok { background: var(--sk-yuzey-2); background: radial-gradient(120% 90% at 30% 15%, color-mix(in srgb, var(--k) 20%, #fff), color-mix(in srgb, var(--k) 6%, #fff)); border-radius: var(--sk-r-lg); padding: 28px 20px; display: flex; flex-direction: column; align-items: center; gap: 16px; min-height: 340px; justify-content: center; position: relative; } .sk-fotoyok__ic { display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; max-width: 420px; } .sk-fotoyok__ikon { width: 84px; height: 84px; border-radius: 26px; display: grid; place-items: center; background: #fff; color: var(--kk); box-shadow: var(--sk-golge-2); margin-bottom: 4px; } .sk-fotoyok__ic strong { font-family: var(--sk-baslik); font-size: 22px; color: var(--sk-murekkep); } .sk-fotoyok__ic > span { color: var(--sk-yazi-2); font-size: 15px; line-height: 1.5; } .sk-fotoyok__ic .sk-btn { margin-top: 6px; } .sk-fotoyok__reklam { display: flex; align-items: center; gap: 12px; width: 100%; max-width: 520px; padding: 10px; border-radius: var(--sk-r-md); background: rgba(255, 255, 255, .85); border: 1px dashed var(--sk-kenar-form); color: var(--sk-murekkep) !important; text-align: left; } .sk-fotoyok__reklam img { width: 96px; height: 72px; object-fit: cover; border-radius: 10px; flex: none; } .sk-fotoyok__reklam span { display: flex; flex-direction: column; gap: 2px; min-width: 0; } .sk-fotoyok__reklam em { font-style: normal; font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--sk-yazi-3); } .sk-fotoyok__reklam strong { font-size: 15px; } .sk-fotoyok__reklam small { font-size: 13px; color: var(--sk-yazi-2); } /* v1.14: Tüm kategoriler — üst bölüm yalın (masaüstünde yalnız yol ve başlık, telefonda yok); kartta ilan sayısı adla aynı satırda sağda, altında ilk alt kategoriler */ .sk-katlar-bas { padding: 28px 0 44px; } .sk-katlar-bas h1 { margin: 0; } .sk-katkart__bas { min-width: 0; } .sk-katkart__metin { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 4px; } .sk-katkart__satir { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; } .sk-katkart__satir h2 { margin: 0; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sk-katkart__satir .sk-katkart__sayi { flex: none; margin: 0; font-weight: 600; } @media (min-width: 992px) { .sk-katkart__ozet { display: none; } } .sk-katkart__ozet { font-size: 13.5px; color: var(--sk-yazi-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media (max-width: 991px) { .sk-katlar-bas { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; padding: 0; } .sk-katlar-izgara { margin-top: 12px; gap: 6px; grid-template-columns: minmax(0, 1fr) !important; } .sk-katkart { min-width: 0; } .sk-katkart { border-radius: 12px; box-shadow: none; } .sk-katkart__bas { padding: 6px 6px 6px 8px; min-height: 0; gap: 12px; } .sk-katkart__ikon { width: 38px; height: 38px; border-radius: 11px; } .sk-katkart__metin { gap: 2px; } .sk-katkart__ikon .sk-ikon { width: 22px; height: 22px; } .sk-katkart__ad { font-size: 16px; } .sk-katkart__satir .sk-katkart__sayi { font-size: 13px; } .sk-katkart__ozet { font-size: 12.5px; } .sk-katkart__ac { width: 36px; height: 36px; flex: none; } } /* ===== v1.14.3: Üst bölüm ölçü sistemi (masaüstü) ===== Tek kontrol yüksekliği: --sk-ust-k = 40 px (arama kutusu, Ara, ikon düğmeleri, hesap, Hemen İlan Ver!). Üst bölüm = 40 + 2×14 = 68 px. Tek köşe: 10 px. Logo 34 px (en çok 35), dikeyde ortalı. Arama kutusu ve Ara arasında 6 px; arama grubu ile sağdaki düğmeler arasında 12 px; sağdaki düğmeler arasında 8 px. Logo ile arama arasında en az 40 px; giriş yapınca düğmeler genişlerse arama kutusu daralıp logoya doğru kayar. */ @media (min-width: 992px) { :root { --sk-ust-k: 40px; } .sk-ust__ic { min-height: 68px; padding-top: 14px; padding-bottom: 14px; gap: 0; align-items: center; } .sk-logo { display: flex; align-items: center; height: var(--sk-ust-k); margin: 0 40px 0 0; flex: none; } .sk-logo img, .sk-logo__masa { height: 34px !important; max-height: 35px; width: auto; } .sk-ust .sk-arama { margin: 0 0 0 auto; flex: 0 1 440px; min-width: 200px; max-width: 440px; min-height: 0; height: var(--sk-ust-k); background: transparent; overflow: visible; gap: 6px; align-items: stretch; } .sk-arama__kelime { height: var(--sk-ust-k); } .sk-ust .sk-arama input { height: calc(var(--sk-ust-k) - 2px); } .sk-arama__btn { height: var(--sk-ust-k); padding: 0 14px; min-width: 0; flex: none; } .sk-ust__nav { flex: none; margin-left: 12px; gap: 8px; } .sk-ust__ikon { width: var(--sk-ust-k); height: var(--sk-ust-k); border-radius: 10px; } .sk-ust__cizgi, .sk-ust__ilanver, .sk-ust__nav .sk-btn { min-height: var(--sk-ust-k) !important; height: var(--sk-ust-k); border-radius: 10px !important; } .sk-ust__cizgi { padding: 0 12px; font-size: 14px; } .sk-ust__ilanver { padding: 0 16px; font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px) { .sk-logo { margin-right: 24px; } .sk-ust .sk-arama { flex-basis: 360px; } .sk-ust__cizgi { padding: 0 10px; } .sk-ust__ilanver { padding: 0 12px; } } .sk-arama__kelime { background: rgba(255, 255, 255, .14); border: 1px solid rgba(255, 255, 255, .32); border-radius: 10px; transition: background .15s, border-color .15s; color: rgba(255, 255, 255, .7); gap: 8px; padding: 0 12px; } .sk-arama__kelime:focus-within { background: rgba(255, 255, 255, .2); border-color: rgba(255, 255, 255, .55); } .sk-ust .sk-arama input { color: #fff !important; caret-color: #fff; font-weight: 600 !important; font-size: 14px !important; } .sk-ust .sk-arama input::placeholder { color: rgba(255, 255, 255, .62) !important; font-weight: 700 !important; font-size: 14px !important; opacity: 1; } .sk-arama__kelime > .sk-ikon { color: rgba(255, 255, 255, .7); width: 18px; height: 18px; } .sk-arama__btn { background: transparent !important; border: 1px solid rgba(255, 255, 255, .45); border-radius: 10px; color: #fff; font-size: 14px; font-weight: 700; transition: background .15s, border-color .15s; } .sk-arama__btn:hover { background: rgba(255, 255, 255, .12) !important; border-color: #fff; } @media (max-width: 991px) { .sk-arama { background: transparent; overflow: visible; gap: 6px; } .sk-arama__kelime { height: 46px; padding: 0 12px; } .sk-arama__btn { padding: 0 14px; height: 46px; background: var(--sk-turuncu-600) !important; border-color: var(--sk-turuncu-600); } .sk-ust .sk-arama input { font-size: 16px !important; } /* 16 px altı iOS'ta odakta yakınlaştırır */ .sk-ust .sk-arama input::placeholder { font-size: 15px !important; } .sk-logo__mobil { height: 32px !important; } } @media (max-width: 420px) { .sk-ust .sk-arama input::placeholder { font-size: 14px !important; letter-spacing: -.1px; } } /* Logoya tıklanınca hafifçe ezilir (v1.16.4: küçülme yarıya indi, 35 → ~34 px) */ .sk-logo { -webkit-tap-highlight-color: transparent; outline: none; } .sk-logo img { transition: transform .12s ease; transform-origin: left center; } .sk-logo:active img { transform: scale(.972); } .sk-logo:focus:not(:focus-visible) { box-shadow: none !important; } @media (max-width: 991px) { .sk-ana-katlar--mobil-yok { display: none; } } /* v1.14.2: büyük görünüm yüksekliği gerçek görünür alana göre (telefon yan çevrilince tarayıcı çubuğunun altında kalmaz) */ .sk-isik { top: 0; bottom: auto; height: 100vh; height: 100dvh; height: var(--sk-isik-h, 100dvh); } .sk-isik:fullscreen { height: 100%; } @media (orientation: landscape) and (max-height: 520px) { .sk-isik__iz img { max-height: var(--sk-isik-h, 100dvh) !important; } } .sk-logo img { will-change: transform; } /* v1.14.3: Üst bölüm UI incelemesi düzeltmeleri — tek kenarlık dili, tek ikon boyu, tek yazı kalınlığı, aynı hover */ @media (min-width: 992px) { .sk-arama__btn, .sk-ust__cizgi { border: 1px solid rgba(255, 255, 255, .32) !important; line-height: 1; } .sk-ust__ikon { background: rgba(255, 255, 255, .10); border: 1px solid rgba(255, 255, 255, .32); } .sk-arama__btn { background: rgba(255, 255, 255, .14) !important; font-weight: 600; } .sk-ust__nav { margin-left: 16px; } .sk-ust .sk-ikon { width: 18px; height: 18px; } .sk-ust__hesap summary .sk-ikon:last-child { width: 14px; height: 14px; } .sk-ust__ilanver { line-height: 1; } .sk-ust__ilanver .sk-ikon { width: 16px; height: 16px; } .sk-ust .sk-sayac { min-width: 19px; height: 19px; font-size: 11px; line-height: 1; top: -5px; right: -5px; padding: 0 4px; } .sk-ust__hesap .sk-ust__ad { max-width: 110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sk-ust__cizgi:hover, .sk-arama__btn:hover, .sk-ust__ikon:hover { background: rgba(255, 255, 255, .12) !important; border-color: rgba(255, 255, 255, .6) !important; } .sk-ust__cizgi, .sk-ust__ikon, .sk-arama__btn { transition: background .15s, border-color .15s; } } .sk-ust .sk-arama input { text-overflow: ellipsis; } .sk-ust .sk-arama input::placeholder { font-weight: 500 !important; } .sk-arama__kelime > .sk-ikon { color: rgba(255, 255, 255, .75); } /* v1.14.6: üst bölüm hiçbir genişlikte yapışık değil (marka sahibi kararı). Eski temadan kalan 1 px'lik sabit çizgi kaldırıldı. */ html[data-sk-tasarim="final"] body::before { height: 0 !important; height: env(safe-area-inset-top, 0px) !important; } /* v1.14.7: Tarayıcı çubuğu rengi, canlıdaki eski temanın yöntemiyle. Safari 26 ve sonrası çubuğu sayfanın en üstündeki "yapışık" (position: sticky) öğenin renginden boyar. Bu öğe üst bölümün içinde olduğu ve üst bölüm onunla aynı yükseklikte olduğu için ekranda yapışmaz; üst bölüm sayfayla birlikte kayar. */ .sk-ust__yapis { position: -webkit-sticky; position: sticky; top: 0; background: var(--sk-lacivert); } /* v1.14.8: Fotoğrafsız kart alanı: yazı her görünümde ortalı; "Resimsiz İlanlar modu"nda alan kategori rengi, ikonu ve adıyla dolu */ .sk-kart__yok > span { display: block; max-width: 100%; padding: 0 10px; text-align: center; line-height: 1.3; } .sk-kart__yok--resimsiz > svg { width: 40px; height: 40px; } .sk-kart__yok--resimsiz > span { color: var(--kk); font-weight: 700; } /* v1.14.8: İlk giriş tanıtım turu */ .sk-tur { position: fixed; inset: 0; z-index: 5000; animation: sk-tur-gir .2s ease; } .sk-tur.is-kapan { opacity: 0; transition: opacity .18s ease; } .sk-tur__isik { position: fixed; border-radius: 14px; box-shadow: 0 0 0 9999px rgba(20, 24, 38, .66); outline: 2px solid var(--sk-sari); outline-offset: 0; transition: left .25s ease, top .25s ease, width .25s ease, height .25s ease; pointer-events: none; overflow: hidden; } .sk-tur__el { display: none; } .sk-tur__isik--kaydir .sk-tur__el { display: block; position: absolute; top: 50%; left: 50%; width: 34px; height: 34px; margin: -17px 0 0 -17px; border-radius: 50%; background: rgba(255, 255, 255, .92); box-shadow: 0 2px 10px rgba(0, 0, 0, .25); animation: sk-tur-kaydir 1.6s ease-in-out infinite; } .sk-tur__kart { position: fixed; background: #fff; color: var(--sk-murekkep); border-radius: 16px; padding: 16px 18px 14px; box-shadow: 0 12px 40px rgba(0, 0, 0, .28); } .sk-tur__kart:focus { outline: none; box-shadow: 0 12px 40px rgba(0, 0, 0, .28); } .sk-tur__nokta { display: flex; gap: 6px; margin-bottom: 10px; } .sk-tur__nokta i { width: 8px; height: 8px; border-radius: 50%; background: var(--sk-kenar); } .sk-tur__nokta i.is-on { width: 22px; border-radius: 4px; background: var(--sk-turuncu); } .sk-tur__baslik { display: block; font-family: var(--sk-baslik); font-size: 18px; line-height: 1.25; margin-bottom: 4px; } .sk-tur__metin { margin: 0 0 14px; font-size: 15px; line-height: 1.45; color: var(--sk-yazi-2); } .sk-tur__eylem { display: flex; align-items: center; justify-content: space-between; gap: 12px; } .sk-tur__atla { background: none; border: 0; padding: 10px 4px; color: var(--sk-yazi-2); font-weight: 600; font-size: 15px; cursor: pointer; } .sk-tur__ileri { min-width: 110px; background: var(--sk-turuncu) !important; border-color: var(--sk-turuncu) !important; color: #fff !important; } @keyframes sk-tur-gir { from { opacity: 0; } to { opacity: 1; } } @keyframes sk-tur-kaydir { 0% { transform: translateX(60px); opacity: 0; } 15% { opacity: 1; } 70% { transform: translateX(-60px); opacity: 1; } 100% { transform: translateX(-60px); opacity: 0; } } @media (prefers-reduced-motion: reduce) { .sk-tur, .sk-tur__isik { animation: none; transition: none; } } /* v1.14.8: İlan özet barı */ .sk-ozetbar { position: fixed; left: 0; right: 0; top: 0; z-index: 950; background: rgba(255, 255, 255, .97); -webkit-backdrop-filter: saturate(1.4) blur(10px); backdrop-filter: saturate(1.4) blur(10px); border-bottom: 1px solid var(--sk-kenar); box-shadow: 0 6px 24px rgba(20, 24, 40, .08); transform: translateY(-110%); transition: transform .22s ease; padding-top: env(safe-area-inset-top, 0px); } .sk-ozetbar.is-acik { transform: none; } .sk-ozetbar__ic { display: flex; align-items: center; gap: 14px; min-height: 64px; padding-top: 8px; padding-bottom: 8px; } .sk-ozetbar__gorsel { flex: 0 0 56px; width: 56px; height: 42px; border-radius: 8px; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; background: color-mix(in srgb, var(--k) 18%, #fff); color: var(--kk); } .sk-ozetbar__gorsel img { width: 100%; height: 100%; object-fit: cover; } .sk-ozetbar__kim { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; } .sk-ozetbar__baslik { font-size: 15px; font-weight: 700; color: var(--sk-murekkep); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sk-ozetbar__alt { display: flex; align-items: center; gap: 12px; min-width: 0; font-size: 13px; color: var(--sk-yazi-2); white-space: nowrap; } .sk-ozetbar__fiyat { font-size: 16px; font-weight: 800; color: var(--sk-murekkep); } .sk-ozetbar__yer { display: inline-flex; align-items: center; gap: 4px; overflow: hidden; text-overflow: ellipsis; } .sk-ozetbar__cip { display: flex; gap: 6px; margin: 0; padding: 0; list-style: none; flex: 0 1 auto; min-width: 0; overflow: hidden; } .sk-ozetbar__cip li { display: inline-flex; align-items: center; gap: 5px; padding: 5px 10px; border-radius: 999px; background: var(--sk-yuzey-2, #F1F3F8); font-size: 13px; font-weight: 600; color: var(--sk-murekkep); white-space: nowrap; } .sk-ozetbar__cip li .sk-ikon { color: var(--sk-yazi-2); } .sk-ozetbar__eylem { display: flex; align-items: center; gap: 8px; flex: none; } .sk-ozetbar__eylem .sk-btn { min-height: 40px; background: var(--sk-turuncu) !important; border-color: var(--sk-turuncu) !important; color: #fff !important; white-space: nowrap; } .sk-ozetbar__ikon { width: 40px; height: 40px; border-radius: 10px; border: 1px solid var(--sk-kenar-form, #D8DCE6); background: #fff; display: inline-flex; align-items: center; justify-content: center; color: var(--sk-murekkep) !important; cursor: pointer; padding: 0; } .sk-ozetbar__ikon--wa { background: #25D366; border-color: #25D366; color: #fff !important; } .sk-ozetbar__sekme { display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; border-top: 1px solid var(--sk-kenar); padding: 6px 0 8px; } .sk-ozetbar__sekme::-webkit-scrollbar { display: none; } .sk-ozetbar__sekme a { flex: none; padding: 7px 12px; border-radius: 8px; font-size: 14px; font-weight: 600; color: var(--sk-yazi-2) !important; white-space: nowrap; text-decoration: none !important; -webkit-tap-highlight-color: transparent; transition: background-color .15s, color .15s; } .sk-ozetbar__sekme a:hover { color: var(--sk-murekkep) !important; } /* v1.16.2: seçili sekme saydam turuncu zeminle (ilanlardaki "Dikkat Çek" tonu); alt çizgi yok, ilerleme çizgisiyle karışmaz */ .sk-ozetbar__sekme a.is-on { color: var(--sk-murekkep) !important; background: rgba(255, 127, 62, .14); } .sk-ozetbar__ilerleme { position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; overflow: hidden; } .sk-ozetbar__ilerleme i { display: block; height: 100%; background: var(--sk-turuncu); transform-origin: left center; transform: scaleX(0); } @media (max-width: 1199px) { .sk-ozetbar__cip li:nth-child(n+3) { display: none; } } @media (max-width: 991px) { .sk-ozetbar__ic { min-height: 56px; gap: 10px; } .sk-ozetbar__gorsel { flex-basis: 48px; width: 48px; height: 36px; } .sk-ozetbar__cip, .sk-ozetbar__eylem { display: none; } /* telefonda iletişim alttaki barda */ .sk-ozetbar__baslik { font-size: 14px; } .sk-ozetbar__fiyat { font-size: 15px; } } @media (prefers-reduced-motion: reduce) { .sk-ozetbar { transition: none; } } /* v1.14.9: Kategori listesinde "Yatay" görünüm her genişlikte tek sütun (alt ekran ölçülerindeki çok sütunlu kurallar eziyordu) */ .sk-izgara.sk-izgara--liste { grid-template-columns: minmax(0, 1fr) !important; } /* v1.14.10: Tablet genişliğinde (768–991 px) arama kutusu aynı satırda, sağdaki düğmelere yakın (logoya yapışmaz), en çok 380 px. 768 px altında arama ikinci satıra iner. */ @media (min-width: 768px) and (max-width: 991px) { .sk-ust__ic { flex-wrap: nowrap; align-items: center; gap: 12px; padding-bottom: 12px; } .sk-logo { flex: none; } .sk-ust .sk-arama { order: 2; flex: 0 1 380px; min-width: 0; max-width: 380px; margin: 0 0 0 auto; height: 44px; min-height: 0; align-items: stretch; } .sk-ust__mobil { order: 3; margin-left: 0; flex: none; } .sk-arama__kelime, .sk-arama__btn { height: 44px !important; } .sk-ust .sk-arama input { height: 42px; } } /* v1.14.11: 404 ve "ilan yayında değil" sayfası */ .sk-404 { padding-top: 32px; padding-bottom: 56px; } .sk-404__kahraman { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 40px; align-items: center; background: var(--sk-lacivert); color: #fff; border-radius: 24px; padding: 40px 48px; position: relative; overflow: hidden; } .sk-404__kahraman::after { content: ""; position: absolute; right: -80px; top: -80px; width: 260px; height: 260px; border-radius: 50%; background: radial-gradient(circle, rgba(255, 189, 89, .22), transparent 70%); pointer-events: none; } .sk-404__gorsel { display: flex; align-items: center; gap: 6px; font-family: var(--sk-baslik); } .sk-404__rakam { font-size: 112px; line-height: .9; font-weight: 800; color: var(--sk-sari); letter-spacing: -.04em; } .sk-404__lup, .sk-404__etiket { display: inline-flex; align-items: center; justify-content: center; width: 104px; height: 104px; border-radius: 50%; background: var(--sk-turuncu); color: #fff; box-shadow: 0 10px 30px rgba(255, 127, 63, .35); } .sk-404__lup .sk-ikon { width: 48px; height: 48px; } .sk-404__etiket { width: 128px; height: 128px; } .sk-404__metin { position: relative; z-index: 1; max-width: 620px; } .sk-404__h1 { font-family: var(--sk-baslik); font-size: 36px; line-height: 1.15; margin: 0 0 10px; color: #fff; } .sk-404__metin > p { margin: 0 0 20px; font-size: 16px; line-height: 1.55; color: rgba(255, 255, 255, .82); } .sk-404__ara { display: flex; gap: 8px; margin: 0 0 14px; } .sk-404__kutu { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 10px; height: 48px; padding: 0 14px; margin: 0; background: #fff; border-radius: 12px; color: var(--sk-yazi-3); cursor: text; } .sk-404__kutu input { flex: 1 1 auto; min-width: 0; height: 100%; border: 0 !important; outline: none !important; box-shadow: none !important; background: transparent; font-size: 16px; color: var(--sk-murekkep); padding: 0; } .sk-404__ara .sk-btn { height: 48px; min-width: 96px; background: var(--sk-turuncu) !important; border-color: var(--sk-turuncu) !important; color: #fff !important; } .sk-404__eylem { display: flex; flex-wrap: wrap; gap: 8px; } .sk-404__eylem .sk-btn { background: rgba(255, 255, 255, .1) !important; border: 1px solid rgba(255, 255, 255, .32) !important; color: #fff !important; } .sk-404__eylem .sk-btn:hover { background: rgba(255, 255, 255, .18) !important; } .sk-404__bolum { margin-top: 36px; } .sk-404__bolum .sk-h2 { margin-bottom: 14px; } .sk-404__katlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; } .sk-404__katlar a { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 16px 10px 14px; background: #fff; border: 1px solid var(--sk-kenar); border-radius: 16px; text-align: center; color: var(--sk-murekkep) !important; text-decoration: none !important; transition: border-color .15s, transform .15s; } .sk-404__katlar a:hover { border-color: var(--sk-turuncu); transform: translateY(-2px); } .sk-404__katikon { width: 48px; height: 48px; border-radius: 14px; display: inline-flex; align-items: center; justify-content: center; } .sk-404__katad { font-weight: 700; font-size: 14px; } .sk-404__katsayi { font-size: 12px; color: var(--sk-yazi-2); } .sk-404__cipler { display: flex; flex-wrap: wrap; gap: 8px; } @media (max-width: 767px) { .sk-404 { padding-top: 16px; } .sk-404__kahraman { grid-template-columns: 1fr; gap: 20px; padding: 28px 20px; text-align: left; border-radius: 20px; } .sk-404__rakam { font-size: 76px; } .sk-404__lup { width: 72px; height: 72px; } .sk-404__lup .sk-ikon { width: 34px; height: 34px; } .sk-404__etiket { width: 84px; height: 84px; } .sk-404__h1 { font-size: 26px; } .sk-404__ara .sk-btn { min-width: 0; padding: 0 16px; } .sk-404__katlar { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; } .sk-404__katlar a { padding: 12px 6px; } .sk-404__katsayi { display: none; } } /* v1.14.12: Geniş görünüm tablet genişliğinde (480–991 px) satırda 2 kart; fotoğraf kartı doldurur */ @media (min-width: 480px) and (max-width: 991px) { .sk-izgara.sk-izgara--genis { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px; } .sk-izgara--genis .sk-kart--genis .sk-kart__foto { aspect-ratio: 4 / 3; } .sk-izgara--genis .sk-kart--genis .sk-kart__foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } .sk-izgara--genis .sk-kart--genis .sk-kart__baslik { font-size: 16px; } .sk-izgara--genis .sk-kart--genis .sk-fiyat { font-size: 19px; } .sk-izgara--genis .sk-kart--genis .sk-kart__ozet { -webkit-line-clamp: 2; font-size: 13px; } .sk-izgara--genis > :not(.sk-kart) { grid-column: 1 / -1; } } /* v1.16.0: ilan gönderildi kartı (öne çıkart sayfasının başında) */ .sk-gonderildi { display: flex; gap: 16px; align-items: flex-start; padding: 20px 22px; margin: 4px 0 10px; background: #EAF7EF; border: 1px solid #BFE6CD; border-radius: 18px; } .sk-gonderildi__ikon { flex: none; width: 52px; height: 52px; border-radius: 50%; background: #16723F; color: #fff; display: inline-flex; align-items: center; justify-content: center; } .sk-gonderildi__metin { min-width: 0; } /* ========================================================================== v1.16.3 — Kategori listesi (telefon): araçlar tek satır, boşluklar sıkı, ilanlar ilk ekranda ========================================================================== */ @media (max-width: 991px) { .sk-sayfa > .sk-yol { margin-bottom: 8px; } .sk-sayfa > a > img, .sk-sayfa > img { margin-bottom: 10px !important; } .sk-kat-bas.sk-kat-bas--kompakt { margin: 0 0 8px; gap: 10px; } .sk-kat-bas--kompakt .sk-kat-bas__sayi { margin: 0; } .sk-kaydirici { margin-bottom: 6px; } .sk-kaydirici .sk-altkat { padding-bottom: 2px; } .sk-mobil-arac { display: flex !important; align-items: center; gap: 8px; padding: 6px 0 !important; margin-bottom: 6px !important; } .sk-mobil-arac .sk-mobil-arac__filtre { position: relative; flex: 0 0 auto; width: 44px; min-height: 44px; padding: 0; justify-content: center; border-radius: var(--sk-r-sm); } .sk-mobil-arac__yazi { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } .sk-mobil-arac__filtre.is-on { border-color: var(--sk-turuncu-600); color: var(--sk-turuncu-yazi) !important; } .sk-mobil-arac__sayi { position: absolute; top: -6px; right: -6px; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 10px; background: var(--sk-turuncu-600); color: #fff; font-size: 12px; line-height: 20px; text-align: center; } .sk-mobil-arac .sk-sirala2, .sk-mobil-arac .sk-sirala2 > summary { width: auto !important; } .sk-mobil-arac .sk-sirala2 { position: relative; flex: 0 0 auto; } .sk-mobil-arac .sk-sirala2 > summary { width: 44px !important; min-height: 44px; padding: 0; justify-content: center; position: relative; } .sk-mobil-arac .sk-sirala2 > summary > span, .sk-mobil-arac .sk-sirala2 > summary > .sk-ikon:last-child { display: none; } .sk-mobil-arac .sk-sirala2 > summary.is-on { border-color: var(--sk-turuncu-600); color: var(--sk-turuncu-yazi) !important; } .sk-mobil-arac .sk-sirala2 .sk-acilir__menu { left: 0; right: auto; min-width: 240px; } .sk-mobil-arac .sk-gorunum2 { margin-left: auto; } .sk-mobil-arac .sk-gorunum2 a { min-height: 36px; padding: 0 10px; } .sk-sonuc-ust--bos { display: none !important; } .sk-sonuc-ust { margin: 0 0 8px !important; } .sk-sekme-serit { margin-bottom: 8px; } /* Öne çıkartma çağrısı: tek satır */ .sk-onecagri { padding: 6px 12px; gap: 10px; font-size: 13px; } .sk-onecagri__ikon { width: 28px; height: 28px; border-radius: 8px; } } @media (min-width: 992px) { .sk-mobil-arac .sk-gorunum2 { display: none; } } /* v1.16.3 — Öne çıkart: kompakt seçenek kartları (ikon + başlık + açıklama yan yana; fiyat · süre · seç tek satırda) */ .sk-onecikart__secenekler { grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 10px; } .sk-secenek { display: grid; grid-template-columns: 40px minmax(0, 1fr); column-gap: 12px; row-gap: 2px; padding: 12px 14px; align-items: start; } .sk-secenek__ikon { grid-column: 1; grid-row: 1 / span 2; width: 40px; height: 40px; border-radius: 10px; } .sk-secenek__ikon .sk-ikon { width: 20px; height: 20px; } .sk-secenek__ad { grid-column: 2; font-size: 16px; line-height: 1.3; } .sk-secenek__aciklama { grid-column: 2; font-size: 13px; line-height: 1.4; } .sk-secenek__alt { grid-column: 1 / -1; margin-top: 8px; padding-top: 8px; gap: 12px; justify-content: flex-start; } .sk-secenek__fiyat { font-size: 16px; } .sk-secenek__sure { font-size: 13px; } .sk-secenek__durum { margin-left: auto; } .sk-onecikart__bas { margin: 0 0 16px; } @media (max-width: 767px) { .sk-onecikart__secenekler { grid-template-columns: minmax(0, 1fr); } .sk-onecikart__bas { gap: 12px; } .sk-onecikart__bas .sk-h1 { font-size: 24px; } .sk-onecikart__bas p { font-size: 14px; margin-top: 2px; } .sk-onecikart__ilan { padding: 10px; gap: 10px; margin-bottom: 14px; } .sk-onecikart__foto { width: 72px; height: 54px; } } /* ========================================================================== v1.16.4 — Kategori listesi araçları Masaüstü (≥992): sırala + görünüm, filtrenin üstünde tek kompakt çubuk. Sağ üstteki eski satır kaldırıldı. Telefon/tablet (<992): tek ikon satırı (filtre, sırala, görünüm); YAPIŞIK DEĞİL. ========================================================================== */ .sk-kat-sol { min-width: 0; } .sk-arac-bar { display: flex; align-items: stretch; gap: 2px; padding: 3px; margin: 0 0 10px; background: #fff; border: 1px solid var(--sk-kenar); border-radius: var(--sk-r-tam); } .sk-arac-bar__sirala { flex: 1 1 0; min-width: 0; } .sk-arac-bar__sirala > summary { list-style: none; } .sk-arac-bar__sirala > summary::-webkit-details-marker { display: none; } .sk-arac-bar__oge { flex: 1 1 0; min-width: 0; display: inline-flex; align-items: center; justify-content: center; gap: 4px; min-height: 32px; padding: 0 6px; border-radius: var(--sk-r-tam); font-size: 12.5px; font-weight: 700; color: var(--sk-yazi-2) !important; text-decoration: none !important; white-space: nowrap; cursor: pointer; position: relative; } .sk-arac-bar__sirala > .sk-arac-bar__oge { width: 100%; height: 100%; } .sk-arac-bar__oge:hover { background: var(--sk-zemin); color: var(--sk-murekkep) !important; } .sk-arac-bar__oge[aria-current] { background: var(--sk-murekkep); color: #fff !important; } .sk-arac-bar__sirala[open] > .sk-arac-bar__oge { background: var(--sk-zemin); color: var(--sk-murekkep) !important; } .sk-arac-bar__oge.is-on { color: var(--sk-turuncu-yazi) !important; } .sk-arac-bar__sirala .sk-acilir__menu { min-width: 260px; max-height: 70vh; overflow-y: auto; } .sk-acilir__ayrac { display: block; height: 1px; margin: 4px 8px; background: var(--sk-kenar); } @media (min-width: 992px) { .sk-kat-sol { position: sticky; top: 16px; } .sk-kat-sol .sk-filtre { position: static; } .sk-kat-sol .sk-filtre__govde { max-height: calc(100vh - 170px); } .sk-mobil-arac { display: none !important; } } @media (max-width: 991px) { .sk-arac-bar { display: none; } .sk-mobil-arac { position: static !important; top: auto !important; z-index: auto !important; } .sk-mobil-arac .sk-acilir__menu { max-height: 60vh; overflow-y: auto; } } @media (max-width: 991px) { .sk-kat-duzen { gap: 0; } } /* v1.16.5 — Öne çıkartma çağrısı: ince (dikey boşluk yarıya), %90 genişlik, ortalı; metin tek satır, sığmazsa kısa metin */ .sk-onecagri { width: 90%; justify-self: center; margin-left: auto; margin-right: auto; padding: 6px 16px; } .sk-onecagri__ikon { width: 30px; height: 30px; border-radius: 9px; } .sk-onecagri__metin { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sk-onecagri__kisa { display: none; } .sk-onecagri.is-kisa .sk-onecagri__uzun { display: none; } .sk-onecagri.is-kisa .sk-onecagri__kisa { display: inline; } @media (max-width: 599px) { .sk-onecagri__git { display: inline-flex !important; } .sk-onecagri__git-yazi { display: none; } } /* v1.16.5 — İlan kartı: tıklayınca / geri dönünce çerçeve ve başlıkta çizgi çıkmaz */ html[data-sk-tasarim="final"] .sk-kart:focus-within { box-shadow: none; } html[data-sk-tasarim="final"] .sk-kart:hover:focus-within { box-shadow: var(--sk-golge-2); } html[data-sk-tasarim="final"] .sk-kart .sk-kart__link:focus, html[data-sk-tasarim="final"] .sk-kart .sk-kart__link:focus-visible { box-shadow: none; outline: none; text-decoration: none; } /* v1.16.5 — Daha önce bakılan ilan: başlık ve fiyat yarı soluk */ /* v1.16.9: opacity yerine soluk renk — opacity kartın tıklama katmanını bölüyordu (fiyatın olduğu orta bölüm tıklanmıyordu) */ .sk-kart.is-bakildi .sk-kart__baslik .sk-kart__link, .sk-kart.is-bakildi .sk-fiyat { color: rgba(31, 36, 51, .5) !important; } /* v1.16.5 — Sırala/görünüm çubuğu: iç boşluk 6 px (ezik görünmesin) */ .sk-arac-bar { padding: 6px; gap: 4px; } .sk-arac-bar__oge { min-height: 34px; } /* v1.16.5 — Kategori başlığı: ikon, ad ve ilan sayısı aynı hizada */ .sk-kat-bas.sk-kat-bas--kompakt { align-items: center; } .sk-kat-bas--kompakt .sk-kat-bas__h1 { line-height: 1.1; margin: 0; } .sk-kat-bas--kompakt .sk-kat-bas__sayi { margin: 0 !important; line-height: 1.1; padding-top: 3px; } /* v1.16.5 — Alt menü: dokununca anında tepki; sayfa yüklenirken üstte ince turuncu çizgi */ .sk-altnav a { transition: transform .08s ease, color .08s ease; -webkit-tap-highlight-color: transparent; } .sk-altnav a:active, .sk-altnav a.is-basildi { transform: scale(.94); color: var(--sk-turuncu-yazi) !important; } html.sk-gidiyor::before { content: ""; position: fixed; left: 0; top: env(safe-area-inset-top, 0px); height: 3px; width: 100%; z-index: 99999; background: var(--sk-turuncu); transform-origin: left; animation: skGidiyor 2.4s cubic-bezier(.2,.7,.3,1) forwards; } @keyframes skGidiyor { from { transform: scaleX(.05); } to { transform: scaleX(.9); } } @media (prefers-reduced-motion: reduce) { html.sk-gidiyor::before { animation: none; transform: scaleX(.6); } } /* v1.16.5 — Hesap menüsünde sayaç */ .sk-menu-sayac { display: inline-block; min-width: 20px; height: 20px; padding: 0 6px; margin-left: auto; border-radius: 10px; background: var(--sk-turuncu-600); color: #fff; font-size: 12px; line-height: 20px; text-align: center; } /* v1.16.5 — Yol (breadcrumb): masaüstünde üstüne gelince aynı seviyedeki kategoriler açılır */ .sk-yol__acilir { position: relative; } .sk-yol__ok { display: none; } .sk-yol__menu { display: none; } @media (min-width: 992px) and (hover: hover) { .sk-yol__ok { display: inline-flex; color: var(--sk-yazi-3); margin-left: -5px; } .sk-yol__menu { position: absolute; top: 100%; left: -10px; z-index: 1200; min-width: 220px; max-width: 320px; max-height: min(420px, 70vh); overflow-y: auto; padding: 6px; margin-top: 2px; background: #fff; border: 1px solid var(--sk-kenar); border-radius: var(--sk-r-md); box-shadow: var(--sk-golge-3); } .sk-yol__acilir::after { content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 8px; } .sk-yol__acilir:hover > .sk-yol__menu, .sk-yol__acilir:focus-within > .sk-yol__menu { display: block; } .sk-yol__acilir:hover > .sk-yol__ok { color: var(--sk-turuncu-yazi); } .sk-yol__menu a { display: block; padding: 8px 10px; border-radius: var(--sk-r-sm); font-size: 14px; font-weight: 600; color: var(--sk-murekkep) !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sk-yol__menu a:hover { background: var(--sk-zemin); color: var(--sk-turuncu-yazi) !important; } .sk-yol__menu a[aria-current] { color: var(--sk-turuncu-yazi) !important; background: rgba(255, 127, 62, .1); } } /* v1.16.6 — Öne çıkart: alınamayan / çakışan seçenek pasif; dokununca bilgi penceresi */ .sk-secenek.is-pasif, .sk-secenek.is-catisma { cursor: pointer; background: var(--sk-zemin); border-style: dashed; } .sk-secenek.is-pasif .sk-secenek__ad, .sk-secenek.is-pasif .sk-secenek__aciklama, .sk-secenek.is-pasif .sk-secenek__fiyat, .sk-secenek.is-catisma .sk-secenek__ad, .sk-secenek.is-catisma .sk-secenek__aciklama, .sk-secenek.is-catisma .sk-secenek__fiyat { opacity: .55; } .sk-secenek.is-pasif .sk-secenek__ikon, .sk-secenek.is-catisma .sk-secenek__ikon { filter: grayscale(1); opacity: .6; } .sk-secenek.is-pasif:hover, .sk-secenek.is-catisma:hover { border-color: var(--sk-kenar-form); } .sk-secenek.is-etkin { cursor: pointer; } .sk-secenek__durum.is-pasif { color: var(--sk-yazi-2); } .sk-secenek.is-catisma .sk-secenek__kutu { opacity: .4; } .sk-onecikart__kural { display: flex; align-items: center; gap: 6px; margin: 10px 0 0; font-size: 13px; color: var(--sk-yazi-2); } .sk-ocbilgi[hidden] { display: none !important; } .sk-ocbilgi { position: fixed; inset: 0; z-index: 4000; display: flex; align-items: center; justify-content: center; padding: 16px; } .sk-ocbilgi__perde { position: absolute; inset: 0; background: rgba(30, 36, 56, .5); } .sk-ocbilgi__kutu { position: relative; width: 100%; max-width: 420px; background: #fff; border-radius: 16px; padding: 22px 20px 18px; box-shadow: 0 20px 50px rgba(0, 0, 0, .25); outline: none; } .sk-ocbilgi__baslik { font-family: var(--sk-baslik); font-size: 19px; font-weight: 700; color: var(--sk-murekkep); margin: 0 0 8px; } .sk-ocbilgi__metin { font-size: 15px; line-height: 1.5; color: var(--sk-yazi); margin: 0 0 16px; } .sk-ocbilgi__eylem { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; } .sk-ocbilgi__eylem [hidden] { display: none !important; } /* v1.16.7 — süresi dolmuş ilanda Tazele ile birlikte açılan seçenekler */ .sk-secenek__gerek-sec { display: none; } .sk-secenek.is-acildi .sk-secenek__gerek { display: none; } .sk-secenek.is-acildi .sk-secenek__gerek-sec { display: inline-flex; } /* v1.16.7 — birden çok öne çıkartması olan ilan: Yıldız ve Acelem Var rozetleri birlikte (dar kartta alt alta) */ .sk-kart--yatay .sk-kart__rozetler, .sk-kart--dikey .sk-kart__rozetler { flex-direction: column; align-items: flex-start; gap: 4px; } .sk-kart--yatay .sk-kart__rozetler .sk-rozet:nth-child(2) { display: inline-flex; } @media (max-width: 991px) { .sk-kart__rozetler .sk-rozet:nth-child(2) { display: inline-flex; } .sk-kart__rozetler .sk-rozet { font-size: 11px; padding: 2px 7px; } } /* v1.16.8 — Anasayfa: telefonda üst tanıtım kutusu panelden kapatılabilir (başlık arama motorları ve ekran okuyucular için görünmez olarak kalır) */ @media (max-width: 991px) { .sk-kahraman--mobil-yok { position: absolute !important; width: 1px; height: 1px; padding: 0 !important; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; } .sk-kahraman--mobil-yok .sk-kahraman__btn, .sk-kahraman--mobil-yok a, .sk-kahraman--mobil-yok button { visibility: hidden; } } /* v1.16.8 — Üst bölüm ile yol (breadcrumb) arası boşluk azaltıldı (site geneli) */ .sk-sayfa { padding-top: 14px; } .sk-ilan { padding-top: 12px; } html[data-sk-tasarim="final"] .container.profil { padding-top: 12px; } @media (max-width: 991px) { .sk-sayfa { padding-top: 10px; } html[data-sk-tasarim="final"] .container.profil { padding-top: 8px; } } /* v1.16.8 — "Kimden: Tümü · Sahibinden · Emlak Ofisinden" tek satır; sığmazsa yana kayar */ .sk-sekme-serit { flex-wrap: nowrap !important; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; } .sk-sekme-serit::-webkit-scrollbar { display: none; } .sk-sekme-serit > * { flex: 0 0 auto; white-space: nowrap; } @media (max-width: 991px) { .sk-sekme-serit { gap: 6px; margin-left: calc(-1 * var(--sk-yan)); margin-right: calc(-1 * var(--sk-yan)); padding: 0 var(--sk-yan); } .sk-sekme-serit .sk-cip { min-height: 36px; padding: 0 12px; font-size: 14px; } .sk-sekme-serit__etiket { font-size: 13px; } } /* v1.16.9 — "Kimden:" etiketi sabit, yalnız çipler yana kayar */ .sk-sekme-serit { overflow: visible !important; align-items: center; } .sk-sekme-serit__etiket { flex: 0 0 auto; } .sk-sekme-serit__cipler { display: flex; gap: 8px; flex: 1 1 auto; min-width: 0; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; } .sk-sekme-serit__cipler::-webkit-scrollbar { display: none; } .sk-sekme-serit__cipler > * { flex: 0 0 auto; white-space: nowrap; } @media (max-width: 991px) { .sk-sekme-serit { padding-right: 0 !important; } .sk-sekme-serit__cipler { gap: 6px; padding-right: var(--sk-yan); } } /* v1.16.9 — Filtre kutusunda iç kaydırma çubuğu yok: filtre sayfayla birlikte kayar (uzun filtreli kategorilerde de) */ @media (min-width: 992px) { .sk-kat-sol { position: static; } .sk-kat-sol .sk-filtre__govde, .sk-filtre__govde { max-height: none !important; overflow: visible !important; } } /* v1.16.9 — Rozetler: Yıldız (sarı) · Gözde (lacivert) · Acele (kırmızı) yan yana. Görsel dar olduğunda yazılar gizlenir, yalnız renkli ikon kutuları kalır (kart kapanmaz, yazı taşmaz). */ .sk-rozet--gozde { background: var(--sk-lacivert); color: #fff; } .sk-kart__foto { container-type: inline-size; } .sk-kart--yatay .sk-kart__rozetler, .sk-kart--dikey .sk-kart__rozetler, .sk-kart__rozetler { flex-direction: row !important; flex-wrap: nowrap; align-items: center; gap: 4px; max-width: calc(100% - 12px); } .sk-kart__rozetler .sk-rozet, .sk-kart--yatay .sk-kart__rozetler .sk-rozet:nth-child(n+2) { display: inline-flex !important; } .sk-kart__rozetler .sk-rozet { flex: 0 0 auto; } @container (max-width: 230px) { .sk-kart__rozetler.is-cok .sk-rozet { padding: 0; width: 24px; height: 24px; justify-content: center; } .sk-kart__rozetler.is-cok .sk-rozet__ad { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } } @container (max-width: 130px) { .sk-kart__rozetler .sk-rozet { padding: 0; width: 22px; height: 22px; justify-content: center; } .sk-kart__rozetler .sk-rozet__ad { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } } /* v1.17.0 — Sayfa geçişinde gri taslak: yeni sayfa gelene kadar boş/beyaz ekran yerine iskelet kartlar */ .sk-taslak { position: fixed; left: 0; right: 0; bottom: 0; z-index: 9990; background: var(--sk-zemin); overflow: hidden; padding: 14px 16px; opacity: 0; animation: skTaslakGel .15s ease forwards; pointer-events: none; } @keyframes skTaslakGel { to { opacity: 1; } } .sk-taslak__ic { max-width: 1240px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 14px; } .sk-taslak__bas { grid-column: 1 / -1; height: 22px; width: min(320px, 60%); } .sk-taslak__kart { background: #fff; border: 1px solid var(--sk-kenar); border-radius: var(--sk-r-md); overflow: hidden; } .sk-taslak__foto { aspect-ratio: 4 / 3; border-radius: 0; } .sk-taslak__satir { height: 12px; margin: 12px 12px 0; } .sk-taslak__satir--kisa { width: 45%; margin-bottom: 14px; } .sk-taslak__bas, .sk-taslak__foto, .sk-taslak__satir { border-radius: 6px; background: linear-gradient(90deg, #E6E9F0 0%, #F0F2F6 40%, #E6E9F0 80%) 0 0 / 300% 100%; animation: skTaslakIsil 1.3s linear infinite; } .sk-taslak__foto { border-radius: 0; } @keyframes skTaslakIsil { from { background-position: 100% 0; } to { background-position: 0 0; } } @media (max-width: 599px) { .sk-taslak__ic { grid-template-columns: 1fr 1fr; gap: 10px; } .sk-taslak { padding: 10px; } } @media (prefers-reduced-motion: reduce) { .sk-taslak, .sk-taslak__bas, .sk-taslak__foto, .sk-taslak__satir { animation: none; opacity: 1; } } /* v1.19.2 — Yayın sonrası: ince "ilanın yayında" şeridi; öne çıkartma seçenekleri ilk ekranda */ .sk-gonderildi--serit { flex-direction: row; align-items: center; gap: 10px; padding: 10px 14px; margin: 0 0 14px; border-radius: 12px; } .sk-gonderildi--serit .sk-gonderildi__ikon { width: 32px; height: 32px; } .sk-gonderildi--serit .sk-gonderildi__metin { flex: 1 1 auto; margin: 0; font-size: 15px; line-height: 1.35; color: var(--sk-murekkep); } .sk-gonderildi--serit .sk-gonderildi__metin span { color: var(--sk-yazi-2); } .sk-gonderildi__gor { flex: none; display: inline-flex; align-items: center; gap: 2px; min-height: 44px; padding: 0 4px 0 10px; font-weight: 700; color: #16723F !important; text-decoration: none !important; white-space: nowrap; } .sk-gonderildi__gor:hover { text-decoration: underline !important; } @media (max-width: 575px) { .sk-gonderildi--serit { flex-direction: row; padding: 8px 10px; } .sk-gonderildi--serit .sk-gonderildi__metin span { display: none; } } .sk-onecikart__sonra { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 24px; margin: 18px 0 6px; } .sk-onecikart__sonra a { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; font-weight: 600; color: var(--sk-yazi-2) !important; text-decoration: none !important; } .sk-onecikart__sonra a:hover { color: var(--sk-murekkep) !important; } /* v1.21.1: açık/kapalı anahtarı (toggle) — sitede tüm aç/kapa seçimlerinde bu kullanılır. Kapalı kırmızı, açık yeşil. */ .sk-anahtar { position: relative; display: inline-block; flex: 0 0 auto; width: 78px; height: 32px; cursor: pointer; } .sk-anahtar input { position: absolute; opacity: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; z-index: 2; } .sk-anahtar__ray { position: absolute; inset: 0; border-radius: 999px; background: #D92D20; box-shadow: inset 0 1px 3px rgba(0,0,0,.25); transition: background .2s; } .sk-anahtar__ray::before { content: "Kapalı"; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); color: #fff; font: 700 12px/1 Arial, Helvetica, sans-serif; letter-spacing: .2px; } .sk-anahtar__ray::after { content: ""; position: absolute; left: 3px; top: 3px; width: 26px; height: 26px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.35); transition: transform .2s; } .sk-anahtar input:checked + .sk-anahtar__ray { background: #16A34A; } .sk-anahtar input:checked + .sk-anahtar__ray::before { content: "Açık"; right: auto; left: 12px; } .sk-anahtar input:checked + .sk-anahtar__ray::after { transform: translateX(46px); } .sk-anahtar input:focus-visible + .sk-anahtar__ray { outline: 3px solid rgba(255,127,63,.5); outline-offset: 2px; } /* v1.21.1: üst bar renk seçenekleri (Panel → Anasayfa Düzeni). Hepsinde altta gölge: sayfa zemininden ayrışır. */ .sk-ozetbar { box-shadow: 0 8px 24px rgba(20, 24, 40, .16); } .sk-ozetbar--lacivert { background: #4E5A7D; border-bottom-color: #3E486A; } .sk-ozetbar--lacivert .sk-ozetbar__baslik, .sk-ozetbar--lacivert .sk-ozetbar__fiyat { color: #FFFFFF; } .sk-ozetbar--lacivert .sk-ozetbar__fiyat { color: #FFBD59; } .sk-ozetbar--lacivert .sk-ozetbar__alt, .sk-ozetbar--lacivert .sk-ozetbar__alt .sk-ikon { color: rgba(255, 255, 255, .82); } .sk-ozetbar--lacivert .sk-ozetbar__cip li { background: rgba(255, 255, 255, .14); color: #FFFFFF; } .sk-ozetbar--lacivert .sk-ozetbar__cip li .sk-ikon { color: rgba(255, 255, 255, .8); } .sk-ozetbar--lacivert .sk-ozetbar__ikon:not(.sk-ozetbar__ikon--wa) { background: transparent; border-color: rgba(255, 255, 255, .45); color: #FFFFFF !important; } .sk-ozetbar--lacivert .sk-ozetbar__sekme { border-top-color: rgba(255, 255, 255, .14); } .sk-ozetbar--lacivert .sk-ozetbar__sekme a { color: rgba(255, 255, 255, .78) !important; } .sk-ozetbar--lacivert .sk-ozetbar__sekme a:hover, .sk-ozetbar--lacivert .sk-ozetbar__sekme a.is-on { color: #FFFFFF !important; } .sk-ozetbar--lacivert .sk-ozetbar__sekme a.is-on { background: rgba(255, 127, 63, .35); } .sk-ozetbar--turuncu { background: #FF7F3F; border-bottom-color: #E86A2C; } .sk-ozetbar--turuncu .sk-ozetbar__baslik, .sk-ozetbar--turuncu .sk-ozetbar__fiyat { color: #FFFFFF; } .sk-ozetbar--turuncu .sk-ozetbar__alt, .sk-ozetbar--turuncu .sk-ozetbar__alt .sk-ikon { color: rgba(255, 255, 255, .9); } .sk-ozetbar--turuncu .sk-ozetbar__cip li { background: rgba(255, 255, 255, .2); color: #FFFFFF; } .sk-ozetbar--turuncu .sk-ozetbar__cip li .sk-ikon { color: #FFFFFF; } .sk-ozetbar--turuncu .sk-ozetbar__eylem .sk-btn { background: #FFFFFF !important; border-color: #FFFFFF !important; color: #C2531A !important; } .sk-ozetbar--turuncu .sk-ozetbar__ikon:not(.sk-ozetbar__ikon--wa) { background: transparent; border-color: rgba(255, 255, 255, .6); color: #FFFFFF !important; } .sk-ozetbar--turuncu .sk-ozetbar__sekme { border-top-color: rgba(255, 255, 255, .25); } .sk-ozetbar--turuncu .sk-ozetbar__sekme a { color: rgba(255, 255, 255, .88) !important; } .sk-ozetbar--turuncu .sk-ozetbar__sekme a:hover, .sk-ozetbar--turuncu .sk-ozetbar__sekme a.is-on { color: #FFFFFF !important; } .sk-ozetbar--turuncu .sk-ozetbar__sekme a.is-on { background: rgba(255, 255, 255, .22); } .sk-ozetbar--turuncu .sk-ozetbar__ilerleme i { background: #4E5A7D; } /* ---------- v1.22.0: Kurumsal sayfalar (Hakkımızda, İletişim, SSS, sözleşmeler…) ---------- */ .sk-ks { background: var(--sk-zemin); padding-bottom: 40px; } .sk-ks__ust { background: var(--sk-lacivert); color: #fff; padding: 22px 0 26px; } .sk-ks__iz { display: flex; flex-wrap: wrap; gap: 6px; font-size: 14px; color: rgba(255,255,255,.75); margin-bottom: 8px; } .sk-ks__iz a { color: rgba(255,255,255,.9) !important; text-decoration: none !important; } .sk-ks__iz a:hover { color: #fff !important; text-decoration: underline !important; } .sk-ks__baslik { margin: 0; font-family: var(--sk-baslik) !important; font-size: clamp(26px, 4vw, 38px) !important; font-weight: 800 !important; line-height: 1.15; color: #fff !important; } .sk-ks__govde { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 28px; align-items: start; margin-top: 24px; } .sk-ks__menu { position: sticky; top: 90px; display: flex; flex-direction: column; gap: 2px; background: var(--sk-yuzey); border: 1px solid var(--sk-kenar); border-radius: var(--sk-r-md); padding: 8px; } .sk-ks__menu a { display: block; padding: 10px 12px; border-radius: 10px; font-size: 15px; font-weight: 600; color: var(--sk-yazi-2) !important; text-decoration: none !important; } .sk-ks__menu a:hover { background: var(--sk-yuzey-2); color: var(--sk-murekkep) !important; } .sk-ks__menu a.is-on { background: var(--sk-turuncu-50); color: var(--sk-turuncu-800) !important; } .sk-ks__ana { min-width: 0; display: flex; flex-direction: column; gap: 20px; } .sk-ks__yazi, .sk-ks__form { background: var(--sk-yuzey); border: 1px solid var(--sk-kenar); border-radius: var(--sk-r-md); padding: clamp(18px, 3vw, 32px); } .sk-ks__yazi { font-size: 17px; line-height: 1.75; color: #33394A; overflow-wrap: anywhere; } .sk-ks__yazi:empty { display: none; } .sk-ks__yazi h2, .sk-ks__yazi h3, .sk-ks__yazi h4 { font-family: var(--sk-baslik); color: var(--sk-murekkep); line-height: 1.25; margin: 1.6em 0 .5em; } .sk-ks__yazi h2 { font-size: 24px; } .sk-ks__yazi h3 { font-size: 20px; } .sk-ks__yazi h4 { font-size: 17px; } .sk-ks__yazi > :first-child { margin-top: 0; } .sk-ks__yazi p { margin: 0 0 1em; } .sk-ks__yazi ul, .sk-ks__yazi ol { margin: 0 0 1em; padding-left: 1.4em; } .sk-ks__yazi li { margin: .3em 0; } .sk-ks__yazi a { color: var(--sk-turuncu-yazi) !important; text-decoration: underline !important; } .sk-ks__yazi strong { color: var(--sk-murekkep); } .sk-ks__yazi table { width: 100%; border-collapse: collapse; margin: 0 0 1em; font-size: 15px; display: block; overflow-x: auto; } .sk-ks__yazi td, .sk-ks__yazi th { border: 1px solid var(--sk-kenar); padding: 8px 10px; } .sk-ks__yazi img { max-width: 100%; height: auto; border-radius: 10px; } .sk-ks__yazi blockquote { margin: 0 0 1em; padding: 12px 16px; border-left: 4px solid var(--sk-turuncu); background: var(--sk-turuncu-50); border-radius: 0 10px 10px 0; } .sk-ks__iletisim { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; } .sk-ks__kanal { display: flex; align-items: center; gap: 14px; background: var(--sk-yuzey); border: 1px solid var(--sk-kenar); border-radius: var(--sk-r-md); padding: 16px 18px; color: var(--sk-murekkep) !important; text-decoration: none !important; font-size: 15px; } .sk-ks__kanal:hover { border-color: var(--sk-turuncu); box-shadow: var(--sk-golge-2); } .sk-ks__kanal strong { display: block; font-size: 13px; color: var(--sk-yazi-2); font-weight: 600; } .sk-ks__kanal-ikon { flex: 0 0 44px; height: 44px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; background: var(--sk-turuncu-50); color: var(--sk-turuncu-800); } .sk-ks__kanal--wa .sk-ks__kanal-ikon { background: #E7F8EE; color: #128C4B; } .sk-ks__form h2 { margin: 0 0 6px; font-family: var(--sk-baslik); font-size: 24px; color: var(--sk-murekkep); } .sk-ks__not { margin: 0 0 16px; color: var(--sk-yazi-2); font-size: 15px; } .sk-ks__hata { margin: 0 0 14px; padding: 10px 12px; border-radius: 10px; background: var(--sk-hata-50); color: var(--sk-hata); font-weight: 600; } .sk-ks__form form { display: flex; flex-direction: column; gap: 14px; } .sk-ks__iki { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; } .sk-ks__alan { display: flex; flex-direction: column; gap: 6px; margin: 0; font-weight: 600; font-size: 14px; color: var(--sk-murekkep); } .sk-ks__alan input, .sk-ks__alan select, .sk-ks__alan textarea { width: 100%; min-height: 48px; padding: 12px 14px; border: 1px solid var(--sk-kenar-form); border-radius: 12px; background: #fff; font: 400 16px/1.4 var(--sk-yazi); color: var(--sk-murekkep); } .sk-ks__alan textarea { min-height: 140px; resize: vertical; } .sk-ks__alan input:focus, .sk-ks__alan select:focus, .sk-ks__alan textarea:focus { outline: none; border-color: var(--sk-turuncu); box-shadow: 0 0 0 3px rgba(255,127,63,.2); } .sk-ks__form .sk-btn { align-self: flex-start; min-width: 160px; } .sk-ks__kvkk { margin: 0; font-size: 13px; color: var(--sk-yazi-3); } .sk-ks__gizli { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; } @media (max-width: 991px) { .sk-ks__govde { grid-template-columns: minmax(0, 1fr); gap: 16px; margin-top: 16px; } .sk-ks__menu { position: static; flex-direction: row; overflow-x: auto; scrollbar-width: none; padding: 6px; } .sk-ks__menu::-webkit-scrollbar { display: none; } .sk-ks__menu a { flex: none; white-space: nowrap; font-size: 14px; padding: 8px 12px; } .sk-ks__iki { grid-template-columns: minmax(0, 1fr); } .sk-ks__form .sk-btn { align-self: stretch; } } /* v1.23.1: kurumsal sayfalarda tek tipografi — içerikteki eski satır içi yazı tipi/renk/boyutlar ezilir */ .sk-ks__yazi, .sk-ks__yazi :where(*:not(.fa):not([class*="fa-"]):not(svg):not(use)) { font-family: var(--sk-yazi) !important; } .sk-ks__yazi h1, .sk-ks__yazi h2, .sk-ks__yazi h3, .sk-ks__yazi h4, .sk-ks__yazi h5 { font-family: var(--sk-baslik) !important; color: var(--sk-murekkep) !important; font-weight: 800 !important; } .sk-ks__yazi h1 { font-size: 26px !important; } .sk-ks__yazi h2 { font-size: 24px !important; } .sk-ks__yazi h3 { font-size: 20px !important; } .sk-ks__yazi h4, .sk-ks__yazi h5 { font-size: 17px !important; } .sk-ks__yazi p, .sk-ks__yazi li, .sk-ks__yazi td, .sk-ks__yazi span, .sk-ks__yazi font, .sk-ks__yazi div { font-size: inherit !important; line-height: inherit; color: inherit; background-color: transparent !important; } .sk-ks__yazi .btn, .sk-ks__yazi button, .sk-ks__yazi a.button { display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px; border: 0; border-radius: 12px; background: var(--sk-turuncu) !important; color: #fff !important; font-weight: 700 !important; text-decoration: none !important; } .sk-ks__alan select { -webkit-appearance: none; appearance: none; padding-right: 42px; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%234E5A7D' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center !important; cursor: pointer; } .sk-ks__bilgi { margin: 0; font-size: 14px; line-height: 1.55; color: var(--sk-yazi-2); } .sk-ks__bilgi a { color: var(--sk-turuncu-yazi) !important; text-decoration: underline !important; } .sk-ks__onay { display: flex; align-items: flex-start; gap: 10px; margin: 0; font-size: 14px; font-weight: 500; line-height: 1.5; color: var(--sk-murekkep); cursor: pointer; } .sk-ks__onay input { flex: none; width: 20px; height: 20px; margin: 1px 0 0; accent-color: var(--sk-turuncu); cursor: pointer; } /* v1.23.1: mobil uygulama — alt bilgi rozetleri (göze batmayan, çerçeveli) ve telefon çubuğu */ .sk-uyg { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-left: auto; margin-right: 12px; } .sk-uyg__rozet { display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 5px 12px 5px 9px; border: 1px solid rgba(255,255,255,.28); border-radius: 10px; color: rgba(255,255,255,.88) !important; text-decoration: none !important; line-height: 1.1; transition: border-color .15s, background .15s; } .sk-uyg__rozet span { display: flex; flex-direction: column; } .sk-uyg__rozet strong { font-size: 13px; font-weight: 700; } .sk-uyg__rozet small { font-size: 11.5px; opacity: .8; } a.sk-uyg__rozet:hover { border-color: rgba(255,255,255,.6); background: rgba(255,255,255,.06); color: #fff !important; } .sk-uyg__rozet.is-yakinda { opacity: .6; } @media (max-width: 767px) { .sk-alt__satir > span:first-child { width: 100%; } .sk-uyg { order: 2; width: 100%; margin: 4px 0; } .sk-alt a.sk-alt__etbis { order: 3; } .sk-uyg__rozet { flex: 1 1 calc(50% - 4px); } .sk-uyg__rozet strong { font-size: 12.5px; white-space: nowrap; } } .sk-uygcubuk { position: relative; z-index: 950; display: flex; align-items: center; gap: 10px; padding: 8px 12px 8px 6px; background: #fff; border-bottom: 1px solid var(--sk-kenar); box-shadow: 0 2px 10px rgba(31,39,64,.08); font-family: var(--sk-yazi); } .sk-uygcubuk__kapat { flex: none; width: 30px; height: 30px; border: 0; background: none; font-size: 22px; line-height: 1; color: var(--sk-yazi-3); cursor: pointer; } .sk-uygcubuk__ikon img { display: block; width: 40px; height: 40px; border-radius: 10px; box-shadow: 0 0 0 1px var(--sk-kenar); } .sk-uygcubuk__metin { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; line-height: 1.25; } .sk-uygcubuk__metin strong { font-size: 14px; color: var(--sk-murekkep); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sk-uygcubuk__metin small { font-size: 12px; color: var(--sk-yazi-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sk-uygcubuk__btn { flex: none; display: inline-flex; align-items: center; min-height: 36px; padding: 0 16px; border-radius: 999px; background: var(--sk-turuncu); color: #fff !important; font-weight: 800; font-size: 14px; text-decoration: none !important; text-transform: uppercase; letter-spacing: .02em; } /* v1.23.2: "Tüm kategoriler" düğmeleri (Panel → Anasayfa Düzeni) */ .sk-ust__katlar { flex: none; display: inline-flex; align-items: center; gap: 8px; min-height: 48px; padding: 0 16px; margin-right: 10px; border-radius: var(--sk-r-sm); border: 1px solid rgba(255,255,255,.28); color: #fff !important; font-weight: 700; font-size: 15px; text-decoration: none !important; white-space: nowrap; transition: background .15s, border-color .15s; } .sk-ust__katlar:hover { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.55); } @media (max-width: 991px) { .sk-ust__katlar { display: none !important; } } .sk-ana-kat--tumu .sk-ana-kat__ikon { background: var(--sk-yuzey-2); color: var(--sk-lacivert); } .sk-alt__katlar { display: inline-flex; align-items: center; gap: 8px; margin: 4px 0 14px; padding: 9px 14px; border: 1px solid rgba(255,255,255,.28); border-radius: 10px; color: #fff !important; font-weight: 700; font-size: 14px; text-decoration: none !important; } .sk-alt__katlar:hover { background: rgba(255,255,255,.08); } /* v1.23.2: telefon alt menüsü ile tarayıcı çubuğu arasında renk sızmasın */ @media (max-width: 991px) { .sk-altnav { bottom: -1px; padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 1px); height: calc(var(--sk-altnav-h) + env(safe-area-inset-bottom, 0px) + 1px); } .sk-altnav::after { content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 60px; background: #fff; } } /* v1.23.2: iletişim formu uyarıları ve telefonda sayfa penceresi */ .sk-ks__alan [aria-invalid="true"] { border-color: var(--sk-hata) !important; box-shadow: 0 0 0 3px rgba(217,45,32,.15) !important; } .sk-ks__onay input[aria-invalid="true"] { outline: 2px solid var(--sk-hata); outline-offset: 2px; } .sk-ks__hata[hidden] { display: none; } .sk-smodal { position: fixed; inset: 0; z-index: 2000; display: flex; align-items: flex-end; background: rgba(20,24,38,.55); } .sk-smodal__kutu { width: 100%; max-height: 88vh; display: flex; flex-direction: column; background: #fff; border-radius: 18px 18px 0 0; padding-bottom: env(safe-area-inset-bottom, 0px); } .sk-smodal__bas { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; border-bottom: 1px solid var(--sk-kenar); } .sk-smodal__bas strong { font-family: var(--sk-baslik); font-size: 18px; color: var(--sk-murekkep); } .sk-smodal__bas button { width: 36px; height: 36px; border: 0; border-radius: 50%; background: var(--sk-yuzey-2); font-size: 24px; line-height: 1; color: var(--sk-murekkep); } .sk-smodal__ic { overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 16px 18px 24px !important; font-size: 15px !important; border: 0 !important; border-radius: 0 !important; } html.sk-smodal-acik, html.sk-smodal-acik body { overflow: hidden; } /* v1.23.3: iletişim — gönderildi ekranı; "Tüm kategoriler" anasayfa şeridi ve alt bilgide yalnız masaüstü */ .sk-ks__tamam { text-align: center; padding: 36px 24px !important; } .sk-ks__tamam-ikon { display: inline-flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 50%; background: var(--sk-basari-50); color: var(--sk-basari); margin-bottom: 12px; } .sk-ks__tamam p { margin: 8px auto 20px; max-width: 460px; color: var(--sk-yazi-2); font-size: 16px; line-height: 1.6; } @media (max-width: 991px) { .sk-ana-kat--tumu, .sk-alt__katlar { display: none !important; } } /* v1.23.4: İlanlarım — durum çipleri ve sıralama */ .panel.tab .sk-ilk-bas { display: flex !important; align-items: center; gap: 12px; flex-wrap: wrap; padding: 16px 18px !important; background: #fff !important; border-bottom: 1px solid var(--sk-kenar) !important; } .sk-ilk-bas::before, .sk-ilk-bas::after { display: none !important; } .sk-ilk-bas__sekmeler { flex: 1 1 auto; min-width: 0; display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; padding: 2px; } .sk-ilk-bas__sekmeler::-webkit-scrollbar { display: none; } .sk-ilk-bas__sekmeler .sk-cip { flex: none; min-height: 38px; text-decoration: none !important; } .sk-ilk-bas__sira { flex: none; float: none !important; margin: 0 !important; } .sk-ilk-bas__sira select { width: 240px; max-width: 100%; min-height: 42px; padding: 0 40px 0 14px; border: 1px solid var(--sk-kenar-form); border-radius: 12px; font: 600 16px/1.2 var(--sk-yazi); color: var(--sk-murekkep); -webkit-appearance: none; appearance: none; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%234E5A7D' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center; cursor: pointer; } @media (max-width: 767px) { .sk-ilk-bas__sira, .sk-ilk-bas__sira select { width: 100%; } } /* v1.23.5: İlanlarım — seçili durum belirgin (eski tema kurallarını ezer) */ .panel.tab .sk-ilk-bas .sk-ilk-bas__sekmeler a.sk-cip { background: #fff !important; border: 1.5px solid var(--sk-kenar-form) !important; color: var(--sk-yazi-2) !important; font-weight: 600 !important; box-shadow: none !important; } .panel.tab .sk-ilk-bas .sk-ilk-bas__sekmeler a.sk-cip:hover { border-color: var(--sk-lacivert) !important; color: var(--sk-murekkep) !important; } .panel.tab .sk-ilk-bas .sk-ilk-bas__sekmeler a.sk-cip.is-on { background: var(--sk-turuncu) !important; border-color: var(--sk-turuncu) !important; color: #fff !important; font-weight: 800 !important; box-shadow: 0 4px 12px rgba(255,127,63,.3) !important; } /* v1.24.0: ilan verirken telefon / WhatsApp tercihi */ .sk-iltercih { display: flex; flex-direction: column; gap: 4px; margin-top: 16px; padding-top: 12px; border-top: 1px solid var(--sk-kenar); } .sk-iltercih__satir { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 8px 0; margin: 0; font-weight: 400; cursor: pointer; } .sk-iltercih__satir span:first-child { display: flex; flex-direction: column; min-width: 0; } .sk-iltercih__satir strong { font-size: 15px; color: var(--sk-murekkep); } .sk-iltercih__satir small { font-size: 13px; color: var(--sk-yazi-2); } .sk-iltercih__not { margin: 4px 0 0; font-size: 13px; color: var(--sk-yazi-2); } .sk-anahtar input:disabled + .sk-anahtar__ray { opacity: .45; } .sk-anahtar input, .sk-anahtar input:disabled { opacity: 0 !important; -webkit-appearance: none; appearance: none; } /* v1.24.1: baş harf avatarları dikeyde tam ortada — League Spartan harfleri kutunun üstüne yakın oturuyor; ölçülen sapma kadar aşağı alınır */ .sk-mkart__harf { line-height: 1; padding-top: .2em; } span.sk-avatar { line-height: 1; padding-top: .22em; } .sk-hesap-ust__avatar:not(:has(img)) { line-height: 1; padding-top: .22em; } /* ===== v1.24.2: Öne çıkart — satış odaklı yeni düzen: her seçenek nerede göründüğünü küçük bir önizlemeyle anlatır ===== */ .sk-onecikart__bas { align-items: flex-start; } .sk-onecikart__bas p { max-width: 62ch; } .sk-onecikart__artilar { list-style: none; margin: 12px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; } .sk-onecikart__artilar li { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px; background: var(--sk-turuncu-50); color: var(--sk-turuncu-yazi); font-size: 14px; font-weight: 700; } .sk-onecikart .sk-onecikart__secenekler { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 8px; } .sk-onecikart .sk-secenek { display: flex; flex-direction: column; align-items: stretch; gap: 6px; padding: 0 0 14px; overflow: hidden; border: 2px solid var(--sk-kenar); border-radius: 18px; background: #fff; cursor: pointer; transition: border-color .15s, box-shadow .15s, transform .15s; } .sk-onecikart .sk-secenek:hover { border-color: var(--sk-turuncu); transform: translateY(-2px); box-shadow: var(--sk-golge-2); } .sk-onecikart .sk-secenek.is-secili { border-color: var(--sk-turuncu-600); background: #FFF8F3; box-shadow: 0 0 0 4px rgba(255,127,63,.18); } .sk-onecikart .sk-secenek.is-secili::after { content: "✓"; position: absolute; top: 10px; right: 10px; width: 28px; height: 28px; border-radius: 50%; background: var(--sk-turuncu-600); color: #fff; font-weight: 800; display: grid; place-items: center; box-shadow: 0 2px 6px rgba(196,79,18,.4); } .sk-onecikart .sk-secenek.is-etkin, .sk-onecikart .sk-secenek.is-pasif { cursor: default; transform: none; } .sk-onecikart .sk-secenek[data-sk-anahtar="guncelim"].is-pasif { display: none; } .sk-onecikart .sk-secenek__ikon { display: none; } .sk-onecikart .sk-secenek__ad, .sk-onecikart .sk-secenek__aciklama, .sk-onecikart .sk-secenek__ust-fiyat, .sk-onecikart .sk-secenek__alt { padding-left: 16px; padding-right: 16px; } .sk-onecikart .sk-secenek__ad { font-size: 18px; margin-top: 6px; } .sk-secenek__ust-fiyat { display: flex; align-items: baseline; gap: 8px; font-family: var(--sk-baslik); font-size: 26px; font-weight: 800; color: var(--sk-murekkep); line-height: 1.1; } .sk-secenek__ust-fiyat small { font-family: var(--sk-yazi); font-size: 13px; font-weight: 600; color: var(--sk-yazi-2); } .sk-onecikart .sk-secenek__aciklama { font-size: 14px; line-height: 1.45; } .sk-onecikart .sk-secenek__alt { margin-top: auto; padding-top: 12px; border-top: 1px solid var(--sk-kenar); margin-left: 16px; margin-right: 16px; padding-left: 0; padding-right: 0; justify-content: space-between; } .sk-onecikart .sk-secenek__fiyat { display: none; } .sk-onecikart .sk-secenek__durum { margin-left: 0; padding: 8px 14px; border-radius: 999px; border: 1.5px solid var(--sk-turuncu-600); color: var(--sk-turuncu-yazi); font-weight: 800; } .sk-onecikart .sk-secenek__durum .sk-secenek__kutu { display: none; } .sk-onecikart .sk-secenek.is-secili .sk-secenek__durum { background: var(--sk-turuncu-600); color: #fff; } .sk-onecikart .sk-secenek.is-secili .sk-secenek__sec { font-size: 0; } .sk-onecikart .sk-secenek.is-secili .sk-secenek__sec::after { content: "Seçildi"; font-size: 14px; } .sk-onecikart .sk-secenek__durum.is-etkin { border-color: var(--sk-basari); color: var(--sk-basari); } .sk-onecikart .sk-secenek__durum.is-pasif { border-color: var(--sk-kenar-form); color: var(--sk-yazi-2); } /* Önizleme */ .sk-oniz { align-self: stretch; width: auto; display: flex; flex-direction: column; gap: 6px; height: 132px; padding: 12px; background: linear-gradient(160deg, #F3F5FA, #E8ECF5); border-bottom: 1px solid var(--sk-kenar); overflow: hidden; } .sk-oniz i, .sk-oniz b { font-style: normal; display: block; } .sk-oniz__ust { font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--sk-yazi-2); } .sk-oniz__izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; flex: 1 1 auto; } .sk-oniz__kart { position: relative; background: #fff; border-radius: 8px; padding: 5px; display: flex !important; flex-direction: column; gap: 4px; box-shadow: 0 1px 2px rgba(31,39,64,.08); opacity: .55; } .sk-oniz__kart .sk-oniz__foto { height: 38px; border-radius: 5px; background: #D9DEEA; } .sk-oniz__cizgi { height: 6px; border-radius: 3px; background: #D3D8E4; } .sk-oniz__cizgi.kisa { width: 60%; } .sk-oniz__satir { position: relative; display: flex !important; align-items: center; gap: 8px; background: #fff; border-radius: 8px; padding: 5px; box-shadow: 0 1px 2px rgba(31,39,64,.08); opacity: .55; } .sk-oniz__satir .sk-oniz__foto { flex: none; width: 34px; height: 24px; border-radius: 4px; background: #D9DEEA; } .sk-oniz__metin { flex: 1 1 auto; display: flex !important; flex-direction: column; gap: 4px; } .sk-oniz .is-sen { opacity: 1; box-shadow: 0 0 0 2px var(--sk-turuncu), 0 4px 12px rgba(255,127,63,.3); } .sk-oniz .is-sen .sk-oniz__foto { background: #FFD9C2; } .sk-oniz .is-kalin { box-shadow: 0 0 0 2.5px var(--sk-turuncu-600), 0 4px 12px rgba(255,127,63,.3); } .sk-oniz .is-kalin .sk-oniz__cizgi:first-child { height: 8px; background: var(--sk-murekkep); } .sk-oniz__etiket { position: absolute; top: -7px; left: 6px; padding: 2px 6px; border-radius: 6px; font-size: 10px; font-weight: 800; line-height: 1.3; white-space: nowrap; } .sk-oniz__satir .sk-oniz__etiket { top: auto; left: auto; right: 6px; position: absolute; } .sk-oniz__etiket.sari { background: var(--sk-sari); color: var(--sk-murekkep); } .sk-oniz__etiket.turuncu { background: var(--sk-turuncu); color: #fff; } .sk-oniz__etiket.kirmizi { background: var(--sk-hata); color: #fff; } .sk-oniz__etiket.yesil { background: var(--sk-basari); color: #fff; } .sk-secenek.is-secili .sk-oniz { background: linear-gradient(160deg, #FFF1E8, #FFE4D4); } /* Alt özet çubuğu her genişlikte yapışık; telefonda alt menünün üstünde */ .sk-onecikart .sk-onecikart__ozet { position: sticky; bottom: 0; background: #fff; border: 1px solid var(--sk-kenar); border-radius: 16px; padding: 14px 16px; box-shadow: 0 -6px 24px rgba(31,39,64,.12); } .sk-onecikart .sk-onecikart__toplam strong { font-size: 28px; } @media (max-width: 1199px) { .sk-onecikart .sk-onecikart__secenekler { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 991px) { .sk-onecikart .sk-onecikart__ozet { position: sticky; bottom: calc(var(--sk-altnav-h, 64px) + env(safe-area-inset-bottom, 0px) + 8px); box-shadow: 0 -6px 24px rgba(31,39,64,.14); } } @media (max-width: 599px) { .sk-onecikart .sk-onecikart__secenekler { grid-template-columns: minmax(0, 1fr); } .sk-oniz { height: 112px; } .sk-onecikart__artilar li { font-size: 13px; } } /* ===== v1.24.2: İlan ver — sağdaki "İlanı kaydet" kartı: masaüstünde yapışık, tablette ve telefonda tam genişlik; yazı taşmaz ===== */ #ilan_ekle_sag, #ilan_ekle_sag.fixed { position: static !important; top: auto !important; width: auto !important; max-width: none !important; margin-top: 0 !important; } @media (min-width: 992px) { .row:has(> .col-md-11 > #ilan_ekle_sag) { display: flex; align-items: flex-start; } .row:has(> .col-md-11 > #ilan_ekle_sag)::before, .row:has(> .col-md-11 > #ilan_ekle_sag)::after { display: none; } .col-md-11:has(> #ilan_ekle_sag) { float: none; position: -webkit-sticky; position: sticky; top: 16px; } .col-md-31:has(~ .col-md-11 > #ilan_ekle_sag) { float: none; } } @media (max-width: 991px) { .col-md-11:has(> #ilan_ekle_sag) { width: 100%; float: none; } } #ilan_ekle_sag .panel-body p { overflow-wrap: break-word; } #ilan_ekle_sag table th { white-space: nowrap; width: 1%; padding-right: 12px; } /* v1.24.3: güncelleme kartında etiketler harf harf kırılmasın */ .ilan-ekle .sk-ie-taslak-btn, #ilan_ekle_sag .btn-block { white-space: normal !important; height: auto !important; min-height: 46px; display: flex !important; align-items: center; justify-content: center; gap: 8px; text-align: center; line-height: 1.3 !important; padding: 10px 12px !important; } #ilan_ekle_sag .btn-block i { position: static !important; margin: 0 !important; } .sk-oniz .sk-oniz__izgara { display: grid; } /* ===== v1.24.2: canlı sayaç — sayı artınca zıplar, çevresine yıldız saçılır; yeni mesaj / bildirim kartı ===== */ @keyframes sk-zipla { 0% { transform: scale(1); } 30% { transform: scale(1.45) translateY(-3px); } 55% { transform: scale(.9); } 75% { transform: scale(1.12); } 100% { transform: scale(1); } } .sk-sayac.is-zipla { animation: sk-zipla .6s cubic-bezier(.3,1.6,.5,1); } .sk-yildizlar { position: fixed; width: 0; height: 0; z-index: 3000; pointer-events: none; } .sk-yildizlar i { position: absolute; left: -3px; top: -3px; width: 7px; height: 7px; background: var(--sk-sari); clip-path: polygon(50% 0, 62% 38%, 100% 50%, 62% 62%, 50% 100%, 38% 62%, 0 50%, 38% 38%); animation: sk-yildiz .75s ease-out forwards; } .sk-yildizlar i:nth-child(even) { background: var(--sk-turuncu); width: 5px; height: 5px; } @keyframes sk-yildiz { 0% { transform: translate(0, 0) scale(.4); opacity: 1; } 100% { transform: translate(var(--dx), var(--dy)) scale(1.1) rotate(90deg); opacity: 0; } } .sk-canli-kart { position: fixed; top: calc(16px + env(safe-area-inset-top, 0px)); right: max(16px, env(safe-area-inset-right, 0px)); z-index: 2500; display: flex; align-items: flex-start; gap: 12px; width: min(380px, calc(100vw - 32px)); padding: 14px 14px 14px 14px; background: #fff; border-radius: 16px; border: 1px solid var(--sk-kenar); box-shadow: 0 14px 40px rgba(31,39,64,.22); font-family: var(--sk-yazi); transform: translateY(-16px); opacity: 0; transition: transform .25s ease, opacity .25s ease; } .sk-canli-kart.is-acik { transform: none; opacity: 1; } .sk-canli-kart__ikon { flex: none; width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; font-size: 20px; background: var(--sk-turuncu-50); color: var(--sk-turuncu-yazi); } .sk-canli-kart--bildirim .sk-canli-kart__ikon { background: #FFF4D6; } .sk-canli-kart__metin { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 3px; } .sk-canli-kart__metin strong { font-size: 15px; color: var(--sk-murekkep); line-height: 1.3; } .sk-canli-kart__metin span { font-size: 14px; color: var(--sk-yazi-2); line-height: 1.4; overflow-wrap: anywhere; } .sk-canli-kart__eylem { margin-top: 4px; font-size: 14px; font-weight: 800; color: var(--sk-turuncu-yazi) !important; text-decoration: none !important; } .sk-canli-kart__kapat { flex: none; width: 30px; height: 30px; margin: -4px -4px 0 0; border: 0; border-radius: 50%; background: transparent; font-size: 22px; line-height: 1; color: var(--sk-yazi-3); cursor: pointer; } .sk-canli-kart__kapat:hover { background: var(--sk-yuzey-2); } @media (max-width: 767px) { .sk-canli-kart { left: 50%; right: auto; transform: translate(-50%, -16px); } .sk-canli-kart.is-acik { transform: translate(-50%, 0); } } @media (prefers-reduced-motion: reduce) { .sk-canli-kart { transition: none; } } /* ===== v1.24.4: "Devam edemezsin" ekranı (ilan hakkı doldu, doğrulama gerekli) — ne olduğu ve ne yapılabileceği ===== */ .sk-engel { max-width: 760px; margin: 24px auto 40px; padding: clamp(22px, 4vw, 40px); background: #fff; border: 1px solid var(--sk-kenar); border-radius: 22px; text-align: center; box-shadow: var(--sk-golge-1); } .sk-engel__ikon { display: inline-flex; align-items: center; justify-content: center; width: 76px; height: 76px; border-radius: 22px; background: var(--sk-turuncu-50); color: var(--sk-turuncu-yazi); margin-bottom: 14px; } .sk-engel__baslik { margin: 0 0 8px; font-family: var(--sk-baslik); font-size: clamp(24px, 3.4vw, 32px); font-weight: 800; color: var(--sk-murekkep); text-wrap: balance; } .sk-engel__metin { margin: 0 auto 22px; max-width: 56ch; font-size: 16px; line-height: 1.6; color: var(--sk-yazi-2); } .sk-engel__metin strong { color: var(--sk-murekkep); } .sk-engel__secenekler { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; text-align: left; } .sk-engel__secenek { display: grid; grid-template-columns: 44px minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 12px; row-gap: 10px; padding: 16px; border: 1.5px solid var(--sk-kenar); border-radius: 16px; background: #fff; color: inherit !important; text-decoration: none !important; transition: border-color .15s, box-shadow .15s, transform .15s; } .sk-engel__secenek:hover { border-color: var(--sk-turuncu); box-shadow: var(--sk-golge-2); transform: translateY(-2px); } .sk-engel__secenek-ikon { grid-row: 1; width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; background: var(--sk-yuzey-2); color: var(--sk-lacivert); } .sk-engel__secenek-metin { display: flex; flex-direction: column; gap: 3px; min-width: 0; } .sk-engel__secenek-metin strong { font-size: 16px; color: var(--sk-murekkep); line-height: 1.3; } .sk-engel__secenek-metin span { font-size: 14px; color: var(--sk-yazi-2); line-height: 1.45; } .sk-engel__eylem { grid-column: 1 / -1; display: inline-flex; align-items: center; gap: 4px; font-weight: 800; font-size: 14px; color: var(--sk-turuncu-yazi); } .sk-engel__secenek.is-birincil { grid-column: 1 / -1; background: linear-gradient(135deg, #FFF4EC, #FFE6D6); border-color: var(--sk-turuncu); } .sk-engel__secenek.is-birincil .sk-engel__secenek-ikon { background: var(--sk-turuncu); color: #fff; } .sk-engel__secenek.is-birincil .sk-engel__eylem { justify-self: start; padding: 10px 18px; border-radius: 999px; background: var(--sk-turuncu-600); color: #fff; } .sk-engel__secenekler:has(> :only-child) .sk-engel__secenek { grid-column: 1 / -1; } .sk-engel__not { margin: 18px 0 0; font-size: 14px; color: var(--sk-yazi-2); } @media (max-width: 599px) { .sk-engel__secenekler { grid-template-columns: minmax(0, 1fr); } } @media (min-width: 768px) { .sk-engel { max-width: 900px; } .sk-engel__secenekler { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .sk-engel__secenekler:has(> :nth-child(2):last-child) .sk-engel__secenek { grid-column: 1 / -1; } .sk-engel__secenek { grid-template-rows: 1fr auto; } .sk-engel__eylem { align-self: end; } .sk-onecikart__ilan--secim.is-taslak { width: 100%; text-align: left; font: inherit; cursor: pointer; opacity: .85; } .sk-onecikart__ilan--secim.is-taslak .sk-btn { pointer-events: none; } /* ===== v1.24.6: Öne çıkart — telefonda alttaki toplam kartı ince (ekranı kapatmaz): solda toplam ve onay, sağda düğmeler ===== */ @media (max-width: 767px) { .sk-onecikart .sk-onecikart__ozet { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 6px 12px; padding: 10px 12px 8px; border-radius: 14px; } .sk-onecikart .sk-onecikart__toplam { grid-column: 1; grid-row: 1; min-width: 0; flex-direction: row; align-items: baseline; flex-wrap: wrap; gap: 0 8px; } .sk-onecikart .sk-onecikart__toplam span { font-size: 12px; } .sk-onecikart .sk-onecikart__toplam strong { font-size: 22px; } .sk-onecikart .sk-onecikart__toplam small { display: none; } .sk-onecikart .sk-onecikart__ozet .sk-onay { grid-column: 1 / -1; grid-row: 2; font-size: 13px; line-height: 1.35; gap: 8px; } .sk-onecikart .sk-onecikart__ozet .sk-onay input { width: 18px; height: 18px; } .sk-onecikart .sk-onecikart__btn { display: contents; } .sk-onecikart .sk-onecikart__btn .sk-btn--birincil { grid-column: 2; grid-row: 1; min-height: 44px; padding: 8px 14px; font-size: 15px; flex: none; } .sk-onecikart .sk-onecikart__btn .sk-btn--ikincil { grid-column: 1 / -1; grid-row: 3; justify-self: center; min-height: 0; margin-top: -4px; padding: 2px 8px; border: 0 !important; background: none !important; box-shadow: none !important; font-size: 14px; font-weight: 600; color: var(--sk-yazi-2) !important; text-decoration: underline; flex: none; } } /* ===== v1.24.6: Sayfa yana kaymaz (iPhone Safari'de ilan özet barı açılınca sayfanın sağa sola oynaması) ===== */ html[data-sk-tasarim="final"], html[data-sk-tasarim="final"] body { overflow-x: clip; } /* ===== v1.24.11: Alt bilgide ödeme logoları (iyzico ile öde, Mastercard, Visa, Amex, Troy) ===== */ .sk-alt__odeme { display: block; width: 313px; max-width: 100%; height: auto; opacity: .95; } @media (max-width: 767px) { .sk-alt__odeme { order: 2; margin: 6px 0 2px; } } /* ===== v1.24.15: Mesajlarım — liste ve sohbet (telefona uygun) ===== */ .sk-msj-kart { background: var(--sk-yuzey, #fff); border: 1px solid var(--sk-kenar); border-radius: 16px; overflow: hidden; margin-bottom: 20px; } .sk-msj-kart__bas { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 16px 20px; border-bottom: 1px solid var(--sk-kenar); } .sk-msj-kart__bas h1 { margin: 0; font-family: var(--sk-baslik); font-size: 22px; color: var(--sk-murekkep); } .sk-msj-kart__say { font-size: 14px; color: var(--sk-yazi-2); } .sk-msj-liste { list-style: none; margin: 0; padding: 0; } .sk-msj-oge { position: relative; display: flex; align-items: center; border-top: 1px solid var(--sk-kenar); } .sk-msj-oge:first-child { border-top: 0; } .sk-msj-oge.is-yeni { background: var(--sk-turuncu-50); } .sk-msj-oge__link { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 14px; padding: 14px 8px 14px 20px; color: inherit !important; text-decoration: none !important; } .sk-msj-oge__link:hover .sk-msj-oge__ust strong { color: var(--sk-turuncu-yazi); } .sk-msj-avatar { flex: none; width: 48px; height: 48px; border-radius: 50%; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; background: var(--sk-sari, #FFBD59); color: var(--sk-murekkep); font-family: var(--sk-baslik); font-weight: 700; font-size: 18px; line-height: 1; padding-top: .18em; } .sk-msj-avatar:has(img) { padding-top: 0; background: var(--sk-yuzey-2); } .sk-msj-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; } .sk-msj-oge__govde { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; } .sk-msj-oge__ust { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; } .sk-msj-oge__ust strong { font-size: 16px; color: var(--sk-murekkep); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sk-msj-oge__ust time { flex: none; font-size: 12.5px; color: var(--sk-yazi-2); } .sk-msj-oge__ilan { font-size: 14px; color: var(--sk-yazi-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sk-msj-oge__son { font-size: 14px; color: var(--sk-murekkep); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sk-msj-oge.is-yeni .sk-msj-oge__son { font-weight: 700; } .sk-msj-oge__rozet { flex: none; min-width: 22px; height: 22px; padding: 0 6px; border-radius: 999px; background: var(--sk-turuncu); color: #fff; font-size: 12px; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; } .sk-msj-sil { flex: none; width: 44px; height: 44px; margin-right: 10px; border: 0; border-radius: 12px; background: transparent; color: var(--sk-yazi-2); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; } .sk-msj-sil:hover { background: #FDECEC; color: #B42318; } .sk-msj-bos { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 40px 20px; text-align: center; color: var(--sk-yazi-2); } .sk-msj-bos .sk-ikon { color: var(--sk-turuncu); } .sk-msj-bos strong { color: var(--sk-murekkep); font-size: 17px; } /* Sohbet */ html[data-sk-tasarim="final"] .profil.sk-msj--sohbet > .row { grid-template-columns: minmax(0, 1fr); } .sk-msj-tam { width: 100%; max-width: 920px; margin: 0 auto; min-width: 0; } .sk-msj-sohbet { display: flex; flex-direction: column; height: min(78vh, 760px); min-height: 420px; } .sk-msj-sohbet__bas { flex: none; display: flex; align-items: center; gap: 12px; padding: 10px 6px 10px 10px; border-bottom: 1px solid var(--sk-kenar); } .sk-msj-geri { flex: none; width: 44px; height: 44px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; color: var(--sk-murekkep) !important; } .sk-msj-geri:hover { background: var(--sk-yuzey-2); } .sk-msj-sohbet__bas .sk-msj-avatar { width: 44px; height: 44px; font-size: 16px; } .sk-msj-sohbet__kim { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; } .sk-msj-sohbet__kim > a, .sk-msj-sohbet__kim > strong { color: var(--sk-murekkep) !important; text-decoration: none !important; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sk-msj-sohbet__ilan { display: inline-flex; align-items: center; gap: 5px; min-width: 0; font-size: 13.5px; color: var(--sk-yazi-2) !important; text-decoration: none !important; } .sk-msj-sohbet__ilan span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sk-msj-sohbet__ilan:hover span { text-decoration: underline; } .sk-msj-sohbet .sk-msj-sil { margin-right: 4px; } html[data-sk-tasarim="final"] #mesajlasma.sk-msj-akis { flex: 1 1 auto; max-height: none; min-height: 0; overflow-y: auto; overflow-x: hidden; padding: 12px 14px 16px !important; background: var(--sk-zemin); overscroll-behavior: contain; } #mesajlasma.sk-msj-akis .mesaj-gun-ayirici span { background: var(--sk-yuzey-2); color: var(--sk-yazi-2); } #mesajlasma.sk-msj-akis .mesaj { max-width: min(560px, 82%); padding: 8px 12px 6px; border-radius: 16px 16px 16px 4px; background: #fff; color: var(--sk-murekkep); border: 1px solid var(--sk-kenar); box-shadow: none; margin-bottom: 6px; } #mesajlasma.sk-msj-akis .mesaj.right { background: var(--sk-turuncu-50); border-color: #FFD9C4; color: var(--sk-murekkep); border-radius: 16px 16px 4px 16px; } #mesajlasma.sk-msj-akis .mesaj-icerik { font-size: 15.5px; line-height: 1.45; } #mesajlasma.sk-msj-akis .mesaj.left .mesaj-meta, #mesajlasma.sk-msj-akis .mesaj-meta-giden { color: var(--sk-yazi-2); } #mesajlasma.sk-msj-akis .mesaj-durum-read { color: var(--sk-turuncu-yazi); } .sk-msj-yaz { flex: none; margin: 0 !important; padding: 10px 12px; border-top: 1px solid var(--sk-kenar); background: #fff; } .sk-msj-yaz form { display: flex; align-items: center; gap: 8px; margin: 0; } .sk-msj-girdi { flex: 1 1 auto; min-width: 0; height: 48px; padding: 0 16px; font-size: 16px; border: 1px solid var(--sk-kenar-form, #D8DCE6); border-radius: 999px; background: var(--sk-zemin); color: var(--sk-murekkep); } .sk-msj-girdi:focus { outline: none; border-color: var(--sk-turuncu); background: #fff; box-shadow: 0 0 0 3px rgba(255, 127, 63, .18); } .sk-msj-gonder { flex: none; height: 48px; padding: 0 18px; border: 0; border-radius: 999px; background: var(--sk-turuncu); color: #fff; font-weight: 700; font-size: 15px; display: inline-flex; align-items: center; gap: 8px; cursor: pointer; } .sk-msj-gonder:hover { filter: brightness(.96); } .sk-msj-kapali { margin: 4px 0; font-size: 14px; color: var(--sk-yazi-2); text-align: center; } #mesaj_gonder_uyari .alert { margin-bottom: 8px; } @media (max-width: 767px) { .sk-msj--sohbet { margin-top: 0 !important; padding-left: 0; padding-right: 0; } .sk-msj--sohbet .row { margin: 0; } .sk-msj-sohbet { height: calc(100dvh - var(--sk-ust-h, 132px) - var(--sk-altnav-h, 64px) - env(safe-area-inset-bottom, 0px)); min-height: 360px; border-radius: 0; border-left: 0; border-right: 0; margin-bottom: 0; } .sk-msj-gonder { width: 48px; padding: 0; justify-content: center; } .sk-msj-gonder span { display: none; } .sk-msj-oge__link { padding-left: 14px; gap: 12px; } .sk-msj-kart__bas { padding: 14px 16px; } } /* ===== v1.24.16: Telefon ve küçük tablette sohbet tam ekran (WhatsApp gibi): site üst/alt bölümü görünmez, klavye açılınca yazma çubuğu klavyenin üstünde ===== */ @media (max-width: 991px) { html.sk-msj-tamekran, html.sk-msj-tamekran body { overflow: hidden !important; height: 100%; overscroll-behavior: none; } html.sk-msj-tamekran .sk-msj-sohbet { position: fixed !important; left: 0; right: 0; top: var(--sk-vv-top, 0px); height: var(--sk-vv-h, 100dvh) !important; min-height: 0 !important; z-index: 100000; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: #fff; } html.sk-msj-tamekran .sk-msj-sohbet__bas { padding: calc(6px + env(safe-area-inset-top, 0px)) 4px 6px 4px; background: #fff; box-shadow: 0 1px 0 var(--sk-kenar); border-bottom: 0; } html.sk-msj-tamekran .sk-msj-yaz { padding: 8px 10px calc(8px + env(safe-area-inset-bottom, 0px)); } html.sk-msj-tamekran .sk-msj-girdi { background: var(--sk-yuzey-2); border-color: transparent; } html.sk-msj-tamekran .sk-msj-girdi:focus { background: #fff; border-color: var(--sk-turuncu); box-shadow: none; } html.sk-msj-tamekran [data-sk="altnav"], html.sk-msj-tamekran .sk-iletisim-bar, html.sk-msj-tamekran #sk-pwa-update { display: none !important; } } .sk-msj-kart__bas, .sk-msj-sohbet__bas { background: #fff !important; color: var(--sk-murekkep); } /* ===== v1.24.17: Tam ekran sohbet — sitenin geri kalanı gizli (arkada kayan sayfa yok), yazma alanı odakta biçim değiştirmez, boşken gönder pasif ===== */ @media (max-width: 991px) { html.sk-msj-tamekran body > *:not(.sk-msj-sohbet) { display: none !important; } html.sk-msj-tamekran body { position: fixed; inset: 0; width: 100%; background: #fff !important; padding: 0 !important; margin: 0 !important; } html.sk-msj-tamekran .sk-msj-girdi, html.sk-msj-tamekran .sk-msj-girdi:focus { background: var(--sk-yuzey-2) !important; border: 1px solid transparent !important; box-shadow: none !important; outline: none !important; } html.sk-msj-tamekran #mesaj_gonder_uyari:empty { display: none; } } .sk-msj-gonder.is-pasif, .sk-msj-gonder:disabled { background: var(--sk-yuzey-2); color: var(--sk-yazi-3, #9AA1B2); cursor: default; filter: none; } .sk-msj-girdi { -webkit-appearance: none; appearance: none; } /* ===== v1.24.18: Hesap başlığında Çıkış düğmesi (onay penceresiyle) ===== */ .sk-hesap-ust__cikis { color: var(--sk-yazi-2) !important; } .sk-hesap-ust__cikis:hover { color: #B42318 !important; border-color: #F4C7C3 !important; } .sk-modal--kucuk { width: min(420px, calc(100vw - 32px)); } .sk-modal__eylem { display: flex; justify-content: flex-end; gap: 10px; margin-top: 18px; flex-wrap: wrap; } .sk-modal__eylem .sk-btn { min-height: 46px; } @media (max-width: 767px) { .sk-hesap-ust__eylem { grid-template-columns: 1fr 1fr; } .sk-hesap-ust__eylem .sk-hesap-ust__ilan { grid-column: 1 / -1; grid-row: 1; } .sk-modal__eylem .sk-btn { flex: 1 1 0; justify-content: center; } } /* ===== v1.24.18: Diğer ayarlar — hesap silme kapalı bir bölümde ===== */ .sk-ayar-kart { background: #fff; border: 1px solid var(--sk-kenar); border-radius: 16px; overflow: hidden; } .sk-ayar-kart__bas { padding: 16px 20px; border-bottom: 1px solid var(--sk-kenar); background: #fff; } .sk-ayar-kart__bas h1 { margin: 0; font-family: var(--sk-baslik); font-size: 22px; color: var(--sk-murekkep); } .sk-tehlike { margin: 16px 20px 20px; border: 1px solid var(--sk-kenar); border-radius: 14px; } .sk-tehlike > summary { list-style: none; display: flex; align-items: center; gap: 12px; padding: 14px 16px; cursor: pointer; } .sk-tehlike > summary::-webkit-details-marker { display: none; } .sk-tehlike > summary > .sk-ikon:last-child { margin-left: auto; color: var(--sk-yazi-2); transition: transform .2s; } .sk-tehlike[open] > summary > .sk-ikon:last-child { transform: rotate(180deg); } .sk-tehlike__ikon { flex: none; width: 40px; height: 40px; border-radius: 12px; background: #FDECEC; color: #B42318; display: inline-flex; align-items: center; justify-content: center; } .sk-tehlike__baslik { display: flex; flex-direction: column; gap: 2px; min-width: 0; } .sk-tehlike__baslik strong { font-size: 16px; color: var(--sk-murekkep); } .sk-tehlike__baslik small { font-size: 13.5px; color: var(--sk-yazi-2); } .sk-tehlike__govde { padding: 4px 16px 18px; border-top: 1px solid var(--sk-kenar); } .sk-tehlike__liste { margin: 12px 0 14px; padding-left: 20px; color: var(--sk-yazi-2); font-size: 14.5px; line-height: 1.6; } .sk-tehlike__govde label { display: block; font-weight: 600; margin-bottom: 6px; color: var(--sk-murekkep); } .sk-tehlike__govde .form-control { font-size: 16px; height: 48px; border-radius: 12px; max-width: 420px; } .sk-tehlike__btn { margin-top: 14px; background: #B42318 !important; border-color: #B42318 !important; color: #fff !important; } .sk-tehlike__hata { margin: 0 0 12px; padding: 10px 12px; border-radius: 10px; background: #FDECEC; color: #B42318; font-weight: 600; font-size: 14px; } @media (max-width: 767px) { .sk-tehlike { margin: 12px; } .sk-tehlike__btn { width: 100%; justify-content: center; } .sk-tehlike__govde .form-control { max-width: none; } } /* ===== v1.24.18: İlanlarım — tablo yerine kart listesi ===== */ .sk-ilk-kart .panel-body { padding: 0 !important; } .sk-ilk-liste { list-style: none; margin: 0; padding: 0; } .sk-ilk { display: grid; grid-template-columns: 132px minmax(0, 1fr) auto; gap: 16px; align-items: center; padding: 16px 18px; border-top: 1px solid var(--sk-kenar); } .sk-ilk:first-child { border-top: 0; } .sk-ilk__gorsel { display: block; width: 132px; aspect-ratio: 4 / 3; border-radius: 12px; overflow: hidden; background: var(--sk-yuzey-2); } .sk-ilk__gorsel img { width: 100%; height: 100%; object-fit: cover; display: block; } .sk-ilk__govde { min-width: 0; display: flex; flex-direction: column; gap: 4px; } .sk-ilk__ust { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } .sk-ilk__no { font-size: 12.5px; color: var(--sk-yazi-2); } .sk-ilk__baslik { font-size: 16.5px; font-weight: 700; color: var(--sk-murekkep) !important; text-decoration: none !important; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .sk-ilk__baslik:hover { color: var(--sk-turuncu-yazi) !important; } .sk-ilk__alt { display: flex; align-items: baseline; gap: 6px 14px; flex-wrap: wrap; } .sk-ilk__fiyat { font-size: 16px; font-weight: 800; color: var(--sk-murekkep); } .sk-ilk__fiyat .tablo_tl { margin-left: 6px; font-size: 13px; font-weight: 600; color: var(--sk-yazi-2); } .sk-ilk__fiyat .s_mesaj_tablo { font-size: 14px; font-weight: 700; color: var(--sk-turuncu-yazi); } .sk-ilk__tarih { font-size: 13px; color: var(--sk-yazi-2); } .sk-ilk .sk-il-istat { margin-top: 2px; } .sk-ilk .label { align-self: flex-start; margin-top: 4px; } .sk-ilk__eylem { min-width: 0; } .sk-ilk .sk-il-eylem { flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 8px; width: 168px; } .sk-ilk .sk-il-eylem .btn { justify-content: center; min-height: 40px; font-size: 14px; border-radius: 12px !important; } .sk-ilk .sk-il-eylem .btn-primary { background: var(--sk-turuncu) !important; border-color: var(--sk-turuncu) !important; color: #fff !important; } .sk-ilk-kart .pagination { margin: 16px 0 20px; } @media (max-width: 767px) { .sk-ilk { grid-template-columns: 96px minmax(0, 1fr); gap: 12px; padding: 14px; align-items: start; } .sk-ilk__gorsel { width: 96px; } .sk-ilk__baslik { font-size: 15.5px; } .sk-ilk__eylem { grid-column: 1 / -1; } .sk-ilk .sk-il-eylem { width: auto; flex-direction: row; flex-wrap: wrap; } .sk-ilk .sk-il-eylem .btn { flex: 1 1 calc(50% - 4px); } .sk-ilk .sk-il-eylem .btn-primary { flex-basis: 100%; } } .sk-ilk .sk-il-eylem .btn-primary { font-weight: 700; } /* ===== v1.24.18: Özet — sayı kutuları, ilan hakları ve profil bilgileri kartları ===== */ .sk-ozet-uyarilar { display: flex; flex-direction: column; gap: 10px; margin-bottom: 16px; } .sk-ozet-uyari { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 14px 16px; background: #FFF7F2; border: 1px solid #FFD9C4; border-radius: 14px; margin: 0 0 16px; } .sk-ozet-uyarilar .sk-ozet-uyari { margin: 0; } .sk-ozet-uyari--bilgi { background: #F2F5FB; border-color: #DCE3F0; } .sk-ozet-uyari__ikon { flex: none; width: 40px; height: 40px; border-radius: 12px; background: #fff; color: var(--sk-turuncu-yazi); display: inline-flex; align-items: center; justify-content: center; } .sk-ozet-uyari__metin { flex: 1 1 220px; min-width: 0; display: flex; flex-direction: column; gap: 2px; } .sk-ozet-uyari__metin strong { color: var(--sk-murekkep); font-size: 15.5px; } .sk-ozet-uyari__metin small { color: var(--sk-yazi-2); font-size: 13.5px; overflow-wrap: anywhere; } .sk-ozet-uyari__eylem { display: flex; gap: 8px; } .sk-ozet-sayilar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 16px; } .sk-ozet-sayi { display: flex; flex-direction: column; gap: 4px; padding: 16px; background: #fff; border: 1px solid var(--sk-kenar); border-radius: 16px; text-decoration: none !important; color: var(--sk-murekkep) !important; transition: border-color .15s, box-shadow .15s; } .sk-ozet-sayi:hover { border-color: #FFC7A8; box-shadow: 0 6px 18px rgba(31, 39, 64, .06); } .sk-ozet-sayi b { font-family: var(--sk-baslik); font-size: 30px; line-height: 1; font-variant-numeric: tabular-nums; } .sk-ozet-sayi span { font-size: 14px; color: var(--sk-yazi-2); } .sk-ozet-sayi.is-dikkat b { color: var(--sk-turuncu-yazi); } .sk-ozet-kart { background: #fff; border: 1px solid var(--sk-kenar); border-radius: 16px; margin-bottom: 16px; overflow: hidden; } .sk-ozet-kart__bas { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 20px; border-bottom: 1px solid var(--sk-kenar); } .sk-ozet-kart__bas h2 { margin: 0; font-family: var(--sk-baslik); font-size: 19px; color: var(--sk-murekkep); } .sk-ozet-kart__uyari { display: flex; align-items: center; gap: 8px; margin: 14px 20px 0; padding: 10px 12px; border-radius: 10px; background: #FDECEC; color: #B42318; font-weight: 600; font-size: 14px; } .sk-ozet-kart__not { margin: 0; padding: 16px 20px; color: var(--sk-yazi-2); } .sk-ozet-limit { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 0; margin: 0; } .sk-ozet-limit > div { padding: 14px 20px; border-right: 1px solid var(--sk-kenar); } .sk-ozet-limit > div:last-child { border-right: 0; } .sk-ozet-limit dt { font-size: 13px; font-weight: 600; color: var(--sk-yazi-2); margin-bottom: 4px; } .sk-ozet-limit dd { margin: 0; font-size: 20px; font-weight: 800; color: var(--sk-murekkep); } .sk-ozet-limit dd a { font-size: 14px; font-weight: 600; } .sk-ozet-bilgi { margin: 0; } .sk-ozet-bilgi > div { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 12px; padding: 12px 20px; border-top: 1px solid var(--sk-kenar); } .sk-ozet-bilgi > div:first-child { border-top: 0; } .sk-ozet-bilgi dt { font-size: 14px; font-weight: 600; color: var(--sk-yazi-2); } .sk-ozet-bilgi dd { margin: 0; font-size: 15px; color: var(--sk-murekkep); overflow-wrap: anywhere; } .sk-ozet-bilgi dd a, .sk-ozet-bag { color: var(--sk-turuncu-yazi) !important; font-weight: 600; } .sk-ozet-bag { background: none; border: 0; padding: 0; cursor: pointer; text-decoration: underline; } .sk-ozet-rozet { display: inline-block; margin-left: 6px; padding: 2px 8px; border-radius: 999px; font-size: 12px; font-weight: 700; vertical-align: 1px; } .sk-ozet-rozet.is-ok { background: #E7F6EC; color: #1E7B3E; } .sk-ozet-rozet.is-yok { background: #FDECEC; color: #B42318; } @media (max-width: 767px) { .sk-ozet-sayilar { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .sk-ozet-sayi { padding: 14px; } .sk-ozet-sayi b { font-size: 26px; } .sk-ozet-limit { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sk-ozet-limit > div { border-right: 0; border-top: 1px solid var(--sk-kenar); padding: 12px 16px; } .sk-ozet-limit > div:nth-child(odd) { border-right: 1px solid var(--sk-kenar); } .sk-ozet-bilgi > div { grid-template-columns: 1fr; gap: 2px; padding: 12px 16px; } .sk-ozet-kart__bas { padding: 12px 16px; } .sk-ozet-uyari .sk-btn { width: 100%; justify-content: center; } .sk-ozet-uyari__eylem { width: 100%; } .sk-ozet-uyari__eylem .sk-btn { flex: 1 1 0; } } /* ===== v1.24.19: Sohbet — gönder düğmesinde dokunma/odak çizgisi yok; sohbet alanı sayfayı esnetmez ===== */ .sk-msj-gonder, .sk-msj-geri, .sk-msj-sil { -webkit-tap-highlight-color: transparent; -webkit-user-select: none; user-select: none; touch-action: manipulation; } html[data-sk-tasarim="final"] .sk-msj-gonder:focus, html[data-sk-tasarim="final"] .sk-msj-gonder:focus-visible, html[data-sk-tasarim="final"] .sk-msj-gonder:active { outline: none !important; box-shadow: none !important; border-radius: 999px; } .sk-msj-gonder .sk-ikon { pointer-events: none; } .sk-msj-gonder:active:not(:disabled) { filter: brightness(.92); } @media (max-width: 991px) { html.sk-msj-tamekran #mesajlasma.sk-msj-akis { overscroll-behavior: none; -webkit-overflow-scrolling: touch; } } /* ===== v1.24.20: Profil bilgileri (profil güncelle) yeniden tasarlandı ===== */ html[data-sk-tasarim="final"] .sk-pg { border: 1px solid var(--sk-kenar) !important; border-radius: 16px !important; overflow: visible; background: #fff; box-shadow: none !important; } .sk-pg__bas { padding: 18px 22px; border-bottom: 1px solid var(--sk-kenar); } .sk-pg__bas h1 { margin: 0 0 4px; font-family: var(--sk-baslik); font-size: 22px; color: var(--sk-murekkep); } .sk-pg__bas p { margin: 0; font-size: 14px; color: var(--sk-yazi-2); } html[data-sk-tasarim="final"] .sk-pg > .panel-body { padding: 0 !important; } .sk-pg-bolum { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 24px; padding: 22px; border-bottom: 1px solid var(--sk-kenar); } .sk-pg-bolum__bas h2 { margin: 0 0 4px; font-family: var(--sk-baslik); font-size: 18px; color: var(--sk-murekkep); } .sk-pg-bolum__bas p { margin: 0; font-size: 14px; line-height: 1.5; color: var(--sk-yazi-2); } .sk-pg-bolum__govde { min-width: 0; max-width: 640px; } .sk-pg-kutu { display: flex; flex-direction: column; gap: 4px; } .sk-pg .form-group { margin-bottom: 14px; } .sk-pg .form-group:last-child { margin-bottom: 0; } .sk-pg label { display: block; margin-bottom: 6px; font-size: 14px; font-weight: 600; color: var(--sk-murekkep); } .sk-pg .form-control { height: 48px; padding: 0 14px; font-size: 16px; border: 1px solid var(--sk-kenar-form, #D8DCE6); border-radius: 12px; box-shadow: none; background: #fff; color: var(--sk-murekkep); } .sk-pg textarea.form-control { height: auto; min-height: 96px; padding: 12px 14px; line-height: 1.5; } .sk-pg .form-control:focus { border-color: var(--sk-turuncu); box-shadow: 0 0 0 3px rgba(255, 127, 63, .16); } .sk-pg .form-control[disabled] { background: var(--sk-yuzey-2); color: var(--sk-yazi-2); } .sk-pg .btn { min-height: 44px; border-radius: 12px !important; font-weight: 700; } .sk-pg .checkbox { margin: 8px 0 12px; } .sk-pg .checkbox label.form-check-label { display: inline-flex; align-items: center; gap: 10px; padding-left: 0; font-weight: 500; cursor: pointer; } .sk-pg img.img-thumbnail { border-radius: 14px; max-width: 160px; padding: 0; border: 1px solid var(--sk-kenar); } .sk-pg input[type=file] { font-size: 15px; padding: 10px; width: 100%; border: 1.5px dashed var(--sk-kenar-form, #D8DCE6); border-radius: 12px; background: var(--sk-zemin); } .sk-pg .p-3.border.rounded { border: 0 !important; background: transparent !important; padding: 0 !important; margin-bottom: 14px; } .sk-pg-kaydet { position: sticky; bottom: 0; z-index: 5; display: flex; justify-content: flex-end; padding: 14px 22px; background: rgba(255, 255, 255, .96); border-top: 1px solid var(--sk-kenar); border-radius: 0 0 16px 16px; } .sk-pg-kaydet .btn, .sk-pg-kaydet button { min-width: 220px; min-height: 48px; font-size: 16px; background: var(--sk-turuncu) !important; border-color: var(--sk-turuncu) !important; color: #fff !important; } @media (max-width: 991px) { .sk-pg-bolum { grid-template-columns: 1fr; gap: 12px; padding: 18px 16px; } .sk-pg__bas { padding: 16px; } .sk-pg-kaydet { bottom: calc(var(--sk-altnav-h, 64px) + env(safe-area-inset-bottom, 0px)); padding: 12px 16px; border-radius: 0; } .sk-pg-kaydet .btn, .sk-pg-kaydet button { width: 100%; min-width: 0; } .sk-pg-bolum__govde { max-width: none; } } .sk-pg .input-group { display: flex; width: 100%; align-items: stretch; } html[data-sk-tasarim="final"] .sk-pg .input-group .form-control { flex: 1 1 auto; min-width: 0; border-radius: 0 !important; } html[data-sk-tasarim="final"] .sk-pg .input-group > .form-control:first-child { border-radius: 12px 0 0 12px !important; } html[data-sk-tasarim="final"] .sk-pg .input-group > .form-control:last-child { border-radius: 0 12px 12px 0 !important; } .sk-pg .input-group-addon { display: flex; align-items: center; width: auto; padding: 0 12px; border: 1px solid var(--sk-kenar-form, #D8DCE6); background: var(--sk-yuzey-2); color: var(--sk-yazi-2); font-weight: 600; font-size: 14px; } .sk-pg .input-group-addon:first-child { border-right: 0; border-radius: 12px 0 0 12px; } .sk-pg .input-group-addon:last-child { border-left: 0; border-radius: 0 12px 12px 0; } .sk-pg .input-group-addon.p0 { padding: 0 10px; background: #fff; } .sk-pg .input-group-addon .label { display: inline-block; padding: 4px 8px; border-radius: 999px; font-size: 11px; letter-spacing: .02em; } .sk-pg #email_dogrulama_alani, .sk-pg [id$="_dogrulama_alani"] { border: 1px solid var(--sk-kenar) !important; background: var(--sk-zemin) !important; border-radius: 12px !important; padding: 14px !important; } html[data-sk-tasarim="final"] .sk-pg .checkbox label.form-check-label { padding-left: 0 !important; min-height: 32px; } html[data-sk-tasarim="final"] .sk-pg .checkbox .sk-anahtar input[type=checkbox] { position: absolute !important; margin: 0 !important; left: 0; top: 0; } /* ===== v1.24.21: Gönder düğmesi yalnız simge (çizgi/seçim izi kalmaz); büyük ekranda web WhatsApp düzeni ===== */ .sk-msj-gonder { -webkit-appearance: none; appearance: none; border: 0 !important; box-shadow: none !important; outline: none !important; width: 48px; padding: 0 !important; justify-content: center; background-clip: padding-box; overflow: hidden; } .sk-msj-gonder .sk-ikon { display: block; } .sk-msj-gonder::before, .sk-msj-gonder::after { content: none !important; display: none !important; } @media (min-width: 992px) { .sk-msj-tam { max-width: 1320px; } .sk-msj-bolme { display: grid; grid-template-columns: minmax(300px, 380px) minmax(0, 1fr); height: min(82vh, 860px); min-height: 480px; background: #fff; border: 1px solid var(--sk-kenar); border-radius: 16px; overflow: hidden; } .sk-msj-bolme > .sk-msj-yan { margin: 0; border: 0; border-right: 1px solid var(--sk-kenar); border-radius: 0; display: flex; flex-direction: column; min-height: 0; } .sk-msj-yan .sk-msj-kart__bas { flex: none; } .sk-msj-yan .sk-msj-liste { flex: 1 1 auto; overflow-y: auto; overscroll-behavior: contain; } .sk-msj-yan .sk-msj-oge__link { padding: 12px 6px 12px 16px; gap: 12px; } .sk-msj-yan .sk-msj-avatar { width: 44px; height: 44px; font-size: 16px; } .sk-msj-yan .sk-msj-oge__ust strong { font-size: 15px; } .sk-msj-yan .sk-msj-oge__ust time { font-size: 12px; } .sk-msj-yan .sk-msj-oge__ilan, .sk-msj-yan .sk-msj-oge__son { font-size: 13.5px; } .sk-msj-yan .sk-msj-sil { display: none; } .sk-msj-oge.is-aktif { background: var(--sk-turuncu-50); box-shadow: inset 3px 0 0 var(--sk-turuncu); } .sk-msj-bolme > .sk-msj-sohbet { height: 100%; min-height: 0; margin: 0; border: 0; border-radius: 0; } .sk-msj-bolme .sk-msj-sohbet .sk-msj-geri { display: none; } .sk-msj-bolme .sk-msj-sohbet__bas { padding-left: 16px; } } @media (max-width: 991px) { .sk-msj-bolme > .sk-msj-yan { display: none; } } /* ===== v1.24.22: Paket vitrini (bireysel ve mağaza paketi al) ===== */ .sk-pv { background: #fff; border: 1px solid var(--sk-kenar); border-radius: 16px; padding: 22px; } .sk-pv__bas { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 20px; } .sk-pv__bas h1 { margin: 0 0 4px; font-family: var(--sk-baslik); font-size: 24px; color: var(--sk-murekkep); } .sk-pv__bas p { margin: 0; color: var(--sk-yazi-2); font-size: 14.5px; max-width: 56ch; } .sk-pv__kalan { display: flex; flex-direction: column; align-items: flex-end; padding: 10px 16px; border-radius: 14px; background: var(--sk-zemin); } .sk-pv__kalan span { font-size: 12.5px; color: var(--sk-yazi-2); } .sk-pv__kalan b { font-family: var(--sk-baslik); font-size: 24px; line-height: 1.1; color: var(--sk-murekkep); } .sk-pv__liste { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 14px; padding-top: 10px; } .sk-pv__kart { position: relative; display: flex; flex-direction: column; gap: 6px; margin: 0; padding: 22px 18px 18px; border: 1.5px solid var(--sk-kenar); border-radius: 16px; background: #fff; cursor: pointer; font-weight: 400; transition: border-color .15s, box-shadow .15s, transform .15s; } .sk-pv__kart:hover { border-color: #FFC7A8; } .sk-pv__kart input { position: absolute; opacity: 0; pointer-events: none; } .sk-pv__kart:has(input:checked) { border-color: var(--sk-turuncu); box-shadow: 0 10px 28px rgba(255, 127, 63, .18); } .sk-pv__kart:has(input:focus-visible) { outline: 3px solid rgba(255, 127, 63, .4); outline-offset: 2px; } .sk-pv__serit { position: absolute; top: -11px; left: 18px; padding: 3px 10px; border-radius: 999px; background: var(--sk-turuncu); color: #fff; font-size: 12px; font-weight: 800; letter-spacing: .02em; } .sk-pv__ad { font-family: var(--sk-baslik); font-size: 19px; font-weight: 700; color: var(--sk-murekkep); } .sk-pv__fiyat { font-family: var(--sk-baslik); font-size: 30px; font-weight: 800; line-height: 1.1; color: var(--sk-murekkep); font-variant-numeric: tabular-nums; } .sk-pv__birim { min-height: 20px; font-size: 13.5px; color: var(--sk-yazi-2); } .sk-pv__birim em { font-style: normal; font-weight: 700; color: #1E7B3E; background: #E7F6EC; padding: 1px 6px; border-radius: 999px; margin-left: 4px; font-size: 12px; } .sk-pv__ozellik { list-style: none; margin: 10px 0 14px; padding: 12px 0 0; border-top: 1px solid var(--sk-kenar); display: flex; flex-direction: column; gap: 9px; flex: 1 1 auto; } .sk-pv__ozellik li { display: flex; align-items: flex-start; gap: 8px; font-size: 14px; line-height: 1.4; color: var(--sk-murekkep); } .sk-pv__ozellik li .sk-ikon { flex: none; margin-top: 1px; color: var(--sk-turuncu-yazi); } .sk-pv__ozellik li.is-yok { color: var(--sk-yazi-2); } .sk-pv__ozellik li.is-yok .sk-ikon { color: var(--sk-yazi-2); } .sk-pv__sec { display: flex; align-items: center; justify-content: center; min-height: 44px; border-radius: 12px; border: 1.5px solid var(--sk-kenar-form, #D8DCE6); font-weight: 700; font-size: 15px; color: var(--sk-murekkep); } .sk-pv__sec-aktif { display: none; align-items: center; gap: 6px; } .sk-pv__kart:has(input:checked) .sk-pv__sec { background: var(--sk-turuncu); border-color: var(--sk-turuncu); color: #fff; } .sk-pv__kart:has(input:checked) .sk-pv__sec-pasif { display: none; } .sk-pv__kart:has(input:checked) .sk-pv__sec-aktif { display: inline-flex; } .sk-pv__guven { display: flex; flex-wrap: wrap; gap: 8px 20px; margin: 18px 0 0; font-size: 13.5px; color: var(--sk-yazi-2); } .sk-pv__guven span { display: inline-flex; align-items: center; gap: 6px; } .sk-pv__guven .sk-ikon { color: #1E7B3E; } .sk-pv__alt { position: sticky; bottom: 0; z-index: 4; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px 20px; margin: 18px -22px -22px; padding: 14px 22px; background: rgba(255, 255, 255, .97); border-top: 1px solid var(--sk-kenar); border-radius: 0 0 16px 16px; } .sk-pv__secim { display: flex; flex-direction: column; } .sk-pv__secim span { font-size: 12.5px; color: var(--sk-yazi-2); } .sk-pv__secim b { font-size: 16px; color: var(--sk-murekkep); } .sk-pv__onay { font-size: 14px; } .sk-pv__btn { min-height: 48px; padding: 0 22px; font-size: 16px; } .sk-pv__btn[disabled] { opacity: .5; } .sk-pv__bos { margin: 0; color: var(--sk-yazi-2); } @media (max-width: 767px) { .sk-pv { padding: 16px; border-radius: 14px; } .sk-pv__bas h1 { font-size: 21px; } .sk-pv__kalan { align-items: flex-start; width: 100%; flex-direction: row; justify-content: space-between; align-items: center; } .sk-pv__liste { grid-template-columns: 1fr; } .sk-pv__kart.is-onerilen { order: -1; } .sk-pv__alt { grid-template-columns: 1fr auto; margin: 16px -16px -16px; padding: 12px 16px; bottom: calc(var(--sk-altnav-h, 64px) + env(safe-area-inset-bottom, 0px)); border-radius: 0; } .sk-pv__onay { grid-column: 1 / -1; grid-row: 2; } .sk-pv__btn { padding: 0 16px; } } .sk-pv__kart--ozel { cursor: default; background: var(--sk-zemin); border-style: dashed; justify-content: flex-start; } .sk-pv__kart--ozel:hover { border-color: var(--sk-kenar); } .sk-pv__ozel-metin { font-size: 14px; line-height: 1.5; color: var(--sk-yazi-2); flex: 1 1 auto; margin-top: 4px; } .sk-pv__ozel-eylem { display: flex; flex-direction: column; gap: 8px; margin-top: 14px; } .sk-pv__ozel-eylem .sk-btn { justify-content: center; min-height: 44px; } .sk-pv__onay a { color: var(--sk-turuncu-yazi) !important; text-decoration: underline; font-weight: 600; } /* ===== v1.24.23: Gönder düğmesi hep turuncu; web düzeninde liste başlığında geri düğmesi; bölme ekrana sığar ===== */ html[data-sk-tasarim="final"] .sk-msj-gonder, html[data-sk-tasarim="final"] .sk-msj-gonder.is-pasif, html[data-sk-tasarim="final"] .sk-msj-gonder:disabled, html[data-sk-tasarim="final"] .sk-msj-gonder:focus, html[data-sk-tasarim="final"] .sk-msj-gonder:active { background: var(--sk-turuncu) !important; color: #fff !important; opacity: 1 !important; filter: none !important; } .sk-msj-yan .sk-msj-kart__bas { justify-content: flex-start; align-items: center; gap: 6px; padding-left: 8px; } .sk-msj-yan .sk-msj-kart__bas .sk-msj-kart__say { margin-left: auto; } @media (min-width: 992px) { .sk-msj-bolme .sk-msj-geri--yan { display: inline-flex; } }