/* catalogue-list: listing layout on phones, sheet, chips, pager (ux step catalogue-phone) */
.mcard .minimum-order{margin:0 12px 12px;font-size:14px;font-weight:600}
.merge-grid>.mcard{content-visibility:auto;contain-intrinsic-size:auto 220px auto 410px}
.mcard.ux-cut{display:none}
.filters label.ux-zero{color:#6b7466;font-weight:400}
.ux-fbtn,.ux-shead,.ux-sfoot,.ux-readmore,.ux-count{display:none}
.ux-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px}
.ux-chips[hidden],.ux-chips:empty{display:none}
.ux-chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;margin:0;padding:4px 10px 4px 12px;border:1px solid #b9c9b3;border-radius:18px;background:#eef3ea;color:#243128;font:inherit;font-size:14px;font-weight:400;line-height:1.25;text-align:left;cursor:pointer;max-width:100%;overflow-wrap:anywhere}
.ux-chip:hover{border-color:#2f4933}
.ux-chip .ux-ck{color:#56634d}
.ux-chip .ux-x{font-size:19px;line-height:1;margin-left:2px}
.ux-clearall{display:inline-flex;align-items:center;min-height:36px;margin:0;padding:4px 8px;border:0;background:none;color:#2f4933;font:inherit;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.ux-none{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:-6px 0 24px}
.ux-none[hidden]{display:none}
.ux-none .ux-wa{display:inline-flex;align-items:center;min-height:48px;padding:0 20px;border-radius:3px;background:#0f7a3d;color:#fff;font-weight:600;text-decoration:none}
.ux-none .ux-enq{display:inline-flex;align-items:center;min-height:44px;color:#2f4933;font-weight:600}
.ux-pager{margin:22px 0 6px;text-align:center}
.ux-pager[hidden]{display:none}
.ux-pinfo{margin:0 0 10px;font-size:14px;color:#4a5546}
.ux-showmore{min-height:48px;min-width:200px;padding:0 28px;border:0;border-radius:3px;background:#2f4933;color:#fff;font:inherit;font-weight:600;cursor:pointer}
@media(min-width:861px){.filters{top:calc(var(--ux-top,0px) + 12px);max-height:calc(100vh - var(--ux-top,0px) - 24px)}}
@media(max-width:860px){
main>p.lead{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;margin-bottom:0}
main>p.lead.ux-open{display:block;-webkit-line-clamp:unset;line-clamp:none;overflow:visible}
main>p.lead~p:not([class]):has(~.mlayout){display:none}
main>p.lead.ux-open~p:not([class]):has(~.mlayout){display:block}
.ux-readmore{display:inline-flex;align-items:center;min-height:44px;margin:0 0 6px;padding:0 2px;border:0;background:none;color:#2f4933;font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.ux-readmore[hidden]{display:none}
.mlayout{gap:10px}
.mlayout>*{min-width:0}
.filters{position:sticky;top:var(--ux-top,0px);z-index:45;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:8px;max-height:none;overflow:visible;margin:0;padding:8px 0;border:0;border-bottom:1px solid #d9ded4;background:#faf9f5;font-size:15px}
.filters input[type=search]{flex:1 1 0;min-width:0;width:0;height:44px;margin:0;padding:0 12px;font-size:16px;border-radius:3px}
.filters .row{display:none}
.filters .ux-fbtn{display:inline-flex;flex:0 0 auto;align-items:center;height:44px;margin:0;padding:0 14px;border:1px solid #2f4933;border-radius:3px;background:#fff;color:#2f4933;font-size:15px;font-weight:600;white-space:nowrap}
.filters .ux-fbtn.ux-has{background:#2f4933;color:#fff}
.ux-fn:not(:empty){margin-left:5px}
.filters details.fwrap{display:none;margin:0;padding:0;border:0}
.filters details.fwrap>summary{display:none}
html.ux-sheet-open,html.ux-sheet-open body{overflow:hidden}
html.ux-sheet-open .filters{z-index:1000}
html.ux-sheet-open .filters details.fwrap{display:block;position:fixed;left:0;right:0;bottom:0;z-index:2;max-width:640px;margin:0 auto;max-height:88vh;max-height:88dvh;overflow-y:auto;overscroll-behavior:contain;padding:0 16px;border-radius:14px 14px 0 0;background:#fff;box-shadow:0 -10px 30px rgba(0,0,0,.25)}
.ux-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;background:rgba(20,30,22,.55)}
.ux-scrim[hidden]{display:none}
.filters .ux-shead{display:flex;position:sticky;top:0;z-index:1;align-items:center;justify-content:space-between;gap:10px;margin:0 -16px;padding:4px 6px 4px 16px;border-bottom:1px solid #e0e3da;background:#fff}
.filters .ux-shead h2{margin:0;font-size:18px}
.filters .ux-sclose{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;background:none;color:#243128;font-size:30px;line-height:1}
.filters .ux-sfoot{display:flex;position:sticky;bottom:0;z-index:1;gap:10px;margin:0 -16px;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid #e0e3da;background:#fff}
.filters .ux-sclear{flex:0 0 auto;height:48px;padding:0 16px;border:1px solid #c9d0c2;background:#fff;color:#2f4933;font-weight:600}
.filters .ux-sshow{flex:1 1 auto;height:48px;padding:0 16px;border:0;border-radius:3px;background:#2f4933;color:#fff;font-size:16px;font-weight:600}
.filters fieldset{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));column-gap:14px;padding:2px 0 8px}
.filters legend{margin:0 0 4px;font-size:16px}
.filters label{min-height:44px;margin:0;padding:6px 0;gap:10px;line-height:1.25;border-bottom:1px solid #f0f2ec}
.filters input[type=checkbox]{width:22px;height:22px;accent-color:#2f4933}
.filters label span{font-size:13px}
.ux-count{display:block;margin:2px 0 8px;font-weight:600}
.ux-count:focus{outline:none}
.ux-chip,.ux-clearall{min-height:44px}
html{scroll-padding-top:calc(var(--ux-top,0px) + 72px)}
}
@media(max-width:480px){
.merge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.merge-grid>.mcard{contain-intrinsic-size:auto 165px auto 340px}
.mcard img{height:auto;aspect-ratio:1/1}
.mcard h3{margin:8px 8px 2px;font-size:14px;line-height:1.3;overflow-wrap:anywhere}
.mcard .code{margin:0 8px 4px;font-size:12px}
.mcard .badge{margin:0 8px 6px;padding:1px 5px;font-size:11px}
.mcard p.f{margin:0 8px 6px;font-size:12px}
.mcard .minimum-order{margin:0 8px 10px;font-size:13px}
.filters .ux-fbtn{padding:0 12px}
}