/* ГК Триумф — каталог: хлебные крошки, плитки, фильтры, сетка */

/* ───── хлебные крошки (единый стиль сайта) ───── */
.gk-crumbs{background:#fff;padding:22px 0 0}
.gk-bc{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.gk-bc li{display:flex;align-items:center;margin:0;padding:0;font-size:13px;font-weight:600}
.gk-bc li+li:before{content:"";width:6px;height:6px;border-top:1.6px solid #c3cad0;border-right:1.6px solid #c3cad0;transform:rotate(45deg);margin:0 10px 0 4px}
.gk-bc a{display:flex;align-items:center;gap:6px;background:#f4f5f6;color:#4a535b;padding:8px 14px;border-radius:18px;text-decoration:none;transition:background .2s,color .2s}
.gk-bc a:hover{background:#fde8df;color:#c9431c}
.gk-bc a svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.gk-bc .cur{background:#1d2226;color:#fff;padding:8px 14px;border-radius:18px;display:inline-block}
.gk-bc .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* те же «пилюли» для остальных страниц (карточка товара, информация) */

/* ───── страница каталога ───── */
.gkc{padding-bottom:0}
.gkc,.gkc *{box-sizing:border-box}
.gkc-head{padding:30px 0 6px}
.gkc-head h1{margin:0;font-size:42px;line-height:1.1;font-weight:800;letter-spacing:-.03em;color:#1d2226}
.gkc-meta{margin:10px 0 0;font-size:14px;color:#8a949c;font-weight:600}
.gkc-meta b{color:#1d2226}

.gkc-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:26px 0 0}
.gkc-tile{position:relative;display:flex;flex-direction:column;overflow:hidden;min-height:190px;padding:20px 20px 18px;border-radius:18px;background:#eceff1;color:#1d2226;text-decoration:none;transition:transform .3s,box-shadow .3s}
.gkc-tile:nth-child(4n+1){background:#fde8df}
.gkc-tile:nth-child(4n+3){background:#fff;border:1px solid #e6e9ec}
.gkc-tile:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(29,34,38,.1);color:#1d2226}
.gkc-tile h3{margin:0;font-size:16px;line-height:1.25;font-weight:800;letter-spacing:-.015em;max-width:64%;position:relative;z-index:2;color:inherit}
.gkc-tile .n{margin-top:6px;font-size:12.5px;font-weight:600;opacity:.65;position:relative;z-index:2}
.gkc-tile .go{margin-top:auto;width:34px;height:34px;border-radius:50%;background:#fff;display:grid;place-items:center;font-weight:800;position:relative;z-index:2;transition:background .2s,color .2s}
.gkc-tile:hover .go{background:#e8562a;color:#fff}
.gkc-tile .pic{position:absolute;right:10px;bottom:10px;width:50%;height:calc(100% - 20px);display:flex;align-items:flex-end;justify-content:flex-end}
.gkc-tile .pic img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .45s}
.gkc-tile:hover .pic img{transform:scale(1.06)}

.gkc-chips{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 0}
.gkc-chips a{padding:10px 18px;border-radius:24px;background:#f4f5f6;font-size:13px;font-weight:700;color:#4a535b;text-decoration:none;transition:all .2s}
.gkc-chips a:hover{background:#fde8df;color:#c9431c}
.gkc-chips a.on{background:#e8562a;color:#fff;box-shadow:0 8px 18px rgba(232,86,42,.3)}
.gkc-chips a.all{background:none;color:#c9431c}

.gkc-tools{margin:44px 0 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.gkc-tools h2{margin:0;font-size:26px;font-weight:800;letter-spacing:-.025em;display:flex;align-items:center;gap:14px}
.gkc-tools h2:before{content:"";width:6px;height:26px;background:#e8562a;border-radius:3px}
.gkc-tools .ctl{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.gkc .sel{display:flex;align-items:center;gap:8px;background:#f4f5f6;border-radius:24px;padding:0 8px 0 16px;height:44px;font-size:13px;font-weight:600;color:#4a535b;margin:0}
.gkc .sel select{border:0;background:none;font-weight:700;font-size:13px;color:#1d2226;height:44px;padding-right:12px;outline:none;cursor:pointer;width:auto;box-shadow:none}
.gkc-fbtn{display:none;height:44px;padding:0 20px;border-radius:24px;border:0;background:#1d2226;color:#fff;font-weight:700;font-size:13px;cursor:pointer}

.gkc-active{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 16px;font-size:13px;color:#8a949c;font-weight:600}
.gkc-active a{padding:8px 14px;border-radius:20px;background:#fde8df;color:#c9431c;font-weight:700;text-decoration:none}
.gkc-active a b{margin-left:6px}
.gkc-active .clr{background:none;color:#8a949c;text-decoration:underline;padding:8px 4px}

.gkc-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:20px;align-items:start}
.gkc-layout.nofilters{grid-template-columns:minmax(0,1fr)}
.gkc-side{position:sticky;top:92px;background:#f4f5f6;border-radius:18px;padding:22px;max-height:calc(100vh - 110px);overflow-y:auto;scrollbar-width:thin}
.gkc-side .head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.gkc-side .head h4{margin:0;font-size:16px;font-weight:800;flex:1}
.gkc-side .reset{font-size:12.5px;font-weight:700;color:#c9431c;text-decoration:none}
.gkc-side .close{display:none;border:0;background:none;font-size:28px;line-height:1;color:#4a535b;cursor:pointer}
.gkc-side .grp{border-top:1px solid #e1e5e8;padding:14px 0 8px}
.gkc-side .grp:first-of-type{border-top:0;padding-top:0}
.gkc-side .grp>b{display:block;font-size:13px;margin-bottom:6px}
.gkc-side label{display:flex;align-items:center;gap:10px;padding:5px 0;margin:0;font-size:13.5px;font-weight:500;color:#4a535b;cursor:pointer}
.gkc-side label span{flex:1}
.gkc-side label em{font-style:normal;font-size:12px;color:#8a949c;font-weight:600}
.gkc-side input[type=checkbox]{accent-color:#e8562a;width:16px;height:16px;margin:0}
.gkc-side .apply{display:none;width:100%;margin-top:14px;border:0;border-radius:22px;background:#1d2226;color:#fff;padding:12px;font-weight:700;font-size:14px;cursor:pointer}
.gkc-side.busy{opacity:.55;pointer-events:none}

.gkc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.gkc-layout:not(.nofilters) .gkc-grid{grid-template-columns:repeat(3,1fr)}
.gkc-card{background:#fff;border:1px solid #e6e9ec;border-radius:14px;display:flex;flex-direction:column;position:relative;transition:transform .3s,box-shadow .3s,border-color .3s}
.gkc-card:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(29,34,38,.12);border-color:#d6dce1;z-index:2}
.gkc-card .phw{aspect-ratio:1/.8;display:grid;place-items:center;padding:16px 16px 4px}
.gkc-card .phw img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .45s}
.gkc-card:hover .phw img{transform:scale(1.1) translateY(-6px)}
.gkc-card .tx{padding:6px 18px 18px;display:flex;flex-direction:column;gap:6px;flex:1}
.gkc-card .nm{font-weight:700;font-size:14px;line-height:1.4;color:#1d2226;text-decoration:none;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.gkc-card .sku{font-size:12px;color:#8a949c;font-weight:500}
.gkc-card .bt{margin-top:auto;padding-top:10px;display:flex;align-items:center;justify-content:space-between}
.gkc-card .pr{font-size:14px;font-weight:700;color:#c9431c}
.gkc-card .cmp{width:34px;height:34px;border-radius:50%;border:1.5px solid #e6e9ec;background:#fff;display:grid;place-items:center;color:#8a949c;cursor:pointer;padding:0;transition:all .2s}
.gkc-card .cmp svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}
.gkc-card:hover .cmp{border-color:#e8562a;color:#e8562a}

.gkc-pag{margin-top:34px;display:flex;justify-content:center}
.gkc-pag ul.pagination{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin:0;padding:0;list-style:none}
.gkc-pag ul.pagination>li>a,.gkc-pag ul.pagination>li>span{min-width:42px;height:42px;border-radius:50%!important;display:grid;place-items:center;font-weight:700;font-size:14px;background:#f4f5f6;color:#4a535b;padding:0 12px;border:0;text-decoration:none;line-height:1;margin:0}
.gkc-pag ul.pagination>li.active>span{background:#1d2226;color:#fff}
.gkc-pag ul.pagination>li>a:hover{background:#fde8df;color:#c9431c}
.gkc-shown{text-align:center;color:#8a949c;font-size:13px;margin-top:14px;font-weight:500}
.gkc-empty{padding:60px 20px;text-align:center;background:#f4f5f6;border-radius:18px}
.gkc-empty h3{margin:0 0 8px;font-size:20px;font-weight:800}
.gkc-empty p{margin:0 0 18px;color:#4a535b}
.gkc-empty .btn{display:inline-block;padding:12px 24px;border-radius:24px;background:#e8562a;color:#fff;font-weight:700;text-decoration:none}
.gkc-seo{margin-top:56px;background:#f4f5f6;border-radius:18px;padding:32px 36px;font-size:15px;line-height:1.75;color:#4a535b}
.gkc-seo h2,.gkc-seo h3{font-weight:800;color:#1d2226}
.gkc-scrim{display:none}

@media (max-width:1100px){.gkc-tiles{grid-template-columns:repeat(3,1fr)}.gkc-layout:not(.nofilters) .gkc-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){
  .gkc-head h1{font-size:30px}
  .gkc-tiles{grid-template-columns:repeat(2,1fr)}
  .gkc-grid,.gkc-layout:not(.nofilters) .gkc-grid{grid-template-columns:repeat(2,1fr)}
  .gkc-layout{grid-template-columns:1fr}
  .gkc-fbtn{display:inline-block}
  .gkc-side{position:fixed;left:0;right:0;bottom:0;top:auto;max-height:84vh;border-radius:22px 22px 0 0;z-index:3000;transform:translateY(105%);transition:transform .3s;box-shadow:0 -20px 50px rgba(0,0,0,.25);padding:22px 22px 28px}
  .gkc-side.open{transform:none}
  .gkc-side .close{display:block}
  .gkc-side .apply{display:block}
  .gkc-scrim.open{display:block;position:fixed;inset:0;background:rgba(20,28,34,.55);z-index:2999}
}
@media (max-width:560px){
  .gkc-tiles{grid-template-columns:repeat(2,1fr)}
  .gkc-tile{min-height:170px;padding:16px}
  .gkc-tile h3{font-size:14px}
  .gkc-grid{gap:6px}
  .gkc-card .tx{padding:4px 12px 14px}
  .gkc-card .nm{font-size:13px}
  .gkc-seo{padding:22px}
}

/* каталог на телефоне: компактная навигация, товары сразу под ней */
@media (max-width:767px){
  .gkc-chips{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;margin:0 -16px 14px;padding:2px 16px 8px;scrollbar-width:none}
  .gkc-chips::-webkit-scrollbar{display:none}
  .gkc-chips a{flex:none;white-space:nowrap;scroll-snap-align:start;padding:10px 16px;font-size:14px;border-radius:999px}
  .gkc-tiles.gk-tiles-fold .gkc-tile:nth-child(n+7){display:none}
  .gkc-tiles.gk-tiles-fold.gk-open .gkc-tile:nth-child(n+7){display:flex}
  .gkc-tiles-btn{display:block;width:100%;margin:10px 0 6px;padding:13px 18px;border:1px solid #e8562a;border-radius:999px;background:#fff;color:#e8562a;font:600 14px/1 Montserrat,Arial,sans-serif}
  .gkc-seo.gk-fold{max-height:150px}
  .gkc-seo h2{font-size:18px}
}