/* GEONIKA — стили для нативных страниц Elementor (классы gnkn-*) */

/* Светлая тема принудительно: сайт не должен затемняться тёмной темой телефона/браузера */
html{color-scheme:only light}
:root{color-scheme:only light}

/* Карточка категории: разбивка «чертёж | текст» + полоска при наведении */
.gnkn-card{position:relative;overflow:hidden;transition:box-shadow .25s ease}
.gnkn-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#8E1534;transform:scaleY(0);transform-origin:top;transition:transform .3s ease;z-index:3}
.gnkn-card:hover{box-shadow:0 16px 40px rgba(32,61,75,.12)}
.gnkn-card:hover::before{transform:scaleY(1)}

/* Миниатюра-чертёж с чертёжной сеткой */
.gnkn-thumb{background:#F6F7F7;border-right:1px solid var(--line);position:relative}
.gnkn-thumb::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(32,61,75,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(32,61,75,.05) 1px,transparent 1px);background-size:20px 20px;pointer-events:none}
.gnkn-thumb .elementor-widget-image{position:relative;z-index:1;text-align:center}
.gnkn-thumb .elementor-widget-image img{margin:0 auto}

.gnkn-body{justify-content:center}

/* «Перейти →» — текст-ссылка, стрелка уезжает */
.gnkn-go .elementor-button{background:transparent;color:#8E1534;padding:6px 0;border-radius:0;box-shadow:none}
.gnkn-go .elementor-button:hover{background:transparent;color:#8E1534;transform:translateX(3px)}
.gnkn-go .elementor-button .elementor-button-text{transition:.25s}

/* Тёмный CTA-блок с чертёжной текстурой */
.gnkn-order{position:relative;overflow:hidden}
.gnkn-order::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:radial-gradient(circle at 82% 50%,#000,transparent 75%);mask-image:radial-gradient(circle at 82% 50%,#000,transparent 75%);pointer-events:none;z-index:0}
.gnkn-order>.elementor-container{position:relative;z-index:2}

/* ряд материалов */
.gnkn-mat .elementor-widget-icon-box{height:100%}

@media(max-width:820px){
  .gnkn-thumb{border-right:none;border-bottom:1px solid var(--line)}
}

/* ===== КОНТАКТЫ ===== */
/* Тёмная инфо-панель с чертёжной сеткой (маска слева-сверху) */
.gnkn-cinfo{position:relative;overflow:hidden}
.gnkn-cinfo::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:radial-gradient(circle at 25% 15%,#000,transparent 78%);mask-image:radial-gradient(circle at 25% 15%,#000,transparent 78%);pointer-events:none;z-index:0}
.gnkn-cinfo>.elementor-widget-wrap{position:relative;z-index:2}
/* Контакт-строки: разделитель + рамка иконки */
.gnkn-citem{border-top:1px solid rgba(255,255,255,.09);padding-top:16px;padding-bottom:0}
.gnkn-citem .elementor-icon-box-icon{margin-right:16px}
.gnkn-citem .elementor-icon{border:0!important;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#B8243F;font-size:34px!important}
.gnkn-citem .elementor-icon-box-title{font-family:DINPro,sans-serif!important;letter-spacing:1.5px;text-transform:uppercase}
/* ghost-кнопка «Маршрут» */
.gnkn-ghost .elementor-button{background:transparent;border:1px solid rgba(255,255,255,.22);color:#fff}
.gnkn-ghost .elementor-button:hover{background:rgba(255,255,255,.08);color:#fff}
/* Иконка в рамке для карточек обращения */
.gnkn-qi .elementor-icon{border:1px solid var(--line);width:42px;height:42px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#8E1534}
/* Реквизиты (таблица в text-editor) */
.gnkn-req .elementor-widget-container{border:1px solid var(--line)}
.gnkn-req table{width:100%;border-collapse:collapse;font-size:13px;margin:0}
.gnkn-req td{padding:13px 28px;border-bottom:1px solid var(--line2);vertical-align:top}
.gnkn-req tr:last-child td{border-bottom:none}
.gnkn-req td.k{color:var(--text-2);width:36%}
.gnkn-req td.v{color:#203D4B;font-weight:600}
.gnkn-req .mono{font-family:DINPro,sans-serif}
.gnkn-req tr.bank td{background:#FBFCFC}
.gnkn-req tr.head td{background:#F6F7F7;font-weight:800;color:#203D4B;font-size:17px;padding:20px 28px;border-bottom:1px solid var(--line)}

/* ===== ПРОИЗВОДСТВО ===== */
/* Счётчики */
.gnkn-stats{border:1px solid var(--line);border-top:none}
.gnkn-stat{border-right:1px solid var(--line);position:relative;overflow:hidden}
.gnkn-stat:last-child{border-right:none}
.gnkn-stat::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:#8E1534}
.gnkn-stat .elementor-counter-number-wrapper{font-family:DINPro,sans-serif;color:#203D4B}
/* Цикл производства */
.gnkn-cyc{position:relative;counter-reset:cyc}
.gnkn-cyc::before{content:"";position:absolute;top:31px;left:10%;right:10%;height:2px;background:var(--line);z-index:0}
.gnkn-cstep{position:relative;z-index:1;counter-increment:cyc;text-align:center}
.gnkn-dot .elementor-icon-wrapper{position:relative;display:inline-block}
.gnkn-dot .elementor-icon{width:64px;height:64px;background:#fff;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#203D4B;transition:.3s}
.gnkn-cstep:hover .gnkn-dot .elementor-icon{border-color:#8E1534;color:#8E1534;transform:translateY(-4px)}
.gnkn-dot .elementor-icon-wrapper::after{content:counter(cyc);position:absolute;top:-4px;right:-4px;width:24px;height:24px;background:#8E1534;color:#fff;border-radius:50%;font-family:DINPro,sans-serif;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;border:3px solid #fff;z-index:2}
/* Номер шага (под заказ) */
.gnkn-nn .elementor-heading-title{background:#203D4B;color:#fff;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-family:DINPro,sans-serif;font-size:13px;font-weight:700}
/* Секция-заголовок idx */
.gnkn-idx .elementor-heading-title{font-family:DINPro,sans-serif;letter-spacing:2px}
/* Бегущая строка (живой HTML-виджет) */
@keyframes gnkn-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ===== КАТАЛОГ — типоразмеры в плитке ===== */
.gnk .psizes{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 2px}
.gnk .psz{border:1px solid var(--line);background:#fff;padding:5px 9px;font-family:DINPro,sans-serif;font-size:12px;font-weight:700;color:#203D4B;cursor:pointer;line-height:1;transition:.15s}
.gnk .psz:hover{border-color:#8E1534}
.gnk .psz.on{border-color:#8E1534;background:#8E1534;color:#fff}

/* ===== ГЛАВНАЯ ===== */
/* C3: карточки преимуществ */
.gnkn-feat{transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease;background:#fff}
.gnkn-feat:hover{box-shadow:0 14px 34px rgba(32,61,75,.10);border-color:#CBD2D2!important;transform:translateY(-3px)}
/* C4: пункты «Почему ГЕОНИКА» — подсветка при наведении */
.gnkn-whyitem{transition:background .2s ease,border-color .2s ease;border-left:2px solid transparent}
.gnkn-whyitem:hover{background:rgba(255,255,255,.05);border-left-color:#B8243F}
/* C4: отделяем подвал от блока «Почему» */
.gnk .foot{border-top:1px solid rgba(255,255,255,.12)}

/* C4: футер темнее блока «Почему» — явное разделение */
.gnk .foot{background:#0E1F26!important;border-top:1px solid rgba(255,255,255,.10)}

/* ===== ФОРМЫ ОБРАТНОЙ СВЯЗИ ===== */
.gnkn-formcard{background:#fff}
.gnkn-formcard .elementor-field-group > label{font-family:DINPro,sans-serif;font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:6px}
.gnkn-formcard .elementor-field-textual{border:1px solid var(--line3)!important;background:#fff!important;padding:13px 15px!important;font-size:14px!important;color:#203D4B!important;border-radius:0!important;box-shadow:none!important;transition:border-color .15s}
.gnkn-formcard .elementor-field-textual:focus{border-color:#8E1534!important;outline:none}
.gnkn-formcard textarea.elementor-field-textual{min-height:112px}
.gnkn-formcard .elementor-button{background:#B8243F;border-radius:0;text-transform:uppercase;letter-spacing:.5px;font-weight:700;padding:16px;transition:.2s}
.gnkn-formcard .elementor-button:hover{background:#D11E45;transform:translateY(-2px)}
.gnkn-formcard .elementor-field-type-upload .elementor-field{border:1px dashed #C7CDCD!important;background:#FAFBFB!important;padding:14px!important}
/* буллеты в тёмной панели */
.gnkn-bul .elementor-icon-box-icon{margin-right:12px!important}
.gnkn-bul .elementor-icon{color:#B8243F;font-size:15px}
.gnkn-bul .elementor-icon-box-title{margin:0!important}
.gnkn-bul .elementor-icon-box-title span{font-size:14px;font-weight:500;color:#D7DEE2}

.gnkn-formcard label.elementor-field-label{font-family:DINPro,sans-serif!important;font-size:10px!important;letter-spacing:.8px!important;text-transform:uppercase!important;color:var(--muted)!important;font-weight:700!important;margin-bottom:7px!important}

/* ===== КОРЗИНА (WooCommerce) ===== */
.woocommerce-cart .woocommerce{font-family:'Gilroy','Segoe UI',sans-serif;max-width:1180px;margin:0 auto;padding:36px 0 64px}
.woocommerce-cart .entry-title,.woocommerce-cart h1{color:#203D4B;font-weight:800;letter-spacing:-.5px}
.gnk-cart-h1{font-family:'Gilroy','Segoe UI',sans-serif;font-size:26px;font-weight:800;color:#203D4B;letter-spacing:-.3px;margin:0 0 18px}
@media(max-width:560px){.gnk-cart-h1{font-size:22px}}
.woocommerce table.shop_table{border:1px solid var(--line)!important;border-collapse:collapse;border-radius:0!important;margin-bottom:30px}
.woocommerce table.shop_table thead th{background:#F6F7F7;font-family:DINPro,sans-serif;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--text-2);font-weight:700;padding:16px 18px;border:none;border-bottom:1px solid var(--line)}
.woocommerce table.shop_table tbody td{padding:18px;border-top:1px solid var(--line2);vertical-align:middle;font-size:14px;color:#203D4B}
.woocommerce table.shop_table td.product-name a{color:#203D4B;font-weight:700;text-decoration:none}
.woocommerce table.shop_table td.product-name a:hover{color:#8E1534}
.woocommerce td.product-name dl.variation{font-size:12px;color:var(--text-2);margin:4px 0 0;display:flex;flex-wrap:wrap;gap:2px 16px}
.woocommerce td.product-name dl.variation dt,.woocommerce td.product-name dl.variation dd{font-size:12px;color:var(--text-2);margin:0}
.woocommerce td.product-name dl.variation dd p{margin:0}
.woocommerce td.product-name dl.variation dt{font-weight:700;color:var(--muted)}
.woocommerce .product-remove a.remove{color:#8E1534!important;font-size:18px;width:24px;height:24px;line-height:22px;border:1px solid var(--line);border-radius:0}
.woocommerce .product-remove a.remove:hover{background:#8E1534;color:#fff!important}
.woocommerce td.product-thumbnail img{width:70px;height:70px;object-fit:contain;border:1px solid var(--line);background:#fff;padding:4px}
.woocommerce .cart .quantity .qty{border:1px solid var(--line3);background:#fff;padding:10px;width:72px;text-align:center;font-family:DINPro,sans-serif;font-weight:700;color:#203D4B;border-radius:0}
.woocommerce .cart-subtotal .amount,.woocommerce td.product-subtotal .amount,.woocommerce td.product-price .amount{font-family:DINPro,sans-serif;color:#203D4B}
.woocommerce .actions .button,.woocommerce button[name="update_cart"]{background:#fff!important;color:#203D4B!important;border:1px solid var(--line3)!important;border-radius:0!important;text-transform:uppercase;font-weight:700;letter-spacing:.4px;font-size:12px;padding:13px 22px}
.woocommerce .actions .button:hover,.woocommerce button[name="update_cart"]:hover{border-color:#8E1534!important;color:#8E1534!important}
.woocommerce .coupon .input-text{border:1px solid var(--line3)!important;border-radius:0!important;padding:12px 14px}
.woocommerce .cart-collaterals .cart_totals{float:none;width:100%;max-width:430px;margin-left:auto;border:1px solid var(--line);padding:0}
.woocommerce .cart_totals h2{background:#162C36;color:#fff;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;padding:16px 22px;margin:0}
.woocommerce .cart_totals table{border:none!important;margin:0}
.woocommerce .cart_totals table th,.woocommerce .cart_totals table td{padding:14px 22px!important;border:none!important;border-top:1px solid var(--line2)!important;font-size:14px;color:var(--text-1)}
.woocommerce .cart_totals .order-total th{font-weight:800;color:#203D4B;text-transform:uppercase;font-size:12px;letter-spacing:.5px}
.woocommerce .cart_totals .order-total .amount{color:#8E1534;font-family:DINPro,sans-serif;font-size:22px;font-weight:700}
.woocommerce .wc-proceed-to-checkout{padding:18px 22px 6px}
.woocommerce .wc-proceed-to-checkout a.checkout-button{display:block;background:#B8243F!important;color:#fff!important;border-radius:0!important;text-transform:uppercase;font-weight:700;letter-spacing:.5px;padding:16px!important;font-size:13px;text-align:center;box-shadow:0 10px 24px -8px rgba(184,36,63,.5)}
.woocommerce .wc-proceed-to-checkout a.checkout-button:hover{background:#D11E45!important}
.gnk-cart-note{font-size:12px;color:var(--text-2);line-height:1.5;margin:0;padding:0 22px 20px}
.woocommerce .return-to-shop .button,.woocommerce-cart .cart-empty + p .button{background:#203D4B!important;color:#fff!important;border-radius:0!important;text-transform:uppercase;font-weight:700}
.woocommerce .woocommerce-info,.woocommerce .cart-empty{border-top-color:#8E1534}

/* ===== КОРЗИНА — кастомная вёрстка (2 колонки) ===== */
.gnk-cart{display:grid;grid-template-columns:1fr 360px;gap:28px;align-items:start;max-width:1180px;margin:6px auto 0}
.gnk-cart-form{min-width:0}
/* Шапка и строки делят одну сетку колонок, чтобы подписи «Кол-во»/«Цена» точно совпадали со значениями под ними */
.gnk-chead,.gnk-citem{display:grid;grid-template-columns:88px 1fr 90px 116px 26px;align-items:center;gap:18px}
.gnk-chead{padding:0 20px 10px;font-family:DINPro,sans-serif;font-size:10.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-2)}
.gnk-chead-thumb{grid-column:1}
.gnk-chead-p{grid-column:2;min-width:0}
.gnk-chead-q{grid-column:3;text-align:center}
.gnk-chead-s{grid-column:4;text-align:right}
.gnk-chead-remove{grid-column:5}
@media(max-width:900px){.gnk-chead{display:none}}
.gnk-cart-list{border:1px solid var(--line);background:#fff}
.gnk-citem{padding:18px 20px;border-bottom:1px solid var(--line2)}
.gnk-citem:last-child{border-bottom:none}
.gnk-cthumb{width:88px;height:88px;border:1px solid var(--line);background:#F6F7F7;display:flex;align-items:center;justify-content:center;overflow:hidden;background-image:linear-gradient(rgba(32,61,75,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(32,61,75,.04) 1px,transparent 1px);background-size:14px 14px}
.gnk-cthumb a{display:flex;width:100%;height:100%;align-items:center;justify-content:center}
.gnk-cthumb img{max-width:100%;max-height:100%;object-fit:contain;padding:6px}
.gnk-cbody{min-width:0;padding-right:6px}
.gnk-csku{font-family:DINPro,sans-serif;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.gnk-cname{font-size:14.5px;font-weight:700;color:#203D4B;text-decoration:none;display:block;line-height:1.35;margin-bottom:7px}
.gnk-cname:hover{color:#8E1534}
.gnk-cmeta{font-size:12px;color:var(--text-2)}
.gnk-cmeta dl.variation{margin:0;display:flex;flex-wrap:wrap;gap:0 16px}
.gnk-cmeta dl.variation dt{font-weight:700;color:var(--muted);margin:1px 0;clear:none;float:none}
.gnk-cmeta dl.variation dd{margin:1px 0;color:var(--text-1)}
.gnk-cmeta dl.variation dd p{margin:0}
.gnk-cqty{justify-self:center}
.gnk-cqty .quantity .qty{width:66px;border:1px solid var(--line3);background:#fff;padding:9px;text-align:center;font-family:DINPro,sans-serif;font-weight:700;color:#203D4B;border-radius:0}
.gnk-cline{text-align:right}
.gnk-cst{font-family:DINPro,sans-serif;font-size:17px;font-weight:700;color:#203D4B}
.gnk-cst .amount{color:#203D4B}
.gnk-cpu{font-size:11px;color:var(--text-2);margin-top:3px}
.gnk-cremove{width:26px;height:26px;line-height:23px;text-align:center;color:var(--muted)!important;border:1px solid var(--line)!important;text-decoration:none;font-size:16px;border-radius:0;background:none!important}
.gnk-cremove:hover{background:#8E1534!important;color:#fff!important;border-color:#8E1534!important}
.gnk-cart-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:16px}
.gnk-cart-bar .coupon{display:flex;gap:8px;flex:1;min-width:230px}
.gnk-cart-bar .input-text{border:1px solid var(--line3);border-radius:0;padding:11px 13px;font-size:13px;flex:1;min-width:120px}
.gnk-cart-bar button{background:#fff!important;color:#203D4B!important;border:1px solid var(--line3)!important;border-radius:0!important;text-transform:uppercase;font-weight:700;letter-spacing:.4px;font-size:12px;padding:12px 18px;cursor:pointer;transition:.15s}
.gnk-cart-bar button[name="update_cart"]{margin-left:auto}
.gnk-cart-bar button:hover{border-color:#8E1534!important;color:#8E1534!important}
.gnk-cart-aside{position:sticky;top:24px}
.gnk-cart-aside .cart-collaterals,.gnk-cart-aside .cart_totals{width:100%!important;max-width:none!important;float:none!important;margin:0!important}
@media(max-width:900px){.gnk-cart{grid-template-columns:1fr}.gnk-cart-aside{position:static}.gnk-citem{grid-template-columns:88px 1fr auto;grid-template-areas:"thumb body remove" "thumb qty line"}.gnk-cthumb{grid-area:thumb}.gnk-cbody{grid-area:body}.gnk-cqty{grid-area:qty;justify-self:start}.gnk-cline{grid-area:line;text-align:right}.gnk-cremove{grid-area:remove}}

/* ===== ОФОРМЛЕНИЕ (checkout) ===== */
.woocommerce-checkout .woocommerce{max-width:1180px;margin:0 auto;padding:36px 0 64px}
.woocommerce-checkout .entry-title,.woocommerce-checkout h1{color:#203D4B;font-weight:800;letter-spacing:-.5px}
.woocommerce-checkout .woocommerce-info,.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info{border-top:2px solid #8E1534;background:#F6F7F7;border-radius:0;font-size:13px}
form.checkout.woocommerce-checkout{display:grid;grid-template-columns:1fr 380px;grid-template-areas:"details rev-h" "details rev";gap:0 34px;align-items:start}
#customer_details{grid-area:details;min-width:0}
#order_review_heading{grid-area:rev-h;margin:0 0 18px}
#order_review{grid-area:rev;position:sticky;top:24px}
#customer_details .col2-set{display:block}
#customer_details .col2-set .col-1,#customer_details .col2-set .col-2{width:100%;max-width:none;float:none;padding:0}
#customer_details .col2-set .col-2{margin-top:26px}
.woocommerce-billing-fields h3,.woocommerce-additional-fields h3,#order_review_heading{font-size:18px;font-weight:800;color:#203D4B;display:flex;align-items:center;gap:12px;margin:0 0 18px}
.woocommerce-billing-fields h3:before,.woocommerce-additional-fields h3:before,#order_review_heading:before{content:"";width:5px;height:20px;background:#8E1534;flex-shrink:0}
.woocommerce-checkout form .form-row{margin-bottom:16px}
.woocommerce-checkout form .form-row label{font-family:DINPro,sans-serif;font-size:10px;letter-spacing:.7px;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:6px;display:block}
.woocommerce-checkout form .form-row .required{color:#8E1534;text-decoration:none}
.woocommerce-checkout form .input-text,.woocommerce-checkout form textarea,.woocommerce-checkout .select2-container--default .select2-selection--single{border:1px solid var(--line3)!important;border-radius:0!important;padding:13px 15px!important;font-size:14px!important;color:#203D4B!important;box-shadow:none!important;line-height:1.3}
.woocommerce-checkout .select2-container--default .select2-selection--single{height:auto!important;display:flex;align-items:center}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow{height:46px}
.woocommerce-checkout form .input-text:focus,.woocommerce-checkout form textarea:focus{border-color:#8E1534!important;outline:none}
.woocommerce-checkout form textarea{min-height:100px}
/* Правая сводка */
#order_review{border:1px solid var(--line);background:#fff}
#order_review .shop_table{border:none!important;margin:0}
#order_review .shop_table thead th{background:#F6F7F7;font-family:DINPro,sans-serif;font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);font-weight:700;padding:13px 18px;border:none}
#order_review .shop_table td,#order_review .shop_table th{padding:12px 18px;border-top:1px solid var(--line2);font-size:13px;color:var(--text-1)}
#order_review .cart-subtotal th,#order_review .order-total th{color:#203D4B}
#order_review .order-total th{font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.5px}
#order_review .order-total .amount{color:#8E1534;font-family:DINPro,sans-serif;font-size:20px;font-weight:700}
#order_review .product-name{color:#203D4B;font-weight:600}
#order_review .product-name .product-quantity{color:var(--muted)}
#payment{background:#fff!important;border-top:1px solid var(--line)}
#payment ul.payment_methods{padding:16px 18px!important;border:none!important;margin:0}
#payment ul.payment_methods li label{font-weight:700;color:#203D4B;font-size:14px}
#payment div.payment_box{background:#F6F7F7!important;font-size:12.5px;color:var(--text-2);line-height:1.5}
#payment div.payment_box:before{border-bottom-color:#F6F7F7!important}
#payment .place-order{padding:16px 18px!important}
#payment .woocommerce-terms-and-conditions-wrapper{font-size:12px}
#place_order{background:#B8243F!important;color:#fff!important;border-radius:0!important;text-transform:uppercase;font-weight:700;letter-spacing:.5px;width:100%!important;padding:16px!important;font-size:13px!important;box-shadow:0 10px 24px -8px rgba(184,36,63,.5);transition:.2s}
#place_order:hover{background:#D11E45!important}
@media(max-width:900px){form.checkout.woocommerce-checkout{grid-template-columns:1fr;grid-template-areas:"details" "rev-h" "rev"}#order_review{position:static}}

/* checkout fixes */
#customer_details.col2-set .col-1,#customer_details.col2-set .col-2{width:100%!important;max-width:none!important;float:none!important;padding:0!important}
#customer_details .col-2{margin-top:26px}
#order_review .order-total .amount{white-space:nowrap}

/* checkout: возврат в корзину + способ получения */
.woocommerce-checkout .gnk-back-cart{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#8E1534;text-decoration:none;margin:0 0 16px;transition:.15s}
.woocommerce-checkout .gnk-back-cart:hover{color:#B8243F;transform:translateX(-3px)}
#gnk_ship_field .woocommerce-input-wrapper{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}
#gnk_ship_field input[type=radio]{position:absolute;opacity:0;pointer-events:none}
#gnk_ship_field label.radio{flex:1;min-width:210px;border:1px solid var(--line3);padding:14px 16px 14px 42px;cursor:pointer;font-weight:600;color:#203D4B;margin:0;font-size:13.5px;position:relative;transition:.15s}
#gnk_ship_field label.radio:before{content:"";position:absolute;left:15px;top:50%;transform:translateY(-50%);width:16px;height:16px;border:2px solid var(--text-2);border-radius:50%}
#gnk_ship_field input:checked + label.radio{border-color:#8E1534;background:#FBF5F7;color:#8E1534}
#gnk_ship_field input:checked + label.radio:before{border-color:#8E1534}
#gnk_ship_field input:checked + label.radio:after{content:"";position:absolute;left:20px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:#8E1534}
.woocommerce-checkout .gnk-pickup-note{background:#162C36;color:#fff;padding:14px 16px;font-size:13.5px;line-height:1.5;margin-bottom:16px}
.woocommerce-checkout .gnk-pickup-note b{color:#fff}

/* DaData подсказки адреса */
.woocommerce-checkout .gnk-suggest{position:absolute;top:100%;left:0;right:0;z-index:60;background:#fff;border:1px solid var(--line3);border-top:none;max-height:250px;overflow-y:auto;box-shadow:0 14px 32px rgba(32,61,75,.14)}
.woocommerce-checkout .gnk-suggest-item{padding:11px 15px;font-size:13.5px;color:var(--text-1);cursor:pointer;border-bottom:1px solid #F0F2F2;line-height:1.35}
.woocommerce-checkout .gnk-suggest-item:last-child{border-bottom:none}
.woocommerce-checkout .gnk-suggest-item:hover{background:#FBF5F7;color:#8E1534}

.gnk-tocat{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#8E1534;text-decoration:none;transition:.15s}
.gnk-tocat:hover{color:#B8243F;transform:translateX(-3px)}

/* Переключатель языков временно скрыт — до готовности мультиязычности (RU/EN/KZ) */
.gnk .hdr .lang{display:none!important}

/* ===== АДАПТИВ: меню-бургер в шапке ===== */
.gnk .gnk-burger{display:none}
@media(max-width:920px){
  .gnk .hdr{position:relative;flex-wrap:wrap;align-items:center}
  .gnk .hdr .hact{order:4}
  .gnk .gnk-burger{order:5;display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;margin-left:12px;padding:0 11px;border:1px solid var(--line);background:#fff;cursor:pointer;border-radius:0}
  .gnk .gnk-burger span{display:block;height:2px;width:100%;background:#203D4B;transition:.2s}
  .gnk .hdr.nav-open .gnk-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .gnk .hdr.nav-open .gnk-burger span:nth-child(2){opacity:0}
  .gnk .hdr.nav-open .gnk-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .gnk .hdr nav{display:none!important;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#fff;border-top:1px solid var(--line);box-shadow:0 16px 30px rgba(32,61,75,.12);padding:6px 0;z-index:60}
  .gnk .hdr.nav-open nav{display:flex!important}
  .gnk .hdr nav a{padding:13px 22px;border-bottom:1px solid #F0F2F2;font-size:15px}
  .gnk .hdr nav a:last-child{border-bottom:none}
}
@media(max-width:480px){
  .gnk .hdr .lang{display:none}
  .gnk .hdr .cart span.n{margin-left:2px}
}

/* ===== АДАПТИВ: подвал ===== */
@media(max-width:760px){
  .gnk .foot{padding:44px 20px 24px}
  .gnk .fgrid{grid-template-columns:1fr 1fr;gap:30px 24px}
  .gnk .fbot{flex-direction:column;gap:14px;align-items:flex-start}
}
@media(max-width:460px){
  .gnk .fgrid{grid-template-columns:1fr;gap:26px}
  .gnk .fdesc{max-width:none}
}

/* ===== АДАПТИВ: CTA-кнопки на «Производстве» (в один столбик, во всю ширину) ===== */
@media(max-width:767px){
  .gnkn-order .elementor-inner-section > .elementor-container{flex-direction:column!important;flex-wrap:wrap!important}
  .gnkn-order .elementor-inner-section .elementor-column.elementor-col-50{width:100%!important;max-width:100%!important;flex:0 0 100%!important}
  .gnkn-order .elementor-inner-section .elementor-widget-button{width:100%}
  .gnkn-order .elementor-inner-section .elementor-widget-button .elementor-button{width:100%;justify-content:center}
}

/* ===== ДИЗАЙН-ТОКЕНЫ (единый источник; литералы мигрируем постепенно) ===== */
:root{
  --gnk-primary:#8E1534; --gnk-primary-bright:#B8243F; --gnk-primary-br:#D11E45;
  --gnk-petrol:#203D4B; --gnk-petrol-dk:#162C36;
  --gnk-ink:#212121; --gnk-muted:var(--muted);
  --gnk-bg:#F6F7F7; --gnk-surface:#fff; --gnk-line:var(--line); --gnk-line-2:var(--line2);
  --gnk-focus:#B8243F;
  --gnk-space-1:4px; --gnk-space-2:8px; --gnk-space-3:12px; --gnk-space-4:16px; --gnk-space-6:24px; --gnk-space-8:32px;
}

/* ===== ДОСТУПНОСТЬ (a11y) ===== */
/* Видимая фокус-обводка для клавиатурной навигации */
.gnk a:focus-visible,.gnk button:focus-visible,.gnk input:focus-visible,.gnk select:focus-visible,.gnk textarea:focus-visible,.gnk .psz:focus-visible,.gnk .chip:focus-visible,
.gnkpp a:focus-visible,.gnkpp button:focus-visible,.gnkpp input:focus-visible,.gnkpp .chip:focus-visible,.gnkpp .fmt:focus-visible,.gnkpp .gth:focus-visible,
.gnk-cart a:focus-visible,.gnk-cart button:focus-visible,.gnk-cart input:focus-visible,
.woocommerce a:focus-visible,.woocommerce button:focus-visible,.woocommerce input:focus-visible,.woocommerce select:focus-visible,.woocommerce textarea:focus-visible,
.elementor-field-textual:focus-visible,.elementor-button:focus-visible{outline:3px solid var(--gnk-focus);outline-offset:2px}
/* На тёмных поверхностях — светлая обводка */
.gnk .hdr a:focus-visible,.gnk .hdr .gnk-burger:focus-visible,.gnk .foot a:focus-visible,.gnkn-order a:focus-visible,.gnkn-order .elementor-button:focus-visible{outline-color:#fff}
/* #gpsticky (закреплённая панель покупки) и .gnk-toast (тосты) физически вне .gnk/.gnkpp —
   appendChild в document.body / отдельный sibling-блок на странице товара, общее правило их не цепляет */
#gpsticky a:focus-visible,#gpsticky button:focus-visible,.gnk-toast a:focus-visible,.gnk-toast button:focus-visible{outline:3px solid var(--gnk-focus);outline-offset:2px}

/* Уважение к prefers-reduced-motion: убираем анимации/переходы */
@media (prefers-reduced-motion: reduce){
  .gnk *,.gnkpp *,.gnkn-order *,.woocommerce *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .gnkpp .btn-a:before,.gnk .btn:before{display:none!important}
}

/* ===== ШАПКА (gnkh) — мега-меню + поиск + телефон, динамические категории ===== */
/* Sticky навешен на ВЕРХНЮЮ Elementor-обёртку шапки (прямой потомок body, высота = вся страница),
 * иначе sticky на .gnkh не работает: её контейнеры высотой ровно с шапку и она «отлипает» сразу. */
header.elementor-location-header{position:sticky;top:0;z-index:1000}
body.admin-bar header.elementor-location-header{top:32px}
@media(max-width:782px){body.admin-bar header.elementor-location-header{top:46px}}
.gnkh{position:relative;z-index:1000;background:#fff;font-family:var(--fh)}
.gnkh.scrolled{box-shadow:0 6px 20px rgba(32,61,75,.10)}
.gnkh-top{display:flex;align-items:center;gap:16px;max-width:1280px;margin:0 auto;padding:12px 20px}
.gnkh-logo{display:flex;align-items:center;flex-shrink:0}
.gnkh-logo img{height:40px;width:auto;display:block}
.gnkh-search{flex:1;display:flex;align-items:center;border:1px solid var(--line3);min-width:0}
.gnkh-search .ico{width:17px;height:17px;color:var(--text-2);margin-left:12px;flex-shrink:0}
.gnkh-search input{flex:1;border:none;outline:none;padding:11px 12px;font-size:14px;font-family:var(--fh);min-width:0;background:none;color:#203D4B}
.gnkh-search button{border:none;background:#203D4B;color:#fff;padding:11px 18px;font-family:var(--fh);font-weight:700;font-size:13px;cursor:pointer;letter-spacing:.3px;flex-shrink:0}
.gnkh-search button:hover{background:#162C36}
/* Аккуратный фокус поиска: подсветка всей формы (рамка+мягкое кольцо) вместо жёсткой квадратной обводки */
.gnkh-search:focus-within{border-color:#8E1534;box-shadow:0 0 0 3px rgba(142,21,52,.14)}
.gnkh-search input:focus,.gnkh-search input:focus-visible{outline:none}
.gnkh-phone{flex-shrink:0;text-decoration:none;text-align:right;line-height:1.15}
.gnkh-phone b{display:block;font-family:var(--ft);font-size:15px;font-weight:700;color:#203D4B;white-space:nowrap;font-variant-numeric:tabular-nums}
.gnkh-phone span{font-size:11px;color:#8E1534}
.gnkh-callback{flex-shrink:0;display:inline-flex;align-items:center;gap:7px;background:#B8243F;color:#fff;text-decoration:none;font-size:12.5px;font-weight:700;letter-spacing:.2px;padding:11px 15px;white-space:nowrap}
.gnkh-callback:hover{background:#D11E45;color:#fff}
.gnkh-cart{flex-shrink:0;display:flex;align-items:center;gap:7px;background:#203D4B;color:#fff;text-decoration:none;padding:9px 14px;font-size:13px;font-weight:600}
.gnkh-cart:hover{background:#162C36;color:#fff}
.gnkh-cart .ico{width:16px;height:16px}
.gnkh-cart .n{background:#8E1534;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:11px;font-family:var(--ft)}
.gnkh-burger{display:none}
.gnkh-nav{background:#203D4B;display:flex;align-items:stretch;gap:2px;width:100%;max-width:none;margin:0;padding:0 max(14px,calc((100% - 1280px)/2));position:relative}
.gnkh-item{position:static}
.gnkh-item>a{position:relative;display:flex;align-items:center;gap:6px;color:#E2E8EA;text-decoration:none;font-size:12.5px;letter-spacing:.6px;text-transform:uppercase;font-weight:700;padding:14px 16px;transition:color .15s,background .15s}
.gnkh-item>a::after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:2px;background:#B8243F;transform:scaleX(0);transform-origin:center;transition:transform .22s ease}
.gnkh-item>a:hover{color:#fff;background:rgba(255,255,255,.06)}
.gnkh-item>a:hover::after,.gnkh-has-mega:focus-within>a::after{transform:scaleX(1)}
.gnkh-item.is-on>a{color:#fff;background:rgba(255,255,255,.04)}
.gnkh-item.is-on>a::after{transform:scaleX(1)}
.gnkh-cdn{width:12px;height:12px;transform:rotate(90deg);opacity:.7;transition:transform .2s ease}
.gnkh-has-mega:hover .gnkh-cdn{transform:rotate(-90deg);opacity:1}
.gnkh-nav-phone{display:none}
.gnkh-nav-cb{display:none;align-items:center;color:#fff;background:#B8243F;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;padding:11px 16px}
.gnkh-nav-cb:hover{background:#D11E45;color:#fff}
/* мега-меню (десктоп — по наведению) */
.gnkh-mega{position:absolute;left:max(14px,calc((100% - 1280px)/2));right:max(14px,calc((100% - 1280px)/2));top:100%;background:#fff;border:1px solid var(--line);border-top:2px solid #8E1534;padding:20px 22px;z-index:1001;display:none;box-shadow:0 16px 34px rgba(32,61,75,.12)}
.gnkh-has-mega:hover .gnkh-mega,.gnkh-has-mega:focus-within .gnkh-mega{display:block}
.gnkh-mega-h{font-family:var(--ft);font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#8E1534;font-weight:700;margin-bottom:14px}
.gnk .gnkh-mega a{text-transform:none!important;letter-spacing:0;color:#203D4B!important}
.gnk .gnkh-mega .gnkh-mcat:hover,.gnk .gnkh-mega .gnkh-mega-mat a:hover{color:#8E1534!important}
.gnk .gnkh-mega .gnkh-mega-promo a{color:#fff!important}
.gnkh-mega-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.gnkh-mcat{display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:13px 14px;text-decoration:none;color:#203D4B;font-size:14px;font-weight:600;text-transform:none;letter-spacing:0;transition:border-color .15s,background .15s,color .15s}
.gnkh-mcat .ico{width:22px;height:22px;color:#8E1534;flex-shrink:0;transition:color .15s}
.gnkh-mcat .nm{flex:1;line-height:1.25}
.gnkh-mcat:hover{border-color:#8E1534;background:#FBF5F7;color:#8E1534}
.gnkh-mcat em{font-style:normal;font-family:var(--ft);font-size:12px;color:var(--text-2);background:#F1F3F3;padding:2px 8px}
.gnkh-mempty{color:var(--text-2);font-size:13px}
.gnkh-mega-mat{margin-top:16px;padding-top:14px;border-top:1px solid var(--line2);display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.gnkh-mega-lbl{font-size:12px;color:var(--text-2);margin-right:4px}
.gnkh-mega-mat a{text-decoration:none;border:1px solid var(--line);color:#203D4B;font-size:12.5px;padding:6px 12px}
.gnkh-mega-mat a:hover{border-color:#8E1534;color:#8E1534}
.gnkh-mega-promo{margin-top:16px;padding-top:14px;border-top:1px solid var(--line2);display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.gnkh-mega-promo div{font-size:13px;color:var(--muted)}
.gnkh-mega-promo b{color:#203D4B}
.gnkh-mega-promo a{text-decoration:none;background:#B8243F;color:#fff;font-weight:700;font-size:13px;padding:10px 16px;white-space:nowrap}
.gnkh-mega-promo a:hover{background:#D11E45}
/* планшет/мобайл */
@media(max-width:1024px){
  .gnkh-top{flex-wrap:wrap}
  .gnkh-phone{display:none}
  .gnkh-cart .gnkh-cart-t{display:none}
  .gnkh-burger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;border:1px solid var(--line);background:#fff;cursor:pointer;padding:0 11px;order:4;flex-shrink:0}
  .gnkh-burger span{display:block;height:2px;width:100%;background:#203D4B;transition:.2s}
  .gnkh.open .gnkh-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .gnkh.open .gnkh-burger span:nth-child(2){opacity:0}
  .gnkh.open .gnkh-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .gnkh-search{order:5;flex-basis:100%}
  .gnkh-nav{display:none;flex-direction:column;align-items:stretch;gap:0;padding:0;background:#fff;border-top:1px solid var(--line2)}
  .gnkh.open .gnkh-nav{display:flex}
  .gnkh-item{border-bottom:1px solid var(--line2)}
  .gnkh-item>a{color:#203D4B;text-transform:none;font-size:15px;letter-spacing:0;padding:14px 20px;justify-content:space-between}
  .gnkh-item.is-on>a{box-shadow:none;color:#8E1534}
  .gnkh-item.exp .gnkh-cdn{transform:rotate(-90deg)}
  .gnkh-mega{position:static;display:none;border:none;box-shadow:none;border-top:1px solid var(--line2);background:#F6F7F7;padding:12px 20px}
  .gnkh-has-mega:hover .gnkh-mega{display:none}
  .gnkh-item.exp .gnkh-mega{display:block}
  .gnkh-mega-cats{grid-template-columns:1fr 1fr}
  .gnkh-nav-phone{display:flex;align-items:center;justify-content:center;gap:8px;color:#203D4B;text-decoration:none;font-weight:700;font-size:14px;padding:14px 20px;border-bottom:1px solid var(--line2)}
  .gnkh-nav-phone .ico{width:17px;height:17px}
  .gnkh-callback{display:none}
  .gnkh-nav-cb{display:flex;margin:14px 20px;justify-content:center}
}
@media(max-width:560px){.gnkh-mega-cats{grid-template-columns:1fr}}

/* ============ ЭТАП 2: КАТАЛОГ-FIRST ============ */
/* Лента категорий */
.gnk .gnk-catband{max-width:1180px;margin:0 auto;padding:30px 44px 6px}
.gnk .gnk-cathead{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:10px}
.gnk .gnk-cathead h1{font-family:var(--fh);font-size:26px;font-weight:800;color:var(--petrol);letter-spacing:-.3px;margin:0}
.gnk .gnk-catn{font-family:var(--ft);font-size:13px;color:var(--text-2)}
.gnk .gnk-catsub{font-size:14px;color:var(--text-2);margin:8px 0 20px;max-width:600px}
.gnk .gnk-catcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:16px}
.gnk .gnk-ccard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 16px;text-decoration:none;transition:.2s}
.gnk .gnk-ccard:hover{border-color:var(--burgundy);box-shadow:0 12px 30px rgba(32,61,75,.1);transform:translateY(-2px)}
.gnk .gnk-ccard .ic{width:44px;height:44px;border-radius:11px;background:#FBF0F3;display:grid;place-items:center;color:var(--burgundy);margin-bottom:12px}
.gnk .gnk-ccard .ic .ico{width:23px;height:23px}
.gnk .gnk-ccard .nm{font-size:15.5px;font-weight:700;color:var(--petrol);margin-bottom:6px;line-height:1.3}
.gnk .gnk-ccard .ds{font-size:12.5px;color:var(--text-2);line-height:1.5;margin-bottom:14px;flex:1}
.gnk .gnk-ccard .go{display:flex;align-items:center;font-family:var(--ft);font-size:12.5px;font-weight:700;color:var(--burgundy);letter-spacing:.3px}
.gnk .gnk-ccard .go .ico{width:15px;height:15px;margin:0 auto 0 6px;transition:.2s}
.gnk .gnk-ccard:hover .go .ico{transform:translateX(3px)}
.gnk .gnk-ccard .go em{font-style:normal;font-size:11px;color:#5F5E5A;background:#F1EFE8;border-radius:20px;padding:2px 10px}
.gnk .gnk-catpromo{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;background:var(--petrol);border-radius:12px;padding:16px 22px;margin-top:4px}
.gnk .gnk-catpromo div{color:#E2E8EA;font-size:13.5px}
.gnk .gnk-catpromo b{color:#fff}
.gnk .gnk-catpromo a{display:inline-flex;align-items:center;gap:7px;background:var(--burgundy);color:#fff;font-family:var(--ft);font-size:12.5px;font-weight:700;letter-spacing:.4px;text-decoration:none;border-radius:8px;padding:11px 18px;white-space:nowrap;transition:.2s}
.gnk .gnk-catpromo a:hover{background:var(--burgundy-br,#a31a3f)}
.gnk .gnk-catpromo a .ico{width:15px;height:15px}
/* Чипы активных фильтров */
.gnk .gnk-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:18px}
.gnk .gnk-chip{display:inline-flex;align-items:center;gap:7px;background:#FBF0F3;color:var(--burgundy);font-size:12.5px;border-radius:20px;padding:5px 12px;text-decoration:none;transition:.15s}
.gnk .gnk-chip:hover{background:#F0D6DF}
.gnk .gnk-chip i{font-style:normal;font-size:15px;line-height:1;opacity:.7}
.gnk .gnk-chip-reset{font-size:12.5px;color:var(--text-2);text-decoration:underline;margin-left:4px}
.gnk .gnk-chip-reset:hover{color:var(--burgundy)}
/* Кнопка «Фильтры» + шторка (мобайл) */
.gnk .gnk-filterbtn{display:none;align-items:center;gap:7px;background:#fff;border:1px solid #C9CFCF;border-radius:8px;padding:8px 14px;font-size:13px;color:var(--petrol);cursor:pointer}
.gnk .gnk-filterbtn:hover{border-color:var(--burgundy);color:var(--burgundy)}
.gnk .gnk-sheet-head{display:none}
.gnk .gnk-sheet-ov{display:none}
@media(max-width:920px){
  .gnk .gnk-catband{padding:22px 20px 4px}
  .gnk .gnk-cathead h1{font-size:22px}
  .gnk .ptool{flex-wrap:wrap;gap:10px}
  .gnk .gnk-filterbtn{display:inline-flex}
  .gnk .gnk-sheet-ov{display:block;position:fixed;inset:0;background:rgba(20,30,36,.45);opacity:0;visibility:hidden;transition:.25s;z-index:1099}
  .gnk .catwrap.sheet-open ~ .gnk-sheet-ov{opacity:1;visibility:visible}
  .gnk .catwrap .side{position:fixed;left:0;right:0;bottom:0;top:auto;width:auto;z-index:1100;max-height:86vh;overflow:auto;background:#fff;border:none;border-radius:16px 16px 0 0;padding:18px 20px 24px;transform:translateY(102%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 -12px 40px rgba(0,0,0,.2)}
  .gnk .catwrap.sheet-open .side{transform:none}
  .gnk .gnk-sheet-head{display:flex;align-items:center;justify-content:space-between;margin:-2px 0 14px;padding-bottom:12px;border-bottom:1px solid var(--line)}
  .gnk .gnk-sheet-head b{font-family:var(--fh);font-size:16px;font-weight:800;color:var(--petrol)}
  .gnk .gnk-sheet-x{background:none;border:none;font-size:26px;line-height:1;color:var(--text-2);cursor:pointer;padding:0 4px}
  .gnk .side .fapply{position:sticky;bottom:0}
}

/* ============ ЭТАП 3: СЛОЙ ДОВЕРИЯ ============ */
/* Метрики */
.gnk .gnk-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:var(--petrol);border-radius:14px;padding:26px 30px;max-width:1180px;margin:0 auto}
.gnk .gnk-metric{padding:0 22px}
.gnk .gnk-metric:not(:first-child){border-left:1px solid rgba(255,255,255,.12)}
.gnk .gnk-metric .v{font-family:var(--ft);font-size:36px;font-weight:700;color:#fff;line-height:1}
.gnk .gnk-metric .v span{color:var(--burgundy-lt,#B8243F)}
.gnk .gnk-metric .l{font-size:12.5px;color:#B7C4CA;margin-top:5px}
/* Лента партнёров */
.gnk .gnk-partners{max-width:1180px;margin:0 auto;padding:20px 0}
.gnk .gnk-partners-h{display:flex;align-items:center;justify-content:center;gap:16px;margin:0 0 20px}
.gnk .gnk-partners-h span{font-family:var(--ft);font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--text-2);white-space:nowrap}
.gnk .gnk-partners-h::before,.gnk .gnk-partners-h::after{content:"";height:1px;width:46px;background:var(--line)}
.gnk .gnk-marq-wrap{overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.gnk .gnk-marq{display:flex;gap:46px;align-items:center;width:max-content;white-space:nowrap;animation:gnkMarq 30s linear infinite}
.gnk .gnk-marq:hover{animation-play-state:paused}
.gnk .gnk-plogo{display:inline-flex;align-items:center;justify-content:center;height:42px}
.gnk .gnk-plogo img{max-height:42px;width:auto;filter:grayscale(1);opacity:.62;transition:.2s}
.gnk .gnk-plogo img:hover{filter:none;opacity:1}
.gnk .gnk-plogo-ph{color:#A6B0B5;font-family:var(--ft);font-weight:700;font-size:16px;letter-spacing:.5px;border:1px dashed #D2D8D8;border-radius:8px;padding:9px 20px;height:auto}
@keyframes gnkMarq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* Документы */
.gnk .gnk-docs{max-width:1180px;margin:0 auto;padding:8px 0}
.gnk .gnk-docs-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.gnk .gnk-docs-head>h2{font-family:var(--fh);font-size:18px;font-weight:700;color:var(--petrol);margin:0}
.gnk .gnk-docs-soon{font-style:normal;font-size:11px;background:#F1EFE8;color:#5F5E5A;border-radius:20px;padding:3px 11px}
.gnk .gnk-docs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.gnk .gnk-doc{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:10px;padding:13px 14px;text-decoration:none;transition:.2s}
.gnk .gnk-doc:hover{border-color:var(--burgundy);box-shadow:0 8px 22px rgba(32,61,75,.08)}
.gnk .gnk-doc-soon{border-style:dashed;opacity:.7;cursor:default}
.gnk .gnk-doc-soon:hover{border-color:var(--line);box-shadow:none}
.gnk .gnk-doc .ic{width:38px;height:38px;border-radius:9px;background:#F4F5F5;display:grid;place-items:center;color:var(--burgundy);flex-shrink:0}
.gnk .gnk-doc .ic .ico{width:20px;height:20px}
.gnk .gnk-doc .tx{min-width:0;flex:1}
.gnk .gnk-doc .tx b{display:block;font-size:13px;font-weight:600;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gnk .gnk-doc .tx i{font-style:normal;font-size:11px;color:var(--text-2)}
.gnk .gnk-doc .dl{width:18px;height:18px;color:var(--text-2);flex-shrink:0}
.gnk .gnk-doc:not(.gnk-doc-soon):hover .dl{color:var(--burgundy)}
/* Доверительная полоса товара */
.gnk .gnk-tbar{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:1180px;margin:0 auto}
.gnk .gnk-tb{display:flex;align-items:center;gap:11px;background:#F6F8F8;border:1px solid var(--line);border-radius:10px;padding:13px 15px}
.gnk .gnk-tb .ico{width:23px;height:23px;color:var(--burgundy);flex-shrink:0}
.gnk .gnk-tb span{font-size:12.5px;color:var(--text-1);line-height:1.35}
@media(prefers-reduced-motion:reduce){.gnk .gnk-marq{animation:none}}
@media(max-width:920px){
  .gnk .gnk-metrics{padding:20px;border-radius:0}
  .gnk .gnk-metric{padding:0 12px}
  .gnk .gnk-metric .v{font-size:28px}
  .gnk .gnk-tbar{grid-template-columns:1fr 1fr}
  .gnk .gnk-partners-h{margin-left:20px;margin-right:20px}
}
@media(max-width:560px){
  .gnk .gnk-metrics{grid-template-columns:1fr 1fr;gap:18px 0}
  .gnk .gnk-metric:nth-child(odd){border-left:none}
  .gnk .gnk-tbar{grid-template-columns:1fr}
}

/* ============ ГЛАВНАЯ: ПОЛИРОВКА БЛОКОВ ============ */
/* Цифры метрик (счётчики) — фирменный DINPro вместо дефолтного Roboto */
.elementor-counter .elementor-counter-number{font-family:'DINPro',var(--ft),sans-serif!important}
/* Ряд преимуществ 01–04 (секция #57ae409): иконка-чип, верная иерархия, карточка с акцентом и ховером */
.elementor-element-57ae409 .elementor-element-populated{border:1px solid #E4E7E7!important;border-top:2px solid #8E1534!important;border-radius:12px;transition:transform .2s ease,box-shadow .2s ease}
.elementor-element-57ae409 .elementor-column:hover .elementor-element-populated{transform:translateY(-3px);box-shadow:0 14px 30px rgba(32,61,75,.10)}
.elementor-element-57ae409 .elementor-icon-box-icon{display:inline-grid!important;place-items:center;width:46px;height:46px;border-radius:11px;background:#FBF0F3;margin-bottom:14px!important}
.elementor-element-57ae409 .elementor-icon-box-icon .elementor-icon{font-size:24px!important;color:#8E1534!important;width:auto;height:auto;line-height:1;padding:0}
.elementor-element-57ae409 .elementor-icon-box-icon .elementor-icon svg{width:24px;height:24px;fill:#8E1534}
.elementor-element-57ae409 .elementor-icon-box-title{font-size:16px!important;font-weight:600!important;color:#203D4B!important;margin-bottom:5px!important;line-height:1.3!important}
.elementor-element-57ae409 .elementor-icon-box-description{font-size:13px!important;color:var(--text-2)!important;line-height:1.45!important}
/* номер 01–04 — компактный, приглушённый, фирменный шрифт */
.elementor-element-57ae409 .elementor-heading-title{font-family:var(--ft)!important;font-size:12px!important;color:var(--text-2)!important;letter-spacing:1px}

/* ============ HERO-СЛАЙДЕР ГЛАВНОЙ ============ */
.gnk .gnk-hero{position:relative;background:#162C36;overflow:hidden;outline:none}
.gnk .gnk-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:radial-gradient(circle at 78% 45%,#000,transparent 80%);mask-image:radial-gradient(circle at 78% 45%,#000,transparent 80%);pointer-events:none}
.gnk .gnk-hero-track{position:relative;min-height:472px}
.gnk .gnk-hslide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .5s ease;pointer-events:none}
.gnk .gnk-hslide.on{opacity:1;visibility:visible;pointer-events:auto}
.gnk .gnk-hero-in{position:relative;max-width:1280px;margin:0 auto;padding:46px 54px;display:grid;grid-template-columns:1fr 1.12fr;gap:30px;align-items:center;height:100%}
.gnk .gnk-hero-txt .kick{font-family:var(--ft);font-size:11px;letter-spacing:2.5px;color:#B8243F;margin-bottom:18px;text-transform:uppercase}
.gnk .gnk-hero-txt h1,.gnk .gnk-hero-txt .h1{font-family:var(--fh);font-size:40px;font-weight:800;line-height:1.07;color:#fff;letter-spacing:-.5px;margin:0}
.gnk .gnk-hero-txt h1 .hl,.gnk .gnk-hero-txt .h1 .hl{color:#B8243F}
.gnk .gnk-hero-txt .lead{font-size:14.5px;color:#B7C4CA;line-height:1.6;margin:18px 0 26px;max-width:380px}
.gnk .gnk-hero-btns{display:flex;gap:12px;flex-wrap:wrap}
.gnk .gnk-hero-btns a{display:inline-flex;align-items:center;font-family:var(--fh);font-size:13px;font-weight:700;text-decoration:none;border-radius:8px;padding:13px 22px;transition:.2s}
.gnk .gnk-hero-b1{background:#8E1534;color:#fff}
.gnk .gnk-hero-b1:hover{background:#a31a3f}
.gnk .gnk-hero-b2{border:1px solid #45606C;color:#E2E8EA}
.gnk .gnk-hero-b2:hover{border-color:#8E1534;color:#fff;background:rgba(142,21,52,.12)}
.gnk .gnk-hero-art{position:relative}
.gnk .gnk-hero-art svg{width:100%;height:auto;max-height:380px;display:block}
.gnk .gnk-hero-cap{font-family:var(--ft);font-size:11px;letter-spacing:1.5px;color:#7E929B;text-align:center;margin-top:6px}
.gnk .gnk-hero-prev,.gnk .gnk-hero-next{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:1px solid #34505C;background:rgba(255,255,255,.05);color:#cdd8dd;font-size:18px;line-height:1;cursor:pointer;z-index:4;display:grid;place-items:center;transition:.2s}
.gnk .gnk-hero-prev:hover,.gnk .gnk-hero-next:hover{background:#8E1534;border-color:#8E1534;color:#fff}
.gnk .gnk-hero-prev{left:16px}
.gnk .gnk-hero-next{right:16px}
.gnk .gnk-hero-dots{position:absolute;left:0;right:0;bottom:16px;display:flex;justify-content:center;gap:9px;z-index:4}
.gnk .gnk-hero-dot{width:9px;height:5px;border-radius:3px;background:#3E5763;border:none;padding:0;cursor:pointer;transition:.25s}
.gnk .gnk-hero-dot.on{width:26px;background:#B8243F}
.gnk .gnk-hero-prog{position:absolute;left:0;bottom:0;height:3px;width:0;background:#8E1534;z-index:4;animation:gnkHeroProg 6.5s linear}
@keyframes gnkHeroProg{from{width:0}to{width:100%}}
.gnk .gnk-hslide .bp-d{stroke-dasharray:1;stroke-dashoffset:1}
.gnk .gnk-hslide.on .bp-d{animation:gnkBpDraw 1.5s ease forwards}
.gnk .gnk-hslide.on .bp-d.bp-late{animation-duration:1.1s;animation-delay:.45s}
@keyframes gnkBpDraw{to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){
  .gnk .gnk-hslide .bp-d{stroke-dashoffset:0!important;animation:none!important}
  .gnk .gnk-hero-prog{display:none}
  .gnk .gnk-hslide{transition:none}
}
@media(max-width:900px){
  .gnk .gnk-hero-track{min-height:0}
  .gnk .gnk-hslide{position:relative;opacity:1;visibility:visible;display:none;transition:none}
  .gnk .gnk-hslide.on{display:block}
  .gnk .gnk-hero-in{grid-template-columns:1fr;padding:34px 22px 30px}
  .gnk .gnk-hero-txt h1,.gnk .gnk-hero-txt .h1{font-size:30px}
  .gnk .gnk-hero-art{max-width:380px;margin:10px auto 0}
  .gnk .gnk-hero-prev,.gnk .gnk-hero-next{display:none}
  .gnk .gnk-hero-dots{bottom:10px}
}

/* ============ ЭТАП 4: ПРИМЕНЕНИЕ ПО ОТРАСЛЯМ ============ */
.gnk .gnk-ind{max-width:1180px;margin:0 auto;padding:0 16px}
.gnk .gnk-ind-head{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:10px}
.gnk .gnk-ind-kick{font-family:var(--ft);font-size:11px;letter-spacing:3px;color:var(--burgundy);font-weight:700;margin-bottom:8px}
.gnk .gnk-ind-h{font-family:var(--fh);font-size:26px;font-weight:800;color:var(--petrol);letter-spacing:-.3px;margin:0}
.gnk .gnk-ind-all{font-family:var(--ft);font-size:13px;color:var(--burgundy);font-weight:700;text-decoration:none}
.gnk .gnk-ind-all:hover{text-decoration:underline}
.gnk .gnk-ind-sub{font-size:14px;color:var(--text-2);margin:10px 0 20px;max-width:600px}
.gnk .gnk-ind-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.gnk .gnk-ind-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 16px;text-decoration:none;transition:.2s}
.gnk .gnk-ind-card:hover{border-color:var(--burgundy);box-shadow:0 12px 30px rgba(32,61,75,.1);transform:translateY(-2px)}
.gnk .gnk-ind-card .ic{width:46px;height:46px;border-radius:11px;background:#FBF0F3;display:grid;place-items:center;color:var(--burgundy);margin-bottom:12px}
.gnk .gnk-ind-card .ic .ico{width:24px;height:24px}
.gnk .gnk-ind-card .nm{font-size:15.5px;font-weight:700;color:var(--petrol);margin-bottom:5px;line-height:1.3}
.gnk .gnk-ind-card .ds{font-size:12.5px;color:var(--text-2);line-height:1.5;margin-bottom:12px;flex:1}
.gnk .gnk-ind-card .go{display:inline-flex;align-items:center;gap:6px;font-family:var(--ft);font-size:12.5px;font-weight:700;color:var(--burgundy)}
.gnk .gnk-ind-card .go .ico{width:14px;height:14px;transition:transform .2s}
.gnk .gnk-ind-card:hover .go .ico{transform:translateX(3px)}
@media(max-width:900px){.gnk .gnk-ind-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.gnk .gnk-ind-grid{grid-template-columns:1fr}.gnk .gnk-ind-h{font-size:22px}}

/* ============ КАТАЛОГ: ПОЛИРОВКА ФИЛЬТРОВ ============ */
.gnk .side .fi{border-radius:7px;padding:7px 8px;margin:0 -8px;transition:background .15s}
.gnk .side .fi .ft{flex:1;font-size:13px;color:var(--text-1);transition:color .15s}
.gnk .side .fi em{font-family:var(--ft);font-style:normal;font-size:11px;color:var(--text-2)}
.gnk .side .fi:hover{background:#F6F7F7}
.gnk .side .fi:hover .ft{color:var(--petrol)}
.gnk .side .fi.on .ft{color:var(--burgundy);font-weight:600}
.gnk .side .fi.on em{color:var(--burgundy)}
/* Заголовок «Фильтры» (десктоп) + счётчик активных */
.gnk .side-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.gnk .side-head>h2{font-family:var(--fh);font-size:16px;font-weight:800;color:var(--petrol);margin:0}
.gnk .side-reset{font-family:var(--ft);font-size:12px;color:var(--text-2);text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.gnk .side-reset:hover{color:var(--burgundy)}
.gnk .side-reset .n{background:var(--burgundy);color:#fff;border-radius:20px;font-size:10px;min-width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px;font-weight:700}
@media(min-width:921px){
  .gnk .catwrap .side{position:sticky;top:120px;align-self:start;max-height:calc(100vh - 140px);overflow:auto;scrollbar-width:thin}
}
@media(max-width:920px){ .gnk .side-head{display:none} }
/* Типоразмер — чипы с переносом + «показать все» */
.gnk .gnk-fchips{display:flex;flex-wrap:wrap;gap:6px;overflow:hidden}
.gnk .gnk-fchips.is-collapsed{max-height:76px}
.gnk .gnk-fchip{font-family:var(--ft);font-size:12px;line-height:1;border:1px solid #D5DADA;border-radius:7px;padding:7px 10px;cursor:pointer;color:var(--text-1);background:#fff;transition:.15s;user-select:none}
.gnk .gnk-fchip:hover{border-color:#8E1534;color:#8E1534}
.gnk .gnk-fchip.on{background-color:#8E1534!important;border-color:#8E1534!important;color:#fff!important}
.gnk .gnk-fchips-more{margin-top:8px;background:none;border:none;color:var(--burgundy);font-size:12px;font-weight:700;cursor:pointer;padding:2px 0;font-family:var(--ft)}
.gnk .gnk-fchips-more:hover{text-decoration:underline}
/* Цена — двойной ползунок */
.gnk .gnk-range{position:relative;height:30px;margin:14px 6px 2px}
.gnk .gnk-range-track{position:absolute;left:0;right:0;top:13px;height:4px;background:var(--line);border-radius:3px}
.gnk .gnk-range-fill{position:absolute;top:0;bottom:0;left:0;right:0;background:var(--burgundy);border-radius:3px}
.gnk .gnk-range input[type=range]{position:absolute;left:0;top:0;width:100%;height:30px;margin:0;background:none;-webkit-appearance:none;appearance:none;pointer-events:none}
.gnk .gnk-range input[type=range]:focus{outline:none}
.gnk .gnk-range input[type=range]::-webkit-slider-runnable-track{background:none;border:none}
.gnk .gnk-range input[type=range]::-moz-range-track{background:none;border:none}
.gnk .gnk-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:16px;height:16px;margin-top:7px;border-radius:50%;background:#fff;border:2px solid var(--burgundy);cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.22)}
.gnk .gnk-range input[type=range]::-moz-range-thumb{pointer-events:auto;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--burgundy);cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.22)}
.gnk .gnk-range-vals{display:flex;justify-content:space-between;font-family:var(--ft);font-size:11.5px;color:var(--petrol);margin-top:4px}
.gnk .gnk-range-vals b{font-weight:700}

/* ============ КОНТАКТЫ (#33): карта крупнее ============ */
body.page-id-33 .elementor-widget-html div:has(> iframe[src*="yandex"]){min-height:560px!important}
body.page-id-33 .elementor-widget-html iframe[src*="yandex"]{min-height:560px!important;height:100%!important}
@media(max-width:900px){
  body.page-id-33 .elementor-widget-html div:has(> iframe[src*="yandex"]),
  body.page-id-33 .elementor-widget-html iframe[src*="yandex"]{min-height:380px!important}
}

/* ============ КАТАЛОГ (#37): расширение под широкие экраны ============ */
/* На экранах ≥1440px контейнер 1180px оставлял ~700px пустого поля по бокам, а сетка карточек была
   жёстко зафиксирована на 3 колонки независимо от ширины — отсюда ощущение «узкого окна». Контейнер
   теперь тянется до 1700px, а .pgrid сам досчитывает колонки под доступную ширину (потолок 4: при
   текущих ~6 товарах 5 колонок оставляли на последней строке почти пустой ряд). */
@media(min-width:921px){.gnk .pgrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}
/* Хайлайт-сетка (тонкие линии между карточками) раньше рисовалась заливкой контейнера, видной в gap —
   при неполной последней строке это превращалось в сплошной серый «пустой» блок. Линии теперь на
   самих карточках, а не на фоне контейнера — недостающие ячейки просто не существуют визуально. */
.gnk .pgrid{background:transparent;border-color:transparent}
.gnk .pcard{border:1px solid var(--line)}
@media(min-width:1440px){
  body.page-id-37 .crumb,
  body.page-id-37 .gnk-catband,
  body.page-id-37 .catwrap,
  body.page-id-37 .gnk-metrics,
  body.page-id-37 .gnk-partners{max-width:1440px}
}
@media(min-width:1700px){
  body.page-id-37 .crumb,
  body.page-id-37 .gnk-catband,
  body.page-id-37 .catwrap,
  body.page-id-37 .gnk-metrics,
  body.page-id-37 .gnk-partners{max-width:1700px}
}

/* ============ ДОБАВЛЕНИЕ В КОРЗИНУ БЕЗ ПЕРЕХОДА: тост + «полёт» иконки + пульс ============ */
.gnk-toasts{position:fixed;top:92px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:340px}
.gnk-toast{background:#fff;border:1px solid var(--line);border-left:3px solid #8E1534;box-shadow:0 14px 34px rgba(32,61,75,.16);padding:14px 16px;display:flex;align-items:center;gap:12px;opacity:0;transform:translateX(16px);transition:opacity .25s,transform .25s}
.gnk-toast.show{opacity:1;transform:translateX(0)}
.gnk-toast.err{border-left-color:#B8243F}
.gnk-toast .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.gnk-toast .tx b{font-size:13px;font-weight:700;color:#203D4B}
.gnk-toast .tx span{font-size:12px;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gnk-toast .go{font-family:DINPro,sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.3px;color:#8E1534;text-decoration:none;white-space:nowrap}
.gnk-toast .go:hover{text-decoration:underline}
.gnk-toast .x{background:none;border:none;color:var(--text-2);font-size:18px;line-height:1;cursor:pointer;padding:0 0 0 4px;flex-shrink:0}
.gnk-toast .x:hover{color:#8E1534}
@media(max-width:560px){.gnk-toasts{left:12px;right:12px;top:80px;max-width:none}}
.gnk-flydot{position:fixed;left:0;top:0;width:28px;height:28px;border-radius:50%;background:#8E1534;color:#fff;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:9998;transition:transform .55s cubic-bezier(.3,.7,.4,1),opacity .55s ease-in}
.gnk-flydot .ico{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2}
.gnkh-cart.gnk-pulse .n{animation:gnkCartPulse .6s ease-out}
@keyframes gnkCartPulse{0%{transform:scale(1)}35%{transform:scale(1.45)}100%{transform:scale(1)}}
#gpadd.gnk-busy,.addc.gnk-busy{opacity:.55;pointer-events:none}
@media(prefers-reduced-motion:reduce){.gnk-flydot{display:none}.gnkh-cart.gnk-pulse .n{animation:none}.gnk-toast{transition:opacity .15s}}

/* ============ КАРТОЧКА ТОВАРА: закреплённая панель покупки (#37 → product) ============ */
.gnk-stickybuy{position:fixed;left:0;right:0;bottom:0;transform:translateY(100%);transition:transform .25s ease;background:#fff;border-top:1px solid var(--line);box-shadow:0 -10px 26px rgba(32,61,75,.12);z-index:70;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 28px}
.gnk-stickybuy.show{transform:translateY(0)}
.gnk-stickybuy .gs-info{display:flex;align-items:center;gap:12px;min-width:0;flex:1}
.gnk-stickybuy .gs-info img{width:42px;height:42px;object-fit:contain;border:1px solid var(--line);background:#F6F7F7;flex-shrink:0;padding:3px}
.gnk-stickybuy .gs-tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.gnk-stickybuy .gs-tx b{font-size:13px;font-weight:700;color:#203D4B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px}
.gnk-stickybuy .gs-tx span{font-family:DINPro,sans-serif;font-size:17px;font-weight:700;color:#203D4B}
.gnk-stickybuy .gs-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}
.gnk-stickybuy .qty{display:flex;align-items:center;border:1px solid var(--line3)}
.gnk-stickybuy .qty button{width:32px;height:32px;background:#F6F7F7;border:none;font-size:16px;cursor:pointer;color:#203D4B}
.gnk-stickybuy .qty button:hover{background:var(--line2)}
.gnk-stickybuy .qty b{width:34px;text-align:center;font-family:DINPro,sans-serif;font-size:13px;font-weight:700;color:#203D4B}
.gnk-stickybuy .btn-a{position:relative;background:#B8243F;color:#fff;border:none;padding:10px 20px;font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.gnk-stickybuy .btn-a:hover{background:#D11E45}
.gnk-stickybuy .btn-a .ic{width:15px;height:15px;stroke-width:2}
@media(max-width:680px){.gnk-stickybuy{padding:8px 14px;gap:10px}.gnk-stickybuy .gs-tx b{display:none}.gnk-stickybuy .gs-tx span{font-size:15px}}
@media(prefers-reduced-motion:reduce){.gnk-stickybuy{transition:none}}

/* ============ ОБЩЕСАЙТОВАЯ кнопка «Наверх» (geonika-enqueue.php, рендерится на wp_footer) ============ */
.gnk-totop{position:fixed;right:24px;bottom:24px;width:46px;height:46px;border-radius:50%;background:#203D4B;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 20px rgba(32,61,75,.28);opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .2s,transform .2s,background .15s;z-index:65}
.gnk-totop.show{opacity:1;transform:translateY(0);pointer-events:auto}
.gnk-totop:hover{background:#8E1534}
.gnk-totop svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:680px){.gnk-totop{right:14px;bottom:14px;width:42px;height:42px}.gnk-totop svg{width:18px;height:18px}}
@media(prefers-reduced-motion:reduce){.gnk-totop{transition:opacity .12s}}
/* На карточке товара внизу — закреплённая панель покупки (.gnk-stickybuy), поднимаем кнопку выше неё */
.gnk-product-page .gnk-totop{bottom:100px}
@media(max-width:680px){.gnk-product-page .gnk-totop{bottom:82px}}

/* ============ КОРЗИНА (#11): расширение под широкие экраны ============ */
/* Тот же эффект «узкого окна», что был у каталога: реальный ограничитель — родительский .woocommerce
   (.woocommerce-cart .woocommerce{max-width:1180px}, geonika-native.css:123), а не сам .gnk-cart —
   расширение одного только .gnk-cart ни на что не влияло, пока не нашёл родителя через DevTools. */
@media(min-width:1440px){
  body.page-id-11 .woocommerce{max-width:1440px}
  body.page-id-11 .gnk-cart{max-width:1440px;grid-template-columns:1fr 400px}
}
@media(min-width:1700px){
  body.page-id-11 .woocommerce{max-width:1640px}
  body.page-id-11 .gnk-cart{max-width:1640px;grid-template-columns:1fr 420px}
}

/* ============ ОФОРМЛЕНИЕ ЗАКАЗА (#12): тот же фикс ============ */
@media(min-width:1440px){
  body.page-id-12 .woocommerce{max-width:1440px}
  body.page-id-12 form.checkout.woocommerce-checkout{grid-template-columns:1fr 410px}
}
@media(min-width:1700px){
  body.page-id-12 .woocommerce{max-width:1640px}
  body.page-id-12 form.checkout.woocommerce-checkout{grid-template-columns:1fr 440px}
}

/* === ДИСКЛЕЙМЕР — подвал всех страниц === */
.gnk-disclaimer{background:#162C36;padding:12px 0;border-top:1px solid rgba(255,255,255,.07)}
.gnk-disclaimer-inner{max-width:1280px;margin:0 auto;padding:0 24px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-family:var(--ft);font-size:11px;color:rgba(255,255,255,.4);line-height:1.5}
.gnk-disclaimer-sep{color:rgba(255,255,255,.2);flex-shrink:0}
@media(max-width:700px){.gnk-disclaimer-inner{flex-direction:column;align-items:flex-start;gap:4px}.gnk-disclaimer-sep{display:none}}

/* === ЖИВОЙ ПОИСК — выпадашка .gnkh-sug === */
.gnkh-search{position:relative}
.gnkh-sug{position:absolute;top:calc(100% + 6px);left:0;right:0;min-width:360px;max-height:400px;overflow-y:auto;background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:var(--z-overlay)}
.gnkh-sug[hidden]{display:none}
.gnkh-sug-sect{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);padding:12px 18px 5px;font-family:var(--ft);font-weight:700;pointer-events:none}
/* Товар */
.gnkh-sug-item{display:flex;align-items:center;gap:12px;padding:10px 18px;text-decoration:none;color:var(--ink);transition:background .1s}
.gnkh-sug-item:hover,.gnkh-sug-item.gnkh-sug-on{background:var(--line2)}
.gnkh-sug-item img{width:48px;height:48px;object-fit:contain;border-radius:6px;border:1px solid var(--line);flex-shrink:0;background:var(--bg)}
.gnkh-sug-noimg{display:inline-block;width:48px;height:48px;background:var(--line2);border-radius:6px;flex-shrink:0}
.gnkh-sug-info{flex:1;min-width:0}
.gnkh-sug-info .nm{display:block;font-size:14px;font-weight:600;color:var(--petrol);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gnkh-sug-info .meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);margin-top:3px}
.gnkh-sug-info .meta em{background:var(--line2);border-radius:3px;padding:1px 6px;font-style:normal;font-family:var(--ft);letter-spacing:.3px}
.gnkh-sug-pr{font-family:var(--ft);font-size:14px;font-weight:700;color:var(--petrol);white-space:nowrap;flex-shrink:0}
/* Категория */
.gnkh-sug-cat{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 18px;text-decoration:none;color:var(--ink);transition:background .1s}
.gnkh-sug-cat:hover,.gnkh-sug-cat.gnkh-sug-on{background:var(--line2)}
.gnkh-sug-cat .nm{font-size:14px;font-weight:600;color:var(--petrol)}
.gnkh-sug-cat em{font-size:12px;color:var(--muted);font-style:normal;background:var(--line2);border-radius:10px;padding:2px 9px;flex-shrink:0}
/* Нижняя ссылка «Показать все» */
.gnkh-sug-all{display:block;padding:11px 18px;font-size:13px;font-weight:700;color:var(--burgundy);text-decoration:none;border-top:1px solid var(--line);letter-spacing:.2px;transition:background .1s}
.gnkh-sug-all:hover{background:var(--line2)}
/* Пусто / загрузка */
.gnkh-sug-empty{padding:24px 18px;font-size:14px;color:var(--muted);text-align:center}
.gnkh-sug-spin{height:64px;display:flex;align-items:center;justify-content:center}
.gnkh-sug-spin::after{content:'';width:20px;height:20px;border:2px solid var(--line);border-top-color:var(--burgundy);border-radius:50%;animation:gnkSpin .7s linear infinite}
@keyframes gnkSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.gnkh-sug-spin::after{animation-duration:.001ms!important}}
/* Мобайл: фиксированная позиция, привязываемся к полю через JS */
@media(max-width:1024px){.gnkh-sug{position:fixed;left:16px;right:16px;top:auto;max-height:60vh}}

/* === ДЕЙСТВИЯ С КОРЗИНОЙ — .gnk-ca-* === */
.gnk-ca-bar{display:flex;align-items:center;gap:10px;justify-content:flex-end;padding:12px 0 4px;margin-bottom:4px}
.gnk-ca-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:var(--radius-sm,6px);font-family:var(--ft);font-size:13px;font-weight:600;line-height:1;cursor:pointer;transition:background .15s,border-color .15s,color .15s;text-decoration:none;white-space:nowrap;border:1.5px solid transparent}
.gnk-ca-btn--outline{background:transparent;border-color:var(--line,#ddd);color:var(--petrol,#203D4B)}
.gnk-ca-btn--outline:hover{background:var(--line2,#f4f5f7);border-color:var(--petrol,#203D4B)}
.gnk-ca-btn--primary{background:var(--burgundy,#8E1534);border-color:var(--burgundy,#8E1534);color:#fff}
.gnk-ca-btn--primary:hover{background:#7a1029}
/* Обёртка «Поделиться» */
.gnk-ca-share-wrap{position:relative}
/* Дроп */
.gnk-ca-share-drop{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;background:#fff;border:1px solid var(--line,#ddd);border-radius:var(--radius-md,8px);box-shadow:var(--shadow-md,0 4px 20px rgba(0,0,0,.1));z-index:var(--z-overlay,9999);padding:4px 0;overflow:hidden}
.gnk-ca-share-drop[hidden]{display:none}
.gnk-ca-drop-opt{display:flex;align-items:center;gap:10px;width:100%;padding:11px 16px;font-size:13px;font-weight:500;color:var(--ink,#212121);background:none;border:none;cursor:pointer;text-decoration:none;transition:background .12s;text-align:left;font-family:var(--ft)}
.gnk-ca-drop-opt:hover{background:var(--line2,#f4f5f7)}
.gnk-ca-drop-opt svg{flex-shrink:0;color:var(--muted,#888)}
/* Toast */
.gnk-toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:var(--petrol,#203D4B);color:#fff;font-family:var(--ft);font-size:13px;font-weight:600;padding:10px 22px;border-radius:40px;box-shadow:0 4px 18px rgba(0,0,0,.18);z-index:calc(var(--z-overlay,9999) + 1);white-space:nowrap;pointer-events:none;animation:gnkToastIn .2s ease}
.gnk-toast--err{background:var(--burgundy,#8E1534)}
.gnk-toast[hidden]{display:none}
@keyframes gnkToastIn{from{opacity:0;transform:translateX(-50%) translateY(8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
@media(prefers-reduced-motion:reduce){.gnk-toast{animation:none}}

/* === ОБЩИЙ СНАПШОТ (страница /cart/?gnk_cart_share_token=…) === */
.gnk-shared-notice{display:flex;align-items:center;gap:8px;background:rgba(32,61,75,.07);border:1px solid rgba(32,61,75,.12);border-radius:var(--radius-sm,6px);padding:10px 16px;font-size:13px;color:var(--petrol,#203D4B);font-weight:600;margin-bottom:20px}
.gnk-shared-notice svg{flex-shrink:0;color:var(--petrol,#203D4B)}
.gnk-shared-foot{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:16px 0;border-top:1px solid var(--line,#ddd);margin-top:8px}
.gnk-shared-total{font-size:15px;color:var(--ink,#212121)}
.gnk-shared-total strong{color:var(--burgundy,#8E1534)}
.gnk-shared-pkg{display:flex;gap:20px;font-size:13px;color:var(--muted,#888)}
.gnk-shared-pkg span{display:flex;align-items:center;gap:5px}
@media(max-width:600px){.gnk-ca-bar{justify-content:flex-start;flex-wrap:wrap}}

/* ===== GEONIKA: выпадающий список разделов блога в шапке =====
   Отличается от мега-меню каталога: то во всю ширину, потому что показывает
   десяток категорий и фильтры. Здесь три пункта — панель прижата к своему
   пункту меню, иначе перекрывала бы полстраницы ради трёх строк.

   .gnkh-item задан position:static (это нужно мега-меню), поэтому для
   выпадашки возвращаем relative — иначе она позиционируется от всей шапки. */
.gnkh .gnkh-has-drop{position:relative}
.gnkh .gnkh-has-drop:hover .gnkh-cdn{transform:rotate(-90deg);opacity:1}
.gnkh .gnkh-has-drop:hover .gnkh-drop,
.gnkh .gnkh-has-drop:focus-within .gnkh-drop{display:block}

.gnkh .gnkh-drop{
  position:absolute;left:8px;top:100%;min-width:330px;max-width:min(420px,90vw);
  background:#fff;border:1px solid var(--line);border-top:2px solid #8E1534;
  padding:8px;z-index:1001;display:none;
  box-shadow:0 16px 34px rgba(32,61,75,.12);
}
.gnkh .gnkh-drop-i{
  display:block;padding:11px 12px;text-decoration:none;
  border-bottom:1px solid var(--line3);transition:background .15s ease;
}
.gnkh .gnkh-drop-i:last-of-type{border-bottom:none}
.gnkh .gnkh-drop-i:hover{background:var(--bg)}
.gnkh .gnkh-drop-i:focus-visible{outline:3px solid #8E1534;outline-offset:-3px}

.gnkh .gnkh-drop-i .nm{
  display:flex;align-items:center;gap:8px;
  font-size:14.5px;font-weight:700;color:#203D4B;
  letter-spacing:0;text-transform:none;
}
.gnkh .gnkh-drop-i:hover .nm{color:#8E1534}
/* Счётчик статей: показывает, что раздел живой, а не заглушка */
.gnkh .gnkh-drop-i .nm em{
  font-style:normal;font-family:'DINPro',sans-serif;font-size:11px;font-weight:600;
  color:#69757B;background:var(--bg);border:1px solid var(--line3);
  padding:1px 6px;line-height:1.5;
}
/* Ведущая статья раздела — подсказка «с чего начать», а не украшение */
.gnkh .gnkh-drop-i .ld{
  display:block;margin-top:3px;font-size:12.5px;line-height:1.4;color:#69757B;
  letter-spacing:0;text-transform:none;font-weight:400;
  overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
}
.gnkh .gnkh-drop-all{
  display:block;margin-top:4px;padding:10px 12px;background:#203D4B;color:#fff;
  text-align:center;text-decoration:none;
  font-family:'DINPro',sans-serif;font-size:11.5px;font-weight:600;
  letter-spacing:.7px;text-transform:uppercase;
}
.gnkh .gnkh-drop-all:hover{background:#8E1534}

/* В бургере панель раскрыта сразу: вложенная гармошка на телефоне
   заставляла бы тапать дважды ради того же перехода. */
@media (max-width:1024px){
  .gnkh .gnkh-has-drop{position:static}
  .gnkh .gnkh-has-drop:hover .gnkh-drop{display:none}
  .gnkh .gnkh-item.exp .gnkh-drop{
    display:block;position:static;min-width:0;max-width:none;
    border:none;border-top:1px solid var(--line2);box-shadow:none;
    background:#F6F7F7;padding:6px 12px;
  }
  .gnkh .gnkh-nav.is-open .gnkh-drop-all{margin:6px 0 2px}
}
@media (prefers-reduced-motion:reduce){
  .gnkh .gnkh-drop-i,.gnkh .gnkh-drop-all{transition:none}
}

/* Строка «По применению» в мега-меню каталога. Отрасли — второй способ
   найти товар: снабженец чаще думает «у меня вентиляция», а не «мне рулон». */
.gnkh .gnkh-mega-ind{margin-top:10px;padding-top:12px}
.gnkh .gnkh-mega-allind{font-weight:700}

/* ===== Дерево категорий в мега-меню =====
   Подразделы переехали сюда из блока под карточками каталога. Там они
   дублировали названия семейств, спорили с заголовком страницы и были
   набраны чужим для карточек языком. Здесь подраздел стоит прямо под
   своим семейством — связь показана положением, а не повторённым словом.
   И доступны они теперь с любой страницы, а не только из каталога. */

.gnkh .gnkh-mega-cats{align-items:start}
.gnkh .gnkh-mcol{display:flex;flex-direction:column;min-width:0}

/* Плитка семейства — «шапка» колонки, поэтому снизу не скругляем отступ */
.gnkh .gnkh-mcol .gnkh-mcat{margin-bottom:2px}

.gnkh .gnkh-msub{display:flex;flex-direction:column;padding:0 0 0 14px}
.gnkh .gnkh-msub a{
  display:flex;align-items:baseline;gap:7px;
  padding:5px 8px 5px 0;
  font-size:13px;line-height:1.35;
  color:#5C6A70 !important;text-decoration:none;
  letter-spacing:0;text-transform:none;
  border-left:1px solid var(--line3);padding-left:12px;
  transition:color .15s ease,border-color .15s ease;
}
.gnkh .gnkh-msub a:hover{color:#8E1534 !important;border-left-color:#8E1534}
.gnkh .gnkh-msub a:focus-visible{outline:2px solid #8E1534;outline-offset:-2px}
/* Счётчик у подраздела — только цифра, тем же техническим шрифтом,
   что и остальные числа на сайте */
.gnkh .gnkh-msub a em{
  font-style:normal;font-family:'DINPro','Segoe UI',Arial,sans-serif;
  font-size:11px;color:#9AA6AB;font-variant-numeric:tabular-nums;
  margin-left:auto;flex:0 0 auto;
}

@media (max-width:1024px){
  /* В бургере дерево раскрыто вместе с меню: вложенная гармошка внутри
     гармошки заставляла бы тапать трижды до раздела. */
  .gnkh .gnkh-mcol{margin-bottom:6px}
  .gnkh .gnkh-msub{padding-left:10px}
  .gnkh .gnkh-msub a{min-height:36px;align-items:center}
}
@media (prefers-reduced-motion:reduce){
  .gnkh .gnkh-msub a{transition:none}
}

/* Семейств четыре — значит, ровно четыре колонки. auto-fill при 1280px
   резервировал пятую, пустую — дерево прижималось влево с дырой справа. */
@media (min-width:1025px){
  .gnkh .gnkh-mega-cats{grid-template-columns:repeat(4,minmax(0,1fr))}
}
