.draft{display:none!important}
header{position:relative;z-index:30}
.products-menu{position:relative;font-size:15px;font-weight:700}
.products-menu summary{list-style:none;cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px}
.products-menu summary::-webkit-details-marker{display:none}
.products-menu summary::after{content:"⌄";font-size:16px;transition:transform .2s ease}
.products-menu[open] summary::after{transform:rotate(180deg)}
.products-menu>div{position:absolute;right:0;top:calc(100% + 8px);width:230px;background:#fff;color:#171717;border:1px solid #ddd9cc;box-shadow:0 18px 50px #0003;padding:10px;display:grid}
.products-menu a,.products-menu span{min-height:46px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #eee9dd}
.products-menu a:hover,.products-menu a:focus-visible{background:#ffcd11;color:#171717;outline:none}
.products-menu span{color:#777;cursor:not-allowed;border-bottom:0}
.products-menu small{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#8d715c}
.products-menu summary:focus-visible{outline:3px solid #ffcd11;outline-offset:4px}
@media(max-width:800px){header{flex-wrap:wrap}.products-menu{order:5;width:100%}.products-menu summary{justify-content:space-between}.products-menu>div{position:static;width:100%;margin-top:4px;box-shadow:none}}
@media(max-width:540px){header>nav{display:flex!important;width:100%;overflow-x:auto}.products-menu{display:block!important}}