/* Раздел, подборка, фильтр каталога (шаблон plasters-v8, этап 4). Элементы — классы hx-* из css/hx-ui.css; здесь раскладка страницы. */
.hxc{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(24px,2.6vw,48px)}
@media (min-width:1025px){.hxc{grid-template-columns:clamp(240px,18vw,300px) minmax(0,1fr)}}
.hxc-aside,.hxc-main{min-width:0}
.hxc-main>*+*{margin-top:clamp(18px,1.8vw,28px)}
.hxc-main>.hx-sec{margin-top:clamp(36px,4vw,72px)}

/* левая колонка: меню разделов, фильтр, баннеры, проекты */
.hxc-aside>*+*{margin-top:28px}
.hxc-nav ul{margin:0;padding:0;list-style:none}
.hxc-nav>ul>li{border-bottom:1px solid var(--hx-line)}
.hxc-nav a{display:block;padding:9px 0;color:var(--hx-ink);text-decoration:none;font-weight:600;line-height:1.3}
.hxc-nav a:hover,.hxc-nav a[aria-current]{color:var(--hx-navy)}
.hxc-nav a[aria-current]{text-decoration:underline;text-underline-offset:4px}
.hxc-nav-row{display:flex;align-items:center;gap:6px}
.hxc-nav-row>a{flex:1}
.hxc-nav-tg{flex:none;width:32px;height:32px;padding:0;border:0;background:none;color:var(--hx-navy);cursor:pointer;font-size:20px;line-height:1}
.hxc-nav-tg:before{content:"+";display:inline-block;transition:transform .2s}
.hxc-nav-p.is-open>.hxc-nav-row>.hxc-nav-tg:before{transform:rotate(45deg)}
.hxc-nav-p>ul{display:none}
.hxc-nav-p.is-open>ul{display:block}
.hxc-nav li li a{padding:6px 0 6px 14px;font-weight:400;color:var(--hx-txt)}
.hxc-nav li li li a{padding-left:28px}
.hxc-nav-t{margin:0 0 6px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--hx-mute);font-weight:600}

/* строка над списком: фильтр (телефон), сортировка, вид */
.hxc-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:10px 0;border-top:1px solid var(--hx-line);border-bottom:1px solid var(--hx-line)}
.hxc-sort{display:flex;flex-wrap:wrap;gap:8px;margin-right:auto}
.hxc-sort .hx-chip{text-decoration:none}
.hxc-sort svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
.hxc-sort-asc svg{transform:scaleY(-1)}
.hxc-view{display:flex;gap:4px;margin-left:auto}
.hxc-view-btn{display:grid;place-items:center;width:40px;height:40px;border:1.5px solid var(--hx-line);border-radius:var(--hx-r);color:var(--hx-txt)}
.hxc-view-btn:hover{border-color:var(--hx-navy);color:var(--hx-navy)}
.hxc-view-btn.is-on{border-color:var(--hx-navy);background:var(--hx-navy);color:#fff}
.hxc-view-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}
.hxc-fopen svg{width:18px;height:18px}
@media (min-width:1025px){.hxc-bar .hxc-fopen{display:none}}

/* теги */
.hxc-tagrows{display:grid;gap:8px}
.hxc-tags .hx-chip{text-decoration:none}
@media (max-width:767px){.hxc-tags{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--hx-g) * -1);padding-inline:var(--hx-g)}
  .hxc-tags::-webkit-scrollbar{display:none}
  .hxc-tags .hx-chip{white-space:nowrap}}

/* посадочная: картинка и анонс */
.hxc-landing{display:grid;gap:18px}
@media (min-width:768px){.hxc-landing:has(.hxc-landing-pic){grid-template-columns:minmax(0,320px) minmax(0,1fr);align-items:start}}
.hxc-landing-pic{margin:0}
.hxc-landing-pic img{display:block;width:100%;height:auto}

/* список */
.hxc-list{min-width:0}
.hxc-empty{margin:8px 0}
.hxc-empty .big_text{display:block;font-weight:700}

