#client-v26-header-searchbar-wrapper {
        position: relative;
        z-index: 100;
        min-width: 0;
    }

    #client-v26-header-searchbar {
        position: relative;
    }

    #client-v26-header-searchbar input {
        height: 40px;
        padding: 11px 0 11px 40px;
        border-radius: 12px;
        background-color: var(--color-gray-10);
        background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' transform='translate(12 12)' fill='white' fill-opacity='0.01' style='mix-blend-mode:multiply'/%3E%3Cpath d='M26.5 25.7931L22.7239 22.017C23.6313 20.9277 24.0838 19.5305 23.9872 18.1161C23.8907 16.7017 23.2525 15.3789 22.2055 14.423C21.1586 13.4671 19.7833 12.9516 18.366 12.9838C16.9487 13.0161 15.5983 13.5935 14.5958 14.5959C13.5933 15.5984 13.0159 16.9488 12.9837 18.3661C12.9515 19.7835 13.467 21.1587 14.4229 22.2057C15.3788 23.2526 16.7015 23.8908 18.116 23.9873C19.5304 24.0839 20.9276 23.6314 22.0169 22.7241L25.7929 26.5001L26.5 25.7931ZM14 18.5001C14 17.6101 14.2639 16.7401 14.7584 16.0001C15.2528 15.26 15.9557 14.6833 16.7779 14.3427C17.6002 14.0021 18.505 13.913 19.3779 14.0866C20.2508 14.2602 21.0526 14.6888 21.682 15.3181C22.3113 15.9475 22.7399 16.7493 22.9135 17.6222C23.0872 18.4951 22.998 19.3999 22.6575 20.2222C22.3169 21.0445 21.7401 21.7473 21.0001 22.2417C20.26 22.7362 19.39 23.0001 18.5 23.0001C17.3069 22.9988 16.1631 22.5243 15.3195 21.6806C14.4759 20.837 14.0013 19.6932 14 18.5001Z' fill='%23525252'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center left;
        background-size: contain;
    }

    #client-v26-header-searchbar input:focus,
    #client-v26-header-searchbar[data-mode="focus"] input  {
        outline: 1px solid var(--color-primary-default);
        outline-offset: 0px;
    }

    #client-v26-header-searchbar input::placeholder {
        font-family: var(--font-sans-serif);
        color: var(--color-text-placeholder);
    }

    /* Mobile Layout */
    @media (max-width: 1023px) {
        /* Sits directly under the 60px top header row. The row used to be
           taller while the Browse/Aeris switch had its own line; the switch
           now lives inside the 60px row, so anything larger leaves a gap. */
        #client-v26-header-searchbar {
            position: fixed;
            top: calc(env(safe-area-inset-top) + 60px);
            left: 0;
            right: 0;
            padding: 1px 16px 4px 16px;
            border-bottom: 1px solid var(--color-border-subtle-00);
            background: var(--color-background-white);
            z-index: 1000;
        }

        #client-v26-header-searchbar[data-show-on-mobile="true"] {
            display: block;
        }

        #client-v26-header-searchbar[data-show-on-mobile="false"] {
            display: none;
        }

        #client-v26-header-searchbar input {
            width: 100%;
        }
        
        #client-v26-header-search-panel {
            display: none !important;
        }

        #client-v26-header-search-drop {
            display: block;
            max-width: var(--layout-max-width);
            margin: 0 auto;
            position: fixed;
            top: calc(env(safe-area-inset-top) + 100px);
            left: 16px;
            right: 16px;
            z-index: 50;
        }

        #client-v26-header-search-drop[data-mode="hidden"] {
            display: none !important;
        }

        #client-v26-header-search-drop #client-v26-header-search-drop__layer > section {
            display: none;
        }

        #client-v26-header-search-drop[data-mode="suggestions"][data-loading="false"] #client-v26-header-search-drop__stores,
        #client-v26-header-search-drop[data-mode="suggestions"][data-loading="false"] #client-v26-header-search-drop__suggestions,
        #client-v26-header-search-drop[data-mode="recent"] #client-v26-header-search-drop__recent,
        #client-v26-header-search-drop[data-mode="suggestions"][data-loading="true"] #client-v26-header-search-drop__loading {
            display: flex;
        }

        #client-v26-header-search-drop[data-mode="recent"][data-recent-count="0"] {
            display: none !important;
        }

        #client-v26-header-search-drop__layer {
            position: absolute;
            top: 6px;
            left: 0;
            right: 0;
            display: flex;
            padding: 16px;
            flex-direction: column;
            gap: 19px;
            border-radius: 12px;
            border: 1px solid var(--color-border-subtle-00);
            background: var(--color-background-white);
            box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.30);
        }

        #client-v26-header-search-drop__layer>section {
            flex-direction: column;
            gap: 12px;

        }

        #client-v26-header-search-drop__layer h3 {
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: 20px;
            color: var(--color-text-primary);
            font-family: var(--font-serif);
            font-size: 15px;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.3px;
        }

        #client-v26-header-search-drop__layer h3 .see-all {
            font-family: var(--font-sans-serif);
            font-size: 13px;
            font-weight: 400;
            line-height: 18px;
            letter-spacing: 0.16px;
            color: var(--color-link-primary);
            text-decoration: none;
        }

        #client-v26-header-search-drop__layer ul {
            overflow-x: hidden;
            overflow-y: auto;
            max-height: 226px;
        }

        #client-v26-header-search-drop__layer li {
            display: flex;
            align-items: center;
            padding: 11px 0;
            margin: 0 16px;
            color: var(--color-text-secondary);
            text-overflow: ellipsis;
            font-family: var(--font-sans-serif);
            font-size: 14px;
            font-weight: 400;
            line-height: 18px;
            letter-spacing: 0.16px;
        }

        #client-v26-header-search-drop__layer li img {
            width: 32px;
            height: 32px;
            object-fit: cover;
            border: 1px solid var(--color-border-subtle-00);
            border-radius: 16px;
            margin-right: 8px;
        }

        #client-v26-header-search-drop__layer li a {
            display: inline-block;
            flex: 1;
            height: 18px;
            cursor: pointer;
        }

        #client-v26-header-search-drop__layer li button {
            overflow: hidden;
            width: 16px;
            height: 16px;
            background-color: transparent;
            border: none;
            cursor: pointer;
            background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' fill='white' fill-opacity='0.01' style='mix-blend-mode:multiply'/%3E%3Cpath d='M12 4.7L11.3 4L8 7.3L4.7 4L4 4.7L7.3 8L4 11.3L4.7 12L8 8.7L11.3 12L12 11.3L8.7 8L12 4.7Z' fill='%23525252'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            color: transparent;
            font-size: 0;
            text-indent: -5000px;
        }

        #client-v26-header-search-drop__stores ul {
            margin-top: -11px;
        }

        #client-v26-header-search-drop__suggestions>div {
            margin: 0 16px;
            display: grid;
            grid-auto-flow: column;
            grid-auto-columns: minmax(63.75px, auto);
            justify-content: start;
            gap: 16px;
            overflow-x: auto;
            overflow-y: hidden;
        }

        #client-v26-header-search-drop__suggestions>div .skeleton {
            width: 63.75px;
            height: 63.75px;
            border-radius: 8px;
        }

        #client-v26-header-search-drop__suggestions>div img {
            width: 63.75px;
            height: 63.75px;
            object-fit: cover;
            background-color: var(--color-background-white);
            border-radius: 8px;
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.20);
        }

        #client-v26-header-search-drop__loading {
            display: flex;
            flex-direction: row !important;
            align-items: center;
            gap: 8px !important;
        }

        #client-v26-header-search-drop__loading div {
            flex: 1;
            color: var(--color-text-secondary);
            font-family: var(--font-sans-serif);
            font-size: 14px;
            font-weight: 400;
            line-height: 18px;
            letter-spacing: 0.16px;
        }

        #client-v26-header-search-drop__loading svg {
            width: 18px;
            height: 18px;
            animation: spin 2.4s linear infinite;
        }        
    }

    /* Desktop Layout */
    @media (min-width: 1024px) {
        #client-v26-header-searchbar-wrapper {
            flex: 1 1 300px;
            min-width: 180px;
            max-width: 520px;
        }

        body.client-v26-search-panel-open #client-v26-header-asset-fixed {
            z-index: 10000;
        }

        #client-v26-header-searchbar {
            width: 100%;
            margin: 0;
            padding: 0;
        }

        #client-v26-header-searchbar input {
            position: static;
            width: 100%;
            min-width: 0;
        }

        #client-v26-header-search-drop {
            display: none !important;
        }

        #client-v26-header-search-panel {
            display: block;
            position: fixed;
            top: var(--client-v26-header-search-panel-top, calc(env(safe-area-inset-top) + var(--header-first-row-height, 72px) + 12px));
            left: 0;
            right: 0;
            z-index: 9999;
            background-color: var(--color-background-white);
        }

        #client-v26-header-search-panel[data-mode="hidden"] {
            display: none !important;
        }

        #client-v26-header-search-panel__backdrop {
            position: fixed;
            z-index: 0;
            top: var(--client-v26-header-search-panel-top, calc(env(safe-area-inset-top) + var(--header-first-row-height, 72px) + 12px));
            left: 0;
            right: 0;
            bottom: 0;
            background-color: var(--color-background-transparent-black-20);
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.2s ease;
        }

        #client-v26-header-search-panel[data-mode="recent"] + #client-v26-header-search-panel__backdrop,
        #client-v26-header-search-panel[data-mode="suggestions"] + #client-v26-header-search-panel__backdrop {
            opacity: 1;
            pointer-events: auto;
        }

        #client-v26-header-search-panel__layer {
            position: relative;
            z-index: 1;
            max-width: var(--layout-max-width);
            margin: var(--layout-margin);
            padding: 20px var(--layout-padding-x);
            display: grid;
            grid-template-columns: 1fr 1fr 433px;
            gap: 20px;
        }

        #client-v26-header-search-panel__layer h3 {
            display: flex;
            align-items: baseline;
            justify-content: space-between;
            height: 29px;
            margin-bottom: 8px;
            color: var(--color-text-primary);
            font-family: var(--font-serif);
            font-size: 24px;
            font-style: normal;
            font-weight: 400;
            line-height: 120%;
            letter-spacing: 0.3px;
        }

        #client-v26-header-search-panel__layer h3 .see-all {
            font-family: var(--font-sans-serif);
            font-size: 13px;
            font-weight: 400;
            line-height: 18px;
            letter-spacing: 0.16px;
            color: var(--color-link-primary);
            text-decoration: none;
        }

        #client-v26-header-search-panel__layer .words ul {
            overflow-x: hidden;
            overflow-y: auto;
            height: 160px;
        }

        #client-v26-header-search-panel__layer .words ul li {
            display: flex;
            align-items: center;
            padding: 11px 0;
            margin: 0 16px;
            color: var(--color-text-secondary);
            text-overflow: ellipsis;
            font-family: var(--font-sans-serif);
            font-size: 14px;
            font-weight: 400;
            line-height: 20px;
            letter-spacing: 0.16px;
        }

        #client-v26-header-search-panel__layer .words ul li a {
            display: inline-block;
            flex: 1;
            height: 18px;
            cursor: pointer;
        }

        #client-v26-header-search-panel__layer .words ul li a h4 {
            display: inline-block;
        }

        #client-v26-header-search-panel__layer .words ul li a small {
            margin-left: 6px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            height: 16px;
            color: var(--color-link-primary);
            font-size: 10px;
            font-weight: 300;
            letter-spacing: 0;
        }

        #client-v26-header-search-panel__layer .words ul li button {
            overflow: hidden;
            width: 16px;
            height: 16px;
            background-color: transparent;
            border: none;
            cursor: pointer;
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            color: transparent;
            font-size: 0;
            text-indent: -5000px;
        }

        #client-v26-header-search-panel__recent button {
            background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' fill='white' fill-opacity='0.01' style='mix-blend-mode:multiply'/%3E%3Cpath d='M12 4.7L11.3 4L8 7.3L4.7 4L4 4.7L7.3 8L4 11.3L4.7 12L8 8.7L11.3 12L12 11.3L8.7 8L12 4.7Z' fill='%23525252'/%3E%3C/svg%3E");
        }

        #client-v26-header-search-panel__suggestions li::after {
            content: "";
            display: inline-block;
            width: 16px;
            height: 16px;
            margin-left: 4px;
            background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' fill='white' fill-opacity='0.01' style='mix-blend-mode:multiply'/%3E%3Cpath d='M10 4V5H13.2929L9 9.29295L6.8535 7.1465C6.80709 7.10005 6.75199 7.0632 6.69133 7.03806C6.63067 7.01292 6.56566 6.99998 6.5 6.99998C6.43434 6.99998 6.36933 7.01292 6.30867 7.03806C6.24801 7.0632 6.19291 7.10005 6.1465 7.1465L1 12.2929L1.70705 13L6.5 8.20705L8.6465 10.3535C8.69291 10.3999 8.74801 10.4368 8.80867 10.4619C8.86932 10.4871 8.93434 10.5 9 10.5C9.06566 10.5 9.13068 10.4871 9.19133 10.4619C9.25199 10.4368 9.30709 10.3999 9.3535 10.3535L14 5.70705V9H15V4H10Z' fill='%23525252'/%3E%3C/svg%3E");
        }

        #client-v26-header-search-panel__suggestions li:nth-of-type(n+5) {
            display: none !important;
        }

        #client-v26-header-search-panel__top-stores {
            grid-column: span 3;
        }

        /* Prev/next centre on the row list itself, not the whole section —
           positioning them against the section would centre on
           heading+list combined and drift the buttons upward. */
        #client-v26-header-search-panel__top-stores .top-stores-heading {
            display: flex;
            align-items: baseline;
            justify-content: space-between;
            gap: 0.5rem;
        }

        #client-v26-header-search-panel__top-stores .top-stores-updated {
            flex-shrink: 0;
            color: var(--color-text-placeholder);
            font-family: var(--font-sans-serif);
            font-size: 0.75rem;
            line-height: 1rem;
        }

        #client-v26-header-search-panel__top-stores .top-stores-carousel {
            position: relative;
        }

        #client-v26-header-search-panel[data-top-stores-count="0"] #client-v26-header-search-panel__top-stores {
            display: none;
        }

        #client-v26-header-search-panel__top-stores ol {
            display: flex;
            flex-direction: row;
            overflow-x: auto;
            overflow-y: hidden;
            scroll-snap-type: x mandatory;
            scroll-behavior: smooth;
            -webkit-overflow-scrolling: touch;
            gap: 0;
            margin: 0;
            padding: 0;
            list-style: none;
            scrollbar-width: none;
            -ms-overflow-style: none;
        }

        #client-v26-header-search-panel__top-stores ol::-webkit-scrollbar {
            display: none;
        }

        /* Figma: 3 stores per carousel page laid out as a row (346.6px columns,
           40px gap), not stacked — each page fills the panel width so paging
           swaps in the next 3-column row wholesale. */
        #client-v26-header-search-panel__top-stores ol li {
            flex: 0 0 100%;
            min-width: 100%;
            scroll-snap-align: start;
            scroll-snap-stop: always;
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            gap: 40px;
            margin: 0;
            padding: 0 52px;
            box-sizing: border-box;
        }

        #client-v26-header-search-panel__top-stores button[data-action="prev"],
        #client-v26-header-search-panel__top-stores button[data-action="next"] {
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 32px;
            height: 32px;
            cursor: pointer;
            z-index: 2;
            border-radius: 4px;
            border: 1px solid var(--color-border-subtle-00);
            background-color: var(--color-background-white);
        }

        #client-v26-header-search-panel__top-stores button[data-action="prev"] {
            left: 0;
        }

        #client-v26-header-search-panel__top-stores button[data-action="prev"] svg {
            transform: rotate(90deg);
        }

        #client-v26-header-search-panel__top-stores button[data-action="next"] {
            right: 0;
        }

        #client-v26-header-search-panel__top-stores button[data-action="next"] svg {
            transform: rotate(270deg);
        }

        /* 74px matches Figma's "rank item" box exactly, with or without the deal
           line (the 40px logo sets a stable minimum). No divider on desktop —
           Figma's 3-column row has none (unlike mobile's
           vertically-stacked list); fixed-width column, not flex:1, so the last
           page (when store count isn't a multiple of 3) keeps the same column
           width instead of stretching fewer items to fill the row. */
        #client-v26-header-search-panel__top-stores .top-store-row {
            display: flex;
            flex: 0 0 calc((100% - 80px) / 3);
            min-width: 0;
            align-items: center;
            gap: 12px;
            height: 74px;
        }

        #client-v26-header-search-panel__top-stores .top-store-rank {
            display: flex;
            flex: 0 0 24px;
            align-items: center;
            justify-content: center;
            width: 24px;
            height: 24px;
        }

        #client-v26-header-search-panel__top-stores .top-store-rank-icon {
            display: block;
        }

        /* Ranks 6-10 have no exported glyph — plain text matched to the 1-5 SVGs. */
        #client-v26-header-search-panel__top-stores .top-store-rank-text {
            color: var(--color-text-placeholder);
            font-family: var(--font-serif);
            font-size: 14px;
            font-weight: 600;
            line-height: normal;
        }

        /* Logo + name go to our own store page; the separate .top-store-outlink
           icon is the only thing that leaves the site. Falls back to a plain
           div (same layout, no link) when a retailer has no slug. */
        #client-v26-header-search-panel__top-stores .top-store-card {
            display: flex;
            flex: 1 1 auto;
            min-width: 0;
            align-items: center;
            gap: 8px;
            color: inherit;
            text-decoration: none;
        }

        #client-v26-header-search-panel__top-stores .top-store-logo {
            flex: 0 0 40px;
            width: 40px;
            height: 40px;
            border: 1px solid var(--color-border-subtle-00);
            border-radius: 4px;
            object-fit: cover;
        }

        #client-v26-header-search-panel__top-stores .top-store-info {
            display: flex;
            flex: 1 1 auto;
            min-width: 0;
            flex-direction: column;
            justify-content: center;
            gap: 2px;
        }

        #client-v26-header-search-panel__top-stores .top-store-name {
            overflow: hidden;
            color: var(--color-text-primary);
            text-overflow: ellipsis;
            white-space: nowrap;
            font-family: var(--font-sans-serif);
            font-size: 14px;
            font-weight: 400;
            line-height: 18px;
        }

        /* Figma specifies text/text-helper (#6F6F6F) for this line, not the
           darker text-secondary (#525252) used by other sub-lines in this file. */
        #client-v26-header-search-panel__top-stores .top-store-deal {
            color: var(--color-text-helper);
            font-family: var(--font-sans-serif);
            font-size: 12px;
            font-weight: 400;
            line-height: 16px;
        }

        #client-v26-header-search-panel__top-stores .top-store-outlink {
            display: flex;
            flex: 0 0 24px;
            align-items: center;
            justify-content: center;
            width: 24px;
            height: 24px;
            cursor: pointer;
        }

        #client-v26-header-search-panel__top-stores .top-store-outlink-icon {
            width: 16px;
            height: 16px;
        }

        /* The shared icon ships a light #E0E0E0 stroke; Figma's own outlink
           arrow asset is brand purple (#533EB2 / --color-purple-80), not gray. */
        #client-v26-header-search-panel__top-stores .top-store-outlink-icon path {
            stroke: var(--color-primary-dark);
        }

        #client-v26-header-search-panel__products {
            grid-column: span 3;
            position: relative;
        }

        #client-v26-header-search-panel[data-products-count="0"] #client-v26-header-search-panel__products {
            display: none;
        }

        #client-v26-header-search-panel__products ol {
            display: flex;
            flex-direction: row;
            overflow-x: auto;
            overflow-y: hidden;
            scroll-snap-type: x mandatory;
            scroll-behavior: smooth;
            -webkit-overflow-scrolling: touch;
            gap: 0;
            margin: 0;
            padding: 0;
            list-style: none;
            scrollbar-width: none;
            -ms-overflow-style: none;
        }
        
        #client-v26-header-search-panel__products ol::-webkit-scrollbar {
            display: none;
        }

        #client-v26-header-search-panel__products ol li {
            flex: 0 0 100%;
            min-width: 100%;
            scroll-snap-align: start;
            scroll-snap-stop: always;
            display: flex;
            gap: 20px;
            margin: 0;
            padding: 0 52px;
            box-sizing: border-box;
        }

        #client-v26-header-search-panel__products ol li > a {
            flex: 1 1 0;
            min-width: 0;
            max-width: 211px;
        }

        #client-v26-header-search-panel__products ol li > a > div > div:first-child {
            aspect-ratio: 211 / 238 !important;
        }

        #client-v26-header-search-panel__products ol li > a .product-card-product-name {
            overflow: hidden !important;
            height: 23px !important;
            min-height: 23px !important;
            -webkit-line-clamp: 1 !important;
        }

        #client-v26-header-search-panel__products ol li > a.header-search-panel__banner-card {
            display: flex;
            flex-direction: column;
            gap: 4px;
            flex: 1 1 0;
            min-width: 0;
            max-width: 211px;
            text-decoration: none;
        }

        #client-v26-header-search-panel__products .header-search-panel__banner-image-wrap {
            position: relative;
        }

        #client-v26-header-search-panel__products .header-search-panel__banner-image-wrap img {
            display: block;
            width: 100%;
            aspect-ratio: 211 / 238;
            object-fit: cover;
            border-radius: 8px;
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.20);
        }

        #client-v26-header-search-panel__products .header-search-panel__banner-image-wrap button {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: 12px;
            padding: 6px 12px;
            border-radius: 9999px;
            background-color: var(--color-primary-default);
            color: var(--color-text-on-color);
            font-family: var(--font-sans-serif);
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: 18px;
            opacity: 0.85;
        }

        #client-v26-header-search-panel__products .header-search-panel__banner-text {
            padding-bottom: 4px;
            color: var(--color-text-primary);
            font-family: var(--font-serif);
            font-size: 15px;
            font-style: normal;
            font-weight: 400;
            line-height: 18px;
            letter-spacing: 0.3px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }

        #client-v26-header-search-panel__products .header-search-panel__banner-title {
            color: var(--color-text-secondary);
            font-family: var(--font-sans-serif);
            font-size: 14px;
            font-style: normal;
            font-weight: 600;
            line-height: 18px;
            letter-spacing: .32px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        #client-v26-header-search-panel__products button[data-action="prev"],
        #client-v26-header-search-panel__products button[data-action="next"] {
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 32px;
            height: 32px;
            cursor: pointer;
            z-index: 2;
            border-radius: 4px;
            border: 1px solid var(--color-border-subtle-00);
            background-color: var(--color-background-white);
        }

        #client-v26-header-search-panel__products button[data-action="prev"] {
            left: 0;
        }

        #client-v26-header-search-panel__products button[data-action="prev"] svg {
            transform: rotate(90deg);
        }

        #client-v26-header-search-panel__products button[data-action="next"] {
            right: 0;
        }

        #client-v26-header-search-panel__products button[data-action="next"] svg {
            transform: rotate(270deg);
        }
    }