/* The "Products" menu in the top bar (menu.js). */
.produtos { position: relative; font-size: .875rem; border: 0 !important; }
.produtos summary { list-style: none; display: inline-flex; justify-content: flex-start; align-items: center; gap: 6px; cursor: pointer; padding: 6px 2px; font-weight: 500; font-size: .875rem; user-select: none; }
.produtos summary::after, .produtos[open] summary::after { content: none; }
.produtos p { padding: 0; max-width: none; opacity: 1; }
.produtos summary::-webkit-details-marker { display: none; }
.produtos[open] summary svg { transform: rotate(180deg); }
.produtos summary svg { transition: transform .2s; }
.produtos-painel { position: absolute; right: 0; top: calc(100% + 12px); min-width: 330px; display: grid; gap: 18px; padding: 20px; border-radius: 10px;
  background: rgb(23 24 26 / .97); border: 1px solid rgb(255 255 255 / .08); box-shadow: 0 30px 80px rgb(0 0 0 / .55); color: #f4efe7;
  -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); }
.produtos-titulo { margin: 0 0 8px; font-size: .6875rem; letter-spacing: .22em; text-transform: uppercase; color: rgb(244 239 231 / .5); }
.produtos-cat { margin: 0 0 6px 2px; font-size: .75rem; color: #ffd7ad; letter-spacing: .04em; }
.produtos-item { display: grid; gap: 2px; padding: 10px 12px; border-radius: 6px; text-decoration: none; transition: background-color .2s; }
.produtos-item:hover, .produtos-item:focus-visible { background: rgb(255 255 255 / .07); }
.produtos-item b { font-weight: 600; letter-spacing: .14em; font-size: .8125rem; }
.produtos-item span { font-size: .8125rem; color: rgb(244 239 231 / .66); line-height: 1.35; }
@media (max-width: 720px) {
  .produtos-painel { position: fixed; left: 12px; right: 12px; top: 64px; min-width: 0; }
}