:root {
    --lookup-bg: #f2f2f5;
    --lookup-accent: #5f4a9d;
    --lookup-accent-dark: #4d3d84;
    --lookup-border: #cdc7dd;
    --lookup-text: #252532;
}

.header-renew .logo-container .menu-search .search-area.lookup-search-enabled {
    position: relative;
    display: block;
    width: clamp(250px, 20vw, 320px);
    min-width: 250px;
    margin-right: 18px;
    padding: 0;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
}

.header-renew .logo-container .menu-search .search-area.lookup-search-enabled .lookup-search-form {
    position: relative;
    width: 100%;
    display: block;
}

.header-renew .logo-container .menu-search .search-area.lookup-search-enabled .lookup-search-form input[name="q"] {
    width: 100%;
    min-width: 0;
    height: 50px;
    padding: 0 48px 0 44px;
    margin: 0;
    border: 1px solid var(--lookup-border);
    border-radius: 20px;
    background: var(--lookup-bg) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--lookup-text);
    outline: none;
}

.header-renew .logo-container .menu-search .search-area.lookup-search-enabled .lookup-search-form input[name="q"]::placeholder {
    color: #9494a0;
}

.header-renew .logo-container .menu-search .search-area.lookup-search-enabled .lookup-search-form input[name="q"]:focus {
    border-color: #b4abd0;
    box-shadow: 0 0 0 3px rgba(104, 82, 164, 0.12);
}

.header-renew .logo-container .menu-search .search-area.lookup-search-enabled .lookup-search-form .lookup-input-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent;
}

.header-renew .logo-container .menu-search .search-area.lookup-search-enabled .lookup-search-form .lookup-input-icon-left {
    left: 14px;
    pointer-events: none;
}

.header-renew .logo-container .menu-search .search-area.lookup-search-enabled .lookup-search-form .lookup-input-icon-right {
    right: 14px;
    opacity: 0.82;
    cursor: pointer;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.header-renew .logo-container .menu-search .search-area.lookup-search-enabled .lookup-search-form .lookup-input-icon-right:hover {
    opacity: 1;
}

.header-renew .logo-container .menu-search .search-area.lookup-search-enabled .lookup-search-form .lookup-input-icon-right.lookup-mic-active {
    opacity: 1;
    transform: translateY(-50%) scale(1.08);
}

.header-renew .logo-container .menu-search .search-area.lookup-search-enabled .lookup-search-form .lookup-input-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.header-renew .logo-container .menu-search .search-area.lookup-search-enabled .lookup-search-form .lookup-submit {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}

.header-renew .logo-container .menu-search .search-area.lookup-search-enabled .search-list,
.header-renew .logo-container .menu-search .search-area.lookup-search-enabled .no-match-found {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    left: auto;
    z-index: 999;
    width: clamp(330px, 36vw, 520px);
    max-height: min(560px, calc(100vh - 130px));
    margin: 0;
    padding: 18px 16px 18px;
    list-style: none;
    background: var(--lookup-bg);
    border: 1px solid #bcb2da;
    border-right: 4px solid var(--lookup-accent-dark);
    border-radius: 10px;
    box-shadow: 0 14px 36px rgba(27, 18, 56, 0.24);
    overflow-y: auto;
}

.header-renew .logo-container .menu-search .search-area.lookup-search-enabled .search-list {
    display: none;
}

.header-renew .logo-container .menu-search .search-area.lookup-search-enabled.lookup-open .lookup-search-form input[name="q"] {
    border-color: #9d8ccc;
    border-bottom-right-radius: 10px;
}

.header-renew .logo-container .menu-search .search-area.lookup-search-enabled .search-list .lookup-section-title {
    margin: 2px 0 8px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    color: var(--lookup-accent);
    letter-spacing: 0;
    cursor: default;
}

.header-renew .logo-container .menu-search .search-area.lookup-search-enabled .search-list .lookup-item {
    margin: 0 0 4px;
}

.header-renew .logo-container .menu-search .search-area.lookup-search-enabled .search-list .lookup-item a {
    display: block;
    font-size: 15px;
    line-height: 1.32;
    font-weight: 500;
    color: var(--lookup-text);
    text-decoration: none;
    transition: color 0.18s ease;
}

.header-renew .logo-container .menu-search .search-area.lookup-search-enabled .search-list .lookup-item a:hover {
    color: var(--lookup-accent-dark);
}

.header-renew .logo-container .menu-search .search-area.lookup-search-enabled .search-list .lookup-divider {
    margin: 10px 0 12px;
    border-top: 1px solid #cdc8da;
}

.header-renew .logo-container .menu-search .search-area.lookup-search-enabled .search-list::-webkit-scrollbar {
    width: 8px;
}

.header-renew .logo-container .menu-search .search-area.lookup-search-enabled .search-list::-webkit-scrollbar-track {
    background: #dad7e8;
    border-radius: 999px;
}

.header-renew .logo-container .menu-search .search-area.lookup-search-enabled .search-list::-webkit-scrollbar-thumb {
    background: var(--lookup-accent-dark);
    border-radius: 999px;
}

.header-renew .logo-container .menu-search .search-area.lookup-search-enabled .no-match-found {
    display: none;
    font-size: 16px;
    color: var(--lookup-accent-dark);
}

@media (max-width: 1365px) {
    .header-renew .logo-container .menu-search .search-area.lookup-search-enabled {
        width: clamp(240px, 22vw, 300px);
        min-width: 240px;
    }

    .header-renew .logo-container .menu-search .search-area.lookup-search-enabled .lookup-search-form input[name="q"] {
        height: 48px;
        font-size: 15px;
    }

    .header-renew .logo-container .menu-search .search-area.lookup-search-enabled .search-list,
    .header-renew .logo-container .menu-search .search-area.lookup-search-enabled .no-match-found {
        width: clamp(320px, 34vw, 480px);
        max-height: min(480px, calc(100vh - 120px));
        padding: 14px 14px 16px;
    }

    .header-renew .logo-container .menu-search .search-area.lookup-search-enabled .search-list .lookup-section-title {
        font-size: 17px;
    }

    .header-renew .logo-container .menu-search .search-area.lookup-search-enabled .search-list .lookup-item a {
        font-size: 14px;
    }
}

@media (max-width: 1024px) {
    .header-renew .logo-container .menu-search .search-area.lookup-search-enabled {
        width: 100%;
        min-width: 0;
        margin-right: 0;
    }

    .header-renew .logo-container .menu-search .search-area.lookup-search-enabled .lookup-search-form input[name="q"] {
        height: 46px;
        border-radius: 14px;
        font-size: 15px;
    }

    .header-renew .logo-container .menu-search .search-area.lookup-search-enabled .search-list,
    .header-renew .logo-container .menu-search .search-area.lookup-search-enabled .no-match-found {
        width: min(560px, calc(100vw - 24px));
        max-height: min(400px, calc(100vh - 115px));
    }

    .header-renew .logo-container .menu-search .search-area.lookup-search-enabled .search-list .lookup-section-title {
        font-size: 16px;
    }

    .header-renew .logo-container .menu-search .search-area.lookup-search-enabled .search-list .lookup-item a {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .header-renew .logo-container .menu-search .search-area.lookup-search-enabled .search-list,
    .header-renew .logo-container .menu-search .search-area.lookup-search-enabled .no-match-found {
        width: calc(100vw - 24px);
        right: -8px;
    }
}
