/* Search workspace · Design System 2 · 2026-09-06 */
@font-face{font-family:Pretendard;src:url('/assets/fonts/pretendard/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
body:has(.fe-v2){background:#f7f3ec}
.fe-v2.split-layout-container{display:block;min-height:100vh;background:var(--ds-bg);padding:24px 0 calc(96px + env(safe-area-inset-bottom))}
.fe-v2 .content-panel{display:block;width:100%;max-width:1040px;margin:0 auto;padding:0 var(--ds-gutter)!important;background:transparent;min-height:0}
.fe-v2 .content-container{width:100%;max-width:none;margin:0;padding:0!important}
.fe-v2 .mq-tabs{position:static;display:flex;width:100%;gap:24px;padding:0;margin:0 0 24px;border:0;border-bottom:1px solid var(--ds-line);background:transparent;box-shadow:none;border-radius:0}
.fe-v2 .mq-tab{flex:0 1 auto;min-height:48px;padding:12px 0;gap:8px;border:0;border-bottom:3px solid transparent;border-radius:0;background:none;color:var(--ds-muted);font-size:1rem;font-weight:500}
.fe-v2 .mq-tab.active{background:none;color:var(--ds-primary);border-bottom-color:var(--ds-primary);font-weight:700;box-shadow:none}
.fe-v2 .mq-tab-panel{padding:0}
.fe-v2-search-label{display:block;font-size:.875rem;font-weight:600;margin-bottom:8px}
.fe-v2 .mq-toolbar{display:flex;gap:8px;margin:0 0 24px;padding:0;align-items:center}
.fe-v2 .mq-search-wrap{flex:1;min-width:0}
.fe-v2 .mq-search-input{width:100%;height:auto;min-height:56px;background:var(--ds-surface);color:var(--ds-ink);border:1px solid var(--ds-control);border-radius:16px;font-size:1rem;padding:12px 16px 12px 44px;box-shadow:none}
.fe-v2 .mq-search-wrap>i{color:var(--ds-primary)}
.fe-v2 #searchInput{padding-right:52px}
.fe-v2 #searchInput::-webkit-search-cancel-button{display:none}
.fe-v2 .fe-search-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:44px;height:44px;padding:0;border:0;border-radius:12px;background:transparent;color:var(--ds-primary);font-size:24px;cursor:pointer}
.fe-v2 .fe-search-clear[hidden]{display:none}
.fe-v2 .fe-search-clear:hover{background:var(--ds-soft)}
.fe-v2 .mq-icon-btn{flex:none;min-width:48px;width:48px;height:48px;border:1px solid var(--ds-control);border-radius:12px;background:var(--ds-surface);color:var(--ds-primary)}
.fe-v2 .mq-icon-btn.is-active{background:var(--ds-soft)}
.fe-v2 .mq-chips{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0 0 16px;overflow:visible}
.fe-v2 .mq-chip{min-height:44px;white-space:normal;padding:8px 16px;background:var(--ds-surface);color:var(--ds-muted);border:1px solid var(--ds-control);border-radius:12px;font-size:.875rem;font-weight:500;box-shadow:none}
.fe-v2 .mq-chip.active{background:var(--ds-soft);color:var(--ds-primary);border-color:var(--ds-primary);font-weight:700}
.fe-v2 #advancedFilterPanel{margin:0 0 24px;padding:24px;border-radius:20px;background:var(--ds-surface);border:1px solid var(--ds-line);box-shadow:none}
.fe-v2 .filter-grid{gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}
.fe-v2 .filter-grid select,.fe-v2 .fe-care-toolbar select,.fe-v2 input[type=date],.fe-v2 .mq-sort-select{min-height:48px;max-width:100%;border:1px solid var(--ds-control);border-radius:12px;background:var(--ds-surface);color:var(--ds-ink);font-size:.875rem}
.fe-v2 .drawer-label,.fe-v2 .checkbox-text,.fe-v2 .fe-tier-label{color:var(--ds-ink);font-size:.875rem;font-weight:600}
.fe-v2 .fe-nutrient-tier{padding-top:16px}
.fe-v2 .fe-tier-chips{margin-bottom:0}
.fe-v2 .filter-actions{gap:12px;margin-top:24px}
.fe-v2 .btn{min-height:48px;border-radius:12px;font-size:.875rem;font-weight:600;box-shadow:none}
.fe-v2 .btn-primary{background:var(--ds-primary);border-color:var(--ds-primary);color:#fff}
.fe-v2 .btn-outline{background:var(--ds-surface);color:var(--ds-primary);border-color:var(--ds-primary)}
.fe-v2 .mq-result-header{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:24px 0 16px;padding:0;background:none;border:0}
.fe-v2 .mq-result-header__count{color:var(--ds-ink);font-size:1rem}
.fe-v2 #resultCount{color:var(--ds-primary);font-size:1.375rem;font-weight:700;font-style:normal;font-variant-numeric:tabular-nums}
.fe-v2 .current-metric{color:var(--ds-muted);font-size:.875rem}
.fe-v2 .results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0;margin:0}
.fe-v2 .result-card{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:start;margin:0;padding:16px;gap:12px;border:1px solid var(--ds-line);border-radius:20px;background:var(--ds-surface);box-shadow:none;min-width:0}
.fe-v2 .result-card:hover{transform:none;border-color:var(--ds-control);box-shadow:none}
.fe-v2 .result-card__row{align-items:flex-start;text-decoration:none;color:inherit}
.fe-v2 .result-thumb{width:80px;height:96px;background:#fff;border-color:var(--ds-line)}
.fe-v2 .result-thumb img{object-fit:contain}
.fe-v2 .result-name{display:block;overflow:visible;white-space:normal;-webkit-line-clamp:unset;line-clamp:unset;color:var(--ds-ink);font-size:1rem;line-height:1.5;font-weight:600;margin-bottom:12px}
.fe-v2 .result-badges{gap:8px}
.fe-v2 .badge{font-size:.75rem;font-weight:500}
.fe-v2 .badge-metric{background:var(--ds-soft);color:var(--ds-primary);border:0;font-weight:600;font-size:.875rem}
.fe-v2 .badge-source,.fe-v2 .badge-category,.fe-v2 .badge-kcal{background:var(--ds-bg);color:var(--ds-muted);border:0}
.fe-v2 .result-card__actions{margin:0;padding:0;border:0;align-self:start}
.fe-v2 .result-card-compare{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:0;background:transparent;border:0;color:var(--ds-primary);font-size:1.125rem;border-radius:12px}
.fe-v2 .result-card-compare:hover{background:var(--ds-soft)}
.fe-v2 .result-card-compare__label{display:none}
.fe-v2 .pagination{padding:0;margin:24px 0}
.fe-v2 :is(.empty-state,.loading-state){grid-column:1/-1;padding:48px 16px;color:var(--ds-muted)}
.fe-v2 .fe-collections-board{margin:0 0 24px;padding:0}
.fe-v2 .fe-collections{display:flex;flex-wrap:wrap;gap:8px;overflow:visible;padding:0}
.fe-v2 .fe-collection{display:inline-flex;align-items:center;justify-content:center;flex:0 1 auto;min-width:44px;width:auto;min-height:44px;padding:8px 16px;border-radius:12px;border:1px solid var(--ds-control);background:var(--ds-surface);color:var(--ds-muted);font-size:.875rem;font-weight:500;line-height:1.5;white-space:normal;text-align:center;box-shadow:none}
.fe-v2 .fe-collection.active{border-color:var(--ds-primary);background:var(--ds-soft);color:var(--ds-primary);font-weight:700}
.fe-v2 :is(.fe-info-banner,.fe-feature-card,.fe-empty,.fe-care-card,.fe-product-row,.section-card){background:var(--ds-surface);border-color:var(--ds-line);border-radius:20px;box-shadow:none}
.fe-v2 .fe-prod-panel{padding:0}
.fe-v2 :is(.fe-info-banner,.fe-feature-card,.fe-success-toast){margin:0 0 24px;padding:16px}
.fe-v2 :is(.fe-feature-card__icon,.fe-info-banner__icon){background:var(--ds-soft);color:var(--ds-primary)}
.fe-v2 .fe-prod-row__name{white-space:normal;overflow:visible;color:var(--ds-ink);font-size:1rem}
.fe-v2 .fe-prod-row__action{min-width:44px;min-height:44px}
.fe-v2 .fe-product-row__link{flex-wrap:wrap}
.fe-v2 .fe-care-search__lead{margin-bottom:16px}
.fe-v2 .mq-modal__panel{background:var(--ds-surface);color:var(--ds-ink);border-radius:20px;max-height:85dvh;overflow:auto}
.fe-v2 .mq-modal__close{min-width:44px;min-height:44px}
.fe-v2 .fe-srch-panel{background:var(--ds-surface);color:var(--ds-ink)}
.fe-v2 .fe-srch-bar{padding:16px;gap:8px;flex-wrap:wrap;border-color:var(--ds-line)}
.fe-v2 .fe-srch-field{min-width:0;min-height:48px;background:var(--ds-bg);color:var(--ds-ink);font-size:1rem}
.fe-v2 .fe-srch-back,.fe-v2 .fe-srch-clear{min-width:44px;min-height:44px;color:var(--ds-primary)}
.fe-v2 .fe-srch-cats{padding:16px;border-color:var(--ds-line)}
.fe-v2 .fe-srch-name{white-space:normal;overflow:visible;font-size:1rem;color:var(--ds-ink)}
.fe-v2 .fe-srch-brand{color:var(--ds-muted)}
.fe-v2 .fe-srch-thumb{object-fit:contain;width:64px;height:64px;background:#fff}
.fe-v2 .fe-srch-item{padding:16px;gap:16px;border-color:var(--ds-line)}
.fe-v2 .fe-srch-item:hover,.fe-v2 .fe-srch-item.is-active{background:var(--ds-soft)}
.fe-v2 .fe-v2-overlay-label{width:100%;font-size:.875rem;font-weight:600}
.fe-v2 .fe-v2-submit{margin:0 16px 16px}
.fe-v2 [hidden]{display:none!important}
@media(max-width:767px){
 .fe-v2.split-layout-container{padding-top:16px}
 .fe-v2 .results-grid{grid-template-columns:minmax(0,1fr)}
 .fe-v2 .filter-grid{grid-template-columns:minmax(0,1fr)}
 .fe-v2 #advancedFilterPanel{padding:16px}
 .fe-v2 .fe-tier-chips{gap:8px}
 .fe-v2 .fe-tier-chips .mq-chip{flex:1 1 auto}
 .fe-v2 .fe-quick-search{flex-wrap:wrap}
}
@media(max-width:359px){
 .fe-v2 .mq-tabs{gap:16px}
 .fe-v2 .mq-tab{font-size:.875rem}
 .fe-v2 .result-thumb{width:64px;height:80px}
}
.fe-v2 .fe-food-idle{grid-column:1/-1;margin:0;padding:24px;background:var(--ds-surface);border-color:var(--ds-line);border-radius:20px}
.fe-v2 .fe-food-idle__icon{color:var(--ds-primary)}
.fe-v2 .fe-food-idle__title{color:var(--ds-ink);font-size:1.125rem}
.fe-v2 .fe-food-idle__list,.fe-v2 .fe-food-idle__list strong{color:var(--ds-muted);font-size:.875rem}
.fe-v2 .mq-search-wrap{position:relative;padding:0;border:0;background:transparent;box-shadow:none}
.fe-v2 .mq-search-wrap>i{position:absolute;left:16px;z-index:1;pointer-events:none}
.fe-v2 .mq-search-input::placeholder{color:var(--ds-muted);opacity:1}
.fe-v2 .fe-v2-discovery{margin:0 0 24px;border-block:1px solid var(--ds-line)}
.fe-v2 .fe-v2-discovery summary{color:var(--ds-primary);font-size:.875rem}
.fe-v2 .fe-collections-board__head{display:none}
.fe-v2 .fe-collections-board{margin:0;padding-bottom:16px}
.fe-v2 .mq-tab::after{display:none}
body:has(.fe-v2) #feCompareBar:not(.show){display:none!important}
body:has(.fe-v2) #feCompareBar.show{background:#fffdf9;color:#24352d;border:1px solid #7b887d;border-radius:20px;box-shadow:0 8px 24px #24352d20}
.fe-v2 .mq-sort-select{width:auto;flex:0 1 auto}
.fe-v2 .fe-srch-results{min-height:0;overflow-y:auto}
.fe-v2 .fe-srch-panel{max-height:100dvh}
@media(min-width:1024px){.fe-v2 .fe-srch-panel{max-height:80dvh}}
/* Compact catalog cards: category, brand and product name only. */
.fe-v2 .result-category{margin-bottom:8px;font-size:.875rem;line-height:1.5;color:var(--ds-muted)}
.fe-v2 .result-name{margin-bottom:0}
.fe-v2 .result-brand{margin-bottom:4px}
/* Native comparison sheet, above navigation and other page layers. */
.fe-compare-sheet{position:fixed;inset:0;margin:auto;padding:24px;width:calc(100% - 48px);max-width:560px;max-height:85dvh;border:1px solid var(--ds-line);border-radius:20px;background:var(--ds-surface);color:var(--ds-ink);overflow:auto}
.fe-compare-sheet::backdrop{background:rgb(25 35 29 / .45)}
.fe-compare-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.fe-compare-sheet .fe-compare-head h2{font-size:1.375rem}
.fe-compare-sheet :is(.fe-compare-close,.fe-compare-remove){flex:none;min-width:44px;min-height:44px;border:0;border-radius:12px;background:transparent;color:var(--ds-primary);cursor:pointer}
.fe-compare-sheet :is(.fe-compare-close,.fe-compare-remove):hover{background:var(--ds-soft)}
.fe-compare-sheet .fe-compare-hint{margin:8px 0 16px;color:var(--ds-muted);font-size:.875rem}
.fe-compare-list{display:grid}
.fe-compare-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-top:1px solid var(--ds-line)}
.fe-compare-row>span{min-width:0;font-size:1rem}
.fe-compare-sheet .fe-compare-remove{font-size:.875rem;padding:8px}
.fe-compare-footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:16px}
.fe-compare-launcher{position:fixed;z-index:30;right:max(16px,calc((100vw - 1040px)/2));bottom:calc(88px + env(safe-area-inset-bottom));min-height:48px;padding:12px 16px;border:1px solid #7b887d;border-radius:16px;background:#fffdf9;color:#3e634a;font:600 .875rem/1.5 Pretendard,sans-serif;box-shadow:0 4px 16px #24352d18;cursor:pointer}
.fe-compare-launcher[hidden]{display:none}
.fe-compare-launcher:focus-visible{outline:3px solid #3e634a;outline-offset:3px}
@media(max-width:767px){.fe-compare-sheet{inset:auto 0 0;margin:0;width:100%;max-width:none;padding:16px 16px calc(16px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0}}
.fe-v2 .result-metric{margin-top:8px;color:var(--ds-muted);font-size:.875rem;line-height:1.5;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
/* Search help uses the same native sheet treatment as the comparison tray. */
.fe-v2 #feSearchGuide{position:fixed;inset:0;margin:auto;width:calc(100% - 48px);max-width:560px;height:fit-content;max-height:85dvh;padding:24px;border:1px solid var(--ds-line);border-radius:20px;background:var(--ds-surface);color:var(--ds-ink);overflow:auto;backdrop-filter:none;-webkit-backdrop-filter:none;animation:none}
.fe-v2 #feSearchGuide[open]{display:block}
.fe-v2 #feSearchGuide::backdrop{background:rgb(25 35 29 / .45)}
.fe-v2 #feSearchGuide .mq-modal__panel{position:static;width:100%;max-width:none;max-height:none;overflow:visible;margin:0;padding:0;background:transparent;box-shadow:none;border:0;border-radius:0;animation:none}
.fe-v2 #feSearchGuide .mq-modal__close{top:16px;right:16px;width:44px;height:44px;color:var(--ds-primary);border-radius:12px}
.fe-v2 #feSearchGuide .mq-modal__close:hover{background:var(--ds-soft)}
.fe-v2 #feSearchGuide .guide-callout__title{padding:0 48px 0 0;margin:0 0 16px;min-height:44px;display:flex;align-items:center;color:var(--ds-ink);font-size:1.375rem;line-height:1.4;font-weight:700}
.fe-v2 #feSearchGuide .guide-callout__icon{display:none}
.fe-v2 #feSearchGuide .guide-callout__list{margin:0;padding-left:24px;color:var(--ds-muted);font-size:1rem;line-height:1.6}
.fe-v2 #feSearchGuide .guide-callout__list li{margin:0 0 12px}
.fe-v2 #feSearchGuide .guide-callout__list li:last-child{margin-bottom:0}
.fe-v2 #feSearchGuide .guide-callout__list strong{color:var(--ds-ink)}
@media(max-width:767px){.fe-v2 #feSearchGuide{inset:auto 0 0;margin:0;width:100%;max-width:none;border-radius:20px 20px 0 0;padding:16px 16px calc(24px + env(safe-area-inset-bottom))}}
/* Initial discovery occupies the results area until a search starts. */
.fe-v2 .fe-is-idle .mq-result-header,
.fe-v2 .fe-is-idle #metricChips,
.fe-v2 #feDiscovery[hidden]{display:none!important}
.fe-v2 .fe-discovery{margin:24px 0 16px}
.fe-v2 .fe-discovery__buttons{display:flex;flex-wrap:wrap;gap:8px}
.fe-v2 .fe-discovery__note{margin:12px 0 0;color:var(--ds-muted);font-size:.875rem;line-height:1.6}