/* v3.32 – Catalog + Projects: photo tiles above the grid, same "load more" block on both pages */
.m3x-strip{position:relative;margin:0 0 22px;min-width:0}
.m3x-strip .rw{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:2px 2px 4px}
.m3x-strip .rw::-webkit-scrollbar{display:none}
.m3x-strip .ct{flex:1 0 150px;max-width:210px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:stretch;text-align:left;background:#fff;border:1px solid var(--line,#e3e5e6);border-radius:14px;padding:6px 6px 10px;cursor:pointer;font:inherit;color:var(--ink,#16181a);transition:border-color .2s,box-shadow .2s,transform .2s}
.m3x-strip .ct:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(20,24,28,.08)}
.m3x-strip .im{display:block;aspect-ratio:4/3;border-radius:10px;overflow:hidden;background:#f3f4f4}
.m3x-strip .im img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.m3x-strip .ct:hover .im img{transform:scale(1.05)}
.m3x-strip .is-all .im{display:grid;place-items:center}
.m3x-strip .lb{display:block;font-size:13.5px;font-weight:600;line-height:1.25;margin:9px 4px 0;min-height:2.5em;margin-bottom:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.m3x-strip .n{margin:4px 4px 0;font-size:12px;color:var(--mut,#6b7176)}
.m3x-strip .ct.on{border-color:#FF4300;box-shadow:0 0 0 1px #FF4300 inset}
.m3x-strip .ct.on .lb{color:#FF4300}
.m3x-strip .ct.z{opacity:.45}
.m3x-strip .nv{position:absolute;top:calc(50% - 30px);z-index:2;width:38px;height:38px;border-radius:50%;border:1px solid var(--line,#e3e5e6);background:#fff;display:none;place-items:center;cursor:pointer;box-shadow:0 4px 14px rgba(20,24,28,.12)}
.m3x-strip .nv svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
.m3x-strip .nv.p{left:-12px}.m3x-strip .nv.n{right:-12px}
@media (pointer:fine){.m3x-strip.can-p .nv.p,.m3x-strip.can-n .nv.n{display:grid}}
@media (max-width:640px){.m3x-strip .ct{flex-basis:118px}.m3x-strip .lb{font-size:12.5px}}
/* identical "Showing X of Y / load more" block */
.m3c-more{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:26px}
.m3c-more[hidden]{display:none}
.m3c-more .m3s-prog{width:220px}
.m3c-more small{font-size:13px}
.m3x-strip .im.mo{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px}
.m3x-strip .im.mo img{min-height:0}
.m3x-strip .n{margin-top:2px}
@media (max-width:640px){.m3x-strip .ct{flex:0 0 118px;max-width:none}}
.m3c-main,.m3pv-main{min-width:0;max-width:100%}
/* v3.42 – smaller cards on Catalog and Projects (same grid) */
.m3c-page .m3c-grid,.m3pv-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important;gap:14px!important}
@media (min-width:1900px){.m3c-page .m3c-grid,.m3pv-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important}}
@media (max-width:640px){.m3c-page .m3c-grid,.m3pv-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}}