.browse-controls{display:flex;gap:16px;flex-wrap:wrap;margin:20px 0;padding:18px;background:#f2f6f1;border-radius:16px}.browse-controls label{display:flex;flex-direction:column;gap:8px;color:#52695e;font-size:14px}.browse-controls select{background:white;border:1px solid #d3dfd5;border-radius:9px;padding:10px;max-width:240px;font:inherit;color:#243d32}.browse-photo{width:64px;height:64px;object-fit:contain;flex-shrink:0;background:white;border:1px solid #e2e9e2;border-radius:12px}.browse-placeholder{display:grid;place-items:center;font-size:32px;color:#789783}.search-page-actions{display:flex;align-items:center;justify-content:center;gap:20px;padding:24px;flex-wrap:wrap}.search-product-result{width:100%;text-align:left}.search-product-result small{display:block;margin-top:6px}.search-results-heading h3{overflow-wrap:anywhere}.search-product-list{border-radius:16px;overflow:hidden;background:white}.search-product-result[aria-busy=true]{opacity:.55}.search-product-result:focus-visible{outline:3px solid #27885d;outline-offset:-3px}@media(max-width:600px){.browse-controls label{flex:1 1 130px;min-width:0}.browse-controls select{max-width:100%;width:100%}.browse-photo{width:48px;height:48px}.search-product-result{gap:12px;padding:16px!important}.result-open{display:none}.search-page-actions{gap:12px;padding:16px}.search-product-result strong{overflow-wrap:anywhere}}

/* Suggestions are a single list, not the former two-column choice grid. */
.product-view{--product-search-width:800px}
.product-view .compare-top,
.product-view #search-results{width:100%;max-width:var(--product-search-width);margin-inline:auto}
.product-view #compare-choices{display:flex;flex-direction:column;align-items:stretch;gap:0}
.product-view #compare-choices>.search-product-list{width:100%;margin:12px 0 0}
.product-view #compare-choices>.search-step-label{margin-bottom:0}
.product-view #compare-choices>.search-subcategories{width:100%}

.variant-select-row{display:flex;align-items:stretch;border-bottom:1px solid var(--line)}.variant-select-row:last-child{border-bottom:0}.variant-select-row .search-product-result{flex:1;min-width:0;border-bottom:0}.variant-check{display:flex;align-items:center;padding:16px;cursor:pointer}.variant-check input{width:22px;height:22px;accent-color:#267450}.variant-select-row:has(input:checked){background:#edf6ee}.multi-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:18px 0}.multi-toolbar small{flex-basis:100%;color:var(--muted)}.multi-comparison{padding:20px;background:white;border:1px solid var(--line);border-radius:16px;margin-top:20px}.multi-table{width:100%;min-width:0;table-layout:fixed;border-collapse:collapse}.multi-table td,.multi-table th{text-align:left;vertical-align:top;padding:14px;border-bottom:1px solid var(--line)}.multi-table td:first-child{min-width:0;max-width:none}.multi-table small{display:block;color:var(--muted);margin-top:8px}.multi-table th{background:#f2f6f1}.multi-comparison select{padding:10px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink)}@media(max-width:600px){.variant-check{padding:10px}.multi-comparison{padding:12px}}

/* Keep every offer inside the comparison card, including long names and actions. */
.multi-comparison{min-width:0;container-type:inline-size}
.multi-table th:nth-child(1){width:29%}.multi-table th:nth-child(2){width:13%}
.multi-table th:nth-child(3){width:11%}.multi-table th:nth-child(4){width:10%}
.multi-table th:nth-child(5){width:19%}.multi-table th:nth-child(6){width:18%}
.multi-table td,.multi-table th{padding:12px 8px;overflow-wrap:anywhere;font-size:12px;line-height:1.5}
.multi-table .btn{white-space:normal;max-width:100%;min-width:0;padding:9px 8px;font-size:12px;overflow-wrap:anywhere;box-sizing:border-box}
.multi-table .offer-purchase{min-width:0;max-width:100%}
@container (max-width:650px){
 .multi-table,.multi-table tbody{display:block;width:100%}
 .multi-table thead{display:none}
 .multi-table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}
 .multi-table td{display:block;min-width:0;padding:0;border:0;font-size:13px}
 .multi-table td:first-child,.multi-table td:last-child{grid-column:1/-1}
 .multi-table td::before{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}
 .multi-table td:nth-child(2)::before{content:'Магазин'}
 .multi-table td:nth-child(3)::before{content:'За упаковку'}
 .multi-table td:nth-child(4)::before{content:'За единицу'}
 .multi-table td:nth-child(5)::before{content:'Наличие и проверка'}
 .multi-table td[colspan]::before{content:none}
}
.search-product-result>span:has(>strong){flex:1;min-width:0}.browse-placeholder{font-size:12px;text-align:center}

/* Image failures keep the same fixed thumbnail slot as loaded images. */
.search-product-result>.browse-photo{flex:0 0 64px;width:64px;min-width:64px;max-width:64px;height:64px;box-sizing:border-box}
@media(max-width:600px){.search-product-result>.browse-photo{flex-basis:48px;width:48px;min-width:48px;max-width:48px;height:48px}}
/* One price column shared by search suggestions, catalogue and variant cards. */
.search-product-result>.result-price{flex:0 0 172px;min-width:0;text-align:right;color:var(--green);line-height:1.4}
.result-price b{display:block;font-size:16px;margin-top:5px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.search-product-result>.result-price small{font-size:11px;color:var(--muted);font-weight:400}
@media(max-width:800px){
 .search-product-result:has(>.result-price){display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center}
 .search-product-result>.result-content{grid-column:2}
 .search-product-result>.result-price{grid-column:2;text-align:left}
 .search-product-result>.result-open{grid-column:2}
}
@media(max-width:600px){.search-product-result:has(>.result-price){grid-template-columns:48px minmax(0,1fr)}}
.search-product-result>.result-open{display:flex;flex-direction:column;align-items:flex-end;gap:8px;font-size:14px;font-weight:600;flex-shrink:0}
.result-stores-action{display:inline-flex;align-items:center;gap:7px}
.result-store-count{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 6px;border-radius:8px;background:#eaf2e8;color:var(--green);font-size:14px;font-variant-numeric:tabular-nums}
@media(max-width:800px){.search-product-result>.result-open{align-items:flex-start}}
