/* A persistent thumb-friendly shopping menu for phones and tablets. */
.mobile-bottom-nav{position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px));height:68px;z-index:45;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:6px;background:#1d1b1bf5;border:1px solid #7d736750;border-top-color:#b6a48c65;border-radius:15px;box-shadow:0 8px 30px #0006;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);max-width:550px;margin-inline:auto;color:#f2ece0;transition:opacity .2s,transform .2s}.mobile-bottom-nav>button,.mobile-bottom-nav>a{border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:52px;padding:6px 2px;color:#c4bdb3;background:transparent;position:relative;font-size:9px;font-weight:600;letter-spacing:.1px;line-height:1.2;transition:color .2s,background .2s}.mobile-bottom-nav>button:before,.mobile-bottom-nav>a:before{content:'';position:absolute;top:-7px;left:calc(50% - 10px);width:20px;height:2px;background:transparent;border-radius:0 0 3px 3px}.mobile-bottom-nav>button.active,.mobile-bottom-nav>a.active{color:#fff4ed;background:#ed202a1c}.mobile-bottom-nav>button.active:before,.mobile-bottom-nav>a.active:before{background:var(--red);box-shadow:0 2px 10px #ed202a40}.mobile-bottom-nav svg{width:21px;height:21px;stroke-width:1.5}.mobile-bottom-nav .bottom-whatsapp{color:#65d594}.mobile-bottom-nav>button:hover,.mobile-bottom-nav>a:hover{background:#ffffff0a}.bottom-cart-icon{display:block;position:relative;height:21px}.mobile-bottom-nav .cart-count{position:absolute;top:-5px;right:-11px;min-width:16px;width:auto;height:16px;padding:0 4px;font-size:8px;border:2px solid #1d1b1b;background:var(--red);color:#fff}.mobile-bottom-nav .bottom-whatsapp:hover{background:#65d59410}body:has(dialog[open]) .mobile-bottom-nav{opacity:0;transform:translateY(15px);pointer-events:none}
@media(max-width:800px){body{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}html{scroll-padding-bottom:100px}.floating-wa{display:none}.toast{bottom:calc(96px + env(safe-area-inset-bottom,0px));max-width:calc(100% - 30px)}.footer-bottom{padding-bottom:25px}.header-actions>.cart-toggle{display:none}.header-actions{gap:4px}.header .brand>span{font-size:21px}.header .brand small{font-size:5.5px;letter-spacing:1.4px}.header-actions .mobile-menu-toggle,.header-actions>.icon-button:first-child{min-width:42px;min-height:44px}.header-actions svg{width:22px;height:22px}.mobile-nav{max-height:calc(100svh - 210px);overflow:auto}.button{min-height:48px}.filter{min-height:40px}.category-card{padding-bottom:5px}.filter-row{scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}dialog{max-height:calc(100svh - 28px);margin-block:auto}.cart-dialog,.bundle-dialog,.collection-dialog{padding-bottom:calc(25px + env(safe-area-inset-bottom,0px))}.collection-tools .select-label select,.option-fields select,.bundle-options select{min-height:46px;font-size:12px}.form-field input,.form-field textarea,.search-field input{font-size:16px}.cart-item .cart-remove{min-height:36px;padding-block:9px}.product-card .add-button,.product-card .quick-button{min-height:43px}.product-card .quick-button{width:40px}.quantity-control button{min-width:36px;min-height:40px}.cart-item .quantity-control button{min-width:33px;min-height:34px}}
@media(max-width:360px){.mobile-bottom-nav{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));height:66px;border-radius:13px;padding:5px}.mobile-bottom-nav>button,.mobile-bottom-nav>a{font-size:8px;gap:5px}.mobile-bottom-nav svg{width:20px;height:20px}.header .brand>span{font-size:18px}.header .brand small{font-size:5px;letter-spacing:1.1px}}
@media(min-width:801px){.mobile-bottom-nav{display:none}}
@media(max-width:540px){.product-card .product-title{font-size:13px;line-height:1.45;min-height:38px}.product-card .product-category{font-size:8px}.product-card .product-price strong{font-size:13px}.product-card .add-button{font-size:10px}.mobile-bottom-nav>button,.mobile-bottom-nav>a{font-size:10px}.bottom-cart-icon{height:22px}.mobile-bottom-nav svg{width:22px;height:22px}}
@media(max-width:800px){html{scroll-padding-top:18px}.product-card button,.category-card,.more-card,.setup-links button{scroll-margin-bottom:110px}}
@media(prefers-reduced-motion:reduce){.mobile-bottom-nav,.mobile-bottom-nav *{transition:none!important}}