.category-wrapper{font-family:DM Sans,sans-serif}.category-desktop{background:#fff;border:1px solid #f0ece4;border-radius:16px;overflow:hidden;box-shadow:0 4px 24px #00000012}.category-header{color:#fff;background:linear-gradient(55deg,#f5c842 0%,#16213e 100%);align-items:center;gap:10px;padding:18px 20px 14px;display:flex}.category-header h3{letter-spacing:.12em;text-transform:uppercase;color:#fff;margin:0;font-family:Syne,sans-serif;font-size:13px;font-weight:700}.category-header svg{color:#fff;flex-shrink:0}.category-list{margin:0;padding:8px;list-style:none}.category-item{border-radius:16px;margin-bottom:2px;transition:transform .18s;position:relative;overflow:hidden}.category-item:hover{transform:translate(3px)}.category-link{color:#444;border-radius:16px;align-items:center;gap:10px;padding:11px 14px;font-size:14px;font-weight:400;text-decoration:none;transition:all .2s;display:flex;position:relative;overflow:hidden}.category-link:before{content:"";opacity:0;background:linear-gradient(90deg,#f5c84215,#0000);transition:opacity .2s;position:absolute;inset:0}.category-link:hover{color:#1a1a2e;background:#fdf8ec;text-decoration:none}.category-link:hover:before{opacity:1}.category-link:hover .cat-arrow{opacity:1;transform:translate(0)}.category-link .cat-icon{color:#c8b06a;flex-shrink:0;transition:color .2s}.category-link:hover .cat-icon{color:#f5c842}.cat-arrow{opacity:0;color:#f5c842;margin-left:auto;transition:all .2s;transform:translate(-6px)}.category-item.active .category-link{color:#fff;background:linear-gradient(55deg,#f5c842 0%,#16213e 100%);font-weight:500}.category-item.active .category-link .cat-icon{color:#fff}.category-item.active .cat-arrow{opacity:1;color:#fff;transform:translate(0)}.category-item.active .category-link:before{display:none}.divider{background:linear-gradient(90deg,#0000,#e8e0d0,#0000);height:1px;margin:0 2px}.category-expand{margin-top:4px}.category-expand-btn{cursor:pointer;color:#888;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;width:100%;padding:10px 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.category-expand-btn:hover{color:#282936;background:#f8f6f1}.mobile-trigger-btn{color:#fff;cursor:pointer;letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(55deg,#f5c842 0%,#16213e 100%);border:none;border-radius:16px;justify-content:space-between;align-items:center;width:100%;padding:14px 18px;font-family:Syne,sans-serif;font-size:14px;font-weight:700;display:flex;box-shadow:0 4px 20px #0000001f}.mobile-trigger-btn .trigger-left{align-items:center;gap:10px;display:flex}.bottom-sheet-overlay{z-index:999;pointer-events:none;background:0 0;transition:background .3s;position:fixed;inset:0}.bottom-sheet-overlay.open{pointer-events:all;background:#00000073}.bottom-sheet{z-index:1000;background:#fff;border-radius:24px 24px 0 0;flex-direction:column;max-height:75vh;transition:transform .38s cubic-bezier(.32,.72,0,1);display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -8px 40px #0000002e}.bottom-sheet.open{transform:translateY(0)}.bottom-sheet-handle{background:#e0d9cc;border-radius:4px;flex-shrink:0;width:40px;height:4px;margin:12px auto 0}.bottom-sheet-header{border-bottom:1px solid #f0ece4;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 20px 12px;display:flex}.bottom-sheet-title{letter-spacing:.1em;text-transform:uppercase;color:#1a1a2e;align-items:center;gap:10px;font-family:Syne,sans-serif;font-size:14px;font-weight:700;display:flex}.bottom-sheet-title svg{color:#f5c842}.bottom-sheet-close{color:#555;cursor:pointer;background:#f5f2ec;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.bottom-sheet-close:hover{color:#f5c842;background:#1a1a2e}.bottom-sheet-body{-webkit-overflow-scrolling:touch;padding:10px 12px 24px;overflow-y:auto}.mobile-list{margin:0;padding:0;list-style:none}.mobile-item{border-radius:16px;margin-bottom:2px}.mobile-link{color:#555;border-radius:16px;align-items:center;gap:10px;padding:13px 14px;font-size:14px;text-decoration:none;transition:all .2s;display:flex}.mobile-link:hover{color:#1a1a2e;background:#fdf8ec;text-decoration:none}.mobile-link .mobile-icon{color:#c8b06a;flex-shrink:0}.mobile-item.active .mobile-link{color:#fff;background:linear-gradient(55deg,#f5c842 0%,#16213e 100%)}.mobile-item.active .mobile-link .mobile-icon{color:#fff}.mobile-divider{background:linear-gradient(90deg,#0000,#e8e0d0,#0000);height:1px;margin:4px 8px}@media (max-width:767px){.category-desktop{display:none}}@media (min-width:768px){.mobile-trigger-btn,.bottom-sheet-overlay,.bottom-sheet{display:none!important}}