wishlist-toggle{--s: 20px;--color: #333;--hover-color: rgba(112, 112, 112, 0.2);--active-color: #dc3545;--fill: none;--progress-border-width: 2px;cursor:pointer;display:flex;align-items:center;justify-content:center;inline-size:var(--s);block-size:var(--s)}wishlist-toggle svg{inline-size:100%;block-size:100%;color:var(--color);fill:var(--fill)}wishlist-toggle:hover{--color: var(--hover-color);--fill: var(--hover-color)}wishlist-toggle.in-wishlist{--color: var(--active-color);--fill: var(--active-color)}wishlist-toggle.loading{--color: var(--active-color)}wishlist-toggle.loading svg{display:none}wishlist-toggle.loading::before{content:"";display:block;inline-size:100%;block-size:100%;border-radius:50%;border:var(--progress-border-width) solid var(--hover-color);border-right-color:var(--color);animation:progress-spin 1s linear infinite}

hx-search{position:relative}hx-search form{display:flex;gap:.5rem}hx-search form.search--loading input[type="search"]{animation:search-glow-rotate 1.2s linear infinite;border-color:rgba(139,118,204,0.3)}hx-search input[type="search"]::-webkit-search-cancel-button,hx-search input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}@media (max-width: 767px){hx-search.fullscreen{position:fixed;overflow:hidden;display:flex;flex-direction:column;z-index:1000;top:0;left:0;width:100%;height:100vh;padding:1rem;backdrop-filter:blur(10px);background:#fff;gap:1rem}hx-search.fullscreen .search-toggle-fullscreen{display:flex;align-items:center;justify-content:center;background:none;border:0}hx-search.fullscreen .search-assist{height:100vh;width:100vw;padding:0 1rem 1rem;margin:0 -1rem -1rem;overflow:hidden auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;position:static}}.search-assist{--suggest-shadow: 0 -1px 2px rgba(0, 0, 0, .05), 0 8px 20px rgba(0, 0, 0, .12), 0 4px 10px rgba(0, 0, 0, .12), 0 2px 2px rgba(0, 0, 0, .08);--container-padding: 30px;--product-thumb-width: 70px;--cols: 1;--col-gap: .5rem;--divider: var(--color-basic-gray-soft);position:absolute;top:100%;left:0;width:100%;z-index:1000;padding-top:.5rem;display:grid;grid-template-columns:repeat(var(--cols), minmax(0, 1fr));gap:var(--col-gap)}.search-assist ul{font-size:16px;list-style:none;margin:0;padding:0}.search-assist ul li+li{margin-top:0.6875rem}.search-assist-col{min-width:0;display:flex;flex-direction:column;gap:var(--col-gap)}.search-assist-group{padding:var(--container-padding);background:var(--color-key-white);box-shadow:var(--suggest-shadow);position:relative;border-top:1px solid var(--divider);border-radius:15px;overflow:hidden}.search-assist-group::before{content:'';position:absolute;inset:0;background:var(--color-key-white);z-index:2}.search-assist-group>*{position:relative;z-index:3}.search-assist-group.search-assist-products{padding:0}.search-assist-group.search-assist-products product-card{--body-px: 20px;--body-py: 15px;--title-fs: 15px;--title-fw: 600;--price-fs: 21px;--br: 0;flex-direction:row;box-shadow:none}.search-assist-group.search-assist-products product-card .pc-image{width:150px;flex-shrink:0}.search-assist-group.search-assist-products product-card+product-card{border-top:1px solid #E2E2E2}.search-assist-group .brand-logo{display:block;width:100px}.search-assist-group .brand-logo img{max-width:100%}.search-assist.no-result>span{display:block;width:100%;padding:var(--container-padding);background:var(--color-key-white);box-shadow:var(--suggest-shadow);font-size:16px}@media (min-width: 768px){.search-assist{--cols: 1;max-height:calc(100vh - var(--page-header-height, 60px));overflow:hidden auto;padding:15px;margin-top:8px}}@media (min-width: 1024px){.search-assist{--cols: 1}}@media (min-width: 1700px){.search-assist{--cols: 2;--col-gap: 1rem}}@keyframes search-glow-rotate{0%{box-shadow:0 0 6px 1px rgba(125,84,196,0.2),inset 2px 0 4px -2px rgba(125,84,196,0.6)}25%{box-shadow:0 0 6px 1px rgba(125,84,196,0.2),inset 0 2px 4px -2px rgba(125,84,196,0.6)}50%{box-shadow:0 0 6px 1px rgba(125,84,196,0.2),inset -2px 0 4px -2px rgba(125,84,196,0.6)}75%{box-shadow:0 0 6px 1px rgba(125,84,196,0.2),inset 0 -2px 4px -2px rgba(125,84,196,0.6)}100%{box-shadow:0 0 6px 1px rgba(125,84,196,0.2),inset 2px 0 4px -2px rgba(125,84,196,0.6)}}
