.category-card { display:flex; flex-wrap:wrap; gap:12px; cursor:grab; }
.category-card:active { cursor:grabbing; }
.category-card-main { display:flex; align-items:center; gap:12px; flex:1 1 180px; min-width:0; }
.category-card-main h3 { overflow-wrap:anywhere; }
.category-thumb { width:56px; height:48px; flex:0 0 56px; object-fit:contain; border-radius:8px; background:#211d18; }
.category-thumb-empty { display:grid; place-items:center; background:#fff2ed; color:#ff5a36; }
.category-card-actions { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.category-card-actions button,.category-child button { margin:0; border:1px solid #e7ddd5; border-radius:7px; background:white; color:#b7492d; padding:8px; font:700 11px "DM Sans",sans-serif; cursor:pointer; }
.category-children { flex:0 0 100%; display:grid; gap:7px; margin-left:24px; }
.category-child { display:flex; align-items:center; gap:10px; padding:8px; border:1px solid #eee7de; border-radius:9px; background:#faf8f5; }
.category-child span { flex:1; overflow-wrap:anywhere; }
.category-photo-preview { min-height:62px; display:grid; place-items:center; border:1px dashed #d7cec2; border-radius:9px; background:#211d18; color:#ddd5ca; font-size:12px; overflow:hidden; }
.category-photo-preview img { width:100%; max-height:150px; object-fit:contain; }
#categoryFormError:not([hidden]) { display:block; margin:0; padding:10px; border-radius:8px; background:#fff2ed; color:#a93320; font-size:12px; }
#removeCategoryPhoto { width:max-content; border:0; background:transparent; color:#b7492d; cursor:pointer; }
.categories button { display:inline-flex; align-items:center; gap:6px; }
.category-nav-photo { width:28px; height:28px; object-fit:contain; border-radius:6px; background:#211d18; }
.subcategory-back { margin:6px 0 14px; border:0; background:transparent; color:#d6a335; font:700 14px "DM Sans",sans-serif; cursor:pointer; }
.subcategory-tile { border:1px solid #554831; border-radius:14px; background:#211d18; color:white; padding:0; text-align:left; overflow:hidden; cursor:pointer; font:700 18px "DM Sans",sans-serif; }
.subcategory-tile img,.subcategory-placeholder { width:100%; aspect-ratio:16/10; object-fit:contain; object-position:center; display:grid; place-items:center; background:#211d18; color:#dfbc55; font-size:52px; }
.subcategory-tile>span:last-child { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:14px; }
.subcategory-tile b { color:#dfbc55; }
.menu-section { scroll-margin-top:96px; }
.home-category-tile { display:block; min-width:0; padding:0; overflow:hidden; border:1px solid #554831; border-radius:17px; background:#211d18; color:#fff; text-align:left; cursor:pointer; font-family:"DM Sans",sans-serif; }
.home-category-tile:hover,.home-category-tile:focus-visible { border-color:#dfbc55; }
.home-category-image { display:block; width:100%; aspect-ratio:4/3; overflow:hidden; background:#211d18; }
.home-category-image img { display:block; width:100%; height:100%; object-fit:contain; object-position:center; }
.home-category-placeholder { display:grid; width:100%; height:100%; place-items:center; color:#dfbc55; font-size:64px; }
.home-category-info { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:3px 8px; align-items:center; padding:14px; }
.home-category-info strong { grid-column:1; font:700 19px Fraunces,serif; line-height:1.2; overflow-wrap:anywhere; }
.home-category-info small { grid-column:1; color:#bcb4a8; font-size:12px; }
.home-category-info b { grid-column:2; grid-row:1/3; color:#dfbc55; font-size:23px; }
@media(max-width:760px){.category-card-actions{flex:0 0 100%;}.category-children{margin-left:0}.category-child{flex-wrap:wrap}.subcategory-tile{font-size:16px}}
@media(max-width:480px){.home-category-info{padding:11px}.home-category-info strong{font-size:16px}.home-category-info small{font-size:11px}}