/* фильтр: на телефоне — панель поверх страницы */
.hxc-fhead{display:none}
@media (max-width:1024px){
  .hxc-aside{display:contents}
  .hxc-aside>.hxc-nav,.hxc-aside-more{display:none}
  .hxc-filter{position:fixed;inset:0;z-index:1000;margin:0;padding:0 var(--hx-g) 24px;overflow-y:auto;background:#fff;overscroll-behavior:contain}
  .hxc-filter:not(.is-open){display:none}
  .hxc-fhead{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;margin:0 calc(var(--hx-g) * -1) 8px;padding:12px var(--hx-g);border-bottom:1px solid var(--hx-line);background:#fff}
  .hxc-fhead b{font-size:18px}
  .hxc-fclose{width:40px;height:40px;border:0;background:none;font-size:28px;line-height:1;color:var(--hx-ink);cursor:pointer}
}
html.hxc-lock{overflow:hidden}

/* текст раздела и вопросы */
.hxc-text{max-width:var(--hx-measure)}
.hxc-faq .hx-acc{margin-top:18px;max-width:var(--hx-measure)}
.hxc-faq summary{font-weight:600}

/* «Ранее вы смотрели» и «Лучшие предложения» */
.hxc-viewed{margin-top:clamp(40px,4.6vw,88px)}
.hxc-viewed>section+section{margin-top:clamp(32px,3vw,56px)}
.hxc-viewed .hx-h2{margin-bottom:clamp(18px,2vw,30px)}

/* вид «список» */
.hxc-rows{display:grid;gap:0}
.hxc-row{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;padding:22px 0;border-bottom:1px solid var(--hx-line)}
@media (min-width:768px){.hxc-row{grid-template-columns:clamp(180px,20vw,260px) minmax(0,1fr);gap:28px}}
.hxc-row-media{position:relative}
.hxc-row-photo{position:relative;aspect-ratio:1;overflow:hidden;background:var(--hx-paper)}
.hxc-row-photo img{display:block;width:100%;height:100%;object-fit:cover}
.hxc-row-photo .hxc-row-interior{position:absolute;inset:0;opacity:0;transition:opacity .25s}
.hxc-row-photo:hover .hxc-row-interior{opacity:1}
.hxc-row-badges{position:absolute;left:8px;top:8px;display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none}
.hxc-badge-tint{background:var(--hx-navy);color:#fff}
.hxc-row-fv{margin-top:12px;width:100%}
.hxc-row-title{font-size:clamp(17px,1.2vw,21px);font-weight:700;line-height:1.25}
.hxc-row-title a{color:var(--hx-ink);text-decoration:none}
.hxc-row-title a:hover{color:var(--hx-navy)}
.hxc-row-body>*+*{margin-top:12px}
.hxc-row-buy{display:grid;gap:10px}
.hxc-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.hxc-price b{font-size:20px}
.hxc-price s{color:var(--hx-mute)}
.hxc-price-m2{color:var(--hx-txt);font-size:14px}
.hxc-row-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.hxc-row-mp{display:flex;flex-wrap:wrap;gap:8px}
.hxc-row-mp .hx-chip{text-decoration:none}
.hxc-row-props summary,.hxc-row-promos summary{cursor:pointer;font-weight:600;color:var(--hx-navy)}
.hxc-row-props .hx-table-wrap{margin:10px 0 0}
.hxc-row-props th{font-weight:400;color:var(--hx-txt)}
.hxc-row-promos ul{display:grid;gap:10px;margin:10px 0 0;padding:0;list-style:none}
.hxc-row-promos li{display:flex;gap:12px;align-items:flex-start}
.hxc-row-promos li img{flex:none}
.hxc-row-promos p{margin:2px 0 0;font-size:14px;color:var(--hx-txt)}
.stores_link .hx-hint{margin:6px 0 0}

/* кнопки «отложить» и «сравнить» в списке и таблице */
.hxc-ico{display:inline-grid;place-items:center;width:38px;height:38px;padding:0;border:1.5px solid var(--hx-line);border-radius:var(--hx-pill);background:#fff no-repeat center/18px;cursor:pointer}
.hxc-ico:hover{border-color:var(--hx-navy)}
.wish_item.hxc-ico{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23203873' stroke-width='1.8'%3E%3Cpath d='M12 20s-7-4.4-7-10a4 4 0 0 1 7-2.6A4 4 0 0 1 19 10c0 5.6-7 10-7 10z'/%3E%3C/svg%3E")}
.wish_item.in.hxc-ico{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23203873' stroke='%23203873' stroke-width='1.8'%3E%3Cpath d='M12 20s-7-4.4-7-10a4 4 0 0 1 7-2.6A4 4 0 0 1 19 10c0 5.6-7 10-7 10z'/%3E%3C/svg%3E")}
.compare_item.hxc-ico{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23203873' stroke-width='1.8'%3E%3Cpath d='M6 20V10M12 20V4M18 20v-7'/%3E%3C/svg%3E")}
.compare_item.in.hxc-ico{border-color:var(--hx-navy);background-color:var(--hx-paper)}

/* вид «таблица» */
.hxc-table{margin:0}
.hxc-table td{vertical-align:middle}
.hxc-table-pic{width:66px}
.hxc-table-pic img{display:block}
.hxc-table-price{white-space:nowrap}
.hxc-table-price s{color:var(--hx-mute)}
.hxc-table-act{white-space:nowrap}
.hxc-table-act>*{vertical-align:middle}

/* корень каталога */
.hxc-root{display:grid;gap:clamp(36px,4vw,72px)}
.hxc-cat{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(18px,2.4vw,44px);align-items:start}
@media (min-width:900px){.hxc-cat{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
  .hxc-cat:nth-child(even) .hxc-cat-pics{order:2}}
.hxc-cat-pics{position:relative}
.hxc-cat-pics .hx-photo{aspect-ratio:1;object-fit:cover}
.hxc-cat-tex{position:absolute;right:-6px;bottom:-6px;width:32%;aspect-ratio:1;object-fit:cover;border:4px solid #fff}
.hxc-cat-strip{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(72px,8vw,110px);gap:10px;margin:14px 0 0;padding:0 0 4px;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}
.hxc-cat-strip li{scroll-snap-align:start}
.hxc-cat-strip img{display:block;width:100%;aspect-ratio:1;object-fit:cover}
.hxc-cat-name{margin:0;font-size:var(--hx-h2);line-height:1.08;font-weight:700;letter-spacing:-.02em}
.hxc-cat-name a{color:var(--hx-ink);text-decoration:none}
.hxc-cat-name a:hover{color:var(--hx-navy)}
.hxc-cat-subs{margin:16px 0 0}
.hxc-cat-subs[data-collapse]:not(.is-open) li:nth-child(n+9){display:none}
.hxc-cat-text{margin-top:16px}
.hxc-cat .hx-more{margin-top:18px}
.hxc-cat-toggle{margin-top:10px}

/* подразделы вместо списка (цвета жидких обоев) */
.hxc-subs{--hx-col:220px;margin:0;padding:0;list-style:none}
.hxc-sub-link{display:flex;align-items:center;gap:14px;color:var(--hx-ink);text-decoration:none}
.hxc-sub-link img{flex:none;width:72px;height:72px;object-fit:cover;border-radius:50%;border:1px solid var(--hx-line)}
.hxc-sub-link:hover b{color:var(--hx-navy)}
.hxc-sub-text{margin:8px 0 0}

/* «Популярные категории» */
.hxc-lands .hx-h2{margin-bottom:18px}
.hxc-lands-list .hx-chip{text-decoration:none}
.hxc-lands-list[data-collapse]:not(.is-open) .hxc-more-item{display:none}

/* лента в левой колонке: баннеры и проекты */
.hxc-strip{display:grid;grid-auto-flow:column;grid-auto-columns:100%;gap:12px;margin:0;padding:0 0 6px;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}
.hxc-strip>li{scroll-snap-align:start;min-width:0}
.hxc-strip img{display:block;width:100%;height:auto}
.hxc-strip a{color:var(--hx-ink);text-decoration:none}
.hxc-strip span{display:block;margin-top:10px;font-size:14px;line-height:1.35}
.hxc-projects .hx-photo{aspect-ratio:4/3;object-fit:cover}
.hxc-projects .hxc-nav-t a{color:inherit;text-decoration:none}

/* баннеры над списком: только на широком экране, как прежде */
.hxc-top-ads{position:relative}
.hxc-top-ads img{width:100%;height:auto}
.hxc-strip-nav{position:absolute;top:50%;width:40px;height:40px;margin-top:-20px;padding:0;border:1px solid var(--hx-line);border-radius:var(--hx-pill);background:#fff;cursor:pointer}
.hxc-strip-nav:before{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;border:solid var(--hx-ink);border-width:0 0 2px 2px;transform:translate(-30%,-50%) rotate(45deg)}
.hxc-strip-nav--prev{left:10px}
.hxc-strip-nav--next{right:10px}
.hxc-strip-nav--next:before{transform:translate(-70%,-50%) rotate(-135deg)}
@media (max-width:1023px){.hxc-top-ads{display:none}}