.catalog-main { max-width:1240px; margin:auto; padding:60px 24px 80px; }
.catalog-intro { margin-bottom:44px; }
.catalog-intro h1 { font-size:36px; font-weight:500; letter-spacing:-.035em; margin-bottom:10px; }
.catalog-intro p { color:#6b6b6b; font-size:16px; margin:0; line-height:1.5; }
.catalog-hub-links { display:flex; flex-wrap:wrap; gap:9px; margin-top:24px; }
.catalog-hub-links a { padding:8px 12px; border:1px solid #ddd; border-radius:999px; color:#333; font-size:12px; }
.catalog-hub-links a:hover { border-color:#111; }
.catalog-layout { display:grid; grid-template-columns:240px minmax(0,1fr); gap:48px; }
.catalog-layout > * { min-width:0; }
#catalog-filter-panel > summary { display:flex; justify-content:space-between; align-items:center; font-size:14px; min-height:32px; cursor:pointer; list-style:none; }
#catalog-filter-panel > summary > span { display:none; }
summary::-webkit-details-marker { display:none; }
#catalog-filters { margin-top:24px; }
.catalog-search { display:block; font-size:13px; color:#555; margin-bottom:20px; }
.catalog-search input { display:block; width:100%; padding:10px 12px; margin-top:8px; border:1px solid #ddd; border-radius:6px; background:#fff; color:#111; font:inherit; }
.catalog-facet-group { padding:0 0 18px; margin-bottom:20px; border-bottom:1px solid #e5e5e5; }
.catalog-facet-group summary { font-size:14px; list-style:none; cursor:pointer; padding:4px 0; display:flex; align-items:center; justify-content:space-between; }
.catalog-facet-group summary::after { content:'⌄'; color:#666; }
.catalog-facet-group[open] summary::after { transform:rotate(180deg); }
.catalog-facet-group > div { padding-top:14px; }
.catalog-facet { display:block; position:relative; cursor:pointer; border-radius:4px; color:#666; font-size:14px; line-height:1.4; }
.catalog-facet input { position:absolute; width:1px; height:1px; opacity:0; }
.catalog-facet span { display:block; padding:9px 8px; }
.catalog-facet:has(input:checked) { color:#111; font-weight:600; background:#f7f7f7; }
.catalog-facet:has(input:focus-visible) { outline:2px solid #111; outline-offset:2px; }
.catalog-facet:hover { color:#111; }
.catalog-reset { font:inherit; font-size:13px; cursor:pointer; padding:0 0 3px; background:none; border:0; border-bottom:1px solid #aaa; color:#555; }
.catalog-toolbar { min-height:32px; margin-bottom:24px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.catalog-sort-buttons { display:flex; align-items:center; flex-wrap:wrap; gap:14px; font-size:13px; }
.catalog-sort-buttons > span { color:#777; }
.catalog-sort-buttons button { font:inherit; border:0; background:none; padding:6px 0; color:#666; cursor:pointer; }
.catalog-sort-buttons button[aria-pressed="true"] { color:#111; text-decoration:underline; text-underline-offset:5px; }
.catalog-sort-select { display:none; }
.catalog-count { font-size:12px; color:#777; margin:0; white-space:nowrap; }
#catalog-products { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px 24px; }
.catalog-card { min-width:0; }
.catalog-card > a { display:block; }
.catalog-card-image { background:#f4f4f4; aspect-ratio:1; display:grid; place-items:center; border-radius:4px; overflow:hidden; }
.catalog-card img { width:100%; height:auto; object-fit:contain; mix-blend-mode:multiply; }
.catalog-card h2 { font-size:16px; font-weight:400; letter-spacing:0; line-height:1.45; margin:15px 0 7px; overflow-wrap:anywhere; }
.catalog-card p { font-size:16px; font-weight:600; margin:0; }
.catalog-card a:hover h2 { text-decoration:underline; text-underline-offset:4px; }
#catalog-empty { padding:60px 0; }
#catalog-empty[hidden] { display:none; }
#catalog-empty p { font-size:14px; color:#666; line-height:1.6; }
.simple-catalog .product-header { position:relative; min-height:88px; padding:16px max(24px,calc((100vw - 1240px)/2)); display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:24px; background:rgba(255,255,255,.96); }
.simple-catalog .product-wordmark { grid-column:2; grid-row:1; justify-self:center; }
.simple-catalog .product-catalog-link { grid-column:1; grid-row:1; justify-self:start; color:#222; font-size:13px; letter-spacing:.025em; }
.simple-catalog .tyaga-cart-link { position:absolute; top:23px; right:max(20px,calc((100vw - 1240px)/2)); }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(min-width:768px) and (max-width:1100px) {
  .catalog-layout { grid-template-columns:200px minmax(0,1fr); gap:32px; }
  #catalog-products { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .catalog-count { display:none; }
}
@media(max-width:767px) {
  .catalog-main { padding:40px 20px 52px; }
  .catalog-intro { margin-bottom:38px; }
  .catalog-intro h1 { font-size:28px; }
  .catalog-intro p { font-size:15px; }
  .catalog-layout { display:block; position:relative; }
  #catalog-filter-panel > summary { display:inline-flex; gap:10px; padding:6px 10px; min-height:34px; border:1px solid #ddd; border-radius:6px; }
  #catalog-filter-panel > summary > span { display:block; }
  #catalog-filters { margin:20px 0; padding:20px; background:#fafafa; border:1px solid #eee; border-radius:6px; }
  .catalog-toolbar { position:absolute; right:0; top:0; margin:0; }
  .catalog-sort-buttons,.catalog-count { display:none; }
  .catalog-sort-select { display:block; }
  .catalog-sort-select select { font:inherit; font-size:13px; max-width:165px; padding:7px 10px; min-height:34px; border:1px solid #ddd; border-radius:6px; background:#fff; color:#111; }
  .catalog-results { margin-top:28px; }
  #catalog-products { grid-template-columns:minmax(0,1fr); gap:36px; }
  .catalog-card h2 { font-size:16px; }
  .simple-catalog .product-header { min-height:78px; padding:14px 20px; gap:12px; }
  .simple-catalog .tyaga-wordmark-logo { width:132px; height:42px; }
  .simple-catalog .product-catalog-link { font-size:12px; }
  .simple-catalog .tyaga-cart-link { top:17px; right:10px; }
}
@media(max-width:359px) {
  .simple-catalog .product-header { padding-inline:16px; }
  .simple-catalog .tyaga-wordmark-logo { width:122px; height:40px; }
}

/* Identity stays readable alongside decorative pictograms and original wordmarks. */
.catalog-facet > .catalog-facet-content { display:flex; align-items:center; gap:10px; min-height:46px; padding:7px 10px; }
.catalog-facet .catalog-facet-label { min-width:0; padding:0; font-size:13px; }
.catalog-facet-visual { flex:0 0 28px; display:grid; place-items:center; width:28px; height:32px; color:#454545; font-style:normal; }
.catalog-facet-visual.is-brand { flex-basis:58px; width:58px; height:34px; padding:3px; background:#fff; border:1px solid #ececec; border-radius:7px; }
.catalog-facet-visual img { display:block; width:100%; height:28px; object-fit:contain; }
.catalog-facet-visual.is-brand svg { width:22px; height:22px; }
.catalog-facet:has(input:checked) { background:#f1f1f1; box-shadow:inset 2px 0 #111; }
.catalog-facet-visual.is-brand:has(img:is([data-brand-logo="white-siberia"],[data-brand-logo="rutrike"],[data-brand-logo="siberton"])) { background:#171717; border-color:#171717; }