.gear-shift{position:relative;width:100%;overflow:hidden}.gear-shift__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.gear-shift__bg img{width:100%;height:100%;object-fit:cover;object-position:center}.gear-shift__inner{position:relative;z-index:2;max-width:1920px;margin:0 auto;padding:72px 190px 80px;display:flex;flex-direction:column;gap:56px}.gear-shift__toggle{display:inline-flex;background:#2a1f1214;border:1px solid rgba(42,31,18,.18);border-radius:100px;padding:6px;align-self:flex-start}.gear-shift__toggle-btn{padding:14px 36px;border-radius:100px;border:none;cursor:pointer;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-family:Termina Test,sans-serif;background:transparent;color:#2a1f12;transition:background .2s,color .2s;white-space:nowrap}.gear-shift__toggle-btn--active{background:#df5828;color:#fff}.gear-shift__top{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}.gear-shift__left{display:flex;flex-direction:column;gap:24px}.gear-shift__heading{font-size:clamp(28px,3vw,42px);font-weight:900;font-family:Termina Test,sans-serif;text-transform:uppercase;line-height:1.1;margin:0}.gear-shift__intro{font-size:15px;line-height:1.65;color:#2a1f12bf;margin:-8px 0 0}.gear-shift__intro p{margin:0 0 12px}.gear-shift__intro p:last-child{margin-bottom:0}.gear-shift__variant{display:none;flex-direction:column;gap:20px}.gear-shift__variant--active{display:flex}.gear-shift__paragraph{font-size:15px;line-height:1.65;color:#2a1f12bf;margin:0}.gear-shift__cards{display:flex;flex-direction:column;gap:14px}.gear-shift__card{background:#2a1f120f;border:1px solid rgba(42,31,18,.1);border-radius:8px;padding:18px 20px;display:flex;flex-direction:column;gap:8px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.gear-shift__card-icon img{max-height:28px;width:auto;display:block}.gear-shift__card-title{font-size:15px;font-weight:700;color:#2a1f12;font-family:Termina Test,sans-serif}.gear-shift__card-desc{font-size:13px;line-height:1.25;color:#2a1f12a6}.gear-shift__card-desc p{margin:0 0 12px}.gear-shift__card-desc p:last-child{margin-bottom:0}.gear-shift__carousel-wrap{position:relative;display:flex;flex-direction:column;gap:12px}.gear-shift__overview{position:relative;height:0;padding-bottom:56.25%;border-radius:8px;overflow:hidden}.gear-shift__overview img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.gear-shift__carousel{display:none}.gear-shift__carousel--active{display:block}.gear-shift__slides{position:relative;border-radius:8px;overflow:hidden;height:0;padding-bottom:56.25%;background:#1a1a1a}.gear-shift__slide{display:none;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.gear-shift__slide--active{display:block}.gear-shift__slide img{width:100%;height:100%;object-fit:cover}.gear-shift__dots{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:14px;padding:4px 0}.gear-shift__dot{width:10px;height:10px;border-radius:50%;border:none;cursor:pointer;background:#2a1f1240;transition:background .2s;flex-shrink:0;display:block;padding:0}.gear-shift__dot--active{background:#df5828}.gear-shift__bottom{width:100%}.gear-shift__diagram-wrap{display:none}.gear-shift__diagram-wrap--active{display:grid;grid-template-columns:2.2fr 1fr;gap:32px;align-items:center}.gear-shift__diagram-wrap--active.gear-shift__diagram-wrap--full{grid-template-columns:1fr}.gear-shift__diagram-label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#2a1f1280;margin:0 0 10px;font-family:Termina Test,sans-serif}.gear-shift__diagram img{width:100%;height:auto;display:block}.gear-shift__list{display:flex;flex-direction:column;gap:14px}.gear-shift__list-item{display:flex;align-items:center;gap:12px}.gear-shift__list-num{width:24px;height:24px;border-radius:50%;background:#df5828;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}.gear-shift__list-name{font-size:13px;font-weight:600;color:#2a1f12}.gear-shift__slider{position:relative;overflow:hidden;border-radius:8px;cursor:col-resize;user-select:none;margin:-20px;-webkit-user-select:none}.gear-shift__slider-after{display:block;width:100%}.gear-shift__slider-before img,.gear-shift__slider-after img{pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;draggable:false}.gear-shift__slider-before{position:absolute;top:0;left:0;height:100%;width:50%;overflow:hidden}.gear-shift__slider-before img{width:auto;height:100%;max-width:none;display:block}.gear-shift__slider-handle{position:absolute;top:0;left:50%;height:100%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none;z-index:10}.gear-shift__slider-line{width:2px;height:100%;background:#fff;position:absolute;top:0;left:50%;transform:translate(-50%)}.gear-shift__slider-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:#df5828;display:flex;align-items:center;justify-content:center;gap:0;box-shadow:0 2px 8px #0000004d}@media screen and (max-width:1640px){.gear-shift__inner{padding:64px 100px 72px}}@media screen and (max-width:1200px){.gear-shift__inner{padding:56px 80px 64px;gap:40px}.gear-shift__top{gap:40px}}@media screen and (max-width:990px){.gear-shift__inner{padding:48px 40px 56px}.gear-shift__top{grid-template-columns:1fr;gap:32px}.gear-shift__diagram-wrap--active,.gear-shift__diagram-wrap--active.gear-shift__diagram-wrap--full{grid-template-columns:1fr;gap:24px}.gear-shift__list{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}}@media screen and (max-width:750px){.gear-shift__inner{padding:40px 24px 48px;gap:32px}.gear-shift__toggle{width:100%;position:sticky;top:0;z-index:50;background:#e8dcc4f2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:8px;border-radius:0;margin:-40px -24px 0;width:calc(100% + 48px);border:none;border-bottom:1px solid rgba(42,31,18,.1);overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none}.gear-shift__toggle::-webkit-scrollbar{display:none}.gear-shift__toggle-btn{flex:0 0 auto;scroll-snap-align:start}.gear-shift__list{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-2027-gear-shift.css.map */