.mobile-bottom-nav {display:none;}
.mobile-navigation-drawer {box-sizing:border-box;position:fixed;inset:0 auto 0 0;margin:0;width:min(380px,88vw);max-width:calc(100% - 28px);height:100dvh;max-height:100dvh;padding:26px 24px calc(26px + env(safe-area-inset-bottom));border:0;background:#fff;color:#3b2416;overflow-y:auto;overscroll-behavior:contain;box-shadow:10px 0 35px #0002;}
.mobile-navigation-drawer::backdrop {background:rgba(25,20,15,.45);}
.mobile-navigation-drawer * {box-sizing:border-box;min-width:0;}
.mobile-navigation-head {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px;}
.mobile-navigation-head img {display:block;width:auto;max-width:150px;max-height:80px;object-fit:contain;}
.mobile-navigation-close {width:42px;height:42px;flex-shrink:0;border:1px solid #e6dfd5;border-radius:12px;background:#fff;color:#3b2416;font-size:28px;line-height:1;cursor:pointer;}
.mobile-navigation-search {display:flex;align-items:center;gap:10px;width:100%;padding:14px 12px;margin-bottom:18px;border:1px solid #e6dfd5;border-radius:10px;background:#faf8f5;color:#3b2416;font:inherit;font-size:13px;text-align:left;cursor:pointer;}
.mobile-navigation-search svg {width:20px;height:20px;flex-shrink:0;}
.mobile-navigation-search>span:last-child {margin-left:auto;}
.mobile-navigation-links>a,.mobile-navigation-group summary {display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:54px;padding:14px 0;color:#3b2416;font-family:inherit;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-decoration:none;overflow-wrap:anywhere;cursor:pointer;}
.mobile-navigation-links>a>span {font-weight:400;color:#a67c42;}
.mobile-navigation-links a[aria-current] {color:#a67c42;}
.mobile-navigation-group summary {list-style:none;}
.mobile-navigation-group summary::-webkit-details-marker {display:none;}
.mobile-navigation-group summary>span::before {content:'+';font-size:24px;font-weight:400;}
.mobile-navigation-group[open] summary>span::before {content:'−';}
.mobile-navigation-group>div {padding:0 16px;background:#faf8f5;border-radius:0 0 16px 16px;}
.mobile-navigation-group a {display:block;padding:15px 0;border-bottom:1px solid #e6dfd5;color:#3b2416;text-decoration:none;font-size:13px;overflow-wrap:anywhere;}
.mobile-navigation-group a:last-child {border:0;}
.mobile-navigation-account {margin-top:26px;padding-top:22px;border-top:1px solid #e6dfd5;}
.mobile-navigation-account>span {font-size:10px;letter-spacing:1.5px;color:#8a6a43;}
.mobile-navigation-account a {display:block;padding:12px 0;color:#3b2416;text-decoration:none;font-size:13px;}
.mobile-navigation-account [hidden] {display:none!important;}
html.mobile-navigation-open {overflow:hidden;}
.mobile-navigation-drawer :focus-visible,.mobile-bottom-nav :focus-visible {outline:2px solid #b38b59;outline-offset:3px;}
@media(max-width:1024px) {
 :root {--mobile-navigation-height:72px;}
 body {padding-bottom:calc(var(--mobile-navigation-height) + env(safe-area-inset-bottom))!important;}
 .site-header .navbar-menu,.site-header .quote-button,.site-header .navbar-toggle,.site-header .navbar-actions>.catalog-search-trigger {display:none!important;}
 .site-header .navbar {display:flex;align-items:center;justify-content:space-between;gap:20px;}
 .site-header .navbar-logo {flex:0 1 auto;width:auto!important;}
 .site-header .navbar-logo img {width:auto!important;max-width:140px!important;max-height:56px!important;}
 .site-header .navbar-actions {display:flex!important;align-items:center;gap:10px!important;flex:0 0 auto;}
 .site-header .navbar-icon,.site-header .profile-button,.site-header .profile-avatar {width:44px!important;min-width:44px!important;height:44px!important;}
 .mobile-bottom-nav {position:fixed;inset:auto 0 0;z-index:1100;display:flex;align-items:stretch;gap:0;height:calc(var(--mobile-navigation-height) + env(safe-area-inset-bottom));padding:5px 4px calc(5px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e6dfd5;box-shadow:0 -3px 20px #3b24160c;}
 .mobile-bottom-link {display:flex;flex:1 1 0;min-width:0;align-items:center;justify-content:center;flex-direction:column;gap:7px;padding:5px 1px;background:transparent;border:0;color:#706658;text-align:center;text-decoration:none;font-family:inherit;cursor:pointer;}
 .mobile-bottom-link svg {width:22px;height:22px;flex-shrink:0;}
 .mobile-bottom-link>span {font-size:10px;line-height:1.2;max-width:100%;overflow-wrap:anywhere;}
 .mobile-bottom-link.is-current,.mobile-bottom-link[aria-expanded=true] {color:#a67c42;}
 .mobile-navigation-drawer {height:calc(100dvh - var(--mobile-navigation-height) - env(safe-area-inset-bottom));max-height:calc(100dvh - var(--mobile-navigation-height) - env(safe-area-inset-bottom));}
 .floating-whatsapp-btn {bottom:calc(var(--mobile-navigation-height) + env(safe-area-inset-bottom) + 16px)!important;}
 .cart-toast {bottom:calc(var(--mobile-navigation-height) + env(safe-area-inset-bottom) + 16px)!important;}
}
@media(max-width:360px) {
 .site-header .navbar {gap:12px!important;}
 .site-header .navbar-actions {gap:8px!important;}
 .site-header .navbar-logo img {max-width:94px!important;max-height:48px!important;}
 .mobile-bottom-link>span {font-size:9px;}
 .mobile-bottom-link svg {width:20px;height:20px;}
 .mobile-navigation-drawer {padding-inline:20px;}
}
@media print {.mobile-bottom-nav,.mobile-navigation-drawer {display:none!important;} body{padding-bottom:0!important;}}

.mobile-account-icon {display:none;}
@media(max-width:1024px) {
 .site-header .profile-button>.profile-avatar {display:none!important;}
 .site-header .profile-button {display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.72);border-radius:10px;background:rgba(255,255,255,.28);color:#3b2416;}
 .site-header .mobile-account-icon {display:block;width:23px;height:23px;}
 .mobile-navigation-drawer::backdrop {background:linear-gradient(to bottom,rgba(25,20,15,.45) 0,rgba(25,20,15,.45) calc(100% - var(--mobile-navigation-height) - env(safe-area-inset-bottom)),transparent calc(100% - var(--mobile-navigation-height) - env(safe-area-inset-bottom)));}
}
