#JklSearchDrawer.drawer--top{position:fixed;top:0;left:0;right:0;height:auto;min-height:120px;z-index:1000;background-color:rgb(var(--color-background));font-family:grotesque-medium-pro,arial,sans-serif;font-weight:500;border-bottom:1px solid #ddd;transition:transform .7s cubic-bezier(.19,1,.22,1)}#JklSearchDrawer.drawer--top.drawer--right{-webkit-transform:translateY(-100%);transform:translateY(-100%);right:auto;left:0;width:100%;max-height:0;overflow:hidden}#JklSearchDrawer.drawer--top:not([open]):not([active]){-webkit-transform:translateY(-100%);transform:translateY(-100%);max-height:0;overflow:hidden}#JklSearchDrawer.drawer--top[open],#JklSearchDrawer.drawer--top[active]{-webkit-transform:translateY(0);transform:translateY(0);max-height:none;overflow:visible}#JklSearchDrawer.drawer--top .drawer__inner{height:auto;min-height:120px;width:100%;max-width:100%;transition:min-height .3s ease}#JklSearchDrawer.drawer--top .drawer__content{height:auto;min-height:120px;display:flex;align-items:flex-start;padding:0 24px;transition:min-height .3s ease;border-bottom:1px solid #ddd}#JklSearchDrawer.drawer--top.has-results .drawer__content{padding-bottom:0}.search-drawer__bar{display:flex;align-items:flex-start;gap:40px;width:100%;position:relative;padding:0}.search-drawer__title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin:0;color:rgb(var(--color-foreground));white-space:nowrap;flex-shrink:0}.search-drawer__search-area{flex:1;width:100%;position:relative;font-family:grotesque-regular-pro,arial,sans-serif;font-weight:500;display:flex;flex-direction:column}.search-drawer__search-area .predictive-search{width:100%}.search-drawer__search-area .search__field-icon,.search-drawer__search-area .search__icon-search{display:none}.search-drawer__search-area .jkl-search__form,.search-drawer__search-area .search__form{padding:0;display:flex;flex-direction:column;flex-shrink:0}.search-drawer__search-area .search__input{border:none;border-radius:0;background:transparent;line-height:45px;font-family:grotesque-regular-pro,arial,sans-serif;font-size:14px;text-transform:uppercase;width:100%;padding:45px 0 0;color:#000!important}.search-drawer__search-area .search__input::placeholder{color:#000;opacity:1;font-family:grotesque-regular-pro,arial,sans-serif;font-size:14px;text-transform:uppercase;line-height:45px}.search-drawer__search-area .search__input:focus{outline:none;box-shadow:none;border-bottom-color:rgb(var(--color-foreground))}.search-drawer__search-area .search__input:focus::placeholder{opacity:0}.search-drawer__search-area .search__content{position:relative;width:100%;background-color:rgb(var(--color-background));padding:0;margin-top:0}.search-drawer__search-area .search__content.hidden{display:none!important}.search-drawer__search-area .jkl-search__form[results]~.search__content:not(.hidden),.search-drawer__search-area .search__form[results]~.search__content:not(.hidden){display:block!important}.search-drawer__search-area .search__box,.search-drawer__search-area .search__results{display:block;width:100%}#JklSearchDrawer[open] .search-drawer__search-area .search__content:not(.hidden),#JklSearchDrawer[active] .search-drawer__search-area .search__content:not(.hidden){display:block}.search-drawer__actions{position:absolute;top:40px;right:-2px;display:flex;align-items:center;gap:20px;z-index:10}.search-drawer__view-results{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));border:none;padding:12px 32px;border-radius:25px;font-family:grotesque-medium-pro,arial,sans-serif;font-size:11px;font-weight:400;text-transform:none;text-align:center;cursor:pointer;transition:none;white-space:nowrap;width:150px;max-height:40px;display:inline-block;text-decoration:none}.search-drawer__close-btn{background:transparent;border:none;cursor:pointer;padding:.25rem 0 .25rem .25rem;display:flex;align-items:center;justify-content:center;color:currentColor;opacity:.7;transition:none!important;animation:none!important}.search-drawer__close-btn svg{display:block;width:16px;height:16px;transition:none!important;animation:none!important}#JklSearchDrawer.drawer--top+.fixed-overlay{background-color:#00000080;z-index:999}:root{--drawer-height: 0px}body:has(#JklSearchDrawer[open]) .header,body:has(#JklSearchDrawer[active]) .header{transform:translateY(var(--drawer-height, 120px))!important;transition:transform .3s ease}.search__reset{pointer-events:none;display:none}.jkl-predictive-search-products{width:100%;background-color:rgb(var(--color-background));display:block;visibility:visible}.jkl-predictive-search-products__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding:0 24px}.jkl-predictive-search-products__title{font-family:grotesque-medium-pro,arial,sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#000;margin:0}.jkl-predictive-search-products__actions{display:flex;align-items:center;gap:12px}.jkl-predictive-search-products__view-results{background-color:#000;color:#fff;border:none;padding:12px 32px;border-radius:25px;font-family:grotesque-medium-pro,arial,sans-serif;font-size:11px;font-weight:400;text-transform:none;cursor:pointer;transition:none;white-space:nowrap;height:40px;display:flex;align-items:center;justify-content:center}.jkl-predictive-search-products__close{background:transparent;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;color:#000;width:16px;height:16px}.jkl-predictive-search-products__close svg{display:block;width:16px;height:16px}.jkl-predictive-search-products__list{display:flex;justify-content:flex-start;gap:0;overflow-x:auto;padding:0 0 32px;list-style:none;margin:0;scrollbar-width:none;-ms-overflow-style:none}.jkl-predictive-search-products__list::-webkit-scrollbar{display:none}.jkl-predictive-search-products__item{flex:0 0 20%;max-width:20%;min-width:0}.jkl-predictive-search-products__item:nth-child(n+6){display:none}.jkl-predictive-search-products__link{display:flex;flex-direction:column;text-decoration:none;color:inherit;width:100%}.jkl-predictive-search-products__image-wrapper{width:100%;margin-bottom:16px;overflow:hidden;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background-color:transparent}.jkl-predictive-search-products__image-wrapper img{width:100%;height:100%;display:block;object-fit:contain}.jkl-predictive-search-products__details{display:flex;flex-direction:column;gap:8px}.jkl-predictive-search-products__title-text{font-family:grotesque-medium-pro,arial,sans-serif;font-size:11px;font-weight:400;color:#000;text-transform:uppercase;letter-spacing:.02em;margin:0;line-height:1.5}.jkl-predictive-search-products__price{display:flex;flex-direction:column;gap:4px;margin-top:4px}.jkl-predictive-search-products__price-value{font-family:grotesque-medium-pro,arial,sans-serif;font-size:11px;font-weight:400;color:#000;line-height:1.2}.jkl-predictive-search-products__price-underline{width:30px;height:1px;background-color:#000;display:block;margin-top:2px}.jkl-product-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;width:100%;height:100%}.jkl-product-card__image-wrapper{width:100%;margin-bottom:16px;overflow:hidden;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background-color:transparent}.jkl-product-card__image-wrapper img{width:100%;height:100%;display:block;object-fit:contain}.jkl-product-card__details{display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center}.jkl-product-card__title{font-family:grotesque-regular-pro,arial,sans-serif;font-size:12px;font-weight:400;color:#000;text-transform:uppercase;letter-spacing:.02em;margin:0;line-height:1.5}.jkl-product-card__price{display:flex;flex-direction:column;gap:4px;margin-top:4px;align-items:center}.jkl-product-card__price-value{font-family:grotesque-medium-pro,arial,sans-serif;font-size:11px;font-weight:400;color:#000;line-height:1.2}.jkl-product-card__price-underline{width:30px;height:1px;background-color:#000;display:block;margin-top:2px}.search__products-recommendation ul{display:flex;justify-content:flex-start;gap:0;overflow-x:auto;padding:0 0 32px;list-style:none;margin:0;scrollbar-width:none;-ms-overflow-style:none}.search__products-recommendation ul::-webkit-scrollbar{display:none}.search__products-recommendation .predictive-search__list-item{flex:0 0 20%;max-width:20%;min-width:0}.search__products-recommendation .predictive-search__list-item:nth-child(n+6){display:none}@media (max-width: 1007px){#JklSearchDrawer.drawer--top,#JklSearchDrawer.drawer--top .drawer__inner,#JklSearchDrawer.drawer--top .drawer__content{min-height:140px}body:has(#JklSearchDrawer[open]) .header,body:has(#JklSearchDrawer[active]) .header{transform:translateY(var(--drawer-height, 140px))}.jkl-predictive-search-products__item{flex:0 0 20%;max-width:20%;min-width:0}.jkl-predictive-search-products__item:nth-child(n+4){display:none}.search__products-recommendation .predictive-search__list-item{flex:0 0 20%;max-width:20%;min-width:0}.search__products-recommendation .predictive-search__list-item:nth-child(n+4){display:none}}@media (max-width: 768px){#JklSearchDrawer.drawer--top{top:var(--header-height, 0px);min-height:120px}#JklSearchDrawer.drawer--top:not([open]):not([active]){-webkit-transform:translateY(-100%);transform:translateY(-100%)}#JklSearchDrawer.drawer--top[open],#JklSearchDrawer.drawer--top[active]{-webkit-transform:translateY(0);transform:translateY(0)}#JklSearchDrawer.drawer--top .drawer__inner{min-height:120px}#JklSearchDrawer.drawer--top .drawer__content{min-height:120px;padding:14px 10px 20px;flex-direction:column}.search-drawer__bar{flex-direction:column;gap:0;align-items:stretch;position:relative}.search-drawer__title{text-align:left}.search-drawer__search-area{max-width:100%}.search-drawer__search-area .search__input{padding:0 0 0 14px;line-height:1.5;font-family:grotesque-medium-pro,arial,sans-serif;font-size:14px}.search-drawer__search-area .search__input::placeholder{font-family:grotesque-medium-pro,arial,sans-serif;font-size:14px}.search-drawer__close-btn{display:none}.search-drawer__actions{position:static;display:flex;justify-content:center;align-items:center;gap:0;margin-top:16px;width:100%}.search-drawer__view-results{width:100%;max-width:100%;font-family:grotesque-medium-pro,arial,sans-serif;font-size:14px}body:has(#JklSearchDrawer[open]) .header,body:has(#JklSearchDrawer[active]) .header{transform:translateY(0)!important}body:has(#JklSearchDrawer[open]) .announcement-bar-section,body:has(#JklSearchDrawer[active]) .announcement-bar-section{-webkit-transform:translateY(var(--drawer-height, 120px));transform:translateY(var(--drawer-height, 120px))}}#JklSearchDrawer .jkl-predictive-search-products__image-wrapper .placeholder-svg,#JklSearchDrawer .jkl-product-card__image-wrapper .placeholder-svg,.jkl-predictive-search-products__image-wrapper .placeholder-svg,.jkl-product-card__image-wrapper .placeholder-svg{background-color:transparent!important}
/*# sourceMappingURL=/cdn/shop/t/6/assets/jkl-search-drawer.css.map */