/* Compact category photographs stay secondary to the two asphalt products. */
.companion-section #category-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:stretch}
.companion-section .category-link.companion-link,
.companion-section .category-link.companion-link:last-child{display:block;grid-column:auto;grid-template-columns:none;min-height:0;padding:0;background:#fff;overflow:hidden;border:1px solid var(--line);border-radius:10px}
.companion-section .companion-photo{display:flex;align-items:center;justify-content:center;width:100%;height:128px;background:#f3f4f1;border-bottom:1px solid var(--line);isolation:isolate;overflow:hidden}
.companion-section .companion-photo>img{display:block;width:128px;max-width:100%;height:128px;aspect-ratio:auto;padding:0;margin:0;object-fit:contain;object-position:center;background:transparent;mix-blend-mode:multiply;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 6%,#000 94%,transparent);mask-composite:intersect}
.companion-section .companion-photo[data-category="laki-prajmery"]>img,
.companion-section .companion-photo[data-category="teploizolyaciya"]>img{filter:brightness(1.06) contrast(1.08)}
.companion-section .companion-photo[data-category="teploizolyaciya"]>img{mask-image:linear-gradient(to right,transparent,#000 1%,#000 99%,transparent),linear-gradient(to bottom,transparent,#000 6%,#000 94%,transparent)}
.companion-section .category-link.companion-link>small{display:block;position:static;margin:12px 14px 6px;padding:0;background:none;border-radius:0;color:var(--muted);font-size:9px;line-height:1.4}
.companion-section .category-link.companion-link>span{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:0;margin:0;padding:0 14px 15px;font-size:12px;line-height:1.45}
.companion-section .category-link.companion-link .icon{display:block;width:16px;height:16px;flex-shrink:0;color:#89958b}
.companion-section .category-link.companion-link:hover{background:#fff;border-color:#b7c0b7}
.companion-section .category-link.companion-link:hover .icon{color:var(--orange)}
@media(max-width:1000px){
  .companion-section #category-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .companion-section .companion-photo{height:112px}
  .companion-section .companion-photo>img{width:112px;height:112px}
}
@media(max-width:560px){
  .companion-section #category-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .companion-section .category-link.companion-link,
  .companion-section .category-link.companion-link:last-child{grid-column:auto;padding:0;min-height:0;border-radius:8px}
  .companion-section .companion-photo{height:96px}
  .companion-section .companion-photo>img{width:96px;height:96px}
  .companion-section .category-link.companion-link>small{margin:10px 11px 5px;font-size:8px}
  .companion-section .category-link.companion-link>span{padding:0 11px 12px;font-size:11px;gap:6px}
  .companion-section .category-link.companion-link .icon{width:14px;height:14px}
}