/* =====================================================================
 * assets/css/kategori.css — Ana kategori karşılama sayfaları (include/kategori-sablon.php)
 * Ölçü ve renkler "İkinci El ve Sıfır Alışveriş" sayfasıyla aynıdır; tokenlar style.css :root'tan gelir.
 * ===================================================================== */

/* --- Kırıntı --- */
.kt-crumb{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-muted);padding:18px 0 14px;flex-wrap:wrap;}
.kt-crumb a{color:var(--text-muted);}
.kt-crumb a:hover{color:var(--blue-text);}
.kt-crumb svg{width:12px;height:12px;color:#c2c2c2;}
.kt-crumb .son{color:var(--text);font-weight:700;}

/* --- Karşılama --- */
.kt-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:24px;min-height:230px;
  background:linear-gradient(100deg,#fff 0%,#fffaf0 38%,var(--yellow-bg) 100%);border:1px solid var(--border);border-radius:20px;overflow:hidden;}
.kt-hero-metin{padding:30px 0 30px 32px;position:relative;z-index:1;}
.kt-hero h1{font-size:38px;font-weight:900;letter-spacing:-.02em;line-height:1.1;margin:0 0 12px;color:var(--text);}
.kt-hero p{font-size:15px;line-height:1.55;color:#3d3d3d;margin:0 0 20px;max-width:520px;}
.kt-ozellik{display:inline-flex;flex-wrap:wrap;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 4px 14px rgba(0,0,0,.04);}
.kt-ozellik > *{display:flex;align-items:center;gap:9px;padding:11px 16px;font-size:12px;font-weight:600;color:var(--text);}
.kt-ozellik > * + *{border-left:1px solid var(--border);}
.kt-ozellik b{display:block;font-size:13.5px;font-weight:800;line-height:1.1;}
.kt-ozellik .ic{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.kt-ozellik .ic .icon{width:16px;height:16px;}
.kt-ozellik a:hover{color:var(--blue-text);}
.kt-hero-gorsel{align-self:stretch;position:relative;min-height:230px;display:flex;align-items:center;justify-content:flex-end;}
.kt-hero-gorsel img{display:block;width:100%;height:100%;max-height:268px;object-fit:contain;object-position:right center;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14%);mask-image:linear-gradient(90deg,transparent 0,#000 14%);}
.kt-hero-kolaj{align-self:stretch;position:relative;min-height:230px;}
.kt-hero-kolaj span{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:22px;box-shadow:0 10px 28px rgba(0,0,0,.08);background:#fff;}
.kt-hero-kolaj span .icon{width:44%;height:44%;}

/* --- Alt kategori şeridi (yatay kaydırılabilir) --- */
.kt-altlar{display:flex;gap:10px;overflow-x:auto;background:#fff;border:1px solid var(--border);border-radius:16px;padding:14px;margin-top:16px;scrollbar-width:thin;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;}
.kt-alt{flex:0 0 auto;width:92px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;font-size:11.5px;font-weight:600;color:var(--text);line-height:1.25;padding:8px 4px;border-radius:12px;transition:background .15s ease;scroll-snap-align:start;}
.kt-alt:hover{background:var(--gray-50,#fafafa);}
.kt-alt:focus-visible{outline:2px solid var(--blue-text);outline-offset:2px;}
.kt-alt .kutu{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;transition:transform .15s ease;}
.kt-alt:hover .kutu{transform:translateY(-2px);}
.kt-alt .kutu .icon{width:26px;height:26px;}
.kt-alt.secili{background:var(--yellow);}
.kt-alt.secili .kutu{background:transparent !important;color:var(--dark) !important;}

/* --- Renk paleti (alışveriş sayfasıyla aynı) --- */
.kt-renk-sari{background:var(--yellow);color:var(--dark);}
.kt-renk-sari-acik{background:var(--yellow-bg);color:var(--warn-strong,#a87900);}
.kt-renk-mavi{background:#e8f1fd;color:#1d6fd1;} .kt-renk-mor{background:#efeafd;color:#6d4fd8;} .kt-renk-turuncu{background:#fff0e3;color:#e0661c;}
.kt-renk-pembe{background:#fde8f2;color:#d61f72;} .kt-renk-turkuaz{background:#e3f6f6;color:#139a9a;} .kt-renk-lacivert{background:#e7ecfb;color:#2c4fc4;}
.kt-renk-eflatun{background:#f3e8fb;color:#8c2fc9;} .kt-renk-yesil{background:#e6f6ec;color:#1c8a3e;} .kt-renk-kahve{background:#f6ede4;color:#9a5a26;}
.kt-renk-kirmizi{background:#fdeaea;color:#d02b2b;} .kt-renk-gri{background:#eef0f4;color:#4a5568;}
.kt-alt .kutu.kt-renk-sari{background:var(--yellow-bg);color:var(--warn-strong,#a87900);}

/* --- Filtre çubuğu --- */
.kt-filtre{background:#fff;border:1px solid var(--border);border-radius:16px;padding:14px 16px;margin-top:16px;}
.kt-filtre-ac{display:none;}
.kt-filtre-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;align-items:end;}
.kt-alan{display:flex;flex-direction:column;gap:6px;min-width:0;position:relative;}
.kt-alan > label,.kt-etiket{font-size:12px;font-weight:700;color:var(--text);}
.kt-alan select,.kt-aralik summary{width:100%;height:42px;border:1px solid var(--border);border-radius:9px;padding:0 34px 0 12px;font-size:13px;font-family:inherit;background:#fff;color:var(--text);
  appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b6b6b' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 11px center;background-size:15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:pointer;}
.kt-alan select:focus,.kt-aralik summary:focus-visible{outline:none;border-color:var(--blue-text);background-color:#fffdec;}
.kt-alan select:has(option:checked:not([value=""])){border-color:var(--yellow-dark,#f2cf00);background-color:#fffdec;font-weight:600;}
.kt-aralik{position:relative;}
.kt-aralik summary{list-style:none;display:flex;align-items:center;background-image:none;}
.kt-aralik summary::-webkit-details-marker{display:none;}
.kt-aralik summary .icon{position:absolute;right:11px;width:15px;height:15px;color:var(--text-muted);}
.kt-aralik.dolu summary{border-color:var(--yellow-dark,#f2cf00);background:#fffdec;font-weight:600;}
.kt-aralik[open] summary{border-color:var(--blue-text);}
.kt-aralik-panel{position:absolute;z-index:20;top:calc(100% + 6px);left:0;width:max(100%,250px);background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.12);padding:12px;display:flex;flex-direction:column;gap:10px;}
.kt-aralik-satir{display:flex;align-items:center;gap:8px;}
.kt-aralik-satir span{color:var(--text-muted);}
.kt-aralik-satir input{width:100%;min-width:0;height:40px;border:2px solid #e3e3e3;border-radius:9px;padding:0 10px;font-size:13px;font-family:inherit;}
.kt-aralik-satir input:focus{outline:none;border-color:var(--blue-text);background:#fffdec;}
.kt-aralik-panel .btn-ph{justify-content:center;}
.kt-alan-dugme .kt-uygula{height:42px;justify-content:center;}
.kt-secimler{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #f0f0f0;}
.kt-secimler a{display:inline-flex;align-items:center;gap:6px;background:var(--yellow-bg);color:#6b5400;border-radius:999px;padding:6px 10px 6px 13px;font-size:12px;font-weight:600;}
.kt-secimler a .icon{width:12px;height:12px;}
.kt-secimler a:hover{filter:brightness(.97);}
.kt-secimler a.temizle{background:transparent;color:var(--blue-text);padding:6px 4px;}
.kt-secimler a.temizle:hover{text-decoration:underline;}

/* --- Sekmeler + sıralama --- */
.kt-arac{display:flex;align-items:flex-end;gap:14px;margin:22px 0 16px;border-bottom:1px solid var(--border);flex-wrap:wrap;}
.kt-sekmeler{display:flex;gap:26px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;}
.kt-sekmeler::-webkit-scrollbar{display:none;}
.kt-sekmeler a{padding:10px 0 12px;font-size:14px;font-weight:600;color:var(--text-muted);white-space:nowrap;border-bottom:3px solid transparent;margin-bottom:-1px;}
.kt-sekmeler a.aktif{color:var(--text);font-weight:800;border-bottom-color:var(--yellow);}
.kt-sekmeler a:hover{color:var(--text);}
.kt-sag{display:flex;align-items:center;gap:10px;padding-bottom:10px;}
.kt-sag select{border:1px solid var(--border);border-radius:9px;padding:9px 34px 9px 12px;font-size:13px;font-family:inherit;background:#fff;color:var(--text);}
.kt-gorunum{display:flex;border:1px solid var(--border);border-radius:9px;overflow:hidden;background:#fff;}
.kt-gorunum a{width:38px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);}
.kt-gorunum a .icon{width:17px;height:17px;}
.kt-gorunum a.aktif{background:var(--yellow);color:var(--dark);}

/* --- Kart ızgarası (5 sütun) --- */
.kt-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;}
.kt-grid > .card{min-width:0;display:flex;flex-direction:column;}
.kt-grid .card-body{display:flex;flex-direction:column;flex:1;}
.kt-grid .card-date{margin-top:auto;}
.card-img.resimsiz{background:#f3f3f3;}
.card-img.resimsiz > img{object-fit:contain;padding:22%;opacity:.55;}
.card-badge.kt-rozet-sari{background:var(--yellow);color:var(--dark);}
.card-badge.kt-rozet-koyu{background:var(--dark);color:#fff;}
.kt-firma{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:#444;margin:-2px 0 6px;min-width:0;}
.kt-firma .icon{width:13px;height:13px;flex-shrink:0;color:var(--text-muted);}
.kt-firma,.kt-grid .card-loc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.kt-grid .card-loc .icon,.kt-firma .icon{flex-shrink:0;}
.kt-ozet{font-size:12px;color:var(--text-muted);line-height:1.45;margin:-2px 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.kt-ozellikler{list-style:none;margin:-2px 0 8px;padding:0;display:flex;flex-wrap:wrap;gap:4px 0;font-size:12px;color:#444;}
.kt-ozellikler > *{display:inline-flex;align-items:center;gap:4px;min-width:0;}
.kt-ozellikler > * + *::before{content:"";width:1px;height:11px;background:#d6d6d6;margin:0 8px;}
.kt-ozellikler .icon{width:13px;height:13px;color:var(--text-muted);flex-shrink:0;}
@media (max-width:1200px){ .kt-grid{grid-template-columns:repeat(4,minmax(0,1fr));} }
@media (max-width:1000px){ .kt-grid{grid-template-columns:repeat(3,minmax(0,1fr));} }

/* --- Liste görünümü --- */
.kt-liste{display:flex;flex-direction:column;gap:10px;}
.kt-satir{display:flex;gap:16px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:12px;color:inherit;transition:box-shadow .15s ease;}
.kt-satir:hover{box-shadow:0 6px 18px rgba(0,0,0,.06);}
.kt-satir .res{position:relative;width:180px;height:128px;flex-shrink:0;border-radius:10px;background:#f3f3f3 center/cover no-repeat;overflow:hidden;}
.kt-satir .res > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block;}
.kt-satir .res .card-badge{position:absolute;top:8px;left:8px;}
.kt-satir .bil{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;}
.kt-satir .bas{font-size:15px;font-weight:800;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.kt-satir .kt-ozellikler{margin:0;}
.kt-satir .oz{font-size:12.5px;color:var(--text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.kt-satir .alt{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:auto;font-size:12px;color:var(--text-muted);}
.kt-satir .alt > span{display:inline-flex;align-items:center;gap:4px;}
.kt-satir .alt .icon{width:13px;height:13px;flex-shrink:0;}
.kt-satir .fiyat{margin-left:auto;font-size:17px;font-weight:800;color:var(--green);}

/* --- Boş sonuç --- */
.kt-bos{background:#fff;border:1px solid var(--border);border-radius:16px;text-align:center;padding:52px 24px;color:var(--text-muted);}
.kt-bos > .icon{display:block;width:44px;height:44px;color:var(--warn-strong,#a87900);background:var(--yellow-bg);border-radius:14px;padding:10px;margin:0 auto 14px;box-sizing:content-box;}
.kt-bos p{font-weight:800;color:var(--text);margin:0 0 5px;font-size:15px;}
.kt-bos-dugme{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px;}
.kt-bos-dugme .btn-ph{display:inline-flex;}

/* --- Sayfalama --- */
.kt-sayfalama{display:flex;justify-content:center;align-items:center;gap:8px;padding:26px 0 8px;flex-wrap:wrap;}
.kt-sayfalama a,.kt-sayfalama span{min-width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:9px;font-size:13px;font-weight:700;border:1px solid var(--border);background:#fff;color:var(--text);padding:0 10px;}
.kt-sayfalama a:hover{background:var(--gray-50,#fafafa);}
.kt-sayfalama .aktif{background:var(--yellow);border-color:var(--yellow);color:var(--dark);}
.kt-sayfalama .bosluk{border:0;background:transparent;min-width:20px;padding:0;}
.kt-sayfalama .icon{width:15px;height:15px;}

/* --- Popüler aramalar --- */
.kt-populer{background:#fff;border:1px solid var(--border);border-radius:16px;padding:20px 22px;margin:22px 0 10px;}
.kt-populer h2{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:800;margin:0 0 16px;}
.kt-populer h2 .icon{width:19px;height:19px;}
.kt-cipler{display:flex;flex-wrap:wrap;gap:10px;}
.kt-cipler a{background:var(--bg,#f5f5f5);border-radius:999px;padding:9px 18px;font-size:12.5px;font-weight:600;color:var(--text);transition:background .15s ease;}
.kt-cipler a:hover{background:var(--yellow-bg);color:var(--warn-text,#8a6d00);}

/* --- Tablet / mobil --- */
@media (max-width:900px){
  .kt-hero{grid-template-columns:1fr;gap:0;}
  .kt-hero-metin{padding:24px 20px 22px;}
  .kt-hero h1{font-size:28px;}
  .kt-hero-gorsel{order:-1;min-height:0;height:150px;justify-content:center;padding-top:10px;}
  .kt-hero-gorsel img{max-height:150px;object-position:center;-webkit-mask-image:none;mask-image:none;}
  .kt-hero-kolaj{display:none;}
  .kt-ozellik{display:grid;grid-template-columns:1fr 1fr;width:100%;}
  .kt-ozellik > *:nth-child(3){border-left:0;}
  .kt-ozellik > *:nth-child(n+3){border-top:1px solid var(--border);}
  .kt-arac{align-items:stretch;}
  .kt-sag{width:100%;justify-content:space-between;}
  .kt-sag select{flex:1;min-width:0;}
}
@media (max-width:640px){
  .kt-crumb{padding:14px 0 10px;}
  .kt-hero{border-radius:16px;}
  .kt-hero p{font-size:14px;margin-bottom:16px;}
  .kt-ozellik > *{padding:10px 12px;}
  .kt-altlar{margin-left:-16px;margin-right:-16px;border-radius:0;border-left:0;border-right:0;padding:12px 16px;gap:6px;}
  .kt-alt{width:80px;font-size:11px;}
  .kt-alt .kutu{width:50px;height:50px;}
  /* Filtre: açılır panel */
  .kt-filtre{padding:0;overflow:visible;}
  .kt-filtre-ac{display:flex;align-items:center;gap:9px;width:100%;background:none;border:0;padding:13px 16px;font-size:14px;font-weight:700;color:var(--text);cursor:pointer;font-family:inherit;}
  .kt-filtre-ac .icon{width:17px;height:17px;}
  .kt-filtre-ac .ok{margin-left:auto;transition:transform .2s ease;}
  .kt-filtre-ac .sayac{background:var(--yellow);color:var(--dark);font-size:11px;font-weight:800;border-radius:999px;min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;}
  .kt-filtre.acik .kt-filtre-ac .ok{transform:rotate(180deg);}
  .kt-filtre-form{display:none;grid-template-columns:1fr 1fr;gap:10px;padding:2px 16px 16px;}
  .kt-filtre.acik .kt-filtre-form{display:grid;}
  .kt-alan-dugme{grid-column:1 / -1;}
  .kt-aralik-panel{width:calc(200% + 10px);}
  .kt-alan:nth-child(even) .kt-aralik-panel{left:auto;right:0;}
  .kt-secimler{margin:0;padding:12px 16px;}
  .kt-sekmeler{gap:20px;}
  .kt-sekmeler a{font-size:13px;}
  /* İlanlar: iki sütunlu kart */
  .kt-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .kt-grid .card-body{padding:10px 11px 12px;}
  .kt-grid .card-title{font-size:12.5px;}
  .kt-grid .card-price{font-size:14px;}
  .kt-ozellikler{font-size:11px;}
  .kt-ozellikler > * + *::before{margin:0 5px;}
  .kt-grid .kt-ozet{display:none;}
  .kt-satir{gap:12px;padding:10px;}
  .kt-satir .res{width:110px;height:96px;}
  .kt-satir .oz{display:none;}
  .kt-satir .bas{font-size:14px;}
  .kt-satir .fiyat{margin-left:0;font-size:15px;}
  .kt-populer{padding:18px 16px;}
  .kt-cipler{gap:8px;}
  .kt-cipler a{padding:8px 14px;font-size:12px;}
}
@media (max-width:380px){ .kt-filtre-form{grid-template-columns:1fr;} .kt-aralik-panel{width:100%;} .kt-alan:nth-child(even) .kt-aralik-panel{right:auto;left:0;} }