.categories-dropdown-wrap { width: 800px; padding: 20px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); display: none; position: absolute; background: #fff; z-index: 99; left: 0; top: 100%; border-radius: 10px; border: 1px solid #ececec; }
.main-categori-wrap:hover .categories-dropdown-wrap { display: flex; }
.cat-left { width: 25%; border-right: 1px solid #eee; padding-right: 15px; }
.cat-left ul { list-style: none; padding: 0; margin: 0; }
.cat-left li a { display: block; padding: 10px; color: #333; text-decoration: none; font-weight: bold; border-radius: 5px; }
.cat-left li a:hover, .cat-left li.active a { background: #f4f5f9; color: #3BB77E; }
.cat-right { width: 75%; padding-left: 20px; display: none; }
.cat-right.active { display: flex; flex-wrap: wrap; align-content: flex-start; }
.sub-cat-group { width: 33.33%; padding: 10px; margin-bottom: 15px; }
.sub-cat-group h6 { font-size: 14px; font-weight: 700; margin-bottom: 10px; color: #253D4E; border-bottom: 1px solid #eee; padding-bottom: 5px; }
.sub-cat-group ul { list-style: none; padding: 0; margin: 0; }
.sub-cat-group li a { color: #666; font-size: 13px; padding: 4px 0; display: block; }
.sub-cat-group li a:hover { color: #3BB77E; padding-left: 5px; transition: 0.3s; }

.search-suggest-wrap {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #ececec;
    border-top: none;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    z-index: 999;
    display: none;
    max-height: 350px;
    overflow-y: auto;
}
.search-suggest-wrap.show { display: block; }
.suggest-item {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    border-bottom: 1px solid #f5f5f5;
    cursor: pointer;
    transition: background 0.15s;
    text-decoration: none;
    color: #253D4E;
}
.suggest-item:hover { background: #f0f9f4; }
.suggest-item:last-child { border-bottom: none; }
.suggest-item .suggest-img { width: 35px; height: 35px; object-fit: cover; border-radius: 4px; margin-right: 10px; }
.suggest-item .suggest-label { flex: 1; font-size: 14px; }
.suggest-item .suggest-type { font-size: 11px; text-transform: uppercase; }
.suggest-type-product { color: #3BB77E !important; }
.suggest-type-brand { color: #ff6b35 !important; }
.suggest-type-category { color: #5c6ac4 !important; }