/*!
 * (c) 2026 Ocean Essentials Limited (HK). All rights reserved.
 * Proprietary code. Licensed, not sold. See LICENSE.md and Services Agreement.
 */.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:50px;padding:0 16px 0 42px;font-size:14px;font-family:inherit;font-weight:400;border-radius:var(--rounded-input);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) / .55);transition:color .25s ease}.header.search-panel-open .header-search__icon{color:#0000008c}.header-search__close{display:none;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;cursor:pointer;color:#0000008c;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){.shopify-section--header{--header-logo-width: clamp(136px, 38vw, 154px) !important;--header-padding-block: var(--spacing-2) !important}.header .tap-area{min-block-size:var(--spacing-11)}.header .tap-area:before{inset:calc(-1 * var(--spacing-3))}.header__main-nav .header__icon-list>button.tap-area:before{top:0;right:0;bottom:0;left:0}}@media screen and (min-width:480px)and (max-width:699px){.shopify-section--header{--header-logo-width: clamp(146px, 32vw, 160px) !important}}@media screen and (min-width:700px)and (max-width:899px){.shopify-section--header{--header-logo-width: clamp(146px, 20vw, 160px) !important;--header-padding-block: var(--spacing-5) !important}.header-search{flex:0 1 auto;min-width:0}.header-search__input{max-width:clamp(150px,22vw,180px)}.header .tap-area{min-block-size:var(--spacing-11)}.header .tap-area:before{inset:calc(-1 * var(--spacing-3))}.header__main-nav .header__icon-list>button.tap-area:before{top:0;right:0;bottom:0;left:0}}@media screen and (min-width:900px)and (max-width:1023px){.shopify-section--header{--header-logo-width: clamp(146px, 20vw, 160px) !important;--header-padding-block: var(--spacing-5) !important}.header-search{flex:0 1 auto;min-width:0}.header-search__input{max-width:clamp(190px,23vw,220px)}.header .tap-area{min-block-size:var(--spacing-11)}.header .tap-area:before{inset:calc(-1 * var(--spacing-3))}}@media screen and (min-width:1024px)and (max-width:1149px){.shopify-section--header{--header-logo-width: clamp(160px, 16vw, 172px) !important;--header-padding-block: var(--spacing-5) !important}.header-search{flex:0 1 auto;min-width:0}.header-search__input{max-width:clamp(210px,22vw,260px)}.header__secondary-nav{flex-wrap:nowrap;justify-self:end}.header__secondary-nav .header__icon-list{flex-wrap:nowrap}}@media screen and (min-width:700px)and (max-width:1149px){.header-search__input{font-size:var(--text-base)}}@media screen and (min-width:1150px)and (max-width:1279px){.shopify-section--header{--header-grid-template: "main-nav logo secondary-nav" / minmax(0, 1fr) auto minmax(0, 1fr) !important;--header-logo-width: clamp(168px, 13vw, 184px) !important;--header-padding-block: var(--spacing-5) !important}.header{--header-part-gap: var(--spacing-5);--header-icon-list-spacing: var(--spacing-4)}.header__link-list{display:none}.header__main-nav .header__icon-list>button[aria-controls=header-sidebar-menu]{display:block}#header-sidebar-menu.lg\:hidden{display:block}.header__secondary-nav{justify-self:end;flex-wrap:nowrap}.header__secondary-nav .header__icon-list{flex-wrap:nowrap}.header-search{flex:0 1 auto}.header-search__input{max-width:clamp(220px,22vw,300px)}}@media screen and (min-width:1280px)and (max-width:1439px){.shopify-section--header{--header-logo-width: clamp(160px, 12.5vw, 176px) !important;--header-padding-block: var(--spacing-5) !important}.header{--header-part-gap: var(--spacing-5);--header-icon-list-spacing: var(--spacing-4);--header-link-list-spacing: var(--spacing-4)}.header-search__input{max-width:clamp(140px,11vw,180px)}}@media screen and (min-width:1440px)and (max-width:1599px){.shopify-section--header{--header-logo-width: clamp(176px, 12.5vw, 190px) !important;--header-padding-block: var(--spacing-5) !important}.header{--header-part-gap: var(--spacing-6);--header-icon-list-spacing: var(--spacing-5);--header-link-list-spacing: var(--spacing-6)}.header-search__input{max-width:clamp(170px,13vw,220px)}}@media screen and (min-width:1600px)and (max-width:1919px){.shopify-section--header{--header-logo-width: clamp(198px, 13vw, 215px) !important;--header-padding-block: var(--spacing-6) !important}.header{--header-part-gap: var(--spacing-7);--header-icon-list-spacing: var(--spacing-5);--header-link-list-spacing: var(--spacing-7)}.header-search__input{max-width:clamp(240px,18vw,340px)}}@media screen and (min-width:1920px){.shopify-section--header{--header-logo-width: clamp(215px, 11.5vw, 235px) !important;--header-padding-block: var(--spacing-6) !important}.header{--header-part-gap: var(--spacing-8);--header-icon-list-spacing: var(--spacing-6);--header-link-list-spacing: var(--spacing-8)}.header-search__input{max-width:clamp(320px,20vw,420px)}}.header__secondary-nav .header__icon-list>li:has([aria-controls^=popover-localization-form-country]){display:none}@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;justify-content:flex-end}.header__secondary-nav .header__icon-list>li:has(.header-search){flex:1 1 auto;min-width:0}.header__secondary-nav .header__icon-list>.header__account{margin-inline-start:auto}.header__secondary-nav .header__icon-list>.header__account,.header__secondary-nav .header__icon-list>.header__cart{flex-shrink:0}}.header-search-trigger{display:none;flex-shrink:0;padding:0;color:inherit;background:none;border:none;cursor:pointer}@media screen and (max-width:1279px){.header{--header-icon-list-spacing: var(--spacing-2)}.header__secondary-nav .header__icon-list>li.header-search-slot{display:none}.header__main-nav .header__icon-list>button.tap-area:before{top:0;right:0;bottom:0;left:0}.header:not(.search-panel-open) .header-search,.header:not(.search-panel-open) .header-search__form{display:none}.header.search-panel-open .header__wrapper{grid-template:"secondary-nav" / minmax(0,1fr)!important}.header.search-panel-open .header__main-nav,.header.search-panel-open .header__logo{display:none}.header.search-panel-open .header__secondary-nav{grid-area:secondary-nav;width:100%;justify-self:stretch}.header.search-panel-open .header__secondary-nav .header__icon-list{width:100%}.header.search-panel-open .header__secondary-nav .header__icon-list>li:not(.header-search-slot){display:none}.header.search-panel-open .header-search-slot,.header.search-panel-open .header-search{flex:1 1 auto;width:100%;min-width:0}.header.search-panel-open .header-search{display:block}.header.search-panel-open .header-search__form{display:flex;flex:1 1 auto;width:100%;min-width:0}.header.search-panel-open .header-search__input{max-width:none;width:100%;height:var(--spacing-12)}.header.search-panel-open .header-search__close{width:var(--spacing-11);height:var(--spacing-11);flex-shrink:0}}@media screen and (max-width:360px){.header{--header-icon-list-spacing: var(--spacing-1)}.header__wrapper{--header-part-gap: var(--spacing-1);padding-inline:var(--spacing-3)}.header__logo-image{width:min(var(--header-logo-width),calc(100vw - 208px))}}@media screen and (max-width:1279px){.header[allow-transparency]:not(.is-filled){--header-background-opacity: 1 !important;--header-background-blur-radius: 0px !important;--header-logo-opacity: 1 !important;--text-color: var(--header-text) !important}}.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{--text-color: 26 26 26;position:fixed;top:calc(var(--header-height, 72px) + var(--sticky-announcement-bar-enabled, 0) * var(--announcement-bar-height, 0px));left:0;right:0;width:auto;max-width:100%;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:minmax(0,560px) minmax(0,1fr);gap:80px;align-items:start}.search-panel__heading{display:flex;align-items:baseline;gap:12px;margin-bottom:16px;font-size:20px;font-weight:900;letter-spacing:-.01em;line-height:24px;color:rgb(var(--text-color))}.search-panel__heading-link{margin-left:auto;font-size:13px;font-weight:700;color:rgb(var(--text-color));text-decoration:none;white-space:nowrap}.search-panel__heading-link:hover{color:rgb(var(--accent))}[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,[data-search-state=error] .search-panel__default,[data-search-state=error] .search-panel__results,[data-search-state=empty] .search-panel__default,[data-search-state=empty] .search-panel__results{display:none}.search-panel__trending{display:flex;flex-direction:column;gap:4px}.search-panel__trending-item{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:48px;padding:4px 0;border-radius:var(--rounded-sm);text-decoration:none;color:inherit;transition:background .15s ease}.search-panel__trending-item:hover{background:rgb(var(--text-color) / .04)}.search-panel__trending-img{width:48px;height:48px;border-radius:var(--rounded-input);background:rgb(var(--text-color) / .05);object-fit:cover}.search-panel__trending-title{font-size:15px;font-weight:700;line-height:20px;color:rgb(var(--text-color));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-panel__trending-price{font-size:14px;font-weight:400;color:var(--uf-color-muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.search-panel__collections{display:flex;flex-direction:column}.search-panel__collection-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;border-bottom:1px solid rgb(var(--border-color));font-size:15px;font-weight:400;color:rgb(var(--text-color));text-decoration:none}.search-panel__collection-row:first-child{border-top:1px solid rgb(var(--border-color))}.search-panel__collection-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-panel__collection-row:hover span{text-decoration:underline;text-underline-offset:3px}.search-panel__collection-row svg{flex-shrink:0;color:var(--uf-color-muted)}.search-panel__results-header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px}.search-panel__results-title{font-size:20px;font-weight:900;letter-spacing:-.01em;line-height:24px;color:rgb(var(--text-color))}.search-panel__results-list{display:flex;flex-direction:column;gap:4px}.search-panel__result{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:48px;padding:4px 0;border-radius:var(--rounded-sm);text-decoration:none;color:inherit;transition:background .15s ease}.search-panel__result:hover{background:rgb(var(--text-color) / .04)}.search-panel__result.is-active{outline:2px solid rgb(var(--accent));outline-offset:var(--spacing-0-5)}.search-panel__result-media{width:48px;height:48px;border-radius:var(--rounded-input);background:rgb(var(--text-color) / .05);overflow:hidden}.search-panel__result-media img{width:100%;height:100%;object-fit:contain}.search-panel__result-info{display:flex;flex-direction:column;gap:2px;min-width:0}.search-panel__result-title{font-size:15px;font-weight:700;line-height:20px;color:rgb(var(--text-color));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-panel__result-meta{font-size:13px;font-weight:400;line-height:18px;color:var(--uf-color-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-panel__result-price{font-size:14px;font-weight:400;color:var(--uf-color-muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.search-panel__results-collections{margin-top:24px;padding-top:16px;border-top:1px solid rgb(var(--border-color))}.search-panel__results-collections-label{margin-bottom:4px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--uf-color-muted)}.search-panel__loading{display:none}[data-search-state=loading] .search-panel__loading{display:block}.search-panel__skeleton{display:flex;flex-direction:column;gap:16px}.search-panel__skeleton-row{display:grid;grid-template-columns:48px minmax(0,1fr) 64px;align-items:center;gap:12px;min-height:48px}.search-panel__skeleton-thumb{width:48px;height:48px;border-radius:var(--rounded-input);background:rgb(var(--text-color) / .06)}.search-panel__skeleton-lines{display:flex;flex-direction:column;gap:8px}.search-panel__skeleton-bar{height:12px;border-radius:var(--rounded-xs);background:rgb(var(--text-color) / .06)}.search-panel__skeleton-bar--title{width:60%;max-width:240px;height:14px}.search-panel__skeleton-bar--meta{width:40%;max-width:150px}.search-panel__skeleton-bar--price{width:56px;justify-self:end;height:14px}.search-panel__empty,.search-panel__error{display:none;flex-direction:column;gap:8px;padding-block:16px}[data-search-state=empty] .search-panel__empty,[data-search-state=error] .search-panel__error{display:flex}.search-panel__empty-title{font-size:20px;font-weight:900;line-height:24px;color:rgb(var(--text-color))}.search-panel__empty-text{font-size:16px;font-weight:400;line-height:24px;color:var(--uf-color-muted)}.search-panel__empty-link{margin-top:4px;font-size:14px;font-weight:700;color:rgb(var(--text-color));text-decoration:none}.search-panel__empty-link:hover{text-decoration:underline;text-underline-offset:3px}@media screen and (max-width:989px){.search-panel__inner{padding:var(--spacing-6)}.search-panel__grid{grid-template-columns:minmax(0,1fr);gap:var(--spacing-8)}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/header-search-panel.css.map */