.header-search{position:static;flex:1 1 auto;min-width:0}.header-search__form{display:flex;align-items:center;gap:4px;width:100%}.header-search__input-wrap{position:relative;flex:1 1 auto;min-width:0}.header-search__input{width:100%;max-width:420px;height:40px;padding:0 16px 0 42px;font-size:14px;font-family:inherit;font-weight:400;border-radius:100px;outline:none;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,color .25s ease}.header-search__input{color:rgb(var(--text-color));background:rgb(var(--text-color) / .06);border:1px solid rgb(var(--text-color) / .1)}.header-search__input::placeholder{color:rgb(var(--text-color) / .4)}.header-search__input:focus{background:rgb(var(--text-color) / .1);border-color:rgb(var(--text-color) / .2);box-shadow:0 0 0 4px rgb(var(--text-color) / .05)}.header.search-panel-open .header-search__input{color:rgb(var(--header-background));color:#1a1a1a;background:#0000000a;border-color:#0000001a}.header.search-panel-open .header-search__input::placeholder{color:#00000059}.header.search-panel-open .header-search__input:focus{max-width:100%;background:#0000000f;border-color:#00000026;box-shadow:0 0 0 4px #0000000a}.header-search__icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;pointer-events:none;color:rgb(var(--text-color) / .4);transition:color .25s ease}.header.search-panel-open .header-search__icon{color:#0000004d}.header-search__close{display:none;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;cursor:pointer;color:#0006;transition:color .15s ease}.header-search__close:hover{color:#1a1a1a}.header-search__close svg{width:20px;height:20px}.header.search-panel-open .header-search__close{display:flex}@media screen and (max-width:699px){.header-search{display:none}}@media screen and (min-width:700px)and (max-width:1149px){.header-search{flex:0 1 auto;min-width:0}.header-search__input{max-width:200px}.header__secondary-nav{flex-wrap:nowrap;justify-self:end}.header__secondary-nav .header__icon-list{flex-wrap:nowrap}}@media screen and (min-width:1150px){.header-search__input{max-width:480px}}@media screen and (min-width:1400px){.header-search__input{max-width:560px}}@media screen and (min-width:1150px){.header__secondary-nav{justify-self:stretch;flex-wrap:nowrap}.header__secondary-nav .header__icon-list{width:100%;flex-wrap:nowrap}.header__secondary-nav .header__icon-list>li:has(.header-search){flex:1 1 auto;min-width:0}}.search-panel{max-height:calc(100vh - var(--header-height, 72px) - 40px);overflow-y:auto}.header.search-panel-open{--text-color: 26 26 26;background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom-color:#0000000f!important}.header.search-panel-open .header__logo-image--transparent{opacity:0}.header.search-panel-open .header__logo-image:not(.header__logo-image--transparent){opacity:1}.search-panel{position:fixed;top:calc(var(--header-height, 72px) + var(--sticky-announcement-bar-enabled, 0) * var(--announcement-bar-height, 0px));left:0;right:0;width:100vw;background:#fff;border-top:1px solid rgba(0,0,0,.06);box-shadow:0 20px 60px -10px #0000001f;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(.4,0,.2,1);z-index:200}.header.search-panel-open .search-panel{pointer-events:auto;opacity:1;visibility:visible;transform:translateY(0)}.search-panel__inner{max-width:1600px;margin:0 auto;padding:40px}.search-panel__grid{display:grid;grid-template-columns:320px 1fr;gap:48px}.search-panel__heading{font-size:16px;font-weight:700;color:#1a1a1a;margin-bottom:20px;display:flex;align-items:baseline;gap:12px}.search-panel__heading-link{font-size:13px;font-weight:400;color:#0006;text-decoration:underline;text-underline-offset:3px;margin-left:auto}.search-panel__heading-link:hover{color:#1a1a1a}[data-search-state=results] .search-panel__default,[data-search-state=default] .search-panel__results,[data-search-state=loading] .search-panel__default,[data-search-state=loading] .search-panel__results{display:none}.search-panel__trending{display:flex;flex-direction:column;gap:4px}.search-panel__trending-item{display:grid;grid-template-columns:80px 1fr;gap:16px;align-items:center;padding:10px;border-radius:10px;text-decoration:none;color:inherit;transition:background .15s ease}.search-panel__trending-item:hover{background:#00000008}.search-panel__trending-img{width:80px;height:80px;border-radius:8px;background:#f0f0f0;object-fit:cover}.search-panel__trending-title{font-size:14px;font-weight:500;color:#1a1a1a;line-height:1.4}.search-panel__trending-price{font-size:14px;font-weight:400;color:#00000080;margin-top:4px}.search-panel__collections-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.search-panel__collection-card{position:relative;aspect-ratio:3 / 4;border-radius:10px;overflow:hidden;text-decoration:none;background:#e0e0e0}.search-panel__collection-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1)}.search-panel__collection-card:hover img{transform:scale(1.04)}.search-panel__collection-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0006,#0000 60%);pointer-events:none}.search-panel__collection-label{position:absolute;bottom:14px;left:50%;transform:translate(-50%);z-index:1;background:#ffffff59;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1.5px solid rgba(255,255,255,.5);border-radius:999px;padding:8px 20px;white-space:nowrap}.search-panel__collection-title{font-size:11px;font-weight:600;color:#fff;line-height:1.2;letter-spacing:1.5px;text-transform:uppercase}.search-panel__collection-link{font-size:11px;font-weight:500;color:#fffc;text-decoration:none;white-space:nowrap;flex-shrink:0}.search-panel__suggested{display:flex;flex-direction:column;gap:4px}.search-panel__suggested-item{display:grid;grid-template-columns:100px 1fr;gap:16px;align-items:center;padding:8px;border-radius:10px;text-decoration:none;color:inherit;transition:background .15s ease}.search-panel__suggested-item:hover{background:#00000008}.search-panel__suggested-img{width:100px;height:75px;border-radius:6px;background:#e8e8e8;object-fit:cover}.search-panel__suggested-title{font-size:15px;font-weight:700;color:#1a1a1a;line-height:1.3}.search-panel__suggested-link{font-size:13px;font-weight:400;color:#00000080;text-decoration:underline;text-underline-offset:3px;margin-top:4px;display:inline-block}.search-panel__suggested-link:hover{color:#1a1a1a}.search-panel__products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.search-panel__product-card{text-decoration:none;color:inherit;display:flex;flex-direction:column}.search-panel__product-card:hover .search-panel__product-img{transform:scale(1.03)}.search-panel__product-img-wrap{aspect-ratio:4 / 3;border-radius:var(--rounded-sm, 8px);overflow:hidden;background:#00000008;margin-bottom:12px;display:flex;align-items:center;justify-content:center}.search-panel__product-img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.search-panel__product-title{font-size:14px;font-weight:500;color:#1a1a1a;line-height:1.4;margin-bottom:4px}.search-panel__product-price{font-size:14px;font-weight:400;color:#00000080}.search-panel__footer{display:flex;align-items:center;gap:24px;padding-top:24px;border-top:1px solid rgba(0,0,0,.06);margin-top:32px}.search-panel__footer-label{font-size:13px;font-weight:600;color:#1a1a1a}.search-panel__footer a{font-size:13px;font-weight:400;color:#00000080;text-decoration:none;transition:color .15s ease}.search-panel__footer a:hover{color:#1a1a1a}.search-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:150;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.search-panel-overlay.is-active{opacity:1;visibility:visible;pointer-events:auto}.search-panel__loading{display:none;padding:60px 0;text-align:center;color:#0000004d;font-size:14px}[data-search-state=loading] .search-panel__loading{display:block}.search-panel__empty{display:none;padding:60px 0;text-align:center}.search-panel__empty-text{font-size:16px;font-weight:500;color:#0006}[data-search-state=empty] .search-panel__default,[data-search-state=empty] .search-panel__results{display:none}[data-search-state=empty] .search-panel__empty{display:block}
/*# sourceMappingURL=/cdn/shop/t/20/assets/header-search-panel.css.map */