:root {
  --y: #fec20d;
  --y-dark: #ecab00;
  --y-logo: #fdc131;
  --ink: #252525;
  --grey: #7a7a7a;
  --page: #444;
  --ff-d: "Oswald", "Arial Narrow", sans-serif;
  --ff-t: "Roboto", Arial, sans-serif;
  --ff-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --hdr-h: 100px;
  color-scheme: light;
}
*, *::before, *::after { box-sizing: border-box; }
html { font-size: 16px; -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { margin: 0; background: var(--page); color: #000; font: 400 16px/1.5 var(--ff-ui); -webkit-font-smoothing: antialiased; overflow-x: clip; }
img, svg { display: block; max-width: 100%; }
img { height: auto; }
a { color: inherit; text-decoration: none; }
p { margin: 0 0 .9rem; }
h1, h2, h3, h4 { margin: 0; font-weight: 500; line-height: 1; }
ul { margin: 0; padding: 0; }
button, input, select, textarea { font: inherit; color: inherit; }
:focus-visible { outline: 3px solid var(--y); outline-offset: 2px; }
.display { font-family: var(--ff-d); font-weight: 500; font-style: italic; font-synthesis: style; font-size-adjust: cap-height .7; text-transform: uppercase; line-height: 1; letter-spacing: 0; }

.display .sk, .prose h2 .sk { display: inline-block; font-style: normal; transform: skewX(-7deg); }
.sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.muted { color: #888; }
.in { width: 86%; max-width: 1300px; margin-inline: auto; }
.ico { width: 1em; height: 1em; fill: currentColor; flex: none; }

.skip { position: absolute; left: 8px; top: -60px; z-index: 3000; background: var(--y); color: #000; padding: 10px 16px; font-weight: 700; }
.skip:focus { top: 8px; }
.demo { background: var(--y); color: #000; font: 500 13px/1.4 var(--ff-ui); text-align: center; padding: 6px 16px; }

.bar, .btn-y, .plate, .submit { font-family: var(--ff-d); font-weight: 500; font-style: italic; text-transform: uppercase; line-height: 1; color: #000; text-align: center; }
.bar { position: relative; display: inline-flex; align-items: center; gap: 20px; font-size: 32px; transition: filter .3s; }
.bar:hover, .btn-y:hover, .plate:hover { filter: brightness(80%); }
.bar--w { background: #fff; padding: 15px 5px 15px 10vw; }
.bar--w::after { content: ""; position: absolute; top: 0; right: -29px; width: 30px; height: 100%; background: #fff; clip-path: polygon(0 0, 100% 0, 0 100%); }

.bar--y { position: absolute; right: 0; bottom: 100px; z-index: 3; background: var(--y); padding: 15px 10vw 15px 20px; clip-path: polygon(7px 0, 100% 0, 100% 100%, -30px 100%, -30px 23.333%, 0 23.333%); }
.bar--y::before { content: ""; position: absolute; top: 0; left: -23px; width: 30px; height: 100%; background: var(--y); clip-path: polygon(100% 0, 100% 100%, 0 100%); }
.btn-y { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 20px; margin-right: 30px; background: var(--y); font-size: 32px; padding: 10px 10px 10px 40px; transition: filter .3s; }
.btn-y::after { content: ""; position: absolute; top: 0; right: -29px; width: 30px; height: 100%; background: var(--y); clip-path: polygon(0 0, 100% 0, 0 100%); }

.plate { display: inline-flex; align-items: center; gap: 5px; background: #fff; font-size: 32px; padding: 15px 50px 10px 65px; clip-path: polygon(28.5px 0, 100% 0, calc(100% - 28.5px) 100%, 0 100%); transition: filter .3s; }

.bar--y:focus-visible, .plate:focus-visible, .hdr__cta:focus-visible, .oc__cta:focus-visible { outline: 3px solid #000; outline-offset: -6px; }
.pill { display: block; background: var(--y); color: #000; font-size: 24px; padding: 25px 20px; border-radius: 20px; text-align: center; transition: background .3s; }
.pill:hover, .pill:focus-visible { background: #fff; }
.btn-s { display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: var(--y); color: #000; font: 700 14.4px/1 var(--ff-t); padding: 15px 20px; border-radius: 3px; transition: filter .3s; }
.btn-s:hover { filter: brightness(85%); }
.btn-s .ico { width: 16px; height: 16px; }

.sb { display: inline-flex; align-items: center; gap: 5px; padding: 4px 10px; border-radius: 999px; background: #ececec; color: #555; font: normal 700 12.8px/1.25 var(--ff-t); letter-spacing: .01em; text-transform: none; white-space: nowrap; vertical-align: middle; }
.sb--ok { padding-left: 8px; background: #15803d; color: #fff; }
.sb .ico { width: 11px; height: 11px; }
.sb--sm { padding: 3px 8px; font-size: 11.2px; }
.sb--sm.sb--ok { padding-left: 6px; }
.sb--sm .ico { width: 9px; height: 9px; }
.sb--md { padding: 6px 12px; font-size: 14.4px; }
.sb--md.sb--ok { padding-left: 10px; }
.sb--md .ico { width: 12px; height: 12px; }
.sb--lg { gap: 8px; padding: 8px 16px; font-size: 16px; }
.sb--lg.sb--ok { padding-left: 13px; }
.sb--lg .ico { width: 14px; height: 14px; }

.topbar { background: #000; position: relative; z-index: 100; }
.topbar__list { display: flex; justify-content: flex-end; list-style: none; gap: 7.5px; }
.topbar__list a { display: flex; align-items: center; height: 46px; padding: 13px 10px; font: 400 14.4px/20px var(--ff-ui); color: #c1c1c1; transition: color .4s; }
.topbar__list a:hover, .topbar__list a[aria-current] { color: var(--y); }
.topbar__langs { display: flex; margin-left: 10px; }
.topbar__langs a { padding: 13px 6px; font-size: 13px; letter-spacing: .04em; }
.topbar__ask a { background: #2a2a2a; color: var(--y-logo) !important; }

.topbar__list .stock-link a { gap: 7px; background: #15803d; color: #fff; font-weight: 500; transition: background .3s; }
.topbar__list .stock-link a:hover { background: #116932; color: #fff; }
.topbar__list .stock-link a[aria-current] { color: #fff; box-shadow: inset 0 -3px 0 var(--y); }
.stock-link .ico { width: 12px; height: 12px; }

.hdr { position: sticky; top: 0; z-index: 99; background: linear-gradient(90deg, #000 25%, #252525 100%); }
.hdr__in { display: flex; align-items: center; gap: 30px; height: var(--hdr-h); }
.logo { flex: none; }
.logo__svg { width: 230px; height: 75px; }
.nav { flex: 1; align-self: stretch; display: flex; justify-content: flex-end; }
.nav__list { display: flex; gap: 15px; list-style: none; }
.nav__item { display: flex; align-items: center; }
.nav__item:not(.nav__item--mega) { position: relative; }
.nav__t { display: flex; align-items: center; padding: 8px 16px; font: 400 16px/24px var(--ff-t); color: #fff; white-space: nowrap; transition: color .3s; }
.nav__t .ico { width: 10px; height: 10px; margin-left: 5px; fill: var(--y); }
.nav__t .ico--minus { display: none; }
.nav__item:hover > .nav__t, .nav__item:focus-within > .nav__t, .nav__t[aria-current] { color: var(--y); }
.nav__item:hover > .nav__t .ico--plus, .nav__item:focus-within > .nav__t .ico--plus { display: none; }
.nav__item:hover > .nav__t .ico--minus, .nav__item:focus-within > .nav__t .ico--minus { display: block; }
.nav__item.is-closed > .mega, .nav__item.is-closed > .dd { display: none !important; }
.dd { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); z-index: 5; display: none; background: #000; padding: 20px; }
.nav__item:hover > .dd, .nav__item:focus-within > .dd { display: block; }
.dd ul { list-style: none; }
.dd li + li { margin-top: 15px; }
.dd a { display: block; font: 400 16px/24px var(--ff-ui); color: #fff; white-space: nowrap; transition: color .3s; }
.dd a:hover { color: var(--y); }
.hdr__cta { flex: none; display: inline-block; padding: 20px 30px 20px 32px; font: 400 16px/1 var(--ff-t); color: #000; background: var(--y); clip-path: polygon(28px 0, 100% 0, calc(100% - 28px) 100%, 0 100%); white-space: nowrap; transition: filter .3s; }
.hdr__cta:hover { filter: brightness(80%); }
.hdr__search { flex: none; }

@media (min-width: 1025px) and (max-width: 1240px) {
  .hdr__in { gap: 16px; }
  .nav__list { gap: 0; }
  .nav__t { padding: 8px 10px; }
  .logo__svg { width: 200px; height: 66px; }
  .hdr__cta { padding: 20px 22px 20px 26px; }
}
.hdr__search:hover svg * { stroke: var(--y); }
.burger { display: none; flex: none; background: none; border: 0; padding: 0; cursor: pointer; }

.mega { position: absolute; left: 0; right: 0; top: 100%; display: none; background: linear-gradient(90deg, #efefef 52%, #dcd8d7 55%); box-shadow: 0 20px 30px rgba(0,0,0,.25); }
.nav__item--mega:hover > .mega, .nav__item--mega:focus-within > .mega { display: block; }
.mega__in { max-width: 1300px; margin: 0 auto; display: flex; min-height: 376px; }
.mega__tabs { flex: 0 0 240px; display: flex; flex-direction: column; justify-content: center; background: #efefef; }
.mega__tab { display: flex; justify-content: flex-end; text-align: right; padding: 10px 20px 10px 0; font: 500 14.4px/22px var(--ff-ui); text-transform: uppercase; color: #000; background: #efefef; border: 0; cursor: pointer; }
.mega__tab:hover { color: var(--y-dark); }
.mega__tab[aria-selected="true"] { border-bottom: 2px solid var(--y); }
.mega__panel { flex: 1; min-width: 0; background: #dcd8d7; border-left: 6px solid var(--y); padding: 30px 100px 40px; display: flex; flex-direction: column; justify-content: center; gap: 20px; }
.mega__panel[hidden] { display: none; }
.mega__all { align-self: center; font: 500 24px/1 var(--ff-t); text-transform: uppercase; color: #000; text-align: center; transition: color .3s; }
.mega__all:hover { color: var(--y-dark); }
.mega__feat { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.mcard, .fcard-sm { display: flex; flex-direction: column; justify-content: space-between; min-height: 220px; background: #fff; border-radius: 20px; overflow: hidden; color: #000; }
.mcard__img, .fcard-sm__img { position: relative; display: block; padding: 20px; }
.mcard__img::before, .fcard-sm__img::before { content: ""; position: absolute; inset: 0; z-index: 2; background: linear-gradient(0deg, rgba(0,0,0,.1), rgba(0,0,0,0)); pointer-events: none; }
.mcard img { width: 100%; height: 120px; object-fit: contain; }
.mcard__t { min-height: 80px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; padding: 10px 20px 14px; font: italic 500 16px/1.1 var(--ff-t); text-align: center; }

.mcard__t > span:first-child { min-height: 2.2em; display: flex; align-items: center; }
.fcard-sm__img { padding: 30px; }
.fcard-sm img { width: 100%; height: 90px; object-fit: contain; }
.fcard-sm__t { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; padding: 20px 14px; font: italic 500 16px/1.1 var(--ff-t); }
.mcard:hover .mcard__t, .fcard-sm:hover .fcard-sm__t { color: var(--y-dark); }

.car { position: relative; }
.car__track { display: flex; gap: 25px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; padding-bottom: 20px; }
.car__track::-webkit-scrollbar { display: none; }
.car__track > * { flex: 0 0 calc((100% - 75px) / 4); scroll-snap-align: start; }
.car--2 .car__track > * { flex-basis: calc((100% - 25px) / 2); }
.car__arrow { position: absolute; top: calc(50% - 5px); transform: translateY(-50%); z-index: 3; width: 30px; height: 30px; padding: 0; border: 0; background: none; color: var(--grey); cursor: pointer; transition: opacity .2s; }
.car__arrow svg { width: 100%; height: 100%; }
.car__arrow--prev { left: -50px; }
.car__arrow--next { right: -50px; top: calc(50% - 15px); }
.car__arrow[disabled] { opacity: .25; cursor: default; }
.car.is-static .car__arrow { display: none; }

.oc { position: fixed; inset: 0; z-index: 2000; background: rgba(0,0,0,.8); }
.oc[hidden] { display: none; }
.oc__inner { position: absolute; inset: 0; overflow-y: auto; overscroll-behavior: contain; display: flex; flex-direction: column; gap: 20px; padding-bottom: 40px; background: linear-gradient(180deg, #000 0%, #252525 100%); }
.oc__top { display: flex; justify-content: flex-end; padding: 15px 15px 0; }
.oc__close { background: none; border: 0; padding: 0; cursor: pointer; }
.oc__search { position: relative; margin: 0 15px; }
.oc__search input { width: 100%; height: 48px; padding: 0 44px 0 14px; border: 1px solid #bbb; border-radius: 0; background: #fff; color: #3c434a; font-size: 16px; }
.oc__search input:focus { border-color: #333; outline: none; }
.oc__search .ico { position: absolute; right: 14px; top: 14px; width: 20px; height: 20px; fill: #bbb; }
.oc__acc > summary { display: flex; align-items: center; justify-content: space-between; height: 66px; padding: 0 20px; border-bottom: 1px solid var(--grey); font: 700 19.2px/1 var(--ff-t); color: #fff; list-style: none; cursor: pointer; }
.oc__acc > summary::-webkit-details-marker, .oc__cat > summary::-webkit-details-marker, .faq summary::-webkit-details-marker { display: none; }
.oc__acc > summary .ico { width: 16px; height: 25px; fill: var(--y); transition: transform .3s; }
.oc__acc[open] > summary .ico { transform: rotate(90deg); }
.oc__list { list-style: none; padding: 20px; display: flex; flex-direction: column; gap: 20px; }
.oc__list a { font: 400 16px/24px var(--ff-ui); color: #fff; }
.oc__list a:hover { color: var(--y); }
.oc__cats { background: #d5d5d5; padding: 0 20px; }
.oc__cat > summary { list-style: none; padding: 10px 20px 10px 0; font: 500 14.4px/22px var(--ff-ui); text-transform: uppercase; color: #000; cursor: pointer; }
.oc__cat[open] > summary { border-bottom: 2px solid var(--y); }
.oc__catpanel { background: #dcd8d7; margin: 0 -20px; padding: 20px 20px 0; }
.oc__catpanel .car__arrow { display: none; }
.oc__all { display: block; padding: 0 0 20px; font: 500 17.6px/1.2 var(--ff-t); text-transform: uppercase; text-align: center; color: #000; }
.oc__cat-link { display: block; padding: 12px 0 16px; font: 700 14.4px/22px var(--ff-ui); text-transform: uppercase; color: #000; text-decoration: underline; }
.oc__cta-wrap { text-align: center; margin: 0; }
.oc__cta { display: inline-block; padding: 18px 30px; background: var(--y); color: #000; font: 700 19.2px/1 var(--ff-t); clip-path: polygon(27.5px 0, 100% 0, calc(100% - 27.5px) 100%, 0 100%); }
.oc__util { list-style: none; padding: 5px 20px 0; display: flex; flex-direction: column; gap: 15px; line-height: 20px; }
.oc__util a { font: 400 16px/20px var(--ff-ui); color: #c1c1c1; }
.oc__util a:hover, .oc__util a[aria-current] { color: var(--y); }
.oc__langs { display: flex; gap: 18px; }
.oc__ask a { display: block; background: #2a2a2a; color: var(--y-logo); padding: 13px 10px; }
.oc__util .stock-link a { display: flex; align-items: center; gap: 8px; padding: 13px 10px; background: #15803d; color: #fff; font-weight: 500; }

.hero { position: relative; isolation: isolate; min-height: 720px; display: flex; flex-direction: column; justify-content: center; gap: 20px; background-color: #2f2f2f; background-position: top center; background-size: cover; background-repeat: no-repeat; }
.hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: #000; opacity: .3; }
.hero__h { color: #fff; }
.hero__h--home { font-size: 101px; line-height: 96px; white-space: nowrap; padding: 46px 0 56px; }
.hero__cta { padding-top: 40px; }
.hero__cta .bar { max-width: calc(100% - 40px); }
.hero--sub { min-height: 520px; justify-content: flex-end; padding: 80px 0 90px; }
.hero--sub::before { opacity: .5; }
.hero--sub .crumbs { margin-bottom: 30px; }
.hero--sub .crumbs ol { justify-content: flex-start; }
.hero__h--sub { max-width: 640px; font-size: 64px; line-height: .95; text-shadow: 0 2px 18px rgba(0,0,0,.25); }
.hero__p { max-width: 680px; margin: 24px 0 0; font: 400 20.8px/1.6 var(--ff-t); color: #fff; }

.intro { position: relative; z-index: 2; margin-top: -70px; min-height: 380px; display: flex; align-items: center; justify-content: center; padding: 0 7%; }
.intro::before { content: ""; position: absolute; inset: 0; z-index: -1; background: #d9d9d9; clip-path: polygon(0 70px, 100% 0, 100% 100%, 0 100%); }
.intro__row { width: 70%; max-width: 910px; display: flex; align-items: center; gap: 30px; }
.intro__arrows { flex: 0 0 55px; width: 55px; height: 280px; }
.intro__text { font: 400 20.8px/1.6 var(--ff-t); color: #000; }
.intro__text p:last-child { margin-bottom: 0; }

.awards { position: relative; overflow: hidden; margin-top: -10px; padding-bottom: 160px; background: linear-gradient(180deg, #212121 0%, #4a4a4a 100%); }
.awards::before { content: ""; position: absolute; top: 0; left: -4px; width: 1313px; height: 900px; background: linear-gradient(135deg, #7b7b7b 0%, #363636 100%); clip-path: polygon(0 0, 100% 0, 79% 100%, 0 100%); }
.awards .in { position: relative; z-index: 2; }
.awards__h { padding: 120px 0 40px; font-size: 56px; color: #fff; text-align: center; }
.awards__grid { display: flex; gap: 40px; }
.awards__a { flex: 2; display: flex; gap: 40px; }
.awards__b, .awards__c { display: flex; flex-direction: column; justify-content: space-between; gap: 20px; }
.awards__b { flex: 1; }
.awards__c { flex: 2; }
.tile { background: #fff; border-radius: 20px; display: flex; flex-direction: column; justify-content: space-between; }
.awards__a .tile { flex: 1; min-width: 0; }
.tile__img { display: block; padding: 20px 20px 0; overflow: hidden; border-radius: 20px 20px 0 0; }
.tile__img img { width: 100%; object-fit: contain; transition: transform .3s; }
.tile--tall .tile__img img { height: 440px; object-position: bottom center; }
.tile--sm .tile__img img { height: 160px; }
.tile--wide .tile__img img { height: 320px; }
.tile__img:hover img { transform: scale(1.1); }
.tile__label { display: block; background: var(--y); color: #000; font-size: 24px; text-align: center; padding: 20px; border-radius: 0 0 20px 20px; transition: background .3s; }
.tile__label:hover { background: #fff; }

.why-badge-wrap { position: relative; z-index: 4; margin: -100px 0; pointer-events: none; }
.why-badge { pointer-events: auto; display: inline-block; min-width: 35%; padding: 20px 13vw 20px 5vw; background: #252525; border-radius: 5px 0 0 5px; clip-path: polygon(0 0, 100% 0, calc(100% - 57.5px) 100%, 0 100%); }
.why-badge__h { font: normal 500 56px/1 var(--ff-d); font-size-adjust: cap-height .7; text-transform: uppercase; color: #fff; }
.why-badge__sub { font: 500 19.2px/1 var(--ff-t); color: #fff; margin: 0; }
.why { position: relative; isolation: isolate; background-color: #696969; background-position: center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; }
.why::before { content: ""; position: absolute; inset: 0; z-index: -1; background: rgba(105,105,105,.86); }
.why__row { display: flex; gap: 20px; }
.why__list { width: 60%; margin-top: 140px; padding: 0 80px 40px 0; }
.why__list ul { list-style: none; display: flex; flex-direction: column; gap: 40px; }
.why__item { display: flex; align-items: flex-start; gap: 25px; color: #fff; }
.why__item:first-child { align-items: center; }
.why__ico { flex: 0 0 69px; width: 69px; height: 69px; }
.why__item h3 { font: 700 20.8px/1.2 var(--ff-t); margin: 8px 0 4px; }
.why__item p { margin: 0; }
.why__note { font: 500 12.8px/1 var(--ff-t); color: #fff; padding: 30px 0 0 94px; margin: 0; }
.why__photo { width: 40%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; }
.why__img { width: auto; max-width: 100%; max-height: 806px; margin-top: -20%; object-fit: contain; object-position: bottom center; }

.stats-blog { position: relative; padding: var(--p7) 0 calc(var(--cw) * .21); background: linear-gradient(136deg, #363636 0%, #7b7b7b 100%); }
.stats { display: flex; gap: 40px; margin: 68px 0 70px; }
.stat { flex: 1; display: flex; flex-direction: column; justify-content: space-between; background: #fff; border-radius: 16px; padding: 0 20px 20px; text-align: center; }
.stat__ico { margin: -68px auto 20px; }
.stat__n { display: block; font: 600 69px/1 var(--ff-ui); color: #000; }
.stat__l { display: block; font: 700 20.8px/1.2 var(--ff-t); color: #000; }
.post { display: flex; }
.post__img { flex: 0 0 50%; }
.post__img img { width: 100%; height: 514px; object-fit: cover; border-radius: 16px 0 0 26px; }
.post__body { flex: 0 0 50%; min-width: 0; background: #fff; border-radius: 0 16px 16px 0; overflow: hidden; padding: 30px 40px 0 0; display: flex; flex-direction: column; justify-content: center; gap: 20px; }
.post__body > *:not(.post__foot) { margin-left: 20px; }
.post__kicker { font: 400 16px/1 var(--ff-t); color: #000; }
.post__h { font-size: 35.2px; text-transform: none; color: #000; }
.post__h a:hover { color: var(--y-dark); }
.post__meta { display: flex; align-items: center; gap: 16px; list-style: none; font: 400 16px/24px var(--ff-ui); }
.post__meta li { text-decoration: underline; }
.post__meta li + li::before { content: ""; display: inline-block; width: 7px; height: 2px; background: #000; margin-right: 16px; vertical-align: middle; }
.post__ex { font: 400 17.6px/26.4px var(--ff-ui); margin: 0; }
.post__foot { display: flex; justify-content: space-between; align-items: flex-end; margin-top: auto; }
.post__more { flex: 0 0 55%; }
.share { flex: 0 0 45%; text-align: center; padding-bottom: 14px; }
.share p { font: 400 12.8px/1 var(--ff-t); color: #898989; margin: 0 0 10px; }
.share ul { display: flex; justify-content: center; gap: 10px; list-style: none; }
.share a { display: grid; place-items: center; width: 50px; height: 50px; border-radius: 50%; background: #bababa; transition: background .3s; }
.share a:hover { background: var(--y); }
.share .ico { width: 24px; height: 24px; fill: #fff; }

.cta { position: relative; background: #a57e08; }
.cta__in { display: flex; flex-direction: column; align-items: center; justify-content: space-between; }
.cta__text { display: flex; flex-direction: column; align-items: center; gap: 30px; padding: 80px 0; text-align: center; }
.cta__h { font-size: 64px; color: #fff; }
.cta__lead { font: 400 20.8px/1.6 var(--ff-t); color: #000; }
.cta__lead a:hover { color: #fff; }
.cta__btn { position: relative; z-index: 5; margin-bottom: -30px; }

.cta--products .cta__in, .cta--cat .cta__in { justify-content: center; }

.ftr { background: #181818; padding: calc(var(--cw) * .05) 0; color: #fff; }
.ftr__in { display: flex; gap: 20px; }
.ftr__l { width: 40%; display: flex; flex-direction: column; align-items: flex-start; gap: 20px; }
.ftr__r { width: 60%; display: flex; flex-direction: column; justify-content: center; gap: 20px; text-align: right; }
.ftr__logo__svg { width: 281px; height: 92px; }
.ftr__addr { font: 400 16px/24px var(--ff-t); }
.ftr__addr p:last-child { margin: 0; }
.ftr__contacts { display: flex; flex-wrap: wrap; gap: 4px 16px; list-style: none; }
.ftr__contacts a { display: inline-flex; align-items: center; gap: 6px; font: 400 16px/24px var(--ff-ui); }
.ftr__contacts .ico { width: 14px; height: 14px; fill: var(--y-dark); }
.ftr__contacts a:hover, .ftr__nav a:hover { color: var(--y); }
.ftr__social { display: flex; gap: 15px; list-style: none; padding-top: 10px; }
.ftr__social a { display: block; transition: opacity .3s; }
.ftr__social a:hover { opacity: .9; }
.ftr__social .ico { width: 35px; height: 35px; fill: var(--y-dark); }
.ftr__nav { display: flex; flex-wrap: wrap; justify-content: flex-end; list-style: none; }
.ftr__nav a { display: block; padding: 13px 20px; font: 400 16px/20px var(--ff-t); color: #fff; transition: color .3s; }
.ftr__copy { font: 400 16px/24px var(--ff-t); color: #b0b0b0; margin: 0; }
.ftr__copy a { text-decoration: underline; }
.ftr__legal { font: 400 12.8px/19.2px var(--ff-t); color: #b0b0b0; }
.ftr__legal p { margin: 0; }
.tg-float { position: fixed; right: 20px; bottom: 20px; z-index: 90; display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; background: var(--y); box-shadow: 0 6px 18px rgba(0,0,0,.35); transition: transform .2s, right .5s ease, bottom .5s ease; }
.tg-float:hover { transform: scale(1.06); }
.tg-float .ico { width: 26px; height: 26px; fill: #000; margin-left: -2px; }

#backToTop { position: fixed; bottom: -20px; right: 30px; z-index: 1000; width: 123px; height: 147px; padding: 0; border: 0; cursor: pointer; background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 123 147'%3E%3Cpolygon points='61.5,0 123,62 84,62 84,147 39,147 39,62 0,62' fill='%23fec20d'/%3E%3C/svg%3E") 0 0 / contain no-repeat; opacity: 0; visibility: hidden; transform: translateY(20px); transition: opacity .5s ease, transform .5s ease, visibility .5s; }
#backToTop.show { opacity: 1; visibility: visible; transform: translateY(0); }
#backToTop:hover { opacity: .8; }

#backToTop.show ~ .tg-float { right: 63.5px; bottom: 147px; }

.form__status { margin: 16px 0 0; font: 500 16px/1.5 var(--ff-ui); }
.form__status:empty { display: none; }
.form__status.is-ok { color: #1b7f3b; }
.form__status.is-err { color: #c62828; }
.form__status a { text-decoration: underline; }
.hp { position: absolute !important; left: 0; top: 0; width: 1px; height: 1px; opacity: 0; pointer-events: none; }

a.frow__img:hover img { transform: scale(1.04); }
.sec-h { margin: 90px 0 40px; font-size: 35.2px; color: #fff; text-align: center; }

.sheet { padding: 60px; background: #fff; border-radius: 20px; }
.prose { font: 400 17px/1.7 var(--ff-ui); color: #222; }
.prose h2 { margin: 36px 0 16px; font: italic 500 32px/1.1 var(--ff-d); font-size-adjust: cap-height .7; text-transform: uppercase; color: #000; }
.prose h3 { margin: 28px 0 12px; font: 700 20.8px/1.3 var(--ff-t); }
.prose ul, .prose ol { padding-left: 24px; margin: 0 0 1rem; }
.prose li { margin-bottom: 6px; }
.prose a { text-decoration: underline; }
.prose .btn-y { text-decoration: none; }
.prose__img { width: 100%; max-height: 520px; object-fit: cover; border-radius: 16px; margin-bottom: 30px; }
.faq { border-bottom: 1px solid #e5e5e5; }
.faq summary { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 22px 0; list-style: none; cursor: pointer; font: 700 19.2px/1.35 var(--ff-t); }
.faq summary .ico { width: 14px; height: 14px; fill: var(--y-dark); }
.faq summary .ico--minus, .faq[open] summary .ico--plus { display: none; }
.faq[open] summary .ico--minus { display: block; }
.faq p { margin: 0 0 22px; font: 400 17px/1.7 var(--ff-ui); color: #333; }
.posts { display: flex; flex-direction: column; gap: 60px; }
.post--list .post__img img { height: 420px; }
.results { list-style: none; margin-top: 30px; }
.results li { border-bottom: 1px solid #eee; }
.results a { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 16px; padding: 16px 4px; font: 500 18px/1.4 var(--ff-ui); }
.results a:hover .rn { color: var(--y-dark); }
.results .rn { flex: 1 1 260px; }
.results .model { color: #777; font-size: 14px; white-space: nowrap; }

html.js .rv { opacity: 0; transition: opacity 1.25s ease, transform 1.25s ease; transition-delay: var(--d, 0ms); }
html.js .rv[data-a="fadeInLeft"] { transform: translateX(-60px); }
html.js .rv[data-a="fadeInRight"] { transform: translateX(60px); }
html.js .rv[data-a="fadeInUp"] { transform: translateY(60px); }
html.js .rv.is-in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  html.js .rv { opacity: 1; transform: none; transition: none; }
}

@media (max-width: 1024px) {
  :root { --hdr-h: 86px; }

  .topbar__list { flex-wrap: wrap; gap: 0 4px; }
  .topbar__list a { padding: 13px 7px; }
  .topbar__langs a { padding: 13px 5px; }
  .nav, .hdr__cta, .hdr__search { display: none; }
  .hdr__in { justify-content: space-between; }
  .burger { display: block; }
  .logo__svg { width: 200px; height: 66px; }
  .hero { min-height: 560px; }
  .hero__h--home { font-size: 81px; line-height: 77px; padding: 37px 0 45px; }
  .intro { margin-top: -55px; padding: 0; }
  .intro::before { clip-path: polygon(0 55px, 100% 0, 100% 100%, 0 100%); }
  .intro__row { width: 86%; max-width: none; padding-top: 40px; }
  .intro__text { padding-bottom: 20px; }
  .awards::before { display: none; }
  .awards__h { padding-top: 60px; }
  .awards__grid { flex-direction: column; }
  .awards__b { flex-direction: row; gap: 40px; }
  .awards__b .tile { flex: 1; }
  .awards__c { gap: 40px; }

  .why-badge-wrap { margin: -80px 0 0; }
  .why-badge { min-width: 0; width: 100%; clip-path: none; }
  .why { margin-top: -65px; background-attachment: scroll; padding-bottom: 140px; }
  .why__row { flex-direction: column; }
  .why__list { width: 100%; margin-top: 140px; padding: 0; }
  .why__note { padding: 30px 0 0; }
  .why__photo { width: 100%; }
  .why__img { margin-top: 30px; max-height: 600px; }
  .stats-blog { padding: var(--p7) 0 calc(var(--cw) * .35); }
  .stats { flex-direction: column; gap: 120px; margin-top: 100px; }
  .post { flex-direction: column; }
  .post__img img { height: 400px; border-radius: 16px 16px 0 0; }
  .post__body { border-radius: 0 0 16px 16px; padding: 40px 40px 0 0; }
  .post__body > *:not(.post__foot) { margin-left: 40px; }
  .cta__text { padding: 60px 0 40px; }
  .cta--products .cta__text, .cta--cat .cta__text { padding: 80px 0; }
  .ftr { padding: 8% 0; }
  .ftr .in { width: 80%; }
  .ftr__in { flex-direction: column; gap: 50px; }
  .ftr__l, .ftr__r { width: 100%; }
}

@media (max-width: 767px) {
  :root { --hdr-h: 80px; }
  .topbar { display: none; }
  .logo__svg { width: 120px; height: 39px; }
  .burger { margin-bottom: -5px; }
  .bar { font-size: 24px; gap: 14px; }
  .hero { min-height: 325px; gap: 0; }
  .hero__in { width: auto; margin: 0; padding: 0 20px; }
  .hero__h--home { font-size: 49px; line-height: 46px; padding: 22px 0 28px; }
  .hero__cta .bar { max-width: 350px; }
  .hero--sub { min-height: 420px; padding: 60px 0; }
  .hero--sub .hero__in { width: 86%; margin: 0 auto; padding: 0; }
  .hero__h--sub { max-width: 320px; font-size: 40px; }
  .hero__p { font-size: 17px; }
  .intro { margin-top: 0; padding: var(--p7) 7%; }
  .intro::before { clip-path: none; }
  .intro__row { width: 100%; padding-top: 0; }
  .intro__arrows { display: none; }
  .intro__text { font-size: 17.6px; line-height: 28.16px; padding-bottom: 0; }
  .awards { padding-bottom: 120px; }
  .awards__h { font-size: 40px; padding: 60px 0 40px; }
  .awards__a, .awards__b { flex-direction: column; }
  .tile--tall .tile__img img, .tile--sm .tile__img img, .tile--wide .tile__img img { height: 180px; object-position: center; }
  .why-badge { width: 90%; clip-path: polygon(0 0, 100% 0, calc(100% - 56px) 100%, 0 100%); }
  .why-badge__sub { font-size: 16px; }
  .why__list { margin-top: 100px; }
  .why__item { flex-direction: column; gap: 14px; }
  .why__item:first-child { align-items: flex-start; }
  .why__ico { width: 80px; height: 80px; flex-basis: 80px; }
  .why__img { max-height: 555px; }
  .stats-blog { padding: 40px 0 240px; }
  .stats-blog .in { width: auto; margin: 0 40px; }
  .stats { gap: 120px; margin-top: 100px; }
  .stat__n { font-size: 60px; }
  .post__img img { height: 225px; }
  .post__body { padding: 20px 20px 20px 0; gap: 10px; }
  .post__body > *:not(.post__foot) { margin-left: 20px; }
  .post__h { font-size: 24px; line-height: 1.2; }
  .post__ex { font-size: 16px; line-height: 1.5; }
  .post__foot { flex-direction: column; align-items: stretch; gap: 20px; }
  .cta__text { padding: 40px 0 20px; }
  .cta__h { font-size: 40px; }
  .cta__lead { font-size: 19.2px; }
  .cta--cat .cta__text { padding: 40px 0 20px; }
  .cta--cat .cta__h { font-size: 48px; }
  .cta--products .cta__lead { font-size: 20.8px; }
  .ftr { padding: 20px 0; }
  .ftr .in { width: auto; margin: 0 20px; }
  .ftr__l { align-items: center; padding-top: 60px; text-align: center; }
  .ftr__r { text-align: center; }
  .ftr__contacts { flex-direction: column; align-items: center; }
  .ftr__nav { justify-content: center; }
  .ftr__nav a { font-family: var(--ff-ui); }
  .tg-float { width: 50px; height: 50px; right: 14px; bottom: 14px; }
  #backToTop.show ~ .tg-float { right: 66.5px; bottom: 147px; }
  .sec-h { font-size: 28px; margin: 60px 0 30px; }
  .sheet { padding: 36px 20px; }
  .prose h2 { font-size: 26px; }
}

:root { --cw: 86vw; --p7: calc(var(--cw) * .07); --y-card: #fec12e; }

.phero { position: relative; isolation: isolate; display: flex; flex-direction: column; justify-content: flex-end; min-height: 465px; background-color: #696969; background-position: top center; background-size: cover; background-repeat: no-repeat; }
.phero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: #000; opacity: .2; }
.phero__in { padding-bottom: var(--p7); text-align: center; }
.phero__h { font-size: 64px; color: #fff; }
.phero__sub { margin: 20px auto 0; max-width: 760px; font: 400 20.8px/1.6 var(--ff-t); color: #fff; }
.phero--products { justify-content: center; }
.phero--products .phero__in { display: flex; flex-direction: column; gap: 20px; padding: 0; text-align: left; }

.phero--products .phero__in > * { max-width: 60%; }
.phero__kicker { font: 400 24px/26px var(--ff-ui); color: #fff; }
.phero--contact { justify-content: flex-start; min-height: 464px; background-position: bottom center; }
.phero--contact .phero__in { padding: 70px 0 0; }

.tools { margin-top: 60px; }

.tools__in { display: grid; grid-template-columns: 1fr 1fr auto; gap: 20px; }
.tools__in > * { min-width: 0; }
.tools__stock { display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: 64.6px; padding: 0 28px; border-radius: 16px; background: #15803d; color: #fff; font: 700 17.6px/1 var(--ff-t); white-space: nowrap; transition: background .3s; }
.tools__stock:hover { background: #116932; }
.tools__stock .ico { width: 18px; height: 18px; }
.tools__select select { display: block; width: 100%; -webkit-appearance: none; appearance: none; padding: 18px 60px 18px 30px; border: 1px solid #ccc; border-radius: 16px; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 7l6 6 6-6' fill='none' stroke='%23606060' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 30px center / 20px 20px; font: 400 17.6px/1.5 var(--ff-t); color: #606060; cursor: pointer; }
.tools__search { display: flex; align-items: center; gap: 2px; height: 64.6px; padding: 12px 30px; background: #fff; border: 1px solid #ccc; border-radius: 16px; }
.tools__search .ico { width: 20.7px; height: 20.7px; padding: 3.5px; box-sizing: content-box; fill: #bbb; }
.tools__search input { flex: 1; min-width: 0; height: 100%; border: 0; background: none; font: 400 17.6px/26px var(--ff-t); color: #3c434a; outline: 0; }
.tools__search input::placeholder { color: rgba(60,67,74,.67); }
.tools__search:focus-within { outline: 3px solid var(--y); outline-offset: 2px; }

.pcat { position: relative; padding: var(--p7) 0; }
.tools + .pcat { margin-top: 70px; padding-top: 0; }
.pcat::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .5; background: linear-gradient(180deg, rgba(255,255,255,0) 60%, rgba(0,0,0,.62) 100%); }
.pcat__in { position: relative; display: flex; flex-direction: column; gap: 100px; }
.pcat__card { display: flex; }
.pcat__img { position: relative; display: block; width: 33%; padding: 0 10px; background: #fff; border-radius: 16px 0 0 16px; }
.pcat__img::before, .promo__img::before, .fam__img::before { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; border-radius: inherit; background: linear-gradient(270deg, rgba(0,0,0,.1), rgba(0,0,0,0)); }
.pcat__img img { width: 100%; height: 514px; object-fit: contain; }
.pcat__body { width: 67%; min-width: 0; display: flex; flex-direction: column; justify-content: center; gap: 20px; padding: 0 80px 0 0; background: #fff; border-radius: 0 16px 16px 0; overflow: hidden; }
.pcat__h { padding-left: 40px; font-size: 40px; color: #000; }
.pcat__desc { padding-left: 40px; font: 400 16px/24px var(--ff-ui); color: #000; }
.pcat__desc p { margin: 0 0 14.4px; }
.pcat__links { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 20px; list-style: none; padding: 0 0 20px 40px; }
.pcat__links a { display: block; padding: 8px 0; font: 700 16px/19.2px var(--ff-t); color: #000; text-decoration: underline; }
.pcat__links a:hover { opacity: .75; }
.pcat__btn, .promo__btn, .fam__btn, .reco__btn { align-self: flex-start; }
.pcat__btn .btn-y, .promo__btn .btn-y, .reco__btn .btn-y { padding: 10px 5px 10px 40px; }
.pcat__group { display: flex; flex-direction: column; gap: 35px; }
.pcat__fam { font-size: 35.2px; color: #fff; text-align: center; }

.car--big .car__track { gap: 25px; padding-bottom: 0; }
.car--big .car__track > * { flex-basis: calc((100% - 50px) / 3); }
.car--big .car__arrow { top: calc(50% - 15px); width: 80px; height: 80px; color: var(--y-card); }
.car--big .car__arrow--prev { left: -100px; }
.car--big .car__arrow--next { right: -100px; }

.fcard { display: flex; flex-direction: column; justify-content: space-between; gap: 20px; background: #fff; border-radius: 20px; overflow: hidden; }
.fcard__top { display: flex; flex-direction: column; gap: 20px; }
.fcard__img { position: relative; display: block; padding: 20px; }
.fcard__img::before, .pc__img::before { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; background: linear-gradient(0deg, rgba(0,0,0,.1), rgba(0,0,0,0)); }
.fcard__img img { width: 100%; height: 240px; object-fit: contain; }
.fcard__body { display: flex; flex-direction: column; gap: 20px; min-height: 200px; padding: 0 20px; }
.fcard__t { font-size: 28px; color: #000; text-align: center; }
.fcard__stock, .pc__stock { margin: 0; text-align: center; }
.fcard__feat { padding: 0 20px 0 40px; list-style: disc; font: 700 16px/24px var(--ff-t); color: #000; }
.fcard__btn { display: block; padding: 15px 20px; background: var(--y-card); color: #000; font-size: 24px; text-align: center; border-radius: 0 0 20px 20px; transition: background .3s; }
.fcard__btn:hover, .fcard__btn:focus-visible { background: #fff; }
.fcard__feat li::marker, .promo__feat li::marker, .pdp__feat li::marker { color: var(--y-logo); }

.caps { display: grid; grid-template-columns: repeat(5, 100px); gap: 20px; list-style: none; }

@media (max-width: 1200px) { .caps { grid-template-columns: repeat(4, 100px); } }
@media (max-width: 1024px) { .caps { grid-template-columns: repeat(3, 100px); } }
.caps li { width: 100px; height: 100px; padding-top: 24px; background: #000; border: 3px solid var(--y-logo); border-radius: 50%; text-align: center; font: 700 20px/20px Arial, Helvetica, sans-serif; color: #fff; text-transform: lowercase; }
.caps a { color: #fff; }
.caps span { display: block; font-size: 14px; color: var(--y-logo); text-transform: uppercase; }
.caps--sm { grid-template-columns: repeat(4, 70px); gap: 15px; align-self: center; }
.caps--sm li { width: 70px; height: 70px; padding-top: 18px; font: 700 12px/1.2 Arial, Helvetica, sans-serif; }
.caps--sm span { font-size: 9px; }

.caps span.caps__h { text-transform: none; }
.caps--sm span.caps__h { font-size: 11px; }

.cpromo { position: relative; margin-top: 70px; }
.cpromo::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .5; background: linear-gradient(180deg, rgba(255,255,255,0) 60%, rgba(0,0,0,.62) 100%); }
.cpromo > .in { position: relative; padding-bottom: var(--p7); }
.promo { display: flex; }
.promo__img { position: relative; display: block; width: 40%; padding: 100px; background: #fff; border-radius: 16px 0 0 16px; }
.promo__img img { width: 100%; height: 400px; object-fit: contain; }
.promo__body { width: 60%; min-width: 0; display: flex; flex-direction: column; justify-content: center; gap: 20px; padding: 0 80px 0 0; background: #fff; border-radius: 0 16px 16px 0; overflow: hidden; }
.promo__h { padding-left: 40px; font-size: 40px; color: #000; }
.promo__text { padding-left: 40px; font: 400 16px/24px var(--ff-ui); color: #000; }
.promo__text p { margin: 0 0 14.4px; }
.promo__feat { margin: 0 0 14.4px; padding-left: 20px; list-style: disc; font: 700 16px/32px var(--ff-t); color: #252525; }
.promo__btn .btn-y { font-size: 32px; }
.cfam { position: relative; background: #444; }
.cfam::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .45; background: linear-gradient(180deg, rgba(255,255,255,0) 60%, #000 100%); }
.flist { position: relative; display: grid; grid-template-columns: 1fr; row-gap: 80px; padding: var(--p7) 0; }

@media (min-width: 601px) { .flist { grid-template-columns: minmax(0, 1fr); } }
.fam { display: flex; word-break: break-word; }
.fam__img { position: relative; display: block; width: 40%; padding: 60px; background: #fff; border-radius: 16px 0 0 16px; }
.fam__img img { width: 100%; height: 500px; object-fit: contain; }
.fam--cover .fam__img { padding: 0; }
.fam--cover .fam__img img { height: 620px; object-fit: cover; border-radius: 16px 0 0 16px; }

.fam__body { width: 60%; min-width: 0; display: flex; flex-direction: column; justify-content: center; gap: 20px; padding: 40px 80px 40px 0; background: #fff; border-radius: 0 16px 16px 0; overflow: hidden; }

.fam__badge { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; padding: 0 20px 20px 40px; }
.badge { width: 40%; height: auto; aspect-ratio: 706 / 144; }
.fam__badge .badge, .fam__badge .sb { margin-bottom: 7px; }
.fam__t { padding-left: 40px; font-size: 40px; color: #000; }
.fam__desc { align-self: flex-start; max-height: 144px; overflow: hidden; padding: 0 20px 20px 40px; font: 400 16px/24px var(--ff-ui); color: #000; }
.fam__desc .clamp { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; line-clamp: 6; overflow: hidden; max-height: 9em; }
.fam__caps { align-self: flex-start; padding: 0 20px 20px 40px; }
.fam__btn .btn-y { font-size: 28.8px; padding: 10px 10px 10px 40px; }

.pdp { background: #fff; }
.pdp__in { display: flex; gap: 30px; }
.pdp__l, .pdp__r { flex: 0 0 calc((100% - 30px) / 2); min-width: 0; }
.pdp__l { display: flex; flex-direction: column; gap: 30px; padding-bottom: 60px; }
.pdp__r { display: flex; flex-direction: column; padding: 20px 0 40px; }
.pdp__gal { position: relative; padding-top: 20px; border: solid #d3d3d3; border-width: 0 1px 1px; }
.pdp__main { width: 100%; height: auto; max-height: 600px; margin-bottom: 32px; object-fit: contain; }
.pdp__zoom { position: absolute; top: 16px; right: 16px; z-index: 3; width: 36px; height: 36px; border-radius: 50%; background: #fff; }
.pdp__zoom::before { content: ""; position: absolute; left: 9px; top: 9px; width: 10px; height: 10px; box-sizing: content-box; border: 2px solid #000; border-radius: 50%; }
.pdp__zoom::after { content: ""; position: absolute; left: 22px; top: 19px; width: 2px; height: 8px; background: #000; border-radius: 6px; transform: rotate(-45deg); }
.dl { display: flex; flex-direction: column; gap: 20px; min-height: 250px; border: 1px solid #efefef; }
.dl__head { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; padding-right: 20px; background: #f7f7f7; }
.dl__title { padding: 10px; text-align: center; font: 400 17.6px/1 var(--ff-t); color: #000; }
.dl__all { display: flex; justify-content: flex-end; white-space: nowrap; }
.dl__all a { display: inline-block; background: #f5f5f5; border-radius: 5px; font: 700 14.4px/21.6px var(--ff-t); color: #000; text-align: center; }
.dl__all a::after { content: ""; display: block; width: 100%; height: 1px; margin: 1px auto 0; background: #d4a126; }
.dl__tabs { display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; margin-bottom: -10px; }
.dl__tabs button { padding: 0; background: none; border: 0; border-bottom: 1px solid transparent; cursor: pointer; font: 400 14.4px/21.6px var(--ff-t); color: #000; }
.dl__tabs button[aria-selected="true"], .dl__tabs button:hover { border-bottom-color: var(--y); }
.dl__panel { padding: 30px; }
.dl__links { display: flex; justify-content: center; gap: 60px; }
.dl__links a { display: block; text-align: center; font: 400 14.4px/21.6px var(--ff-t); color: #000; text-decoration: underline; }
.dl__ico { width: 50px; height: 50px; margin: 0 auto 10px; }
.pdp__badge { padding-bottom: 21px; }
.pdp__badge .badge { width: 200px; }
.pdp__badge:empty { display: none; }
.pdp__model { margin: 0; padding-bottom: 15px; font: 500 14.4px/1 var(--ff-t); color: #555; }
.pdp__cat { margin: 0; font-size: 48px; color: #000; }
.pdp__h { padding-bottom: 10px; font: 400 28.8px/1 var(--ff-t); color: #555; }
.pdp__std { margin-bottom: 14.4px; font: 400 16px/24px var(--ff-ui); color: #000; }
.pdp__desc { padding-top: 20px; }
.pdp__desc p { margin: 0 0 14.4px; font: 400 17.6px/26.4px var(--ff-t); color: #000; }
.pdp__feat { padding: 20px 0 0; list-style: disc inside; font: 700 16px/32px var(--ff-t); color: #252525; }
.buy { display: flex; flex-direction: column; gap: 16px; margin-top: 30px; padding-top: 24px; border-top: 1px solid #e5e5e5; }
.buy__price { margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; font: 400 17.6px/1.4 var(--ff-t); color: #555; }
.buy__price strong { font: 700 28.8px/1 var(--ff-t); color: #000; }
.pdp__stock { margin: 4px 0 18px; }
.promo__stock { margin: 0 0 14.4px; }
.buy__btns { display: flex; flex-wrap: wrap; gap: 10px; }
.btn-s--dark { background: #000; color: #fff; }
.btn-s--dark .ico { fill: var(--y); }

.reco { padding: 0 20px; }
.reco > .in { width: auto; padding: 50px 0; }
.reco__card { display: flex; }
.reco__img { flex: 0 0 50%; min-width: 0; }
.reco__img img { width: 100%; height: 514px; object-fit: cover; border-radius: 16px 0 0 26px; }
.reco__body { flex: 0 0 50%; min-width: 0; display: flex; flex-direction: column; justify-content: center; gap: 20px; padding: 0 80px 0 0; background: #fff; border-radius: 0 16px 16px 0; overflow: hidden; }
.reco__h { padding-left: 40px; font-size: 40px; color: #000; }
.reco__body p { margin: 0 0 14.4px; padding-left: 40px; font: 400 16px/24px var(--ff-ui); color: #000; }
.reco__btn .btn-y { font-size: 32px; }

.pbar { position: sticky; top: 0; z-index: 98; margin-bottom: 40px; background: #000; }

.pbar.is-stuck, html:not(.js) .pbar { z-index: 100; }
.pbar__in { display: flex; align-items: center; min-height: 110px; }
.pbar__l { width: 70%; min-width: 0; display: flex; flex-direction: column; justify-content: space-evenly; padding-top: 20px; }
.pbar__model { margin: 0; padding-bottom: 5px; font: 500 14.4px/1 var(--ff-t); color: #d2d2d2; }
.pbar__name { margin: 0; font: 500 19.2px/1 var(--ff-t); color: #fff; text-transform: uppercase; }
.pbar__nav { display: flex; align-items: center; gap: 30px; list-style: none; margin: 20px 0; overflow-x: auto; scrollbar-width: none; }
.pbar__nav::-webkit-scrollbar { display: none; }
.pbar__nav li { white-space: nowrap; }
.pbar__nav a { font: 400 14.4px/21.6px var(--ff-t); color: var(--y); transition: color .2s; }
.pbar__nav a:hover, .pbar__nav a.is-active { color: #fff; }

@media (min-width: 768px) { .pbar__nav { flex-wrap: wrap; row-gap: 4px; overflow: visible; } }
.pbar__r { width: 30%; display: flex; justify-content: flex-end; }

.psec { position: relative; display: flow-root; background: #444; }
.psec--e::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .5; background: linear-gradient(180deg, rgba(255,255,255,0) 70%, #000 100%); }
.psec > * { position: relative; }
.ptab { width: 30vw; min-height: 60px; display: flex; flex-direction: column; justify-content: center; padding-left: 7%; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 432 60' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 432,0 402,60 0,60' fill='%23fec20d'/%3E%3C/svg%3E") right center / 100% 100% no-repeat; scroll-margin-top: var(--pbar-h, 123px); }
.ptab h2 { padding-right: 60px; text-align: right; font: 500 24px/1 var(--ff-t); color: #000; }
.ptab--first { margin-top: 65px; }
.psec--e .ptab--first { margin-top: 60px; }
.ptab--z { z-index: 1; }
.ptab--pull { margin-top: -30px; }
.ptab--specs { margin-top: 40px; }
.pvideos { padding: 65px 0; }
.pvideos__in { display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px; }
.pvideo { position: relative; display: block; aspect-ratio: 16 / 9; border-radius: 18px; overflow: hidden; background: #000 center / cover no-repeat; }
.pvideo__play { position: absolute; left: 50%; top: 50%; width: 100px; height: 70px; margin: -35px 0 0 -50px; border-radius: 18px; background: rgba(0,0,0,.65); transition: background .2s; }
.pvideo:hover .pvideo__play { background: #000; }
.pvideo__play::after { content: ""; position: absolute; left: 40px; top: 20px; border-left: 25px solid #fff; border-top: 15px solid transparent; border-bottom: 15px solid transparent; }
.pphotos, .paddons, .pcomps, .pspecs { margin-top: -30px; }
.pphotos { padding: 95px 0 65px; }
.paddons { padding: 95px 0; background: #585858; }
.pcomps { padding: 95px 0 85px; background: #3f3f3f; }
.car--photos .car__track { gap: 20px; padding-bottom: 0; }
.car--photos .car__track > * { flex-basis: calc((100% - 60px) / 4); }
.car--photos img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; }
.car--photos .car__arrow { top: 50%; width: 24px; height: 24px; color: var(--y-logo); }
.car--photos .car__arrow--prev { left: -35px; }
.car--photos .car__arrow--next { right: -35px; }
.car--pc .car__track { gap: 40px; padding-bottom: 0; }
.car--pc.car--4 .car__track > * { flex-basis: calc((100% - 120px) / 4); }
.car--pc.car--3 .car__track > * { flex-basis: calc((100% - 80px) / 3); }
.car--pc .car__arrow { top: calc(50% - 15px); width: 25px; height: 25px; color: var(--y); }
.car--pc .car__arrow--prev { left: -45px; }
.car--pc .car__arrow--next { right: -45px; }
.pdraw { padding: 65px 0; }
.pdraw__img { width: 100%; height: auto; }
.pspecs { padding: 95px 0 20px; }
.pdisc { padding: 40px 0 65px; }
.pdisc__box { display: flex; flex-direction: column; gap: 20px; padding: 5%; background: #fff; }
.pdisc__box p { margin: 0 0 14.4px; text-align: center; font: 400 16px/24px var(--ff-t); color: #000; }

.pc { min-height: 200px; display: flex; flex-direction: column; justify-content: space-between; background: #000; border-radius: 20px; overflow: hidden; }
.pc__img { position: relative; display: block; padding: 10px 10px 0; background: #fff; border-radius: 20px 20px 0 0; }
.pc__img img { width: 100%; height: 140px; object-fit: contain; }
.pc__body { display: flex; flex-direction: column; gap: 10px; padding: 20px 40px; }
.pc__sku { margin: 0; padding-bottom: 10px; text-align: center; font: italic 500 14.4px/1 var(--ff-t); color: #dfdfdf; }
.pc__t { text-align: center; font-size: 20.8px; line-height: 1.2; text-transform: none; color: #fff; }
.pc__t a:hover { color: var(--y); }
.pc__btn { display: block; padding: 15px 20px; border-radius: 0 0 20px 20px; background: var(--y); color: #000; font-size: 24px; text-align: center; transition: background .3s; }
.pc__btn:hover, .pc__btn:focus-visible { background: #fff; }
.agrid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; }
.pc .sb:not(.sb--ok) { background: #2e2e2e; color: #c4c4c4; }

.sgroup + .sgroup { margin-top: 70px; }
.sgroup__h { margin-bottom: 30px; font-size: 35.2px; color: #fff; }
.sgroup__h a:hover { color: var(--y); }

.tbl { margin: 0 0 40px; overflow-x: auto; }
.spec { width: 100%; table-layout: fixed; border-collapse: collapse; border: 1px solid #333; font: 400 14.4px/1.5 var(--ff-t); color: #000; }
.spec td { padding: 15px; vertical-align: top; text-align: center; border: 1px solid rgba(128,128,128,.502); }
.spec td:first-child { width: 30%; text-align: left; font-weight: 900; }
.spec tr:nth-child(odd) td { background: #fff; }
.spec tr:nth-child(even) td { background: #f7f7f7; }
.spec tr:first-child td { background: #f4b300; color: #fff; font-weight: 700; font-size: 17.28px; line-height: 25.92px; border-width: 0; }
.spec a { text-decoration: underline; }

.gs { background: linear-gradient(180deg, #444 95%, #2c2c2c 100%); }
.gs__in { padding-bottom: calc(var(--cw) * .14); }

.gs__card { position: relative; display: flex; flex-direction: column; gap: 40px; margin-top: -260px; padding: 60px; background: #fff; border-radius: 16px; transition: box-shadow .3s; scroll-margin-top: var(--hdr-h); }
.gs__card:hover { box-shadow: 0 4px 24px -6px rgba(0,0,0,.74); }
.gs__intro { margin: 0; font: 400 19.2px/38.4px var(--ff-t); color: #000; }
.gs__phones { margin: 0; font: 400 24px/48px var(--ff-t); color: #000; }
.gs__res { font: 400 19.2px/1.5 var(--ff-t); color: #000; }
.gs__res p { margin: 0 0 14.4px; }
.gs__res a { text-decoration: underline; }
.gs__fields { display: flex; flex-wrap: wrap; margin: 0 -10px -40px; }
.gs__field { width: 100%; padding: 0 10px; margin-bottom: 40px; }
.gs__field--half { width: 50%; }
.gs__field label { display: block; padding-bottom: 10px; font: 400 17.6px/1 var(--ff-t); color: #606060; cursor: pointer; }
.gs__field--req label::after { content: "*"; padding-left: .2em; color: #525252; }
.gs__field input, .gs__field textarea { display: block; width: 100%; min-height: 59px; padding: 7px 20px; border: 0; border-radius: 17px; background: #e9e9e9; color: #1f2124; font: 400 18px/1.4 var(--ff-ui); outline: 0; -webkit-appearance: none; appearance: none; transition: all .3s; }
.gs__field textarea { height: 215.6px; resize: vertical; }
.gs__field input:focus, .gs__field textarea:focus { box-shadow: inset 0 0 0 1px rgba(0,0,0,.1); }
.gs__field [aria-invalid="true"] { box-shadow: inset 0 0 0 1px #d9534f; }
.gs__field--submit { display: flex; flex-direction: column; align-items: center; padding-top: 9px; margin-bottom: 44px; }
.gs__addr { padding-top: 30px; border-top: 1px solid #e5e5e5; font: 400 16px/1.6 var(--ff-t); color: #000; }
.gs__addr p { margin: 0 0 6px; }
.submit { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-height: 59px; padding: 0 40px; border: 0; cursor: pointer; background: var(--y); font-size: 32px; clip-path: polygon(29.5px 0, 100% 0, calc(100% - 29.5px) 100%, 0 100%); transition: color .3s; }
.submit:hover, .submit:focus-visible { color: #fff; }
.submit[disabled] { opacity: .6; cursor: wait; }

.cat, .sheet-wrap { padding: 70px 0 100px; background: linear-gradient(180deg, #444 0%, #444 60%, #262626 100%); }
.banner { display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 40px 0 40px 40px; background: #fff; border-radius: 16px; overflow: hidden; }
.banner p { margin: 0; font-size: 32px; color: #000; }
.logos { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; list-style: none; }
.logos li { display: grid; place-items: center; height: 110px; background: #fff; border-radius: 16px; color: #888; font: 500 14px var(--ff-ui); }
.quote { margin: 60px auto 0; max-width: 900px; text-align: center; color: #fff; }
.quote p { font: italic 400 26px/1.5 var(--ff-t); }
.quote cite { font: 500 16px var(--ff-t); color: var(--y); font-style: normal; }

@media (max-width: 1024px) {
  .phero--contact { min-height: 360px; }
  .tools__in { grid-template-columns: 1fr 1fr; }
  .tools__stock { grid-column: 1 / -1; }
  .pcat__img img { height: 600px; }
  .pcat__body, .promo__body { padding-right: 20px; }
  .pcat__btn .btn-y, .promo__btn .btn-y { font-size: 24px; }
  .car--big .car__track > * { flex-basis: calc((100% - 25px) / 2); }
  .car--pc.car--4 .car__track > *, .car--pc.car--3 .car__track > * { flex-basis: calc((100% - 40px) / 2); }
  .car--photos .car__track > * { flex-basis: calc((100% - 20px) / 2); }
  .car--big .car__arrow { display: none; }
  .promo__img img { height: 600px; }
  .dl { display: none; }
  .agrid { grid-template-columns: repeat(2, 1fr); gap: 30px; }
  .logos { grid-template-columns: repeat(3, 1fr); }
  .gs__in { padding: var(--p7) 0; }
  .gs__card { padding: 40px; }
}

@media (max-width: 767px) {
  .phero { min-height: 200px; }
  .phero__h { font-size: 48px; }
  .phero--products { min-height: 300px; }
  .phero--products .phero__in > * { max-width: none; }
  .phero--products .phero__h { font-size: 40px; }
  .phero--contact { min-height: 400px; }
  .phero--contact .phero__in { padding: 60px 0 20px; }
  .phero__sub { font-size: 17px; }
  .tools__in { grid-template-columns: 1fr; }
  .tools__search { order: -1; }
  .tools__stock { order: -2; height: 52px; font-size: 16px; }
  .sgroup + .sgroup { margin-top: 50px; }
  .sgroup__h { font-size: 28px; margin-bottom: 24px; }
  .pcat__in { gap: 40px; }
  .pcat__card, .promo, .fam, .reco__card { flex-direction: column; }
  .pcat__img, .pcat__body, .promo__img, .promo__body, .fam__img, .fam__body { width: 100%; }
  .pcat__img, .promo__img { padding: 20px; border-radius: 16px 16px 0 0; }
  .pcat__img img, .promo__img img { height: 200px; }
  .pcat__body, .promo__body { padding: 0 0 20px; border-radius: 0 0 16px 16px; }
  .pcat__h, .promo__h { padding: 20px 0 0; text-align: center; }
  .pcat__desc, .promo__text { padding: 0 20px; }
  .pcat__links { grid-template-columns: 1fr; padding: 0 20px; }
  .pcat__btn, .promo__btn, .fam__btn { padding-right: 40px; }

  .pcat__btn .btn-y, .promo__btn .btn-y, .fam__btn .btn-y { margin-right: 0; }
  .pcat__group { padding-bottom: 40px; }
  .car--big .car__track > *, .car--pc.car--4 .car__track > *, .car--pc.car--3 .car__track > *, .car--photos .car__track > * { flex-basis: 100%; }
  .car--pc .car__arrow--prev { left: -24px; }
  .car--pc .car__arrow--next { right: -24px; }
  .car--photos .car__arrow--prev { left: -26px; }
  .car--photos .car__arrow--next { right: -26px; }
  .flist { row-gap: 40px; }
  .fam__img { padding: 20px; border-radius: 16px 16px 0 0; }
  .fam__img img { height: 150px; }
  .fam--cover .fam__img { padding: 0; }
  .fam--cover .fam__img img { height: 200px; border-radius: 16px 16px 0 0; }
  .fam__body { padding: 20px 0 0; border-radius: 0 0 16px 16px; }
  .fam__badge, .fam__desc, .fam__caps { padding: 0 0 0 20px; }
  .fam__badge .badge { width: 128px; }
  .fam__t { padding-left: 20px; font-size: 32px; }
  .fam__btn .btn-y { font-size: 24px; }
  .pdp__in { flex-direction: column; gap: 30px; }
  .pdp__l, .pdp__r { flex-basis: auto; width: 100%; }
  .pdp__l { padding-bottom: 0; }
  .buy__btns .btn-s { flex: 1 1 100%; }
  .reco > .in { padding: 50px 0; }
  .reco__img img { height: 200px; border-radius: 16px 16px 0 0; }
  .reco__body { padding: 0; border-radius: 0 0 16px 16px; }
  .reco__h { padding: 10px 0 0 20px; font-size: 32px; }
  .reco__body p { padding: 0 20px; }
  .reco__btn .btn-y { font-size: 28.8px; }
  .pbar__in { flex-wrap: wrap; width: auto; margin: 0; padding: 20px; }
  .pbar__l, .pbar__r { width: 100%; }
  .pbar__r { justify-content: flex-start; padding-top: 20px; }
  .ptab { width: 100%; scroll-margin-top: var(--pbar-h, 247px); }
  .pvideos__in { grid-template-columns: 1fr; }
  .pdisc__box { padding: 16.8px; }
  .agrid { grid-template-columns: 1fr; }
  .gs > .in { width: auto; margin: 0 20px; }
  .gs__in { padding: 60px 0; }
  .gs__card { margin-top: -300px; padding: 25px; gap: 20px; }
  .gs__intro, .gs__phones { font-size: 16px; line-height: 32px; }
  .gs__field--half { width: 100%; }
  .banner { flex-direction: column; align-items: flex-start; padding: 30px 0 30px 20px; }
  .banner p { font-size: 26px; padding-right: 20px; }
  .logos { grid-template-columns: repeat(2, 1fr); }
  .quote p { font-size: 20px; }
}
@media (max-width: 600px) {
  .tools__select select { padding: 8px 30px 8px 12px; }
  .caps { grid-template-columns: repeat(3, 100px); gap: 10px; }
  .caps--sm { grid-template-columns: repeat(3, 70px); gap: 15px; }
  .pdp__main { max-height: 240px; }
}

:root {
  --g-hdr: linear-gradient(90deg, rgba(0,0,0,.80) 25%, rgba(37,37,37,.80) 100%);
  --g-dark: rgba(8,8,8,.72);
  --g-mega: rgba(240,240,240,.74);
  --g-mega-panel: rgba(214,210,209,.42);
  --g-veil: rgba(0,0,0,.30);
  --g-oc: linear-gradient(180deg, rgba(0,0,0,.74) 0%, rgba(37,37,37,.74) 100%);
  --g-oc-cats: rgba(225,225,225,.84);
  --g-oc-panel: rgba(210,206,205,.55);
  --g-pbar: rgba(0,0,0,.74);
  --g-badge: rgba(37,37,37,.74);
  --g-tg: rgba(254,194,13,.80);
  --g-edge: inset 0 1px 0 rgba(255,255,255,.14), inset 0 0 0 1px rgba(255,255,255,.06);
  --g-edge-light: inset 0 1px 0 rgba(255,255,255,.75), inset 0 0 0 1px rgba(255,255,255,.35);
  --float: 0 10px 26px rgba(0,0,0,.24), 0 2px 6px rgba(0,0,0,.16);
  --float-up: 0 18px 38px rgba(0,0,0,.30), 0 4px 10px rgba(0,0,0,.18);
  --sheen: linear-gradient(180deg, rgba(255,255,255,.42) 0%, rgba(255,255,255,.08) 48%, rgba(255,255,255,0) 52%);
}

.hdr, .pbar { background: none; }
.hdr::before, .pbar::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; -webkit-backdrop-filter: blur(22px) saturate(180%); backdrop-filter: blur(22px) saturate(180%); }
.hdr::before { background: var(--g-hdr); box-shadow: 0 1px 0 rgba(255,255,255,.07), 0 10px 30px rgba(0,0,0,.18); }
.pbar::before { background: var(--g-pbar); box-shadow: 0 1px 0 rgba(255,255,255,.07), 0 10px 30px rgba(0,0,0,.22); }

html.pbar-covers .hdr { visibility: hidden; }
html:not(.pbar-covers) .pbar.is-stuck::before, html:not(.js) .pbar::before { background: #000; }

.dd { background: var(--g-dark); -webkit-backdrop-filter: blur(22px) saturate(180%); backdrop-filter: blur(22px) saturate(180%); border-radius: 14px; box-shadow: var(--g-edge), var(--float); }
.mega { background: var(--g-mega); -webkit-backdrop-filter: blur(26px) saturate(180%); backdrop-filter: blur(26px) saturate(180%); box-shadow: var(--g-edge-light), 0 24px 40px rgba(0,0,0,.28); }
.mega__tabs, .mega__tab { background: transparent; }
.mega__panel { background: var(--g-mega-panel); }

.oc { background: var(--g-veil); -webkit-backdrop-filter: blur(18px) saturate(160%); backdrop-filter: blur(18px) saturate(160%); }
.oc__inner { background: var(--g-oc); }
.oc__cats { background: var(--g-oc-cats); }
.oc__catpanel { background: var(--g-oc-panel); }

.why-badge { background: var(--g-badge); -webkit-backdrop-filter: blur(18px) saturate(160%); backdrop-filter: blur(18px) saturate(160%); }

.tg-float { background: var(--g-tg); -webkit-backdrop-filter: blur(14px) saturate(180%); backdrop-filter: blur(14px) saturate(180%); box-shadow: inset 0 1px 1px rgba(255,255,255,.65), inset 0 -3px 8px rgba(0,0,0,.10), 0 8px 22px rgba(0,0,0,.32); }

.btn-y, .bar--y, .pill, .btn-s, .hdr__cta, .oc__cta, .submit, .tile__label, .fcard__btn, .pc__btn { background-image: var(--sheen); }

.tile, .fcard, .pc, .mcard, .fcard-sm, .stat, .gs__card, .sheet, .banner, .pdisc__box { box-shadow: var(--g-edge-light), var(--float); }
.pcat__card, .promo, .fam, .reco__card, .post { border-radius: 16px; box-shadow: var(--float); }
.tile, .fcard, .pc, .mcard, .fcard-sm { transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s; }
.tile:hover, .fcard:hover, .pc:hover, .mcard:hover, .fcard-sm:hover { transform: translateY(-6px); box-shadow: var(--g-edge-light), var(--float-up); }

.car__track { padding: 14px 14px 28px; margin: -14px -14px -8px; scroll-padding-inline: 14px; --float: 0 6px 12px rgba(0,0,0,.20), 0 1px 3px rgba(0,0,0,.14); --float-up: 0 10px 16px rgba(0,0,0,.26), 0 2px 5px rgba(0,0,0,.16); }
.car--big .car__track, .car--photos .car__track, .car--pc .car__track { padding-bottom: 20px; margin-bottom: -20px; }
@media (prefers-reduced-motion: reduce) {
  .tile:hover, .fcard:hover, .pc:hover, .mcard:hover, .fcard-sm:hover { transform: none; }
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  :root { --g-hdr: linear-gradient(90deg, #000 25%, #252525 100%); --g-dark: #000; --g-mega: linear-gradient(90deg, #efefef 52%, #dcd8d7 55%); --g-mega-panel: #dcd8d7; --g-veil: rgba(0,0,0,.8); --g-oc: linear-gradient(180deg, #000 0%, #252525 100%); --g-oc-cats: #d5d5d5; --g-oc-panel: #dcd8d7; --g-pbar: #000; --g-badge: #252525; --g-tg: var(--y); }
  .mega__tabs, .mega__tab { background: #efefef; }
}
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  :root { --g-hdr: linear-gradient(90deg, #000 25%, #252525 100%); --g-dark: #000; --g-mega: linear-gradient(90deg, #efefef 52%, #dcd8d7 55%); --g-mega-panel: #dcd8d7; --g-veil: rgba(0,0,0,.8); --g-oc: linear-gradient(180deg, #000 0%, #252525 100%); --g-oc-cats: #d5d5d5; --g-oc-panel: #dcd8d7; --g-pbar: #000; --g-badge: #252525; --g-tg: var(--y); }
  .mega__tabs, .mega__tab { background: #efefef; }
  .hdr::before, .pbar::before, .dd, .mega, .oc, .why-badge, .tg-float { -webkit-backdrop-filter: none; backdrop-filter: none; }
}