html body:not(#fnux) #W88CatalogMega{--g:#0f4a30;--g2:#1c6b45;--soft:#f4f8f3;--line:#e3e9e4;--ink:#15241b;--muted:#5b6a60}html body:not(#fnux) #W88CatalogMega .w88-mega__frame{max-height:calc(100vh - 170px)!important;overflow:hidden!important}html body:not(#fnux) #W88CatalogMega .w88-mega__rail{max-height:calc(100vh - 170px)!important;overflow-y:auto!important;overscroll-behavior:contain;padding:8px!important;background:#fff!important;border-right:1px solid var(--line)!important}html body:not(#fnux) #W88CatalogMega .fn7-rail-head{padding:8px 10px 12px!important}html body:not(#fnux) #W88CatalogMega .w88-rail__item{display:flex!important;align-items:center!important;gap:10px!important;min-height:0!important;height:auto!important;padding:6px 10px 6px 6px!important;margin:0 0 2px!important;border:0!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important}html body:not(#fnux) #W88CatalogMega .w88-rail__item:hover{background:var(--soft)!important}html body:not(#fnux) #W88CatalogMega .w88-rail__item.is-active{background:#e6f0e8!important;box-shadow:inset 3px 0 0 var(--g)!important}html body:not(#fnux) #W88CatalogMega .w88-rail__icon,html body:not(#fnux) #W88CatalogMega .w88-rail__photo{flex:0 0 40px!important;width:40px!important;height:40px!important;border-radius:8px!important;background:#fff!important;border:1px solid var(--line)!important;overflow:hidden!important;display:grid!important;place-items:center!important;padding:3px!important;color:var(--g)!important}html body:not(#fnux) #W88CatalogMega .w88-rail__photo img{display:block;width:100%;height:100%;max-width:none;object-fit:contain}html body:not(#fnux) #W88CatalogMega .w88-rail__icon svg,html body:not(#fnux) #W88CatalogMega .w88-rail__icon iconify-icon{width:20px;height:20px;font-size:20px}html body:not(#fnux) #W88CatalogMega .w88-rail__label{flex:1!important;font-size:14px!important;font-weight:600!important;color:var(--ink)!important}html body:not(#fnux) #W88CatalogMega .fn4-rail__count:not(:empty){padding:1px 7px!important;border-radius:999px!important;background:var(--soft)!important;color:var(--muted)!important;font-size:11.5px!important;font-weight:600!important}html body:not(#fnux) #W88CatalogMega .w88-rail__item.is-active .fn4-rail__count:not(:empty){background:var(--g)!important;color:#fff!important}html body:not(#fnux) #W88CatalogMega .w88-rail__arrow{display:none!important}html body:not(#fnux) #W88CatalogMega .w88-mega__content{max-height:calc(100vh - 170px)!important;overflow-y:auto!important;overscroll-behavior:contain}html body:not(#fnux) #W88CatalogMega .w88-panel{padding:20px 24px!important}html body:not(#fnux) #W88CatalogMega .w88-panel__head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 16px!important;padding:0 0 14px!important;border-bottom:1px solid var(--line)!important}html body:not(#fnux) #W88CatalogMega .fn7-panel-actions a{display:inline-flex!important;align-items:center;gap:6px;padding:10px 16px!important;border-radius:10px!important;background:var(--g)!important;color:#fff!important;border:0!important;font-weight:650!important}html body:not(#fnux) #W88CatalogMega .fn7-panel-actions a:hover{background:var(--g2)!important}html body:not(#fnux) #W88CatalogMega .fn4-tiles{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))!important;gap:12px!important}html body:not(#fnux) #W88CatalogMega .fn4-tile{position:relative!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:0!important;min-height:0!important;border:1px solid var(--line)!important;border-radius:14px!important;background:#fff!important;overflow:hidden!important;box-shadow:none!important;transform:none!important}html body:not(#fnux) #W88CatalogMega .fn4-tile:hover{border-color:var(--g2)!important}html body:not(#fnux) #W88CatalogMega .fn4-tile__icon{width:100%!important;height:auto!important;aspect-ratio:4/3;flex:none!important;border:0!important;border-radius:0!important;background:#fff!important;padding:30px 18% 8px!important;display:flex!important;align-items:center;justify-content:center;color:var(--g)!important}html body:not(#fnux) #W88CatalogMega .fn4-tile__icon img{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;padding:0!important}html body:not(#fnux) #W88CatalogMega .fn4-tile__icon svg{width:44px;height:44px}html body:not(#fnux) #W88CatalogMega .fn4-tile__bar{flex:1 1 auto;display:flex!important;flex-direction:column;justify-content:center;gap:2px;min-height:52px;padding:8px 12px!important;background:var(--soft)!important}html body:not(#fnux) #W88CatalogMega .fn4-tile b{font-size:14px!important;line-height:1.25!important;font-weight:700!important;color:var(--ink)!important}html body:not(#fnux) #W88CatalogMega .fn4-tile s{text-decoration:none!important;font-size:12px!important;color:var(--muted)!important}html body:not(#fnux) #W88CatalogMega .fn4-tile s.fn4-tile__count{position:absolute!important;top:8px;left:8px;padding:3px 8px!important;border-radius:999px!important;background:var(--g)!important;color:#fff!important;font-size:11px!important;font-weight:650!important;line-height:1.3}@media(prefers-reduced-motion:reduce){html body:not(#fnux) #W88CatalogMega .fn4-tile{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/62/assets/foodnet-mega-a.css.map */