.qt-search-block{max-width:100%}
.qt-search{--qt-sf-edge:var(--qt-search-border,rgba(15,61,99,.38));font-size:15px;margin-inline:auto;max-width:var(--qt-search-max,520px);position:relative;width:100%}
.qt-search__form{margin:0;display:flex;align-items:center;gap:8px}
.qt-search__field{position:relative;flex:1;min-width:0;display:flex;align-items:center;gap:6px;min-height:48px;padding:0 8px 0 46px;background:var(--qt-search-bg,#fff);border:1.5px solid var(--qt-sf-edge);border-radius:var(--qt-search-radius,999px);box-shadow:0 1px 2px rgba(15,61,99,.08),0 8px 20px -6px rgba(15,61,99,.20);transition:border-color .15s ease,box-shadow .15s ease}
.qt-search__field:hover{border-color:rgba(15,61,99,.6)}
.qt-search__field:focus-within{border-color:var(--qt-accent,var(--qtc-accent,#048a7c));box-shadow:0 1px 2px rgba(15,61,99,.08),0 8px 20px -6px rgba(15,61,99,.20),0 0 0 4px var(--qtc-accent-100,#d3eeec)}
.qt-search--sm .qt-search__field{min-height:42px}
.qt-search--lg .qt-search__field{min-height:56px;font-size:17px}
.qt-search__icon{position:absolute;inset-inline-start:18px;top:50%;translate:0 -50%;display:grid;color:var(--qt-navy,#0f3d63);pointer-events:none}
.qt-search__icon .qt-ui-icon{width:18px;height:18px}
.qt-search__chips{display:flex;flex-wrap:nowrap;gap:4px;max-width:55%;overflow:hidden}
.qt-search__chips:empty{display:none}
.qt-search__input{background:transparent!important;border:0!important;box-shadow:none!important;color:var(--qt-ink,#000001);flex:1;font:400 16px/1 var(--qt-body);height:100%;min-height:inherit;min-width:0;outline:0!important;padding:0!important}
.qt-search__input::placeholder{color:#6b7782;opacity:1}
.qt-search__input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}
.qt-search__clear{display:grid;place-items:center;flex:none;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--qt-navy,#0f3d63);cursor:pointer;transition:background-color .15s,color .15s}
.qt-search__clear[hidden],.qt-search__close[hidden]{display:none}
.qt-search__clear:hover,.qt-search__clear:focus-visible{background:var(--qt-hover-bg,#e6f5f4);color:var(--qt-hover-ink,#03776a)}
.qt-search__clear .qt-ui-icon{width:18px;height:18px}
.qt-search__submit{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 18px;border:0;border-radius:999px;background:var(--qt-accent,var(--qtc-accent,#048a7c));color:#fff;cursor:pointer;font:600 13px/1 var(--qt-head);letter-spacing:.5px;text-transform:uppercase}
.qt-search__close{flex:none;height:44px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--qt-navy,#0f3d63);font:400 16px/1 var(--qt-body);cursor:pointer}
.qt-search__close:hover,.qt-search__close:focus-visible{background:var(--qt-hover-bg,#e6f5f4);color:var(--qt-hover-ink,#03776a)}
.qt-search :focus-visible{outline:2px solid var(--qtc-accent,#048a7c);outline-offset:2px}
.qt-search__input:focus-visible{outline:0}
/* panel */
.qt-search__panel{animation:qt-pop .18s var(--qt-ease,ease);background:#fff;border:1px solid var(--qt-line,#e0e4e8);border-radius:24px;box-shadow:0 1px 2px rgba(15,61,99,.06),0 24px 48px -12px rgba(15,61,99,.24);display:flex;flex-direction:column;left:0;max-height:min(76vh,680px);overflow:hidden;position:absolute;text-align:left;top:calc(100% + 10px);width:min(var(--qt-search-panel,920px),100vw - 32px);z-index:1000}
.qt-search__panel[hidden]{display:none}
@keyframes qt-pop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.qt-sp__top{display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid var(--qt-line,#e0e4e8);flex:none}
.qt-lab{font:600 12px/1 var(--qt-head);letter-spacing:.08em;text-transform:uppercase;color:var(--qt-muted)}
.qt-lab em{font-style:normal;font-weight:400;letter-spacing:0;text-transform:none;margin-inline-start:8px;font-family:var(--qt-body);font-size:13px}
.qt-search .qt-seg{position:relative;display:inline-grid;grid-template-columns:repeat(4,1fr);padding:4px;border-radius:999px;background:#eef2f4;--i:0}
.qt-search .qt-seg::before{content:"";position:absolute;inset-inline-start:4px;top:4px;bottom:4px;width:calc((100% - 8px)/4);border-radius:999px;background:#fff;box-shadow:0 1px 2px rgba(15,61,99,.12),0 2px 6px rgba(15,61,99,.08);translate:calc(var(--i)*100%) 0;transition:translate var(--qt-spring-dur,.5s) var(--qt-spring,ease)}
.qt-search .qt-seg button{position:relative;z-index:1;min-width:92px;height:36px;padding:0 16px;border:0;border-radius:999px;background:none;color:var(--qt-muted);cursor:pointer;font:400 15px/1 var(--qt-body);transition:color .15s}
.qt-search .qt-seg button:hover{color:var(--qt-hover-ink,#03776a)}
.qt-search .qt-seg button[aria-checked=true]{color:var(--qt-navy,#0f3d63)}
.qt-sp__cols{display:grid;grid-template-columns:280px minmax(0,1fr);flex:1;min-height:0;overflow:hidden}
.qt-sp__cols.no-side,.qt-sp__cols:not(:has(.qt-sp__side)){grid-template-columns:minmax(0,1fr)}
.qt-sp__side{background:var(--qt-surface,#f9fafb);border-inline-end:1px solid var(--qt-line,#e0e4e8);overflow:auto;padding:18px 12px;min-height:0}
.qt-sp__main{min-width:0;overflow:auto;padding:18px 24px 22px;min-height:0}
.qt-sp__group{margin-bottom:22px}
.qt-sp__group:last-child{margin-bottom:0}
.qt-search .qt-sp__h{color:var(--qt-muted);font:600 12px/1 var(--qt-head);letter-spacing:.08em;margin:0 0 10px;padding:0 12px;text-transform:uppercase}
.qt-sp__main .qt-sp__h{padding:0}
.qt-search .qt-sp__h small{font-weight:400;letter-spacing:0;margin-inline-start:4px}
.qt-sp__sug{align-items:center;background:transparent;border:0;border-radius:var(--qt-hover-radius,10px);color:var(--qt-ink,#000001);cursor:pointer;display:flex;font:400 16px/1.3 var(--qt-body);gap:12px;padding:11px 12px;text-align:left;transition:background-color .15s ease,color .15s ease;width:100%}
.qt-sp__sug .qt-ui-icon{color:var(--qt-muted);flex:none;height:17px;width:17px}
.qt-sp__sug span{flex:1;min-width:0}
.qt-sp__sug em{display:block;font:400 13px/1.2 var(--qt-body);font-style:normal;margin-top:2px}
.qt-sp__sug em,.qt-sp__sug small{color:var(--qt-muted);font-size:13px}
.qt-sp__sug:hover,.qt-sp__sug:focus-visible,.qt-sp__sug[aria-selected=true]{background:var(--qt-hover-bg,#e6f5f4);color:var(--qt-hover-ink,#03776a)}
.qt-sp__sug:hover .qt-ui-icon{color:var(--qt-hover-ink,#03776a)}
.qt-sp__sug--all{color:var(--qtc-accent-700,#03776a)}
.qt-sp__sug--all b{font-family:var(--qt-head);font-weight:600}
.qt-sp__chips{display:flex;flex-wrap:wrap;gap:10px}
.qt-search .qt-chip{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 18px;border:0;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--qt-line-strong,#c0c8d0);color:var(--qt-ink,#000001);cursor:pointer;font:400 15px/1 var(--qt-body);transition:box-shadow .15s ease,background-color .15s ease,color .15s ease,scale var(--qt-spring-dur,.5s) var(--qt-spring,ease)}
.qt-search .qt-chip:hover,.qt-search .qt-chip:focus-visible,.qt-search .qt-chip[aria-selected=true]{background:var(--qt-hover-bg,#e6f5f4);box-shadow:inset 0 0 0 1.5px var(--qtc-accent,#048a7c);color:var(--qt-hover-ink,#03776a)}
.qt-search .qt-chip:active{scale:.93}
.qt-search .qt-chip--sm{height:30px;padding:0 10px;gap:6px;font-size:13px;background:var(--qtc-accent-50,#e6f5f4);color:var(--qtc-accent-700,#03776a);box-shadow:none}
.qt-search .qt-sp__note{background:#fef3d9;border-radius:12px;color:#6b4a00;font-size:14px;margin:0 0 14px;padding:8px 12px}
.qt-search .qt-sp__empty{padding:10px 0}
.qt-search .qt-sp__empty h4{color:var(--qt-navy);font:600 18px/1.3 var(--qt-head);margin:0 0 4px}
.qt-search .qt-sp__empty p{color:var(--qt-muted);margin:0 0 14px}
.qt-sp__msg{color:var(--qt-muted);grid-column:1/-1;padding:28px}
.qt-sp__msg--loading{display:flex;gap:6px;justify-content:center}
.qt-sp__msg--loading span{animation:qt-dot 1s infinite var(--qt-ease,ease);background:var(--qtc-accent-100,#d3eeec);border-radius:50%;height:8px;width:8px}
.qt-sp__msg--loading span:nth-child(2){animation-delay:.15s}
.qt-sp__msg--loading span:nth-child(3){animation-delay:.3s}
@keyframes qt-dot{50%{background:var(--qtc-accent,#048a7c)}}
/* result rows */
.qt-sr{align-items:center;border-radius:var(--qt-hover-radius,10px);color:inherit!important;display:grid;gap:16px;grid-template-columns:64px minmax(0,1fr) auto;margin:0 -12px;padding:10px 12px;text-decoration:none!important;transition:background-color .15s ease}
.qt-sr__img{background:var(--qt-card-bg,var(--t,var(--qt-tint-none,#eef2f4)));border-radius:16px;display:grid;height:64px;overflow:hidden;place-items:center;width:64px}
.qt-sr__img img{box-shadow:0 0 0 .5px rgba(0,0,0,.06),0 1px 2px rgba(15,30,45,.14),3px 6px 10px -5px rgba(15,30,45,.3);display:block;height:auto;max-height:76%;max-width:76%;width:auto}
.qt-sr__img--icon .qt-ui-icon{color:var(--qt-muted);height:24px;width:24px}
.qt-sr__body{display:grid;gap:2px;min-width:0}
.qt-sr__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font:400 16px/1.35 var(--qt-body);color:var(--qt-ink,#000001);transition:color .15s}
.qt-sr__meta{color:var(--qt-muted);font:400 14px/1.35 var(--qt-body)}
.qt-sr__price{color:var(--qt-navy,#0f3d63);font:600 15px/1 var(--qt-head);white-space:nowrap}
.qt-free{display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:999px;background:var(--qtc-accent-50,#e6f5f4);color:var(--qtc-accent-700,#03776a);font:600 11px/1 var(--qt-head);letter-spacing:.08em;text-transform:uppercase}
.qt-oos{color:var(--qt-muted);font:400 13px/1 var(--qt-body);white-space:nowrap}
.qt-sr:hover,.qt-sr:focus-visible,.qt-sr[aria-selected=true]{background:var(--qt-hover-bg,#e6f5f4)}
.qt-sr:hover .qt-sr__title,.qt-sr[aria-selected=true] .qt-sr__title{color:var(--qt-hover-ink,#03776a)}
.qt-sr:hover .qt-free{background:#fff}
.qt-sr mark{background:#fbdc93;border-radius:3px;color:inherit;padding:0 1px}
/* grid card (same look as the shop grid) */
.qt-sp__grid{display:grid;gap:20px;grid-template-columns:repeat(4,minmax(0,1fr))}
.qt-sc{color:inherit!important;display:flex;flex-direction:column;min-width:0;text-decoration:none!important}
.qt-sc__img{align-items:flex-end;aspect-ratio:1/1;background:var(--qt-card-bg,var(--t,var(--qt-tint-none,#eef2f4)));border-radius:24px;display:flex;justify-content:center;padding-bottom:10%;position:relative}
.qt-sc__img::after{background:radial-gradient(closest-side,rgba(15,30,45,.22),rgba(15,30,45,0));border-radius:50%;bottom:8%;content:"";height:4.5%;left:20%;position:absolute;right:20%;transition:transform .45s var(--qt-ease-out,ease),opacity .45s var(--qt-ease-out,ease)}
.qt-sc__img img{box-shadow:0 0 0 .5px rgba(0,0,0,.06),0 1px 2px rgba(15,30,45,.14),0 8px 14px -6px rgba(15,30,45,.3);display:block;max-height:72%;max-width:72%;position:relative;transition:transform .45s var(--qt-ease-out,ease);z-index:1}
.qt-sc:hover .qt-sc__img img,.qt-sc[aria-selected=true] .qt-sc__img img{transform:translateY(var(--qt-hover-lift,-6px))}
.qt-sc:hover .qt-sc__img::after{opacity:.55;transform:scale(1.12,1.25)}
.qt-sc__meta{color:var(--qt-muted);font:400 13px/1.45 var(--qt-body);margin-top:10px}
.qt-sc__title{color:var(--qt-ink,#000001);font:400 16px/1.35 var(--qt-body);margin:3px 0 6px;text-wrap:pretty;transition:color .15s}
.qt-sc:hover .qt-sc__title,.qt-sc[aria-selected=true] .qt-sc__title{color:var(--qt-hover-ink,#03776a)}
.qt-sc__price{color:var(--qt-navy,#0f3d63);font:600 16px/1.2 var(--qt-head)}
.qt-sc__price.is-free{color:var(--qtc-accent,#048a7c)}
.qt-sc:focus-visible{outline:2px solid var(--qtc-accent,#048a7c);outline-offset:6px;border-radius:14px}
/* phone: the open search becomes a full sheet with its own close button */
html.qt-search-lock{overflow:hidden;overscroll-behavior:none}
@media(max-width:699px){
.qt-search.is-open{position:fixed;inset:0;z-index:100001;max-width:none;margin:0;display:flex;flex-direction:column;background:#fff}
.qt-search.is-open .qt-search__form{flex:none;padding:8px 8px 8px 12px;background:linear-gradient(180deg,#fff,#f3faf9);border-bottom:1px solid var(--qt-line,#e0e4e8)}
.qt-search.is-open .qt-search__field{min-height:48px}
.qt-search.is-open .qt-search__panel{position:static;flex:1;min-height:0;width:auto!important;max-height:none;border:0;border-radius:0;box-shadow:none;animation:none}
.qt-sp__top{flex-wrap:wrap;gap:8px;padding:10px 16px 12px}
.qt-sp__top .qt-lab{flex:1 0 100%}
.qt-search .qt-seg{display:grid;width:100%}
.qt-search .qt-seg button{min-width:0;padding:0 2px;height:40px;font-size:14px}
.qt-sp__cols{display:block;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.qt-sp__side{border:0;background:#fff;padding:14px 8px 4px;overflow:visible}
.qt-sp__main{padding:12px 16px 24px;overflow:visible}
.qt-sp__sug{min-height:48px}
.qt-search .qt-chip{height:44px;padding:0 20px}
.qt-sp__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.qt-sr{grid-template-columns:56px minmax(0,1fr) auto;gap:12px;min-height:64px}
.qt-sr__img{height:56px;width:56px;border-radius:14px}
.qt-sr__title{font-size:15px}
.qt-sr__meta{font-size:13px}
}
@media(min-width:700px){.qt-search__close{display:none}}
@media(prefers-reduced-motion:reduce){.qt-search *{transition-duration:.01ms!important;animation-duration:.01ms!important}}