/* ============================================================================
   AWA Search Autocomplete — Clean Modern Professional
   v5.0  2026-04-15 — tokenized colors & radius
   CSS puro. Usa custom properties do design system AWA.
   NÃO MEXE no layout do form search do cabeçalho.
   ============================================================================ */

/* === A. CRITICAL OVERRIDES ================================================ */

/* A1. Force autocomplete VISIBLE when _active — overrides [hidden] attribute,
       themes.css display:none, and any other source. */
.mst-searchautocomplete__autocomplete._active {
    display: block !important;
    visibility: visible !important;
    opacity: var(--awa-opacity-100, 1) !important;
    height: auto !important;
    min-height: var(--awa-zero, 0) !important;
}

/* A2. Force overflow visible on form search when dropdown is active
       so the absolutely-positioned dropdown is not clipped. */
body .page-wrapper #header.header-container[data-awa-header-shell="true"] #search_mini_form:has(.mst-searchautocomplete__autocomplete._active),
body .page-wrapper .header-content .block-search #search_mini_form:has(.mst-searchautocomplete__autocomplete._active),
#search_mini_form:has(.mst-searchautocomplete__autocomplete._active),
form.minisearch:has(.mst-searchautocomplete__autocomplete._active) {
    overflow: visible !important;
}

/* A3. Remove [hidden] override when _active */
.mst-searchautocomplete__autocomplete._active[hidden] {
    display: block !important;
}


