/*
Theme Name: ГЕНЕРАК
Theme URI: https://generak.ru
Description: Премиальная тема магазина электрогенераторов и спецтехники ГЕНЕРАК. Строгий современный минимализм. Классы gk-.
Author: GENERAK
Version: 0.1
Text Domain: generak
*/

:root{
  --ink:#16191D; --graphite:#2B2F36; --slate:#5A616B; --line:#E6E4DE;
  --paper:#FFFFFF; --canvas:#F6F4EF; --accent:#C8452B; --accent-ink:#9C3320;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Manrope',system-ui,-apple-system,sans-serif;color:var(--ink);
     background:var(--canvas);-webkit-font-smoothing:antialiased;line-height:1.6;font-size:16px}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
.gk-wrap{max-width:1320px;margin:0 auto;padding:0 40px}
.gk-oline{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--slate);font-weight:600}

/* topbar */
.gk-topbar{background:var(--ink);color:#CFCCC4;font-size:13px}
.gk-topbar .gk-wrap{display:flex;justify-content:space-between;align-items:center;height:40px}
.gk-topbar a{opacity:.85}
.gk-topbar .r{display:flex;gap:26px}

/* header */
.gk-header{position:sticky;top:0;z-index:50;background:rgba(246,244,239,.9);backdrop-filter:blur(10px);
     border-bottom:1px solid var(--line)}
.gk-header .gk-wrap{display:flex;align-items:center;height:76px;gap:40px}
.gk-logo{font-weight:800;font-size:25px;letter-spacing:-.02em;display:flex;flex-direction:column;justify-content:center;line-height:1;flex:none}
.gk-logo__w{display:inline-flex;align-items:center}
.gk-logo__b{width:.72em;height:1.02em;color:var(--accent);margin:0 1px;flex:none}
.gk-logo .b{color:var(--accent)}
.gk-logo small{display:block;font-size:9px;letter-spacing:.32em;color:var(--slate);font-weight:600;margin-top:3px}
.gk-nav{display:flex;gap:30px;font-size:15px;font-weight:500;margin-left:6px}
.gk-hact{margin-left:auto;display:flex;align-items:center;gap:24px;color:var(--graphite)}
.gk-hact .phone{font-weight:700;font-size:16px}
.gk-hact .ico{font-size:20px;position:relative}
.gk-hact .badge{position:absolute;top:-8px;right:-10px;background:var(--accent);color:#fff;font-size:10px;
     font-weight:700;border-radius:20px;padding:1px 5px}

/* hero */
.gk-hero .gk-wrap{display:grid;grid-template-columns:1fr 1fr;min-height:520px;padding:0}
.gk-hero-txt{padding:88px 60px 88px 40px;display:flex;flex-direction:column;justify-content:center}
.gk-hero-txt h1{font-size:56px;line-height:1.05;letter-spacing:-.03em;font-weight:700;margin:18px 0 22px}
.gk-hero-txt p{font-size:18px;color:var(--slate);max-width:440px;margin:0 0 34px}
.gk-hero-img{position:relative;overflow:hidden;min-height:520px}
.gk-hero-img picture{position:absolute;inset:0;display:block}
.gk-hero-img img{width:100%;height:100%;object-fit:cover}
.gk-btnrow{display:flex;gap:14px}
.gk-btn{display:inline-flex;align-items:center;gap:10px;background:var(--graphite);color:#fff;font-weight:600;
     font-size:15px;padding:15px 28px;border-radius:10px;width:fit-content;transition:.2s;border:none;cursor:pointer}
.gk-btn:hover{background:var(--ink)}
.gk-btn .ar{transition:.2s}.gk-btn:hover .ar{transform:translateX(4px)}
.gk-btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}

/* trust strip */
.gk-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper)}
.gk-strip .gk-wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.gk-strip .it{padding:26px 24px;border-right:1px solid var(--line);display:flex;gap:14px;align-items:center}
.gk-strip .it:last-child{border-right:none}
.gk-strip .n{font-weight:700;font-size:15px}.gk-strip .s{font-size:13px;color:var(--slate)}
.gk-strip .mk{font-size:24px;color:var(--accent);line-height:1}

.gk-sec{padding:58px 0}
.gk-sec.tight{padding-top:0}
.gk-shead{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}
.gk-shead h2{font-size:34px;font-weight:700;letter-spacing:-.02em;margin:0}
.gk-shead a{font-weight:600;font-size:15px;border-bottom:2px solid var(--accent);padding-bottom:2px}

