:root{--yitu-nav-height:60px;--yitu-nav-bg:#ffffff;--yitu-nav-text:#666666;--yitu-nav-active:#fed700;--yitu-nav-active-dark:#e5c200;--yitu-nav-special:#9333ea;--yitu-icon-size:20px;--yitu-label-size:10px;--yitu-nav-shadow:0 -2px 8px rgba(0, 0, 0, 0.06);--yitu-nav-radius:0;--yitu-animation-duration:0.3s;--yitu-cart-count-bgcolor:#ff3838;--yitu-nav-wrapper-padding:0 4px;--yitu-icon-label-gap:4px}.yitu-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--yitu-nav-height);background:var(--yitu-nav-bg);box-shadow:var(--yitu-nav-shadow);display:flex;justify-content:space-around;align-items:center;z-index:9999;padding:var(--yitu-nav-wrapper-padding);box-sizing:border-box;transition:transform var(--yitu-animation-duration) ease;border-radius:var(--yitu-nav-radius) var(--yitu-nav-radius) 0 0;border-top:1px solid rgb(0 0 0 / .05)}.yitu-bottom-nav.hidden{transform:translateY(100%)}@keyframes yituSlideInUp{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.yitu-bottom-nav{animation:yituSlideInUp 0.4s ease-out}.yitu-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;position:relative;cursor:pointer;padding:6px 4px;text-decoration:none;color:var(--yitu-nav-text);transition:all var(--yitu-animation-duration) ease;-webkit-tap-highlight-color:#fff0;touch-action:manipulation;user-select:none;min-width:0;background:none;border:none;outline:none;font-family:inherit}button.yitu-nav-item{background:transparent!important;border:none!important;color:var(--yitu-nav-text)!important;font-size:inherit;line-height:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}button.yitu-nav-item .yitu-nav-icon{color:var(--yitu-nav-text)!important}button.yitu-nav-item .yitu-nav-label{color:var(--yitu-nav-text)!important}@media (hover:hover){.yitu-nav-item:hover .yitu-nav-icon{transform:translateY(-2px) scale(1.1);color:var(--yitu-nav-active)!important}.yitu-nav-item:hover .yitu-nav-label{color:var(--yitu-nav-active)!important}button.yitu-nav-item:hover .yitu-nav-icon{color:var(--yitu-nav-active)!important}button.yitu-nav-item:hover .yitu-nav-label{color:var(--yitu-nav-active)!important}}.yitu-nav-item:active{transform:scale(.95);background-color:rgb(0 0 0 / .05);border-radius:8px}.yitu-nav-item::after{content:'';position:absolute;width:40px;height:40px;border-radius:50%;background:rgb(254 215 0 / .2);transform:scale(0);opacity:0;transition:transform 0.3s,opacity 0.3s;pointer-events:none}.yitu-nav-item:active::after{transform:scale(2);opacity:1;transition:transform 0.1s,opacity 0.1s}.yitu-nav-item.active{position:relative}.yitu-nav-item.active::before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:24px;height:3px;background:var(--yitu-nav-active);border-radius:3px 3px 0 0;transition:all var(--yitu-animation-duration) ease;z-index:10}button.yitu-nav-item.active::before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:24px;height:3px;background:var(--yitu-nav-active)!important;border-radius:3px 3px 0 0;z-index:10}.yitu-nav-item.active .yitu-nav-icon{color:var(--yitu-nav-active)!important;transform:translateY(-2px) scale(1.05)}.yitu-nav-item.active .yitu-nav-label{color:var(--yitu-nav-active)!important;font-weight:600}button.yitu-nav-item.active .yitu-nav-icon{color:var(--yitu-nav-active)!important}button.yitu-nav-item.active .yitu-nav-label{color:var(--yitu-nav-active)!important}.yitu-nav-icon{font-size:var(--yitu-icon-size);color:var(--yitu-nav-text);margin-bottom:var(--yitu-icon-label-gap);position:relative;transition:all var(--yitu-animation-duration) cubic-bezier(.68,-.55,.265,1.55);line-height:1;display:flex;align-items:center;justify-content:center}.yitu-nav-icon-wrapper{position:relative;display:inline-block}.yitu-svg-icon{display:inline-flex;align-items:center;justify-content:center}.yitu-svg-icon svg{width:var(--yitu-icon-size);height:var(--yitu-icon-size);fill:currentColor}.yitu-nav-label{font-size:var(--yitu-label-size);color:var(--yitu-nav-text);font-weight:500;line-height:1.3;transition:all var(--yitu-animation-duration) ease;margin-top:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:.2px}.yitu-nav-item.special-center{position:relative}.yitu-nav-item.special-center .yitu-nav-icon-wrapper{width:40px;height:40px;background:linear-gradient(135deg,var(--yitu-nav-special) 0%,#7c3aed 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--yitu-icon-label-gap);box-shadow:0 3px 10px rgb(147 51 234 / .35);transform:translateY(-2px);transition:all var(--yitu-animation-duration) ease}.yitu-nav-item.special-center .yitu-nav-icon{color:#ffffff!important;font-size:calc(var(--yitu-icon-size) + 2px);margin:0}.yitu-nav-item.special-center .yitu-nav-label{color:var(--yitu-nav-special);font-weight:600;font-size:calc(var(--yitu-label-size) - 0.5px)}.yitu-nav-item.special-center.active::before{width:32px}.yitu-nav-item.special-center.active .yitu-nav-icon-wrapper{background:linear-gradient(135deg,var(--yitu-nav-active) 0%,var(--yitu-nav-active-dark) 100%);box-shadow:0 4px 12px rgb(254 215 0 / .4)}.yitu-nav-item.special-center.active .yitu-nav-label{color:var(--yitu-nav-active)}@keyframes yituPulse{0%{transform:translateY(-2px) scale(1)}50%{transform:translateY(-2px) scale(1.05)}100%{transform:translateY(-2px) scale(1)}}.yitu-nav-item.special-center .yitu-nav-icon-wrapper{animation:yituPulse 2.5s ease-in-out infinite}.yitu-nav-item.special-center:hover .yitu-nav-icon-wrapper{transform:translateY(-4px) scale(1.08);box-shadow:0 5px 15px rgb(147 51 234 / .45)}.yitu-cart-count{position:absolute;top:-8px;right:-30px;background:linear-gradient(135deg,var(--yitu-cart-count-bgcolor,#ff3838) 0%,#ee5a24 100%);color:#fff;font-size:10px;font-weight:600;padding:2px 4px;border-radius:10px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgb(238 90 36 / .3);border:1.5px solid var(--yitu-nav-bg);box-sizing:border-box;z-index:10}.yitu-cart-count.large{font-size:9px;padding:2px 3px;min-width:20px}@keyframes yituCartBounce{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}.yitu-cart-count.updated{animation:yituCartBounce 0.3s ease}.yitu-cart-total{font-size:11px;font-weight:600;color:var(--yitu-nav-text);line-height:1.2;margin-top:2px;white-space:nowrap;transition:all var(--yitu-animation-duration) ease}.yitu-nav-item.active .yitu-cart-total{color:var(--yitu-nav-active)}.yitu-cart-total.updated{animation:yituCartBounce 0.3s ease}.yitu-nav-item[data-type="woo-cart"]{display:flex;flex-direction:column;align-items:center;gap:2px}.yitu-nav-item[data-type="woo-cart"] .yitu-nav-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.yitu-category-overlay{position:fixed;bottom:var(--yitu-nav-height);left:0;right:0;background:#fff;max-height:60vh;overflow-y:auto;transform:translateY(calc(100% + var(--yitu-nav-height)));transition:transform var(--yitu-animation-duration) cubic-bezier(.4,0,.2,1);box-shadow:0 -2px 10px rgb(0 0 0 / .1);border-radius:16px 16px 0 0;z-index:9998}.yitu-category-overlay.active{transform:translateY(0)}.yitu-category-header{position:sticky;top:0;background:#fff;padding:15px 20px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;z-index:1}.yitu-category-header h3{margin:0;font-size:18px;font-weight:600;color:#333}.yitu-close-btn{font-size:24px;color:#999;cursor:pointer;padding:0 5px;transition:color 0.2s}.yitu-close-btn:hover{color:#333}.yitu-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:20px 16px}.yitu-category-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#333;transition:transform 0.2s}.yitu-category-item:active{transform:scale(.95)}.yitu-category-icon{width:56px;height:56px;border-radius:50%;background:#f5f5f5;display:flex;align-items:center;justify-content:center;margin-bottom:8px;overflow:hidden;transition:all 0.2s}.yitu-category-item:hover .yitu-category-icon{background:#ececec;transform:scale(1.05)}.yitu-category-icon img{width:36px;height:36px;object-fit:cover}.yitu-category-icon i{font-size:24px;color:#666}.yitu-category-name{font-size:12px;color:#333;text-align:center;line-height:1.2;max-width:70px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.yitu-search-overlay{position:fixed;bottom:var(--yitu-nav-height);left:0;right:0;background:#fff;padding:15px;transform:translateY(calc(100% + var(--yitu-nav-height)));transition:transform var(--yitu-animation-duration) cubic-bezier(.4,0,.2,1);box-shadow:0 -5px 15px rgb(0 0 0 / .1);z-index:9998}.yitu-search-overlay.active{transform:translateY(0)}.yitu-search-wrapper{position:relative;max-width:500px;margin:0 auto}.yitu-search-wrapper form{display:flex;align-items:center}.yitu-search-input{width:100%;padding:12px 45px 12px 20px;border:2px solid #e0e0e0;border-radius:25px;font-size:16px;outline:none;transition:border-color var(--yitu-animation-duration)}.yitu-search-input:focus{border-color:var(--yitu-nav-active)}.yitu-search-btn{position:absolute;right:5px;top:50%;transform:translateY(-50%);background:var(--yitu-nav-active);color:#333;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s;font-weight:600}.yitu-search-btn:hover{background:var(--yitu-nav-active-dark);transform:translateY(-50%) scale(1.05)}.yitu-whatsapp-btn{background:linear-gradient(135deg,#25d366 0%,#128c7e 100%)}.yitu-whatsapp-btn .yitu-nav-icon{color:white!important}.yitu-whatsapp-btn .yitu-nav-label{color:#25d366}.yitu-social-facebook{background:#1877f2}.yitu-social-instagram{background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)}.yitu-social-twitter{background:#1da1f2}.yitu-social-youtube{background:red}.yitu-social-tiktok{background:#000}.yitu-nav-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgb(0 0 0 / .5);opacity:0;visibility:hidden;transition:opacity 0.3s,visibility 0.3s;z-index:9997}.yitu-nav-backdrop.active{opacity:1;visibility:visible}@media (max-width:375px){.yitu-bottom-nav{padding:0 5px}.yitu-nav-label{font-size:10px;max-width:50px}.yitu-nav-icon{font-size:20px}.yitu-category-grid{grid-template-columns:repeat(3,1fr);gap:12px}}@media (orientation:landscape) and (max-height:500px){.yitu-bottom-nav{height:48px}.yitu-nav-icon{font-size:20px}.yitu-nav-label{font-size:10px}.yitu-category-overlay{max-height:80vh}}@supports (padding-bottom:env(safe-area-inset-bottom)){.yitu-bottom-nav{padding-bottom:env(safe-area-inset-bottom);height:calc(var(--yitu-nav-height) + env(safe-area-inset-bottom))}.yitu-category-overlay{bottom:calc(var(--yitu-nav-height) + env(safe-area-inset-bottom))}.yitu-search-overlay{bottom:calc(var(--yitu-nav-height) + env(safe-area-inset-bottom))}}.yitu-nav-dark .yitu-bottom-nav{background:linear-gradient(180deg,#1a1a1a 0%,#000000 100%);border-top-color:rgb(255 255 255 / .1)}.yitu-nav-dark .yitu-nav-icon,.yitu-nav-dark .yitu-nav-label{color:#8a8a8a}.yitu-nav-dark .yitu-nav-item.active .yitu-nav-icon,.yitu-nav-dark .yitu-nav-item.active .yitu-nav-label{color:var(--yitu-nav-active)}.yitu-nav-dark .yitu-nav-item.active::before{background:var(--yitu-nav-active)}.yitu-nav-dark .yitu-category-overlay,.yitu-nav-dark .yitu-search-overlay{background:#1a1a1a;color:#fff}.yitu-nav-dark .yitu-category-header{background:#1a1a1a;border-bottom-color:#333}.yitu-nav-dark .yitu-category-header h3,.yitu-nav-dark .yitu-category-name{color:#fff}.yitu-nav-dark .yitu-category-icon{background:#2a2a2a}.yitu-nav-dark .yitu-search-input{background:#2a2a2a;border-color:#444;color:#fff}.yitu-loading{position:relative}.yitu-loading::before{content:'';position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #f3f3f3;border-top:2px solid var(--yitu-nav-active);border-radius:50%;animation:yituSpin 1s linear infinite}@keyframes yituSpin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}body.yitu-hide-labels .yitu-nav-label{display:none}body.yitu-hide-labels .yitu-nav-icon{margin-bottom:0;font-size:calc(var(--yitu-icon-size) + 4px)}@media print{.yitu-bottom-nav,.yitu-category-overlay,.yitu-search-overlay,.yitu-nav-backdrop{display:none!important}}.yitu-nav-item:focus{outline:2px solid var(--yitu-nav-active);outline-offset:2px}.yitu-nav-item:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion:reduce){.yitu-bottom-nav,.yitu-nav-item,.yitu-nav-icon,.yitu-category-overlay,.yitu-search-overlay{transition:none;animation:none}}