/* Q77 merchant home decoration runtime - 2026-10-31 */
:root{--q77-theme:#F4C542}
html.q77-cols-3 .grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;align-items:start}
html.q77-cols-3 .grid>.grid-col{display:contents!important}
html.q77-cols-3 .grid .card{min-width:0!important;margin:0!important;width:auto!important}
html.q77-cols-3 .grid .card-title{font-size:12px!important;line-height:1.35!important}
html.q77-cols-3 .grid .card-desc{font-size:10px!important;line-height:1.3!important}
html.q77-cols-3 .grid .price{font-size:13px!important}
html.q77-cols-3 .grid .card-body{padding:7px 7px 3px!important}
html.q77-cols-3 .grid .card-foot{padding:4px 7px 8px!important}
html.q77-cat-monster .icon-scroll{margin:10px 12px!important;padding:12px!important;background:#fff!important;border-radius:18px!important;box-shadow:0 4px 18px rgba(0,0,0,.05)}
html.q77-cat-monster .icon-row{display:flex!important;gap:12px!important;min-width:max-content!important}
html.q77-cat-monster .icon-cell{min-width:190px!important;height:82px!important;padding:10px 14px!important;box-sizing:border-box!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:14px!important;background:#fff!important;border-radius:16px!important;position:relative!important}
html.q77-cat-monster .icon-box{width:58px!important;height:58px!important;flex:0 0 58px!important;border-radius:15px!important;overflow:hidden!important;background:color-mix(in srgb,var(--q77-theme) 22%,white)!important}
html.q77-cat-monster .icon-cat-img{width:100%!important;height:100%!important;border-radius:15px!important}
html.q77-cat-monster .icon-label{font-size:20px!important;font-weight:700!important;white-space:nowrap!important;color:#222!important}
html.q77-cat-monster .icon-active-line{position:absolute!important;left:82px!important;right:14px!important;bottom:5px!important;height:4px!important;border-radius:4px!important;background:var(--q77-theme)!important}
html.q77-cat-k77 .icon-scroll{margin:8px 8px 4px!important;padding:8px 0!important;background:transparent!important}
html.q77-cat-k77 .icon-row{gap:10px!important;align-items:flex-start!important}
html.q77-cat-k77 .icon-cell{min-width:88px!important;padding:0!important}
html.q77-cat-k77 .icon-box{width:64px!important;height:64px!important;border-radius:8px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 2px 8px rgba(0,0,0,.08)!important}
html.q77-cat-k77 .icon-cat-img{width:100%!important;height:100%!important;border-radius:8px!important}
html.q77-cat-k77 .icon-label{margin-top:7px!important;max-width:94px!important;padding:5px 8px!important;border-radius:10px!important;background:#fff!important;font-size:14px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#222!important}
html.q77-cat-k77 .icon-cell:first-child .icon-label{background:color-mix(in srgb,var(--q77-theme) 55%,white)!important;color:#d95d00!important}
html.q77-cat-k77 .icon-active-line{display:none!important}
html.q77-carousel-polaroid .banner{margin:14px 18px 20px!important;padding:10px 10px 22px!important;background:#fff!important;border-radius:4px!important;box-shadow:0 10px 24px rgba(0,0,0,.12)!important;transform:rotate(-.7deg)!important;overflow:visible!important}
html.q77-carousel-polaroid .banner-img{border-radius:2px!important}
html.q77-carousel-poster .banner{margin:0 0 14px!important;border-radius:0!important;overflow:hidden!important}
html.q77-carousel-poster .banner-img{border-radius:0!important;filter:saturate(1.06) contrast(1.03)}
html.q77-carousel-poster .banner swiper-item,html.q77-carousel-poster .banner .banner-slide{border-radius:0!important}
html .icon-active-line,html .subcat-pill--on,html .q77-quick-item:active{--q77-accent:var(--q77-theme)}
html .icon-active-line{background:var(--q77-theme)!important}
html .subcat-pill--on{border-color:var(--q77-theme)!important;color:var(--q77-theme)!important}
html .price{color:var(--q77-theme)!important}

/* 2026-11-01 hotfix: root category visibility + compact monster container */
html .icon-scroll,html .icon-scroll--native{visibility:visible!important;opacity:1!important;min-height:0!important}
html .icon-scroll .icon-row,html .icon-scroll--native .icon-row{visibility:visible!important;opacity:1!important}
html .icon-scroll .icon-cell,html .icon-scroll--native .icon-cell{visibility:visible!important;opacity:1!important;transform:none!important;animation:none!important}
html .icon-scroll .icon-box,html .icon-scroll .icon-label,html .icon-scroll .icon-cat-img,html .icon-scroll .icon-emoji{visibility:visible!important;opacity:1!important}
html.q77-cat-monster .icon-scroll,html.q77-cat-monster .icon-scroll--native{height:auto!important;min-height:0!important;max-height:112px!important;padding:8px 10px!important;margin:8px 12px!important;overflow-x:auto!important;overflow-y:hidden!important;box-sizing:border-box!important}
html.q77-cat-monster .icon-row{height:auto!important;min-height:76px!important;padding:0!important;align-items:center!important}
html.q77-cat-monster .icon-cell{height:72px!important;min-height:72px!important;max-height:72px!important;min-width:176px!important;padding:7px 12px!important}
html.q77-cat-monster .icon-box{width:54px!important;height:54px!important;flex-basis:54px!important}
html.q77-cat-monster .icon-label{font-size:18px!important;margin-top:0!important}
html.q77-cat-monster .icon-active-line{left:76px!important;bottom:4px!important}
html.q77-cat-k77 .icon-scroll,html.q77-cat-k77 .icon-scroll--native{height:auto!important;min-height:0!important;max-height:112px!important;overflow-x:auto!important;overflow-y:hidden!important}
html.q77-cat-k77 .icon-row{height:auto!important;min-height:92px!important;padding:4px 0!important}