/* Marmatek Katalog v2 — spec-forward liste (PİLOT)
   Kaynak: marmatekcom deposu → mu-plugins/marmatek-katalog-v2/style.css
   Tüm kurallar .mkk-wrap altına kapsamlıdır; tema/başka sayfa etkilenmez. */

.mkk-wrap{max-width:1340px;margin:0 auto;font-size:16px;color:#2b2f35}
.mkk-wrap *,.mkk-wrap *::before,.mkk-wrap *::after{box-sizing:border-box}

/* Başlık + sayaç */
.mkk-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 10px}
.mkk-wrap .mkk-cat{margin:0;font-size:26px;line-height:1.2}
.mkk-count{font-size:14px;color:#6b6458;white-space:nowrap}
.mkk-count b{color:#2b2f35}

/* Güven bandı */
.mkk-trust{background:#fbf6ec;border:1px solid #f0e3c8;color:#7a6a45;font-size:14px;padding:8px 14px;border-radius:4px;margin:0 0 12px}

/* Filtre barı */
.mkk-bar{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 6px;position:sticky;top:0;z-index:5;background:#fff;padding:8px 0;border-bottom:1px solid #ece8e0}
.mkk-wrap .mkk-search{flex:1 1 240px;min-width:200px;padding:9px 12px;border:1px solid #cfd7df;border-radius:5px;font-size:15px}
.mkk-wrap .mkk-filter-select{padding:9px 10px;border:1px solid #cfd7df;border-radius:5px;font-size:14px;background:#fff;max-width:260px}
.mkk-wrap .mkk-search:focus,.mkk-wrap .mkk-filter-select:focus{outline:2px solid #e8890c;outline-offset:1px;border-color:#e8890c}

/* Liste satırı */
.mkk-list{border-top:1px solid #ece8e0}
.mkk-row{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:18px;align-items:center;padding:14px 4px;border-bottom:1px solid #ece8e0}
.mkk-row[hidden]{display:none}

.mkk-thumb{width:110px;height:100px;display:flex;align-items:center;justify-content:center;background:#fff;flex-shrink:0}
.mkk-thumb img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}
.mkk-noimg{width:80px;height:64px;background:#f5f3ee;border-radius:4px;display:block}

.mkk-main{min-width:0}
.mkk-wrap .mkk-title{display:block;font-size:17px;font-weight:700;color:#2b2f35;text-decoration:none;line-height:1.35;margin:0 0 7px}
.mkk-wrap .mkk-title:hover{color:#e8890c}

/* Spec satırları: SADECE ürün başlığı bold; değerler normal, etiketten bir tık
   koyu. Değer tek satırda kalır — taşarsa … ile kısalır (tam metin title'da). */
.mkk-specs{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 14px;margin:0;font-size:14.5px;line-height:1.55}
.mkk-specs dt{color:#98917f;white-space:nowrap;font-weight:400}
.mkk-specs dd{margin:0;color:#6b6458;font-weight:400;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.mkk-specs dd.is-range{white-space:normal;overflow:visible;text-overflow:clip}

/* Kenar çubuklu yerleşim (yerlesim="yan"): solda kategori ağacı + filtreler */
.mkk-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:40px;align-items:start}
.mkk-aside{position:sticky;top:16px}
.mkk-aside-t{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8a8478;margin:0 0 8px}
.mkk-catnav{margin:0 0 22px}
.mkk-catnav ul{list-style:none;margin:0;padding:0}
.mkk-catnav ul ul{margin:2px 0 6px 14px;border-left:2px solid #f0ece3;padding-left:10px}
.mkk-catnav li a{display:flex;justify-content:space-between;gap:8px;padding:6px 8px;font-size:15px;color:#54504a;text-decoration:none;border-radius:4px;line-height:1.35}
.mkk-catnav li a span{color:#b3ac9c;font-size:12.5px}
.mkk-catnav li a:hover{background:#faf8f3;color:#e8890c}
.mkk-catnav li.is-open > a{font-weight:600;color:#2b2f35}
.mkk-catnav li.is-active > a{background:#e8890c;color:#fff;font-weight:600}
.mkk-catnav li.is-active > a span{color:#fbe3c2}
.mkk-facets .mkk-search{width:100%;margin:0 0 10px}
.mkk-facets .mkk-filter-select{width:100%;max-width:none;margin:0 0 8px}
.mkk-listwrap{min-width:0}
@media (max-width: 1023px){
  .mkk-layout{grid-template-columns:1fr;gap:14px}
  .mkk-aside{position:static}
  .mkk-catnav ul{display:flex;flex-wrap:wrap;gap:6px}
  .mkk-catnav ul ul{display:flex;flex-wrap:wrap;gap:6px;border:none;margin:6px 0 0;padding:0;width:100%}
  .mkk-catnav li a{border:1px solid #e3ded2;background:#faf8f3;border-radius:16px;padding:4px 12px;font-size:13.5px}
  .mkk-catnav li.is-active > a{border-color:#e8890c}
}

/* Üretici grubu bölüm başlığı + grup chip'leri */
.mkk-ghead{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#8a8478;padding:22px 4px 6px;border-bottom:2px solid #2b2f35;margin-top:4px}
.mkk-ghead span{font-weight:400;letter-spacing:0}
.mkk-ghead[hidden]{display:none}
.mkk-gchips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px}
.mkk-wrap .mkk-gchip{border:1px solid #e3ded2;background:#faf8f3;color:#54504a;font-size:14px;padding:5px 13px;border-radius:16px;cursor:pointer;line-height:1.3}
.mkk-wrap .mkk-gchip span{color:#98917f;font-size:12.5px}
.mkk-wrap .mkk-gchip:hover{border-color:#e8890c}
.mkk-wrap .mkk-gchip.is-active{background:#e8890c;border-color:#e8890c;color:#fff}
.mkk-wrap .mkk-gchip.is-active span{color:#fbe3c2}

.mkk-chips{margin-top:8px;display:flex;gap:6px;flex-wrap:wrap}
.mkk-chip{font-size:12.5px;border:1px solid #e3ded2;background:#faf8f3;color:#6b6458;padding:1px 9px;border-radius:3px;white-space:nowrap}

.mkk-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:180px}
.mkk-delivery{font-size:13.5px;color:#6b6458}
.mkk-delivery b{color:#2b2f35}
.mkk-wrap a.mkk-cta{background:#e8890c;color:#fff;font-size:14px;font-weight:700;padding:9px 18px;border-radius:4px;text-decoration:none;white-space:nowrap;min-height:40px;display:inline-flex;align-items:center;border:none;line-height:1.2}
.mkk-wrap a.mkk-cta:hover{background:#d17a06;color:#fff}
.mkk-wrap a.mkk-cta.added,.mkk-wrap a.mkk-cta.mkk-added{background:#2e7d46}
.mkk-wrap a.mkk-cta-alt{background:#6b6458}
.mkk-wrap a.mkk-cta-alt:hover{background:#54504a}
.mkk-wrap .mkk-more{font-size:13.5px;color:#6b6458;text-decoration:underline}
.mkk-ds{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#6b6458;text-decoration:none;white-space:nowrap;min-height:32px;padding:2px 0}
.mkk-ds:hover{color:#c0392b}
.mkk-ds-i{font-size:10.5px;font-weight:700;letter-spacing:.03em;color:#fff;background:#c0392b;border-radius:3px;padding:1px 5px}
/* WooCommerce'in eklediği "Sepeti görüntüle" linkini kendi stilimizle göster */
.mkk-side .added_to_cart{font-size:13.5px;color:#2e7d46;text-decoration:underline;white-space:nowrap}

/* Boş sonuç */
.mkk-empty{background:#fff7e6;border:1px solid #f0dcae;border-radius:5px;padding:12px 14px;font-size:15px;margin:12px 0}
.mkk-empty .mkk-reset{background:none;border:none;color:#33587a;text-decoration:underline;cursor:pointer;padding:0;font-size:inherit}

/* Arşiv devralma şablonu (marmatek-katalog-arsiv): Avada'nın #main/.fusion-row
   sarmalayıcısı header'dan gelir; şablon yalnız section#content basar. width:100%
   !important — tema arşiv sidebar ayarı %71'e daraltmasın (sidebar basılmıyor). */
.mkka-content{width:100% !important;float:none !important;max-width:1340px;margin:0 auto}
.mkka-h1{font-size:30px;line-height:1.25;margin:0 0 4px;color:#2b2f35}
.mkka-descwrap{margin-top:38px;padding-top:20px;border-top:1px solid #ece8e0;max-width:none;position:relative}
.mkka-desc{font-size:15px;line-height:1.7;color:#54504a}
.mkka-desc h2,.mkka-desc h3{font-size:17px;margin:1.2em 0 .4em}
.mkka-desc > *:first-child{margin-top:0}
/* Varsayilan KAPALI: ~5 satir + asagi dogru solma. Metin DOM'da TAM kalir. */
.mkka-descwrap.is-collapsed .mkka-desc{max-height:8.5em;overflow:hidden;position:relative}
.mkka-descwrap.is-collapsed .mkka-desc::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4em;background:linear-gradient(rgba(255,255,255,0),#fff)}
.mkka-desc-toggle{margin-top:10px;background:none;border:none;padding:0;color:#33587a;font-size:14.5px;font-weight:600;cursor:pointer;text-decoration:underline}
.mkka-desc-toggle:hover{color:#e8890c}
@media (max-width: 700px){
  .mkka-h1{font-size:21px}
}

/* Mağaza devralma: üst kategori dizini kartları */
.mkka-shop-lede{color:#6b6458;font-size:16.5px;max-width:70ch;margin:2px 0 20px}
.mkka-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.mkka-cat-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;border:1px solid #ece8e0;border-radius:6px;padding:18px 12px;text-decoration:none;background:#fff}
.mkka-cat-card:hover{border-color:#e8890c}
.mkka-cat-thumb{height:96px;display:flex;align-items:center;justify-content:center}
.mkka-cat-thumb img{max-height:96px;width:auto;object-fit:contain}
.mkka-cat-name{font-weight:600;color:#2b2f35;font-size:17px;line-height:1.3}
.mkka-cat-card:hover .mkka-cat-name{color:#e8890c}
.mkka-cat-count{font-size:14px;color:#98917f}
@media (max-width: 700px){
  .mkka-cats{grid-template-columns:repeat(2,1fr);gap:10px}
  .mkka-cat-thumb{height:70px}
}

/* Sepete eklendi bildirimi (JS basar) */
.mkk-toast{position:fixed;right:18px;bottom:18px;z-index:9999;background:#2e7d46;color:#fff;font-size:14px;padding:12px 18px;border-radius:6px;box-shadow:0 4px 18px rgba(0,0,0,.18)}
.mkk-toast a{color:#fff;text-decoration:underline;font-weight:700}

/* Kenar çubuklu sayfada tavan daha geniş (sol 260px'i telafi eder). */
.mkk-wrap.mkk-has-aside{max-width:1600px}
.mkka-content{max-width:1600px}

/* Geniş masaüstü (≥1500px): SADECE kenar çubuğu OLMAYAN (pilot) sayfalarda liste
   2 sütuna geçer. Kenar çubuklu mağaza/kategori düzeni HEP TEK SÜTUN — filtreyle
   süzüldüğü için liste uzunluğu sorun değil, satır genişliği karşılaştırmayı taşır. */
@media (min-width: 1500px){
  .mkk-wrap:not(.mkk-has-aside) .mkk-list{display:grid;grid-template-columns:1fr 1fr;column-gap:48px;border-top:none}
  .mkk-wrap:not(.mkk-has-aside) .mkk-row{border-top:1px solid #ece8e0;border-bottom:none;align-content:start}
  .mkk-wrap:not(.mkk-has-aside) .mkk-ghead{grid-column:1 / -1}
  .mkk-wrap:not(.mkk-has-aside) .mkk-side{min-width:150px}
}

/* Mobil: tek kolon yatay kart */
@media (max-width: 700px){
  .mkk-row{grid-template-columns:80px minmax(0,1fr);gap:12px;padding:11px 2px}
  .mkk-thumb{width:80px;height:72px}
  .mkk-wrap .mkk-title{font-size:14.5px;margin-bottom:5px}
  .mkk-specs{font-size:12.5px;gap:1px 10px}
  .mkk-chips{display:none}
  .mkk-side{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:8px 14px;min-width:0;width:100%}
  .mkk-ds{min-height:40px}
  .mkk-bar{top:0}
}