/* Header markup and scoped component rules observed on https://gerber-t.ru/catalog/ on 2026-09-21. */
.gt-shell{--process-node:1.75rem;--hero-border:#62646580;--logo:160px;--hero-image-aspect:1.7;--border:1px;--text-home-title:clamp(2.125rem,3.3vw,3rem);--text-product-title:clamp(2.25rem,3.35vw,3.15rem);--process-glyph-width:6rem;--text-2xl:clamp(2.125rem,2.8vw,2.5rem);--text-learning-title:clamp(1.5rem,2vw,2rem);--d2-panel-light:radial-gradient(ellipse at 100% 0%,#62646580,transparent 65%);--leading:1.6;--media-controls:#171717e6;--z-menu:20;--text-h2:clamp(2.125rem,2.8vw,2.5rem);--text-lg:1.375rem;--d2-header-surface:linear-gradient(120deg,#111414,#080909);--hero-photo-blend:linear-gradient(90deg,#202528 0%,#202528e6 12%,#20252800 37%),linear-gradient(0deg,#151719cc,#15171900 40%);--text-product-panel-mobile:1.65rem;--surface-graphite:linear-gradient(115deg,#202528,#151719 70%);--hero-base-clear:#11161600;--d2-hero-fade:linear-gradient(90deg,#111616 0%,#111616ed 8%,#11161600 34%),linear-gradient(0deg,#08090980,transparent 45%);--success:#225d3e;--text-md:1.125rem;--line:#d5d5d5;--s6:2rem;--catalog-media-ratio:1.75;--ease:cubic-bezier(.16,1,.3,1);--control:3rem;--s4:1rem;--d2-hero-height:clamp(23rem,33.3vw,30rem);--shadow-controls-color:#0004;--muted:#575757;--orange-strong:#e6a002;--control-radius:.75rem;--brand-mark-width:9.375rem;--logo-d2:176px;--process-glyph-mobile:4.5rem;--focus:#171717;--text-h2-mobile:1.75rem;--d2-play-size:3.75rem;--table-width:48rem;--hero-grid-gap-mobile:1.5rem;--text-product-price:clamp(1.55rem,2.35vw,1.9rem);--success-bg:#eaf4ee;--shadow:0 18px 60px #0002;--hero-base:#111616;--error:#a62121;--hero-frame:#111414;--text-product-panel:clamp(1.25rem,1.65vw,1.5rem);--workflow-row-min:7rem;--text-sm:.9375rem;--hero-photo-blend-mobile:linear-gradient(0deg,#151719e6,#15171900 45%);--weight-normal:450;--error-bg:#fff0ef;--text-editorial-lead:clamp(1.12rem,1.7vw,1.35rem);--gallery-height:30rem;--editorial-media-max:65rem;--text-editorial-title:clamp(2rem,3.1vw,3rem);--orange:#fdb102;--font:Manrope,sans-serif;--backdrop:#17171799;--tracking:-.035em;--home-process-media-height:15rem;--dark-line:gray;--media-shade-clear:#1110;--text-product-title-mobile:1.9rem;--inverse-muted:#d5d5d5;--media-shade:#111c;--home-hero-height:clamp(27rem,34vw,31rem);--section-space:clamp(2.5rem,4vw,3rem);--s7:3rem;--home-copy-width:40rem;--hero-dark-translucent:#08090980;--d2-gutter:clamp(1rem,2.4vw,2rem);--radius:1rem;--reading:70ch;--equipment-media-height:26rem;--hero-dark:#080909;--category-media-ratio:1.65;--soft:#f2f2f2;--s2:.5rem;--text-fine-print:.7rem;--hero-min:clamp(35rem,40vw,40rem);--max:90rem;--inverse:#fff;--leading-title:1.12;--disabled:#dfdfdf;--dark:#202020;--surface-silver:linear-gradient(145deg,#f7f8f8,#eeeeef);--weight-bold:700;--weight-medium:600;--category-compact-image:7rem;--hero-base-overlay:#111616ed;--text-xs:.8125rem;--text-equipment-panel:clamp(1.125rem,1.85vw,1.65rem);--catalog-gap:clamp(1rem,2.4vw,2rem);--s1:.25rem;--d2-header-logo:9rem;--ink:#171717;--orange-hover:#e6a002;--text-home-title-mobile:clamp(1.5rem,6.7vw,2.125rem);--s5:1.5rem;--dialog-width:38rem;--duration:.22s;--z-table:1;--text-h1:clamp(2.125rem,3.9vw,3.5rem);--text-editorial-title-mobile:1.95rem;--s8:4rem;--brand-mark-height:3rem;--d2-hero-surface:linear-gradient(110deg,#111616,#080909);--catalog-sidebar:15rem;--s9:6rem;--surface-action:linear-gradient(135deg,#ffbd29,#fdb102);--paper:#fff;--d2-rail-title:11rem;--s3:.75rem;--text-xl:1.75rem;--process-symbol-height:8rem;--surface:#fff;--shadow-media:0 8px 28px #17171712;--focus-width:3px;--text-base:1rem;--gutter:clamp(1.25rem,4.4vw,4rem);--icon:1.25rem;--section-inline:clamp(1rem,2.4vw,2rem);box-sizing:border-box;font:450 16px/1.6 Manrope,sans-serif;z-index:30} .gt-shell *{box-sizing:border-box}.gt-shell a{color:inherit}.gt-shell .brand{width:auto}.gt-shell button{font-family:inherit;cursor:pointer}.gt-shell [hidden]{display:none!important}
body .gt-shell a.brand { align-items: center; text-decoration: none; display: flex; }
body .gt-shell a.brand img { aspect-ratio: 5 / 1; object-fit: cover; mix-blend-mode: lighten; width: 11rem; height: auto; display: block; }
@media (width <= 1100px) {body .gt-shell a.brand img { width: 10rem; }}
@media (width >= 1280px) and (width <= 1439px) {body .gt-shell a.brand img { width: 8rem; }}
.gt-shell { max-width: var(--max); align-items: center; gap: var(--s6); padding: var(--s5) var(--gutter); border-bottom: var(--border) solid var(--line); margin: auto; display: flex; position: relative; }
.gt-shell .brand { flex-shrink: 0; margin-right: auto; }
.gt-shell .brand img { width: var(--logo); height: auto; }
.gt-shell .desktop-nav { gap: var(--s5); font-size: var(--text-sm); align-items: center; display: flex; }
.gt-shell .desktop-nav a { text-decoration: none; }
.gt-shell .desktop-nav a:hover { text-decoration: underline; }
.gt-shell .menu-toggle { display: none !important; }
.gt-shell .mobile-nav { background: var(--paper); padding: var(--s5); z-index: var(--z-menu); box-shadow: var(--shadow); position: absolute; top: 100%; left: 0px; right: 0px; }
.gt-shell .mobile-nav a { padding: var(--s3); display: block; }
.gt-shell .button { gap: var(--s3); min-height: var(--control); padding: var(--s3) var(--s5); border-radius: var(--control-radius); border: var(--border) solid transparent; font-weight: var(--weight-medium); font-size: var(--text-sm); text-align: center; transition: background-color var(--duration) var(--ease); white-space: normal; justify-content: center; align-items: center; line-height: 1.45; text-decoration: none; display: inline-flex; }
.gt-shell .button.primary { background: var(--orange); color: var(--ink); }
.gt-shell .button.primary:hover { background: var(--orange-hover); }
.gt-shell .button.secondary { border-color: var(--line); color: inherit; background: 0px 0px; }
.gt-shell .button.secondary:hover { background: var(--soft); color: var(--ink); }
.gt-shell .button.quiet { color: inherit; background: 0px 0px; }
.gt-shell .button.quiet:hover { background: var(--soft); color: var(--ink); }
.gt-shell .button:active { transform: translateY(var(--border)); }
.gt-shell .button:disabled { cursor: not-allowed; background: var(--disabled); color: var(--muted); border-color: rgba(0, 0, 0, 0); }
@media (width <= 1100px) {.gt-shell .desktop-nav { display: none; }
.gt-shell .menu-toggle { display: inline-flex !important; }}
@media (width <= 480px) {.gt-shell { gap: var(--s3); padding-block: var(--s4); }
.gt-shell .header-call { display: none !important; }}
.gt-shell .button { max-width: 100%; }
.gt-shell .brand { background: var(--dark); padding: var(--s3); border-radius: var(--control-radius); flex-shrink: 1; min-width: 0px; }
.gt-shell .brand img { max-width: 100%; }
.gt-shell .menu-toggle { flex-shrink: 0; }
@media (width <= 480px) {.gt-shell { flex-wrap: wrap; }
.gt-shell .brand { max-width: 60%; }
.gt-shell .menu-toggle { padding-inline: var(--s3); }}
.gt-shell .icon { width: var(--icon); height: var(--icon); vertical-align: middle; flex-shrink: 0; display: inline-block; }
.gt-shell { background: var(--ink); max-width: none; color: var(--inverse); border-bottom: var(--border) solid var(--dark); padding-inline: max(var(--gutter),calc((100% - var(--max))/2 + var(--gutter))); }
.gt-shell .button.secondary { border-color: var(--muted); color: var(--inverse); }
.gt-shell .button.secondary:hover, .gt-shell .button.quiet:hover { background: var(--dark); color: var(--inverse); }
.gt-shell .header-phone { color: var(--orange); font-weight: var(--weight-bold); font-size: var(--text-sm); white-space: nowrap; text-decoration: none; }
.gt-shell .header-phone:hover { text-decoration: underline; }
.gt-shell .mobile-nav { background: var(--ink); color: var(--inverse); }
@media (width <= 52rem) {.gt-shell { padding-inline: var(--gutter); }
.gt-shell .header-phone { display: none; }}
.gt-shell :focus-visible { outline-color: var(--orange); }
.gt-shell { padding-block: var(--s4); }
.gt-shell .brand { background: 0px 0px; flex-shrink: 0; padding: 0px; }
.gt-shell .brand img { width: var(--logo-d2); }
.gt-shell .desktop-nav a[aria-current="page"] { text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: var(--orange); text-underline-offset: var(--s2); }
@media (width <= 480px) {.gt-shell .brand { max-width: 65%; }}
body .gt-shell { background: var(--d2-header-surface); gap: var(--s5); padding: var(--s3) max(var(--d2-gutter),calc((100% - var(--max))/2 + var(--d2-gutter))); }
body:has(.home-page) .gt-shell { padding-block: var(--s3); }
body .gt-shell .brand img { width: var(--d2-header-logo); }
body .gt-shell .button { min-height: 2.5rem; padding: var(--s2) var(--s4); }
.gt-shell .desktop-nav { font-size: var(--text-xs); gap: clamp(0.75rem, 1.7vw, 1.5rem); }
@media (width >= 1101px) {body .gt-shell .desktop-nav { display: flex; }
body .gt-shell .menu-toggle { display: none !important; }}
@media (width <= 768px) {body .gt-shell { padding-block: var(--s2); flex-wrap: nowrap; }
body:has(.home-page) .gt-shell { padding-block: var(--s2); }
body .gt-shell .brand img { width: 8rem; }
body .gt-shell > .header-phone, body .gt-shell > .header-call { display: none !important; }
body .gt-shell .menu-toggle { min-width: var(--control); min-height: var(--control); display: inline-flex !important; }}
@media (width <= 768px) {.gt-shell .menu-toggle .icon { width: 1.5rem; height: 1.5rem; }}
@media (width <= 1279px) {body .gt-shell .desktop-nav { display: none !important; }
body .gt-shell .menu-toggle { display: inline-flex !important; }
body .gt-shell > .header-phone, body .gt-shell > .header-call { display: none !important; }}
@media (width >= 1280px) {body .gt-shell .desktop-nav { display: flex; }
body .gt-shell .menu-toggle { display: none !important; }}
@media (width >= 1280px) and (width <= 1439px) {body .gt-shell { gap: var(--s3); }
body .gt-shell .brand img { width: 8rem; }
body .gt-shell .desktop-nav { gap: clamp(0.65rem, 0.9vw, 0.9rem); }
body .gt-shell .button { padding-inline: var(--s3); }}
body .gt-shell .desktop-nav { gap: clamp(0.75rem, 1.1vw, 1rem); font-size: 1rem; }
@media (width >= 1440px) {body .gt-shell .desktop-nav { gap: clamp(1.25rem, 1.8vw, 1.75rem); }}
body .gt-shell .desktop-nav a { font-weight: var(--weight-medium); white-space: nowrap; }
body .gt-shell .nav-video-link { align-items: center; gap: 0.4rem; display: inline-flex; }
body .gt-shell .nav-video-icon { border: 1px solid color-mix(in srgb,var(--orange) 72%,transparent); border-radius: var(--control-radius); width: 1.45rem; height: 1.45rem; color: var(--orange); background: color-mix(in srgb,var(--orange) 10%,transparent); flex: 0 0 1.45rem; place-items: center; display: inline-grid; }
body .gt-shell .nav-video-icon .icon { width: 1rem; height: 1rem; }
body .gt-shell .nav-video-link[aria-current="page"] .nav-video-icon { background: var(--orange); color: var(--ink); border-color: var(--orange); }
body .gt-shell .header-phone { font-size: 1.0625rem; }
body .gt-shell .header-call { white-space: nowrap; min-height: 2.75rem; font-size: 1rem; }
body .gt-shell .mobile-nav a { font-size: 1.0625rem; }
body .gt-shell .mobile-nav .nav-video-link { padding-block: var(--s3); }
/* Local addition: fit one extra navigation item without removing the live site's controls. */
body .gt-shell .desktop-nav{font-size:.875rem;gap:18px}
body .gt-shell .header-phone{color:var(--orange)}
body .gt-shell .gt-parts-link{display:inline-flex;align-items:center;gap:6px;color:var(--orange)}
body .gt-shell .gt-parts-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center}
body .gt-shell .gt-parts-icon svg{width:18px;height:18px}
@media(min-width:1280px) and (max-width:1439px){body .gt-shell .desktop-nav{gap:10px;font-size:.8125rem}body .gt-shell .header-phone{font-size:.9375rem}body .gt-shell .header-call{font-size:.875rem}}
@media(min-width:960px) and (max-width:1279px){body .gt-shell{gap:10px}body .gt-shell .brand img{width:7.25rem}body .gt-shell .desktop-nav{display:flex!important;gap:8px;font-size:.8125rem}body .gt-shell .menu-toggle{display:none!important}}
.gt-request{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #d5d5d5;border-radius:12px;padding:9px 14px;min-height:44px;font:600 14px/1.4 Manrope,sans-serif;color:#171717;background:white;text-decoration:none;white-space:nowrap;flex:none}
.gt-request svg{width:20px;height:20px;flex:none}.gt-request b{font-size:12px;min-width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#fdb102;color:#171717}
.gt-parts-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px max(32px,calc((100% - 1440px)/2 + 32px));border-bottom:1px solid #dedede;font:500 14px/1.5 Manrope,sans-serif;background:white;color:#171717}.gt-parts-toolbar>div{display:flex;align-items:center;gap:24px}.gt-parts-toolbar a{color:inherit;text-decoration:none}.gt-parts-toolbar a:hover{text-decoration:underline}.gt-local-state{color:#575757;font-size:11px}.gt-request:hover{border-color:#171717}.gt-shell :focus-visible,.gt-parts-toolbar :focus-visible{outline:3px solid #fdb102;outline-offset:4px}
.gt-callback-dialog{padding:32px;border:0;border-radius:16px;max-width:min(520px,calc(100vw - 32px));font:450 16px/1.6 Manrope,sans-serif;color:#171717}.gt-callback-dialog::backdrop{background:#0008}.gt-callback-dialog h2{font-size:26px}.gt-callback-dialog a{color:#171717}.gt-callback-dialog>button{float:right;background:none;font-size:24px;padding:0 0 16px 20px}.gt-callback-dialog .gt-request{margin-top:20px}
@media(max-width:768px){.gt-parts-toolbar{padding:8px 20px;gap:10px}.gt-parts-toolbar>div{gap:10px}.gt-parts-toolbar .gt-local-state{display:none}.gt-parts-toolbar>div>a{font-size:12px}.catalog-toolbar>.gt-request{padding:8px;min-width:44px}.catalog-toolbar>.gt-request .gt-request-label{display:none}}
.gt-parts-toolbar{position:sticky;top:0;z-index:20}.parts-global-search{display:flex;flex:1;max-width:560px;gap:0;border:1px solid #bdbdbd;border-radius:8px;overflow:hidden;background:#fff}.parts-global-search input{min-width:0;min-height:40px;border:0;padding:8px 12px;font:inherit;border-radius:0}.parts-global-search button{background:#f3f3f3;border:0;border-left:1px solid #ddd;padding:8px 16px;font:600 13px Manrope,sans-serif;color:#171717;cursor:pointer}.parts-global-search button:hover{background:#fdb102}.parts-global-search:focus-within{outline:2px solid #805100;outline-offset:2px}
@media(max-width:850px){.gt-parts-toolbar{flex-wrap:wrap}.parts-global-search{order:3;max-width:none;flex:1 0 100%}.gt-parts-toolbar .gt-local-state{display:none}.parts-global-search input{font-size:16px}.parts-global-search button{min-height:44px}}