.mcol{box-sizing:border-box;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;color:#111}
.mcol *,.mcol *::before,.mcol *::after{box-sizing:border-box}
.mcol-wrap{max-width:1320px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}
.mcol-head{text-align:center;padding:clamp(22px,4vw,46px) 16px clamp(18px,3vw,30px)}
.mcol-head__title{font-size:clamp(20px,2.6vw,28px);font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin:0}
.mcol-head__desc{font-size:13px;line-height:1.65;color:#555;max-width:680px;margin:12px auto 0}
.mcol-head__desc a{color:#111;text-decoration:underline}
.mcol-divider{border-top:1px solid #e6e6e6;background:#fafafa;height:1px}
.mcol-layout{display:grid;grid-template-columns:1fr;gap:0;padding-top:20px;padding-bottom:60px}
@media(min-width:860px){.mcol-layout{grid-template-columns:228px 1fr;gap:clamp(22px,3vw,46px)}}
.mcol-filter-toggle{display:block;width:100%;border:1px solid #111;background:#fff;color:#111;padding:11px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin:16px 0;cursor:pointer;font-family:inherit}
.mcol-side{display:none}
.mcol-side.is-open{display:block}
@media(min-width:860px){.mcol-filter-toggle{display:none}.mcol-side{display:block}}
.mcol-side__title{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin:0;padding:4px 0 8px}
.mcol-facet{border-top:1px solid #ececec}
.mcol-facet>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:14px 2px;font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.mcol-facet>summary::-webkit-details-marker{display:none}
.mcol-facet>summary svg{width:14px;height:14px;transition:transform .2s;flex:0 0 auto;color:#333}
.mcol-facet[open]>summary svg{transform:rotate(180deg)}
.mcol-facet__body{padding:0 2px 16px;max-height:300px;overflow-y:auto}
.mcol-opt{display:flex;align-items:center;gap:9px;padding:5px 0;font-size:12.5px;color:#333;cursor:pointer}
.mcol-opt input{width:14px;height:14px;accent-color:#111;cursor:pointer;flex:0 0 auto}
.mcol-opt>span:first-of-type{flex:1}
.mcol-opt__count{color:#767676;font-size:11px}
.mcol-opt input:disabled+span{color:#c4c4c4}
.mcol-range{display:flex;flex-direction:column;gap:10px}
.mcol-range__field label{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#6f6f6f;margin-bottom:4px}
.mcol-range__field input{width:100%;border:1px solid #d8d8d8;padding:9px 10px;font-size:13px;font-family:inherit}
.mcol-apply{width:100%;border:1px solid #111;background:#fff;color:#111;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:11px;cursor:pointer;margin-top:2px;font-family:inherit}
.mcol-apply:hover{background:#111;color:#fff}
.mcol-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:2px 0 18px;flex-wrap:wrap}
.mcol-results{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#333}
.mcol-sort{display:flex;align-items:center;gap:6px;font-size:12px;color:#666}
.mcol-sort select{border:none;background:none;font-family:inherit;font-size:12px;font-weight:600;color:#111;cursor:pointer}
.mcol-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(8px,1.2vw,16px)}
@media(min-width:680px){.mcol-grid{grid-template-columns:repeat(3,1fr)}}
.mprod{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:#fff}
.mprod__img{aspect-ratio:1/1;background:#fff;display:flex;align-items:center;justify-content:center;padding:clamp(12px,2vw,26px)}
.mprod__img img{width:100%;height:100%;object-fit:contain;display:block}
.mprod__body{padding:0 16px 18px}
.mprod__brand{font-size:11px;color:#6f6f6f;margin-bottom:5px}
.mprod__name{font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;line-height:1.35;margin:0 0 8px;min-height:32px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mprod__price{font-size:12px;font-weight:600;color:#111}
.mprod__was{font-size:11px;color:#6f6f6f;text-decoration:line-through;margin-left:6px;font-weight:400}
.mcol-pager{display:flex;align-items:center;justify-content:center;gap:clamp(24px,6vw,80px);padding:34px 0 8px;font-size:12px}
.mcol-pager a,.mcol-pager span.mcol-pager__btn{display:inline-flex;align-items:center;gap:6px;color:#111;text-decoration:none;font-weight:600}
.mcol-pager .is-disabled{color:#ccc;pointer-events:none}
.mcol-pager svg{width:13px;height:13px}
.mcol-pager__status{color:#666;font-weight:400}
.mcol-empty{padding:40px 4px;color:#6f6f6f;font-size:13.5px}