/* Прямой край блока вывода согласован для исследования ритейла. */
.inline-conclusion { border-top-left-radius: 0; border-bottom-left-radius: 0; }

/* Карточки инсайтов сохраняют сетку эталона до завершения анализа. */
.finding-placeholder { display:flex; flex-direction:column; gap:12px; margin-top:22px; }
.finding-placeholder span { display:block; height:10px; width:88%; border-radius:9px; background:var(--line); opacity:.62; }
.finding-placeholder .finding-placeholder-title { width:76%; height:16px; }
.finding-placeholder .finding-placeholder-value { width:30%; height:23px; margin:7px 0 2px; }
.finding-placeholder .short { width:62%; }

/* Обзор ритейла: изображения и названия одновременно служат ссылками. */
.retail-navigation .inner { width:min(100%,1800px); max-width:none; }
.retail-navigation.screen { padding-top:clamp(10px,1.8vh,20px); padding-bottom:clamp(28px,3.5vh,40px); }
.retail-navigation-head { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; }
.retail-navigation h1 { margin-bottom:5px; }
.retail-navigation-intro { color:var(--muted); font-size:clamp(17px,1.25vw,20px); line-height:1.35; }
.retail-navigation-switch { flex-shrink:0; display:inline-flex; align-items:center; min-height:42px; padding:9px 14px; border:1px solid var(--line); border-radius:10px; color:var(--blue); background:var(--surface); text-decoration:none; font-size:15px; font-weight:600; }
.retail-navigation-switch:hover { border-color:var(--blue); }
.retail-niche-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(8px,.85vw,14px); margin-top:clamp(10px,1.5vh,16px); }
.retail-niche-card { position:relative; display:flex; flex-direction:column; min-width:0; padding:clamp(7px,.65vw,12px); color:var(--text); text-decoration:none; background:var(--surface); border:1px solid var(--line); border-radius:16px; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
.retail-niche-card[href]:focus-visible { z-index:2; border-color:var(--blue); box-shadow:0 8px 24px var(--shadow); }
@media (hover:hover) { .retail-niche-card[href]:hover { z-index:2; transform:translateY(-3px); border-color:var(--blue); box-shadow:0 8px 24px var(--shadow); } }
.retail-niche-card:focus-visible { outline:3px solid #789cff; outline-offset:3px; }
.retail-niche-image { display:flex; align-items:center; justify-content:center; width:100%; }
.retail-niche-image img { width:100%; height:clamp(105px,calc((100vh - 345px) / 2),280px); object-fit:contain; display:block; }
.retail-niche-name { display:flex; align-items:center; gap:9px; min-width:0; font-size:clamp(16px,1.25vw,21px); font-weight:600; line-height:1.2; padding:4px 4px 0; }
.retail-niche-symbol { flex:0 0 27px; width:27px; height:27px; display:grid; place-items:center; border-radius:8px; background:var(--blue-fade); color:var(--blue); }
.retail-niche-symbol svg { width:19px; height:19px; display:block; }
.retail-niche-stats { padding:clamp(14px,1.6vw,24px); justify-content:space-between; gap:6px; }
.retail-niche-stats h2 { margin:0; font-size:clamp(16px,1.4vw,22px); line-height:1.2; }
.retail-niche-stat { display:flex; align-items:baseline; gap:12px; }
.retail-niche-stat strong { flex-shrink:0; min-width:4em; color:var(--blue); font-size:clamp(22px,2.3vw,34px); line-height:1.05; }
.retail-niche-stat span { color:var(--text); font-size:clamp(13px,1vw,16px); line-height:1.2; }
.retail-niche-stat small { display:block; color:var(--muted); font-size:12px; margin-top:2px; }
.retail-niche-stats p { color:var(--muted); font-size:12px; line-height:1.3; }
@media (min-width:801px) and (max-height:620px) {
 .retail-navigation .eyebrow { margin-bottom:4px; }
 .retail-navigation h1 { font-size:32px; margin-bottom:4px; }
 .retail-navigation-intro { font-size:15px; }
 .retail-navigation-switch { min-height:34px; padding:6px 10px; }
 .retail-niche-grid { margin-top:7px; gap:7px; }
 .retail-niche-image img { height:87px; }
 .retail-niche-name { font-size:14px; gap:6px; }
 .retail-niche-symbol { width:24px; height:24px; flex-basis:24px; }
 .retail-niche-symbol svg { width:17px; height:17px; }
 .retail-niche-stats { padding:9px 11px; gap:2px; }
 .retail-niche-stats h2 { font-size:14px; }
 .retail-niche-stat { gap:6px; }
 .retail-niche-stat strong { min-width:3.5em; font-size:20px; }
 .retail-niche-stat span { font-size:12px; }
 .retail-niche-stat small,.retail-niche-stats p { font-size:10px; }
}
@media (max-width:800px) {
 .retail-navigation .inner { margin:auto 0; }
 .retail-niche-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 .retail-niche-card { padding:10px; }
 .retail-niche-image img { height:auto; aspect-ratio:1.5; }
 .retail-niche-name { font-size:16px; }
 .retail-niche-stats { min-height:180px; padding:18px; }
}
@media (max-width:600px) { .retail-navigation-head { align-items:flex-start; flex-direction:column; gap:12px; } .retail-niche-grid { grid-template-columns:1fr; } }
@media (prefers-reduced-motion:reduce) { .retail-niche-card { transition:none; } }

/* Срезы ритейла используют компоненты и цвета основной системы. */
.retail-screen .screen-body { max-width: 1260px; width: 100%; }
.retail-overview-layout { display:grid; grid-template-columns: 1fr 1fr; gap:30px; align-items:center; margin:0 0 14px; }
.retail-overview-copy { min-width:0; }
.retail-overview-copy .direction-description { margin:0 0 22px!important; }
.retail-overview-visual { display:flex; align-items:center; justify-content:center; min-width:0; }
.retail-overview-visual img { display:block; width:100%; height:min(43vh,420px); object-fit:contain; }
.retail-tiles { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.retail-tiles article { min-height:120px; display:flex; flex-direction:column; justify-content:space-between; gap:5px; }
.retail-tiles article strong { color:var(--blue); font-size:32px; line-height:1.1; }
.retail-tiles article small { color:var(--muted); font-size:14px; }
.retail-tiles article:first-child small { color:#dce6ff; }
.retail-stage-note { border:1px solid var(--line); background:var(--surface); border-radius:16px; padding:28px; display:flex; flex-direction:column; justify-content:center; gap:10px; }
.retail-stage-note span,.retail-note { color:var(--muted); }
.retail-stage-note strong { font-size:56px; line-height:1; color:var(--blue); }
.retail-stage-note p { max-width:360px; font-size:17px; }
.retail-note { margin-top:14px!important; font-size:14px; line-height:1.35; }
.retail-niche { margin-top:28px; max-width:850px; }
.retail-source-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr); gap:32px; align-items:start; margin-top:22px; }
.retail-source-grid table th,.retail-source-grid table td { padding:9px 12px; }
.retail-source-grid table td { font-size:16px; }
.retail-source-grid .insight { margin-top:0; }
.retail-source-grid .insight p + p { margin-top:12px; }
.retail-source-tabs { display:flex; gap:8px; flex-wrap:wrap; margin-top:16px; }
.retail-source-tabs button { border:1px solid var(--line); background:var(--surface); color:var(--text); border-radius:8px; padding:7px 12px; cursor:pointer; font-size:14px; }
.retail-source-tabs button[aria-pressed="true"] { background:var(--blue); color:white; border-color:var(--blue); }
.retail-screen [data-source-view][hidden] { display:none; }
.retail-inline { margin-top:20px; }
.retail-inline b { margin-right:.35em; }
.retail-conclusion-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:24px; }
.retail-conclusion-grid>div { display:flex; flex-direction:column; gap:12px; border:1px solid var(--line); border-radius:16px; background:var(--surface); padding:22px; min-height:165px; }
.retail-conclusion-grid span { color:var(--muted); font-size:16px; }
.retail-conclusion-grid b { color:var(--blue); font-size:28px; line-height:1.15; }
.retail-conclusion-grid small { font-size:16px; line-height:1.35; }
.retail-search-examples { margin:14px 0; }
.retail-answer-quote { margin:12px 0 0; font-size:15px; line-height:1.4; }
.retail-answer-quote[data-cut-start]::before { content:'…'; }
.retail-answer-quote[data-cut-end]::after { content:'…'; }
.retail-search-examples .search-example-head small { margin:0 0 0 auto; font-size:12px; }
.retail-search-examples .search-example-query { color:var(--muted); }
.retail-question .quiz-result a { color:var(--blue); font-size:14px; display:inline-block; margin-top:9px; }
.retail-question .quiz-result:focus-visible { outline:2px solid var(--blue); outline-offset:3px; }
.retail-question .vertical-eyebrow { display:block; margin-bottom:8px; }
@media screen and (min-width:801px) and (max-height:740px) {
 .retail-question h1 { font-size:clamp(31px,3.2vw,43px); margin-bottom:12px; }
 .retail-question .quiz-option { min-height:80px; padding:14px; }
 .retail-question .quiz-result { margin-top:10px; padding:10px 14px; }
 .retail-question .quiz-reveal { margin-top:12px; }
}
:root[data-theme="dark"] .retail-screen .direction-stages img { filter:brightness(0) invert(1); }
@media (min-width:801px) and (min-height:1000px) {
 .cover .inner { min-height:calc(100vh - 147px); }
}
@media (max-width:800px) {
 .retail-overview-layout,.retail-source-grid { grid-template-columns:1fr; }
 .retail-overview-layout { gap:4px; }
 .retail-overview-visual img { height:auto; max-height:280px; }
 .retail-stage-note { padding:20px; }
 .retail-stage-note strong { font-size:40px; }
 .retail-source-grid { gap:14px; }
 .retail-source-grid table { min-width:400px; }
 .retail-tiles article { min-height:110px; }
 .retail-conclusion-grid { grid-template-columns:1fr; }
 .retail-conclusion-grid>div { min-height:0; }
}
/* Показываем фирменный знак в компактной ячейке, сохраняя пропорции исходного логотипа. */
.market-logo img[src$="santehnika-online.jpg"]{position:absolute;left:-6px;top:50%;width:72px;height:auto;max-width:none;transform:translateY(-50%)}