.chs-menu-open {display:inline-flex;align-items:center;justify-content:center;padding:14px 26px;background:#a45f2b;color:#fff5e8;border-radius:4px;text-decoration:none;font-family:Arial,sans-serif;font-weight:700;}
#char-house-menu {box-sizing:border-box;width:min(1060px,calc(100% - 48px));max-width:none;max-height:90vh;max-height:90dvh;padding:0;border:0;border-radius:10px;background:#faf5ec;color:#39261f;font-family:Arial,sans-serif;overflow:hidden;}
#char-house-menu *, #char-house-menu *::before, #char-house-menu *::after {box-sizing:border-box;}
#char-house-menu::backdrop {background:rgba(0,0,0,.7);}
#char-house-menu[open] {display:flex;flex-direction:column;}
#char-house-menu .chs-head {font-family:"Cowboy Outlaw", sans-serif; color:#dfd1bf; display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0;padding:22px 28px; background:#000;}
#char-house-menu {border:2px solid rgba(223,209,191, .75); background-clip:padding-box; overflow:hidden;}
#char-house-menu .chs-head {border:0;border-bottom:0;}
#char-house-menu .chs-brand {font-size:16px;letter-spacing:2px;color:rgba(187,98,32, 1.0) ;margin-bottom:-4px;}
#char-house-menu h2 {font-family:"Cowboy Outlaw", sans-serif; font-size:32px;line-height:1.2;letter-spacing:0;color:#dfd1bf;font-weight:700;margin:0;}
#char-house-menu .chs-close {display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;min-height:44px;padding:8px 12px;border:1px solid #dfd1bf;border-radius:4px;background:#faf5ec;color:#39261f;font:inherit;font-size:14px;cursor:pointer;}
#char-house-menu .chs-scroll {overflow:auto;overscroll-behavior:contain;min-height:0;}
#char-house-menu .chs-desktop {display:grid;grid-template-columns:220px minmax(0,1fr);}
#char-house-menu .chs-nav {display:flex;flex-direction:column;gap:5px;padding:18px 12px;background:#eae3d8;}
#char-house-menu .chs-tab {font-family:"Cowboy Outlaw", sans-serif; display:block;width:100%;padding:13px 14px;min-height:46px;border:0;border-radius:4px;background:transparent;color:#39261f;text-align:left;font:inherit;font-size:14px;font-weight:700;cursor:pointer;}
#char-house-menu .chs-tab span {font-family:"Cowboy Outlaw", sans-serif; letter-spacing:.5px; font-size:16px}
#char-house-menu .chs-tab:hover {background:#e2d0bb;}
#char-house-menu .chs-tab[aria-pressed="true"] {background:#39261f;color:#fff5e8;}
#char-house-menu .chs-panel {padding:24px 30px;min-width:0;}
#char-house-menu h3 {font:700 23px/1.25 Arial,sans-serif;letter-spacing:0;color:#39261f;margin:0 0 6px;}
#char-house-menu .chs-items {list-style:none;margin:0;padding:0;}
#char-house-menu .chs-item {padding:17px 0;border-bottom:1px solid #dfd1bf;overflow-wrap:anywhere;}
#char-house-menu .chs-item:last-child {border-bottom:0;}
#char-house-menu .chs-item-top {display:flex;align-items:baseline;justify-content:space-between;gap:16px;}
#char-house-menu .chs-name {font:700 17px/1.25 Arial,sans-serif;color:#39261f;margin:0;}
#char-house-menu .chs-description {font:400 12px/1.45 Arial,sans-serif;color:#715e50;margin:1px 0 0;}
/* Future prices: restore the price field and rendering block below when pricing is ready. */
/* #char-house-menu .chs-price {flex-shrink:0;font:700 15px/1.25 Arial,sans-serif;color:#39261f;font-variant-numeric:tabular-nums;} */
#char-house-menu .chs-advisory {padding:18px 28px;border-top:1px solid #dfd1bf;font-weight:400; font-size:12px; color:#dfd1bf; background:#000;}
#char-house-menu .chs-mobile {display:none;}
#char-house-menu button:focus-visible, #char-house-menu summary:focus-visible, .chs-menu-open:focus-visible {outline:3px solid #a45f2b;outline-offset:3px;}
#char-house-menu .chs-category {display:none;}
#char-house-menu .chs-category.chs-active {display:block;}
#char-house-menu .chs-category > summary {display:none;}
#char-house-menu .chs-category-title {display:inline-block; font-family:"Cowboy Outlaw", sans-serif; font-size:26px; letter-spacing:1px; color:rgba(187,98,32, 1.0); padding:8px 24px 4px 20px; margin: -5px 0 0 -10px; background: rgb(255,255,255, .5); border-radius:6px; border: 2px solid rgba(187,98,32, 1.0);}

@media(max-width:767px) 
{
    #char-house-menu {width:100%;height:100%;height:100dvh;max-height:100%;max-height:100dvh;margin:0;border-radius:0;}
    #char-house-menu .chs-head {padding:18px 16px;}
    #char-house-menu h2 {font-size:24px;}
    #char-house-menu .chs-desktop {display:block;}
    #char-house-menu .chs-nav {display:none;}
    #char-house-menu .chs-panel {padding:0;}
    #char-house-menu .chs-category, #char-house-menu .chs-category.chs-active {display:block;border-bottom:1px solid #dfd1bf;}
    #char-house-menu .chs-category-title {display:none;}
    #char-house-menu .chs-category > summary {display:flex;align-items:center;gap:12px;min-height:58px;padding:17px 20px;font:700 16px/1.4 Arial,sans-serif;color:#39261f;list-style:none;cursor:pointer;}
    #char-house-menu summary::-webkit-details-marker {display:none;}
    #char-house-menu summary::after {content:'+';margin-left:auto;font-size:22px;font-weight:400;}
    #char-house-menu details[open] summary {background:#39261B;color:#fff5e8;}
    #char-house-menu details[open] summary::after {content:'−';}
    #char-house-menu .chs-items {padding:0 20px 6px;}
    #char-house-menu .chs-advisory {padding:18px 20px; }
    #char-house-menu .chs-category span {font-family:"Cowboy Outlaw", sans-serif; font-size:22px; letter-spacing:.5px}
}

/* Compact sides in two columns at all screen sizes. */
#char-house-menu #chs-category-sides .chs-items {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;}
#char-house-menu #chs-category-sides .chs-item {min-width:0;padding:11px 0;border-bottom:1px solid #dfd1bf;}
#char-house-menu #chs-category-sides .chs-item:nth-last-child(-n+2) {border-bottom:0;}

@media(max-width:767px) {
    #char-house-menu #chs-category-sides .chs-items {column-gap:16px;}
    #char-house-menu #chs-category-sides .chs-name {font-size:15px;}
}

/* Category icons inherit the selected category color. */
#char-house-menu .chs-tab {display:flex;align-items:center;gap:11px;}
#char-house-menu .chs-category-icon {display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px;color:inherit;}
#char-house-menu .chs-category-icon svg {display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}

@media(max-width:767px) {
    #char-house-menu .chs-category[open] > .chs-items {background:#eee2d2; padding:0 52px;}
    #char-house-menu .chs-category > summary {gap:12px;}
}