/* Mobile and tablet menu. It is fully isolated beneath .menu-panel. */
.menu-panel{position:fixed;inset:0;z-index:80;display:none;flex-direction:column;overflow-y:auto;background:var(--bg);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.menu-panel:target,.menu-panel.is-open{display:flex}
html.menu-aberto,html.menu-aberto body{overflow:hidden}
.menu-panel *{box-sizing:border-box}
.menu-panel .container{padding-right:22px;padding-left:22px}
.menu-top{position:sticky;top:0;z-index:2;flex:0 0 auto;background:var(--bg);border-bottom:1px solid var(--line-strong)}
.menu-top-inner{display:flex;align-items:center;justify-content:space-between;height:60px}
.menu-top-inner .logo{width:82px}
.menu-close{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;color:var(--ink)}
.menu-close svg{width:19px;height:19px}
.menu-body{flex:1 1 auto;padding-top:22px;padding-bottom:0}
.menu-wrap{width:100%;margin:0 auto}
.menu-search{display:flex;min-width:0;margin-bottom:30px}
.menu-search input{flex:1 1 0;min-width:0;height:48px;padding:0 16px;border:1px solid var(--line);border-right:0;border-radius:0;background:var(--surface);color:var(--ink);font:400 14px/1.2 var(--font-sans)}
.menu-search input::placeholder{color:#9c9890}
.menu-search button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:0;border-radius:0;background:var(--ink);color:#fff}
.menu-search button svg{width:18px;height:18px}
.menu-label{margin:0 0 18px;color:var(--ink);font:700 12px/1 var(--font-sans);letter-spacing:.18em;text-transform:uppercase}
.menu-label::before{display:block;width:28px;height:2px;margin-bottom:16px;background:var(--yellow);content:""}
.menu-secoes{margin:0 0 34px;padding:0;list-style:none;border-top:1px solid var(--line);counter-reset:section}
.menu-secoes li{border-bottom:1px solid var(--line);counter-increment:section}
.menu-secoes a{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:baseline;padding:14px 0;color:var(--ink);text-decoration:none}
.menu-secoes a::before{color:#b9b6b0;font:700 11px/1 var(--font-sans);letter-spacing:.14em;content:counter(section,decimal-leading-zero)}
.menu-section-title{justify-self:start;padding-bottom:2px;border-bottom:2px solid transparent;font:400 26px/1.12 var(--font-display);letter-spacing:-.005em}
.menu-secoes a:hover .menu-section-title,.menu-secoes a:focus-visible .menu-section-title,.menu-secoes a[aria-current="page"] .menu-section-title{border-bottom-color:var(--yellow)}
.menu-secoes a[aria-current="page"]::before{color:var(--ink)}
.menu-loja{display:block;margin-bottom:34px;border:1px solid var(--line);background:var(--surface);color:var(--ink);text-decoration:none}
.menu-loja-grid{display:grid;grid-template-columns:1fr .82fr;align-items:stretch}
.menu-loja-body{display:flex;flex-direction:column;gap:8px;padding:18px}
.menu-card-category{color:var(--muted);font:700 10px/1 var(--font-sans);letter-spacing:.16em;text-transform:uppercase}
.menu-loja-title{font:400 24px/1.1 var(--font-display);letter-spacing:-.005em}
.menu-loja-text{color:var(--muted);font:400 13px/1.5 var(--font-sans)}
.menu-arrow-link{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;margin-top:auto;padding-top:10px;padding-bottom:6px;border-bottom:2px solid var(--yellow);font:700 10px/1 var(--font-sans);letter-spacing:.14em;text-transform:uppercase}
.menu-arrow{position:relative;display:inline-block;flex:0 0 auto;width:16px;height:1px;background:currentColor;transition:width .18s ease}
.menu-arrow::after{position:absolute;top:50%;right:0;width:6px;height:6px;border-top:1px solid currentColor;border-right:1px solid currentColor;content:"";transform:translate(1px,-50%) rotate(45deg)}
.menu-loja:hover .menu-arrow-link .menu-arrow,.menu-foot .btn:hover .menu-arrow{width:24px}
.menu-loja-placeholder{display:block;min-height:150px;background:#e4e2dd}
.menu-nav2{margin-bottom:34px}
.menu-nav2 ul{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;margin:4px 0 0;padding:0;list-style:none}
.menu-nav2 a{display:inline-block;padding-bottom:2px;border-bottom:1px solid transparent;color:var(--ink-soft);font:400 14px/1.4 var(--font-sans);text-decoration:none}
.menu-nav2 a:hover,.menu-nav2 a:focus-visible,.menu-nav2 a[aria-current="page"]{border-bottom-color:var(--yellow)}
.menu-foot{flex:0 0 auto;margin-top:auto;padding-top:22px;padding-bottom:26px;border-top:1px solid var(--line);background:#f5f2ed}
.menu-foot .btn{width:100%;height:50px;gap:16px}
.menu-socials{display:flex;justify-content:center;gap:14px;margin-top:20px}
.menu-socials a{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--ink)}
.menu-socials img{width:22px;height:22px}
@media (min-width:768px){
	.menu-panel .container{padding-right:32px;padding-left:32px}
	.menu-top-inner{height:58px}
	.menu-top-inner .logo{width:105px}
	.menu-close{width:32px;height:32px}
	.menu-close svg{width:18px;height:18px}
	.menu-wrap{max-width:660px}
	.menu-body{padding-top:34px}
	.menu-search{margin-bottom:38px}
	.menu-search input{height:52px;font-size:15px}
	.menu-search button{width:52px;height:52px}
	.menu-label::before{margin-bottom:18px}
	.menu-secoes{margin-bottom:42px}
	.menu-secoes a{grid-template-columns:56px minmax(0,1fr);padding:18px 0}
	.menu-section-title{font-size:34px}
	.menu-loja{margin-bottom:42px}
	.menu-loja-body{gap:10px;padding:24px}
	.menu-loja-title{font-size:30px}
	.menu-loja-text{font-size:14px}
	.menu-loja-placeholder{min-height:190px}
	.menu-nav2{margin-bottom:42px}
	.menu-nav2 ul{gap:16px 24px}
	.menu-nav2 a{font-size:15px}
	.menu-foot{padding-top:26px;padding-bottom:30px}
	.menu-foot .btn{height:52px}
}
@media (min-width:1024px){.menu-panel,.menu-panel:target,.menu-panel.is-open{display:none}}
@media (prefers-reduced-motion:reduce){.menu-panel .menu-arrow{transition:none}}