/* Хаб категорий на архиве каталога (/product/) */
.ss-hub{margin:10px 0 30px}
.ss-hub__section{margin:26px 0 6px}
.ss-hub__eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:6px}
.ss-hub__eyebrow span{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#b8976a;font-weight:500;white-space:nowrap}
.ss-hub__eyebrow i{display:block;height:1px;background:linear-gradient(90deg,#b8976a,rgba(184,151,106,0));flex:1}
.ss-hub__title{font-family:"Playfair Display",serif;font-weight:500;font-size:32px;margin:0 0 20px}
.ss-hub__tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.ss-hub-tile{position:relative;overflow:hidden;background:var(--black2,#0A3231);aspect-ratio:4/3;display:block;text-decoration:none}
.ss-hub-tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.ss-hub-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,50,49,0) 46%,rgba(10,50,49,.82) 100%)}
.ss-hub-tile__cap{position:absolute;left:0;right:0;bottom:0;padding:14px 16px;z-index:2;color:#fff}
.ss-hub-tile__name{display:block;font-family:"Playfair Display",serif;font-size:20px;font-weight:500;line-height:1.2;margin-bottom:3px}
.ss-hub-tile__cnt{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#d9c3a5}
.ss-hub-tile__thread{display:block;height:1px;width:0;background:#b8976a;margin-top:9px;transition:width .45s ease}
.ss-hub-tile:hover img{transform:scale(1.04)}
.ss-hub-tile:hover .ss-hub-tile__thread{width:56px}
.ss-hub-tile:focus-visible{outline:3px solid #b8976a;outline-offset:2px}
.ss-hub-tile--wide{grid-column:span 2;aspect-ratio:auto}
.ss-hub-tile--wide img{position:absolute;inset:0}
.ss-hub-tile--wide .ss-hub-tile__name{font-size:24px}
.ss-hub-tile--wide .ss-hub-tile__name em{font-style:italic;color:#d9c3a5}
.ss-hub-tile__arrow{position:absolute;top:16px;right:16px;z-index:2;width:38px;height:38px;border:1px solid rgba(255,255,255,.45);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:17px;transition:background .3s,border-color .3s}
.ss-hub-tile--wide:hover .ss-hub-tile__arrow{background:#b8976a;border-color:#b8976a}
.ss-hub__tiles--furniture{grid-template-columns:repeat(3,1fr)}
.ss-hub__tiles--furniture .ss-hub-tile{aspect-ratio:3/2}
.ss-hub__tiles--furniture .ss-hub-tile__name{font-size:23px}
.ss-hub__chips{margin-top:16px}
.ss-hub__chips-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:12px}
.ss-hub__chips-lbl{font-size:13px;color:#909090;margin-right:4px;white-space:nowrap}
.ss-hub-chip{font-size:14px;background:#fff;border:1px solid #e4dfda;padding:7px 15px;border-radius:2px;color:#444;text-decoration:none;transition:border-color .25s,color .25s}
.ss-hub-chip:hover{border-color:#b8976a;color:var(--black2,#0A3231)}
@media (max-width:900px){
  .ss-hub__tiles{grid-template-columns:repeat(2,1fr)}
  .ss-hub__tiles--furniture{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .ss-hub__tiles{grid-template-columns:1fr 1fr;gap:10px}
  .ss-hub-tile__name{font-size:15px}
  .ss-hub-tile--wide{grid-column:span 2}
  .ss-hub__tiles--furniture{grid-template-columns:1fr}
  .ss-hub__title{font-size:24px}
}
@media (prefers-reduced-motion:reduce){
  .ss-hub-tile img,.ss-hub-tile__thread,.ss-hub-chip,.ss-hub-tile__arrow{transition:none}
}