/* Vtik Platform 1.10.9 — Unified Search + Layout Stability */
:root{
  --vtik-page-max:1180px;
  --vtik-page-gutter:14px;
  --vtik-search-h:46px;
  --vtik-search-radius:14px;
  --vtik-search-bg:#171d22;
  --vtik-search-bg-focus:#1a2127;
  --vtik-search-line:#303941;
  --vtik-search-text:#f3f5f6;
  --vtik-search-muted:#89959e;
}
html{overflow-x:hidden}
body.vtik-ui{width:100%;max-width:100vw;overflow-x:hidden}
body.vtik-ui img,body.vtik-ui video,body.vtik-ui canvas,body.vtik-ui svg{max-width:100%}
body.vtik-ui main,body.vtik-ui section,body.vtik-ui header,body.vtik-ui footer,body.vtik-ui div{min-width:0}
/* One horizontal rhythm across all non-feed application pages. */
body.vtik-ui:not(.vtik-platform-feed-page) :is(.wrap,.sp-wrap,.vp-wrap,.vs-wrap,.vc-wrap,.co-wrap,.vo-wrap,.vco-wrap,.va-content,.seller-wrap,.sc-wrap){
  width:min(100%,var(--vtik-page-max));
  margin-left:auto;
  margin-right:auto;
}
body.vtik-ui :is(.grid,.sp-grid,.sp-videos,.vs-grid,.vp-grid,.vp-products,.recommend-grid){min-width:0}
body.vtik-ui :is(.grid,.sp-grid,.sp-videos,.vs-grid,.vp-grid,.vp-products,.recommend-grid)>*{min-width:0;max-width:100%}

/* Search inputs share the same visual and interaction contract. */
.vtik-smart-search{position:relative;min-width:0}
.vtik-smart-search__box,
body.vtik-ui :is(.vp-search,.search,.sp-search,.vs-form)[data-vtik-smart-search]{position:relative;min-width:0}
body.vtik-ui :is(.vp-search,.search,.sp-search,.vs-form)[data-vtik-smart-search] input[type="search"],
body.vtik-ui :is(.vp-search,.search,.sp-search,.vs-form)[data-vtik-smart-search] input[data-q],
body.vtik-ui :is(.vp-search,.search,.sp-search,.vs-form)[data-vtik-smart-search] input[data-search],
body.vtik-ui :is(.vp-search,.search,.sp-search,.vs-form)[data-vtik-smart-search] input[data-search-input]{
  height:var(--vtik-search-h);width:100%;min-width:0;border-radius:var(--vtik-search-radius)!important;
  border:1px solid var(--vtik-search-line)!important;background:var(--vtik-search-bg)!important;color:var(--vtik-search-text)!important;
  outline:0!important;font-size:14px!important;line-height:1.2;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;
}
body.vtik-ui :is(.vp-search,.search,.sp-search,.vs-form)[data-vtik-smart-search] input::placeholder{color:var(--vtik-search-muted)!important;opacity:1}
body.vtik-ui :is(.vp-search,.search,.sp-search,.vs-form)[data-vtik-smart-search] input:focus{
  border-color:#5a6872!important;background:var(--vtik-search-bg-focus)!important;box-shadow:0 0 0 3px rgba(255,107,53,.10)!important;
}
.vtik-search-suggest{position:absolute;z-index:1200;left:0;right:0;top:calc(100% + 7px);display:none;overflow:hidden;
  background:#12181d;border:1px solid #2c3740;border-radius:14px;box-shadow:0 20px 54px rgba(0,0,0,.38);max-height:min(460px,60vh);overflow-y:auto}
.vtik-search-suggest.is-open{display:block}
.vtik-search-suggest__item{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center;padding:9px 10px;
  color:#f3f5f6;text-decoration:none;border-top:1px solid #202a31;min-height:58px}
.vtik-search-suggest__item:first-child{border-top:0}.vtik-search-suggest__item:hover,.vtik-search-suggest__item.is-active{background:#1a2228}
.vtik-search-suggest__media{width:40px;height:40px;border-radius:9px;background:#222b31;display:grid;place-items:center;overflow:hidden;color:#aab4bb;font-weight:900}
.vtik-search-suggest__media img{width:100%;height:100%;object-fit:cover}.vtik-search-suggest__copy{min-width:0}
.vtik-search-suggest__copy strong,.vtik-search-suggest__copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vtik-search-suggest__copy strong{font-size:13px;line-height:1.3}.vtik-search-suggest__copy small{font-size:11px;color:#95a1aa;margin-top:2px}
.vtik-search-suggest__all{display:flex;align-items:center;justify-content:center;min-height:42px;color:#ff8a62;text-decoration:none;font-size:12px;font-weight:800;border-top:1px solid #263139}

/* Internal/context search fields still look identical, but never call the public search API. */
[data-vtik-context-search]{height:42px!important;border-radius:12px!important;border:1px solid var(--vtik-search-line)!important;background:var(--vtik-search-bg)!important;color:var(--vtik-search-text)!important;outline:0!important}
[data-vtik-context-search]:focus{border-color:#5a6872!important;box-shadow:0 0 0 3px rgba(255,107,53,.10)!important}

/* Prevent common mobile horizontal drift caused by viewport-wide children. */
@media(max-width:760px){
  :root{--vtik-page-gutter:8px;--vtik-search-h:44px;--vtik-search-radius:13px}
  body.vtik-ui:not(.vtik-platform-feed-page) :is(.wrap,.sp-wrap,.vp-wrap,.vs-wrap,.vc-wrap,.co-wrap,.vo-wrap,.vco-wrap){max-width:100%;}
  .vtik-search-suggest{position:fixed;left:8px;right:8px;top:auto;max-height:min(52vh,420px)}
}
@media(prefers-reduced-motion:reduce){body.vtik-ui *{scroll-behavior:auto!important}}