.search-drawer--panel{--sp-ink: #111111;--sp-text: #2b2a28;--sp-muted: #6d6a65;--sp-rule: #e4e0d8;--sp-field: #d9d2c4;--sp-gold: #b88a3b;--sp-gold-soft: #c39a54;--sp-paper: #faf9f6;--sp-ease: .2s ease}.search-drawer--panel .drawer__inner{--translate-x: 0;--translate-y: -12px;inset-inline:0;top:24px;margin-inline:auto;width:min(1180px,calc(100% - 48px));max-width:none;height:auto;max-height:calc(100% - 48px);display:flex;flex-direction:column;border:1px solid var(--sp-rule);border-radius:4px;background:var(--sp-paper);color:var(--sp-ink);box-shadow:0 24px 48px -32px #11111159;opacity:0;transition:transform .45s cubic-bezier(.3,1,.3,1),opacity .3s ease}.search-drawer--panel[active]>.drawer__inner{--translate-y: 0;opacity:1}.search-drawer--panel .drawer__close-btn{top:24px;inset-inline-end:24px;color:var(--sp-ink)}.search-drawer__panel{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}.search-drawer--panel .search-panel{padding:36px 48px 40px}.sp__head{display:flex;align-items:center;gap:18px;padding-inline-end:56px}.sp__head-icon{flex:none;display:inline-flex;color:var(--sp-gold)}.sp__head-icon .icon{width:34px;height:34px}.sp__title{margin:0;font-family:var(--font-heading-family);font-weight:400;font-size:26px;line-height:1.2;letter-spacing:-.01em;color:var(--sp-ink)}.sp__subtitle{margin:4px 0 0;font-size:14.5px;line-height:1.5;color:var(--sp-muted)}.sp__field{margin-top:26px}.search-panel .search__input{height:52px;padding-inline-start:52px;padding-inline-end:88px;background:#efeeea;border:1px solid transparent;border-radius:999px;font-size:16px;color:var(--sp-ink);box-shadow:none;transition:border-color var(--sp-ease)}.search-panel .search__input::placeholder{color:#8a8782}.search-panel .search__input:focus,.search-panel .search__input:focus-visible{outline:none;border-color:var(--sp-field)}.search-panel .search__field-icon{inset-inline-start:20px;color:#3a3936}.search-panel .search__field-icon .icon{width:18px;height:18px}.search-panel .search__reset{inset-inline-end:22px;font-size:13px;text-transform:none;color:var(--sp-muted)}.search-panel .search__reset:hover{color:var(--sp-gold)}.sp__kicker{margin:0 0 16px;font-size:11.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--sp-ink)}.sp__quick{margin-top:24px}.sp__quick .sp__kicker{margin-bottom:12px}.sp__chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}.sp__chip{display:inline-flex;white-space:nowrap;align-items:center;gap:9px;height:40px;padding:0 16px 0 12px;background:#fff;border:1px solid var(--sp-rule);border-radius:4px;font-size:14.5px;color:var(--sp-text);text-decoration:none;transition:border-color var(--sp-ease),color var(--sp-ease)}.sp__chip:hover{border-color:var(--sp-gold);color:var(--sp-ink)}.sp__chip-icon{display:inline-flex;color:var(--sp-gold-soft)}.sp__chip-icon svg{width:18px;height:18px}.sp__chip-icon--shape svg{width:22px;height:22px}.search-panel .sp__content{padding:28px 0 0;margin-top:26px;border-top:1px solid var(--sp-rule)}.search-panel .search__results{display:none}.search-panel[results] .search__results{display:block}.sp__block+.sp__bottom{margin-top:28px}.sp__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px}.spc{position:relative;display:flex;flex-direction:column;min-width:0;border-radius:4px;outline:1px solid transparent;outline-offset:6px;transition:outline-color var(--sp-ease)}.spc[aria-selected=true]{outline-color:var(--sp-gold)}.spc__media{position:relative;display:block;aspect-ratio:var(--spc-ratio, 3 / 4);overflow:hidden;border-radius:2px;background:#ece8db}.spc__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.spc:hover .spc__media img{transform:scale(1.03)}.spc__badge{position:absolute;top:8px;inset-inline-start:8px;padding:3px 8px;background:#fff;border-radius:2px;font-size:11.5px;color:var(--sp-muted)}.spc__body{display:flex;flex-direction:column;flex:1 1 auto;padding-top:14px}.spc__link{display:block;color:inherit;text-decoration:none}.spc__name{display:block;font-size:14.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--sp-ink);transition:color var(--sp-ease)}.spc__link:hover .spc__name{color:var(--sp-gold)}.spc__desc{display:-webkit-box;margin-top:4px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13.5px;line-height:1.45;color:var(--sp-muted)}.spc__foot{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:auto;padding-top:10px;color:var(--sp-ink);text-decoration:none}.spc__price{flex:1 1 auto;min-width:0}.spc__price .f-price{font-size:14.5px}.spc__foot .mm-ed__arrow{flex:none;color:var(--sp-gold);transition:transform var(--sp-ease)}.spc__foot:hover .mm-ed__arrow{transform:translate(3px)}.spc__ready{display:inline-flex;align-items:center;gap:5px;flex:1 1 100%;font-size:12.5px;color:var(--sp-muted)}.spc__ready svg,.spc__mode-icon svg{width:14px;height:14px;color:var(--sp-gold)}.spc__modes{list-style:none;margin:auto 0 0;padding:10px 0 0;display:grid;gap:6px}.spc__mode{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--sp-text);text-decoration:none;transition:color var(--sp-ease)}.spc__mode:hover{color:var(--sp-gold)}.spc__mode-icon{display:inline-flex}.spc__mode-label{flex:1 1 auto}.spc__mode-price{font-weight:600;white-space:nowrap;color:var(--sp-ink)}.sp__bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);padding-top:28px;border-top:1px solid var(--sp-rule)}.sp__bottom-col{min-width:0}.sp__bottom-col+.sp__bottom-col{padding-inline-start:40px;margin-inline-start:40px;border-inline-start:1px solid var(--sp-rule)}.sp__bottom-col:only-child{grid-column:1 / -1}.sp__suggestions,.sp__categories{list-style:none;margin:0;padding:0}.sp__suggestions li+li{margin-top:10px}.sp__suggestion{display:inline-flex;align-items:center;gap:10px;font-size:15px;color:var(--sp-text);text-decoration:none;transition:color var(--sp-ease)}.sp__suggestion .icon{width:15px;height:15px;color:var(--sp-muted)}.sp__suggestion:hover{color:var(--sp-gold)}.sp__categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px}.sp__category{display:flex;align-items:center;gap:14px;color:var(--sp-ink);text-decoration:none}.sp__category-thumb{flex:none;width:56px;height:56px;overflow:hidden;border-radius:2px;background:#ece8db}.sp__category-thumb img{display:block;width:100%;height:100%;object-fit:cover}.sp__category-text{display:grid;gap:2px;min-width:0}.sp__category-title{font-size:15px;transition:color var(--sp-ease)}.sp__category:hover .sp__category-title{color:var(--sp-gold)}.sp__category-count{font-size:12.5px;color:var(--sp-muted)}.sp__category--page{min-height:0}.sp__suggestions [aria-selected=true] .sp__suggestion,.sp__categories [aria-selected=true] .sp__category-title{color:var(--sp-gold)}.search-panel mark,.search-panel .sp__hl{background:#b88a3b29;color:inherit;border-radius:2px;padding:0 1px}.sp__suggestion mark{background:transparent;font-weight:600;padding:0}.sp__all{margin-top:32px;padding-top:24px;border-top:1px solid var(--sp-rule)}.sp__all-btn{display:inline-flex;text-transform:none;letter-spacing:normal;align-items:center;gap:10px;padding:0;border:0;background:none;font-size:15px;font-weight:600;color:var(--sp-gold);cursor:pointer}.sp__all-btn .mm-ed__arrow{transition:transform var(--sp-ease)}.sp__all-btn:hover .mm-ed__arrow{transform:translate(4px)}.sp__empty{padding:24px 0 8px}.sp__empty-title{margin:0;font-family:var(--font-heading-family);font-size:20px;color:var(--sp-ink)}.sp__empty-text{margin:6px 0 0;font-size:14.5px;color:var(--sp-muted)}@media(max-width:1023.98px){.search-drawer--panel .drawer__inner{top:16px;width:calc(100% - 32px);max-height:calc(100% - 32px)}.search-drawer--panel .search-panel{padding:32px 32px 36px}.sp__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sp__grid>.spc:nth-child(n+4){display:none}.search-panel .sp__results .sp__grid>.spc:nth-child(n+4){display:flex}.sp__bottom-col+.sp__bottom-col{padding-inline-start:28px;margin-inline-start:28px}.sp__categories{grid-template-columns:minmax(0,1fr)}}@media(max-width:767.98px){.search-drawer--panel .drawer__inner{top:0;width:100%;height:100%;max-height:100%;border:0;border-radius:0;box-shadow:none}.search-drawer--panel .drawer__close-btn{top:16px;inset-inline-end:12px}.search-drawer--panel .search-panel{padding:24px 16px 32px}.sp__head{gap:12px}.sp__head-icon .icon{width:26px;height:26px}.sp__title{font-size:21px}.sp__subtitle{font-size:13.5px}.sp__field{margin-top:20px}.search-panel .search__input{height:48px;font-size:16px}.sp__quick{margin-top:20px}.sp__chips{flex-wrap:nowrap;overflow-x:auto;margin-inline:-16px;padding-inline:16px;scrollbar-width:none}.sp__chips::-webkit-scrollbar{display:none}.sp__chips>li{flex:none}.search-panel .sp__content{margin-top:24px;padding-top:24px}.sp__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.sp__grid>.spc:nth-child(n+4){display:flex}.sp__bottom{grid-template-columns:minmax(0,1fr)}.sp__bottom-col+.sp__bottom-col{margin:28px 0 0;padding:28px 0 0;border-inline-start:0;border-top:1px solid var(--sp-rule)}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/component-search-panel.css.map */