/* STEP 32 — Search thumbnail retreats, then expands to a large centered banner before navigation */
.gimmons-search-banner-veil {
    position: fixed;
    inset: 0;
    z-index: 100000;
    background: rgba(243, 238, 232, 0.92);
    opacity: 0;
    pointer-events: none;
    transition: opacity .30s ease;
}
.gimmons-search-banner-veil.is-visible {
    opacity: 1;
}
.gimmons-search-banner-transition {
    position: fixed;
    z-index: 100001;
    overflow: hidden;
    background: #eee7de;
    box-shadow: 0 20px 70px rgba(23,20,17,.18);
    pointer-events: none;
    transform-origin: center center;
    transition:
        left .42s cubic-bezier(.76,0,.24,1),
        top .42s cubic-bezier(.76,0,.24,1),
        width .42s cubic-bezier(.76,0,.24,1),
        height .42s cubic-bezier(.76,0,.24,1),
        border-radius .42s ease,
        box-shadow .42s ease,
        transform .42s cubic-bezier(.76,0,.24,1),
        opacity .24s ease;
}
.gimmons-search-banner-transition img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    transition: transform .56s cubic-bezier(.76,0,.24,1);
}
.gimmons-search-banner-transition.is-retreating {
    left: calc(50vw - 6vw) !important;
    top: calc(50vh - 8vh) !important;
    width: 12vw !important;
    height: 16vh !important;
    min-width: 120px;
    min-height: 150px;
    border-radius: 6px;
    box-shadow: 0 30px 96px rgba(23,20,17,.22);
    transform: scale(.96);
}
.gimmons-search-banner-transition.is-retreating img {
    transform: scale(.92);
}
.gimmons-search-banner-transition.is-banner {
    left: 50% !important;
    top: 50% !important;
    width: min(78vw, 1180px) !important;
    height: clamp(260px, 34vw, 520px) !important;
    border-radius: 10px;
    box-shadow: 0 36px 110px rgba(23,20,17,.18);
    transform: translate(-50%, -50%) scale(1);
}
.gimmons-search-banner-transition.is-banner img {
    transform: scale(1.015);
}
@media (max-width: 767px) {
    .gimmons-search-banner-transition.is-retreating {
        left: calc(50vw - 16vw) !important;
        top: calc(50vh - 14vh) !important;
        width: 32vw !important;
        height: 28vh !important;
        min-width: 112px;
        min-height: 140px;
    }
    .gimmons-search-banner-transition.is-banner {
        width: 88vw !important;
        height: min(32vh, 260px) !important;
    }
}