/* Metal4Home — Oferta 1.9.0: pasek filtrów nad siatką (komputer) + arkusz „Filtry” (telefon). Paleta marki, zero zieleni. */
.m4hf,.m4hf-strip{--fi:#181818;--f2:#3d3b38;--f3:#74706a;--fl:#e7e2d9;--fs:#c4b192;--fa:#7a6446;--fbg:#fff;--fr:6px}
.m4hf{position:relative;margin:0 0 18px;font-family:var(--m4h-font-ui,inherit);color:var(--fi)}
.m4hf *{box-sizing:border-box}
.m4hf-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.m4hf.js .m4hf-row{flex-wrap:nowrap}
.m4hf-lbl{display:inline-flex;align-items:center;gap:6px;margin-right:2px;font-size:10.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--f3);white-space:nowrap}
@media (max-width:1280px){.m4hf-lbl span{display:none}}
.m4hf-i{width:16px;height:16px;flex:none}
.m4hf-facet{position:relative}
.m4hf-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 9px 0 11px;white-space:nowrap;border:1px solid var(--fl)!important;border-radius:var(--fr)!important;background:var(--fbg)!important;color:var(--fi)!important;font:400 12.5px/1 var(--m4h-font-ui,inherit)!important;letter-spacing:.01em!important;text-transform:none!important;box-shadow:none!important;cursor:pointer;transition:border-color .15s,background .15s}
.m4hf-btn:hover,.m4hf-btn:focus,.m4hf-btn[aria-expanded="true"]{border-color:var(--fi)!important;background:var(--fbg)!important;color:var(--fi)!important}
.m4hf-facet.is-on>.m4hf-btn{border-color:var(--fi)!important;background:#f7f4ef!important}
.m4hf-btn .m4hf-i--chev{transition:transform .2s}
.m4hf-btn[aria-expanded="true"] .m4hf-i--chev{transform:rotate(180deg)}
.m4hf-n{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 5px;border-radius:9px;background:var(--fi);color:#fff;font:500 10.5px/1 var(--m4h-font-ui,inherit)}
.m4hf-pop{position:absolute;z-index:60;top:calc(100% + 6px);left:0;min-width:260px;max-width:340px;padding:8px 0 0;border:1px solid var(--fl);border-radius:var(--fr);background:var(--fbg);box-shadow:0 12px 32px rgba(24,24,24,.12)}
.m4hf-pop[hidden]{display:none}
.m4hf-facet--price .m4hf-pop{min-width:300px}
.m4hf-find{display:block;margin:0 10px 6px}
.m4hf-find input{width:100%;height:36px;padding:0 10px;border:1px solid var(--fl);border-radius:4px;background:#fbfaf8;font:400 14px/1 inherit;color:var(--fi)}
.m4hf-find input:focus{outline:none;border-color:var(--fi)}
.m4hf-list{list-style:none;margin:0;padding:0 6px;max-height:300px;overflow:auto}
.m4hf-list li{margin:0}
.m4hf-list li.is-hide{display:none}
.m4hf-opt{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:4px;cursor:pointer;font:400 13px/1.35 var(--m4h-font-ui,inherit);color:var(--f2)}
.m4hf-opt:hover{background:#f7f4ef;color:var(--fi)}
.m4hf-opt input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.m4hf-box{flex:none;width:18px;height:18px;border:1.5px solid var(--f3);border-radius:4px;background:#fff;position:relative;transition:background .15s,border-color .15s}
.m4hf-opt input:checked~.m4hf-box{background:var(--fi);border-color:var(--fi)}
.m4hf-opt input:checked~.m4hf-box::after{content:"";position:absolute;left:5px;top:1.5px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.m4hf-opt input:focus-visible~.m4hf-box{outline:2px solid var(--fa);outline-offset:2px}
.m4hf-name{flex:1 1 auto;min-width:0;color:inherit!important;text-decoration:none!important}
.m4hf-opt:hover .m4hf-name{color:var(--fi)!important}
.m4hf-cnt{flex:none;font-style:normal;font-size:11px;color:var(--f3)}
.m4hf-foot{display:flex;justify-content:space-between;gap:8px;margin-top:6px;padding:8px 10px;border-top:1px solid var(--fl)}
.m4hf-foot button{height:32px;padding:0 12px;border-radius:4px;font:400 12.5px/1 var(--m4h-font-ui,inherit);cursor:pointer}
.m4hf-foot button{letter-spacing:0!important;text-transform:none!important;box-shadow:none!important}
.m4hf-clear{border:1px solid var(--fl)!important;background:#fff!important;color:var(--f2)!important}
.m4hf-clear:hover{border-color:var(--fi)!important;color:var(--fi)!important}
.m4hf-ok{border:1px solid var(--fi)!important;background:var(--fi)!important;color:#fff!important}
.m4hf-ok:hover{background:var(--f2)!important}
.m4hf-btn.m4hf-more{border-style:dashed!important;border-color:var(--fs)!important;color:var(--fa)!important}
.m4hf-morewrap[hidden]{display:none}
.m4hf-acc{min-width:300px;max-width:360px;padding:0 6px;max-height:min(70vh,560px);overflow:auto}
.m4hf-acc .m4hf-facet{display:block;border-bottom:1px solid var(--fl)}
.m4hf-acc .m4hf-facet:last-child{border-bottom:0}
.m4hf-acc .m4hf-btn{width:100%;height:44px;border:0!important;border-radius:0!important;background:transparent!important;justify-content:space-between;padding:0 6px}
.m4hf-acc .m4hf-btn>span{flex:1;text-align:left}
.m4hf-acc .m4hf-pop{position:static;min-width:0;max-width:none;border:0;box-shadow:none;padding:0 0 8px;background:transparent}
.m4hf-acc .m4hf-list{max-height:220px}
.m4hf-acc .m4hf-foot{display:none}
/* cena */
.m4hf-price{padding:6px 12px 2px}
.m4hf-slider{position:relative;height:30px}
.m4hf-slider input[type=range]{position:absolute;left:0;right:0;top:9px;width:100%;height:12px;margin:0;background:transparent;-webkit-appearance:none;appearance:none;pointer-events:none}
.m4hf-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;border:2px solid var(--fi);background:#fff;cursor:pointer;pointer-events:auto;margin-top:-5px}
.m4hf-slider input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;border:2px solid var(--fi);background:#fff;cursor:pointer;pointer-events:auto}
.m4hf-slider input[type=range]::-webkit-slider-runnable-track{height:12px;background:transparent}
.m4hf-slider input[type=range]::-moz-range-track{height:12px;background:transparent}
.m4hf-track{position:absolute;left:0;right:0;top:14px;height:3px;border-radius:2px;background:var(--fl)}
.m4hf-track i{position:absolute;top:0;height:100%;background:var(--fi)}
.m4hf-pin{display:flex;gap:10px;margin-top:6px}
.m4hf-pin label{flex:1;display:flex;align-items:center;gap:6px;height:34px;padding:0 8px;border:1px solid var(--fl);border-radius:4px;font-size:11px;color:var(--f3)}
.m4hf-pin input{flex:1;min-width:0;width:100%;border:0;background:transparent;font:400 13px/1 var(--m4h-font-ui,inherit);color:var(--fi);text-align:right;-moz-appearance:textfield}
.m4hf-pin input::-webkit-outer-spin-button,.m4hf-pin input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.m4hf-pin input:focus{outline:none}
.m4hf-pin b{font-weight:500;color:var(--f3)}
/* aktywne */
.m4hf-active{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}
.m4hf-chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 8px 0 10px;border:1px solid var(--fi);border-radius:13px;background:var(--fi);color:#fff!important;font:400 12px/1 var(--m4h-font-ui,inherit);text-decoration:none!important}
.m4hf-chip:hover{background:var(--f2)}
.m4hf-chip .m4hf-i{width:14px;height:14px}
.m4hf-chip .m4hf-chip__l{color:#fff!important;text-decoration:none!important}
.m4hf-chip .m4hf-chip__l:hover{text-decoration:underline!important;text-underline-offset:3px}
.m4hf-chip .m4hf-chip__x{display:inline-flex;color:#fff!important;text-decoration:none!important;padding:2px;border-radius:50%}
.m4hf-chip .m4hf-chip__x:hover{background:rgba(255,255,255,.18)}
.m4hf-clearall{font:400 12px/1 var(--m4h-font-ui,inherit);color:var(--fa)!important;text-decoration:underline!important;text-underline-offset:3px}
/* w arkuszu (telefon): akordeon */
.m4h-filter-sheet .m4hf{margin:0}
.m4h-filter-sheet .m4hf-facet.is-target>.m4hf-btn{color:#7a6446!important}
.m4h-filter-sheet .m4hf-lbl,.m4h-filter-sheet .m4hf-more,.m4h-filter-sheet .m4hf-foot,.m4h-filter-sheet .m4hf-active{display:none}
.m4h-filter-sheet .m4hf-row{display:block}
.m4h-filter-sheet .m4hf-facet{display:block!important;border-bottom:1px solid var(--fl)}
.m4h-filter-sheet .m4hf-btn{width:100%;height:52px;padding:0 4px;border:0!important;border-radius:0!important;background:transparent!important;font:500 15px/1 var(--m4h-font-ui,inherit)!important;justify-content:space-between}
.m4h-filter-sheet .m4hf-btn>span{flex:1;text-align:left}
.m4h-filter-sheet .m4hf-facet.is-on>.m4hf-btn{background:transparent}
.m4h-filter-sheet .m4hf-pop{position:static;min-width:0;max-width:none;padding:0 0 10px;border:0;box-shadow:none;background:transparent}
.m4h-filter-sheet .m4hf-list{max-height:none;padding:0}
.m4h-filter-sheet .m4hf-opt{padding:10px 4px;font-size:15px}
.m4h-filter-sheet .m4hf-find{margin:0 0 6px}
/* pasek szybkiego filtrowania (telefon) — na komputerze ukryty */
.m4hf-strip{display:none}
@media (max-width:768px){
  /* telefon: filtry w arkuszu; nad siatką widoczny pasek „Filtry” + cechy + aktywne wartości (pasek zostaje, gdy #m4h-filterbar idzie do arkusza) */
  #m4h-filterbar:not(.in-sheet){display:none}
  .m4hf-strip{display:flex;align-items:center;gap:8px;margin:0 calc(-1*var(--m4h-gutter,5%)) 8px;padding:2px var(--m4h-gutter,5%) 8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;font-family:var(--m4h-font-ui,inherit)}
  .m4hf-strip::-webkit-scrollbar{display:none}
  .m4hf-strip>*{flex:none}
  .m4hf-strip__all,.m4hf-strip__f{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 13px;border-radius:19px;font:500 13px/1 var(--m4h-font-ui,inherit)!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap;cursor:pointer;box-shadow:none!important}
  .m4hf-strip__all{border:1px solid #181818!important;background:#181818!important;color:#fff!important}
  .m4hf-strip__all .m4hf-i{width:16px;height:16px}
  .m4hf-strip__all .m4hf-n{background:#fff;color:#181818}
  .m4hf-strip__f{border:1px solid #e7e2d9!important;background:#fff!important;color:#181818!important}
  .m4hf-strip__f.is-on{border-color:#181818!important;background:#f7f4ef!important}
  .m4hf-strip--active{margin-top:-2px;padding-top:0}
  .m4hf-strip--active .m4hf-chip{height:30px;padding:0 8px 0 11px;font-size:13px}
  .m4hf-strip--active .m4hf-clearall{font-size:13px;padding:0 4px}
}
@media (min-width:769px) and (max-width:1023px){.m4hf-pop{min-width:240px}}
/* landing „kategoria × cecha”: opis wprowadzający i linki w barwach marki */
.m4ho-landing-intro{margin:0 0 18px;max-width:78ch;font-size:15px;line-height:1.55;color:#3d3b38}
.m4ho-landing-intro p{margin:0 0 8px}
.m4ho-landing-intro a{color:#7a6446!important;text-decoration:underline;text-underline-offset:3px}
.m4ho-landing-intro a:hover{color:#181818!important}
/* linki „Przeglądaj według cech” (bez JS, dla robotów i klientów) */
.m4ho-seo-links{margin:28px 0 8px;padding:16px 18px;border:1px solid #e7e2d9;border-radius:6px;background:#fbfaf8;font-size:14px;line-height:1.7;color:#3d3b38}
.m4ho-seo-links__t{margin:0 0 6px;font-size:15px;font-weight:600;color:#181818}
.m4ho-seo-links__l{font-weight:600;color:#74706a;margin-right:4px}
.m4ho-seo-links a{color:#181818!important;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#c4b192}
.m4ho-seo-links a span{color:#74706a;font-size:12px}
.m4ho-seo-links a:hover{color:#7a6446!important}
/* listy przy prawej krawędzi kolumny — wyrównanie do prawej (kolumna produktów ma overflow-x:clip) */
.m4hf-pop.m4hf-pop--right{left:auto;right:0}
/* Cena: na komputerze tylko w panelu bocznym; w pasku pokazuje się dopiero w arkuszu na telefonie */
.m4hf-facet--mobile{display:none}
.m4h-filter-sheet .m4hf-facet--mobile{display:block!important}
.m4hf--side{margin:0}
.m4hf--side .m4hf-facet--side{display:block}
.m4hf--side .m4hf-price{padding:8px 2px 2px}
.m4hf--side .m4hf-foot{border-top:0;padding:8px 0 2px;justify-content:flex-start}