.universal-search-page{max-width:1160px;margin:0 auto;padding:28px 34px 110px;color:#17181c}.universal-search-page a{text-decoration:none;color:inherit}.universal-search-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:10px 0 24px}.universal-search-header h1{margin:7px 0 7px;font:800 clamp(34px,5vw,58px)/.94 var(--display,Inter,sans-serif);letter-spacing:-.06em}.universal-search-header p{margin:0;color:#85878d;font-size:11px;line-height:1.55}.search-header-back{width:38px;height:38px;border:1px solid rgba(23,24,28,.09);border-radius:12px;display:grid;place-items:center;background:#fff}
.universal-search-box{position:relative}.universal-search-input-wrap{height:56px;display:grid;grid-template-columns:24px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:0 12px 0 17px;border:1px solid rgba(23,24,28,.15);border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(23,24,28,.05)}.universal-search-input-wrap>span{display:grid;place-items:center;color:#62646a}.universal-search-input-wrap input{border:0;outline:0;background:transparent;min-width:0;height:100%;font-size:14px;color:#17181c}.universal-search-input-wrap input::placeholder{color:#989aa0}.universal-search-input-wrap kbd{border:1px solid rgba(23,24,28,.10);background:#f5f5f2;border-radius:7px;padding:5px 7px;color:#8a8c92;font:700 8px Inter,system-ui,sans-serif}.universal-search-input-wrap button{border:0;background:transparent;color:#87898e;font-size:20px;line-height:1;cursor:pointer}.universal-suggestion-panel{position:absolute;left:0;right:0;top:63px;z-index:50;background:#fff;border:1px solid rgba(23,24,28,.10);border-radius:16px;box-shadow:0 26px 60px rgba(0,0,0,.15);padding:9px;max-height:440px;overflow:auto}.universal-suggestion-group{padding:5px}.universal-suggestion-group+ .universal-suggestion-group{border-top:1px solid rgba(23,24,28,.07);margin-top:6px;padding-top:10px}.universal-suggestion-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.universal-suggestion-head span{font-size:7px;letter-spacing:.12em;font-weight:900;color:#9b9da2}.universal-suggestion-head a{font-size:7px;color:#6f7177}.universal-suggestion-item{width:100%;display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px;border:0;background:transparent;border-radius:10px;text-align:left;cursor:pointer}.universal-suggestion-item:hover{background:#f7f7f4}.universal-suggestion-thumb{width:36px;height:36px;border-radius:10px;background:#ecece8;overflow:hidden}.universal-suggestion-thumb img{width:100%;height:100%;object-fit:cover}.universal-suggestion-item strong{display:block;font-size:9px}.universal-suggestion-item small{display:block;margin-top:2px;color:#96989e;font-size:7px}.universal-suggestion-item b{font-size:8px}
.universal-filter-row{display:flex;gap:7px;align-items:center;overflow:auto;padding:10px 0 2px;scrollbar-width:none}.universal-filter-row::-webkit-scrollbar{display:none}.universal-filter{border:1px solid rgba(23,24,28,.09);background:#fff;color:#73757b;border-radius:999px;padding:8px 11px;font-size:8px;font-weight:900;cursor:pointer;white-space:nowrap}.universal-filter.is-active{background:#17181c;border-color:#17181c;color:#fff}.universal-filter-sort{margin-left:auto;display:inline-flex;align-items:center;gap:5px}.universal-recent{margin-top:24px}.universal-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:11px}.universal-section-head h2{margin:5px 0 0;font:800 19px/1 var(--display,Inter,sans-serif);letter-spacing:-.04em}.universal-section-head>span,.universal-section-head button{font-size:8px;color:#8a8c91}.universal-section-head button{border:0;background:transparent;font-weight:800;cursor:pointer}.universal-recent-row{display:flex;gap:7px;overflow:auto;scrollbar-width:none}.universal-recent-row::-webkit-scrollbar{display:none}.universal-recent-chip{display:flex;align-items:center;gap:5px;padding:8px 10px;border:1px solid rgba(23,24,28,.08);border-radius:999px;background:#fff;font-size:8px;white-space:nowrap;cursor:pointer}.universal-results{margin-top:28px}.universal-results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.universal-result-card{border:1px solid rgba(23,24,28,.08);border-radius:16px;background:#fff;overflow:hidden;min-width:0;transition:transform .18s ease,box-shadow .18s ease}.universal-result-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(23,24,28,.08)}.universal-result-media{height:190px;background:#f0f0ed;overflow:hidden}.universal-result-media img{width:100%;height:100%;object-fit:cover}.universal-result-body{padding:11px}.universal-result-type{font-size:6px;letter-spacing:.12em;text-transform:uppercase;color:#999ba0;font-weight:900}.universal-result-body h3{margin:5px 0 4px;font:800 13px/1.13 var(--display,Inter,sans-serif);letter-spacing:-.02em}.universal-result-body p{margin:0;color:#83858a;font-size:8px;line-height:1.45}.universal-result-meta{display:flex;justify-content:space-between;gap:8px;margin-top:9px;font-size:7px;color:#7b7d83}.universal-result-meta strong{color:#17181c}.universal-empty{padding:56px 12px;text-align:center}.universal-empty>div{width:48px;height:48px;border-radius:15px;background:#f3f2ee;margin:0 auto 10px;display:grid;place-items:center}.universal-empty h3{margin:0 0 5px;font:800 21px var(--display,Inter,sans-serif);letter-spacing:-.03em}.universal-empty p{margin:0;color:#8b8d92;font-size:8px}
.universal-filter-overlay{position:fixed;inset:0;z-index:1900;display:grid;place-items:center;padding:20px;background:rgba(17,18,21,.4);backdrop-filter:blur(10px)}.universal-filter-overlay[hidden]{display:none}.universal-filter-sheet{width:min(100%,500px);border:1px solid rgba(23,24,28,.08);border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.2)}.universal-filter-sheet header{display:flex;justify-content:space-between;gap:10px;padding:18px;border-bottom:1px solid rgba(23,24,28,.08)}.universal-filter-sheet header h2{margin:6px 0 0;font:800 23px var(--display,Inter,sans-serif);letter-spacing:-.04em}.universal-filter-sheet header button{width:32px;height:32px;border:0;background:#f1f1ee;border-radius:10px;cursor:pointer;font-size:18px}.universal-filter-body{padding:2px 18px}.universal-filter-body label{display:grid;gap:6px;padding:14px 0;border-bottom:1px solid rgba(23,24,28,.08)}.universal-filter-body label:last-child{border-bottom:0}.universal-filter-body label>span{font-size:8px;font-weight:900}.universal-filter-body select,.universal-filter-body input:not([type=checkbox]){height:41px;border:1px solid rgba(23,24,28,.10);border-radius:10px;background:#fff;padding:0 10px;outline:0;font-size:9px}.universal-check{display:flex!important;align-items:center;gap:8px}.universal-check input{margin:0}.universal-filter-sheet footer{display:flex;gap:8px;padding:13px 18px;background:#fbfaf7;border-top:1px solid rgba(23,24,28,.08)}.universal-filter-sheet footer .btn{flex:1}
@media(max-width:900px){.universal-search-page{padding:18px 14px calc(96px + env(safe-area-inset-bottom,0px))}.universal-search-header{padding-top:4px}.universal-search-header h1{font-size:38px}.universal-search-input-wrap{height:50px;border-radius:15px}.universal-search-input-wrap input{font-size:12px}.universal-search-input-wrap kbd{display:none}.universal-filter-sort{margin-left:0}.universal-results-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.universal-result-media{height:150px}}
@media(max-width:560px){.universal-search-page{padding-left:12px;padding-right:12px}.universal-search-header{padding-bottom:18px}.universal-search-header h1{font-size:34px}.universal-search-header p{font-size:9px}.universal-filter-row{gap:5px}.universal-filter{font-size:7px;padding:7px 9px}.universal-results{margin-top:22px}.universal-results-grid{grid-template-columns:1fr 1fr}.universal-result-media{height:132px}.universal-result-body{padding:9px}.universal-result-body h3{font-size:10px}.universal-filter-overlay{align-items:end;padding:0}.universal-filter-sheet{width:100%;border-radius:22px 22px 0 0}.universal-filter-sheet header{padding:16px}.universal-filter-body{padding:0 16px}}

/* Universal search page: better hierarchy, usable filters and polished result cards. */
.universal-search-page { max-width:1320px!important; padding-top:32px!important; color:#17211d!important; }
.universal-search-header { align-items:center!important; padding:8px 0 26px!important; }
.universal-search-header h1 { font-family:Outfit,Inter,sans-serif!important; letter-spacing:-.065em!important; }
.universal-search-header p { max-width:500px; font-size:12px!important; }
.search-header-back { width:42px!important; height:42px!important; border-radius:14px!important; box-shadow:0 4px 12px rgba(20,30,24,.035); }
.universal-search-input-wrap { min-height:62px!important; border-color:#dce5df!important; border-radius:19px!important; box-shadow:0 12px 30px rgba(20,45,30,.055)!important; }
.universal-search-input-wrap:focus-within { border-color:#4a9b6e!important; box-shadow:0 0 0 4px rgba(31,133,76,.09),0 12px 30px rgba(20,45,30,.055)!important; }
.universal-search-input-wrap input { font-size:14px!important; }
.universal-suggestion-panel { top:calc(100% + 8px)!important; border-color:#e1e8e3!important; border-radius:16px!important; }
.universal-filter-row { gap:8px!important; padding:15px 0 4px!important; }
.universal-filter { font-size:9px!important; padding:9px 13px!important; border-color:#e1e7e3!important; }
.universal-filter.is-active { background:#17221b!important; border-color:#17221b!important; }
.universal-filter-sort { margin-left:auto; }
.universal-recent { margin-top:28px!important; }
.universal-section-head h2 { font-size:22px!important; font-family:Outfit,Inter,sans-serif!important; }
.universal-recent-chip { padding:9px 12px!important; border-radius:12px!important; font-size:9px!important; background:#fff!important; }
.universal-results { margin-top:32px!important; }
.universal-results-grid { grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:16px!important; }
.universal-result-card { border-color:#e3e9e5!important; border-radius:17px!important; box-shadow:0 4px 16px rgba(20,35,26,.025)!important; }
.universal-result-card:hover { transform:translateY(-3px)!important; box-shadow:0 17px 40px rgba(20,35,26,.09)!important; }
.universal-result-media { height:220px!important; background:#edf2ee!important; }
.universal-result-media img { transition:transform .45s ease; }
.universal-result-card:hover .universal-result-media img { transform:scale(1.035); }
.universal-result-body { padding:15px!important; }
.universal-result-type { font-size:8px!important; letter-spacing:.11em!important; }
.universal-result-body h3 { font-size:16px!important; margin:7px 0 6px!important; }
.universal-result-body p { font-size:10px!important; line-height:1.55!important; }
.universal-result-meta { margin-top:12px!important; font-size:9px!important; }
.universal-empty h3 { font-family:Outfit,Inter,sans-serif!important; font-size:24px!important; }
.universal-empty p { font-size:10px!important; }
.universal-filter-sheet { box-shadow:0 35px 100px rgba(0,0,0,.25)!important; }
.universal-filter-body select,.universal-filter-body input:not([type=checkbox]) { font-size:12px!important; }
@media(max-width:900px) {
  .universal-search-page { padding:24px 18px calc(96px + env(safe-area-inset-bottom,0px))!important; }
  .universal-search-input-wrap { min-height:54px!important; }
  .universal-results-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:12px!important; }
  .universal-result-media { height:180px!important; }
  .universal-result-body { padding:12px!important; }
  .universal-result-body h3 { font-size:13px!important; }
}
@media(max-width:560px) {
  .universal-search-page { padding:18px 12px calc(96px + env(safe-area-inset-bottom,0px))!important; }
  .universal-search-header h1 { font-size:36px!important; }
  .universal-search-header p { font-size:10px!important; }
  .universal-search-input-wrap { grid-template-columns:20px minmax(0,1fr) auto; gap:7px!important; padding-left:12px!important; }
  .universal-search-input-wrap input { font-size:12px!important; }
  .universal-filter { font-size:8px!important; padding:8px 10px!important; }
  .universal-results-grid { gap:9px!important; }
  .universal-result-media { height:145px!important; }
  .universal-result-body { padding:9px!important; }
  .universal-result-body h3 { font-size:11px!important; }
  .universal-result-body p { font-size:8px!important; }
  .universal-result-meta { font-size:7px!important; }
}


/* Universal FashionStore search — full-width, compact product discovery. */
body[data-page="search"] .app-main.with-app-nav{padding:0!important;}
.universal-search-page.universal-search-feed{width:100%;max-width:none!important;margin:0!important;padding:18px clamp(16px,2vw,30px) 64px!important;min-height:calc(100vh - 60px);color:#202126!important;}
.universal-search-topbar{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;gap:12px;align-items:center;width:100%;margin:0 0 14px;}
.universal-search-box{min-width:0;max-width:none!important;width:100%;}
.search-header-back,.universal-bookmark-link{width:38px;height:38px;display:grid;place-items:center;border:1px solid #e9eaec;border-radius:12px;background:#fff;color:#34363b;}
.universal-search-input-wrap{height:46px!important;min-height:46px!important;padding:0 12px!important;border:1px solid #e7e8ea!important;border-radius:13px!important;box-shadow:0 2px 8px rgba(20,24,28,.035)!important;grid-template-columns:20px minmax(0,1fr) auto auto!important;}
.universal-search-input-wrap input{font-size:13px!important;}
.universal-feed-filter-row{display:flex;align-items:center;gap:7px;width:100%;padding:0 0 12px;border-bottom:1px solid #eff0f1;overflow-x:auto;scrollbar-width:none;}
.universal-feed-filter-row::-webkit-scrollbar{display:none;}
.universal-filter-icon-button{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border:1px solid #e8e9eb;border-radius:10px;background:#fff;color:#55585e;}
.universal-feed-filter-row .universal-filter{flex:0 0 auto;padding:7px 12px!important;font-size:10px!important;font-weight:700!important;border-radius:9px!important;background:#fff!important;color:#666970!important;border-color:#e9eaec!important;}
.universal-feed-filter-row .universal-filter.is-active{background:#1d2522!important;color:#fff!important;border-color:#1d2522!important;}
.universal-recent{margin:14px 0 0!important;}
.universal-recent .universal-section-head{margin-bottom:8px!important;}
.universal-section-head h2{font-size:19px!important;}
.universal-results{margin:16px 0 0!important;}
.universal-feed-results-heading{align-items:center!important;margin-bottom:12px!important;}
.universal-feed-results-heading .eyebrow{font-size:9px;letter-spacing:.12em;color:#93969b;font-weight:800;}
.universal-feed-results-heading h2{margin:4px 0 0!important;font-size:21px!important;}
.universal-feed-results-heading>span{font-size:10px!important;color:#8b8e94!important;}
.universal-results-grid.universal-feed-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:14px!important;align-items:start;}
.universal-result-card.universal-feed-tile{display:block;min-width:0;border:1px solid #eceef0!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;}
.universal-result-card.universal-feed-tile:hover{transform:translateY(-2px)!important;border-color:#d9dddf!important;box-shadow:0 10px 24px rgba(25,30,28,.07)!important;}
.universal-result-media{height:auto!important;aspect-ratio: .82/1;background:#f2f2f0!important;position:relative;}
.universal-result-media img{width:100%;height:100%;object-fit:cover;display:block;}
.universal-result-body{padding:9px 10px 10px!important;}
.universal-result-type{font-size:8px!important;letter-spacing:.08em!important;color:#96999e!important;}
.universal-result-body h3{font-size:12px!important;line-height:1.25!important;margin:5px 0 4px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:30px;}
.universal-result-body p{font-size:9px!important;line-height:1.35!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:24px;}
.universal-result-meta{font-size:9px!important;margin-top:7px!important;align-items:center;flex-wrap:wrap;}
.universal-result-meta strong{font-size:9px!important;}
.universal-empty{min-height:340px;padding:44px 18px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}
.universal-empty>div{width:54px;height:54px;margin:0 0 13px!important;border-radius:18px!important;background:#f2f4f3!important;color:#68736d;display:grid;place-items:center;}
.universal-empty>div .icon{width:22px;height:22px;stroke-width:1.6;}
.universal-empty h3{font-size:20px!important;letter-spacing:-.035em!important;color:#202521;}
.universal-empty p{max-width:340px;font-size:11px!important;line-height:1.6;color:#858a87;}
@media(max-width:1100px){.universal-results-grid.universal-feed-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;}}
@media(max-width:900px){.universal-results-grid.universal-feed-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}}
@media(max-width:820px){
  body[data-page="search"] .app-main.with-app-nav{padding:0!important;}
  .universal-search-page.universal-search-feed{padding:14px 13px calc(92px + env(safe-area-inset-bottom,0px))!important;}
  .universal-results-grid.universal-feed-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;}
  .universal-result-body{padding:8px!important;}
  .universal-result-body h3{font-size:11px!important;min-height:27px;}
  .universal-result-body p{font-size:8px!important;}
}
@media(max-width:560px){
  .universal-search-page.universal-search-feed{padding:12px 10px calc(88px + env(safe-area-inset-bottom,0px))!important;}
  .universal-search-topbar{grid-template-columns:34px minmax(0,1fr) 34px;gap:8px;}
  .search-header-back,.universal-bookmark-link{width:32px;height:32px;border-radius:10px;}
  .universal-search-input-wrap{height:42px!important;min-height:42px!important;grid-template-columns:18px minmax(0,1fr) auto!important;gap:7px!important;padding:0 9px!important;}
  .universal-results-grid.universal-feed-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;}
  .universal-result-media{aspect-ratio:.9/1;}
}

.universal-empty[hidden]{display:none!important;}