/* Marmatek Ürün Seçim Adımları — Katalog v2 kenar çubuğunda / üst barda.
   Kaynak: marmatekcom deposu → mu-plugins/marmatek-secim/secim.css
   Renkler Katalog v2 ile aynı (turuncu #e8890c, çizgi #cfd7df). */

.mkk-wrap .mks{display:flex;flex-direction:column;gap:12px;margin:0 0 10px;width:100%}
.mkk-bar .mks{flex:1 1 100%}
.mkk-wrap .mks-adim{border:0;margin:0;padding:0;min-width:0}
.mkk-wrap .mks-adim[hidden]{display:none}
.mkk-wrap .mks-soru{font-size:13px;font-weight:700;color:#4a4f57;margin:0 0 6px;padding:0}
.mkk-wrap .mks-secenekler{display:flex;flex-wrap:wrap;gap:6px}
.mkk-wrap .mks-sec{display:inline-flex;align-items:center;gap:5px;border:1px solid #cfd7df;border-radius:16px;padding:4px 10px;white-space:nowrap;font-size:13px;line-height:1.3;cursor:pointer;background:#fff;color:#2b2f35;margin:0}
.mkk-wrap .mks-sec input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.mkk-wrap .mks-sec:has(input:checked){border-color:#e8890c;background:#fdf3e6;color:#9a5c06;font-weight:600}
.mkk-wrap .mks-sec:has(input:focus-visible){outline:2px solid #e8890c;outline-offset:1px}
.mkk-wrap .mks-sec.is-bos{opacity:.45}
.mkk-wrap .mks-n{font-size:12px;color:#8a8478;font-weight:400}
.mkk-wrap .mks-sayi{display:flex;gap:6px}
.mkk-wrap .mks-sayi-i{flex:1 1 auto;min-width:0;padding:9px 12px;border:1px solid #cfd7df;border-radius:5px;font-size:15px}
.mkk-wrap .mks-sayi-i.is-bad{border-color:#c9502f;background:#fdf4f2}
.mkk-wrap .mks-sayi-u{padding:9px 8px;border:1px solid #cfd7df;border-radius:5px;font-size:14px;background:#fff}
.mkk-wrap .mks-sayi-i:focus,.mkk-wrap .mks-sayi-u:focus{outline:2px solid #e8890c;outline-offset:1px;border-color:#e8890c}
.mkk-wrap .mks-temizle{align-self:flex-start;background:none;border:0;padding:0;color:#6b6458;text-decoration:underline;font-size:13px;cursor:pointer}
.mkk-wrap .mks-temizle:hover{color:#c0392b}
.mkk-wrap .mks-not{margin:6px 0 0;font-size:13px;color:#9a5c06}
.mkk-wrap .mks-tamam{margin:14px 4px 0;font-size:14px;color:#4a4f57}
.mkk-wrap .mks-tamam a{color:#e8890c}

/* Kategoriler tek açılır menü (Levent, 25 Eki): liste HTML'de kalır (arama
   motoru linkleri görür), ekranda yerine secim.js'in kurduğu menü durur. */
.mkk-wrap .mkk-catnav:has(.mks-kat) .mkk-nav-body{display:none}
.mkk-wrap .mks-kat{display:block;width:100%;margin:0 0 16px;padding:9px 12px;border:1px solid #cfd7df;border-radius:5px;font-size:15px;background:#fff;color:#2b2f35;cursor:pointer}
.mkk-wrap .mks-kat:focus{outline:2px solid #e8890c;outline-offset:1px;border-color:#e8890c}
.mkk-wrap .mkk-catnav:has(.mks-kat) .mkk-nav-t{cursor:default}
@media (max-width:1023px){.mkk-wrap .mkk-catnav:has(.mks-kat) .mkk-nav-t::after{content:none}}

/* Geniş ekranda (≥1024px) seçim adımlı sayfa ekrana yayılır, filtre sütunu
   genişler: seçenekler tek satıra sığar, kaydırma azalır (Levent, 25 Eki). */
@media (min-width:1024px){
  .mkk-wrap.mkk-has-aside:has(.mks){max-width:none;width:min(1760px,calc(100vw - 64px));margin-left:calc(50% - min(880px,50vw - 32px))}
  .mkk-has-aside:has(.mks) .mkk-layout{grid-template-columns:380px minmax(0,1fr);gap:32px}
}