/* Konigo Gear — /snaryazhenie/ хаб и подкатегории.
   Карточки товаров используют .cat-card/.cat-grid-3 из темы (те же,
   что на общем каталоге объявлений) — здесь только специфичное для
   хаба: баннер, плитки категорий, разделы, SEO-блок, сортировка. */

.kgear-banner { background: #0A1C3A; border-radius: 16px; overflow: hidden; box-shadow: 0 10px 25px -8px rgba(0,0,0,.25); color: #fff; position: relative; padding: 1.75rem; margin-bottom: 2rem; }
.kgear-banner__icon { position: absolute; right: 0; bottom: 0; opacity: .08; font-size: 9rem; color: #D4AF37; }
.kgear-banner__content { position: relative; z-index: 1; }
.kgear-banner h2 { font-size: 1.8rem; font-weight: 800; margin: 0 0 .4rem; }
.kgear-banner p { color: #D4AF37; font-size: 1.05rem; margin: 0 0 1.2rem; }
.kgear-banner__actions { display: flex; flex-wrap: wrap; gap: 1rem; }
.kgear-banner__ghost { background: rgba(255,255,255,.1); border: 1px solid #D4AF37; color: #fff; font-weight: 600; padding: .5rem 1.3rem; border-radius: 999px; text-decoration: none; transition: background .2s; }
.kgear-banner__ghost:hover { background: rgba(255,255,255,.2); }

.kgear-section { margin-bottom: 2.5rem; }
.kgear-section__head { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #e5e7eb; padding-bottom: .75rem; margin-bottom: 1.2rem; flex-wrap: wrap; gap: .5rem; }
.kgear-section__title { display: flex; align-items: center; gap: .75rem; }
.kgear-badge { width: 4px; height: 2rem; border-radius: 999px; background: linear-gradient(135deg,#D4AF37,#B8922E); display: block; }
.kgear-section__head h2 { font-size: 1.4rem; font-weight: 700; color: #0A1C3A; margin: 0; display: flex; align-items: center; gap: .5rem; }
.kgear-section__head h2 i { color: #D4AF37; }
.kgear-section__head > a { color: #D4AF37; font-size: .9rem; text-decoration: none; }
.kgear-section__head > a:hover { text-decoration: underline; }

.kgear-tiles { display: grid; grid-template-columns: repeat(2,1fr); gap: 1rem; }
@media (min-width: 640px) { .kgear-tiles { grid-template-columns: repeat(3,1fr); } }
@media (min-width: 768px) { .kgear-tiles { grid-template-columns: repeat(4,1fr); } }
@media (min-width: 1024px) { .kgear-tiles { grid-template-columns: repeat(5,1fr); } }
.kgear-tile { background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; padding: 1rem; text-align: center; text-decoration: none; transition: all .2s; }
.kgear-tile:hover { background: #fef9e6; border-color: #D4AF37; transform: translateY(-3px); }
.kgear-tile i { font-size: 1.8rem; color: #D4AF37; margin-bottom: .5rem; display: block; }
.kgear-tile__label { display: block; font-size: .9rem; font-weight: 600; color: #0A1C3A; }
.kgear-tile__count { display: block; font-size: .75rem; color: #9CA3AF; margin-top: .2rem; }

.kgear-seo { background: #f3f4f6; border-radius: 12px; padding: 1.5rem; }
.kgear-seo h2 { font-size: 1.05rem; font-weight: 700; color: #0A1C3A; margin: 0 0 1rem; }
.kgear-seo h2 i { color: #D4AF37; margin-right: .4rem; }
.kgear-seo__grid { display: grid; grid-template-columns: repeat(2,1fr); gap: .6rem; }
@media (min-width: 640px) { .kgear-seo__grid { grid-template-columns: repeat(3,1fr); } }
@media (min-width: 768px) { .kgear-seo__grid { grid-template-columns: repeat(4,1fr); } }
.kgear-seo__grid a { color: #0A1C3A; font-size: .9rem; text-decoration: none; }
.kgear-seo__grid a:hover { color: #D4AF37; }

.kgear-sort { display: flex; justify-content: flex-end; margin-bottom: 1.2rem; }
.kgear-sort select { border: 1px solid #d1d5db; border-radius: 8px; padding: .45rem .7rem; font-size: .9rem; }

.kgear-empty { text-align: center; padding: 3rem 1rem; color: #6B7280; }