/* Стили, которые нужны только одной странице. Всё повторяющееся — в components.css. */

/* Оглавление вёрстки (layout/index.php) */
.layout-index{display:flex;flex-direction:column;gap:var(--s-2)}
.layout-index__item{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:var(--s-2) 0;border-bottom:1px solid var(--c-line)}

/* Витрина компонентов (layout/kit.php, только локально) */
.kit__row{display:grid;grid-template-columns:180px minmax(0,1fr);gap:var(--s-4) var(--s-6);align-items:center}
.kit__label{font:600 14px/20px var(--font);color:var(--c-text-2)}
.kit__samples{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3)}
.kit__samples > .crumbs,.kit__samples > .chips{flex:1}
.kit__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--s-6) var(--s-4);align-items:start}
.kit__wide{grid-column:1/-1}
.kit__col{display:flex;flex-direction:column;gap:var(--s-3)}
.kit__narrow{max-width:640px}
.kit__panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--s-4)}
.kit__counter{position:relative;color:var(--c-text)}
.kit__type{display:flex;flex-direction:column;gap:var(--s-4)}
.kit__swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--s-4)}
.kit__swatch{display:flex;flex-direction:column;gap:var(--s-1);font:var(--t-small);color:var(--c-text-2)}
.kit__swatch b{font:600 13px/18px var(--font);color:var(--c-text)}
.kit__chip{display:block;height:56px;border:1px solid var(--c-line);border-radius:var(--r-control)}
.kit__chip[data-token="--c-brand"]{background:var(--c-brand)}
.kit__chip[data-token="--c-brand-hover"]{background:var(--c-brand-hover)}
.kit__chip[data-token="--c-accent"]{background:var(--c-accent)}
.kit__chip[data-token="--c-accent-hover"]{background:var(--c-accent-hover)}
.kit__chip[data-token="--c-accent-active"]{background:var(--c-accent-active)}
.kit__chip[data-token="--c-navy"]{background:var(--c-navy)}
.kit__chip[data-token="--c-text"]{background:var(--c-text)}
.kit__chip[data-token="--c-text-2"]{background:var(--c-text-2)}
.kit__chip[data-token="--c-text-3"]{background:var(--c-text-3)}
.kit__chip[data-token="--c-disabled"]{background:var(--c-disabled)}
.kit__chip[data-token="--c-page"]{background:var(--c-page)}
.kit__chip[data-token="--c-card"]{background:var(--c-card)}
.kit__chip[data-token="--c-tint"]{background:var(--c-tint)}
.kit__chip[data-token="--c-tint-hover"]{background:var(--c-tint-hover)}
.kit__chip[data-token="--c-line"]{background:var(--c-line)}
.kit__chip[data-token="--c-field"]{background:var(--c-field)}
.kit__chip[data-token="--c-ok"]{background:var(--c-ok)}
.kit__chip[data-token="--c-ok-bg"]{background:var(--c-ok-bg)}
.kit__chip[data-token="--c-wait"]{background:var(--c-wait)}
.kit__chip[data-token="--c-wait-bg"]{background:var(--c-wait-bg)}
.kit__chip[data-token="--c-err"]{background:var(--c-err)}
.kit__chip[data-token="--c-err-bg"]{background:var(--c-err-bg)}
.kit__chip[data-token="--c-note-bg"]{background:var(--c-note-bg)}
.kit__t--display{font:var(--t-display)}.kit__t--h1{font:var(--t-h1)}.kit__t--h2{font:var(--t-h2)}.kit__t--h3{font:var(--t-h3)}.kit__t--body-l{font:var(--t-body-l)}.kit__t--body{font:var(--t-body)}.kit__t--small{font:var(--t-small)}.kit__t--price-l{font:var(--t-price-l)}.kit__t--price-m{font:var(--t-price-m)}.kit__t--price-s{font:var(--t-price-s)}.kit__t--mono{font:var(--t-mono)}
.kit__icons{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:var(--s-3)}
.kit__icon{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);padding:var(--s-3);border:1px solid var(--c-line);border-radius:var(--r-control);font:var(--t-small);color:var(--c-text-2);text-align:center;word-break:break-all}
.kit__icon .icon{color:var(--c-brand)}
.kit__split{display:grid;grid-template-columns:300px minmax(0,1fr);gap:var(--s-4);align-items:start}
.kit__split--even{grid-template-columns:repeat(2,minmax(0,1fr))}
.kit__product{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:var(--s-6);align-items:start}
.kit__checkout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:var(--s-4);align-items:start}
@media (max-width:1199px){.kit__checkout,.kit__split,.kit__split--even,.kit__product{grid-template-columns:1fr}}
@media (max-width:767px){.kit__row{grid-template-columns:1fr;gap:var(--s-2)}.kit__swatches{grid-template-columns:repeat(2,1fr)}.kit__icons{grid-template-columns:repeat(3,1fr)}}
.not-found__search{max-width:640px;margin:var(--s-2) auto 0}

/* Переходный вид информационных страниц (templates/v3/pages/info.php): старый текст в новой
   панели — до переписывания в Э8. Только то, что нужно его разметке. */
.legacy{display:block}
.legacy > * + *{margin-top:var(--s-3)}
.legacy h1{margin-bottom:var(--s-2)}
.legacy h2,.legacy h3,.legacy h4{margin-top:var(--s-6)}
.legacy p + p{margin-top:var(--s-2)}
.legacy ul,.legacy ol{padding-left:var(--s-5);list-style:disc}
.legacy ol{list-style:decimal}
.legacy li + li{margin-top:var(--s-1)}
.legacy img,.legacy iframe{max-width:100%;border:0;border-radius:var(--r-control)}
.legacy table{width:100%;border-collapse:collapse}
.legacy td,.legacy th{padding:var(--s-2);border-bottom:1px solid var(--c-line);text-align:left;vertical-align:top}
.legacy .alert{display:block;margin:var(--s-3) 0}