.bottle-search{max-width:var(--content);margin:32px auto 0;font-size:13px}.search-heading{margin-bottom:24px}.search-heading h1{font-size:26px;margin:0 0 8px}.search-heading>p:last-child{margin:0;font-size:13px}.search-heading .eyebrow{margin-bottom:8px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.bottle-search button,.bottle-search input,.bottle-search select{font:inherit}.search-input-row{display:flex;gap:8px}.search-input-row input{min-width:0;flex:1;background:white;border:1px solid #e5e8eb;border-radius:12px;padding:14px 16px;color:#191f28;outline-offset:3px}.search-input-row input:focus{outline:2px solid #c9822b}.search-submit{border:0;border-radius:12px;background:#6e4023;color:white;font-weight:600!important;min-height:44px;padding:10px 22px;cursor:pointer}.plain-button{min-height:44px;border:1px solid #e5e8eb;background:white;border-radius:12px;padding:10px 24px;color:#333d4b;cursor:pointer}.plain-button:disabled{color:#8b95a1;cursor:wait}
.search-controls{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:16px 0;position:relative}.search-filters>summary{cursor:pointer;list-style:none;padding:10px 16px;border:1px solid #e5e8eb;background:#fff;border-radius:10px;min-height:44px}.search-filters>summary::-webkit-details-marker{display:none}.search-filters>summary:before{content:'≡';font-size:16px;margin-right:8px}.search-filters span,.filter-group summary span{color:#a95f24;font-weight:700;margin-left:4px}.search-sort{display:flex;align-items:center;gap:8px;color:#6b7684}.search-sort select{min-height:44px;max-width:180px;border:1px solid #e5e8eb;border-radius:10px;padding:8px 10px;background:white;color:#333d4b}.filter-panel{position:absolute;z-index:3;top:54px;left:0;right:0;border:1px solid #e5e8eb;border-radius:20px;padding:20px;background:#fff;box-shadow:0 8px 24px #001b3714}.filter-panel-heading{display:flex;justify-content:space-between;align-items:center}.filter-panel h2{font-size:17px;margin:0}.filter-panel-heading a{font-size:12px;color:#a95f24}.filter-help{font-size:12px;margin:8px 0 12px}.filter-groups{max-height:55dvh;overflow:auto;overscroll-behavior:contain}.filter-group{border-top:1px solid #f2f4f6}.filter-group>summary{padding:12px 0;cursor:pointer;font-weight:600}.filter-group fieldset{border:0;padding:0 0 14px;margin:0;min-width:0}.filter-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.filter-option{display:flex;gap:8px;align-items:center;background:#f9fafb;border-radius:9px;padding:10px;cursor:pointer;min-height:44px;overflow-wrap:anywhere}.filter-option input{accent-color:#a95f24;flex-shrink:0;width:16px;height:16px;margin:0}.filter-option span{color:#333d4b;font-weight:400;margin:0;flex:1}.filter-option small{font-size:11px;color:#8b95a1}.filter-option:has(input:checked){background:#fff9f0;outline:1px solid #e9bd8d}.filter-option[hidden]{display:none}.filter-apply{width:100%;margin-top:16px}.filter-find{display:block;margin-bottom:12px;font-size:11px;color:#6b7684}.filter-find[hidden]{display:none}.filter-find input{display:block;box-sizing:border-box;width:100%;padding:10px;margin-top:5px;border:1px solid #e5e8eb;border-radius:9px}
.search-result-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:24px 0 12px}.search-result-heading p{margin:0;font-size:12px}.search-result-heading strong{color:#a95f24;font-size:15px}.search-result-heading #sort-caption{font-size:11px}.search-results{list-style:none;margin:0;padding:0;display:grid;gap:12px}.search-card{background:white;border-radius:20px;box-shadow:0 6px 20px #001b370d;overflow:hidden}.search-card-link{display:flex;gap:18px;align-items:center;padding:18px;min-height:164px}.search-card-link:hover{text-decoration:none;background:#fffdf9}.search-card-photo{position:relative;flex:0 0 86px;height:116px;display:flex;align-items:center;justify-content:center;background:#fff9f0;border-radius:14px;color:#c9822b;overflow:hidden}.search-card-photo img{width:100%;height:100%;object-fit:contain;background:white;position:relative;z-index:1}.search-card-photo span{position:absolute}.search-card-photo .detail-icon{width:32px;height:32px}.search-card-photo img[hidden]{display:none}.search-card-copy{flex:1;min-width:0}.search-card h2{font-size:16px;line-height:1.5;margin:4px 0;color:#333d4b}.search-category{font-size:11px!important;color:#8b95a1}.search-card-copy p{margin:0}.search-english{font-size:11px;color:#8b95a1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.search-card-facts{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:10px;font-size:11px;color:#8b95a1}.search-card-facts strong{font-weight:500;color:#4e5968;margin-left:4px}.search-card-copy .search-score{margin-top:9px;font-size:11px;color:#a95f24}.search-score strong{font-size:14px;margin-left:4px}.search-score span{color:#8b95a1}.search-card-arrow{color:#b0b8c1;font-size:24px}.search-pagination{text-align:center;margin-top:24px}.search-pagination p{font-size:12px}.search-pagination a{display:block;color:#a95f24;margin-top:14px}.search-pagination [hidden]{display:none}
.search-message,.search-start{text-align:center;padding:54px 18px;color:#6b7684}.search-message h2,.search-start h2{font-size:17px;margin:10px 0}.search-message p,.search-start p{font-size:13px}.search-message a{color:#a95f24}.search-start-icon{font-size:52px;line-height:1;color:#c9822b}.search-suggestions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:22px}.search-suggestions a{background:#fff9f0;color:#6e4023;border:1px solid #f3dfc4;padding:8px 16px;border-radius:999px;min-height:40px}
@media(max-width:640px){.bottle-search{margin-top:20px}.search-card-link{padding:15px;gap:13px}.search-card-photo{flex-basis:68px;height:96px}.search-card h2{font-size:14px}.search-card-arrow{display:none}.search-input-row input{padding:12px;font-size:12px}.search-submit{padding:10px 16px}.filter-panel{padding:16px}.filter-options{grid-template-columns:1fr}.search-result-heading{align-items:flex-start;flex-direction:column}.search-sort select{max-width:160px}.search-heading h1{font-size:24px}}