/* === 1. AUTOCOMPLETE DROPDOWN — Container principal ======================= */
.mst-searchautocomplete__autocomplete {
    position: absolute;
    top: calc(100% + 6px) !important;
    left: 0 !important;
    right: auto !important;
    width: 100% !important;
    max-width: min(860px, calc(100vw - 32px)) !important;
    background: var(--awa-white, #fff);
    border: var(--awa-border-width, 1px) solid var(--awa-color-border, #e2e2e2);
    border-radius: var(--awa-radius-md, 12px) !important;
    box-shadow: 0 12px 40px rgb(0 0 0 / 10%),
                0 4px 12px rgb(0 0 0 / 5%);
    z-index: var(--awa-z-100130, 100130) !important;
    text-align: left;
    overflow: hidden;
    border-top: var(--awa-border-width-2, 2px) solid var(--awa-brand-primary, var(--awa-red, #b73337)) !important;
    margin-top: 0 !important;
}

.mst-searchautocomplete__autocomplete._active.mst-2-cols {
    width: var(--awa-width-min-860, min(860px, calc(100vw - 32px))) !important;
}


/* === 2. WRAPPER & RESULTS ================================================= */
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__wrapper {
    display: flex;
    flex-direction: column;
    max-height: 72vh;
    overflow: hidden;
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__results {
    height: 100%;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgb(0 0 0 / 10%) transparent;
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__results::-webkit-scrollbar { width: var(--awa-space-1-25, 5px); }
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__results::-webkit-scrollbar-track { background: var(--awa-transparent, transparent); }
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__results::-webkit-scrollbar-thumb { background: var(--awa-black-10, rgb(0 0 0 / 10%)); border-radius: var(--awa-radius-xs, 3px); }
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__results.__all { margin-bottom: var(--awa-space-9, 48px); }


/* === 3. INDEX SECTION TITLES ============================================== */
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__index-title {
    display: flex;
    align-items: center;
    gap: var(--awa-gap-1-5, 6px);
    padding: var(--awa-space-2-5, 10px) var(--awa-space-4, 16px) var(--awa-space-2, 8px);
    margin: 0;
    font-size: var(--awa-text-2xs, 11px);
    font-weight: var(--awa-weight-bold, 700);
    letter-spacing: var(--awa-ls-tight, .06em);
    text-transform: uppercase;
    color: var(--awa-gray-500, #888);
    border-bottom: var(--awa-border-width, 1px) solid var(--awa-color-border-light, #f0f0f0);
    background: var(--awa-gray-50, var(--awa-gray-30, #fafafa));
}


/* === 4. PRODUCT ITEMS ===================================================== */
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product {
    display: flex;
    align-items: flex-start;
    gap: var(--awa-gap-md, 12px);
    padding: var(--awa-space-3, 12px) var(--awa-space-4, 16px);
    border-bottom: var(--awa-border-width, 1px) solid var(--awa-color-border-light, #f3f3f3);
    cursor: pointer;
    transition: background-color .15s ease;
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product:last-child {
    border-bottom: var(--awa-none, none);
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product:hover,
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product._active {
    background: var(--awa-gray-100, #f8f9fa);
}

/* Product Image */
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .mst-product-image-wrapper {
    flex: 0 0 var(--awa-size-64, 64px);
    width: var(--awa-space-10, 64px);
    height: var(--awa-space-10, 64px);
    border-radius: var(--awa-radius-sm, 8px);
    overflow: hidden;
    background: var(--awa-gray-100, #f8f8f8);
    border: var(--awa-border-width, 1px) solid var(--awa-color-border-light, #eee);
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .mst-product-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

/* Product Meta */
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .meta {
    flex: var(--awa-flex-auto, 1 1 auto);
    min-width: var(--awa-zero, 0);
    overflow: hidden;
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .title {
    display: block;
    margin-bottom: var(--awa-space-1, 4px);
    line-height: var(--awa-leading-base, 1.3);
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .title a {
    color: var(--awa-text, #333);
    font-size: var(--awa-text-sm, 13px);
    font-weight: var(--awa-weight-medium, 500);
    text-decoration: var(--awa-none, none);
    line-height: var(--awa-leading-cozy, 1.35);
    display: -webkit-box;
    -webkit-line-clamp: var(--awa-clamp-2, 2);
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product._active .title a,
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product:hover .title a {
    color: var(--awa-brand-primary, var(--awa-red, #b73337));
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .title .sku {
    display: inline-block;
    font-size: var(--awa-text-2xs, 11px);
    color: var(--awa-text-hint, #999);
    font-weight: var(--awa-weight-normal, 400);
    margin-left: var(--awa-space-1-5, 6px);
}

/* Description */
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .description {
    font-size: var(--awa-text-xs, 12px);
    color: var(--awa-gray-500, #777);
    line-height: var(--awa-leading-normal, 1.4);
    max-height: 2.8em;
    overflow: hidden;
    margin-bottom: var(--awa-space-1, 4px);
    display: -webkit-box;
    -webkit-line-clamp: var(--awa-clamp-2, 2);
    -webkit-box-orient: vertical;
}

/* Price */
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .store {
    flex: var(--awa-flex-none, 0 0 auto);
    text-align: right;
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .store > .price,
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .store .price {
    display: block;
    font-weight: var(--awa-weight-bold, 700);
    font-size: var(--awa-text-base, 14px);
    white-space: nowrap;
    color: var(--awa-brand-primary, var(--awa-red, #b73337));
    line-height: var(--awa-leading-base, 1.3);
    margin: 0;
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .store .price .price-label {
    display: block;
    font-size: var(--awa-text-3xs, 10px);
    color: var(--awa-text-hint, #999);
    font-weight: var(--awa-weight-normal, 400);
    margin-bottom: var(--awa-space-0-5, 2px);
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .store .price .old-price .price {
    color: var(--awa-text-hint, #999);
    text-decoration: var(--awa-line-through, line-through);
    font-size: var(--awa-text-xs, 12px);
    font-weight: var(--awa-weight-normal, 400);
}

/* Stock Status */
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .inStock {
    font-size: var(--awa-text-2xs, 11px); font-weight: var(--awa-weight-medium, 500); color: var(--awa-success, var(--awa-success, #16a34a));
}
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .outOfStock {
    font-size: var(--awa-text-2xs, 11px); font-weight: var(--awa-weight-medium, 500); color: var(--awa-danger, var(--awa-danger, #dc2626));
}

/* Rating */
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .rating-summary {
    margin: var(--awa-space-0-5, 2px) 0;
}
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .rating-summary .rating-result {
    width: var(--awa-size-70, 70px);
}

/* Add to Cart */
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .to-cart {
    margin-top: var(--awa-space-1-5, 6px);
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .to-cart .mst__add_to_cart {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--awa-space-1-25, 5px) var(--awa-space-3, 12px);
    font-size: var(--awa-text-2xs, 11px);
    font-weight: var(--awa-weight-semibold, 600);
    background: var(--awa-brand-primary, var(--awa-red, #b73337));
    color: var(--awa-white, #fff) !important;
    border: var(--awa-none, none);
    border-radius: var(--awa-radius-sm, 6px);
    cursor: pointer;
    text-decoration: var(--awa-none, none);
    transition: background-color .15s ease, box-shadow .15s ease;
    line-height: var(--awa-leading-normal, 1.4);
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .to-cart .mst__add_to_cart:hover {
    background: var(--awa-brand-hover, var(--awa-red-dark, #8e2629));
    box-shadow: var(--awa-shadow-brand-md2, 0 2px 8px rgb(183 51 55 / 25%));
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .to_cart_message {
    padding: var(--awa-space-1, 4px) var(--awa-space-2, 8px); font-size: var(--awa-text-2xs, 11px); border-radius: var(--awa-radius-xs, 4px); margin-top: var(--awa-space-1, 4px);
}
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .to_cart_message.success {
    color: var(--awa-success, var(--awa-success, #16a34a)); background: var(--awa-success-bg, var(--awa-success-bg, #f0fdf4));
}
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .to_cart_message.error {
    color: var(--awa-danger, var(--awa-danger, #dc2626)); background: var(--awa-danger-bg, #fef2f2);
}


/* === 5. NON-PRODUCT ITEMS ================================================= */
.mst-searchautocomplete__autocomplete ul {
    list-style: var(--awa-none, none); margin: 0; padding: 0;
}
.mst-searchautocomplete__autocomplete ul li {
    margin: 0; padding: var(--awa-space-2, 8px) var(--awa-space-4, 16px); cursor: pointer; transition: background-color .12s ease;
}
.mst-searchautocomplete__autocomplete ul li:hover,
.mst-searchautocomplete__autocomplete ul li._active {
    background: var(--awa-gray-100, #f8f9fa);
}
.mst-searchautocomplete__autocomplete ul li a.title {
    font-size: var(--awa-text-sm, 13px); font-weight: var(--awa-weight-medium, 500); color: var(--awa-text, #333); text-decoration: var(--awa-none, none); display: block;
}
.mst-searchautocomplete__autocomplete ul li._active a.title {
    color: var(--awa-brand-primary, var(--awa-red, #b73337));
}


/* === 6. POPULAR SEARCHES ================================================== */
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__index.popular ul {
    display: flex; flex-wrap: wrap; gap: var(--awa-gap-1-5, 6px); padding: var(--awa-space-2, 8px) var(--awa-space-4, 16px) var(--awa-space-3, 12px);
}
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__index.popular ul li {
    float: none; padding: 0; margin: 0; background: var(--awa-none, none);
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__index.popular ul li a {
    display: inline-block;
    padding: var(--awa-space-1, 4px) var(--awa-space-3, 12px);
    font-size: var(--awa-text-xs, 12px);
    font-weight: var(--awa-weight-medium, 500);
    color: var(--awa-gray-500, #666);
    background: var(--awa-gray-100, #f5f5f5);
    border-radius: var(--awa-radius-pill, 20px);
    text-decoration: var(--awa-none, none);
    border: var(--awa-border-width, 1px) solid var(--awa-color-border-light, #eee);
    transition: all .15s ease;
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__index.popular ul li:hover a,
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__index.popular ul li a:hover {
    background: var(--awa-white, #fff);
    border-color: var(--awa-brand-primary, var(--awa-red, #b73337));
    color: var(--awa-brand-primary, var(--awa-red, #b73337));
}


/* === 7. SEARCH QUERY SUGGESTIONS ========================================== */
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_search_query {
    display: flex; align-items: center; justify-content: space-between;
}
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_search_query a { float: none; }
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_search_query .num_results {
    float: none; font-size: var(--awa-text-2xs, 11px); color: var(--awa-text-hint, #999); font-weight: var(--awa-weight-normal, 400);
    background: var(--awa-gray-100, #f5f5f5); padding: var(--awa-space-0-5, 2px) var(--awa-space-2, 8px); border-radius: var(--awa-radius-md, 10px);
}


/* === 8. SHOW ALL / EMPTY / CLOSE / SPINNER ================================ */
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__show-all {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: var(--awa-space-9, 48px);
    border-top: var(--awa-border-width, 1px) solid var(--awa-color-border, #e5e5e5);
    background: var(--awa-gray-50, var(--awa-gray-30, #fafafa));
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__show-all a {
    display: inline-flex;
    align-items: center;
    gap: var(--awa-gap-1-5, 6px);
    font-size: var(--awa-text-sm, 13px);
    font-weight: var(--awa-weight-semibold, 600);
    color: var(--awa-brand-primary, var(--awa-red, #b73337));
    text-decoration: var(--awa-none, none);
    padding: var(--awa-space-2, 8px) var(--awa-space-5, 20px);
    border-radius: var(--awa-radius-sm, 6px);
    transition: background-color .15s ease;
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__show-all a:hover {
    background: var(--awa-red-6, rgb(183 51 55 / 6%));
}

/* Empty */
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__empty-result {
    padding: var(--awa-space-7, 32px) var(--awa-space-6, 24px);
    text-align: center;
    color: var(--awa-gray-500, #888);
    font-size: var(--awa-text-sm, 13px);
    background: var(--awa-gray-50, var(--awa-gray-30, #fafafa));
}

/* Close (mobile) */
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__close {
    display: none;
    position: absolute;
    right: var(--awa-space-2, 8px);
    top: var(--awa-space-2, 8px);
    width: var(--awa-space-6-5, 28px);
    height: var(--awa-space-6-5, 28px);
    font-size: var(--awa-text-lg, 18px);
    font-weight: var(--awa-weight-bold, 700);
    color: var(--awa-text-hint, #999);
    cursor: pointer;
    text-align: center;
    line-height: var(--awa-space-6-5, 28px);
    border-radius: var(--awa-radius-full, 50%);
    background: var(--awa-gray-100, #f5f5f5);
    transition: background-color .15s ease;
    z-index: var(--awa-z-2, 2);
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__close:hover {
    background: var(--awa-color-border, #e5e5e5); color: var(--awa-text, #333);
}

/* Spinner */
.mst-searchautocomplete__spinner {
    display: none; position: absolute; top: var(--awa-space-3, 12px); right: var(--awa-space-3, 12px); width: var(--awa-space-4-5, 18px); height: var(--awa-space-4-5, 18px);
}
.mst-searchautocomplete__autocomplete._loading .mst-searchautocomplete__spinner { display: block; }

.mst-searchautocomplete__spinner .spinner-item {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: var(--awa-space-4-5, 18px);
    height: var(--awa-space-4-5, 18px);
    border: var(--awa-border-width-2, 2px) solid transparent;
    border-top-color: var(--awa-brand-primary, var(--awa-red, #b73337));
    border-radius: var(--awa-radius-full, 50%);
    animation: awa-ac-spin .8s cubic-bezier(.5,0,.5,1) infinite;
}

.mst-searchautocomplete__spinner .spinner-item-1 { animation-delay: -.3s; }
.mst-searchautocomplete__spinner .spinner-item-2 { animation-delay: -.2s; }
.mst-searchautocomplete__spinner .spinner-item-3 { animation-delay: -.1s; }

@keyframes awa-ac-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/* Text highlight */
.mst-searchautocomplete__highlight {
    font-weight: var(--awa-weight-bold, 700); color: var(--awa-brand-primary, var(--awa-red, #b73337)); background: var(--awa-none, none);
}
.mst-searchautocomplete__autocomplete a.title i {
    color: var(--awa-text-hint, #999); display: inline; font-style: normal;
}


/* === 9. TYPEAHEAD OVERLAY ================================================= */
input.mst-search-autocomplete__typeahead-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border: var(--awa-none, none) !important;
    background: var(--awa-transparent, transparent) !important;
    color: var(--awa-gray-300, #ccc) !important;
    pointer-events: var(--awa-none, none) !important;
    z-index: var(--awa-z-neg, -1) !important;
    opacity: .5 !important;
    box-shadow: var(--awa-shadow-none, none) !important;
    outline: var(--awa-none, none) !important;
    padding: inherit !important;
    font: inherit !important;
}


/* === 10. DESKTOP 2-COLUMN LAYOUT ========================================== */
@media (min-width: 768px) {
    .mst-searchautocomplete__autocomplete._active { min-width: var(--awa-size-520, 520px); }

    .mst-searchautocomplete__autocomplete._active.mst-2-cols {
        width: var(--awa-width-min-860, min(860px, calc(100vw - 32px))) !important;
        position: absolute;
    }

    .mst-searchautocomplete__autocomplete._active.mst-2-cols .mst-searchautocomplete__index {
        clear: left;
        float: left;
        display: block;
        position: relative;
        max-width: var(--awa-size-240, 240px);
        width: var(--awa-size-240, 240px);
        padding-bottom: 2rem;
        box-sizing: border-box;
    }

    .mst-searchautocomplete__autocomplete._active.mst-2-cols .mst-searchautocomplete__index .mst-searchautocomplete__index-title {
        margin-right: 0;
    }

    .mst-searchautocomplete__autocomplete._active.mst-2-cols div.magento_catalog_product {
        width: calc(100% - 240px);
        max-width: calc(100% - 240px);
        clear: right;
        float: right;
        border-left: var(--awa-border-width, 1px) solid var(--awa-color-border-light, #f0f0f0);
        padding-bottom: 0;
    }

    .mst-searchautocomplete__autocomplete._active.mst-2-cols .mst-searchautocomplete__show-all {
        clear: both;
    }
}


/* === 11. TABLET =========================================================== */
@media (min-width: 768px) and (max-width: 1024px) {
    .mst-searchautocomplete__autocomplete {
        max-width: min(720px, calc(100vw - 32px)) !important;
    }

    .mst-searchautocomplete__autocomplete._active.mst-2-cols {
        width: var(--awa-width-min-720, min(720px, calc(100vw - 32px))) !important;
    }

    .mst-searchautocomplete__autocomplete._active.mst-2-cols .mst-searchautocomplete__index {
        max-width: var(--awa-size-200, 200px); width: var(--awa-size-200, 200px);
    }

    .mst-searchautocomplete__autocomplete._active.mst-2-cols div.magento_catalog_product {
        width: calc(100% - 200px); max-width: calc(100% - 200px);
    }

    .mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .mst-product-image-wrapper {
        flex: 0 0 var(--awa-size-56, 56px); width: var(--awa-size-56, 56px); height: var(--awa-size-56, 56px);
    }
}


/* === 12. MOBILE =========================================================== */
@media (max-width: 767px) {
    .mst-searchautocomplete__autocomplete {
        position: fixed !important;
        top: auto !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        max-height: 70vh;
        border-radius: var(--awa-radius-top-lg, 16px 16px 0 0) !important;
        border: var(--awa-none, none) !important;
        border-top: var(--awa-border-width-2, 2px) solid var(--awa-brand-primary, var(--awa-red, #b73337)) !important;
        box-shadow: 0 -16px 48px rgb(0 0 0 / 15%);
        z-index: 100200 !important;
    }

    .mst-searchautocomplete__autocomplete .mst-searchautocomplete__close {
        display: flex; align-items: center; justify-content: center;
    }

    .mst-searchautocomplete__autocomplete .mst-searchautocomplete__wrapper {
        max-height: 65vh;
    }

    .mst-searchautocomplete__autocomplete._active.mst-2-cols .mst-searchautocomplete__index,
    .mst-searchautocomplete__autocomplete._active.mst-2-cols div.magento_catalog_product {
        float: none; clear: none; width: 100%; max-width: 100%; border-left: var(--awa-none, none);
    }

    .mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product {
        padding: var(--awa-space-2-5, 10px) var(--awa-space-3-5, 14px); gap: var(--awa-gap-2-5, 10px);
    }

    .mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .mst-product-image-wrapper {
        flex: 0 0 var(--awa-space-9-5, 52px); width: var(--awa-space-9-5, 52px); height: var(--awa-space-9-5, 52px); border-radius: var(--awa-radius-sm, 6px);
    }

    .mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .title a { font-size: var(--awa-text-sm, 13px); }

    .mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .store .price,
    .mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .store > .price {
        font-size: var(--awa-text-sm, 13px);
    }

    .mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .description { display: none; }
    .mst-searchautocomplete__autocomplete .mst-searchautocomplete__item.magento_catalog_product .to-cart { display: none; }

    .mst-searchautocomplete__autocomplete .mst-searchautocomplete__show-all { height: var(--awa-space-8-5, 44px); }
    .mst-searchautocomplete__autocomplete .mst-searchautocomplete__show-all a { font-size: var(--awa-text-sm, 13px); }
}


/* === 13. SEARCH RESULTS PAGE — Mirasvit Tabs ============================= */
.mst-search__result-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: var(--awa-gap-1-5, 6px);
    list-style: var(--awa-none, none);
    margin: 0 0 var(--awa-space-5, 20px);
    padding: 0 0 var(--awa-space-3, 12px);
    border-bottom: var(--awa-border-width, 1px) solid var(--awa-color-border, #e5e5e5);
}

.mst-search__result-tabs li { margin: 0; padding: 0; }

.mst-search__result-tabs li a {
    display: inline-flex;
    align-items: center;
    padding: var(--awa-space-1-75, 7px) var(--awa-space-4, 16px);
    border-radius: var(--awa-radius-full, 9999px);
    border: var(--awa-border-width, 1px) solid var(--awa-color-border, #e5e5e5);
    font-size: var(--awa-text-sm, 13px);
    font-weight: var(--awa-weight-medium, 500);
    color: var(--awa-text-muted, #555);
    text-decoration: var(--awa-none, none);
    background: var(--awa-white, #fff);
    transition: background .15s ease, border-color .15s ease, color .15s ease;
}

.mst-search__result-tabs li a:hover {
    border-color: var(--awa-brand-primary, var(--awa-red, #b73337)) !important;
    color: var(--awa-brand-primary, var(--awa-red, #b73337)) !important;
    background: var(--awa-red-4, rgb(183 51 55 / 4%));
}

.mst-search__result-tabs li a.active {
    background: var(--awa-brand-primary, var(--awa-red, #b73337)) !important;
    border-color: var(--awa-brand-primary, var(--awa-red, #b73337)) !important;
    color: var(--awa-white, #fff) !important;
    font-weight: var(--awa-weight-semibold, 600) !important;
}


/* === 14. SEARCH RESULTS — Misc Recommendations ============================ */
/* Override themes.css rules that hide dl.block inside search results */
.search.results dl.block.mst-search__misc-recommendations,
.shop-tab-select dl.block.mst-search__misc-recommendations,
dl.mst-search__misc-recommendations {
    display: flex !important;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 0;
    background: var(--awa-gray-100, #f8f9fa);
    border: var(--awa-border-width, 1px) solid var(--awa-color-border-light, #eee);
    border-radius: var(--awa-radius-md, 10px);
    padding: var(--awa-space-3-5, 14px) var(--awa-space-5, 20px);
    margin: 0 0 var(--awa-space-lg, 24px);
}

.mst-search__misc-recommendations dt {
    font-size: var(--awa-text-sm, 13px);
    font-weight: var(--awa-weight-semibold, 600);
    color: var(--awa-text, #333);
    margin-bottom: var(--awa-space-1, 4px);
    width: 100%;
    flex: 0 0 100%;
}

.mst-search__misc-recommendations dd {
    margin: 0;
    padding: 0;
}

.mst-search__misc-recommendations dd a {
    display: inline-block;
    padding: var(--awa-space-1, 4px) var(--awa-space-3, 12px);
    margin: var(--awa-space-0-75, 3px) var(--awa-space-1, 4px) var(--awa-space-0-75, 3px) 0;
    font-size: var(--awa-text-xs, 12px);
    font-weight: var(--awa-weight-medium, 500);
    color: var(--awa-gray-500, #666);
    background: var(--awa-white, #fff);
    border: var(--awa-border-width, 1px) solid var(--awa-color-border, #e5e5e5);
    border-radius: var(--awa-radius-pill, 20px);
    text-decoration: var(--awa-none, none);
    transition: border-color .15s ease, color .15s ease;
}

.mst-search__misc-recommendations dd a:hover {
    border-color: var(--awa-brand-primary, var(--awa-red, #b73337));
    color: var(--awa-brand-primary, var(--awa-red, #b73337));
}

.mst-search__misc-recommendations dd .count {
    display: inline-block;
    font-size: var(--awa-text-3xs, 10px);
    color: var(--awa-text-hint, #999);
    font-weight: var(--awa-weight-normal, 400);
    margin-left: var(--awa-space-0-5, 2px);
}

.mst-search__misc-recommendations dd .count::before { content: '('; }
.mst-search__misc-recommendations dd .count::after  { content: ')'; }


/* === 15. SEARCH RESULTS — Index blocks ==================================== */
.mst-search__index { padding: 0; }

.mst-search__list {
    list-style: var(--awa-none, none); margin: 0; padding: 0;
}

.mst-search__list li {
    padding: var(--awa-space-2-5, 10px) var(--awa-space-4, 16px);
    border-bottom: var(--awa-border-width, 1px) solid var(--awa-color-border-light, #f0f0f0);
}

.mst-search__list li:last-child { border-bottom: var(--awa-none, none); }

.mst-search__list li a {
    font-size: var(--awa-text-base, 14px); color: var(--awa-text, #333); font-weight: var(--awa-weight-medium, 500);
    text-decoration: var(--awa-none, none); transition: color .15s ease;
}

.mst-search__list li a:hover { color: var(--awa-brand-primary, var(--awa-red, #b73337)); }


/* === 16. SEARCH RESULTS — product fitment badge =========================== */
.awa-ac-product-fitment {
    font-size: var(--awa-text-2xs, 11px);
    color: var(--awa-success, var(--awa-success, #16a34a));
    font-weight: var(--awa-weight-medium, 500);
    margin-top: var(--awa-space-1, 4px);
}


/* === 17. ACCESSIBILITY ==================================================== */
@media (prefers-reduced-motion: reduce) {
    .mst-searchautocomplete__autocomplete,
    .mst-searchautocomplete__autocomplete .mst-searchautocomplete__item,
    .mst-searchautocomplete__autocomplete .mst-searchautocomplete__show-all a,
    .mst-searchautocomplete__spinner .spinner-item {
        transition: var(--awa-none, none) !important;
        animation: none !important;
    }
}