/* assets/css/page-dealer.css - копия без комментариев, править исходник */
.dealer-page { font-family: var(--font-body, 'Inter', sans-serif); color: #252B2B; background: #FFFFFF; }  .dealer-hero { position: relative; background: #020304; color: #FFFFFF; padding: 96px 0 0; min-height: 680px;  display: flex; flex-direction: column; box-sizing: border-box; overflow: hidden; } .dealer-hero > .container { flex: 1 0 auto; display: flex; flex-direction: column; justify-content: center; }  @media (min-width: 769px) { .dealer-hero { min-height: calc(100vh - 184px); min-height: calc(100svh - 184px); } } .dealer-breadcrumbs { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #979E9F; padding: 20px 0; } .dealer-breadcrumbs a { color: #252B2B; text-decoration: none; } .dealer-breadcrumbs a:hover { color: #006C66; } .dealer-breadcrumbs__sep { color: #979E9F; } .dealer-breadcrumbs__current { color: #979E9F; } .dealer-hero__content { position: relative; z-index: 3; max-width: 680px; padding-bottom: 91px; } .dealer-hero__badge { display: inline-flex; align-items: center; gap: 14px; background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.07); backdrop-filter: blur(10px); border-radius: 999px; padding: 5px 20px 5px 5px; height: 44px; box-sizing: border-box; margin-bottom: 20px; font-size: 14px; font-weight: 500; color: #FFFFFF; } .dealer-hero__badge-icon { width: 34px; height: 34px; border-radius: 50%; background: linear-gradient(180deg, #027272 0%, #023539 100%); display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 600; box-shadow: inset 1.5px 1.5px 3px rgba(26, 140, 111, 1); } .dealer-hero__title { font-family: var(--font-display, 'Oswald', sans-serif); font-weight: 500; font-size: 64px; line-height: 72px; color: #FFFFFF; margin: 0 0 50px 0; } .dealer-hero__title-accent { display: inline-block; background: #006C66; border-radius: 12px 15px 12px 12px; padding: 0 16px; height: 68px; line-height: 68px; vertical-align: middle; } .dealer-hero__btn { display: inline-flex; align-items: center; justify-content: center; background: #FFFFFF; color: #252B2B; font-family: 'Inter', sans-serif; font-weight: 500; font-size: 16px; height: 52px; padding: 0 32px; border-radius: 8px; text-decoration: none; transition: all 0.2s ease; } .dealer-hero__btn:hover { background: #E3E5E6; color: #006C66; } .dealer-hero__bg-wrap { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1; overflow: hidden; } .dealer-hero__bg-wrap img { position: absolute; right: 5.3%; bottom: 0; height: 130%; width: auto; max-width: none; } @media (min-width: 769px) {  .dealer-hero__bg-wrap img { left: 2.2917vw; top: auto; right: auto; bottom: 0; width: 92.3958vw; height: 46.1979vw; } }  .dealer-trust { position: relative; z-index: 3; border-top: 1px solid rgba(255, 255, 255, 0.3); background: rgba(27, 35, 39, 0.05); backdrop-filter: blur(5px); } .dealer-trust__grid { display: grid; grid-template-columns: 320fr 350fr 382fr 346fr; } .dealer-trust__item { padding: 40px 20px 40px 40px; border-right: 1px solid rgba(255, 255, 255, 0.3); display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; min-height: 182px; box-sizing: border-box; } .dealer-trust__item:first-child { padding-left: 0; } .dealer-trust__item:last-child { border-right: none; } .dealer-trust__icon { width: 30px; height: 30px; margin-bottom: 32px; display: block; flex-shrink: 0; } .dealer-trust__label { font-size: 14px; line-height: 20px; color: #FFFFFF; margin: 0; }  .dealer-hero__br-mobile, .dealer-trust__dot { display: none; }  .dealer-reasons { padding: 132px 0 100px; background: #FFFFFF; overflow: hidden; position: relative; } .dealer-reasons__head { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 46px; } .dealer-reasons__tag { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 500; line-height: 20px; letter-spacing: 1px; color: #006C66; margin-top: 18px; } .dealer-reasons__tag img { width: 18px; height: 18px; display: block; } .dealer-reasons__title { font-family: var(--font-display, 'Oswald', sans-serif); font-weight: 600; font-size: 48px; line-height: 64px; color: #252B2B; margin: 0; } .dealer-reasons__title-accent { color: #006C66; } .dealer-reasons__grid-wrap { margin-right: calc(-1 * (100vw - 100%) / 2); box-sizing: border-box; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; cursor: grab; } .dealer-reasons__grid-wrap.has-drag-cursor, .dealer-reasons__grid-wrap.is-dragging { cursor: none; user-select: none; } .dealer-reasons__cursor { position: absolute; top: 0; left: 0; z-index: 100; display: grid; grid-template-columns: 20px 35px 20px; align-items: center; justify-content: center; column-gap: 5px; width: 90px; height: 90px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 50%; background: rgba(255, 255, 255, 0.1); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); color: #FFFFFF; font-size: 15px; font-weight: 500; line-height: 15px; opacity: 0; pointer-events: none; transform: translate(-50%, -50%); transition: transform 0.15s ease; } .dealer-reasons__cursor.is-visible { opacity: 1; } .dealer-reasons__cursor.is-dragging { transition: none; transform: translate(-50%, -50%) scale(0.94); } .dealer-reasons__cursor svg { width: 20px; height: 20px; fill: none; stroke: #949494; stroke-width: 1.25; stroke-linecap: round; } @media (max-width: 768px) { .dealer-reasons__grid-wrap.has-drag-cursor, .dealer-reasons__grid-wrap.is-dragging { cursor: grab; } .dealer-reasons__cursor { display: none; } } @media (max-width: 1438px) { .dealer-reasons__grid-wrap { margin-right: 0; } } .dealer-reasons__grid-wrap::-webkit-scrollbar { display: none; } .dealer-reasons__grid { display: flex; gap: 14px; } .dealer-reasons__grid::after { content: ''; flex: 0 0 calc(100vw - 100%); margin-left: -14px; } @media (max-width: 1438px) { .dealer-reasons__grid::after { display: none; } } .dealer-reason-card { position: relative; flex: 0 0 457px; height: 600px; border-radius: 4px; overflow: hidden; padding: 419px 40px 40px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: flex-start; scroll-snap-align: start; background-color: #006C66; background-size: cover; background-position: center; }  .dealer-reason-card:nth-child(2) { background-position: center 69.8%; } .dealer-reason-card:nth-child(3) { background-position: center 99.6%; } .dealer-reason-card:nth-child(4) { background-position: center bottom; } .dealer-reason-card::before { content: ''; position: absolute; inset: 0; background: linear-gradient(214deg, rgba(0, 108, 102, 0) 37.6%, rgba(0, 108, 102, 1) 92.9%); z-index: 1; } .dealer-reason-card__overlay { position: absolute; top: 298px; bottom: 0; left: 0; right: 0; background: rgba(255, 255, 255, 0.08); -webkit-backdrop-filter: blur(50px); backdrop-filter: blur(50px); -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 160px); mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 160px); z-index: 2; } .dealer-reason-card__content { position: relative; z-index: 3; color: #FFFFFF; } .dealer-reason-card__num { position: absolute; top: 355px; left: 40px; width: 40px; height: 40px; border-radius: 50%; background: #FFFFFF; color: #252B2B; font-size: 14px; font-weight: 500; line-height: 20px; letter-spacing: -0.15px; display: flex; align-items: center; justify-content: center; z-index: 4; }  .dealer-reason-card:nth-child(1) .dealer-reason-card__title, .dealer-reason-card:nth-child(2) .dealer-reason-card__title, .dealer-reason-card:nth-child(4) .dealer-reason-card__title { max-width: 299px; } .dealer-reason-card:nth-child(3) .dealer-reason-card__title, .dealer-reason-card:nth-child(5) .dealer-reason-card__title { max-width: 349px; } .dealer-reason-card:nth-child(1) .dealer-reason-card__desc { max-width: 317px; } .dealer-reason-card:nth-child(2) .dealer-reason-card__desc { max-width: 325px; } .dealer-reason-card:nth-child(3) .dealer-reason-card__desc { max-width: 313px; } .dealer-reason-card:nth-child(4) .dealer-reason-card__desc { max-width: 344px; } .dealer-reason-card:nth-child(5) .dealer-reason-card__desc { max-width: 342px; }  .dealer-reasons__progress {  margin-top: 44.5px; width: 100%; } .dealer-reasons__progress-track { --thumb-share: 0.3269; width: 100%; height: 3px; background: rgba(226, 221, 221, 0.3); position: relative; overflow: hidden; } .dealer-reasons__progress-thumb { position: absolute; top: 0; left: 0; height: 100%; width: 32.69%; background: #006C66; transition: left 0.1s ease-out; } .dealer-reason-card__title {  font-family: var(--font-sans, 'Inter', sans-serif); font-size: 22px; font-weight: 700; line-height: 28px; margin: 0 0 24px 0; color: #FFFFFF; } .dealer-reason-card__desc { font-size: 14px; line-height: 20px; color: #FFFFFF; margin: 0; }  .dealer-partners { background: #F4F8F8; padding: 80px 0; overflow: hidden; } .dealer-partners__head { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 40px; } .dealer-partners__head-left { max-width: 540px; } .dealer-partners__tag { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 500; letter-spacing: 0.0714em; text-transform: uppercase; color: #006C66; } .dealer-partners__tag img { width: 18px; height: 18px; display: block; } .dealer-partners__title { font-family: var(--font-display, 'Oswald', sans-serif); font-size: 48px; line-height: 64px; color: #252B2B; margin: 0 0 16px 0; } .dealer-partners__subtitle { font-size: 18px; line-height: 30px; color: #555B5C; margin: 0; } .dealer-partners__marquee-wrap { width: 100vw; margin-left: calc(-1 * (100vw - 100%) / 2); overflow: hidden; position: relative; mask-image: linear-gradient(90deg, transparent 0%, #000 4%, #000 96%, transparent 100%); -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 4%, #000 96%, transparent 100%); padding: 10px 0; } .dealer-partners__track { display: flex; gap: 16px; width: max-content; animation: dealerPartnersMarquee 35s linear infinite; will-change: transform; } .dealer-partners__marquee-wrap:hover .dealer-partners__track { animation-play-state: paused; } .dealer-partner-card { flex: 0 0 220px; height: 116px; background: #FFFFFF; border-radius: 4px; display: flex; align-items: center; justify-content: center; padding: 20px; box-sizing: border-box; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); } .dealer-partner-card img { max-width: 100%; max-height: 100%; object-fit: contain; } @keyframes dealerPartnersMarquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } .dealer-partner-card img { max-width: 100%; max-height: 100%; object-fit: contain; }  .dealer-calc { position: relative; background: #121212; color: #FFFFFF; padding: 132px 0; overflow: hidden; isolation: isolate; }  .dealer-calc::before { content: ''; position: absolute; top: 0; left: 0; width: 959px; height: 700px; background: url("/wp-content/themes/rokodil/assets/img/dealer/dealer-calc-pattern.webp") 0 0 / 959px 700px no-repeat; mix-blend-mode: lighten; pointer-events: none; z-index: -1; }  .dealer-calc::after { content: ''; position: absolute; top: 0; left: 0; width: 960px; height: 1086px; background: linear-gradient(to bottom, rgba(151, 247, 255, 0.254) 0px, rgba(147, 252, 255, 0.309) 60px, rgba(138, 255, 250, 0.407) 120px, rgba(123, 255, 241, 0.540) 180px, rgba(115, 255, 236, 0.649) 240px, rgba(118, 255, 238, 0.681) 300px, rgba(130, 255, 244, 0.621) 360px, rgba(147, 255, 252, 0.526) 420px, rgba(156, 251, 255, 0.448) 480px, rgba(158, 246, 255, 0.378) 540px, rgba(157, 243, 255, 0.313) 600px, rgba(156, 241, 255, 0.251) 660px, rgba(156, 239, 255, 0.196) 720px, rgba(157, 238, 255, 0.148) 780px, rgba(159, 238, 255, 0.109) 840px, rgba(166, 240, 255, 0.078) 900px, rgba(169, 241, 255, 0.052) 960px, rgba(188, 248, 255, 0.035) 1020px, rgba(195, 244, 255, 0.025) 1080px); -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 1) 0px, rgba(0, 0, 0, 1) 20px, rgba(0, 0, 0, 0.942) 40px, rgba(0, 0, 0, 0.831) 60px, rgba(0, 0, 0, 0.719) 80px, rgba(0, 0, 0, 0.621) 100px, rgba(0, 0, 0, 0.531) 120px, rgba(0, 0, 0, 0.442) 140px, rgba(0, 0, 0, 0.352) 160px, rgba(0, 0, 0, 0.266) 180px, rgba(0, 0, 0, 0.198) 200px, rgba(0, 0, 0, 0.15) 220px, rgba(0, 0, 0, 0.118) 240px, rgba(0, 0, 0, 0.094) 260px, rgba(0, 0, 0, 0.084) 280px, rgba(0, 0, 0, 0.073) 300px, rgba(0, 0, 0, 0.064) 360px, rgba(0, 0, 0, 0.053) 420px, rgba(0, 0, 0, 0.044) 500px, rgba(0, 0, 0, 0.03) 600px, rgba(0, 0, 0, 0.016) 760px, rgba(0, 0, 0, 0) 960px); mask-image: linear-gradient(to right, rgba(0, 0, 0, 1) 0px, rgba(0, 0, 0, 1) 20px, rgba(0, 0, 0, 0.942) 40px, rgba(0, 0, 0, 0.831) 60px, rgba(0, 0, 0, 0.719) 80px, rgba(0, 0, 0, 0.621) 100px, rgba(0, 0, 0, 0.531) 120px, rgba(0, 0, 0, 0.442) 140px, rgba(0, 0, 0, 0.352) 160px, rgba(0, 0, 0, 0.266) 180px, rgba(0, 0, 0, 0.198) 200px, rgba(0, 0, 0, 0.15) 220px, rgba(0, 0, 0, 0.118) 240px, rgba(0, 0, 0, 0.094) 260px, rgba(0, 0, 0, 0.084) 280px, rgba(0, 0, 0, 0.073) 300px, rgba(0, 0, 0, 0.064) 360px, rgba(0, 0, 0, 0.053) 420px, rgba(0, 0, 0, 0.044) 500px, rgba(0, 0, 0, 0.03) 600px, rgba(0, 0, 0, 0.016) 760px, rgba(0, 0, 0, 0) 960px); mix-blend-mode: screen; pointer-events: none; z-index: -1; } .dealer-calc__head { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 46px; gap: 40px; } .dealer-calc__head-left { max-width: 600px; } .dealer-calc__tag { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 500; line-height: 20px; letter-spacing: 1px; color: #00B189; margin-bottom: 8px; } .dealer-calc__tag img { width: 18px; height: 18px; display: block; } .dealer-calc__title { font-family: var(--font-display, 'Oswald', sans-serif); font-weight: 600; font-size: 48px; line-height: 64px;  background: linear-gradient(132deg, #FFFFFF 11.3%, rgba(255, 255, 255, 0.4) 55%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; margin: 0; }  .dealer-calc__br-mobile { display: none; } .dealer-calc__subtitle { font-size: 18px; line-height: 30px; color: rgba(255, 255, 255, 0.6); max-width: 594px;  margin: 45px 0 0; } .dealer-calc__grid { display: grid; grid-template-columns: 574px 1fr; gap: 20px; align-items: stretch; } .dealer-calc__params { background: rgba(255, 255, 255, 0.06); backdrop-filter: blur(3px); border-radius: 8px; padding: 60px 50px 76px; box-sizing: border-box; display: flex; flex-direction: column; gap: 30px; } .dealer-calc__group { padding-bottom: 29px; border-bottom: 1px solid rgba(255, 255, 255, 0.15); } .dealer-calc__group:last-child { border-bottom: none; padding-bottom: 0; } .dealer-calc__group-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; } .dealer-calc__label { font-size: 18px; font-weight: 600; line-height: 24px; color: #FFFFFF; } .dealer-calc__val { flex: none; font-size: 18px; font-weight: 600; line-height: 24px; white-space: nowrap; color: #FFFFFF; } .dealer-calc__slider { --fill: 0%; --track: 6px; --thumb: 20px;  display: block; width: 100%; height: var(--thumb); margin: 18px 0 0; outline: none; -webkit-appearance: none; appearance: none; background: transparent; vertical-align: top; cursor: pointer; }  .dealer-calc__slider::-webkit-slider-runnable-track { height: var(--track); border: none; border-radius: calc(var(--track) / 2); background: linear-gradient(to right, #00B189 var(--fill), rgba(255, 255, 255, 0.16) var(--fill)); } .dealer-calc__slider::-moz-range-track { height: var(--track); border: none; border-radius: calc(var(--track) / 2); background: linear-gradient(to right, #00B189 var(--fill), rgba(255, 255, 255, 0.16) var(--fill)); } .dealer-calc__slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: var(--thumb); height: var(--thumb); margin-top: calc((var(--track) - var(--thumb)) / 2); border-radius: 50%; background: #00B189; border: none; cursor: pointer; } .dealer-calc__slider::-moz-range-thumb { width: var(--thumb); height: var(--thumb); border-radius: 50%; background: #00B189; border: none; cursor: pointer; } .dealer-calc__slider:focus-visible { outline: 2px solid #00B189; outline-offset: 4px; } .dealer-calc__slider-range { display: flex; justify-content: space-between; margin-top: 12px; font-size: 14px; line-height: 20px; color: rgba(255, 255, 255, 0.6); } .dealer-calc__radios { display: flex; flex-direction: column; gap: 0; margin-top: 16px; } .dealer-calc__radio-item { display: flex; align-items: center; gap: 12px; min-height: 34px; cursor: pointer; font-size: 14px; line-height: 20px; color: #FFFFFF; } .dealer-calc__radio-item input { -webkit-appearance: none; appearance: none; flex: none; width: 16px; height: 16px; margin: 0; border: 0.67px solid #E3E5E6; border-radius: 50%; background: transparent; cursor: pointer; } .dealer-calc__radio-item input:checked { border: 1.33px solid #00B189; background-color: #000000; background-image: radial-gradient(circle, #00B189 0 4.67px, transparent 4.67px); } .dealer-calc__radio-item input:focus-visible { outline: 2px solid #00B189; outline-offset: 2px; } .dealer-calc__results { position: relative; background: transparent; border-radius: 8px; padding: 50px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; min-height: 620px; overflow: hidden; } .dealer-calc__results::before { content: ''; position: absolute; inset: 0; z-index: 0; background: rgba(255, 255, 255, 0.06); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); border-radius: inherit; pointer-events: none; } .dealer-calc__results-list { display: flex; flex-direction: column; gap: 8px; position: relative; z-index: 1; max-width: 474px; width: 100%; } .dealer-calc__res-box { background: rgba(0, 0, 0, 0.3); border-radius: 4px; padding: 20px 32px; box-sizing: border-box; height: 103px; display: flex; flex-direction: column; justify-content: flex-start; } .dealer-calc__res-title { font-size: 14px; line-height: 20px; color: rgba(255, 255, 255, 0.6); margin-bottom: 14px; } .dealer-calc__res-val-wrap { display: flex; align-items: baseline; gap: 8px; } .dealer-calc__res-num { font-size: 24px; font-weight: 700; line-height: 28px; color: #FFFFFF; } .dealer-calc__res-unit { font-size: 16px; color: #FFFFFF; font-weight: 400; } .dealer-calc__img { position: absolute; right: 27px; top: 6px; width: 425px; height: 531px; object-fit: fill; mix-blend-mode: lighten; pointer-events: none; z-index: 2; } .dealer-calc__cta-btn { position: relative; z-index: 3; display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; max-width: 704px; height: 56px; background: #FFFFFF; color: #252B2B; font-family: 'Inter', sans-serif; font-weight: 500; font-size: 16px; border-radius: 8px; border: none; cursor: pointer; transition: all 0.2s ease; margin-top: 28px; } .dealer-calc__cta-btn:hover { background: #E3E5E6; color: #006C66; }  .dealer-assortment { padding: 100px 0; background: #FAFAFA; } .dealer-assortment__title { font-family: var(--font-display, 'Oswald', sans-serif); font-size: 48px; line-height: 64px; color: #252B2B; margin: 0 0 48px 0; } .dealer-assortment__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; } .dealer-cat-card { position: relative; background: #FFFFFF; border-radius: 8px; padding: 40px; box-sizing: border-box; height: 480px; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04); } .dealer-cat-card__content { position: relative; z-index: 3; display: flex; flex-direction: column; height: 100%; } .dealer-cat-card__badge { position: absolute; bottom: 0; left: 0; z-index: 4; display: inline-flex; align-items: center; gap: 6px; border-radius: 999px; padding: 0 16px 0 10px; height: 32px; font-size: 16px; font-weight: 400; line-height: 1.3em; color: #FFFFFF; width: fit-content; } .dealer-cat-card__badge--hit { background: #C60100; } .dealer-cat-card__badge--new { background: #81A554; } .dealer-cat-card__badge--hit svg { width: 20px; height: 20px; } .dealer-cat-card__badge--new svg { width: 18px; height: 18px; } .dealer-cat-card__title { font-family: var(--font-display, 'Oswald', sans-serif); font-size: 32px; line-height: 46px; color: #252B2B; margin: 0 0 16px 0; } .dealer-cat-card__list { list-style: none; padding: 0; margin: 0 0 20px 0; display: flex; flex-direction: column; gap: 12px; } .dealer-cat-card__list li { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; line-height: 20px; color: #252B2B; } .dealer-cat-card__list li svg { width: 20px; height: 20px; color: #006C66; flex-shrink: 0; margin-top: 1px; } .dealer-cat-card__more { font-size: 14px; font-weight: 600; line-height: 20px; color: #006C66; text-decoration: underline; margin-top: 16px; width: fit-content; position: relative; z-index: 3; } .dealer-cat-card__more:hover { opacity: 0.8; } .dealer-cat-card__img { position: absolute; left: 0; bottom: 0; width: 100%; height: 270px; object-fit: cover; object-position: center; pointer-events: none; z-index: 1; } .dealer-cat-card--banner { background-size: cover; background-position: center; color: #FFFFFF; } .dealer-cat-card__banner-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10, 10, 10, 0.35) 0%, rgba(10, 10, 10, 0.6) 100%); z-index: 1; } .dealer-cat-card--banner .dealer-cat-card__title { color: #FFFFFF; } .dealer-cat-card--banner p { font-size: 16px; line-height: 26px; color: rgba(255, 255, 255, 0.85); margin: 0 0 24px 0; max-width: 374px; } .dealer-cat-card__btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: #FFFFFF; color: #252B2B; font-size: 14px; font-weight: 500; height: 40px; padding: 0 24px; border-radius: 4px; text-decoration: none; width: fit-content; margin-top: 24px; transition: all 0.2s ease; } .dealer-cat-card__btn:hover { background: #E3E5E6; color: #006C66; }  .dealer-cat-card__btn:disabled, .dealer-cat-card__btn:disabled:hover { background: rgba(255, 255, 255, 0.55); color: #555B5C; cursor: not-allowed; }  .dealer-cat-card--banner .dealer-cat-card__note { margin: 24px 0 0; padding: 12px 14px; max-width: none; border-radius: 4px; background: rgba(0, 0, 0, 0.45); border: 1px dashed rgba(255, 255, 255, 0.45); font-size: 13px; line-height: 18px; color: rgba(255, 255, 255, 0.9); } .dealer-cat-card--banner .dealer-cat-card__note a { color: #FFFFFF; text-decoration: underline; }  .dealer-steps { padding: 100px 0 0; background: #FFFFFF; } .dealer-steps__head { text-align: center; max-width: 760px; margin: 0 auto 80px; } .dealer-steps__tag { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 500; letter-spacing: 0.0714em; text-transform: uppercase; color: #006C66; margin-bottom: 20px; } .dealer-steps__tag img { width: 18px; height: 18px; display: block; } .dealer-steps__title { font-family: var(--font-display, 'Oswald', sans-serif); font-weight: 600; font-size: 48px; line-height: 64px; color: #252B2B; margin: 0; } .dealer-steps__title-accent { color: #006C66; } .dealer-steps__list { display: flex; flex-direction: column; } .dealer-step-item { width: 100%; background: #FFFFFF; } .dealer-step-item:nth-child(odd) { background: #FAFAFA; } .dealer-step-item__inner { display: flex; align-items: center; min-height: 274px; } .dealer-step-item__num { width: 50px; height: 50px; flex-shrink: 0; border: 1px solid #E3E5E6; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 500; line-height: 20px; color: #252B2B; } .dealer-step-item__info { margin-left: 36px; width: 392px; flex-shrink: 0; } .dealer-step-item__title { font-family: var(--font-display, 'Oswald', sans-serif); font-weight: 500; font-size: 32px; line-height: 46px; color: #252B2B; margin: 0 0 16px 0; } .dealer-step-item__desc { font-size: 16px; line-height: 26px; color: #252B2B; margin: 0; } .dealer-step-item__img { margin-left: 153px; width: 200px; height: 234px; flex-shrink: 0; object-fit: cover; border-radius: 8px; } .dealer-step-item__note { margin: 0 0 0 111px; flex: 1; font-size: 16px; font-weight: 500; line-height: 26px; color: #555B5C; }  .dealer-cabinet { padding: 100px 0; background: #FAFAFA; } .dealer-cabinet__title { font-family: var(--font-display, 'Oswald', sans-serif); font-size: 48px; line-height: 64px; text-align: center; color: #252B2B; margin: 0 0 50px 0; } .dealer-cabinet__grid { display: grid; grid-template-columns: 1fr 1fr;  gap: 14px; margin-bottom: 14px; } .dealer-cabinet-card { position: relative; background: #FFFFFF; border-radius: 8px;  padding: 50px 50px 44px; box-sizing: border-box; display: flex; flex-direction: column; overflow: hidden; } .dealer-cabinet-card__glow { position: absolute;  top: -91px; right: -103px; width: 215px; height: 215px; border-radius: 50%; background: #3976D1; filter: blur(200px); pointer-events: none; z-index: 0; } .dealer-cabinet-card__glow--teal { background: #006C66; } .dealer-cabinet-card__illustration { position: relative; z-index: 1;  width: 100%; max-width: 542px; height: auto; margin: -2px 0 18px; align-self: flex-start; } .dealer-cabinet-card__title, .dealer-cabinet-card__desc, .dealer-cabinet-card__tags { position: relative; z-index: 1; } .dealer-cabinet-card__title { font-family: var(--font-display, 'Oswald', sans-serif); font-weight: 500; font-size: 32px; line-height: 46px; color: #252B2B; margin: 0 0 18px 0; } .dealer-cabinet-card__desc { font-size: 16px; line-height: 26px; color: #555B5C; margin: 0 0 32px 0; max-width: 421px; } .dealer-cabinet-card__tags { display: flex; gap: 8px; flex-wrap: wrap; }  .dealer-cabinet-card__tag { display: inline-flex; align-items: center; gap: 10px; min-height: 34px; box-sizing: border-box; background: #EDF3FD; color: #164165; font-size: 14px; font-weight: 500; line-height: 16px; padding: 8px 12px; border-radius: 4px; } .dealer-cabinet-card__tag svg { flex: none; } .dealer-cabinet-card__tag--teal { background: rgba(98, 169, 136, 0.12); color: #166534; } .dealer-cabinet__info-banner { position: relative; background: #FFFFFF; border-radius: 8px; padding: 44px 50px; display: grid; grid-template-columns: 1fr 310px 1fr; align-items: center; gap: 30px; overflow: hidden; } .dealer-cabinet__info-col { display: flex; align-items: flex-start; gap: 16px; font-size: 16px; line-height: 26px; color: #979E9F; } .dealer-cabinet__info-col--right { grid-column: 3; } .dealer-cabinet__info-col strong { color: #252B2B; font-weight: 600; } .dealer-cabinet__info-img { position: absolute; left: 50%; top: 0; height: 100%; transform: translateX(-50%); width: 310px; object-fit: cover; object-position: center bottom; z-index: 2; } .dealer-cabinet__info-icon { width: 18px; height: 18px; flex-shrink: 0; margin-top: 4px; }   .dealer-form-section { position: relative; background-color: #0C0D0C; background-image: url("/wp-content/themes/rokodil/assets/img/dealer/dealer-form-bg.webp"); background-size: 100% auto; background-position: top center; background-repeat: no-repeat; color: #FFFFFF; padding: 100px 0;  container-type: inline-size; }  .dealer-form-section::before { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(18, 18, 18, 0) 29.83cqw, rgba(18, 18, 18, 1) 42.02cqw); z-index: 0; pointer-events: none; } .dealer-form-section .container { position: relative; z-index: 1; } .dealer-form-section__grid { display: grid; grid-template-columns: 584px minmax(0, 616px); justify-content: space-between; align-items: flex-start; } .dealer-form__title { font-family: var(--font-display, 'Oswald', sans-serif); font-weight: 600; font-size: 48px; line-height: 64px; color: #FFFFFF;  width: 622px; margin: 0 0 36px 0; } .dealer-form__desc { font-size: 16px; line-height: 26px; color: rgba(255, 255, 255, 0.6); margin: 0 0 41px 0; max-width: 520px; } .dealer-form { display: flex; flex-direction: column;  gap: 24px; } .dealer-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; align-items: start; } .dealer-form__field { display: flex; flex-direction: column; } .dealer-form__input, .dealer-form__textarea { width: 100%; background: #FFFFFF; border: 1px solid transparent; border-radius: 4px; font-family: 'Inter', sans-serif; font-size: 14px; line-height: 20px; color: #252B2B; box-sizing: border-box; outline: none; }  .dealer-form__input { height: 48px; padding: 0 19px; } .dealer-form__input::placeholder, .dealer-form__textarea::placeholder { color: #979E9F; } .dealer-form__textarea { height: 100px; padding: 13px 19px; }  .dealer-form__field.has-error .dealer-form__input, .dealer-form__field.has-error .dealer-form__textarea { border-color: #D15E5D; background: #FDF2F2; } .dealer-form__error { display: flex; align-items: flex-start; gap: 8px; margin-top: 8px; font-family: 'Inter', sans-serif; font-size: 14px; line-height: 20px; color: #FFB4B2; } .dealer-form__error::before { content: ''; flex: 0 0 16px; width: 16px; height: 20px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23FFB4B2' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='7' x2='12' y2='13'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E") no-repeat center / 16px 16px; }  .dealer-form__file-dropzone { position: relative; background: rgba(255, 255, 255, 0.12); border: 1px dashed #FFFFFF; border-radius: 4px; padding: 11px 19px 11px 9px; display: flex; align-items: flex-start; gap: 16px; color: #FFFFFF; cursor: pointer; } .dealer-form__file-dropzone svg { flex: none; } .dealer-form__file-dropzone-info { margin-top: 5px; display: flex; flex-direction: column; gap: 5px; } .dealer-form__file-dropzone input[type="file"] { position: absolute; inset: 0; opacity: 0; cursor: pointer; } .dealer-form__file-dropzone-text { font-size: 14px; line-height: 20px; font-weight: 500; color: #FFFFFF; } .dealer-form__file-dropzone-sub { font-size: 12px; line-height: 20px; color: rgba(255, 255, 255, 0.6); } .dealer-form__file-name { font-size: 13px; color: #00B189; display: none; }  .dealer-form__file-name.is-error { color: #FFB4B2; } .dealer-form__file-dropzone.has-error { border-color: #FFB4B2; }  .dealer-form__checkbox { position: relative; display: flex; align-items: flex-start; gap: 12px; font-size: 12px; line-height: 15px; color: rgba(255, 255, 255, 0.6); margin-top: 12px; cursor: pointer; } .dealer-form__checkbox input[type="checkbox"] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0); clip-path: inset(50%); overflow: hidden; white-space: nowrap; } .dealer-form__checkbox-box { flex: none; width: 16px; height: 16px; margin-top: 8px; border-radius: 2px; background: #FFFFFF; box-sizing: border-box; } .dealer-form__checkbox input:checked + .dealer-form__checkbox-box { background: #FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23006C66' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") no-repeat center / 12px 12px; } .dealer-form__checkbox input:focus-visible + .dealer-form__checkbox-box { outline: 2px solid #00B189; outline-offset: 2px; } .dealer-form__checkbox.has-error .dealer-form__checkbox-box { box-shadow: 0 0 0 1px #D15E5D; } .dealer-form__checkbox-text { margin-top: 6px; } .dealer-form__checkbox a { color: rgba(255, 255, 255, 0.6); text-decoration: underline; }  .dealer-form__checkbox + .dealer-form__error { margin-top: 8px; } .dealer-form__submit-btn { width: 226px; height: 48px; background: #006C66; color: #FFFFFF; border: none; border-radius: 4px; font-family: 'Inter', sans-serif; font-size: 14px; line-height: 20px; font-weight: 400; cursor: pointer; margin-top: 12px; transition: opacity 0.2s ease; box-shadow: 0 4px 12px rgba(0, 108, 102, 0.24); } .dealer-form__submit-btn:hover { opacity: 0.9; }   .dealer-manager-card { background: rgba(255, 255, 255, 0.08); backdrop-filter: blur(10px); border-radius: 8px; padding: 16px; display: flex; align-items: center; gap: 20px; margin-top: 462px; } .dealer-manager-card__img { width: 149px; height: 149px; border-radius: 4px; object-fit: cover; flex-shrink: 0; }  .dealer-manager-card__info { display: flex; flex-direction: column; gap: 8px; } .dealer-manager-card__role { font-size: 13px; line-height: 20px; color: rgba(255, 255, 255, 0.6); } .dealer-manager-card__name { font-size: 22px; line-height: 28px; font-weight: 700; color: #FFFFFF; margin: 0 0 30px 0; } .dealer-manager-card__contacts { display: flex; gap: 24px; font-size: 16px; line-height: 26px; } .dealer-manager-card__contacts a { color: #FFFFFF; text-decoration: none; display: flex; align-items: center; gap: 8px; } .dealer-manager-card__contacts a:hover { color: #00B189; }  .dealer-faq { padding: 132px 0; } .dealer-faq__head { text-align: center; margin-bottom: 46px; } .dealer-faq__tag { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 500; line-height: 20px; letter-spacing: 0.0714em; text-transform: uppercase; color: #006C66; margin-bottom: 20px; } .dealer-faq__tag img { width: 18px; height: 18px; display: block; } .dealer-faq__title { font-family: var(--font-display, 'Oswald', sans-serif); font-weight: 600; font-size: 48px; line-height: 64px; color: #252B2B; margin: 0; } .dealer-faq__list { max-width: 973px; margin: 0 auto; } .dealer-faq__item { border-bottom: 1px solid #E3E5E6; } .dealer-faq__question { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 24px;  padding: 30px 0 29px; transition: padding-bottom 0.35s ease; background: none; border: none; cursor: pointer; text-align: left; font-family: 'Inter', sans-serif; font-weight: 600; font-size: 16px; line-height: 26px; color: #252B2B; } .dealer-faq__question span { flex: 1; } .dealer-faq__icon { flex-shrink: 0;  color: #555B5C; transition: transform 0.3s ease, color 0.3s ease; } .dealer-faq__item.is-open .dealer-faq__icon { transform: rotate(180deg); color: #C9CBCB; }  .dealer-faq__item.is-open .dealer-faq__question { padding-bottom: 20px; } .dealer-faq__answer { max-height: 0; overflow: hidden; transition: max-height 0.35s ease; } .dealer-faq__answer p { margin: 0 0 29px; max-width: 900px; font-size: 16px; line-height: 26px; color: #555B5C; }   @media (max-width: 1400px) { .dealer-form__title { width: auto; } } @media (max-width: 1200px) { .dealer-calc__grid, .dealer-form-section__grid { grid-template-columns: 1fr; }  .dealer-manager-card { margin-top: 40px; } .dealer-calc__img { display: none; } .dealer-assortment__grid { grid-template-columns: repeat(2, 1fr); } .dealer-cabinet__info-banner { grid-template-columns: 1fr; text-align: center; } } @media (max-width: 768px) {  .dealer-breadcrumbs { display: none; } .dealer-hero { min-height: 0; padding: 60px 0 19px; background: linear-gradient(180deg, #020203 0%, #070C0C 100%); } .dealer-hero > .container { justify-content: flex-start; } .dealer-hero__content { max-width: none; padding-bottom: 159px; } .dealer-hero__badge { gap: 6px; height: 32px; padding: 0 13px 0 4px; margin-bottom: 14px; backdrop-filter: blur(9.5px); font-size: 13px; font-weight: 400; line-height: 16px; } .dealer-hero__badge-icon { width: 20px; height: 20px; font-size: 15px; line-height: 22px; box-shadow: inset 0.95px 0.95px 1.9px rgba(26, 140, 111, 1); } .dealer-hero__title { font-size: 36px; line-height: 40px; margin-bottom: 38px; } .dealer-hero__br-mobile { display: inline; } .dealer-hero__title-accent { height: 42px; margin-left: 1.5px; padding: 0 10px 0 9px; line-height: 40px; vertical-align: top; border-radius: 3.64px 8px 3.64px 3.64px; } .dealer-hero__btn { width: 220px; height: 48px; padding: 0; box-shadow: 0 4px 12px rgba(0, 108, 102, 0.24), 0 4px 4px rgba(0, 0, 0, 0.15); }  .dealer-hero__bg-wrap img { top: 95px; right: -87px; bottom: auto; left: auto; width: 862px; height: 431px; } .dealer-trust { border-top: none; background: none; backdrop-filter: none; } .dealer-trust__grid { grid-template-columns: 1fr; } .dealer-trust__item, .dealer-trust__item:first-child { min-height: 122px; padding: 24px 0 23px; border-right: none; border-bottom: 1px solid rgba(255, 255, 255, 0.15); backdrop-filter: blur(5px); } .dealer-trust__item:first-child { background: rgba(27, 35, 39, 0.05); } .dealer-trust__item:last-child { padding-bottom: 24px; border-bottom: none; } .dealer-trust__icon { margin-bottom: 24px; } .dealer-trust__dot { display: inline; } .dealer-trust__br { display: none; } .dealer-reasons__title, .dealer-partners__title, .dealer-calc__title, .dealer-assortment__title, .dealer-steps__title, .dealer-cabinet__title, .dealer-form__title, .dealer-faq__title { font-size: 32px; line-height: 40px; }  .dealer-calc { padding: 54px 0; } .dealer-calc::before { width: 100%; height: auto; aspect-ratio: 375 / 850; background: url("/wp-content/themes/rokodil/assets/img/dealer/dealer-calc-bg-mobile.webp") 0 0 / 100% auto no-repeat; mix-blend-mode: normal; } .dealer-calc::after { display: none; } .dealer-calc__head { display: block; margin-bottom: 32px; } .dealer-calc__tag { margin-bottom: 16px; } .dealer-calc__title { font-size: 32px; line-height: 38px; } .dealer-calc__br-mobile { display: inline; }  .dealer-calc__cta-btn img { display: none; } .dealer-calc__subtitle { margin-top: 20px; font-size: 14px; line-height: 20px; } .dealer-calc__grid { gap: 16px; }  .dealer-calc__results { padding: 16px; min-height: 0; } .dealer-calc__results-list { gap: 6px; } .dealer-calc__res-box { height: 78px; padding: 14px; border-radius: 4px; } .dealer-calc__res-title { font-size: 12px; margin-bottom: 4px; } .dealer-calc__res-num { font-size: 18px; line-height: 26px; } .dealer-calc__res-unit { font-size: 14px; } .dealer-calc__cta-btn { height: 48px; margin-top: 24px; border-radius: 4px; font-size: 13px; }  .dealer-calc__params { padding: 24px 16px; gap: 20px; } .dealer-calc__group { padding-bottom: 19px; } .dealer-calc__group-head { margin-bottom: 10px; } .dealer-calc__label, .dealer-calc__val { font-size: 14px; line-height: 20px; } .dealer-calc__slider { --track: 4px; --thumb: 16px; margin-top: 10px; } .dealer-calc__slider-range { margin-top: 10px; font-size: 12px; } .dealer-calc__radios { margin-top: 20px; } .dealer-calc__radio-item { font-size: 12px; } .dealer-assortment__grid, .dealer-cabinet__grid { grid-template-columns: 1fr; }  .dealer-cabinet-card__tags { gap: 6px; } .dealer-cabinet-card__tag { gap: 8px; min-height: 30px; padding: 7px 8px; font-size: 12px; line-height: 14px; } .dealer-cabinet-card__tag svg { width: 16px; height: 16px; }   .dealer-form-section { padding: 54px 0; background-color: #121212; background-image: url("/wp-content/themes/rokodil/assets/img/dealer/dealer-form-bg-mobile.webp"); }  .dealer-form-section::before { display: none; } .dealer-form__title { line-height: 38px; margin-bottom: 24px; }  .dealer-form__br-desktop { display: none; } .dealer-form__row { gap: 24px; } .dealer-form__desc { font-size: 14px; line-height: 20px; margin-bottom: 32px; } .dealer-form__row { grid-template-columns: 1fr; } .dealer-form__file-dropzone { padding: 11px 15px 11px 9px; } .dealer-form__file-dropzone-info { margin-top: 0; gap: 8px; } .dealer-form__file-dropzone-text { font-size: 13px; line-height: 16px; } .dealer-form__file-dropzone-sub { line-height: 14px; } .dealer-form__checkbox, .dealer-form__submit-btn { margin-top: 8px; }  .dealer-manager-card { display: grid; grid-template-columns: 50px minmax(0, 1fr); grid-template-rows: 24px auto auto;  row-gap: 0; column-gap: 12px; align-items: start; margin-top: 32px; } .dealer-manager-card__img { width: 50px; height: 50px; grid-column: 1; grid-row: 1 / span 2; } .dealer-manager-card__info { display: contents; } .dealer-manager-card__role { grid-column: 2; grid-row: 1; } .dealer-manager-card__name { grid-column: 2; grid-row: 2; } .dealer-manager-card__contacts { grid-column: 1 / -1; grid-row: 3; margin-top: 24px; } .dealer-manager-card__role { font-size: 12px; line-height: 14px; } .dealer-manager-card__name { font-size: 14px; line-height: 20px; margin-bottom: 0; } .dealer-manager-card__contacts { gap: 14px; font-size: 12px; line-height: 14px; } .dealer-manager-card__contacts a { gap: 6px; } .dealer-manager-card__contacts svg { width: 16px; height: 16px; }  .dealer-steps__head { margin: 0 auto 32px; text-align: left; } .dealer-steps__tag { gap: 6px; margin-bottom: 18px; font-size: 12px; line-height: 14px; letter-spacing: 1px; } .dealer-steps__tag img { width: 16px; height: 16px; } .dealer-steps__title { line-height: 38px; } .dealer-step-item__inner { display: block; min-height: 0; padding-top: 20px; padding-bottom: 20px; } .dealer-step-item__num { width: 34px; height: 34px; font-size: 12px; line-height: 14px; } .dealer-step-item__info { width: auto; margin: 12px 0 0; } .dealer-step-item__title { margin-bottom: 16px; font-size: 26px; line-height: 34px; } .dealer-step-item__desc { font-size: 14px; line-height: 20px; } .dealer-step-item__img, .dealer-step-item__note { display: none; }  .dealer-steps { padding: 80px 0 60px; }  .dealer-steps__tag, .dealer-faq__tag { display: flex; width: fit-content; }   .dealer-reasons__title-dash { color: #252B2B; }   .dealer-partners { padding: 54px 0 44px; background: radial-gradient(55% 60% at 95% 100%, rgba(0, 0, 0, 0.055) 0%, rgba(0, 0, 0, 0) 100%), radial-gradient(120% 140% at 62% 30%, #F7F7F7 0%, #F4F4F4 70%, #F1F1F1 100%); } .dealer-partners__head { flex-direction: column-reverse; align-items: flex-start; gap: 18px;  margin-bottom: 22px; } .dealer-partners__head-left { max-width: none; } .dealer-partners__tag { gap: 6px; font-size: 12px; line-height: 14px; letter-spacing: 1px; } .dealer-partners__tag img { width: 16px; height: 16px; } .dealer-partners__title { line-height: 38px; margin-bottom: 18px; } .dealer-partners__subtitle { font-size: 14px; line-height: 20px; } .dealer-partners__track { gap: 8px; } .dealer-partner-card { flex-basis: 140px; height: 74px; padding: 0; overflow: hidden; }  .dealer-partner-card img[src*="partner-wb"], .dealer-partner-card img[src*="partner-ozon"], .dealer-partner-card img[src*="partner-yandex"], .dealer-partner-card img[src*="partner-dns"] { width: 100%; height: 100%; object-fit: cover; } .dealer-partner-card:has(img[src*="partner-wb"]) { flex-basis: 141px; } .dealer-partner-card:has(img[src*="partner-ozon"]) { flex-basis: 134px; } .dealer-partner-card:has(img[src*="partner-vse-instrumenti"]) { flex-basis: 128px; } .dealer-partner-card img[src*="partner-leman-pro"] { width: 89px; } .dealer-partner-card img[src*="partner-mvideo"] { width: 100px; } .dealer-partner-card img[src*="partner-citilink"] { width: 103px; } .dealer-partner-card img[src*="partner-vse-instrumenti"] { width: 71px; } .dealer-partner-card img[src*="partner-eldorado"] { width: 118px; }  .dealer-calc__label { max-width: 209px; }  .dealer-assortment { padding: 54px 0; } .dealer-assortment__title { line-height: 38px; margin-bottom: 20px; } .dealer-assortment__grid { gap: 12px; } .dealer-cat-card { height: auto; padding: 20px 16px 188px; justify-content: flex-start; }  .dealer-cat-card__content { position: static; height: auto; } .dealer-cat-card__badge { left: 16px; bottom: 20px; } .dealer-cat-card__title { font-weight: 500; font-size: 26px; line-height: 34px; margin-bottom: 16px; }  .dealer-cat-card__list { gap: 8px; margin: 0; } .dealer-cat-card__list li { gap: 8px; padding: 4px 0; }  .dealer-cat-card__list li:first-child { padding-bottom: 0; } .dealer-cat-card__list li svg { color: #979E9F; margin-top: 0; } .dealer-cat-card__img { left: auto; right: 0; width: 305px; height: 180px; }  .dealer-cat-card--banner { order: 1; height: 320px; padding: 20px 16px; background-color: #0D0D0D; background-image: url("/wp-content/themes/rokodil/assets/img/dealer/cat-catalog-banner-mobile.webp") !important; background-size: 100% 100%; } .dealer-cat-card__banner-overlay { display: none; } .dealer-cat-card--banner .dealer-cat-card__title { margin-bottom: 20px; } .dealer-cat-card--banner p { max-width: 278px; margin: 0; font-size: 14px; line-height: 20px; } .dealer-cat-card__btn { width: 160px; padding: 0; }  .dealer-faq { padding: 80px 0 0; } .dealer-faq__head { text-align: left; margin-bottom: 32px; } .dealer-faq__tag { gap: 6px; margin-bottom: 18px; font-size: 12px; line-height: 14px; letter-spacing: 1px; } .dealer-faq__tag img { width: 16px; height: 16px; } .dealer-faq__title { line-height: 38px; }  .dealer-faq__question { gap: 16px; padding: 24px 0 23px; font-size: 14px; line-height: 20px; }  .dealer-faq__item.is-open .dealer-faq__question { padding-bottom: 12px; } .dealer-faq__answer p { margin-bottom: 23px; font-size: 14px; line-height: 20px; }  .dealer-cabinet { padding: 54px 0; } .dealer-cabinet__title { text-align: left; line-height: 38px; margin-bottom: 32px; } .dealer-cabinet__grid { gap: 12px; margin-bottom: 12px; } .dealer-cabinet-card { padding: 24px 16px; } .dealer-cabinet-card__glow--teal { top: -108px; right: -127px; }  .dealer-cabinet-card__illustration { width: 318px; max-width: none; margin: -1px 0 11px; } .dealer-cabinet-card__title { font-size: 26px; line-height: 34px; margin-bottom: 16px; } .dealer-cabinet-card__desc { max-width: 266px; margin-bottom: 20px; font-size: 14px; line-height: 20px; } .dealer-cabinet__info-banner { display: flex; flex-direction: column; gap: 0; padding: 24px 16px 1px; text-align: left; } .dealer-cabinet__info-col { position: relative; z-index: 1; gap: 10px; } .dealer-cabinet__info-col--right { margin-top: 24px; } .dealer-cabinet__info-icon { margin-top: 3px; }  .dealer-cabinet__info-img { position: relative; left: auto; top: auto; z-index: 0; display: block; width: 261px; height: 200px; margin: -53px auto 0; order: 1; transform: none; mix-blend-mode: multiply; }  .dealer-manager-card__name { font-family: 'Inter', sans-serif; font-weight: 600; } }  .dealer-order-overlay { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.5); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); opacity: 0; visibility: hidden; z-index: 10000; transition: opacity 0.3s ease, visibility 0.3s ease; } .dealer-order-overlay.is-active { opacity: 1; visibility: visible; } .dealer-order-drawer { position: fixed; top: 0; right: 0; bottom: 0; width: min(801px, 100vw); max-width: 100%; overflow: hidden; background: #FFFFFF; z-index: 10001; display: flex; flex-direction: column; font-family: var(--font-body, 'Inter', sans-serif); transform: translateX(100%);  visibility: hidden; transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.35s; box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1); } .dealer-order-drawer.is-open { transform: translateX(0); visibility: visible; } .dealer-order-drawer__head { position: relative; width: 580px; height: 102px; flex: 0 0 102px; } .dealer-order-drawer__head::after { content: ''; position: absolute; left: 40px; top: 101px; width: 500px; height: 1px; background: #F5F5F5; } .dealer-order-drawer__title { position: absolute; top: 40px; left: 40px; display: flex; align-items: center; gap: 12px; font-size: 22px; line-height: 32px; font-weight: 700; color: #242627; } .dealer-order-drawer__title-icon { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 4px; background: rgba(0, 108, 102, 0.05); color: #006C66; flex-shrink: 0; } .dealer-order-drawer__title-icon img { display: block; } .dealer-order-drawer__close { position: absolute; top: 24px; left: 508px; z-index: 30; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; border: none; border-radius: 50%; background: #FFFFFF; color: #252B2B; cursor: pointer; box-shadow: inset 0 -1px 1px rgba(150, 161, 172, 0.12); transition: color 0.2s ease, background 0.2s ease; } .dealer-order-drawer__close:hover { background: #F9F9F9; color: #006C66; } .dealer-order-drawer__body { width: 580px; min-height: 0; flex: 1; overflow-y: auto; padding: 32px 40px; box-sizing: border-box; scrollbar-width: none; -ms-overflow-style: none; } .dealer-order-drawer__body::-webkit-scrollbar, .dealer-order__dropdown::-webkit-scrollbar, .dealer-order__textarea::-webkit-scrollbar { display: none; width: 0; height: 0; } .dealer-order__dropdown, .dealer-order__textarea { scrollbar-width: none; -ms-overflow-style: none; } .dealer-order__section { width: 500px; } .dealer-order__section--search { margin-bottom: 26px; } .dealer-order__section--items, .dealer-order__section--comment, .dealer-order__section--contacts { margin-bottom: 32px; } .dealer-order__section-title { font-family: var(--font-body, 'Inter', sans-serif); font-size: 14px; font-weight: 600; line-height: 20px; color: #252B2B; margin: 0 0 14px; } .dealer-order__section-head { position: relative; } .dealer-order__section-head .dealer-order__section-title { margin-bottom: 14px; } .dealer-order__items-count { position: absolute; top: 0; right: 0; padding: 2px 8px; border-radius: 999px; background: rgba(0, 108, 102, 0.05); color: #006C66; font-size: 12px; font-weight: 600; line-height: 16px; } .dealer-order__search { position: relative; } .dealer-order__search-icon { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: #979E9F; pointer-events: none; display: flex; } .dealer-order__search-input { width: 100%; height: 48px; padding: 0 14px 0 40px; border: 1px solid #E3E5E6; border-radius: 8px; font-size: 14px; font-family: var(--font-body, 'Inter', sans-serif); color: #252B2B; background: #FFFFFF; box-sizing: border-box; transition: border-color 0.2s ease; } .dealer-order__search-input:focus { outline: none; border-color: #006C66; } .dealer-order__dropdown { position: absolute; top: calc(100% + 8px); left: 0; width: 500px; background: #FFFFFF; border: 1px solid #F6F6F6; border-radius: 8px; box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1); height: 428px; max-height: 428px; overflow-y: auto; z-index: 5; } .dealer-order__dropdown-section { padding: 12px 14px; color: #979E9F; font-size: 12px; line-height: 16px; }  .dealer-order__history { display: flex; align-items: center; gap: 12px; min-height: 36px; padding: 8px 12px; color: #252B2B; font-size: 14px; line-height: 20px; cursor: pointer; box-sizing: border-box; } .dealer-order__history:hover, .dealer-order__history:first-of-type { background: #F9F9F9; } .dealer-order__history svg { color: #979E9F; flex-shrink: 0; }  .dealer-order__history + .dealer-order__opt { margin-top: 12px; } .dealer-order__opt + .dealer-order__opt { margin-top: 4px; } .dealer-order__dropdown-msg { padding: 16px; font-size: 14px; color: #979E9F; text-align: center; } .dealer-order__opt { display: flex; align-items: center; gap: 10px; min-height: 64px; padding: 12px 14px; cursor: pointer; box-sizing: border-box; transition: background 0.15s ease; } .dealer-order__opt:hover { background: rgba(0, 108, 102, 0.05); } .dealer-order__opt-img { width: 40px; height: 40px; border-radius: 4px; object-fit: cover; background: #FAFAFA; flex-shrink: 0; } .dealer-order__opt-info { flex: 1; min-width: 0; } .dealer-order__opt-name { font-size: 14px; font-weight: 600; color: #252B2B; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dealer-order__opt-sku { padding-top: 2px; font-size: 12px; color: #979E9F; line-height: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dealer-order__opt-add { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; padding: 0; border-radius: 50%; border: none; background: #006C66; color: #FFFFFF; cursor: pointer; flex-shrink: 0; box-shadow: 0 3px 9px rgba(0, 108, 102, 0.25); transition: background 0.2s ease; } .dealer-order__opt-add:hover { background: #004A46; } .dealer-order__items { display: flex; flex-direction: column; gap: 4px; } .dealer-order__items-empty { height: 182px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; border: 1px dashed #E5E7EB; border-radius: 8px; background: rgba(249, 250, 251, 0.5); box-sizing: border-box; } .dealer-order__items-empty-icon { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin-bottom: 12px; border-radius: 14px; background: #F3F4F6; color: #D1D5DC; } .dealer-order__items-empty strong { font-size: 14px; font-weight: 500; line-height: 20px; color: #99A1AF; } .dealer-order__items-empty p { margin: 4px 0 0; font-size: 12px; line-height: 16px; color: #D1D5DC; }  .dealer-order__item { position: relative; height: 112px; padding: 0; border-bottom: 1px solid #F5F5F5; background: #FFFFFF; box-sizing: border-box; } .dealer-order__item:first-child { border-top: 1px solid #F5F5F5; } .dealer-order__item-img { position: absolute; left: 0; top: 12px; width: 88px; height: 88px; border-radius: 8px; object-fit: cover; background: #FAFAFA; } .dealer-order__item-info { position: absolute; top: 12px; left: 100px; width: 340px; min-width: 0; } .dealer-order__item-name { font-size: 13px; font-weight: 500; color: #252B2B; line-height: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dealer-order__item-sku { margin-top: 8px; font-size: 12px; color: #979E9F; line-height: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dealer-order__stepper { position: absolute; left: 100px; top: 68px; width: 104px; height: 32px; display: flex; align-items: center; justify-content: space-between; padding: 0 6px; border: 1px solid #F5F5F5; border-radius: 4px; background: #FFFFFF; box-sizing: border-box; } .dealer-order__stepper button { width: 20px; height: 20px; padding: 0; border: 1px solid #F5F5F5; border-radius: 50%; background: #F5F5F5; color: #252B2B; cursor: pointer; display: flex; align-items: center; justify-content: center; } .dealer-order__stepper button:hover { color: #006C66; } .dealer-order__stepper-val { min-width: 20px; text-align: center; font-size: 13px; line-height: 18px; color: #252B2B; } .dealer-order__item-remove { position: absolute; top: 12px; right: 8px; display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; padding: 0; border: none; background: transparent; color: #979E9F; cursor: pointer; } .dealer-order__item-remove:hover { color: #C60100; } .dealer-order__textarea-wrap { position: relative; height: 140px; } .dealer-order__textarea { width: 100%; height: 140px; padding: 20px 20px 32px; border: 1px solid #E3E5E6; border-radius: 4px; font-size: 14px; line-height: 20px; font-family: var(--font-body, 'Inter', sans-serif); color: #252B2B; background: #FFFFFF; box-sizing: border-box; transition: border-color 0.2s ease; } .dealer-order__textarea:focus { outline: none; border-color: #006C66; } .dealer-order__textarea::placeholder { color: #979E9F; } .dealer-order__textarea-count { position: absolute; right: 10px; bottom: 10px; font-size: 12px; line-height: 12px; color: #979E9F; } .dealer-order__section--contacts .dealer-order__section-title { margin-bottom: 24px; } .dealer-order__field { position: relative; min-height: 75px; margin-bottom: 24px; } .dealer-order__field:last-child { margin-bottom: 0; } .dealer-order__field label { display: block; height: 15px; font-size: 13px; line-height: 15px; color: #252B2B; } .dealer-order__field label span { color: #979E9F; } .dealer-order__field-icon { position: absolute; left: 15px; top: 42px; color: #979E9F; pointer-events: none; z-index: 1; display: flex; } .dealer-order__field input { position: absolute; left: 0; top: 27px; width: 100%; height: 48px; padding: 0 16px 0 45px; border: 1px solid #E3E5E6; border-radius: 4px; font-size: 14px; line-height: 20px; font-family: var(--font-body, 'Inter', sans-serif); color: #252B2B; background: #FFFFFF; box-sizing: border-box; transition: border-color 0.2s ease; } .dealer-order__field input:focus { outline: none; border-color: #006C66; } .dealer-order__field input::placeholder { color: #979E9F; } .dealer-order__field input.is-invalid { border-color: #D15E5D; background: #FDF2F2; }   .dealer-order__consent { position: relative; display: flex; align-items: flex-start; gap: 12px;  width: 500px; max-width: 100%; margin: 0 0 32px; cursor: pointer; } .dealer-order__consent input { position: absolute; width: 1px; height: 1px; clip: rect(0 0 0 0); clip-path: inset(50%); overflow: hidden; } .dealer-order__consent-box { position: relative; flex: none; width: 16px; height: 16px; margin-top: 2px; border: 1px solid #E0E2E7; border-radius: 2px; background: #FFFFFF; box-sizing: border-box; } .dealer-order__consent input:checked + .dealer-order__consent-box { background: #006C66; border-color: #006C66; } .dealer-order__consent input:checked + .dealer-order__consent-box::after { content: ''; position: absolute; left: 4.5px; top: 1.5px; width: 4px; height: 8px; border: solid #FFFFFF; border-width: 0 1.5px 1.5px 0; transform: rotate(45deg); } .dealer-order__consent input:focus-visible + .dealer-order__consent-box { outline: 2px solid #006C66; outline-offset: 2px; } .dealer-order__consent.has-error .dealer-order__consent-box { border-color: #C60100; }  .dealer-order__consent.has-error { margin-bottom: 8px; } .dealer-order__consent + .dealer-order__field-error { margin: 0 0 32px; } .dealer-order__consent-text { font-size: 14px; line-height: 20px; color: #555B5C; } .dealer-order__consent-text a { color: #555B5C; text-decoration: underline; } .dealer-order__field-error { display: flex; align-items: flex-start; gap: 8px; margin-top: 8px; font-size: 14px; line-height: 20px; color: #C60100; } .dealer-order__field-error::before { content: ''; flex: 0 0 16px; width: 16px; height: 20px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23C60100' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='7' x2='12' y2='13'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E") no-repeat center / 16px 16px; } .dealer-order__alert { width: 500px; min-height: 74px; display: flex; gap: 12px; padding: 16px; background: #E8FAF0; border: 1px solid rgba(57, 211, 83, 0.19); border-radius: 4px; box-sizing: border-box; } .dealer-order__alert-icon { color: #1A7A30; flex-shrink: 0; display: flex; margin-top: 2px; } .dealer-order__alert p { margin: 0; font-size: 14px; line-height: 20px; color: #1A7A30; } .dealer-order-drawer__panel { width: 500px; height: 110px; margin-left: 40px; padding: 30px 0; border-top: 1px solid #F5F5F5; background: #FFFFFF; display: flex; align-items: flex-start; justify-content: space-between; box-sizing: border-box; flex: 0 0 110px; } .dealer-order-drawer__panel-info { display: flex; flex-direction: column; gap: 4px; font-size: 14px; line-height: 16px; color: #979E9F; } .dealer-order-drawer__panel-info.is-empty { display: block; margin-top: 10px; line-height: 20px; } .dealer-order-drawer__panel-info strong { color: #252B2B; font-size: 14px; font-weight: 600; line-height: 20px; } .dealer-order-drawer__panel-info small { color: #979E9F; font-size: 14px; font-weight: 400; } .dealer-order-drawer__submit { width: 220px; height: 40px; padding: 0 15px; border: none; border-radius: 4px; background: #006C66; color: #FFFFFF; font-size: 14px; line-height: 20px; font-weight: 400; font-family: var(--font-body, 'Inter', sans-serif); cursor: pointer; transition: background 0.2s ease; } .dealer-order-drawer__submit:hover:not(:disabled) { background: #004A46; } .dealer-order-drawer__submit:disabled { opacity: 0.3; cursor: not-allowed; } .dealer-order-drawer__loading { position: absolute; left: 0; top: 102px; bottom: 0; z-index: 20; width: 580px; background: #FFFFFF; display: flex; flex-direction: column; align-items: center; text-align: center; } .dealer-order-drawer__spinner { width: 40px; height: 40px; margin-top: 260px; display: block; animation: dealer-order-spin 0.8s linear infinite; } @keyframes dealer-order-spin { to { transform: rotate(360deg); } } .dealer-order-drawer__loading h4 { margin: 28px 0 0; font-size: 18px; font-weight: 600; line-height: 26px; color: #252B2B; font-family: 'Inter', sans-serif; } .dealer-order-drawer__loading p { margin: 16px 0 0; font-size: 14px; line-height: 20px; color: #979E9F; width: 236px; font-family: 'Inter', sans-serif; } .dealer-order-drawer__success { position: absolute; inset: 0 auto 0 0; z-index: 20; width: 580px; background: #FFFFFF; display: flex; flex-direction: column; align-items: center; text-align: center; } .dealer-order-drawer__success-icon { width: 80px; height: 80px; margin-top: 160px; border-radius: 50%; background: rgba(0, 108, 102, 0.08); display: flex; align-items: center; justify-content: center; } .dealer-order-drawer__success-icon img { display: block; } .dealer-order-drawer__success h4 { margin: 30px 0 0; font-size: 22px; font-weight: 700; line-height: 28px; color: #242627; font-family: 'Inter', sans-serif; } .dealer-order-drawer__success > p { margin: 14px 0 0; font-size: 14px; line-height: 20px; color: #555B5C; width: 368px; font-family: 'Inter', sans-serif; } .dealer-order__success-card { width: 500px; height: 148px; margin-top: 46px; padding: 20px; border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 8px; background: #FFFFFF; box-sizing: border-box; } .dealer-order__success-row { height: 54px; display: flex; align-items: flex-start; gap: 12px; text-align: left; } .dealer-order__success-row:first-child { margin-bottom: 14px; border-bottom: 1px solid #F9FAFB; } .dealer-order__success-row-icon { width: 36px; height: 36px; margin-top: 2px; border-radius: 50%; background: #F9F9F9; color: #252B2B; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .dealer-order__success-row-icon img { display: block; } .dealer-order__success-row > span:last-child { display: flex; flex-direction: column; } .dealer-order__success-row small { font-size: 12px; line-height: 16px; color: #979E9F; } .dealer-order__success-row strong { margin-top: 4px; font-size: 14px; font-weight: 600; line-height: 20px; color: #252B2B; } .dealer-order-drawer__success-btn { width: 500px; height: 40px; margin-top: 46px; padding: 0 15px; border: none; border-radius: 4px; background: #F5F5F5; color: #252B2B; font-size: 14px; line-height: 20px; font-family: var(--font-body, 'Inter', sans-serif); cursor: pointer; transition: background 0.2s ease; } .dealer-order-drawer__success-btn:hover { background: #E9EBEC; } .dealer-order-drawer.is-loading .dealer-order-drawer__body, .dealer-order-drawer.is-loading .dealer-order-drawer__panel, .dealer-order-drawer.is-success .dealer-order-drawer__body, .dealer-order-drawer.is-success .dealer-order-drawer__panel { visibility: hidden; } body.dealer-order-locked { overflow: hidden; }  @media (max-width: 768px) { .dealer-order-overlay { top: 50px; z-index: 1050; } .dealer-order-drawer { top: 50px; z-index: 1051; width: 100%; box-shadow: none; } .dealer-order-drawer__close { display: none; }  .dealer-order-drawer__head { width: 100%; height: auto; flex: 0 0 auto; padding: 17px 16px 0; box-sizing: border-box; } .dealer-order-drawer__head::after { display: none; } .dealer-order-drawer__title { position: static; font-size: 18px; line-height: 26px; }  .dealer-order-drawer__body { width: 100%; padding: 20px 16px; } .dealer-order__section--contacts, .dealer-order__consent, .dealer-order__consent + .dealer-order__field-error { margin-bottom: 20px; } .dealer-order__consent.has-error { margin-bottom: 8px; } .dealer-order__section, .dealer-order__alert, .dealer-order__dropdown { width: 100%; } .dealer-order__alert p br { display: none; }  .dealer-order-drawer__panel { width: 100%; height: auto; margin: 0; padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px)); flex: 0 0 auto; flex-direction: column; align-items: stretch; gap: 16px; border-top: 0; } .dealer-order-drawer__panel-info.is-empty { margin-top: 0; font-size: 12px; line-height: 14px; text-align: center; } .dealer-order-drawer__panel-info:not(.is-empty) { flex-direction: row; align-items: center; justify-content: space-between; margin-bottom: 2px; }  .dealer-order-drawer__panel-info strong, .dealer-order-drawer__panel-info small { color: #252B2B; font-weight: 500; } .dealer-order-drawer__submit { width: 100%; font-size: 13px; } .dealer-order-drawer__loading { top: 49px; width: 100%; } .dealer-order-drawer__spinner { margin-top: 140px; } .dealer-order-drawer__success { width: 100%; padding: 0 16px; box-sizing: border-box; } .dealer-order-drawer__success-icon { margin-top: 120px; } .dealer-order-drawer__success > p br { display: none; } .dealer-order-drawer__success > p { width: 100%; } .dealer-order__success-card, .dealer-order-drawer__success-btn { width: 100%; }  .dealer-order__items-empty { height: 140px; justify-content: flex-start; padding-top: 23px; } .dealer-order__items-empty-icon { width: 40px; height: 40px; border-radius: 11.67px; } .dealer-order__items-empty-icon svg { width: 16.67px; height: 16.67px; }   .dealer-order__items { gap: 16px; margin-top: 20px; } .dealer-order__item { height: 102px; } .dealer-order__item:first-child { border-top: 0; } .dealer-order__item-img { top: 0; width: 53px; height: 53px; border-radius: 4.8px; } .dealer-order__item-info { top: 0; left: 61px; right: 26px; width: auto; } .dealer-order__item-name { font-size: 12px; line-height: 16px; } .dealer-order__item-sku { margin-top: 6px; } .dealer-order__stepper { top: 52px; left: 61px; width: 105px; height: 34px; } .dealer-order__stepper button { width: 22px; height: 22px; } .dealer-order__stepper-val { font-size: 14px; line-height: 20px; } .dealer-order__item-remove { top: 1px; right: 0; }  .dealer-order__alert { gap: 6px; padding: 12px; } .dealer-order__alert-icon img { width: 16px; height: 16px; } .dealer-order__alert p { font-size: 12px; line-height: 16px; } }  @media (max-width: 768px) { .dealer-reasons { padding: 80px 0; } .dealer-reasons__title { font-size: 32px; line-height: 38px; } .dealer-reasons__tag { display: none; } .dealer-reasons__head { margin-bottom: 40px; } .dealer-reasons__grid { gap: 10px; } .dealer-reason-card { flex: 0 0 343px; height: 450px; padding: 0 14px 21px; justify-content: flex-end; }  .dealer-reason-card:nth-child(n) { background-position: center; } .dealer-reason-card__overlay { top: 148px; } .dealer-reason-card__num { position: static; align-self: flex-start; flex: none; margin-bottom: 24px; } .dealer-reason-card__title { font-size: 18px; line-height: 26px; margin-bottom: 12px; }  .dealer-reason-card:nth-child(n) .dealer-reason-card__desc { max-width: none; } .dealer-reason-card:nth-child(1) .dealer-reason-card__title { max-width: 243px; } .dealer-reason-card:nth-child(2) .dealer-reason-card__title, .dealer-reason-card:nth-child(4) .dealer-reason-card__title { max-width: 299px; } .dealer-reason-card:nth-child(3) .dealer-reason-card__title { max-width: 281px; } .dealer-reason-card:nth-child(5) .dealer-reason-card__title {  max-width: 215px; } .dealer-reason-card__desc br { display: none; } .dealer-reasons__progress { margin-top: 30.5px; } .dealer-reasons__progress-track { --thumb-share: 0.758; } }