#m88-recent[hidden]{display:none}
#m88-recent{margin-block:32px;color:#17212B}
#m88-recent .m88-recent-heading>h2{font-family:Montserrat,sans-serif;font-size:36px;font-weight:700;line-height:1.20;color:#172F46;margin:0;flex:1 1 auto}
#m88-recent .m88-recent-grid{list-style:none;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 96px)/4.5);overflow-x:auto;scroll-snap-type:x proximity;gap:24px;margin:0;padding:0}
#m88-recent li{scroll-snap-align:start;min-width:0;padding:16px;background:#F9F8F5;border:1px solid #C8CECB;border-radius:8px}
#m88-recent a{display:block;color:#172F46;text-decoration:none}
#m88-recent a:focus-visible{outline:3px solid #0067B1;outline-offset:3px}
#m88-recent img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;margin:0 0 16px}
#m88-recent .m88-recent-name{font:600 16px/1.5 system-ui,sans-serif;overflow-wrap:anywhere;margin:0 0 12px}
#m88-recent .price{font:600 16px/1.5 system-ui,sans-serif;color:#17212B}
@media(max-width:999.98px){#m88-recent .m88-recent-grid{grid-auto-columns:calc((100% - 48px)/2.5)}#m88-recent .m88-recent-heading>h2{font-size:32px}}
@media(max-width:689.98px){#m88-recent .m88-recent-grid{grid-auto-columns:calc((100% - 24px)/1.2)}#m88-recent .m88-recent-heading>h2{font-size:28px}}

#m88-recent .m88-recent-controls{display:flex;justify-content:flex-end;gap:8px;margin:0 0 0 auto;flex:0 0 auto}
#m88-recent .m88-recent-controls[hidden]{display:none}
#m88-recent button{width:48px;height:48px;min-height:48px;padding:0;background:#172F46;color:#FFFFFF;border:0;border-radius:8px;font-size:24px}
#m88-recent button:disabled{opacity:.5;cursor:default}
#m88-recent button:focus-visible,#m88-recent ul:focus-visible{outline:3px solid #0067B1;outline-offset:3px}
#m88-recent .m88-recent-grid{padding:8px;margin-inline:-8px}

#m88-recent .m88-recent-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px 24px;margin-bottom:24px}