tiny-product-search{display:block}body.product-search-open{overflow:hidden}.product-search{position:fixed;top:0;right:0;bottom:0;left:0;width:min(720px,calc(100% - 40px));max-height:calc(100dvh - 64px);margin:auto;padding:0;border:1px solid var(--color-border);border-radius:22px;background:var(--color-white);color:var(--color-text);box-shadow:0 24px 90px #10101033;overscroll-behavior:contain}.product-search::backdrop{background:#10101080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.product-search[open]{animation:product-search-enter .2s ease both}.product-search__surface{padding:32px}.product-search__head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.product-search__eyebrow{margin-bottom:8px;color:var(--color-terracotta-dark);letter-spacing:.08em;text-transform:uppercase}.product-search__heading{line-height:1.25}.product-search__close{flex-shrink:0;display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--color-border);border-radius:50%}.product-search__close:hover{background:var(--color-peach-light)}.product-search__field{display:flex;align-items:center;gap:12px;padding:8px 8px 8px 18px;border:1px solid var(--color-badge-border);border-radius:12px;background:var(--color-cream)}.product-search__field:focus-within{border-color:var(--color-terracotta);box-shadow:0 0 0 3px #c4705f14}.product-search__field>svg{flex-shrink:0;width:22px}.product-search__field input{width:100%;min-width:0;padding:10px 0;border:0;outline:0;background:transparent;font-size:16px}.product-search__field input::placeholder{color:var(--color-muted)}.product-search__submit{padding:12px 20px;border-radius:8px;background:var(--color-terracotta);color:var(--color-white);font-size:14px}.product-search__submit:hover{background:var(--color-terracotta-dark)}.product-search__status{margin:20px 0 8px;color:var(--color-muted);line-height:1.6}.product-search__results[aria-busy=true]{opacity:.55}.product-search__list{display:flex;flex-direction:column}.product-search__list li+li{border-top:1px solid var(--color-border)}.product-search__item{display:flex;align-items:center;gap:18px;padding:16px 8px;border-radius:10px;transition:background-color var(--transition)}.product-search__item:hover{background:var(--color-cream)}.product-search__image{flex:0 0 112px;width:112px;height:88px;overflow:hidden;border-radius:8px;background:var(--color-cream)}.product-search__image img,.product-search__placeholder{width:100%;height:100%;object-fit:contain}.product-search__info{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.product-search__title{font-weight:var(--fw-medium);line-height:1.5;overflow-wrap:anywhere}.product-search__price{color:var(--color-gray-dark)}.product-search__sold-out{color:var(--color-muted)}.product-search__arrow{color:var(--color-terracotta);font-size:22px}.product-search__all{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;padding:16px;border-radius:10px;background:var(--color-peach-light);color:var(--color-terracotta-dark);font-weight:var(--fw-medium)}.product-search__all:hover{background:#fbe8e0}.search-page{padding:60px 0 100px}.search-page__form{max-width:720px;margin:28px auto}.search-page__heading,.search-page__status{text-align:center}.search-page__pagination{display:flex;justify-content:center;gap:16px;margin-top:36px}.search-page__pagination a{text-decoration:underline;text-underline-offset:4px}@keyframes product-search-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.product-search{width:calc(100% - 24px);max-height:calc(100dvh - 32px);border-radius:16px}.product-search__surface{padding:22px 16px}.product-search__heading{font-size:24px}.product-search__head{gap:12px}.product-search__eyebrow{font-size:10px}.product-search__field{gap:8px;padding-left:12px}.product-search__submit{padding:12px}.product-search__image{flex-basis:80px;width:80px;height:72px}.product-search__item{gap:12px;padding-inline:0}.search-page{padding:40px 0 64px}}@media(prefers-reduced-motion:reduce){.product-search[open]{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/product-search.css.map */
