.section-header~.shopify-section-group-header-group.az-search-bar {
    z-index: 4;
}

.section-header.shopify-section-group-header-group {
    z-index: 5 !important;
}

.shopify-section-header.shopify-section-group-header-group {
    z-index: 5 !important;
}

.az-search-bar-form {
    margin: 0;
}

@media (prefers-reduced-motion: no-preference) {
    .scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in:has(.az-search-bar) {
        animation: none;
    }
}

@media (prefers-reduced-motion: no-preference) {

    .scroll-trigger.animate--fade-in:has(.az-search-bar),
    .scroll-trigger.animate--slide-in:has(.az-search-bar) {
        opacity: 1;
    }
}

@media (prefers-reduced-motion: no-preference) {
    .scroll-trigger.animate--slide-in:has(.az-search-bar) {
        transform: none;
    }
}

.grid-span-2 {
    grid-column: span 2;
    padding-top: 0 !important;
}

.az-heading {
    font-size: 16px;
    color: #000;
    margin: 0;
    padding: 10px 0px 5px 12px;
}

.az-link {
    text-decoration: none;
    cursor: pointer;
    color: inherit;
}

.az-responsive-image {
    position: relative;
    padding-top: 100%;
}

.az-responsive-image>img {
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: inherit;
}

.az-search-bar-container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
}

.az-search-bar-wrapper {
    position: relative;
    width: 100%;
    max-width: var(--page-width);
}

.az-search-bar-wrapper::before {
    content: '';
    position: absolute;
    background-color: white;
    width: 100%;
    height: 100%;
    border-radius: var(--border-radius);
    z-index: -1;
}

.az-search-bar-input {
    width: 100%;
    padding: 10px 30px 10px 40px;
    border: 2px solid rgba(0, 0, 0, 0.1);
    border-radius: var(--border-radius);
    outline: none;
    background: transparent;
    font-size: 14px;
}

.az-search-bar-input:focus {
    border: 2px solid rgba(0, 0, 0, 0.4);
    outline: none;
    box-shadow: none;
}

.az-search-bar-input::placeholder {
    opacity: 0;
}

.az-search-bar-input-label {
    position: absolute;
    left: 45px;
    top: 7px;
    white-space: nowrap;
    z-index: -1;
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
}

.az-search-bar-input:focus~.az-search-bar-input-label,
.az-search-bar-input:not(:placeholder-shown)~.az-search-bar-input-label {
    display: none;
}

.az-search-bar-icon {
    position: absolute;
    left: 10px;
    top: 9px;
}

.az-icon-search {
    stroke: #909090;
    height: 18px;
    width: 18px;
}

@media (max-width: 769px) {
    .az-search-bar-input {
        padding: 7px 20px 7px 30px !important;
    }

    .az-search-bar-icon {
        left: 7px !important;
        top: 6px !important;
    }

    .az-icon-search {
        height: 14px !important;
        width: 14px !important;
    }

    .az-search-bar-input-label {
        left: 35px !important;
        top: 5px !important;
    }
    .az-search-bar-container {
        padding: 5px 0 !important;
    }
}

.az-search-dropdown {
    position: absolute;
    top: 100%;
    width: 100%;
    margin-top: 5px;
    display: none;
    opacity: 0;
    transition: opacity 150ms ease;
}

.az-search-dropdown::before {
    content: '';
    background-color: rgba(245, 245, 245, 0.6);
    position: fixed;
    top: 0;
    left: -40vw;
    width: 170vw;
    height: 120vh;
    z-index: -2;
}

.az-predict-search-list,
.az-popular-products-search {
    font-size: 14px;
    max-height: 60vh;
    overflow: auto;
    padding: 0;
    outline: none;
    background-color: white;
    border-radius: 12px;
}

.az-predict-search-list-item {
    width: 100%;
    padding: 5px;
    border: 2px solid rgba(0, 0, 0, 0.1);
    outline: none;
    background-color: white;
    position: relative;
    cursor: pointer;
    margin: 0;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.6);
    grid-column: span 2;
    display: flex;
    gap: 8px;
    align-items: center;
}

