.fp-search-overlay{position:absolute;top:100%;left:0;right:0;display:flex;flex-direction:column;background:var(--fp-white);border-radius:0 0 30px 30px;overflow:hidden;max-height:0;opacity:0;pointer-events:none;transition:max-height .35s var(--fp-ease-standard, ease),opacity .25s ease;z-index:10}.fp-search-overlay[aria-hidden=false]{max-height:calc(100dvh - 160px);opacity:1;pointer-events:auto}.fp-header-wrapper.fp-search-open{border-radius:30px 30px 0 0;clip-path:inset(0 round 30px 30px 0 0)}.fp-header-wrapper.is-transparent.fp-search-open{background-color:var(--fp-white)}.fp-search-overlay__bar{display:flex;align-items:center;gap:14px;padding:16px 32px;margin:0;border-top:1px solid var(--fp-border-color, #E5E5E5);flex-shrink:0}.fp-search-overlay__icon{flex-shrink:0;width:16px;height:16px;color:var(--fp-concrete, #9E9E9E)}.fp-search-overlay__input{flex:1;min-width:0;font-family:var(--fp-font);font-size:15px;color:var(--fp-black);background:none;border:none;outline:none;padding:0;-webkit-appearance:none;appearance:none}.fp-search-overlay__input::placeholder{color:var(--fp-concrete, #9E9E9E)}.fp-search-overlay__input::-webkit-search-cancel-button,.fp-search-overlay__input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.fp-search-overlay__meta{font-family:var(--fp-font);font-size:10px;text-transform:uppercase;color:var(--fp-concrete, #9E9E9E);white-space:nowrap}.fp-search-overlay__clear{font-family:var(--fp-font);font-size:10px;text-transform:uppercase;color:var(--fp-concrete, #9E9E9E);background:none;border:none;cursor:pointer;padding:0;transition:color .2s ease}.fp-search-overlay__clear:hover{color:var(--fp-black)}.fp-search-overlay__close{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--fp-black);padding:4px;min-width:36px;min-height:36px;transition:opacity .2s ease}.fp-search-overlay__close:hover{opacity:.6}.fp-search-overlay__body{flex:1 1 auto;min-height:0;padding:24px 32px 28px;overflow-y:auto;scrollbar-width:none}.fp-search-overlay__body::-webkit-scrollbar{display:none}.fp-search-overlay[data-loading=true] .fp-search-overlay__body{opacity:.6}.fp-search-overlay__body{transition:opacity .15s ease}.fp-search-overlay [hidden]{display:none!important}.fp-search-label{font-family:var(--fp-font);font-size:10px;text-transform:uppercase;color:var(--fp-concrete, #9E9E9E);margin:0 0 12px}.fp-search-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.fp-search-chip{font-family:var(--fp-font);font-size:10px;text-transform:uppercase;color:var(--fp-black);background:#f5f3f0;border:none;border-radius:28px;padding:9px 16px;cursor:pointer;transition:background .2s ease,box-shadow .2s ease}.fp-search-chip:hover{background:#fbecea;box-shadow:inset 0 0 0 1.5px #cc1200}.fp-search-chip.is-on,.fp-search-chip.is-on:hover{background:var(--fp-black);color:var(--fp-white);box-shadow:none}.fp-search-btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--fp-font);font-size:11px;text-transform:uppercase;color:var(--fp-white);background:var(--fp-black);border:none;border-radius:var(--fp-radius-btn, 28px);padding:13px 22px;cursor:pointer;text-decoration:none;transition:background .2s ease}.fp-search-btn:hover{background:var(--fp-dark)}.fp-search-btn svg{width:12px;height:12px}.fp-search-btn--ghost{background:transparent;color:var(--fp-black);box-shadow:inset 0 0 0 1px #20262233}.fp-search-btn--ghost:hover{background:#f5f3f0}.fp-search-tile{display:flex;align-items:center;gap:12px;min-width:0;background:#f5f3f0;border-radius:10px;padding:8px 12px 8px 8px;text-decoration:none;transition:background .2s ease,box-shadow .2s ease}.fp-search-tile:hover{background:#fbecea;box-shadow:inset 0 0 0 1.5px #cc1200}.fp-search-tile__img{width:44px;height:44px;border-radius:6px;object-fit:cover;background:var(--fp-offwhite);flex-shrink:0}.fp-search-tile__text{min-width:0}.fp-search-tile__label{display:block;font-family:var(--fp-font);font-size:10px;text-transform:uppercase;color:var(--fp-black);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease}.fp-search-tile__sub{display:block;font-family:var(--fp-font);font-size:10px;color:#cc1200;line-height:1.2;transition:color .2s ease}.fp-search-tile__sub--muted{color:var(--fp-concrete, #9E9E9E)}.fp-search-tile:hover .fp-search-tile__label{color:#cc1200}.fp-search-tile:hover .fp-search-tile__sub{color:var(--fp-black)}.fp-search-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.fp-search-grid--recent{grid-template-columns:repeat(8,minmax(0,1fr))}.fp-search-grid--full{grid-template-columns:repeat(6,minmax(0,1fr))}.fp-search-card{display:block;min-width:0;text-decoration:none;color:var(--fp-black);animation:fp-search-in .3s ease both}@keyframes fp-search-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.fp-search-card__media{position:relative;aspect-ratio:4 / 5;border-radius:12px;overflow:hidden;background:#f5f3f0}.fp-search-card__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--fp-ease-spring, ease)}.fp-search-card:hover .fp-search-card__media img{transform:scale(1.04)}.fp-search-card--out .fp-search-card__media img{opacity:.55}.fp-search-card__info{padding:10px 2px 0}.fp-search-card__title{font-family:var(--fp-font);font-size:10px;text-transform:uppercase;color:var(--fp-black);margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fp-search-card__price{font-family:var(--fp-font);font-size:10px;color:var(--fp-dark);margin:0}.fp-search-card--out .fp-search-card__price{color:var(--fp-concrete, #9E9E9E)}.fp-search-card__out:before{content:"\b7";margin:0 4px 0 2px}.fp-search-grid.is-available-only .fp-search-card--out{display:none}.fp-search-idle{display:flex;flex-direction:column;gap:28px}.fp-search-idle__row{display:grid;grid-template-columns:280px minmax(0,1fr);gap:32px;align-items:start}.fp-search-cats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.fp-search-live{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px 40px}.fp-search-live.is-no-rail{grid-template-columns:minmax(0,1fr)}.fp-search-live.is-no-rail .fp-search-rail{display:none}.fp-search-live.is-no-rail .fp-search-foot{grid-column:1}.fp-search-rail{display:flex;flex-direction:column;gap:24px}.fp-search-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.fp-search-list__item{display:flex;justify-content:space-between;align-items:center;gap:8px;width:calc(100% + 20px);margin:0 -10px;padding:7px 10px;border-radius:8px;font-family:var(--fp-font);font-size:12px;color:var(--fp-black);background:none;border:none;text-align:left;cursor:pointer}.fp-search-list__item:hover,.fp-search-list__item.is-on{background:#f5f3f0}.fp-search-list__rest{color:var(--fp-concrete, #9E9E9E)}.fp-search-colls{display:flex;flex-direction:column;gap:6px}.fp-search-colls .fp-search-tile{padding:8px}.fp-search-colls .fp-search-tile__img{width:40px;height:40px}.fp-search-foot{grid-column:2;display:flex;justify-content:space-between;align-items:center;gap:16px}.fp-search-count{font-family:var(--fp-font);font-size:11px;color:var(--fp-dark)}.fp-search-count b{font-weight:400;color:var(--fp-black)}.fp-search-empty{font-family:var(--fp-font);font-size:12px;color:var(--fp-dark);margin:0 0 24px}.fp-search-empty b{font-weight:400;color:var(--fp-black)}.fp-search-full__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.fp-search-full__title{font-family:var(--fp-font);font-size:13px;font-weight:400;text-transform:uppercase;color:var(--fp-black);margin:0}.fp-search-full__title span{color:var(--fp-concrete, #9E9E9E)}.fp-search-full__foot{display:flex;justify-content:center;padding:28px 0 4px}.fp-search-active .fp-popup__tab{opacity:0;pointer-events:none;transition:opacity .2s ease}@media(prefers-reduced-motion:reduce){.fp-search-overlay,.fp-search-card,.fp-search-card__media img{transition:none;animation:none}}@media(max-width:1240px){.fp-search-cats{grid-template-columns:repeat(3,minmax(0,1fr))}.fp-search-grid--recent{grid-template-columns:repeat(6,minmax(0,1fr))}.fp-search-grid--full{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:989px){.fp-search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;max-height:none;border-radius:0;z-index:50;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .25s ease,transform .3s cubic-bezier(.22,.61,.36,1),visibility 0s linear .3s}.fp-search-overlay[aria-hidden=false]{max-height:none;opacity:1;visibility:visible;transform:translateY(0);transition:opacity .25s ease,transform .3s cubic-bezier(.22,.61,.36,1),visibility 0s}.fp-search-overlay__bar{padding:calc(16px + env(safe-area-inset-top)) 18px 16px;gap:12px;border-top:none;border-bottom:1px solid var(--fp-border-color, #E5E5E5)}.fp-search-overlay__icon{width:18px;height:18px}.fp-search-overlay__input{font-size:16px}.fp-search-overlay__meta{display:none}.fp-search-overlay__close{min-width:40px;min-height:40px}.fp-search-overlay__close svg{width:20px;height:20px}.fp-search-overlay__body{padding:24px 18px calc(28px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}.fp-search-label{font-size:10px;margin-bottom:14px}.fp-search-chip{font-size:11px;padding:10px 18px}.fp-search-idle__row{grid-template-columns:1fr;gap:28px}.fp-search-cats{grid-template-columns:repeat(2,minmax(0,1fr))}.fp-search-grid,.fp-search-grid--recent,.fp-search-grid--full{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fp-search-card__title,.fp-search-card__price{font-size:11px}.fp-search-live{grid-template-columns:1fr;gap:20px}.fp-search-rail{gap:20px}.fp-search-list{flex-direction:row;flex-wrap:wrap;gap:8px}.fp-search-list__item{width:auto;margin:0;padding:9px 14px;background:#f5f3f0;border-radius:28px;font-size:11px}.fp-search-colls{flex-direction:row;overflow-x:auto;scrollbar-width:none}.fp-search-colls::-webkit-scrollbar{display:none}.fp-search-colls .fp-search-tile{flex:0 0 auto;max-width:220px}.fp-search-foot{grid-column:1;flex-direction:column;align-items:stretch;text-align:center}.fp-search-foot .fp-search-btn{justify-content:center}.fp-search-full__head{flex-direction:column;align-items:flex-start;gap:12px}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/fanplaza-search.css.map */