/* Каталог OLLOSTORE.
   Тёмная «игровая» шапка + светлая рабочая сетка товаров:
   витрина должна привлекать, но карточки — легко сканироваться взглядом. */

*{box-sizing:border-box}
body{margin:0;background:#f4f5f7;color:#16202c;
     font:15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
a{color:inherit}

/* Шапка */
.cat-top{background:#0b1220;display:flex;align-items:center;justify-content:space-between;
         padding:14px 24px;flex-wrap:wrap;gap:12px}
.cat-logo{color:#fff;font-weight:800;letter-spacing:5px;font-size:20px;text-decoration:none}
.cat-topnav{display:flex;gap:22px}
.cat-topnav a{color:#c9d3e0;text-decoration:none;font-size:14px;font-weight:600}
.cat-topnav a:hover{color:#fff}

/* Герой */
.cat-hero{background:linear-gradient(135deg,#0b1220,#16233b);color:#fff;padding:44px 24px 40px}
.cat-hero-in{max-width:1280px;margin:0 auto}
.cat-hero h1{margin:0 0 10px;font-size:34px;letter-spacing:-.5px}
.cat-hero-sub{margin:0 0 26px;color:#b9c4d4;font-size:17px;max-width:620px}
.cat-usp{list-style:none;padding:0;margin:0;display:grid;
         grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.cat-usp li{background:rgba(255,255,255,.06);border-radius:8px;padding:14px 16px;
            border-left:3px solid #ffb020}
.cat-usp b{display:block;font-size:15px;margin-bottom:2px}
.cat-usp span{color:#9fb0c6;font-size:13px}

/* Обёртка */
.cat-wrap{max-width:1280px;margin:0 auto;padding:26px 24px 60px}

/* Фильтры */
.cat-filters{background:#fff;border-radius:10px;padding:14px;display:flex;gap:10px;
             flex-wrap:wrap;box-shadow:0 1px 3px rgba(0,0,0,.07);margin-bottom:16px}
.cat-filters input,.cat-filters select{padding:10px 12px;border:1px solid #ccd3dc;
             border-radius:7px;font-size:14px;background:#fff}
.cat-search{flex:1;min-width:220px}
.cat-filters button{background:#005bff;color:#fff;border:0;padding:10px 22px;
             border-radius:7px;font-weight:700;cursor:pointer}
.cat-filters button:hover{background:#0048cc}

.cat-count{color:#5a6473;margin:0 0 18px;font-size:14px}
.cat-reset{color:#005bff}

/* Сетка товаров */
.cat-grid{display:grid;gap:16px;
          grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}

.cat-card{background:#fff;border-radius:10px;overflow:hidden;display:flex;
          flex-direction:column;box-shadow:0 1px 3px rgba(0,0,0,.08);
          transition:transform .15s,box-shadow .15s}
.cat-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(0,0,0,.13)}

.cat-card-img{position:relative;display:block;background:#f0f2f5;
              aspect-ratio:1/1;overflow:hidden}
.cat-card-img img{width:100%;height:100%;object-fit:contain;display:block}
.cat-noimg{display:flex;align-items:center;justify-content:center;height:100%;
           color:#9aa5b4;font-size:13px}

.cat-badge{position:absolute;top:10px;z-index:2;font-size:12px;font-weight:800;
           padding:4px 9px;border-radius:5px;letter-spacing:.3px}
.cat-badge-sale{left:10px;background:#e4572e;color:#fff}
.cat-badge-last{right:10px;background:#ffb020;color:#0b1220}

.cat-card-body{padding:14px;display:flex;flex-direction:column;gap:8px;flex:1}
.cat-card-body h2{margin:0;font-size:15px;line-height:1.35;font-weight:600}
.cat-card-body h2 a{text-decoration:none}
.cat-card-body h2 a:hover{color:#005bff}
.cat-card-desc{margin:0;color:#5a6473;font-size:13px}

.cat-price{display:flex;align-items:baseline;gap:9px;margin-top:auto}
.cat-price b{font-size:21px}
.cat-price s{color:#9aa5b4;font-size:14px}

.cat-stock{font-size:12.5px;font-weight:600}
.cat-stock.in{color:#0a8043}
.cat-stock.out{color:#b26a00}

.cat-actions{display:flex;gap:8px;margin-top:4px}
.cat-btn{flex:1;background:#005bff;color:#fff;text-align:center;text-decoration:none;
         padding:10px;border-radius:7px;font-weight:700;font-size:14px}
.cat-btn:hover{background:#0048cc}
.cat-btn-ghost{padding:10px 12px;border:1px solid #ccd3dc;border-radius:7px;
         text-decoration:none;font-size:14px;color:#48525f}
.cat-btn-ghost:hover{border-color:#005bff;color:#005bff}

.cat-empty{background:#fff;border-radius:10px;padding:50px;text-align:center;color:#5a6473}

/* Текст под каталогом */
.cat-seo{background:#fff;border-radius:10px;padding:26px;margin-top:34px;
         box-shadow:0 1px 3px rgba(0,0,0,.07);max-width:820px}
.cat-seo h2{margin:0 0 14px;font-size:20px}
.cat-seo p{margin:0 0 12px;color:#3d4757}
.cat-seo-links a{color:#005bff;font-weight:600}

.cat-foot{background:#0b1220;color:#8794a6;padding:24px;text-align:center;font-size:13px}

@media(max-width:600px){
  .cat-hero h1{font-size:26px}
  .cat-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
  .cat-card-body{padding:11px}
  .cat-price b{font-size:18px}
  .cat-btn-ghost{display:none}
}