.az-predict-search-list-item:first-child {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.az-predict-search-list-item:last-child {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.az-predict-search-list-item:hover {
    border-color: rgba(0, 0, 0, 0.4);
    color: #000;
}

.az-popular-searches-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.az-search-bar-popular-product-image {
    border-radius: 12px;
    overflow: hidden;
    height: 100px;
}

.az-search-bar-popular-product-image svg {
    width: 100%;
    height: 100%;
}

.typewriter-container {
    display: inline-flex;
    align-items: center;
}

.typewriter {
    overflow: hidden;
    white-space: nowrap;
    letter-spacing: 0.1em;
    animation: typing var(--time) steps(50, end) infinite;
}

.typewriter-blinker {
    height: 15px;
    width: 15px;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    translate: 0px 1px;
    animation: blinking var(--time) infinite;
}

@keyframes typing {
    0% {
        width: 0;
    }

    45% {
        width: 100%;
    }

    65% {
        width: 100%;
    }

    100% {
        width: 0;
    }
}

@keyframes blinking {
    52% {
        opacity: 1;
    }

    55% {
        opacity: 0;
    }

    58% {
        opacity: 1;
    }
}

.dropping-text-container {
    position: relative;
    height: 20px;
    display: block;
}

.dropping-text {
    width: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    animation: roll-text var(--time) linear infinite;
}

@keyframes roll-text {
    0% {
        opacity: 0;
        top: -50%;
        transform: rotateX(-45deg);
    }

    8% {
        opacity: 1;
        top: 20%;
        transform: rotateX(0);
    }

    12% {
        opacity: 1;
        top: 0%;
        transform: rotateX(0);
    }

    92% {
        opacity: 1;
        top: 0%;
        transform: rotateX(0);
    }

    100% {
        top: 50%;
        opacity: 0;
        transform: rotateX(45deg);
    }
}

.az-sticky-div {
    position: sticky;
}

.az-hidden {
    display: none !important;
}

.az-vertical {
    grid-template-rows: repeat(2, auto) !important;
    grid-template-columns: none;
    gap: 20px;
}

@media (min-width: 769px) {

    .az-prdeict-list-gird,
    .az-popular-list-grid {
        display: none;
        grid-template-columns: 30% 70%;
    }

    .az-perdict-search-product-grid,
    .az-popular-search-product-grid {
        display: grid;
        grid-template-columns: 50% 50%;
        border-left: 1px solid rgba(0, 0, 0, 0.2);
    }

    .az-perdict-search-product-grid:has(.no-border),
    .az-popular-search-product-grid:has(.no-border) {
        border: none !important;
    }


    .az-predict-search-list-image,
    .az-popular-search-list-image {
        width: 60px;
        height: 60px;
    }
}

.az-predict-search-list-image,
.az-popular-search-list-image {
    width: 80px;
    height: 80px;
    border-radius: 10px;
}

.az-predict-search-list-product-prompts {
    padding: 10px;
}

.az-predict-search-list-prompts,
.az-popular-search-list-prompts {
    padding: 10px;
    display: flex;
    gap: 8px;
    align-items: center;
}

.az-search-list-icon {
    height: 18px;
    padding: 0 2px;
}

.az-predict-search-list-products,
.az-popular-search-list-products {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 5px 0;
}

.az-perdict-search-product-grid,
.az-popular-search-product-grid {
    margin: 10px 0;
    padding: 0 10px;
}

@media (max-width: 769px) {

    .az-perdict-search-product-grid .az-link:nth-child(n+5),
    .az-popular-search-product-grid .az-link:nth-child(n+5) {
        display: none;
    }

    .az-predict-prompt:nth-child(n+5),
    .az-popular-prompt:nth-child(n+5) {
        display: none;
    }
}

.az-predict-prompt,
.az-popular-prompt {
    cursor: pointer;
    border-radius: 10px;
}

.az-predict-prompt:first-child,
.az-popular-prompt:first-child {
    margin-top: 10px;
}

.az-predict-prompt:last-child,
.az-popular-prompt:last-child {
    margin-bottom: 10px;
}

.az-predict-prompt:hover,
.az-popular-prompt:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.az-predict-prompt:hover .az-predict-search-list-text,
.az-popular-prompt:hover .az-popular-search-list-text {
    padding-left: 5px
}

.az-predict-search-list-text,
.az-popular-search-list-text {
    transition: padding-left 0.3s;
}

.az-perdict-search-product-grid .az-link:hover,
.az-popular-search-product-grid .az-link:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.az-perdict-search-product-grid .az-link,
.az-popular-search-product-grid .az-link {
    width: 100%;
}

.az-perdict-search-product-grid .az-link,
.az-popular-search-product-grid .az-link {
    padding-left: 5px;
    display: flex;
    border-radius: 10px;
}

.A-Btest-groups-testA .A-Btest-groupB {
    display: none !important;
}

.A-Btest-groups-testB .A-Btest-groupA {
    display: none !important;
}


/* Price styles */
.az-predict-search-list-image-compare-at-price {
    text-decoration: line-through;
    color: rgba(128, 128, 128, 1);
    font-size: 12px;
}