.search-drawer{--search-drawer-width: 100%;--search-drawer-max-width: 420px;--search-drawer-bg: var(--color-background);--search-drawer-border: var(--color-border-light)}.search-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal)}.search-drawer[aria-hidden=false]{opacity:1;visibility:visible}.search-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.search-drawer__content{position:absolute;top:var(--space-4);right:var(--space-4);bottom:var(--space-4);width:calc(100% - var(--space-8));max-width:var(--search-drawer-max-width);height:auto;display:flex;flex-direction:column;background-color:var(--search-drawer-bg);border-radius:var(--radius-md);box-shadow:0 8px 32px #00000026;transform:translate(calc(100% + var(--space-4)));transition:transform var(--transition-slow);overflow:hidden}.search-drawer[aria-hidden=false] .search-drawer__content{transform:translate(0)}.search-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--search-drawer-border);flex-shrink:0}.search-drawer__title-group{display:flex;align-items:baseline;gap:var(--space-2)}.search-drawer__title{font-family:var(--font-body--family);font-size:16px;font-weight:500;color:var(--color-foreground);margin:0}.search-drawer__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:transparent;color:var(--color-foreground);border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--transition-fast)}.search-drawer__close:hover{background-color:var(--color-fill-default)}.search-drawer__close [data-lucide]{width:24px;height:24px}.search-drawer__search-wrapper{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--search-drawer-border)}.search-drawer__input-wrapper{position:relative;display:flex;align-items:center}.search-drawer__input-icon{position:absolute;left:var(--space-3);display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);pointer-events:none}.search-drawer__input-icon [data-lucide]{width:18px;height:18px}.search-drawer__input{width:100%;height:44px;padding:0 var(--space-10) 0 var(--space-10);font-family:var(--font-body--family);font-size:15px;font-weight:400;color:var(--color-foreground);background-color:var(--color-fill-light);border:1px solid transparent;border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.search-drawer__input::placeholder{color:var(--color-text-tertiary)}.search-drawer__input:focus{border-color:var(--color-border-default);background-color:var(--color-background)}.search-drawer__clear{position:absolute;right:var(--space-2);display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;background:transparent;color:var(--color-text-tertiary);border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.search-drawer__clear:hover{background-color:var(--color-fill-default);color:var(--color-foreground)}.search-drawer__clear [data-lucide]{width:16px;height:16px}.search-drawer__body{flex:1;overflow-y:auto;overscroll-behavior:contain}.search-drawer__initial{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;text-align:center;padding:var(--space-6)}.search-drawer__initial-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:var(--space-4);background-color:var(--color-fill-light);border-radius:var(--radius-full);color:var(--color-text-tertiary)}.search-drawer__initial-icon [data-lucide]{width:28px;height:28px}.search-drawer__initial-text{margin:0;font-family:var(--font-body--family);font-size:15px;font-weight:400;color:var(--color-text-secondary)}.search-drawer__loading{display:flex;flex-direction:column}.skeleton{background:linear-gradient(90deg,var(--color-fill-light) 25%,var(--color-fill-default) 50%,var(--color-fill-light) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.skeleton--image{border-radius:var(--radius-sm)}.skeleton--text{height:14px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.search-drawer__skeleton-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--search-drawer-border)}.search-drawer__skeleton-item .skeleton--image{flex-shrink:0;width:80px;height:80px}.search-drawer__skeleton-item .skeleton-content{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.search-drawer__results{display:flex;flex-direction:column}.search-drawer__footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--search-drawer-border);flex-shrink:0}.search-drawer__full-search{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.search-drawer__full-search [data-lucide]{width:16px;height:16px}.predictive-search,.predictive-search__results,.predictive-search__section{display:flex;flex-direction:column}.predictive-search__section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-6);background-color:var(--color-fill-light)}.predictive-search__section-title{margin:0;font-family:var(--font-body--family);font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.predictive-search__section-link{font-family:var(--font-body--family);font-size:12px;font-weight:500;color:var(--color-primary-6);text-decoration:none;transition:color var(--transition-fast)}.predictive-search__section-link:hover{color:var(--color-primary-7);text-decoration:underline}.predictive-search__products{display:flex;flex-direction:column}.predictive-search__products .product-card-mini{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--search-drawer-border)}.predictive-search__collections{display:flex;flex-direction:column}.predictive-search__collection-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);text-decoration:none;border-bottom:1px solid var(--search-drawer-border);transition:background-color var(--transition-fast)}.predictive-search__collection-item:hover{background-color:var(--color-fill-light)}.predictive-search__collection-media{position:relative;flex-shrink:0;width:80px;height:80px;background-color:var(--color-fill-light);border-radius:var(--radius-sm);overflow:hidden}.predictive-search__collection-image{width:100%;height:100%;object-fit:cover}.predictive-search__collection-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-2)}.predictive-search__collection-count{font-family:var(--font-body--family);font-size:11px;font-weight:500;color:#ffffffe6}.predictive-search__collection-details{flex:1;min-width:0}.predictive-search__collection-title{margin:0;font-family:var(--font-body--family);font-size:14px;font-weight:500;color:var(--color-foreground);line-height:1.3}.predictive-search__collection-products{margin-top:var(--space-1);font-family:var(--font-body--family);font-size:13px;font-weight:400;color:var(--color-text-secondary)}.predictive-search__collection-arrow{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);transition:color var(--transition-fast)}.predictive-search__collection-item:hover .predictive-search__collection-arrow{color:var(--color-foreground)}.predictive-search__collection-arrow [data-lucide]{width:16px;height:16px}.predictive-search__pages{display:flex;flex-direction:column}.predictive-search__page-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);text-decoration:none;border-bottom:1px solid var(--search-drawer-border);transition:background-color var(--transition-fast)}.predictive-search__page-item:hover{background-color:var(--color-fill-light)}.predictive-search__page-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:var(--color-fill-light);border-radius:var(--radius-sm);color:var(--color-text-secondary)}.predictive-search__page-icon [data-lucide]{width:16px;height:16px}.predictive-search__page-title{font-family:var(--font-body--family);font-size:14px;font-weight:500;color:var(--color-foreground)}.predictive-search__no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;text-align:center;padding:var(--space-6)}.predictive-search__no-results-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:var(--space-4);background-color:var(--color-fill-light);border-radius:var(--radius-full);color:var(--color-text-tertiary)}.predictive-search__no-results-icon [data-lucide]{width:28px;height:28px}.predictive-search__no-results-text{margin:0 0 var(--space-2) 0;font-family:var(--font-body--family);font-size:15px;font-weight:500;color:var(--color-foreground)}.predictive-search__no-results-hint{margin:0;font-family:var(--font-body--family);font-size:14px;font-weight:400;color:var(--color-text-secondary)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/search-drawer.css.map */