/* ===================================================================== ItemPazar v15 - ARAYUZ GORUNUMLERI (skin) ile secilir, panelden degistirilir. pazar : varsayilan yogun pazaryeri gorunumu (bu dosyada kural yok) vitrin : buyuk kapakli, ferah, magaza vitrini havasi kompakt : cok sutunlu, sik yerlesimli, hizli tarama icin neo : cam efektli, yuvarlak hatli modern gorunum Kurallar yalnizca gorsel katmani (yerlesim/olcu/kose/golge) degistirir; hicbir islevsel yapiyi bozmaz. Renkler temadan gelmeye devam eder. ===================================================================== */ /* ===================================================================== 1) VITRIN - buyuk kart, genis nefes araligi ===================================================================== */ [data-skin="vitrin"] .home-listing-grid, [data-skin="vitrin"] .focus-market .home-listing-grid{ grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important; } [data-skin="vitrin"] .market-listing{ border-radius:16px!important;overflow:hidden!important; box-shadow:0 14px 30px rgba(0,0,0,.28)!important; border:1px solid var(--line)!important; } [data-skin="vitrin"] .market-listing:hover{transform:translateY(-4px)!important} [data-skin="vitrin"] .market-listing .listing-cover{aspect-ratio:1.27/1!important} [data-skin="vitrin"] .market-listing .listing-flag{height:26px!important;font-size:9px!important;letter-spacing:.12em!important} [data-skin="vitrin"] .market-listing .listing-title{font-size:13px!important;line-height:1.45!important;height:auto!important;min-height:36px!important} [data-skin="vitrin"] .market-listing .listing-price, [data-skin="vitrin"] .market-listing .listing-body strong{font-size:16px!important} [data-skin="vitrin"] .market-listing .listing-body{padding:13px!important} [data-skin="vitrin"] .market-chips .chip, [data-skin="vitrin"] .market-tag-strip a{border-radius:999px!important;height:38px!important;font-size:12px!important} [data-skin="vitrin"] .home-notice{border-radius:16px!important;min-height:74px!important} [data-skin="vitrin"] .section-title-line h2{font-size:20px!important} [data-skin="vitrin"] .header-v12 .header-main{min-height:88px!important} [data-skin="vitrin"] .market-search input{height:48px!important;border-radius:999px!important} [data-skin="vitrin"] .cdkey-grid, [data-skin="vitrin"] .social-market-grid{gap:16px!important} @media(max-width:1180px){ [data-skin="vitrin"] .home-listing-grid, [data-skin="vitrin"] .focus-market .home-listing-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important} } @media(max-width:640px){ [data-skin="vitrin"] .home-listing-grid, [data-skin="vitrin"] .focus-market .home-listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important} [data-skin="vitrin"] .market-listing{border-radius:13px!important} } /* ===================================================================== 2) KOMPAKT - maksimum ilan, minimum bosluk ===================================================================== */ [data-skin="kompakt"] .home-listing-grid, [data-skin="kompakt"] .focus-market .home-listing-grid{ grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:7px!important; } [data-skin="kompakt"] .market-listing{border-radius:3px!important} [data-skin="kompakt"] .market-listing .listing-cover{aspect-ratio:1.27/1!important} [data-skin="kompakt"] .market-listing .listing-flag{height:17px!important;font-size:7px!important} [data-skin="kompakt"] .market-listing .listing-seller{height:34px!important;padding:0 7px!important} [data-skin="kompakt"] .market-listing .listing-seller img{width:20px!important;height:20px!important} [data-skin="kompakt"] .market-listing .listing-body{padding:7px!important;min-height:74px!important} [data-skin="kompakt"] .market-listing .listing-title{font-size:10.5px!important;line-height:1.32!important;height:28px!important} [data-skin="kompakt"] .market-listing .listing-cat{font-size:7px!important} [data-skin="kompakt"] .market-listing .listing-price, [data-skin="kompakt"] .market-listing .listing-body strong{font-size:12.5px!important} [data-skin="kompakt"] .home-notice{min-height:48px!important;border-radius:4px!important;padding:6px 12px!important} [data-skin="kompakt"] .home-notice p{display:none!important} [data-skin="kompakt"] .market-chips{padding:9px 0 7px!important} [data-skin="kompakt"] .market-chips .chip, [data-skin="kompakt"] .market-tag-strip a{border-radius:4px!important;height:30px!important;font-size:10.5px!important} [data-skin="kompakt"] .header-v12 .header-main{min-height:64px!important} [data-skin="kompakt"] .market-search input{height:36px!important;border-radius:5px!important} [data-skin="kompakt"] .cdkey-grid{grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:8px!important} @media(max-width:1400px){ [data-skin="kompakt"] .home-listing-grid, [data-skin="kompakt"] .focus-market .home-listing-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important} } @media(max-width:1180px){ [data-skin="kompakt"] .home-listing-grid, [data-skin="kompakt"] .focus-market .home-listing-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important} } @media(max-width:640px){ [data-skin="kompakt"] .home-listing-grid, [data-skin="kompakt"] .focus-market .home-listing-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important} [data-skin="kompakt"] .market-listing .listing-title{font-size:8.5px!important;height:23px!important} [data-skin="kompakt"] .market-listing .listing-seller{height:28px!important} } /* ===================================================================== 3) NEO - cam efektli, yuvarlak hatli ===================================================================== */ [data-skin="neo"] .home-listing-grid, [data-skin="neo"] .focus-market .home-listing-grid{ grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:15px!important; } [data-skin="neo"] .market-listing{ border-radius:20px!important;overflow:hidden!important; background:linear-gradient(160deg,rgba(255,255,255,.075),rgba(255,255,255,.02))!important; border:1px solid rgba(255,255,255,.10)!important; backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px); box-shadow:0 10px 26px rgba(0,0,0,.30)!important; } [data-skin="neo"] .market-listing:hover{ transform:translateY(-4px)!important;border-color:var(--brand)!important; box-shadow:0 16px 34px rgba(0,0,0,.38)!important; } [data-skin="neo"] .market-listing .listing-cover{aspect-ratio:1.27/1!important;margin:9px 9px 0!important;border-radius:14px!important;overflow:hidden!important} [data-skin="neo"] .market-listing .listing-flag{ height:24px!important;border-radius:999px!important;margin:9px 9px 0!important;font-size:8.5px!important; } [data-skin="neo"] .market-listing .listing-seller{background:transparent!important;border-top:0!important;border-bottom:1px solid rgba(255,255,255,.07)!important} [data-skin="neo"] .market-listing .listing-body{background:transparent!important;padding:11px!important} [data-skin="neo"] .market-listing .listing-title{font-size:12px!important;line-height:1.4!important;height:auto!important;min-height:34px!important} [data-skin="neo"] .market-chips .chip, [data-skin="neo"] .market-tag-strip a{ border-radius:999px!important;height:36px!important; background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.10)!important; backdrop-filter:blur(6px); } [data-skin="neo"] .market-navbar{ background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02))!important; backdrop-filter:blur(10px);border-radius:0 0 20px 20px!important; } [data-skin="neo"] .header-v12{background:linear-gradient(180deg,rgba(255,255,255,.05),transparent)!important} [data-skin="neo"] .market-search input{height:46px!important;border-radius:999px!important;background:rgba(255,255,255,.07)!important} [data-skin="neo"] .home-notice{border-radius:20px!important;background:linear-gradient(120deg,var(--brand-soft),rgba(255,255,255,.04))!important;border:1px solid rgba(255,255,255,.09)!important} [data-skin="neo"] .cdkey-grid a, [data-skin="neo"] .social-market-grid a, [data-skin="neo"] .commerce-col, [data-skin="neo"] .news-grid a{border-radius:18px!important} [data-skin="neo"] .btn{border-radius:999px!important} @media(max-width:1180px){ [data-skin="neo"] .home-listing-grid, [data-skin="neo"] .focus-market .home-listing-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important} } @media(max-width:640px){ [data-skin="neo"] .home-listing-grid, [data-skin="neo"] .focus-market .home-listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important} [data-skin="neo"] .market-listing{border-radius:16px!important} [data-skin="neo"] .market-navbar{border-radius:0!important} }