body.shop-body--home{position:relative}body.shop-body--home::after{content:"";position:fixed;inset:0 0 auto 0;height:280px;background:linear-gradient(180deg, #FFE867 0, #FFE867 80px, rgba(255, 232, 103, 0) 280px);z-index:0;pointer-events:none}body.shop-body--home>.shop-banner-grid,body.shop-body--home>.shop-cat-grid,body.shop-body--home>.shop-cat-swiper,body.shop-body--home>.shop-section{position:relative;z-index:1}body.shop-body--home>.shop-tabs{position:sticky;top:calc(env(safe-area-inset-top, 0px) + 56px);z-index:3;margin-top:8px}body.shop-body--home>.shop-banner-grid,body.shop-body--home>.shop-cat-grid,body.shop-body--home>.shop-cat-swiper,body.shop-body--home>.shop-tabs,body.shop-body--home>.shop-section{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:12px;padding-right:12px;box-sizing:border-box}body.shop-body--home>.shop-header{background:#ffe867;box-shadow:none}.shop-banner-grid{display:grid;margin:8px 12px 12px;border-radius:12px;overflow:hidden}.shop-banner-grid__slot{overflow:hidden;border-radius:8px;background:#f5f5f5}.shop-banner-grid__slot a,.shop-banner-grid__slot img{display:block;width:100%;height:100%}.shop-banner-grid__slot img{object-fit:cover}.shop-cat-grid{display:grid;grid-template-columns:repeat(5, 1fr);gap:8px 8px;padding:0 12px 0}.shop-cat-cell{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;border:0;background:transparent;box-shadow:none;text-decoration:none;color:#333;cursor:pointer;transition:transform .15s ease;min-width:0}.shop-cat-cell:hover{transform:translateY(-2px)}.shop-cat-cell:active{transform:translateY(0)}.shop-cat-cell__icon{width:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;border-radius:50%;background:transparent;overflow:hidden}.shop-cat-cell__icon i{font-size:28px;color:#888}.shop-cat-cell__icon img{width:100%;height:100%;object-fit:cover;border-radius:inherit;transform:scale(1.18)}.shop-cat-cell__icon:not(:has(img)){background:#f3f3f3}.shop-cat-cell__name{font-size:11px;line-height:1.25;color:#333;text-align:center;width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden;text-overflow:ellipsis;word-break:break-word}:lang(pt) .shop-cat-cell__name{min-height:27.5px}button.shop-cat-cell{border:0;background:transparent;font:inherit;padding:0}.shop-cat-cell--placeholder{background:transparent;border-color:transparent;box-shadow:none;pointer-events:none;visibility:hidden}body.shop-body--home>.shop-tabs{background:#fff;border-radius:12px 12px 0 0}body.shop-body--home>.shop-tabs .shop-tabs__inner{padding:0 4px}body.shop-body--home>.shop-tabs .shop-tab{padding:6px 12px;font-size:13px}body.shop-body--home>.shop-tabs .shop-tab i{font-size:14px}body.shop-body--home>.shop-section{padding-top:0;padding-bottom:16px;background:#fff}body.shop-body--home>.shop-section .shop-section__head{padding:6px 4px;margin-bottom:4px}@media(max-width: 360px){.shop-cat-grid{grid-template-columns:repeat(4, 1fr)}}@media(min-width: 768px){.shop-cat-grid{grid-template-columns:repeat(8, 1fr);gap:4px 12px}.shop-cat-cell{gap:4px}.shop-cat-cell__icon{border-radius:50%}.shop-cat-cell__icon i{font-size:24px}}@media(min-width: 1024px){.shop-cat-grid{grid-template-columns:repeat(10, 1fr);gap:6px 14px}}.shop-cat-drawer{position:fixed;inset:0;z-index:1500;display:flex;align-items:flex-end}.shop-cat-drawer[hidden]{display:none}.shop-cat-drawer__mask{position:absolute;inset:0;background:rgba(0, 0, 0, 0.45);opacity:0;transition:opacity .2s ease}.shop-cat-drawer.is-open .shop-cat-drawer__mask{opacity:1}.shop-cat-drawer__panel{position:relative;width:100%;height:70vh;background:#fff;border-radius:16px 16px 0 0;transform:translateY(100%);transition:transform .25s ease;display:flex;flex-direction:column;overflow:hidden}.shop-cat-drawer.is-open .shop-cat-drawer__panel{transform:translateY(0)}.shop-cat-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #f0f0f0;flex-shrink:0;position:relative;touch-action:none;user-select:none}.shop-cat-drawer__head::before{content:"";position:absolute;top:6px;left:50%;width:36px;height:4px;background:#d6d6d6;border-radius:2px;transform:translateX(-50%)}.shop-cat-drawer__head strong{font-size:16px;color:#222}.shop-cat-drawer__close{border:none;background:transparent;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#666}.shop-cat-drawer__close:hover{background:#f5f5f5}.shop-cat-drawer__body{flex:1;overflow-y:auto;padding:14px 16px 80px;-webkit-overflow-scrolling:touch}.shop-cat-drawer__group{padding:12px 0;border-bottom:1px solid #f5f5f5}.shop-cat-drawer__group:last-child{border-bottom:none}.shop-cat-drawer__l1{display:flex;align-items:center;gap:10px;text-decoration:none;color:#222;margin-bottom:8px}.shop-cat-drawer__l1-icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#fff6d6;flex-shrink:0;overflow:hidden}.shop-cat-drawer__l1-icon i{font-size:18px;color:#b58900}.shop-cat-drawer__l1-icon img{width:100%;height:100%;object-fit:contain}.shop-cat-drawer__l1-name{font-size:15px;font-weight:600}.shop-cat-drawer__l2-list{display:flex;flex-wrap:wrap;gap:6px 8px;padding-left:42px}.shop-cat-drawer__l2{display:inline-block;padding:5px 12px;background:#f5f5f5;color:#333;text-decoration:none;font-size:13px;border-radius:14px;transition:background .15s ease}.shop-cat-drawer__l2:hover{background:#ffe867;color:#333}body.shop-body--cat-drawer-open{overflow:hidden}body.shop-body--cat{position:relative;background:#fff}body.shop-body--cat::after{content:"";position:fixed;inset:0 0 auto 0;height:280px;background:linear-gradient(180deg, #FFE867 0, #FFE867 80px, rgba(255, 232, 103, 0) 280px);pointer-events:none;z-index:0}body.shop-body--cat>.shop-header{background:#ffe867;box-shadow:none}body.shop-body--cat>.shop-section{position:relative;z-index:1}body.shop-body--stores{position:relative;background:#fff}body.shop-body--stores::after{content:"";position:fixed;inset:0 0 auto 0;height:280px;background:linear-gradient(180deg, #FFE867 0, #FFE867 80px, rgba(255, 232, 103, 0) 280px);pointer-events:none;z-index:0}body.shop-body--stores>.shop-header{background:#ffe867;box-shadow:none}body.shop-body--stores>.shop-section{position:relative;z-index:1}body.shop-body--cart{position:relative;background:#fff}body.shop-body--cart::after{content:"";position:fixed;inset:0 0 auto 0;height:280px;background:linear-gradient(180deg, #FFE867 0, #FFE867 80px, rgba(255, 232, 103, 0) 280px);pointer-events:none;z-index:0}body.shop-body--cart>.shop-header{background:#ffe867;box-shadow:none}body.shop-body--cart>.shop-section{position:relative;z-index:1}body.shop-body--yellow{position:relative;background:#fff}body.shop-body--yellow::after{content:"";position:fixed;inset:0 0 auto 0;height:280px;background:linear-gradient(180deg, #FFE867 0, #FFE867 80px, rgba(255, 232, 103, 0) 280px);pointer-events:none;z-index:0}body.shop-body--yellow>.shop-header{background:#ffe867;box-shadow:none}body.shop-body--yellow>:not(.shop-header):not(.shop-tabbar){position:relative;z-index:1}body.shop-body--yellow .shop-my-history,body.shop-body--yellow .shop-my-coupons,body.shop-body--yellow .shop-my-orders,body.shop-body--yellow .shop-my-favorites,body.shop-body--yellow .shop-my-addresses,body.shop-body--yellow .shop-my-settings,body.shop-body--yellow .shop-my{background:transparent}.shop-section.shop-section--category{padding-top:4px;padding-bottom:4px}.shop-cat-head{display:flex;align-items:center;gap:10px;padding:0 4px;margin:0 0 8px;background:transparent;border-radius:0}.shop-cat-head__l1{display:inline-flex;flex-direction:column;align-items:center;gap:4px;flex:0 0 auto;width:72px;padding:0 2px;color:#1a1a1a;text-decoration:none}.shop-cat-head__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;flex:0 0 56px;border-radius:50%;overflow:hidden;background:#fff7c2}.shop-cat-head__icon img{width:100%;height:100%;object-fit:cover;display:block}.shop-cat-head__icon .bi{font-size:26px;color:#555}.shop-cat-head__name{font-size:12px;font-weight:600;line-height:1.2;text-align:center;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:lang(pt) .shop-cat-head__name{font-size:9px;line-height:1.1;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;min-height:20px}.shop-cat-head__sep{flex:0 0 auto;color:#d6d6d6;font-size:18px;font-weight:300;line-height:1;user-select:none}.shop-cat-head__subs{flex:1 1 auto;min-width:0;display:flex;gap:4px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.shop-cat-head__subs::-webkit-scrollbar{display:none}.shop-cat-head__sub{flex:0 0 auto;display:inline-flex;flex-direction:column;align-items:center;gap:4px;width:72px;padding:0 2px;color:#1a1a1a;text-decoration:none;transition:background .15s ease;border-radius:8px}.shop-cat-head__sub-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;overflow:hidden;background:#f8f8f8}.shop-cat-head__sub-icon img{width:100%;height:100%;object-fit:cover;display:block}.shop-cat-head__sub-icon .bi{font-size:26px;color:#555}.shop-cat-head__sub-name{font-size:12px;line-height:1.2;text-align:center;color:#333;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:lang(pt) .shop-cat-head__sub-name{font-size:9px;line-height:1.1;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;min-height:20px}.shop-cat-head__sub.is-active .shop-cat-head__sub-name{color:#1a1a1a;font-weight:600}.shop-cat-head__sub.is-active .shop-cat-head__sub-icon{box-shadow:0 0 0 2px #ffe867}.shop-category__feed{padding:0 0 16px;gap:4px}.shop-category__feed .shop-recommend-grid__col{gap:4px}.shop-category__feed .shop-rec-card__body{padding:6px 8px 8px}.shop-category__feed .shop-rec-card__name{margin:0 0 2px}.shop-category__feed .shop-rec-card__store{margin:0 0 2px}.shop-pager{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 8px 24px}.shop-pager__btn{display:inline-flex;align-items:center;gap:4px;padding:8px 14px;border-radius:20px;background:#fff;color:#1a1a1a;font-size:13px;text-decoration:none;box-shadow:0 1px 4px rgba(0, 0, 0, 0.06);transition:background .15s ease}.shop-pager__btn:hover{background:#ffe867}.shop-pager__btn--disabled{color:#bbb;pointer-events:none;box-shadow:none;background:#f3f3f3}.shop-pager__info{font-size:13px;color:#666}body.shop-body--home>.shop-section--feed{padding:8px 8px 16px;background:transparent}.shop-home__feed.shop-recommend-grid{grid-template-columns:1fr 1fr;gap:4px}.shop-home__feed .shop-recommend-grid__col{gap:4px}.shop-home__feed .shop-rec-card{border-radius:6px}.shop-feed-fallback{display:flex;align-items:center;gap:6px;margin:0 4px 8px;padding:8px 12px;background:#fff;border-radius:8px;font-size:12px;color:#666;box-shadow:0 1px 4px rgba(0, 0, 0, 0.05)}.shop-feed-fallback i{font-size:14px;color:#999}#shopHomeFeedSentinel{padding:18px 0}#shopHomeFeedSentinel .sf-load-more__text{font-size:12px;color:#999}
.shop-cat-swiper{position:relative}.shop-cat-viewport{overflow:hidden;touch-action:pan-y}.shop-cat-track{display:flex;align-items:flex-start;will-change:transform}.shop-cat-page{flex:0 0 100%;width:100%;box-sizing:border-box;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.shop-cat-swiper .shop-cat-cell__icon{max-width:64px;margin-left:auto;margin-right:auto}.shop-cat-dots{display:flex;justify-content:center;gap:6px;margin-top:10px}.shop-cat-dot{width:6px;height:6px;border-radius:50%;background:#dcdcdc;transition:width .25s ease,background .25s ease}.shop-cat-dot.is-active{width:16px;border-radius:3px;background:#FFB300}@media (min-width:480px){.shop-cat-viewport{overflow:visible;height:auto !important}.shop-cat-track{display:block;transform:none !important}.shop-cat-page{min-width:0}.shop-cat-page1{margin-bottom:8px}.shop-cat-dots{display:none}}@media (min-width:768px){.shop-cat-page{grid-template-columns:repeat(8,1fr);gap:4px 12px}}