search-overlay{display:contents}.sr-veil{z-index:var(--z-search-veil)}.sr-panel{position:fixed;top:0;left:0;right:0;z-index:var(--z-search);max-height:min(760px,100vh);display:flex;flex-direction:column;background:var(--c-paper);border-bottom:1px solid var(--c-line);transform:translateY(-100%);visibility:hidden;transition:transform .9s var(--zpe),visibility 0s linear .9s}.sr-panel.open{transform:none;visibility:visible;transition:transform .9s var(--zpe)}.sr-sec,.sr-shell{display:flex;flex-direction:column;min-height:0;flex:1}.sr-top{display:flex;align-items:center;gap:var(--z2);padding:var(--z3) var(--mx);border-bottom:1px solid var(--c-ink)}.sr-ic{width:24px;height:24px;flex:none;color:var(--c-stone)}.sr-in{flex:1;min-width:0;border:0;outline:none;background:transparent;font-family:var(--f-serif);font-weight:300;font-size:clamp(32px,3.4vw,48px);line-height:1.2;color:var(--c-ink);padding:4px 0;-webkit-appearance:none;appearance:none}.sr-in:focus-visible{outline:none}.sr-in::placeholder{color:#b5b4ae;opacity:1}.sr-in::-webkit-search-cancel-button{display:none}.sr-clear{background:none;border:0;font-size:var(--fs-sm);color:var(--c-stone);cursor:pointer;border-bottom:1px solid currentColor;padding:0 0 1px}.sr-clear:hover{color:var(--c-indigo)}.sr-clear[hidden]{display:none}.sr-body{overflow:auto;overscroll-behavior:contain;padding:var(--z5) var(--mx) var(--z6)}.sr-idle{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--z6)}.sr-idle[hidden],.sr-results[hidden]{display:none}.sr-chips{display:flex;flex-wrap:wrap;gap:var(--z1);margin-top:var(--z2)}.sr-chips button{height:36px;padding:0 16px;border:1px solid var(--c-line);background:transparent;font-size:var(--fs-sm);cursor:pointer;transition:border-color .5s var(--zpe),color .5s var(--zpe)}.sr-chips button:hover{border-color:var(--c-indigo);color:var(--c-indigo)}.sr-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--z3);margin-top:var(--z2)}.sr-card{display:block}.sr-cim{aspect-ratio:4 / 5;background:var(--c-card);overflow:hidden}.sr-cim img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--zpe)}.sr-card:hover .sr-cim img{transform:scale(1.04)}.sr-cn{font-family:var(--f-serif);font-size:20px;line-height:1.2;margin-top:var(--z1)}.sr-res{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--z6);animation:softin .5s var(--ease) both}.sr-h{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:var(--z1);border-bottom:1px solid var(--c-ink)}.sr-row{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:var(--z2);align-items:center;padding:12px 0;border-bottom:1px solid var(--c-line);transition:color .5s var(--zpe)}.sr-row:hover{color:var(--c-indigo)}.sr-th{width:56px;height:56px;background:var(--c-card);overflow:hidden}.sr-th img{width:100%;height:100%;object-fit:cover}.sr-rn{font-family:var(--f-serif);font-size:var(--fs-t);line-height:1.15}.sr-rp{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:var(--fs-ui)}.sr-sold{position:static!important}.sr-all{margin-top:var(--z3)}.sr-pg{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:var(--z2);align-items:baseline;padding:14px 0;border-bottom:1px solid var(--c-line);transition:color .5s var(--zpe)}.sr-pg:hover{color:var(--c-indigo)}.sr-pk{font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--c-stone)}.sr-pt{font-size:var(--fs-body)}.sr-ar{transition:transform .6s var(--zpe)}.sr-pg:hover .sr-ar{transform:translate(4px)}.sr-none{padding:14px 0}.sr-empty{max-width:640px;animation:softin .5s var(--ease) both}.sr-et{font-family:var(--f-serif);font-weight:300;font-size:var(--fs-h3);line-height:1.1;margin-bottom:var(--z1)}.sr-help{margin-top:var(--z4)}@media(max-width:1023px){.sr-panel{max-height:100vh;height:100svh}.sr-top{padding:var(--z2) var(--mx)}.sr-in{font-size:26px}.sr-clear{display:none}.sr-body{padding:var(--z4) var(--mx) var(--z5)}.sr-idle,.sr-res{grid-template-columns:minmax(0,1fr);gap:var(--z5)}.sr-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--z2)}.sr-rn{font-size:19px}}@media(max-width:1023px)and (min-width:768px){.sr-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/section-search-overlay.css.map */