.search-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0006;z-index:998;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s ease,visibility 0s linear .5s}.search-drawer-overlay.active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .5s ease,visibility 0s linear 0s}.search-drawer{position:fixed;top:var(--header-height, 60px);left:0;right:0;background-color:#fff;z-index:999;max-height:calc(100vh - var(--header-height, 60px));overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-30px);transition:opacity .5s ease,transform .5s cubic-bezier(.16,1,.3,1),visibility 0s linear .5s;box-shadow:0 10px 40px #0000001f}.search-drawer.active{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .5s ease,transform .5s cubic-bezier(.16,1,.3,1),visibility 0s linear 0s}.search-drawer__header{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px 50px;border-bottom:1px solid #e0e0e0;background-color:#fff;position:sticky;top:0;z-index:10}@media screen and (max-width: 749px){.search-drawer__header{padding:14px 20px}}.search-drawer__header-inner{display:flex;align-items:center;justify-content:space-between;width:100%;height:28px}.search-drawer__input-wrapper{display:flex;align-items:center;gap:16px;flex:1}.search-drawer__icon{width:18px;height:18px;flex-shrink:0;color:#000}.search-drawer__icon svg{width:100%;height:100%;display:block}.search-drawer__input{border:none;outline:none;background:transparent;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:16px;color:#000;letter-spacing:0;line-height:1.4;width:100%;padding:0;box-shadow:none!important}.search-drawer__input:focus{outline:none;border:none;box-shadow:none!important}.search-drawer__input::placeholder{color:#666;font-weight:400}@media screen and (max-width: 749px){.search-drawer__input{font-size:15px}}.search-drawer__close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding-top:4px;padding-left:4px;padding-right:4px;border-radius:4px;flex-shrink:0;transition:opacity .2s ease}.search-drawer__close:hover{opacity:.7}.search-drawer__close svg{width:20px;height:20px;color:#000}.search-drawer__results{padding:0 50px 40px;background-color:#fff;min-height:320px}@media screen and (max-width: 749px){.search-drawer__results{padding:0 20px 30px;min-height:260px}}.search-drawer__title{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:500;font-size:14px;color:#000;letter-spacing:0;line-height:1.4;margin:0;padding-top:20px;padding-bottom:16px}@media screen and (max-width: 749px){.search-drawer__title{font-size:13px;padding-top:16px;padding-bottom:14px}}.search-drawer__products{display:flex;gap:16px;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;padding-bottom:10px;min-height:260px}.search-drawer__product{display:flex;flex-direction:column;gap:16px;width:178px;flex-shrink:0;text-decoration:none;color:inherit;cursor:pointer}@media screen and (max-width: 749px){.search-drawer__product{width:140px;gap:10px}}.search-drawer__product-image{width:100%;height:222px;background-color:#efefef;overflow:hidden;position:relative;display:block}.search-drawer__product-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease;transform:scale(1)}.search-drawer__product:hover .search-drawer__product-image img{transform:scale(1.1)}@media screen and (max-width: 749px){.search-drawer__product-image{height:175px}}.search-drawer__product-title{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:12px;color:#000;text-transform:uppercase;letter-spacing:.5px;line-height:1.3;margin:0;padding-top:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width: 749px){.search-drawer__product-title{font-size:11px}}.search-drawer__loading-text{display:flex;align-items:center;justify-content:center;padding:40px;color:#4a5565;font-family:Manrope,sans-serif;font-size:16px}.search-drawer__skeleton{display:flex;gap:16px;overflow:hidden;min-height:260px}.search-drawer__skeleton-card{display:flex;flex-direction:column;gap:12px;width:178px;flex-shrink:0}.search-drawer__skeleton-image{width:100%;height:222px;background:linear-gradient(90deg,#efefef 25%,#e0e0e0,#efefef 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.search-drawer__skeleton-title{width:70%;height:14px;background:linear-gradient(90deg,#efefef 25%,#e0e0e0,#efefef 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media screen and (max-width: 749px){.search-drawer__skeleton-card{width:140px;gap:10px}.search-drawer__skeleton-image{height:175px}}.search-drawer__no-results{padding:40px;text-align:center;color:#4a5565;font-family:Manrope,sans-serif;font-size:16px}.search-drawer__popular{padding-top:20px}.search-drawer__popular-title{font-family:Manrope,sans-serif;font-weight:600;font-size:14px;color:#1e2939;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.search-drawer__popular-list{display:flex;flex-wrap:wrap;gap:8px}.search-drawer__popular-item{display:inline-flex;padding:8px 16px;background-color:#f3f4f6;border-radius:20px;font-family:Manrope,sans-serif;font-size:14px;color:#1e2939;text-decoration:none;transition:background-color .2s ease}.search-drawer__popular-item:hover{background-color:#e5e7eb}body.search-drawer-open{overflow:hidden}body.search-drawer-open .section-header{z-index:1000!important;position:relative!important}body.search-drawer-open .section-header.shopify-section-header-sticky{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:1000!important}body.search-drawer-open .header-wrapper{background:#fff!important;position:relative!important;z-index:1000!important}body.search-drawer-open .header-wrapper--transparent{background:#fff!important;position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:1000!important;border-bottom:1px solid rgba(0,0,0,.1)!important}body.search-drawer-open .header-wrapper--transparent .header{background:#fff!important}body.search-drawer-open .header-wrapper .bomencia-header-icons{position:relative;z-index:1001}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-search-drawer.css.map */