:root {--k-green: #7FA409; --k-hover: rgba(127, 164, 9, 0.7);}
#cactus-sidebar {position: fixed; left: 0; top: 50%; height: 500px; z-index: 9999999; transform: translateY(-50%) translateX(-100%); transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); display: flex; flex-direction: column; font-family: 'Poppins', sans-serif; width: 350px; overflow: visible;}
#cactus-sidebar.is-open {transform: translateY(-50%) translateX(0);}
.menu-content-wrapper {background: #fff; height: 100%; display: flex; flex-direction: column; border-radius: 0 20px 20px 0; box-shadow: 10px 0 30px rgba(0,0,0,0.1); overflow: hidden; position: relative;}
#cactus-trigger {position: absolute; left: 100%; top: 50%; transform: translateY(-50%); width: 15px; height: 120px; background: var(--k-green); cursor: pointer; border-radius: 0 12px 12px 0; display: flex; align-items: center; justify-content: center; z-index: 11; box-shadow: 4px 0 8px rgba(0,0,0,0.1);}
#cactus-trigger svg {width: 14px; height: auto; fill: white; transition: transform 0.3s; pointer-events: none;}
#cactus-sidebar.is-open #cactus-trigger svg {transform: rotate(180deg);}
.main-header {font-size: 16px; font-weight: 700; text-transform: uppercase; text-align: center; padding: 15px 15px 5px 15px; color: var(--k-green); letter-spacing: 1px;}
#cactus-search {width: calc(100% - 30px); margin: 5px 15px 10px 15px; padding: 10px 12px; border: 1px solid #ddd; border-radius: 6px; font-family: 'Poppins', sans-serif; font-size: 13px; box-sizing: border-box; outline: none; transition: border-color 0.3s;}
#cactus-search:focus {border-color: var(--k-green);}
.cactus-hidden {display: none !important;}
.nav-arrow {height: 40px; background: #fdfdfd; display: flex; align-items: center; justify-content: center; cursor: pointer; color: var(--k-green); border-bottom: 1px solid #eee;}
#cactus-scroll-box {flex-grow: 1; overflow: hidden; padding: 10px 0; cursor: grab; user-select: none;}
#cactus-scroll-box:active {cursor: grabbing;}
.cactus-inner {padding: 0 25px;}
.cat-header {font-size: 11px; color: #aaa; margin: 15px 0 5px; letter-spacing: 1px; text-transform: uppercase; border-bottom: 1px solid #f5f5f5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.cactus-link {display: block; padding: 10px 15px; color: #000; text-decoration: none; font-size: 14px; text-transform: uppercase; transition: none !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.cactus-link:hover {background: var(--k-hover) !important; color: #ffffff !important;}
#scroll-down {border-top: 1px solid #eee; border-bottom: none;}
#cactus-tooltip {position: fixed; background: var(--k-green); color: #ffffff; padding: 6px 12px; border-radius: 6px; font-size: 13px; font-family: 'Poppins', sans-serif; pointer-events: none; z-index: 99999999; opacity: 0; visibility: hidden; transition: opacity 0.2s ease; box-shadow: 0 4px 15px rgba(0,0,0,0.15); max-width: 300px;}
#cactus-tooltip.show {opacity: 1; visibility: visible;}
