/* Pilot 26797, all customer sections. Native ABCP rows; visual values from approved pilot 26763. */
html:has(#ks-pilot-26797) .myCatalogNodeTopContent,
html:has(#ks-pilot-26797) #result { margin-left: 22%; float: none; width: auto; }
html:has(#ks-pilot-26797) .myCatalogTree { width: 21%; }
html:has(#ks-pilot-26797) .ks-pilot-intro { margin: 0 0 18px; font: 15px/1.45 Arial,sans-serif; color: #252525; }
html:has(#ks-pilot-26797) .ks-pilot-intro h1 { font: 500 28px/1.2 Arial,sans-serif; margin: 0 0 8px; }
html:has(#ks-pilot-26797) .ks-pilot-intro p { margin: 0; color: #706d68; }
html:has(#ks-pilot-26797) .ks-pilot-toolbar { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; margin-top: 18px; }
html:has(#ks-pilot-26797) .ks-pilot-toolbar h2 { margin: 0; font: 500 19px/1.45 Arial,sans-serif; }
html:has(#ks-pilot-26797) .ks-pilot-toolbar a { color: #963e40; font: 500 13px/1.45 Arial,sans-serif; text-decoration: none; }
html:has(#ks-pilot-26797) #result,
html:has(#ks-pilot-26797) #result .wGoodsGroup { padding: 0; border: 0; border-radius: 0; box-shadow: none; }
html:has(#ks-pilot-26797) #result .goodsBody { padding: 0; }
html:has(#ks-pilot-26797) #result .goodsGroupHead { padding: 8px 0; min-height: 36px; }
html:has(#ks-pilot-26797) #result .infoBlock,
html:has(#ks-pilot-26797) #result .showingTypes,
html:has(#ks-pilot-26797) #result .articleImagesButtons,
html:has(#ks-pilot-26797) #result .wArticlePropertiesFeedback { display: none; }

html:has(#ks-pilot-26797) #result .catalogListModeTable { display: block; width: 100%; margin: 0; border: 0; background: transparent; font: 15px/1.45 Arial,sans-serif; color: #252525; }
html:has(#ks-pilot-26797) #result .catalogListModeTable tbody { display: block; width: 100%; box-sizing: border-box; overflow: hidden; border: 1px solid #e4e1dc; border-radius: 11px; background: #fff; box-shadow: 0 8px 24px rgba(31,35,40,.09); }
html:has(#ks-pilot-26797) #result .catalogListModeTable tr.item { display: grid; grid-template-columns: 84px minmax(170px,1.2fr) minmax(125px,.8fr) 134px; grid-template-rows: minmax(0,1fr) auto auto auto minmax(0,1fr); gap: 0 12px; box-sizing: border-box; width: 100%; height: auto; min-height: 0; margin: 0; padding: 10px 14px; border: 0; border-bottom: 1px solid #e4e1dc; background: #fff; }
html:has(#ks-pilot-26797) #result .catalogListModeTable tr.item:nth-child(even) { background: #fbfaf8; }
html:has(#ks-pilot-26797) #result .catalogListModeTable tr.item:hover { background: #fcfbf7; }
html:has(#ks-pilot-26797) #result .catalogListModeTable tr.item:last-child { border-bottom: 0; }
html:has(#ks-pilot-26797) #result .catalogListModeTable tr.item > td { display: block; min-width: 0; width: auto; height: auto; padding: 0; margin: 0; border: 0; background: none; font: inherit; color: inherit; white-space: normal; overflow-wrap: anywhere; }

/* Existing photo widget; employee edit controls are hidden only in this pilot. */
html:has(#ks-pilot-26797) #result .catalogListModeTable td:has(.articlePicList) { grid-column: 1; grid-row: 1 / -1; align-self: center; }
html:has(#ks-pilot-26797) #result .articlePicList { width: 84px; height: 84px; min-height: 0; }
html:has(#ks-pilot-26797) #result .articleImages,
html:has(#ks-pilot-26797) #result .article-image { width: 100%; height: 100%; margin: 0; padding: 0; }
html:has(#ks-pilot-26797) #result .article-image > a:not(.hidden) { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; box-sizing: border-box; overflow: hidden; border: 1px solid #e4e1dc; border-radius: 8px; background: #fff; margin: 0; text-decoration: none; }
html:has(#ks-pilot-26797) #result .articleImages img { display: block; width: 100%; height: 100%; max-width: none; max-height: none; margin: 0; object-fit: contain; }
html:has(#ks-pilot-26797) #result .article-image > a[data-ks-viewable="true"] { cursor: zoom-in; }
html:has(#ks-pilot-26797) #result .article-image > a[data-ks-viewable="true"]::after { content: "⊕"; position: absolute; right: 3px; bottom: 0; color: #706d68; background: #ffffffe8; border-radius: 4px; font: 18px/20px Arial,sans-serif; pointer-events: none; }
html:has(#ks-pilot-26797) #result .article-image > a[data-ks-viewable="false"] { cursor: default; }

/* Identity uses native brand, description and number cells. */
html:has(#ks-pilot-26797) #result .catalogListModeTable td:has(input[name="brand"]) { grid-column: 2; grid-row: 2; font: 12px/1.45 Arial,sans-serif; }
html:has(#ks-pilot-26797) #result .catalogListModeTable td:has(input[name="brand"]) > div { display: flex; align-items: baseline; gap: 9px; }
html:has(#ks-pilot-26797) #result .catalogListModeTable td:has(input[name="brand"]) br { display: none; }
html:has(#ks-pilot-26797) #result .brandInfoLink { font: 500 12px/1.45 Arial,sans-serif; color: #252525; text-decoration: none; white-space: nowrap; }
html:has(#ks-pilot-26797) #result .favoriteBrandComment { display: inline; position: static; margin: 0; padding: 0; border: 0; background: transparent; color: #009518; font: 500 12px/1.45 Arial,sans-serif; white-space: nowrap; }
html:has(#ks-pilot-26797) #result .catalogListModeTable tr.item > td.description { grid-column: 2; grid-row: 3; margin: 5px 0 8px; }
html:has(#ks-pilot-26797) #result .catalogListModeTable tr.item > td.description > a { display: block; color: #252525; font: 400 14px/1.36 Arial,sans-serif; text-decoration: none; }
html:has(#ks-pilot-26797) #result .catalogListModeTable td:has(input[name="number"]) { grid-column: 2; grid-row: 4; display: flex; align-items: baseline; gap: 7px; font: 600 16px/1.45 Consolas,monospace; color: #963e40; }
html:has(#ks-pilot-26797) #result .ks-oem-label { color: #706d68; font: 10px/1.45 Arial,sans-serif; text-transform: uppercase; }
html:has(#ks-pilot-26797) #result .ks-oem-link { color: #963e40; font: 600 16px/1.45 Consolas,monospace; text-decoration: underline; text-underline-offset: 3px; }
html:has(#ks-pilot-26797) #result .ks-oem-link code { padding: 0; border: 0; background: transparent; color: inherit; font: inherit; }

/* Native generation and detail note; approved product geometry is preserved. */
html:has(#ks-pilot-26797) #result .catalogListModeTable tr.item > td:nth-of-type(5) { grid-column: 3; grid-row: 1 / 4; align-self: end; margin-bottom: 4px; font: 12px/1.4 Arial,sans-serif; }
html:has(#ks-pilot-26797) #result .catalogListModeTable tr.item > td:nth-of-type(5)::before { content: "Применимость"; display: block; margin-bottom: 4px; color: #706d68; font: 10px/21.75px Arial,sans-serif; text-transform: uppercase; }
html:has(#ks-pilot-26797) #result .catalogListModeTable tr.item > td:nth-of-type(4) { grid-column: 3; grid-row: 4 / 6; align-self: start; font: 10px/1.4 Arial,sans-serif; color: #706d68; }
html:has(#ks-pilot-26797) #result .catalogListModeTable tr.item > td[colspan] { display: none; }
html:has(#ks-pilot-26797) #result .catalogListModeTable tr.item > td.order { grid-column: 4; grid-row: 1 / -1; align-self: center; }
html:has(#ks-pilot-26797) #result .catalogListModeTable tr.item > td.order a { display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 100%; min-height: 40px; height: auto; margin: 0; padding: 9px; border: 1px solid #ddc46c; border-radius: 9px; background: #f4e1a0; color: #171717; font: 500 12px/1.45 Arial,sans-serif; white-space: nowrap; text-decoration: none; box-shadow: inset 0 -2px 0 rgba(0,0,0,.07); }

/* Existing generation selector; each public leaf fits on one native page. */
html:has(#ks-pilot-26797) #result .catalogListModeTable thead { position: static; display: block; width: auto; height: 54px; overflow: visible; clip-path: none; }
html:has(#ks-pilot-26797) #result .catalogListModeTable thead tr { display: flex; justify-content: flex-end; height: 54px; padding: 8px 0; box-sizing: border-box; }
html:has(#ks-pilot-26797) #result .catalogListModeTable thead th { border: 0; background: none; padding: 0; }
html:has(#ks-pilot-26797) #result .catalogListModeTable thead th:not(:nth-of-type(4)) { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
html:has(#ks-pilot-26797) #result .catalogListModeTable thead th:nth-of-type(4) { display: block; width: min(330px,100%); }
html:has(#ks-pilot-26797) #select_mod { box-sizing: border-box; width: 100%; height: 36px; padding: 6px 10px; border: 1px solid #e4e1dc; border-radius: 5px; background: #fff; color: #252525; font: 13px/1.45 Arial,sans-serif; }
html:has(#ks-pilot-26797) #result a:focus-visible,
html:has(#ks-pilot-26797) #select_mod:focus-visible { outline: 2px solid #963e40; outline-offset: 3px; }

@media(max-width:1200px) {
  html:has(#ks-pilot-26797) #result .catalogListModeTable tr.item { grid-template-columns: 76px minmax(0,1fr) 128px; grid-template-rows: auto auto auto auto auto; column-gap: 11px; }
  html:has(#ks-pilot-26797) #result .articlePicList { width: 76px; height: 76px; }
  html:has(#ks-pilot-26797) #result .catalogListModeTable td:has(.articlePicList) { grid-row: 1 / -1; }
  html:has(#ks-pilot-26797) #result .catalogListModeTable td:has(input[name="brand"]) { grid-row: 1; }
  html:has(#ks-pilot-26797) #result .catalogListModeTable tr.item > td.description { grid-row: 2; }
  html:has(#ks-pilot-26797) #result .catalogListModeTable td:has(input[name="number"]) { grid-row: 3; }
  html:has(#ks-pilot-26797) #result .catalogListModeTable tr.item > td:nth-of-type(5) { grid-column: 2; grid-row: 4; margin-top: 7px; margin-bottom: 4px; }
  html:has(#ks-pilot-26797) #result .catalogListModeTable tr.item > td:nth-of-type(4) { grid-column: 2; grid-row: 5; }
  html:has(#ks-pilot-26797) #result .catalogListModeTable tr.item > td.order { grid-column: 3; grid-row: 1 / -1; }
}
@media(max-width:767px) {
  html:has(#ks-pilot-26797) .myCatalogNodeTopContent,
  html:has(#ks-pilot-26797) #result { margin-left: 0; }
  html:has(#ks-pilot-26797) .ks-pilot-intro h1 { font-size: 25px; }
}
@media(max-width:560px) {
  html:has(#ks-pilot-26797) #result .catalogListModeTable tr.item { grid-template-columns: 70px minmax(0,1fr); grid-template-rows: auto auto auto auto auto auto; column-gap: 10px; padding: 10px 14px; }
  html:has(#ks-pilot-26797) #result .articlePicList { width: 70px; height: 70px; }
  html:has(#ks-pilot-26797) #result .catalogListModeTable td:has(.articlePicList) { grid-row: 1 / 4; }
  html:has(#ks-pilot-26797) #result .catalogListModeTable tr.item > td:nth-of-type(5) { grid-column: 1 / -1; grid-row: 4; margin-top: 10px; }
  html:has(#ks-pilot-26797) #result .catalogListModeTable tr.item > td:nth-of-type(4) { grid-column: 1 / -1; grid-row: 5; }
  html:has(#ks-pilot-26797) #result .catalogListModeTable tr.item > td.order { grid-column: 1 / -1; grid-row: 6; margin-top: 10px; }
}

/* Exact grouping uses existing nodes inside native table rows. */
html:has(#ks-pilot-26797) #result .catalogListModeTable tr.item[data-ks-layout="grouped"] { grid-template-rows: auto; align-items: center; }
html:has(#ks-pilot-26797) #result .catalogListModeTable tr.item[data-ks-layout="grouped"] > td:has(input[name="brand"]) { grid-column: 2; grid-row: 1; align-self: center; font: 15px/1.45 Arial,sans-serif; }
html:has(#ks-pilot-26797) #result .catalogListModeTable tr.item[data-ks-layout="grouped"] > td:has(input[name="brand"]) > .ks-identity { display: block; }
html:has(#ks-pilot-26797) #result .ks-source { display: flex; gap: 9px; font: 12px/1.45 Arial,sans-serif; }
html:has(#ks-pilot-26797) #result .ks-title { margin: 5px 0 8px; font: 400 14px/1.36 Arial,sans-serif; overflow-wrap: anywhere; }
html:has(#ks-pilot-26797) #result .ks-title > a { color: #252525; font: inherit; text-decoration: none; }
html:has(#ks-pilot-26797) #result .ks-oem { display: flex; align-items: baseline; gap: 7px; }
html:has(#ks-pilot-26797) #result .catalogListModeTable tr.item[data-ks-layout="grouped"] > td:nth-of-type(5) { grid-column: 3; grid-row: 1; align-self: center; margin: 0; font: 15px/1.45 Arial,sans-serif; }
html:has(#ks-pilot-26797) #result .catalogListModeTable tr.item[data-ks-layout="grouped"] > td:nth-of-type(5)::before { content: none; }
html:has(#ks-pilot-26797) #result .ks-note-label { color: #706d68; font: 10px/1.45 Arial,sans-serif; text-transform: uppercase; }
html:has(#ks-pilot-26797) #result .ks-note-text { margin: 4px 0 0; font: 12px/1.4 Arial,sans-serif; overflow-wrap: anywhere; }
html:has(#ks-pilot-26797) #result .ks-generations { margin: 4px 0 0; color: #706d68; font: 10px/1.4 Arial,sans-serif; }
html:has(#ks-pilot-26797) #result .catalogListModeTable tr.item[data-ks-layout="grouped"] > td.description,
html:has(#ks-pilot-26797) #result .catalogListModeTable tr.item[data-ks-layout="grouped"] > td:has(input[name="number"]),
html:has(#ks-pilot-26797) #result .catalogListModeTable tr.item[data-ks-layout="grouped"] > td:nth-of-type(4) { display: none; }
html:has(#ks-pilot-26797) #result .catalogListModeTable tr.item[data-ks-layout="grouped"] > td.order { grid-column: 4; grid-row: 1; align-self: center; margin: 0; }
@media(max-width:1200px) {
  html:has(#ks-pilot-26797) #result .catalogListModeTable tr.item[data-ks-layout="grouped"] { grid-template-rows: auto auto; row-gap: 7px; }
  html:has(#ks-pilot-26797) #result .catalogListModeTable tr.item[data-ks-layout="grouped"] > td:nth-of-type(5) { grid-column: 2; grid-row: 2; }
  html:has(#ks-pilot-26797) #result .catalogListModeTable tr.item[data-ks-layout="grouped"] > td.order { grid-column: 3; grid-row: 1 / 3; }
}
@media(max-width:560px) {
  html:has(#ks-pilot-26797) #result .catalogListModeTable tr.item[data-ks-layout="grouped"] { grid-template-rows: auto auto auto; row-gap: 10px; }
  html:has(#ks-pilot-26797) #result .catalogListModeTable tr.item[data-ks-layout="grouped"] > td:has(.articlePicList) { grid-row: 1; }
  html:has(#ks-pilot-26797) #result .catalogListModeTable tr.item[data-ks-layout="grouped"] > td:nth-of-type(5) { grid-column: 1 / -1; grid-row: 2; }
  html:has(#ks-pilot-26797) #result .catalogListModeTable tr.item[data-ks-layout="grouped"] > td.order { grid-column: 1 / -1; grid-row: 3; }
}

/* Fixed native page size is 40. Hide its selector, not the pagination itself. */
html:has(#ks-pilot-26797) #result .showOnPage { display: none; }
html:has(#ks-pilot-26797) .ks-generation-empty { margin: 12px 0; padding: 14px; border: 1px solid #e4e1dc; border-radius: 8px; color: #706d68; font: 13px/1.5 Arial,sans-serif; }
html:has(#ks-pilot-26797) .ks-generation-empty[hidden] { display: none; }
html:has(#ks-pilot-26797) .ks-generation-empty a { color: #963e40; }
/* Native folder links remain real links with their existing destinations. */
html:has(#ks-pilot-26797) .myCatalogTbl.myCatalogLevel { display: block; box-sizing: border-box; width: auto; margin: 0 0 24px 22%; border: 0; background: none; }
html:has(#ks-pilot-26797) .myCatalogTbl.myCatalogLevel > tbody { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
html:has(#ks-pilot-26797) .myCatalogTbl.myCatalogLevel .myCatalogTop,
html:has(#ks-pilot-26797) .myCatalogTbl.myCatalogLevel .myCatalogImageCell,
html:has(#ks-pilot-26797) .myCatalogTbl.myCatalogLevel .myCatalogDescCell { display: none; }
html:has(#ks-pilot-26797) .myCatalogTbl.myCatalogLevel .myCatalogTr { display: block; border: 1px solid #e4e1dc; border-radius: 10px; background: #fbfaf8; }
html:has(#ks-pilot-26797) .myCatalogTbl.myCatalogLevel .myCatalogBrandCell { display: block; width: auto; padding: 0; border: 0; }
html:has(#ks-pilot-26797) .myCatalogTbl.myCatalogLevel .myCatalogBrandCell a { display: block; padding: 18px; color: #963e40; font: 500 16px/1.4 Arial,sans-serif; text-decoration: none; }
html:has(#ks-pilot-26797) .myCatalogTbl.myCatalogLevel .myCatalogBrandCell a:hover { text-decoration: underline; }
html:has(#ks-pilot-26797) .myCatalogTbl.myCatalogLevel .myCatalogBrandCell a:focus-visible { outline: 2px solid #963e40; outline-offset: 3px; }
@media(max-width:767px) { html:has(#ks-pilot-26797) .myCatalogTbl.myCatalogLevel { margin-left: 0; } }
@media(max-width:560px) { html:has(#ks-pilot-26797) .myCatalogTbl.myCatalogLevel > tbody { grid-template-columns: 1fr; } }

/* The native folder table precedes TopContent. Order these existing blocks with CSS. */
html:has(#ks-pilot-26797) .baseContent:has(> .myCatalogLevel) { display: grid; grid-template-columns: 21% minmax(0,1fr); column-gap: 1%; }
html:has(#ks-pilot-26797) .baseContent:has(> .myCatalogLevel) > * { grid-column: 1 / -1; min-width: 0; }
html:has(#ks-pilot-26797) .baseContent:has(> .myCatalogLevel) > .myCatalogBreadcrumbs { grid-row: 1; }
html:has(#ks-pilot-26797) .baseContent:has(> .myCatalogLevel) > .myCatalogTree { grid-column: 1; grid-row: 2 / 5; width: auto; float: none; align-self: start; }
html:has(#ks-pilot-26797) .baseContent:has(> .myCatalogLevel) > .myCatalogNodeTopContent { grid-column: 2; grid-row: 2; margin: 0; }
html:has(#ks-pilot-26797) .baseContent:has(> .myCatalogLevel) > .myCatalogLevel { grid-column: 2; grid-row: 3; margin: 0 0 24px; align-self: start; }
html:has(#ks-pilot-26797) .baseContent:has(> .myCatalogLevel) > .myCatalogNodeBottomContent { grid-column: 2; grid-row: 4; }
html:has(#ks-pilot-26797) .myCatalogLevel .myCatalogTr,
html:has(#ks-pilot-26797) .myCatalogLevel .myCatalogTr .myCatalogBrandCell { box-sizing: border-box; width: auto; height: auto; min-height: 0; }
html:has(#ks-pilot-26797) .myCatalogLevel .myCatalogTr .myCatalogBrandCell a { box-sizing: border-box; width: auto; height: auto; }
@media(max-width:767px) {
  html:has(#ks-pilot-26797) .baseContent:has(> .myCatalogLevel) { grid-template-columns: minmax(0,1fr); column-gap: 0; }
  html:has(#ks-pilot-26797) .baseContent:has(> .myCatalogLevel) > .myCatalogNodeTopContent,
  html:has(#ks-pilot-26797) .baseContent:has(> .myCatalogLevel) > .myCatalogLevel,
  html:has(#ks-pilot-26797) .baseContent:has(> .myCatalogLevel) > .myCatalogNodeBottomContent { grid-column: 1; }
}