.category-menus{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 30px}
.category-menu{border:2px solid var(--ink);background:var(--paper);box-shadow:6px 7px 0 var(--ink);transition:transform .2s ease,box-shadow .2s ease;overflow:hidden}
.category-menu:hover{transform:translateY(-5px) rotate(-.5deg);box-shadow:9px 11px 0 var(--ink)}
.category-menu:nth-child(1) summary{background:linear-gradient(110deg,var(--pink),#ff8fbe)}
.category-menu:nth-child(2) summary{background:linear-gradient(110deg,var(--yellow),#ffe979)}
.category-menu:nth-child(3) summary{background:linear-gradient(110deg,var(--blue),#9cecf7)}
.category-menu summary{position:relative;padding:17px 18px;cursor:pointer;list-style:none;font:700 23px 'Space Grotesk';display:flex;justify-content:space-between;align-items:center;letter-spacing:-.03em}
.category-menu summary:after{content:'✦';position:absolute;right:42px;top:10px;font-size:13px;opacity:.45;transition:transform .3s ease}
.category-menu[open] summary:after{transform:rotate(90deg) scale(1.25)}
.category-menu summary span{font-size:18px;transition:transform .25s ease}
.category-menu[open] summary span{transform:rotate(180deg)}
.category-menu summary::-webkit-details-marker{display:none}
.category-options{max-height:235px;overflow:auto;padding:9px;background:#fff}
.category-options::-webkit-scrollbar{width:10px}.category-options::-webkit-scrollbar-track{background:#eee9e3}.category-options::-webkit-scrollbar-thumb{background:var(--purple);border:2px solid #eee9e3;border-radius:10px}
.category-options button{position:relative;display:block;width:100%;padding:8px 10px 8px 17px;border:0;background:transparent;text-align:left;color:var(--ink);font:14px 'DM Sans';cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease}
.category-options button:before{content:'›';position:absolute;left:4px;color:var(--purple);font-weight:900;opacity:.35;transition:opacity .16s ease,transform .16s ease}
.category-options button:nth-child(even){background:rgba(17,17,20,.025)}
.category-options button:hover{background:linear-gradient(90deg,#fff0f7,#f1edf0);color:var(--purple);font-weight:700;transform:translateX(5px)}
.category-options button:hover:before{opacity:1;transform:translateX(2px)}
.category-options button.is-selected{background:var(--ink);color:var(--yellow);font-weight:700;transform:translateX(5px)}
.category-options button.is-selected:before{content:'✓';color:var(--yellow);opacity:1}
@media(max-width:650px){.category-menus{grid-template-columns:1fr}.category-menu[open] .category-options{max-height:190px}}