/* tiles */
.gk-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.gk-tile{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:16/10;display:flex;align-items:flex-end;background:#ece9e2}
.gk-tile.sm{aspect-ratio:16/9}
.gk-tile picture{position:absolute;inset:0;display:block}
.gk-tile img{width:100%;height:100%;object-fit:cover;transition:.4s}
.gk-tile:hover img{transform:scale(1.04)}
.gk-tile .cap{position:relative;z-index:2;padding:30px 32px;color:#fff;width:100%;
     background:linear-gradient(to top,rgba(15,17,20,.75),rgba(15,17,20,0))}
.gk-tile .cap h3{font-size:24px;font-weight:700;letter-spacing:-.01em;margin:0}
.gk-tile .cap span{font-size:13px;opacity:.85}
.gk-tile .go{position:absolute;top:22px;right:22px;z-index:2;width:40px;height:40px;border-radius:50%;
     background:rgba(255,255,255,.9);color:var(--ink);display:flex;align-items:center;justify-content:center;font-size:18px;transition:.2s}
.gk-tile:hover .go{background:var(--accent);color:#fff}

/* power */
.gk-power{background:var(--ink);color:#EDEAE3;border-radius:16px;padding:56px 48px}
.gk-power h2{font-size:30px;font-weight:700;margin:0 0 8px}
.gk-power p{color:#9C9A92;margin:0 0 34px}
.gk-pgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.gk-pcell{border:1px solid #2F333A;border-radius:10px;padding:20px 14px;text-align:center;transition:.2s}
.gk-pcell:hover{border-color:var(--accent);background:#20242A}
.gk-pcell b{display:block;font-size:22px;font-weight:700}
.gk-pcell small{font-size:12px;color:#9C9A92}

/* product cards */
.gk-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.gk-card .im{aspect-ratio:1;background:var(--paper);border-radius:12px;position:relative;overflow:hidden;
     display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.gk-card .im img{max-width:88%;max-height:88%;object-fit:contain}
.gk-card .tag{position:absolute;top:14px;left:14px;font-size:11px;font-weight:700;letter-spacing:.04em;
     background:var(--canvas);color:var(--slate);padding:4px 9px;border-radius:6px}
.gk-card .heart{position:absolute;top:14px;right:14px;color:#C3BFB5;font-size:18px}
.gk-card h4{font-size:15px;font-weight:600;line-height:1.4;margin:0 0 6px}
.gk-card .spec{font-size:13px;color:var(--slate);margin-bottom:12px}
.gk-card .price{font-weight:700;font-size:17px}
.gk-card .price s{color:#B3AEA3;font-weight:500;font-size:14px;margin-left:8px}
.gk-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#b3aea3;font-size:13px}

/* brands */
.gk-brands{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);border-radius:14px;
     overflow:hidden;background:var(--paper)}
.gk-brands div{padding:34px;text-align:center;border-right:1px solid var(--line);border-bottom:1px solid var(--line);
     color:var(--slate);font-weight:700;font-size:18px}

/* editorial */
.gk-edit{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.gk-edit .eimg{position:relative;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:#ece9e2}
.gk-edit .eimg picture{position:absolute;inset:0;display:block}
.gk-edit .eimg img{width:100%;height:100%;object-fit:cover}
.gk-edit h2{font-size:32px;font-weight:700;letter-spacing:-.02em;margin:0 0 20px;line-height:1.15}
.gk-edit p{color:var(--slate);margin:0 0 16px;font-size:16px}

/* footer */
.gk-footer{background:var(--ink);color:#B7B4AC;padding:72px 0 36px;margin-top:40px}
.gk-fgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:48px;border-bottom:1px solid #2A2E35}
.gk-footer .gk-logo{color:#fff;margin-bottom:18px}
.gk-footer h5{color:#fff;font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 18px;font-weight:600}
.gk-footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px;font-size:14px}
.gk-fbot{display:flex;justify-content:space-between;padding-top:26px;font-size:13px;color:#7C8088}
.gk-sub{display:flex;gap:10px;margin-top:16px;max-width:320px}
.gk-sub input{flex:1;background:#20242A;border:1px solid #2F333A;border-radius:8px;padding:12px 14px;color:#fff;font-family:inherit}
.gk-sub button{background:var(--accent);border:none;color:#fff;border-radius:8px;padding:0 18px;font-weight:600;cursor:pointer}

@media(max-width:900px){
  .gk-wrap{padding:0 20px}
  .gk-hero .gk-wrap,.gk-edit{grid-template-columns:1fr}
  .gk-hero-img{min-height:320px}
  .gk-hero-txt{padding:56px 20px}
  .gk-hero-txt h1{font-size:38px}
  .gk-tiles,.gk-cards,.gk-pgrid,.gk-brands,.gk-strip .gk-wrap,.gk-fgrid{grid-template-columns:1fr 1fr}
}

/* ================= WooCommerce: магазин ================= */
.site-main, #primary.content-area{max-width:1320px;margin:0 auto;padding:40px}
.woocommerce-breadcrumb{font-size:13px;color:var(--slate);margin:0 auto 22px;max-width:1320px;padding:20px 40px 0}
.woocommerce .site-main .woocommerce-products-header__title,
.woocommerce-products-header__title.page-title{font-size:40px;font-weight:700;letter-spacing:-.02em;margin:0 0 18px}

/* интро над товарами / seo-текст под товарами */
.gk-cat-intro{font-size:17px;color:var(--slate);max-width:820px;margin:0 0 34px;line-height:1.7}
.gk-cat-intro p{margin:0 0 12px}
.gk-cat-seo{max-width:900px;margin:64px auto 0;font-size:16px;line-height:1.8;color:var(--ink)}
.gk-cat-seo__text h2,.gk-cat-seo__text h3{font-weight:700;letter-spacing:-.01em;margin:28px 0 12px}
.gk-cat-seo__text h2{font-size:26px}.gk-cat-seo__text h3{font-size:19px}
.gk-cat-seo__text p{color:var(--slate);margin:0 0 14px}

/* сетка карточек архива */
.woocommerce ul.products,.woocommerce-page ul.products{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:0;padding:0;list-style:none}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{width:auto!important;margin:0!important;float:none!important;text-align:left}
.woocommerce ul.products li.product a img{border-radius:12px;background:var(--paper);aspect-ratio:1;object-fit:contain;padding:14px;margin:0 0 14px}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:15px;font-weight:600;line-height:1.4;padding:0;color:var(--ink)}
.woocommerce ul.products li.product .price{color:var(--ink);font-weight:700;font-size:17px;margin-top:6px}
.woocommerce ul.products li.product .price del{color:#B3AEA3;font-weight:500;font-size:14px}
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart{display:inline-block;margin-top:12px;background:var(--graphite);color:#fff;
     border-radius:9px;padding:11px 18px;font-weight:600;font-size:14px;transition:.2s;border:none}
.woocommerce ul.products li.product .button:hover{background:var(--ink)}
.woocommerce .star-rating{display:none}
.woocommerce ul.products li.product .onsale{background:var(--accent);color:#fff;border-radius:6px;min-height:auto;min-width:auto;
     padding:3px 9px;font-size:11px;font-weight:700;line-height:1.4;position:absolute;margin:8px;top:0;left:0}

/* строгая карточка товара (single) */
.woocommerce div.product{display:block}
.woocommerce div.product .product_title{font-size:34px;font-weight:700;letter-spacing:-.02em;margin:0 0 14px}
.woocommerce div.product div.images{width:52%;float:left}
.woocommerce div.product div.images img{border-radius:14px}
.woocommerce div.product div.summary{width:44%;float:right;margin-bottom:0}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--ink);font-size:28px;font-weight:700;margin:6px 0 18px}
.woocommerce div.product p.price del{color:#B3AEA3;font-weight:500;font-size:19px}
.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce div.product form.cart .button{background:var(--graphite);color:#fff;border-radius:10px;padding:15px 30px;
     font-weight:600;font-size:15px;border:none;transition:.2s}
.woocommerce #respond input#submit:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,
.woocommerce div.product form.cart .button:hover{background:var(--ink)}
.woocommerce div.product form.cart{margin:18px 0}

/* highlights (вместо дубль-сводки донора — лаконично) */
.gk-highlights{list-style:none;margin:18px 0 4px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:10px}
.gk-highlights li{display:flex;justify-content:space-between;gap:16px;font-size:15px}
.gk-highlights .k{color:var(--slate)}
.gk-highlights .v{color:var(--ink);font-weight:600;text-align:right}

/* табы характеристик — строго */
.woocommerce div.product .woocommerce-tabs{clear:both;padding-top:48px}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0;border-bottom:1px solid var(--line)}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{border:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:none;border:none;border-radius:0;padding:0;margin:0 26px 0 0}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{border-bottom:2px solid var(--accent)}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:var(--slate);font-weight:600;padding:12px 0}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--ink)}
.woocommerce table.shop_attributes{border:none}
.woocommerce table.shop_attributes th,.woocommerce table.shop_attributes td{border:none;border-bottom:1px solid var(--line);padding:12px 0;font-style:normal}
.woocommerce table.shop_attributes th{color:var(--slate);font-weight:500;width:38%}

/* FAQ (общий) */
.gk-faq{max-width:900px;margin:40px 0 0}
.gk-faq h2{font-size:26px;font-weight:700;letter-spacing:-.01em;margin:0 0 18px}
.gk-faq__i{border-bottom:1px solid var(--line)}
.gk-faq__i summary{cursor:pointer;font-weight:600;font-size:16px;padding:18px 0;list-style:none;display:flex;justify-content:space-between}
.gk-faq__i summary::-webkit-details-marker{display:none}
.gk-faq__i summary::after{content:'+';color:var(--accent);font-size:20px;font-weight:700}
.gk-faq__i[open] summary::after{content:'–'}
.gk-faq__a{padding:0 0 18px;color:var(--slate);font-size:15px;line-height:1.7}
.gk-prod-faq{clear:both;padding-top:20px}

@media(max-width:900px){
  .site-main,#primary.content-area{padding:20px}
  .woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:1fr 1fr;gap:18px}
  .woocommerce div.product div.images,.woocommerce div.product div.summary{width:100%;float:none}
}

/* галерея товара (прокси-фото) */
.gk-gallery__main{width:100%;border-radius:14px;background:var(--paper);aspect-ratio:4/3;object-fit:contain;padding:20px}
.gk-gallery__thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.gk-gallery__thumbs img{width:84px!important;height:84px!important;object-fit:contain;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:6px;cursor:pointer;transition:.2s}
.gk-gallery__thumbs img:hover{border-color:var(--accent)}
.gk-loop-img{width:100%;aspect-ratio:1;object-fit:contain;background:var(--paper);border-radius:12px;padding:14px;margin-bottom:14px}

/* ===== карточка товара: доработки ===== */
/* прячем количество, кнопки в ряд */
.woocommerce div.product form.cart div.quantity{display:none}
.woocommerce div.product form.cart{display:flex;gap:12px;align-items:center;margin:18px 0}
.woocommerce div.product form.cart .button{margin:0}
.gk-callback{background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:10px;
     padding:15px 26px;font-weight:600;font-size:15px;cursor:pointer;font-family:inherit;transition:.2s}
.gk-callback:hover{border-color:var(--accent);color:var(--accent-ink)}

/* блок справа: отзывы + телефон + мессенджеры */
.gk-aside{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}
.gk-aside__rev{font-size:14px;color:var(--slate)}
.gk-aside__rev .gk-stars{color:#D8D4CB;letter-spacing:2px;margin-right:6px}
.gk-aside__contact{display:flex;align-items:center;gap:16px;margin-top:14px}
.gk-aside__phone{font-size:22px;font-weight:700;letter-spacing:.01em}
.gk-msgr{display:flex;gap:8px}
.gk-ic{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;
     justify-content:center;color:var(--slate);transition:.2s;cursor:pointer}
.gk-ic:hover{border-color:var(--accent);color:var(--accent);background:var(--paper)}
.gk-ic--max{font-size:11px;font-weight:700;letter-spacing:.02em}

/* Описание + Характеристики + FAQ + категории — на одной странице, аккуратно */
.gk-prodbody,.gk-prod-faq,.gk-catlinks,.woocommerce div.product .related{clear:both}
.gk-prodbody{padding-top:52px;max-width:900px}
.gk-block{margin-bottom:40px}
.gk-block h2{font-size:26px;font-weight:700;letter-spacing:-.01em;margin:0 0 16px}
.gk-rte{font-size:16px;line-height:1.8;color:var(--slate)}
.gk-rte p{margin:0 0 14px}
.gk-specs{width:100%;border-collapse:collapse}
.gk-specs th,.gk-specs td{text-align:left;padding:13px 0;border-bottom:1px solid var(--line);font-weight:400;font-size:15px;vertical-align:top}
.gk-specs th{color:var(--slate);width:42%;padding-right:20px}
.gk-specs td{color:var(--ink);font-weight:500}
.gk-catlinks{max-width:900px;margin:32px 0 0;padding-top:24px;border-top:1px solid var(--line);font-size:14px;color:var(--slate)}
.gk-catlinks a{color:var(--accent-ink);border-bottom:1px solid transparent}
.gk-catlinks a:hover{border-color:var(--accent)}

/* похожие — аккуратный заголовок и сетка */
.woocommerce div.product .related.products{padding-top:56px;border-top:1px solid var(--line);margin-top:56px}
.woocommerce div.product .related > h2{font-size:26px;font-weight:700;letter-spacing:-.01em;margin:0 0 28px}

/* фикс сетки: гасим table-хак WooCommerce (создаёт пустые grid-ячейки → съезд) */
.woocommerce ul.products::before,.woocommerce ul.products::after{content:none!important;display:none!important}
.woocommerce ul.products li.product.first,.woocommerce ul.products li.product.last{clear:none!important}

/* мессенджеры — заметнее */
.gk-ic{width:46px;height:46px;border-radius:50%;background:var(--graphite);border:none;color:#fff;
     display:flex;align-items:center;justify-content:center;transition:.2s;cursor:pointer}
.gk-ic svg{width:22px;height:22px}
.gk-ic:hover{background:var(--accent);color:#fff;transform:translateY(-2px)}
.gk-ic--max{font-size:12px;font-weight:800;letter-spacing:.02em}
.gk-msgr{display:flex;gap:10px}
.gk-aside__rev{display:inline-block;font-size:14px;color:var(--slate);border-bottom:1px solid transparent}
.gk-aside__rev:hover{color:var(--accent-ink);border-color:var(--accent)}
.gk-aside__rev .gk-stars{color:#D8D4CB;letter-spacing:2px;margin-right:6px}

/* категории — кнопки-чипы (авто по количеству) */
.gk-catchips{max-width:900px;margin:36px 0 0;padding-top:28px;border-top:1px solid var(--line);clear:both}
.gk-catchips__t{display:block;font-size:14px;color:var(--slate);margin-bottom:14px}
.gk-catchips__row{display:flex;flex-wrap:wrap;gap:10px}
.gk-chip{display:inline-flex;align-items:center;background:var(--paper);border:1px solid var(--line);
     border-radius:999px;padding:10px 18px;font-size:14px;font-weight:600;color:var(--ink);transition:.2s}
.gk-chip:hover{border-color:var(--accent);color:var(--accent-ink);background:#fff}

/* отзывы — аккуратный блок с формой и звёздами */
.gk-reviews{clear:both;max-width:900px;margin:56px 0 0;padding-top:48px;border-top:1px solid var(--line)}
.gk-reviews #reviews h2,.gk-reviews h2{font-size:26px;font-weight:700;letter-spacing:-.01em;margin:0 0 20px}
.gk-reviews .commentlist{list-style:none;margin:0 0 28px;padding:0}
.gk-reviews .comment_container{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}
.gk-reviews .comment-text{width:100%}
.gk-reviews .comment-text .star-rating{display:block!important;float:none;margin:4px 0 8px;font-size:14px;color:var(--accent)}
.gk-reviews .meta{font-size:13px;color:var(--slate)}
.gk-reviews #respond{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:26px 28px;margin-top:8px}
.gk-reviews #reply-title{font-size:19px;font-weight:700;margin:0 0 6px}
.gk-reviews .comment-form-rating label{display:block;margin:10px 0 6px;font-size:14px;color:var(--slate)}
.gk-reviews p.stars{font-size:26px}
.gk-reviews p.stars a{color:var(--accent)}
.gk-reviews .comment-form-comment textarea,.gk-reviews input[type=text],.gk-reviews input[type=email]{
     width:100%;border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-family:inherit;font-size:15px;background:#fff;margin-top:6px}
.gk-reviews .form-submit input{background:var(--graphite);color:#fff;border:none;border-radius:10px;padding:14px 30px;font-weight:600;font-size:15px;cursor:pointer;transition:.2s}
.gk-reviews .form-submit input:hover{background:var(--ink)}
.gk-reviews .comment-notes,.gk-reviews .woocommerce-review__author{color:var(--slate);font-size:13px}

/* витрина брендов */
.gk-brandgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:8px 0 20px}
.gk-brandcard{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;
     background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:28px 16px;text-align:center;transition:.2s;min-height:104px}
.gk-brandcard:hover{border-color:var(--accent);transform:translateY(-2px)}
.gk-brandcard__n{font-weight:700;font-size:17px;color:var(--ink);letter-spacing:.01em}
.gk-brandcard__c{font-size:12px;color:var(--slate)}
.gk-catchips--top{margin:0 0 24px;padding-top:0;border-top:none}
@media(max-width:900px){.gk-brandgrid{grid-template-columns:1fr 1fr}}

/* баннер категории (hero) */
.gk-cat-banner{position:relative;border-radius:16px;overflow:hidden;margin:0 0 30px;aspect-ratio:3/1;background:#ece9e2}
.gk-cat-banner picture{position:absolute;inset:0;display:block}
.gk-cat-banner img{width:100%;height:100%;object-fit:cover}
.gk-cat-banner__cap{position:absolute;inset:0;display:flex;align-items:flex-end;
     background:linear-gradient(to top,rgba(15,17,20,.72) 0%,rgba(15,17,20,.15) 45%,rgba(15,17,20,0) 70%);padding:36px 40px}
.gk-cat-banner__cap h1{color:#fff;font-size:40px;font-weight:700;letter-spacing:-.02em;margin:0;line-height:1.1;
     text-shadow:0 2px 20px rgba(0,0,0,.35)}
@media(max-width:900px){.gk-cat-banner{aspect-ratio:2.2/1;border-radius:12px}.gk-cat-banner__cap{padding:20px}.gk-cat-banner__cap h1{font-size:26px}}

/* =========================================================
   КАТАЛОГ: карточка-товар + информативные бейджи (v1.7)
   ========================================================= */
.woocommerce ul.products li.product{background:var(--paper);border:1px solid var(--line);border-radius:16px;
     padding:16px;display:flex;flex-direction:column;transition:transform .22s,box-shadow .22s,border-color .22s}
.woocommerce ul.products li.product:hover{border-color:#DAD6CC;box-shadow:0 14px 34px -16px rgba(22,25,29,.22);transform:translateY(-3px)}
.woocommerce ul.products li.product > a{display:flex;flex-direction:column;flex:1 1 auto}
.woocommerce ul.products li.product a img,.gk-loop-img{background:var(--canvas)}
.woocommerce ul.products li.product .woocommerce-loop-product__title{margin:2px 0 0}
.woocommerce ul.products li.product .price{margin-top:10px}
.woocommerce ul.products li.product .button{margin-top:14px;align-self:flex-start}

/* бейджи характеристик — некликабельные «пилюли» */
.gk-cardspecs{display:flex;flex-wrap:wrap;gap:6px;margin:11px 0 2px}
.gk-cardspec{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;line-height:1;
     color:var(--slate);background:var(--canvas);border:1px solid var(--line);border-radius:9px;padding:6px 9px;white-space:nowrap}
.gk-cardspec svg{width:13px;height:13px;flex:none;opacity:.68}
.gk-cardspec--hero{color:var(--accent-ink);background:rgba(200,69,43,.07);border-color:rgba(200,69,43,.24)}
.gk-cardspec--hero svg{opacity:1}

/* =========================================================
   ШАПКА: мега-меню
   ========================================================= */
.gk-nav{display:flex;gap:4px;margin-left:6px}
.gk-nav__head,.gk-nav__tog,.gk-nav__close,.gk-nav__extra{display:none}
.gk-nav-toggle{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;clip:rect(0 0 0 0);overflow:hidden;margin:-1px}
.gk-nav__item{position:static}
.gk-nav__row{display:flex;align-items:center}
.gk-nav__item > .gk-nav__row > a{display:inline-flex;align-items:center;gap:6px;height:76px;padding:0 14px;font-size:15px;font-weight:600;
     color:var(--ink);border-bottom:2px solid transparent;transition:.2s}
.gk-nav__item > .gk-nav__row > a:hover{color:var(--accent-ink)}
.gk-nav__car{width:9px;height:6px;opacity:.55;transition:transform .2s}
.gk-nav__item.has-mega:hover > .gk-nav__row > a{border-color:var(--accent);color:var(--accent-ink)}
.gk-nav__item.has-mega:hover .gk-nav__car{transform:rotate(180deg)}

.gk-mega{position:absolute;left:50%;top:100%;transform:translateX(-50%) translateY(8px);
     width:min(1240px,calc(100vw - 40px));background:var(--paper);border:1px solid var(--line);border-radius:18px;
     box-shadow:0 32px 70px -26px rgba(22,25,29,.34);padding:26px 30px;z-index:60;
     opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,transform .18s}
.gk-nav__item.has-mega:hover .gk-mega{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.gk-mega__in{display:flex;gap:34px}
.gk-mega__col{min-width:0}
.gk-mega__col--pow{flex:1 1 auto}
.gk-mega__col--ax{flex:0 0 220px}
.gk-mega__h{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--slate);font-weight:700;margin:0 0 16px}
.gk-mega__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px 22px}
.gk-mega__grid--2{grid-template-columns:repeat(2,1fr);gap:2px 26px}
.gk-mega__grid a,.gk-mega__list a{display:flex;align-items:baseline;justify-content:space-between;gap:8px;
     padding:8px 10px;margin:0 -6px;font-size:14px;font-weight:500;color:var(--graphite);border-radius:9px;
     transition:background .15s,color .15s}
.gk-mega__grid a:hover,.gk-mega__list a:hover{color:var(--accent-ink);background:rgba(200,69,43,.07)}
.gk-mega__grid i,.gk-mega__list i{font-style:normal;font-size:11px;font-weight:600;color:#B3AEA3}
.gk-mega__grid a:hover i,.gk-mega__list a:hover i{color:var(--accent-ink)}
.gk-mega__list{list-style:none;margin:0;padding:0}
.gk-mega__list a{padding:10px}

.gk-mega__promo{flex:0 0 250px;border-radius:14px;overflow:hidden;position:relative;background:var(--ink);display:block;min-height:210px}
.gk-mega__promo picture,.gk-mega__promo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gk-mega__promo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(22,25,29,.05),rgba(22,25,29,.78))}
.gk-mega__promoc{position:absolute;left:18px;right:18px;bottom:16px;z-index:2;color:#fff}
.gk-mega__promoc b{display:block;font-size:18px;font-weight:700;letter-spacing:-.01em}
.gk-mega__promoc em{display:block;font-style:normal;font-size:13px;color:#E9E5DC;margin-top:3px;opacity:.9}
.gk-mega__promo:hover .gk-mega__promoc em{color:#fff}

/* мега-бренды */
.gk-mega--brands .gk-mega__in{display:block}
.gk-brandmega{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.gk-brandmega a{display:flex;flex-direction:column;gap:2px;padding:12px 14px;background:var(--canvas);border:1px solid var(--line);
     border-radius:11px;transition:.18s}
.gk-brandmega a:hover{border-color:var(--accent);background:#fff;transform:translateY(-2px)}
.gk-brandmega b{font-size:14px;font-weight:700;color:var(--ink)}
.gk-brandmega i{font-style:normal;font-size:11px;color:#B3AEA3}
.gk-mega__all{display:inline-block;margin-top:18px;font-size:14px;font-weight:700;color:var(--accent-ink)}
.gk-mega__all:hover{text-decoration:underline}

/* бургер + оверлей (по умолчанию скрыты) */
.gk-burger{display:none;flex-direction:column;gap:5px;width:42px;height:42px;align-items:center;justify-content:center;
     background:none;border:1px solid var(--line);border-radius:10px;cursor:pointer;padding:0}
.gk-burger span{width:20px;height:2px;background:var(--ink);border-radius:2px;transition:.2s}
.gk-scrim{display:none;position:fixed;inset:0;background:rgba(22,25,29,.42);z-index:45;opacity:0;transition:.2s}

/* =========================================================
   МОБАЙЛ (≤980): шапка, бургер-меню, каталог
   ========================================================= */
@media(max-width:980px){
  .gk-topbar{display:none}                         /* тесно и вторично — прячем */

  /* ⚠️ КРИТИЧНО: backdrop-filter на шапке делает её containing-block для position:fixed →
     выдвижная шторка обрезалась до высоты шапки. Убираем фильтр на мобилке. */
  .gk-header{background:var(--canvas);backdrop-filter:none;-webkit-backdrop-filter:none}

  /* шапка: лого | телефон | бургер */
  .gk-header .gk-wrap{height:60px;gap:12px}
  .gk-logo{font-size:21px}
  .gk-logo small{display:none}                     /* тэглайн — только десктоп */
  .gk-hact{margin-left:auto;gap:12px}
  .gk-hact .phone{display:inline-flex;font-size:15px;white-space:nowrap}
  .gk-hact .ico{display:none}                       /* нефункциональные ♡/корзина скрываем */
  .gk-burger{display:flex}
  /* бургер → крестик (чистый CSS, чекбокс-хак — без JS) */
  #gk-nav-toggle:checked ~ .gk-header .gk-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  #gk-nav-toggle:checked ~ .gk-header .gk-burger span:nth-child(2){opacity:0}
  #gk-nav-toggle:checked ~ .gk-header .gk-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

  /* затемнение (label, закрывает меню по тапу) */
  .gk-scrim{display:block;z-index:40;pointer-events:none}
  #gk-nav-toggle:checked ~ .gk-scrim{opacity:1;pointer-events:auto}

  /* выдвижная панель справа; шапка (z-50) остаётся сверху и кликабельна */
  .gk-nav{position:fixed;top:0;right:0;bottom:0;width:min(360px,88vw);margin:0;background:var(--paper);
       flex-direction:column;gap:0;padding:0 0 24px;overflow-y:auto;z-index:44;
       transform:translateX(100%);transition:transform .28s ease;box-shadow:-24px 0 60px -24px rgba(0,0,0,.4)}
  #gk-nav-toggle:checked ~ .gk-header .gk-nav{transform:translateX(0)}
  .gk-nav__head{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--paper);
       padding:16px 12px 14px 20px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--slate);
       font-weight:700;border-bottom:1px solid var(--line);z-index:2}
  .gk-nav__close{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:var(--canvas);
       border:1px solid var(--line);border-radius:9px;color:var(--slate);font-size:15px;cursor:pointer;letter-spacing:0}
  .gk-nav__item{display:block;border-bottom:1px solid var(--line)}
  .gk-nav__row{display:block}
  .gk-nav__item > .gk-nav__row > a{display:flex;align-items:center;justify-content:space-between;height:auto;
       padding:16px 20px;font-size:16px;font-weight:600;color:var(--ink);border:none;cursor:pointer}
  .gk-nav__item > .gk-nav__row > a .gk-nav__car{display:none}
  .gk-nav__item > .gk-nav__row > a::after{content:"";width:8px;height:8px;flex:none;
       border-right:2px solid #C9C4B8;border-bottom:2px solid #C9C4B8;transform:rotate(-45deg)}
  .gk-mega{display:none}   /* на мобилке подменю не показываем — сужение уже на самой странице фильтром */

  /* сервисные ссылки + телефон внизу шторки */
  .gk-nav__extra{display:flex;flex-direction:column;padding:8px 20px 0}
  .gk-nav__extra a{padding:11px 0;font-size:15px;color:var(--slate)}
  .gk-nav__phone{margin-top:8px;font-size:20px!important;font-weight:800;color:var(--ink)!important}

  /* КАТАЛОГ: карточки шире и выровнены построчно (название/параметры/цена/кнопка) */
  .site-main,#primary.content-area{padding:16px 12px}
  .woocommerce-breadcrumb{padding:14px 12px 0}
  .woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:1fr 1fr;gap:12px}
  .woocommerce ul.products li.product{padding:12px;border-radius:14px}
  .woocommerce ul.products li.product a img,.gk-loop-img{padding:10px;margin-bottom:10px}
  /* фикс. высоты → название/параметры/цена/кнопка выровнены между двумя карточками ряда */
  .woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:13.5px;line-height:1.35;
       height:2.7em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .gk-cardspecs{gap:5px;margin:9px 0 0;height:47px;overflow:hidden;align-content:flex-start}
  .gk-cardspec{font-size:11px;padding:4px 8px;border-radius:8px;gap:4px}
  .gk-cardspec svg{display:none}              /* на узких карточках иконки прячем — место под 2 в ряд */
  .gk-cardspec--hero svg{display:inline;width:11px;height:11px}
  .gk-cardspec--fuel{display:none}            /* топливо дублирует категорию — на мобилке скрываем */
  .woocommerce ul.products li.product .price{margin-top:11px;padding-top:0;font-size:16px}
  .woocommerce ul.products li.product .button{width:100%;text-align:center;margin-top:11px;padding:12px 10px}

  /* страница товара: заголовок компактнее, кнопки в столбик */
  .woocommerce div.product .product_title{font-size:25px;line-height:1.18;margin-bottom:12px}
  .woocommerce div.product p.price,.woocommerce div.product span.price{font-size:24px;margin:4px 0 14px}
  .gk-prodbody{padding-top:34px}
  .gk-block h2,.gk-cat-seo__text h2{font-size:22px}
  .woocommerce div.product form.cart{flex-wrap:wrap;gap:10px}
  .woocommerce div.product form.cart .button,.gk-callback{flex:1 1 100%;text-align:center}
  .gk-fbot{flex-direction:column;gap:8px;text-align:center}
  /* SEO-текст/FAQ под товарами рендерятся вне контейнера → на мобилке нужны боковые отступы */
  .gk-cat-seo{margin-top:32px;padding:0 14px}
  .gk-cat-seo__text h2{font-size:20px}
}
@media(max-width:430px){
  .gk-hact .phone{font-size:13.5px}
  .gk-cardspec{font-size:10.5px;padding:4px 6px;gap:3px}
  .gk-mega__grid,.gk-mega__grid--2,.gk-mega--brands .gk-brandmega{grid-template-columns:1fr}
}

/* =========================================================
   ФИЛЬТР КАТЕГОРИЙ — пилюли-фасеты; десктоп: дропдаун, мобилка: нижний лист (v2.4)
   ========================================================= */
.gk-filter{margin:0 0 22px;position:relative}
.gk-flt-bx,.gk-flt-bdone{display:none}
.gk-flt-bar{position:relative;display:flex;align-items:center;gap:9px;flex-wrap:wrap;background:var(--paper);
     border:1px solid var(--line);border-radius:14px;padding:11px 12px}
.gk-flt-grp{position:relative}
.gk-flt-lbl{display:inline-flex;align-items:center;gap:8px;background:var(--canvas);border:1px solid var(--line);
     border-radius:10px;padding:10px 13px;font-size:14px;font-weight:600;font-family:inherit;color:var(--graphite);cursor:pointer}
.gk-flt-grp.has .gk-flt-lbl,.gk-flt-grp.open .gk-flt-lbl{border-color:var(--accent);color:var(--accent-ink);background:rgba(200,69,43,.06)}
.gk-flt-cnt{background:var(--accent);color:#fff;border-radius:20px;font-size:11px;padding:1px 6px;font-weight:700}
.gk-flt-car{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;opacity:.5;transition:.2s}
.gk-flt-grp.open .gk-flt-car{transform:rotate(180deg)}
.gk-flt-body{position:absolute;top:calc(100% + 8px);left:0;z-index:20;background:var(--paper);border:1px solid var(--line);
     border-radius:12px;box-shadow:0 24px 60px -22px rgba(0,0,0,.3);padding:14px;width:300px;display:none}
.gk-flt-grp.open .gk-flt-body{display:block}
.gk-flt-gt{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;color:var(--slate);margin-bottom:10px;text-transform:uppercase;letter-spacing:.04em}
.gk-flt-opts{max-height:280px;overflow:auto}
.gk-flt-chk{display:flex;align-items:center;gap:9px;padding:7px 0;font-size:14px;cursor:pointer;color:var(--graphite)}
.gk-flt-chk input{position:absolute;opacity:0;pointer-events:none}
.gk-flt-chk i{width:18px;height:18px;border:1.5px solid #CFCbC0;border-radius:5px;flex:none;position:relative}
.gk-flt-chk input:checked + i{background:var(--accent);border-color:var(--accent)}
.gk-flt-chk input:checked + i::after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg)}
.gk-flt-chk .l{flex:1}
.gk-flt-chk .n{color:#B3AEA3;font-size:12px;font-weight:600}
.gk-flt-price{display:flex;gap:8px}
.gk-flt-price input{width:100%;background:var(--canvas);border:1px solid var(--line);border-radius:8px;padding:9px 11px;font-family:inherit;font-size:14px}
/* тумблеры (АВР/Инвертор) — на десктопе инлайн-пилюли с разделителем */
.gk-flt-grp--tgl{display:flex;align-items:center;gap:8px;padding-left:12px;border-left:1px solid var(--line)}
.gk-flt-tgls{display:flex;gap:8px}
.gk-flt-tgl{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:#fff;border-radius:999px;
     padding:9px 15px;font-size:14px;font-weight:600;cursor:pointer;color:var(--graphite)}
.gk-flt-tgl input{position:absolute;opacity:0;pointer-events:none}
.gk-flt-tgl svg{width:13px;height:13px}
.gk-flt-tgl.on{background:var(--accent);border-color:var(--accent);color:#fff}
.gk-flt-active{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}
.gk-flt-active:empty{display:none}
.gk-flt-chip{display:inline-flex;align-items:center;gap:7px;background:var(--ink);color:#fff;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;cursor:pointer}
.gk-flt-chip b{opacity:.55;font-weight:700}
.gk-flt-reset{color:var(--accent-ink);font-size:13px;font-weight:600;cursor:pointer}
.gk-filter.gk-flt-busy{opacity:.55;pointer-events:none}
.gk-flt-more{display:block;margin:26px auto 0;background:var(--graphite);color:#fff;border:none;border-radius:10px;padding:13px 32px;font-weight:700;font-size:15px;cursor:pointer;font-family:inherit}
.gk-flt-more:hover{background:var(--ink)}
.gk-flt-empty{list-style:none;grid-column:1/-1;padding:44px 20px;text-align:center;color:var(--slate);font-size:16px}

@media(max-width:980px){
  body.gk-flt-lock{overflow:hidden}
  /* пилюли-фасеты переносятся на строки (БЕЗ горизонтального скролла), всё видно сразу */
  .gk-flt-bar{gap:8px;padding:0;background:none;border:none}
  .gk-flt-lbl{padding:11px 15px;font-size:14px;background:var(--paper)}
  /* тумблеры втекают в тот же ряд пилюль */
  .gk-flt-grp--tgl{display:contents}
  .gk-flt-tgls{display:contents}
  .gk-flt-tgl{padding:11px 15px}
  /* тап по пилюле → нижний лист именно этого фасета */
  .gk-filter.facet-open::before{content:"";position:fixed;inset:0;background:rgba(22,25,29,.5);z-index:59}
  .gk-flt-grp{position:static}
  .gk-flt-body{position:fixed;left:0;right:0;bottom:0;top:auto;width:auto;z-index:60;display:flex!important;flex-direction:column;
       background:var(--paper);border:none;border-radius:18px 18px 0 0;box-shadow:0 -24px 60px -20px rgba(0,0,0,.4);
       padding:0;max-height:82vh;transform:translateY(101%);visibility:hidden;transition:transform .28s ease,visibility .28s}
  .gk-flt-grp.open .gk-flt-body{transform:translateY(0);visibility:visible}
  .gk-flt-gt{font-size:16px;text-transform:none;letter-spacing:0;color:var(--ink);margin:0;padding:16px 18px 14px;
       border-bottom:1px solid var(--line)}
  .gk-flt-bx{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:var(--canvas);
       border:1px solid var(--line);border-radius:9px;color:var(--slate);font-size:14px;cursor:pointer;font-family:inherit}
  .gk-flt-opts{flex:1;max-height:none;overflow-y:auto;padding:6px 18px}
  .gk-flt-price{padding:18px}
  .gk-flt-chk{padding:12px 0;font-size:16px}
  .gk-flt-chk i{width:20px;height:20px}
  .gk-flt-bdone{display:block;margin:0;border:none;border-top:1px solid var(--line);background:var(--accent);color:#fff;
       padding:16px;font-weight:700;font-size:16px;font-family:inherit;cursor:pointer}
}

/* =========================================================
   ГЛАВНАЯ v2.9 — умный подбор, бренды-рельс, блок о компании
   ========================================================= */
/* --- умный подбор (визард) в тёмной панели gk-power --- */
.gk-selector{display:flex;flex-direction:column;min-height:360px}
.gk-sel-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.gk-sel-top h2{font-size:28px;font-weight:700;letter-spacing:-.02em;margin:0}
.gk-sel-ol{color:#8f8c84}
.gk-sel-crumb{font-size:12px;color:#B3AEA3;font-weight:700;letter-spacing:.06em;white-space:nowrap;text-transform:uppercase;padding-top:4px}
.gk-sel-body{margin-top:26px;flex:1;display:flex;flex-direction:column}
.gk-sel-h{font-size:15px;font-weight:600;color:#EDEAE3;margin-bottom:16px}
.gk-sel-types{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.gk-sel-type{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#20242A;border:1px solid #2F333A;
     border-radius:13px;padding:22px 24px;color:#fff;font-family:inherit;font-size:18px;font-weight:700;cursor:pointer;transition:.16s;text-align:left}
.gk-sel-type:hover{border-color:var(--accent);background:#262b31;transform:translateY(-2px)}
.gk-sel-type .r{font-size:12px;font-weight:600;color:#9C9A92;white-space:nowrap;letter-spacing:.02em}
.gk-sel-type:hover .r{color:#fff}
.gk-sel-grid{display:flex;flex-wrap:wrap;gap:9px;align-content:flex-start}
.gk-sel-opt{display:inline-flex;align-items:center;gap:8px;border:1px solid #2F333A;border-radius:9px;padding:12px 16px;
     color:#CFCCC4;font-size:14px;font-weight:600;transition:.15s;background:#1B1F24}
.gk-sel-opt:hover{border-color:var(--accent);background:var(--accent);color:#fff}
.gk-sel-opt i{font-style:normal;font-size:11px;color:#8f8c84;font-weight:600}
.gk-sel-opt:hover i{color:#fff;opacity:.85}
.gk-sel-foot{margin-top:auto;padding-top:20px}
.gk-sel-back{background:none;border:none;color:#9C9A92;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;padding:0}
.gk-sel-back:hover{color:#fff}

/* --- бренды: прокручиваемая лента --- */
/* бренды — пилюли с бейджем-счётчиком + затухания по краям (уникально, не как рельс Генераторики) */
.gk-brandrail{position:relative}
.gk-brtrack{display:flex;gap:10px;overflow-x:auto;scroll-behavior:smooth;padding:2px;scrollbar-width:none;
     -ms-overflow-style:none;scroll-snap-type:x proximity;cursor:grab}
.gk-brtrack::-webkit-scrollbar{display:none}
.gk-brtrack.drag{cursor:grabbing;scroll-behavior:auto}
.gk-brchip{flex:0 0 auto;scroll-snap-align:start;display:inline-flex;align-items:center;gap:10px;
     padding:11px 12px 11px 18px;border:1px solid var(--line);border-radius:999px;background:var(--canvas);transition:.16s;white-space:nowrap}
.gk-brchip:hover{border-color:var(--accent);background:var(--paper);box-shadow:0 8px 22px -12px rgba(22,25,29,.24)}
.gk-brchip .bn{font-weight:700;font-size:15px;letter-spacing:-.01em;color:var(--ink)}
.gk-brchip:hover .bn{color:var(--accent-ink)}
.gk-brchip .bc{font-size:12px;font-weight:700;color:var(--slate);background:var(--paper);border:1px solid var(--line);
     border-radius:999px;padding:3px 9px;min-width:28px;text-align:center;line-height:1}
.gk-brchip:hover .bc{background:var(--accent);border-color:var(--accent);color:#fff}
.gk-brandrail::before,.gk-brandrail::after{content:"";position:absolute;top:0;bottom:0;width:38px;pointer-events:none;z-index:2;transition:opacity .2s}
.gk-brandrail::before{left:-2px;background:linear-gradient(90deg,var(--paper),rgba(255,255,255,0))}
.gk-brandrail::after{right:-2px;background:linear-gradient(270deg,var(--paper),rgba(255,255,255,0))}
.gk-brandrail.at-start::before{opacity:0}
.gk-brandrail.at-end::after{opacity:0}

/* --- блок о компании («вода») --- */
.gk-corp{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:52px}
.gk-corp__head{max-width:780px;margin-bottom:36px}
.gk-corp__head h2{font-size:32px;font-weight:700;letter-spacing:-.02em;margin:12px 0 16px;line-height:1.15}
.gk-corp__lead{font-size:17px;color:var(--slate);line-height:1.75;margin:0}
.gk-corp__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.gk-corp__card{background:var(--canvas);border:1px solid var(--line);border-radius:15px;padding:26px 24px}
.gk-corp__ic{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;
     background:var(--paper);border:1px solid var(--line);color:var(--accent);font-size:18px;margin-bottom:16px}
.gk-corp__card b{display:block;font-size:17px;font-weight:700;margin-bottom:9px;letter-spacing:-.01em}
.gk-corp__card span{font-size:14px;color:var(--slate);line-height:1.65}

/* --- мобильные правила главной --- */
@media(max-width:900px){
  .gk-tiles{grid-template-columns:1fr 1fr;gap:12px}
  .gk-tile,.gk-tile.sm{aspect-ratio:1/1}
  .gk-tile .cap{padding:16px}
  .gk-tile .cap h3{font-size:16px;line-height:1.2}
  .gk-tile .cap span{font-size:11px}
  .gk-tile .go{top:12px;right:12px;width:32px;height:32px;font-size:15px}
  .gk-power,.gk-selector{padding:26px 20px}
  .gk-sel-top h2{font-size:21px}
  .gk-sel-types{grid-template-columns:1fr;gap:10px}
  .gk-sel-type{padding:18px 18px;font-size:16px}
  .gk-brchip{padding:10px 11px 10px 15px}.gk-brchip .bn{font-size:14px}
  .gk-brandrail::before,.gk-brandrail::after{width:24px}
  .gk-corp{padding:28px 20px;border-radius:16px}
  .gk-corp__head h2{font-size:23px}
  .gk-corp__lead{font-size:15px}
  .gk-corp__grid{grid-template-columns:1fr 1fr;gap:12px}
  .gk-corp__card{padding:20px 18px}
}
@media(max-width:560px){
  .gk-corp__grid{grid-template-columns:1fr}
}

/* =========================================================
   ГЛАВНАЯ v3.0 — траст-карточки, блок брендов по топливу
   ========================================================= */
/* 4 отдельные некликабельные карточки-преимущества */
.gk-trust-sec{padding:30px 0 2px}
.gk-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.gk-trust__c{display:flex;gap:14px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:20px 22px}
.gk-trust__c .mk{font-size:24px;color:var(--accent);line-height:1;flex:none}
.gk-trust__c .n{font-weight:700;font-size:15px}
.gk-trust__c .s{font-size:13px;color:var(--slate)}

/* бренды: блок в рамке, 3 ленты по топливу */
.gk-brblock{border:1px solid var(--line);border-radius:18px;background:var(--paper);padding:2px 28px}
.gk-brgroup{padding:26px 0;border-bottom:1px solid var(--line)}
.gk-brgroup:last-child{border-bottom:none}
.gk-brgroup__h{font-weight:700;font-size:18px;letter-spacing:-.01em;margin:0 0 16px}
.gk-brgroup .gk-brandrail{margin:0}
.gk-brgroup .gk-brandrail::before{background:linear-gradient(90deg,var(--paper),rgba(255,255,255,0))}
.gk-brgroup .gk-brandrail::after{background:linear-gradient(270deg,var(--paper),rgba(255,255,255,0))}

@media(max-width:900px){
  .gk-trust{grid-template-columns:1fr 1fr;gap:12px}
  .gk-trust__c{padding:16px 18px}
  .gk-brblock{padding:2px 18px;border-radius:16px}
  .gk-brgroup{padding:20px 0}
  .gk-brgroup__h{font-size:16px;margin-bottom:13px}
}
@media(max-width:560px){
  .gk-trust{grid-template-columns:1fr}
}

/* ===== АВР-бейдж (шкаф автоматики) на товарах с автозапуском — логика/размеры как на dieselgenerator ===== */
.gk-loop-stage{position:relative;display:block;margin-bottom:14px}
.gk-loop-stage .gk-loop-img{margin-bottom:0}
.gk-gstage{position:relative;display:block}
.gk-avr-badge{position:absolute;z-index:4;background:url(assets/img/gk-avr-badge.png) center/contain no-repeat;filter:drop-shadow(0 1px 3px rgba(31,39,51,.28))}
.gk-loop-stage .gk-avr-badge{left:6px;bottom:6px;width:29%;aspect-ratio:.774}
.gk-gstage .gk-avr-badge{left:14px;bottom:14px;width:120px;aspect-ratio:.774}
.gk-avr-badge .gk-avr-tip{position:absolute;left:0;bottom:calc(100% + 9px);width:224px;max-width:62vw;background:#fff;color:#1f2733;border:1px solid rgba(40,51,70,.18);border-radius:9px;padding:9px 11px;font-size:12px;line-height:1.42;box-shadow:0 6px 18px rgba(40,51,70,.16);opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .15s,transform .15s,visibility .15s;z-index:6;pointer-events:none}
.gk-avr-badge .gk-avr-tip::after{content:"";position:absolute;left:16px;bottom:-6px;width:11px;height:11px;background:#fff;border-right:1px solid rgba(40,51,70,.18);border-bottom:1px solid rgba(40,51,70,.18);transform:rotate(45deg)}
@media(hover:hover){.gk-avr-badge:hover .gk-avr-tip{opacity:1;visibility:visible;transform:translateY(0)}}
@media(max-width:600px){.gk-loop-stage{margin-bottom:10px}.gk-loop-stage .gk-avr-badge{width:33%;left:4px;bottom:4px}.gk-gstage .gk-avr-badge{width:80px;left:10px;bottom:10px}}

/* ===== Блок «Каталог по мощности» на хабах (топливо и топливо×АВР) ===== */
.gk-pwr{margin:2px 0 32px}
.gk-pwr__t{font-size:20px;font-weight:800;color:var(--ink);margin:0 0 4px;letter-spacing:-.01em;line-height:1.25}
.gk-pwr__s{font-size:13.5px;color:var(--slate);margin:0 0 16px;line-height:1.4}
.gk-pwr__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:12px;align-items:stretch}
.gk-pwr__a{display:flex;align-items:center;justify-content:center;text-align:center;min-height:56px;padding:10px 12px;
  border:1.5px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);
  font-weight:700;font-size:14px;line-height:1.22;text-decoration:none;overflow:hidden;overflow-wrap:anywhere;
  transition:border-color .18s,background .18s,color .18s,transform .18s,box-shadow .18s}
.gk-pwr__a span{display:block;max-width:100%}
.gk-pwr__a:hover{border-color:var(--accent);background:rgba(200,69,43,.06);color:var(--accent-ink);
  transform:translateY(-2px);box-shadow:0 8px 20px rgba(200,69,43,.14)}
.gk-pwr__a:active{transform:translateY(0);box-shadow:none}
@media(max-width:600px){
  .gk-pwr{margin:0 0 24px}
  .gk-pwr__t{font-size:17px}
  .gk-pwr__s{font-size:12.5px;margin-bottom:12px}
  .gk-pwr__grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:9px}
  .gk-pwr__a{min-height:50px;font-size:13px;padding:9px 10px;border-radius:10px}
}