/* Start:/local/templates/dosaaf8marta_2026/css/reset.css?17911253814540*/
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Prevent font size inflation */
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

/* Smooth scrolling for in-page anchors (respects reduced-motion) */
@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}

/* Плавное появление блоков при прокрутке (навешивается из script.js) */
[data-reveal] {
  opacity: 0;
  transform: translateY(24px);
  transition:
    opacity 0.7s cubic-bezier(0.22, 0.61, 0.36, 1),
    transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition-delay: var(--reveal-delay, 0ms);
}

[data-reveal].is-revealed {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  [data-reveal] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

/* Remove default margin in favour of better control in authored CSS */
body, h1, h2, h3, h4, p,
figure, blockquote, dl, dd {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role='list'],
ol[role='list'] {
  list-style: none;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  line-height: 1.5;
}

/* Set shorter line heights on headings and interactive elements */
h1, h2, h3, h4,
button, input, label {
  line-height: 1.1;
}

/* Balance text wrapping on headings */
h1, h2,
h3, h4 {
  text-wrap: balance;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input, button,
textarea, select {
  font: inherit;
}

/* Make sure textarea without a rows attribute are not tiny */
textarea:not([rows]) {
  min-height: 10em;
}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJlc2V0LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxxQkFBcUI7QUFDckI7OztFQUdFLHNCQUFzQjtBQUN4Qjs7QUFFQSxnQ0FBZ0M7QUFDaEM7RUFDRSwyQkFBMkI7RUFDM0IsOEJBQThCO0VBQzlCLHNCQUFzQjtBQUN4Qjs7QUFFQSxzRUFBc0U7QUFDdEU7O0VBRUUsU0FBUztBQUNYOztBQUVBLDJHQUEyRztBQUMzRzs7RUFFRSxnQkFBZ0I7QUFDbEI7O0FBRUEsMkJBQTJCO0FBQzNCO0VBQ0UsaUJBQWlCO0VBQ2pCLGdCQUFnQjtBQUNsQjs7QUFFQSxrRUFBa0U7QUFDbEU7O0VBRUUsZ0JBQWdCO0FBQ2xCOztBQUVBLHNDQUFzQztBQUN0Qzs7RUFFRSxrQkFBa0I7QUFDcEI7O0FBRUEsMERBQTBEO0FBQzFEO0VBQ0UsaUNBQThCO1VBQTlCLDhCQUE4QjtBQUNoQzs7QUFFQSxvQ0FBb0M7QUFDcEM7O0VBRUUsZUFBZTtFQUNmLGNBQWM7QUFDaEI7O0FBRUEseUNBQXlDO0FBQ3pDOztFQUVFLGFBQWE7QUFDZjs7QUFFQSw2REFBNkQ7QUFDN0Q7RUFDRSxnQkFBZ0I7QUFDbEIiLCJmaWxlIjoicmVzZXQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyogQm94IHNpemluZyBydWxlcyAqL1xuKixcbio6OmJlZm9yZSxcbio6OmFmdGVyIHtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbn1cblxuLyogUHJldmVudCBmb250IHNpemUgaW5mbGF0aW9uICovXG5odG1sIHtcbiAgLW1vei10ZXh0LXNpemUtYWRqdXN0OiBub25lO1xuICAtd2Via2l0LXRleHQtc2l6ZS1hZGp1c3Q6IG5vbmU7XG4gIHRleHQtc2l6ZS1hZGp1c3Q6IG5vbmU7XG59XG5cbi8qIFJlbW92ZSBkZWZhdWx0IG1hcmdpbiBpbiBmYXZvdXIgb2YgYmV0dGVyIGNvbnRyb2wgaW4gYXV0aG9yZWQgQ1NTICovXG5ib2R5LCBoMSwgaDIsIGgzLCBoNCwgcCxcbmZpZ3VyZSwgYmxvY2txdW90ZSwgZGwsIGRkIHtcbiAgbWFyZ2luOiAwO1xufVxuXG4vKiBSZW1vdmUgbGlzdCBzdHlsZXMgb24gdWwsIG9sIGVsZW1lbnRzIHdpdGggYSBsaXN0IHJvbGUsIHdoaWNoIHN1Z2dlc3RzIGRlZmF1bHQgc3R5bGluZyB3aWxsIGJlIHJlbW92ZWQgKi9cbnVsW3JvbGU9J2xpc3QnXSxcbm9sW3JvbGU9J2xpc3QnXSB7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG59XG5cbi8qIFNldCBjb3JlIGJvZHkgZGVmYXVsdHMgKi9cbmJvZHkge1xuICBtaW4taGVpZ2h0OiAxMDB2aDtcbiAgbGluZS1oZWlnaHQ6IDEuNTtcbn1cblxuLyogU2V0IHNob3J0ZXIgbGluZSBoZWlnaHRzIG9uIGhlYWRpbmdzIGFuZCBpbnRlcmFjdGl2ZSBlbGVtZW50cyAqL1xuaDEsIGgyLCBoMywgaDQsXG5idXR0b24sIGlucHV0LCBsYWJlbCB7XG4gIGxpbmUtaGVpZ2h0OiAxLjE7XG59XG5cbi8qIEJhbGFuY2UgdGV4dCB3cmFwcGluZyBvbiBoZWFkaW5ncyAqL1xuaDEsIGgyLFxuaDMsIGg0IHtcbiAgdGV4dC13cmFwOiBiYWxhbmNlO1xufVxuXG4vKiBBIGVsZW1lbnRzIHRoYXQgZG9uJ3QgaGF2ZSBhIGNsYXNzIGdldCBkZWZhdWx0IHN0eWxlcyAqL1xuYTpub3QoW2NsYXNzXSkge1xuICB0ZXh0LWRlY29yYXRpb24tc2tpcC1pbms6IGF1dG87XG59XG5cbi8qIE1ha2UgaW1hZ2VzIGVhc2llciB0byB3b3JrIHdpdGggKi9cbmltZyxcbnBpY3R1cmUge1xuICBtYXgtd2lkdGg6IDEwMCU7XG4gIGRpc3BsYXk6IGJsb2NrO1xufVxuXG4vKiBJbmhlcml0IGZvbnRzIGZvciBpbnB1dHMgYW5kIGJ1dHRvbnMgKi9cbmlucHV0LCBidXR0b24sXG50ZXh0YXJlYSwgc2VsZWN0IHtcbiAgZm9udDogaW5oZXJpdDtcbn1cblxuLyogTWFrZSBzdXJlIHRleHRhcmVhIHdpdGhvdXQgYSByb3dzIGF0dHJpYnV0ZSBhcmUgbm90IHRpbnkgKi9cbnRleHRhcmVhOm5vdChbcm93c10pIHtcbiAgbWluLWhlaWdodDogMTBlbTtcbn0iXX0= */
/* End */


/* Start:/local/templates/dosaaf8marta_2026/js/swiper/swiper-bundle.min.css?179112538114609*/
/**
 * Swiper 12.2.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 27, 2026
 */

:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}::slotted(svg),svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}}
/* End */


/* Start:/local/templates/dosaaf8marta_2026/js/fancybox/fancybox.css?179112538125343*/
:root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, 0.1);--f-spinner-color-2: rgba(17, 24, 28, 0.8);--f-spinner-stroke: 2.75}.f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}.f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}.f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}.f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}.f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-throwOutUp{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0, var(--f-throw-out-distance, 150px), 0);opacity:0}}.f-zoomInUp{animation:var(--f-transition-duration, 0.2s) ease .1s both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, 0.2s) ease both f-zoomOutDown}@keyframes f-zoomInUp{from{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}}.f-fadeIn{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeOut{100%{opacity:0}}.f-fadeFastIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastOut{100%{opacity:0}}.f-fadeSlowIn{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeSlowOut{100%{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-crossfadeOut{100%{opacity:0}}.f-slideIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext}.f-slideIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev}.f-slideOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext}.f-slideOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translateX(100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideInNext{0%{transform:translateX(-100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideOutNext{100%{transform:translateX(-100%)}}@keyframes f-slideOutPrev{100%{transform:translateX(100%)}}.f-classicIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;z-index:2}.f-classicIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;z-index:2}.f-classicOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translateX(-75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translateX(75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicOutNext{100%{transform:translateX(-75px);opacity:0}}@keyframes f-classicOutPrev{100%{transform:translateX(75px);opacity:0}}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-disabled-opacity: 0.65}.f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media(hover: hover){.f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}.f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.f-button:focus:not(:focus-visible){outline:none}.f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next{top:50%;transform:translateY(-50%)}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;transform:translateX(-50%)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{transform:rotate(90deg)}.f-carousel__nav .f-button:disabled,.fancybox__nav .f-button:disabled{pointer-events:none}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden !important;overscroll-behavior-y:none}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(24, 24, 27, 0.98);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, 0.1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:var(--fancybox-zIndex, 1050);outline:none;transform-origin:top left;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;-ms-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container::backdrop{background-color:rgba(0,0,0,0)}.fancybox__backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}.fancybox__carousel{position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__viewport{width:100%;height:100%}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__track{display:flex;margin:0 auto;height:100%}.fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;overscroll-behavior:contain;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{overflow:hidden}.fancybox__slide.has-image{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}.fancybox__backdrop:empty,.fancybox__viewport:empty,.fancybox__track:empty,.fancybox__slide:empty{display:block}.fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:0;z-index:20}.is-loading .fancybox__content{opacity:0}.is-draggable .fancybox__content{cursor:move;cursor:grab}.can-zoom_in .fancybox__content{cursor:zoom-in}.can-zoom_out .fancybox__content{cursor:zoom-out}.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__content [data-selectable],.fancybox__content [contenteditable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}.is-animating .fancybox__content,.is-dragging .fancybox__content{will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none;filter:blur(0px)}.fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px 0;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}.is-loading .fancybox__caption,.is-closing .fancybox__caption{opacity:0;visibility:hidden}.is-compact .fancybox__caption{padding-bottom:0}.f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}.fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}.is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}.is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.fancybox__content>.f-button.is-close-btn:hover{opacity:1}.fancybox__footer{padding:0;margin:0;position:relative}.fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);transition:all .25s ease}.is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}.is-compact .fancybox__footer .fancybox__caption{padding:12px}.is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, 0.6);--f-button-active-bg: rgba(0, 0, 0, 0.6);--f-button-hover-bg: rgba(0, 0, 0, 0.6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}.fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, 0.3);--f-button-active-bg: rgba(24, 24, 27, 0.5);--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));--f-button-svg-disabled-opacity: 0.65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}.fancybox__nav .f-button:before{position:absolute;content:"";top:-30px;right:-20px;left:-20px;bottom:-30px;z-index:1}.is-idle .fancybox__nav{animation:.15s ease-out both f-fadeOut}.is-idle.is-compact .fancybox__footer{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));z-index:30;cursor:pointer}.fancybox-protected{position:absolute;top:0;left:0;right:0;bottom:0;z-index:40;user-select:none}.fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;object-fit:contain;z-index:40;user-select:none;pointer-events:none}.fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-enter-duration, 0.25s) ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}.fancybox__container.is-compact .has-iframe .fancybox__content,.fancybox__container.is-compact .has-map .fancybox__content,.fancybox__container.is-compact .has-pdf .fancybox__content{width:100%;height:100%}.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}.f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}.f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px}.f-thumbs{position:relative;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;perspective:1000px;transform:translateZ(0)}.f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:linear-gradient(#ebeff2, #e2e8f0);z-index:-1}.f-thumbs .f-spinner svg{display:none}.f-thumbs.is-vertical{height:100%}.f-thumbs__viewport{width:100%;height:auto;overflow:hidden;transform:translate3d(0, 0, 0)}.f-thumbs__track{display:flex}.f-thumbs__slide{position:relative;flex:0 0 auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}.f-thumbs__slide.is-loading img{opacity:0}.is-classic .f-thumbs__viewport{height:100%}.is-modern .f-thumbs__track{width:max-content}.is-modern .f-thumbs__track::before{content:"";position:absolute;top:0;bottom:0;left:calc((var(--f-thumb-clip-width, 0))*-0.5);width:calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0));cursor:pointer}.is-modern .f-thumbs__slide{width:var(--f-thumb-clip-width);transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);transition:none;pointer-events:none}.is-modern.is-resting .f-thumbs__slide{transition:transform .33s ease}.is-modern.is-resting .f-thumbs__slide__button{transition:clip-path .33s ease}.is-using-tab .is-modern .f-thumbs__slide:focus-within{filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}.f-thumbs__slide__button{appearance:none;width:var(--f-thumb-width);height:100%;margin:0 -100% 0 -100%;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:var(--f-thumb-opacity);transition:opacity .2s ease}.f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}.f-thumbs__slide__button:focus:not(:focus-visible){outline:none}.f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}.is-modern .f-thumbs__slide__button{--clip-path: inset( 0 calc( ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5 ) round var(--f-thumb-border-radius, 0) );clip-path:var(--clip-path)}.is-classic .is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-classic .is-nav-selected .f-thumbs__slide__button::after{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}.f-thumbs__slide__img{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover;border-radius:var(--f-thumb-border-radius)}.f-thumbs.is-horizontal .f-thumbs__track{padding:8px 0 12px 0}.f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}.f-thumbs.is-vertical .f-thumbs__track{flex-wrap:wrap;padding:0 8px}.f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}.fancybox__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-border-radius: 2px;--f-thumb-outline: 2px;--f-thumb-outline-color: #ededed;position:relative;opacity:var(--fancybox-opacity, 1);transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1)}.fancybox__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-classic .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}.fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}.is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}.fancybox__thumbs.is-masked{max-height:0px !important}.is-closing .fancybox__thumbs{transition:none !important}.fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, 0.65);--f-button-hover-bg: rgba(70, 70, 73, 0.65);--f-button-active-bg: rgba(90, 90, 93, 0.65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: 0.65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));pointer-events:none;z-index:20}.fancybox__toolbar :focus-visible{z-index:1}.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}.is-idle .fancybox__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}.fancybox__toolbar__column.is-right{display:flex;justify-content:flex-end;flex-wrap:nowrap}.fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;user-select:none}.fancybox__infobar span{padding:0 5px}.fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}[data-fancybox-toggle-slideshow]{position:relative}[data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}[data-fancybox-toggle-slideshow] svg g:first-child{display:flex}[data-fancybox-toggle-slideshow] svg g:last-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:last-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}.f-progress{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;user-select:none;pointer-events:none}
/* End */


/* Start:/local/templates/dosaaf8marta_2026/css/style.css?1791256443285363*/
@charset "UTF-8";
.header__main {
  position: relative;
}
.header__logo {
  position: relative;
  z-index: 12;
}

.hdr-dd {
  position: static;
  display: inline-flex;
  align-items: center;
}
.hdr-dd > a {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.hdr-dd__caret {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  transition: transform 0.2s;
}
.hdr-dd:hover .hdr-dd__caret, .hdr-dd:focus-within .hdr-dd__caret {
  transform: rotate(180deg);
}
.hdr-dd__menu {
  position: fixed;
  top: var(--hdr-b, 12rem);
  left: 0;
  right: 0;
  width: 100vw;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 1.6rem 3.2rem rgba(10, 28, 32, 0.1);
  padding: 2rem 0 2.4rem;
  opacity: 0;
  visibility: hidden;
  transform: translateY(0.6rem);
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
  z-index: 9;
}
@media (max-width: 1024px) {
  .hdr-dd__menu {
    display: none;
  }
}
.hdr-dd:hover .hdr-dd__menu, .hdr-dd:focus-within .hdr-dd__menu {
  opacity: 1;
  visibility: visible;
  transform: none;
}
.hdr-dd__inner {
  margin: 0;
  padding: 0 4rem;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  align-items: flex-start;
}
.hdr-dd__menu a {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  padding: 1.1rem 1.4rem;
  border-radius: 1rem;
  font-size: 1.4rem;
  line-height: 1.3;
  color: #4a5568;
  white-space: nowrap;
  transition: background 0.12s, color 0.12s;
}
.hdr-dd__menu a::before {
  content: "";
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background: #1a4d58;
  flex-shrink: 0;
  opacity: 0.5;
}
.hdr-dd__menu a:hover {
  background: #f0f6f7;
  color: #1a4d58;
}
.hdr-dd__menu a:hover::before {
  opacity: 1;
}

@media (max-width: 1100px) {
  .header__desktop {
    display: none !important;
  }
  .header__mobile {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .c-tabs {
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch;
    margin-left: -1.6rem !important;
    margin-right: -1.6rem !important;
    padding-left: 1.6rem !important;
    padding-right: 1.6rem !important;
    scroll-padding: 1.6rem;
    scroll-snap-type: x proximity;
  }
}
@media (max-width: 767px) {
  .c-tabs > * {
    scroll-snap-align: start;
  }
}
@media (max-width: 767px) {
  .c-tabs::-webkit-scrollbar {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .c-hero .container {
    position: relative;
  }
}
@media (max-width: 767px) {
  .c-hero .container::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 4rem;
    height: 5.4rem;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(10, 28, 32, 0), rgba(10, 28, 32, 0.55));
    z-index: 2;
  }
}

@media (max-width: 767px) {
  .c-sched {
    display: grid !important;
    grid-template-columns: auto 1fr;
    grid-template-areas: "ic title" "ic sub" "ic freq";
    column-gap: 1rem;
    align-items: center;
  }
}
@media (max-width: 767px) {
  .c-sched__ic {
    grid-area: ic;
    margin: 0 !important;
    align-self: center;
  }
}
@media (max-width: 767px) {
  .c-sched__n {
    grid-area: title;
  }
}
@media (max-width: 767px) {
  .c-sched__t {
    grid-area: sub;
  }
}
@media (max-width: 767px) {
  .c-sched__f {
    grid-area: freq;
  }
}

@media (max-width: 767px) {
  .p-strip {
    display: flex !important;
    grid-template-columns: none !important;
    overflow-x: auto;
    margin-bottom: 0 !important;
  }
}
@media (max-width: 767px) {
  .p-strip > * {
    flex: 0 0 14rem;
  }
}
@media (max-width: 767px) {
  .p-strip .p-coll__av {
    aspect-ratio: auto !important;
    width: 8rem !important;
    height: 8rem !important;
    border-radius: 50% !important;
    margin: 0 auto 0.8rem !important;
  }
}

@media (max-width: 767px) {
  .rm-sb {
    height: 0.5rem;
    margin: 1.2rem 1.6rem 2.4rem;
    border-radius: 3px;
    background: #eef1f3;
    position: relative;
    overflow: hidden;
  }
}
@media (max-width: 767px) {
  .rm-sb__thumb {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-radius: 3px;
    background: #c4d2d5;
  }
}

@media (max-width: 767px) {
  .p-card:has(.p-strip) {
    padding-bottom: 0.6rem !important;
  }
}

@media (max-width: 767px) {
  .reviews {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 767px) {
  [class$=-crumbs],
  [class*="-crumbs "] {
    flex-wrap: nowrap !important;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    margin-left: -1.6rem !important;
    margin-right: -1.6rem !important;
    padding-left: 1.6rem !important;
    padding-right: 1.6rem !important;
    scroll-padding: 1.6rem;
  }
  [class$=-crumbs].rm-scrollx,
  [class*="-crumbs "].rm-scrollx {
    -webkit-mask-image: linear-gradient(90deg, #000 86%, transparent);
    mask-image: linear-gradient(90deg, #000 86%, transparent);
  }
  [class$=-crumbs]::-webkit-scrollbar,
  [class*="-crumbs "]::-webkit-scrollbar {
    display: none;
  }
  [class$=-crumbs] > *,
  [class*="-crumbs "] > * {
    flex-shrink: 0;
    white-space: nowrap;
  }
  .filter-row,
  .in-filter__in,
  .ak-filter__in,
  .u2-frow,
  .rv-fbar {
    flex-wrap: nowrap !important;
    overflow-x: auto;
    overflow-y: hidden !important;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    margin-left: -1.4rem;
    margin-right: -1.4rem;
    padding-left: 1.4rem;
    padding-right: 1.4rem;
    scroll-padding: 1.4rem;
  }
  .filter-row::-webkit-scrollbar,
  .in-filter__in::-webkit-scrollbar,
  .ak-filter__in::-webkit-scrollbar,
  .u2-frow::-webkit-scrollbar,
  .rv-fbar::-webkit-scrollbar {
    display: none;
  }
  .filter-row > *,
  .u2-frow > *,
  .rv-fbar > * {
    flex-shrink: 0;
  }
  .filter-row::after,
  .in-filter__in::after,
  .ak-filter__in::after,
  .u2-frow::after,
  .rv-fbar::after {
    content: "";
    flex: 0 0 3.2rem;
  }
  .filter-bar .container,
  .ak-filter .container,
  .u2-filter .container,
  .rv-filter .container {
    position: relative;
  }
  .filter-bar .container::after,
  .ak-filter .container::after,
  .u2-filter .container::after,
  .rv-filter .container::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 3.6rem;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff 78%);
    z-index: 3;
  }
  .page-hero__stats,
  .u2-trust,
  .in-hstats,
  .in-stats,
  .rv-hstats,
  .p-hstats,
  .co-hstats {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 1.6rem 1.2rem !important;
  }
  .page-hero__stats > *,
  .u2-trust > *,
  .in-hstats > *,
  .in-stats > *,
  .rv-hstats > *,
  .p-hstats > *,
  .co-hstats > * {
    min-width: 0;
  }
  .compare-wrap,
  .u2-tablewrap {
    margin-left: -1.6rem !important;
    margin-right: -1.6rem !important;
    padding-left: 1.6rem !important;
    padding-right: 1.6rem !important;
    scroll-padding: 1.6rem;
  }
  .calc__field,
  .ds-field,
  .rf-in-wrap {
    flex: 1 1 100% !important;
    width: 100% !important;
  }
  .calc__field .cs-wrap,
  .ds-field .cs-wrap,
  .p-fg .cs-wrap,
  .rf .cs-wrap,
  .lead-form .cs-wrap,
  .p-modal .cs-wrap {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  .calc__field .cs-trigger,
  .ds-field .cs-trigger,
  .p-fg .cs-trigger,
  .rf .cs-trigger,
  .lead-form .cs-trigger,
  .p-modal .cs-trigger {
    width: 100% !important;
  }
  .rv-fbar .cs-wrap,
  .filter-row .cs-wrap,
  .in-filter__in .cs-wrap,
  .ak-filter__in .cs-wrap,
  .u2-frow .cs-wrap {
    width: auto !important;
    max-width: 18rem;
  }
  .quick-start__contacts,
  .contact-pills {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .quick-start__contacts .contact-pill,
  .contact-pills .contact-pill {
    width: 100% !important;
    justify-content: center !important;
    text-align: center;
  }
  a:has(> svg[style*="1em"]) {
    white-space: nowrap;
    flex-shrink: 0;
  }
  .c-instr-strip,
  .p-strip {
    margin-left: -1.6rem !important;
    margin-right: -1.6rem !important;
    padding-left: 1.6rem !important;
    padding-right: 1.6rem !important;
    scrollbar-width: none !important;
    scroll-padding: 1.6rem;
    overflow-y: hidden !important;
  }
  .c-instr-strip::-webkit-scrollbar,
  .p-strip::-webkit-scrollbar {
    display: none !important;
  }
}
@keyframes dsRise {
  from {
    opacity: 0;
    transform: translateY(1.4rem);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
textarea.ds-field__control {
  height: auto;
  min-height: 10rem;
  padding: 1.4rem 2rem;
  border-radius: 1.2rem;
  line-height: 150%;
  resize: vertical;
}

@keyframes dsShake {
  10%, 90% {
    transform: translateX(-0.2rem);
  }
  30%, 70% {
    transform: translateX(0.4rem);
  }
  50% {
    transform: translateX(-0.3rem);
  }
}
@keyframes dsPop {
  from {
    transform: scale(0.4);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
html.ds-modal-lock,
body.ds-modal-lock {
  overflow: hidden;
}

.ds-modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 2.4rem;
  box-sizing: border-box;
  overflow-y: auto;
}
@media (max-width: 600px) {
  .ds-modal {
    padding: 1.2rem;
  }
}
.ds-modal.is-open, .ds-modal.is-closing {
  display: flex;
}
.ds-modal[hidden] {
  display: none;
}
.ds-modal__backdrop {
  position: fixed;
  inset: 0;
  background: rgba(6, 20, 24, 0.62);
  opacity: 0;
  transition: opacity 0.34s cubic-bezier(0.4, 0, 0.2, 1);
}
@supports (backdrop-filter: blur(2px)) {
  .ds-modal__backdrop {
    backdrop-filter: blur(10px) saturate(120%);
  }
}
.ds-modal.is-open .ds-modal__backdrop {
  opacity: 1;
}
.ds-modal.is-closing .ds-modal__backdrop {
  opacity: 0;
  transition-duration: 0.24s;
}
.ds-modal__dialog {
  position: relative;
  width: 100%;
  max-width: 46rem;
  margin: auto;
  background: #fff;
  border-radius: 2.4rem;
  padding: 3.6rem 3.2rem 3.2rem;
  box-sizing: border-box;
  box-shadow: 0 3.2rem 8rem rgba(6, 20, 24, 0.34);
  opacity: 0;
  transform: translateY(3.2rem) scale(0.94);
  transition: opacity 0.3s ease, transform 0.46s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform, opacity;
}
@media (max-width: 600px) {
  .ds-modal__dialog {
    padding: 3.2rem 2rem 2.4rem;
    border-radius: 2rem;
  }
}
.ds-modal.is-open .ds-modal__dialog {
  opacity: 1;
  transform: none;
}
.ds-modal.is-closing .ds-modal__dialog {
  opacity: 0;
  transform: translateY(1.2rem) scale(0.97);
  transition: opacity 0.2s ease, transform 0.24s cubic-bezier(0.4, 0, 1, 1);
}
.ds-modal--wide .ds-modal__dialog {
  max-width: 64rem;
}
.ds-modal--dark .ds-modal__dialog {
  background: #0a1c20;
  color: #fff;
}
.ds-modal.is-open .ds-modal__dialog > * {
  animation: dsRise 0.5s cubic-bezier(0.16, 1, 0.3, 1) both;
}
@media (prefers-reduced-motion: reduce) {
  .ds-modal.is-open .ds-modal__dialog > * {
    animation: none;
  }
}
.ds-modal.is-open .ds-modal__dialog > *:nth-child(2) {
  animation-delay: 0.06s;
}
.ds-modal.is-open .ds-modal__dialog > *:nth-child(3) {
  animation-delay: 0.11s;
}
.ds-modal.is-open .ds-modal__dialog > *:nth-child(4) {
  animation-delay: 0.15s;
}
.ds-modal__close {
  position: absolute;
  top: 1.6rem;
  right: 1.6rem;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  border: 0;
  background: #f3f5f7;
  color: #4a5568;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.ds-modal__close::before, .ds-modal__close::after {
  content: "";
  position: absolute;
  width: 1.6rem;
  height: 0.2rem;
  border-radius: 0.2rem;
  background: currentColor;
}
.ds-modal__close::before {
  transform: rotate(45deg);
}
.ds-modal__close::after {
  transform: rotate(-45deg);
}
.ds-modal__close:hover {
  background: #e21c2a;
  color: #fff;
}
.ds-modal--dark .ds-modal__close {
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
}
.ds-modal__head {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  margin-bottom: 2.4rem;
  padding-right: 4rem;
}
.ds-modal__eyebrow {
  font: 600 1.2rem/1.2 "Golos", Arial, sans-serif;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #8a9fa4;
}
.ds-modal__title {
  margin: 0;
  font: 700 2.6rem/108% "Roboto", Arial, sans-serif;
  letter-spacing: -0.02em;
  color: #1a202c;
}
@media (max-width: 600px) {
  .ds-modal__title {
    font-size: 2.2rem;
  }
}
.ds-modal--dark .ds-modal__title {
  color: #fff;
}
.ds-modal__text {
  margin: 0;
  font: 400 1.4rem/150% "Golos", Arial, sans-serif;
  color: #718096;
  text-wrap: pretty;
}
.ds-modal__form {
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
}
.ds-modal__submit {
  width: 100%;
  height: 5rem;
  border: 0;
  border-radius: 1.2rem;
  background: #e21c2a;
  color: #fff;
  font: 600 1.5rem/1 "Golos", Arial, sans-serif;
  cursor: pointer;
  transition: background-color 0.2s ease, opacity 0.2s ease;
  margin-top: 0.6rem;
}
.ds-modal__submit:hover:not(:disabled) {
  background: #c4131f;
}
.ds-modal__submit:disabled {
  background: #e7e9ee;
  color: #a0aab2;
  cursor: not-allowed;
}
.ds-modal__note {
  font: 400 1.2rem/150% "Golos", Arial, sans-serif;
  color: #a0aab2;
  text-align: center;
}
.ds-modal__done {
  display: none;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 1.2rem;
  padding: 1.2rem 0 0.4rem;
}
.ds-modal.is-done .ds-modal__form {
  display: none;
}
.ds-modal.is-done .ds-modal__done {
  display: flex;
  animation: dsRise 0.5s cubic-bezier(0.16, 1, 0.3, 1) both;
}
.ds-modal__ok {
  width: 7.2rem;
  height: 7.2rem;
  border-radius: 50%;
  background: #eaf6ef;
  color: #1e9e5a;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: dsPop 0.5s cubic-bezier(0.16, 1, 0.3, 1) both;
}
.ds-modal__ok svg {
  width: 3.2rem;
  height: 3.2rem;
}
@media (prefers-reduced-motion: reduce) {
  .ds-modal__dialog, .ds-modal__backdrop {
    transition-duration: 0.01ms;
  }
}

.ds-field {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.ds-field__label {
  font: 500 1.2rem/1.2 "Golos", Arial, sans-serif;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #8a9fa4;
}
.ds-field__control {
  width: 100%;
  box-sizing: border-box;
  height: 4.8rem;
  padding: 0 2rem;
  border: 1.5px solid #e7e9ee;
  border-radius: 1.2rem;
  background: #fff;
  font: 400 1.5rem/1 "Golos", Arial, sans-serif;
  color: #1a202c;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.ds-field__control::placeholder {
  color: #a9b4bc;
}
.ds-field__control:focus {
  outline: none;
  border-color: #1a4d58;
  box-shadow: 0 0 0 0.4rem rgba(26, 77, 88, 0.12);
}
.ds-field__control:disabled {
  background: #f7f8fa;
  color: #a0aab2;
}
.ds-field.is-error .ds-field__control {
  border-color: #e21c2a;
  box-shadow: 0 0 0 0.4rem rgba(226, 28, 42, 0.1);
}
.ds-field__err {
  display: none;
  font: 400 1.2rem/1.4 "Golos", Arial, sans-serif;
  color: #e21c2a;
  padding-left: 2rem;
}
.ds-field.is-error .ds-field__err {
  display: block;
}

.ds-check {
  position: relative;
  display: grid;
  grid-template-columns: 2rem 1fr;
  gap: 1rem;
  align-items: start;
  cursor: pointer;
  margin-top: 0.4rem;
}
.ds-check input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.ds-check__box {
  width: 2rem;
  height: 2rem;
  margin-top: 0.1rem;
  border: 1.5px solid #cfd6dd;
  border-radius: 0.6rem;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.ds-check__box::after {
  content: "";
  width: 1.1rem;
  height: 0.6rem;
  border-left: 0.2rem solid #fff;
  border-bottom: 0.2rem solid #fff;
  border-radius: 0.1rem;
  transform: rotate(-45deg) scale(0.4);
  opacity: 0;
  transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.16s ease;
  margin-top: -0.2rem;
}
.ds-check input:checked + .ds-check__box {
  background: #1a4d58;
  border-color: #1a4d58;
}
.ds-check input:checked + .ds-check__box::after {
  opacity: 1;
  transform: rotate(-45deg) scale(1);
}
.ds-check input:focus-visible + .ds-check__box {
  box-shadow: 0 0 0 0.4rem rgba(26, 77, 88, 0.16);
}
.ds-check__text {
  font: 400 1.2rem/150% "Golos", Arial, sans-serif;
  color: #718096;
  text-wrap: pretty;
}
.ds-check__text a {
  color: #1a4d58;
  text-decoration: underline;
}
.ds-check__text a:hover {
  color: #e21c2a;
}
.ds-check__text i {
  font-style: normal;
  color: #e21c2a;
}
.ds-check.is-error .ds-check__box {
  border-color: #e21c2a;
  animation: dsShake 0.4s ease;
}

.sx {
  position: relative;
  min-width: 0;
  max-width: 100%;
}
.sx__fade {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 4.4rem;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.22s ease;
  z-index: 2;
}
.sx__fade--l {
  left: 0;
}
.sx__fade--r {
  right: 0;
}
.sx.has-l .sx__fade--l, .sx.has-r .sx__fade--r {
  opacity: 1;
}
.sx__nav {
  position: absolute;
  top: 50%;
  margin-top: -1.7rem;
  z-index: 3;
  display: none;
  align-items: center;
  justify-content: center;
  width: 3.4rem;
  height: 3.4rem;
  padding: 0;
  border: 1px solid rgba(26, 32, 44, 0.12);
  border-radius: 1.2rem;
  background: #fff;
  box-shadow: 0 0.4rem 1.2rem rgba(10, 28, 32, 0.16);
  cursor: pointer;
  color: #0a1c20;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
@media (min-width: 980px) {
  .sx__nav {
    display: none !important;
  }
}
.sx__nav:hover {
  background: #f59e0b;
  border-color: #f59e0b;
}
.sx__nav svg {
  width: 1.7rem;
  height: 1.7rem;
}
.sx__nav--l {
  left: 0.4rem;
}
.sx__nav--r {
  right: 0.4rem;
}
.sx.has-l .sx__nav--l, .sx.has-r .sx__nav--r {
  display: flex;
}
.sx__scroller {
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
}
.sx__scroller::-webkit-scrollbar {
  display: none;
}
.sx__scroller.is-drag {
  cursor: grabbing;
  user-select: none;
}
.sx--dark .sx__nav {
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.22);
  color: #fff;
  box-shadow: none;
}
.sx--dark .sx__nav:hover {
  background: #f59e0b;
  border-color: #f59e0b;
  color: #0a1c20;
}
@media (min-width: 980px) {
  .sx--arrows.has-l .sx__nav--l, .sx--arrows.has-r .sx__nav--r {
    display: flex !important;
  }
}
.sx--arrows > .sx__scroller {
  padding-left: 4.4rem;
  padding-right: 4.4rem;
  scroll-padding-left: 4.4rem;
  scroll-padding-right: 4.4rem;
}
@media (prefers-reduced-motion: reduce) {
  .sx__fade, .sx__nav {
    transition: none;
  }
}

@font-face {
  font-family: "Roboto";
  src: url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-BlackItalic.eot");
  src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-BlackItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-BlackItalic.woff2") format("woff2"), url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-BlackItalic.woff") format("woff"), url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-Bold.eot");
  src: local("Roboto Bold"), local("Roboto-Bold"), url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-Bold.woff2") format("woff2"), url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-Bold.woff") format("woff"), url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-BoldItalic.eot");
  src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-BoldItalic.woff2") format("woff2"), url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-BoldItalic.woff") format("woff"), url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-LightItalic.eot");
  src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-LightItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-LightItalic.woff2") format("woff2"), url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-LightItalic.woff") format("woff"), url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-Regular.eot");
  src: local("Roboto"), local("Roboto-Regular"), url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-Regular.woff2") format("woff2"), url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-Regular.woff") format("woff"), url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-ThinItalic.eot");
  src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-ThinItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-ThinItalic.woff2") format("woff2"), url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-ThinItalic.woff") format("woff"), url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-Black.eot");
  src: local("Roboto Black"), local("Roboto-Black"), url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-Black.eot?#iefix") format("embedded-opentype"), url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-Black.woff2") format("woff2"), url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-Black.woff") format("woff"), url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-MediumItalic.eot");
  src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-MediumItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-MediumItalic.woff2") format("woff2"), url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-MediumItalic.woff") format("woff"), url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-Thin.eot");
  src: local("Roboto Thin"), local("Roboto-Thin"), url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-Thin.eot?#iefix") format("embedded-opentype"), url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-Thin.woff2") format("woff2"), url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-Thin.woff") format("woff"), url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-Light.eot");
  src: local("Roboto Light"), local("Roboto-Light"), url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-Light.woff2") format("woff2"), url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-Light.woff") format("woff"), url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-Italic.eot");
  src: local("Roboto Italic"), local("Roboto-Italic"), url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-Italic.eot?#iefix") format("embedded-opentype"), url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-Italic.woff2") format("woff2"), url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-Italic.woff") format("woff"), url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-Medium.eot");
  src: local("Roboto Medium"), local("Roboto-Medium"), url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-Medium.woff2") format("woff2"), url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-Medium.woff") format("woff"), url("/local/templates/dosaaf8marta_2026/css/../fonts/Roboto/Roboto-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Golos";
  src: url("/local/templates/dosaaf8marta_2026/css/../fonts/Golos/regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Golos";
  src: url("/local/templates/dosaaf8marta_2026/css/../fonts/Golos/medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Golos";
  src: url("/local/templates/dosaaf8marta_2026/css/../fonts/Golos/semi-bold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Golos";
  src: url("/local/templates/dosaaf8marta_2026/css/../fonts/Golos/bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Golos";
  src: url("/local/templates/dosaaf8marta_2026/css/../fonts/Golos/black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@keyframes hero-label-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(74, 222, 128, 0.55);
  }
  70% {
    box-shadow: 0 0 0 0.6rem rgba(74, 222, 128, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(74, 222, 128, 0);
  }
}
.course-hero {
  position: relative;
  overflow: hidden;
  min-height: 64rem;
  color: #fff;
  background-color: #071314;
  padding-top: 16.4rem;
}
@media (max-width: 767px) {
  .course-hero {
    padding-top: 30rem;
  }
}
.course-hero__picture {
  position: absolute;
  width: 100%;
  max-width: 136.6rem;
  height: 100%;
  left: 0;
  right: 0;
  margin-inline: auto;
  top: 0;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 12rem, #000 calc(100% - 12rem), transparent 100%), linear-gradient(180deg, #000 0, #000 calc(100% - 14rem), transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 12rem, #000 calc(100% - 12rem), transparent 100%), linear-gradient(180deg, #000 0, #000 calc(100% - 14rem), transparent 100%);
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
}
@media (max-width: 767px) {
  .course-hero__picture {
    height: calc(100% - 20rem);
    -webkit-mask-image: linear-gradient(180deg, #000 0, #000 calc(100% - 8rem), transparent 100%);
    mask-image: linear-gradient(180deg, #000 0, #000 calc(100% - 8rem), transparent 100%);
  }
}
.course-hero__picture img,
.course-hero__picture video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.course-hero__picture .course-hero__mobile-image {
  display: none;
}
@media (max-width: 767px) {
  .course-hero__picture .course-hero__video {
    display: none;
  }
  .course-hero__picture .course-hero__mobile-image {
    display: block;
  }
}
.course-hero__label {
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 2rem;
  background: rgba(255, 255, 255, 0.1);
  font-size: 1.4rem;
  color: rgba(255, 255, 255, 0.85);
  font-family: "Golos", Arial, sans-serif;
  display: inline-flex;
  align-items: center;
  min-height: 4rem;
  padding: 1rem 1.7rem 1rem 3.6rem;
  position: relative;
}
@media (max-width: 767px) {
  .course-hero__label {
    font-size: 1.2rem;
    background: rgba(10, 28, 31, 0.6);
  }
}
.course-hero__label::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  width: 0.7rem;
  height: 0.7rem;
  background: #4ade80;
  left: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
  animation: hero-label-pulse 2s ease-out infinite;
}
.course-hero__title {
  max-width: 76rem;
  margin: 1.6rem 0 0 0;
  font-size: 4rem;
  line-height: 113%;
  text-transform: uppercase;
  font-family: "Roboto", Arial, sans-serif;
}
@media (max-width: 767px) {
  .course-hero__title {
    font-size: 2.5rem;
    line-height: 120%;
  }
}
.course-hero__title span {
  color: #f59e0b;
}
.course-hero__text {
  max-width: 50rem;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 156%;
  color: rgba(255, 255, 255, 0.7);
  font-family: "Golos", Arial, sans-serif;
  margin-top: 2.2rem;
}
@media (max-width: 767px) {
  .course-hero__text {
    font-size: 1.4rem;
    line-height: 114%;
    margin-top: 1rem;
  }
}
.course-hero__tags {
  display: flex;
  flex-wrap: wrap;
  row-gap: 1rem;
  column-gap: 0.5rem;
  max-width: 60rem;
  margin: 5rem 0 0;
  padding: 0;
  list-style: none;
  font-family: "Golos", Arial, sans-serif;
}
@media (max-width: 767px) {
  .course-hero__tags {
    margin-top: 1.2rem;
    row-gap: 0.5rem;
  }
}
.course-hero__tags li {
  display: inline-flex;
  align-items: stretch;
  min-height: 4rem;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 2rem;
  background: rgba(255, 255, 255, 0.1);
  font-size: 1.4rem;
  line-height: 1.2;
  white-space: nowrap;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
@media (max-width: 767px) {
  .course-hero__tags li {
    background: rgba(255, 255, 255, 0.1);
    min-height: 3.5rem;
    font-size: 1.2rem;
    line-height: 117%;
  }
}
.course-hero__tags li:hover {
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.35);
}
.course-hero__tags li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 1.6rem;
  color: rgba(255, 255, 255, 0.88);
  text-decoration: none;
  border-radius: inherit;
}
.course-hero__tags li a:focus-visible {
  outline: 2px solid rgba(245, 158, 11, 0.9);
  outline-offset: 2px;
}
.course-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 1.6rem;
}
@media (max-width: 767px) {
  .course-hero__actions {
    margin-top: 1.2rem;
  }
}
.course-hero__inner {
  display: flex;
  justify-content: space-between;
  gap: 4rem;
  align-items: flex-start;
}
@media (max-width: 979px) {
  .course-hero__form {
    display: none;
  }
}

.course-hero__title {
  font-size: 3.2rem;
}
@media (max-width: 767px) {
  .course-hero__title {
    font-size: 2.2rem;
  }
}

html {
  font-size: 10px;
}

body {
  font-family: "Golos", Arial, sans-serif;
}
body.is-menu-open {
  overflow: hidden;
  position: relative;
}
body.is-menu-open:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
}

/* Мобильная версия: убираем горизонтальную прокрутку страницы (clip не ломает sticky) */
@media (max-width: 767px) {
  html,
  body {
    overflow-x: clip !important;
  }
}

.container {
  position: relative;
  z-index: 1;
  max-width: 136.6rem;
  margin: 0 auto;
  padding: 0 4rem;
}
@media (max-width: 767px) {
  .container {
    padding: 0 1.4rem;
  }
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 4.4rem;
  padding: 0 3.8rem;
  border: 0.1rem solid transparent;
  border-radius: 1.2rem;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  transition: 0.2s all ease;
}
@media (max-width: 767px) {
  .btn {
    padding: 0 2rem;
  }
}
.btn--primary {
  position: relative;
  isolation: isolate;
  background: linear-gradient(217deg, #f00 0%, #b30909 100%);
  color: #fff;
}
.btn--primary::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: linear-gradient(17deg, #f00 0%, #b30909 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.btn--primary:hover::before {
  opacity: 1;
}
.btn--outline {
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: rgba(255, 255, 255, 0.1);
  color: #f59e0b;
}
.btn--outline:hover {
  border-color: rgba(255, 255, 255, 0.46);
}
.btn--light {
  border: 1px solid rgba(0, 0, 0, 0.14);
  background: transparent;
  color: #1a202c;
}
.btn--light:hover {
  border-color: #1a4d58;
  background: #1a4d58;
  color: #f59e0b;
}

.fancybox__backdrop {
  background: rgba(10, 28, 32, 0.8) !important;
  backdrop-filter: blur(5px);
}

body {
  background-color: #fff;
}
body.bg-gray {
  background-color: #f4f6f8;
}

a {
  text-decoration: none;
}

[id] {
  scroll-margin-top: calc(var(--hdr-b, 12rem) + 1.6rem);
}

.trust-list {
  list-style: none;
  padding: 0;
  margin: 5rem 0 0 0;
  display: flex;
  column-gap: 4rem;
}
@media (max-width: 767px) {
  .trust-list {
    margin-top: 2.6rem;
    column-gap: 2rem;
  }
}
.trust-list__text {
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 100%;
  flex-shrink: 0;
}
.trust-list__text b {
  font-weight: 500;
  font-size: 1.8rem;
  color: rgba(255, 255, 255, 0.82);
}
@media (max-width: 767px) {
  .trust-list__text b {
    font-size: 1.6rem;
  }
}
.trust-list__content {
  display: flex;
  align-items: flex-end;
  column-gap: 1rem;
}
@media (max-width: 767px) {
  .trust-list__content {
    column-gap: 0.5rem;
  }
}
.trust-list__content img {
  max-width: 7.8rem;
  width: 100%;
}
@media (max-width: 767px) {
  .trust-list__content img {
    max-width: 5rem;
  }
}
.trust-list__stars {
  width: 9.7rem;
  height: 1.9rem;
  position: relative;
  background-image: url("/local/templates/dosaaf8marta_2026/css/../images/rating-star.svg");
  background-repeat: no-repeat;
  background-size: 9.7rem 1.9rem;
  margin-bottom: 0.5rem;
}
@media (max-width: 767px) {
  .trust-list__stars {
    width: 6.2rem;
    height: 1.2rem;
    background-size: 6.2rem 1.2rem;
  }
}
.trust-list__stars-fill {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: url("/local/templates/dosaaf8marta_2026/css/../images/rating-star-fill.svg");
  background-repeat: no-repeat;
  background-size: 9.7rem 1.9rem;
}
@media (max-width: 767px) {
  .trust-list__stars-fill {
    background-size: 6.2rem 1.2rem;
  }
}
.trust-list__accent {
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 89%;
  color: #f59e0b;
}
@media (max-width: 767px) {
  .trust-list__accent {
    font-size: 1.6rem;
  }
}
.trust-list__item--success {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.school-stats {
  position: relative;
  margin-top: 7rem;
  padding: 2rem 0;
  background: rgba(255, 255, 255, 0.8);
}
@media (max-width: 767px) {
  .school-stats {
    margin-top: 2.6rem;
    padding: 3rem 0;
    background: rgb(255, 255, 255);
  }
  .school-stats:before {
    content: "";
    position: absolute;
    left: 1.4rem;
    top: 50%;
    width: calc(100% - 2.8rem);
    height: 1px;
    background: #e7e9ee;
  }
}
.school-stats__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  gap: 2rem;
  margin: 0;
  padding: 0;
}
@media (max-width: 767px) {
  .school-stats__list {
    row-gap: 5rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
.school-stats__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.school-stats__value {
  font-weight: 800;
  font-size: 3rem;
  line-height: 87%;
  letter-spacing: -0.03em;
  text-align: center;
  color: #224750;
  font-family: "Roboto", Arial, sans-serif;
}
@media (max-width: 767px) {
  .school-stats__value {
    text-align: left;
  }
}
.school-stats__text {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 100%;
  text-align: center;
  color: #718096;
  margin-top: 0.4rem;
}
@media (max-width: 767px) {
  .school-stats__text {
    text-align: left;
  }
}

.section-head__eyebrow {
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 120%;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #647e83;
}
@media (max-width: 767px) {
  .section-head__eyebrow {
    font-size: 1.15rem;
    line-height: 184%;
  }
}
.section-head__title {
  font-weight: 700;
  font-size: 3.5rem;
  line-height: 94%;
  letter-spacing: -0.02em;
  color: #1a202c;
  font-family: "Roboto", Arial, sans-serif;
  margin-top: 1.2rem;
}
@media (max-width: 767px) {
  .section-head__title {
    font-size: 2.5rem;
    margin-top: 0.5rem;
  }
}
.section-head__text {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 94%;
  color: #718096;
  margin-top: 1.2rem;
}
@media (max-width: 767px) {
  .section-head__text {
    font-size: 1.4rem;
    line-height: 100%;
    margin-top: 1rem;
  }
}

.license-cats {
  padding: 7rem 0;
  overflow: hidden;
}
@media (max-width: 767px) {
  .license-cats {
    padding: 5rem 0;
  }
}
.license-cats__list {
  padding-top: 5rem;
  display: flex;
}
@media (max-width: 767px) {
  .license-cats__list {
    padding-top: 2rem;
  }
}
.license-cats__slider {
  border-bottom: 1px solid #eef2fa;
}
@media (max-width: 767px) {
  .license-cats__slider.swiper {
    width: calc(100% + 2.8rem);
    margin: 0 -1.4rem;
    padding: 0 1.4rem;
  }
}
.license-cats__name {
  font-weight: 500;
  font-size: 1.6rem;
  color: #718096;
  display: inline-block;
  margin-top: 2.2rem;
  transition: 0.4s all ease-in-out;
  padding-bottom: 1.2rem;
  position: relative;
}
.license-cats__name:before {
  content: "";
  position: absolute;
  width: 0;
  background-color: #1a4d58;
  height: 2px;
  bottom: 0;
  left: 0;
  transition: 0.4s all ease-in-out;
}
.license-cats__name b {
  color: #718096;
  font-weight: inherit;
  transition: 0.4s all ease-in-out;
}
.license-cats__item {
  text-decoration: none;
}
.license-cats__item.swiper-slide {
  width: auto;
}
.license-cats__item:hover .license-cats__picture, .license-cats__item.is-active .license-cats__picture, .license-cats__item.swiper-slide-active .license-cats__picture {
  transform: translateX(0);
}
.license-cats__item:hover .license-cats__name, .license-cats__item.is-active .license-cats__name, .license-cats__item.swiper-slide-active .license-cats__name {
  color: #1a4d58;
}
.license-cats__item:hover .license-cats__name:before, .license-cats__item.is-active .license-cats__name:before, .license-cats__item.swiper-slide-active .license-cats__name:before {
  width: 100%;
}
.license-cats__item:hover .license-cats__name b, .license-cats__item.is-active .license-cats__name b, .license-cats__item.swiper-slide-active .license-cats__name b {
  color: #f00;
}
.license-cats__picture {
  transition: 0.4s all ease-in-out;
  transform: translateX(2rem);
  position: relative;
  display: block;
  padding-right: 2rem;
}
.license-cats__picture img {
  max-height: 13rem;
}

.license-cats[data-format-switch] .license-cats__item.swiper-slide-active:not(.is-active):not(:hover) .license-cats__picture {
  transform: translateX(2rem);
}
.license-cats[data-format-switch] .license-cats__item.swiper-slide-active:not(.is-active):not(:hover) .license-cats__name {
  color: #718096;
}
.license-cats[data-format-switch] .license-cats__item.swiper-slide-active:not(.is-active):not(:hover) .license-cats__name:before {
  width: 0;
}
.license-cats[data-format-switch] .license-cats__item.swiper-slide-active:not(.is-active):not(:hover) .license-cats__name b {
  color: #718096;
}

.learning-formats {
  background: #efefef;
  padding: 7rem 0;
}
@media (max-width: 767px) {
  .learning-formats {
    padding: 2rem 0;
  }
}
.learning-formats__grid {
  margin-top: 5rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.6rem;
}
@media (max-width: 1279px) {
  .learning-formats__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1024px) {
  .learning-formats__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .learning-formats__grid {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
}
.learning-formats .format-card {
  border: 1px solid #e7e9ee;
  border-radius: 1.6rem;
  padding: 2rem;
  background: #fff;
  min-height: 20.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: 0.2s all linear;
  box-shadow: none;
  position: relative;
  scroll-margin-top: 11rem;
}
@media (max-width: 767px) {
  .learning-formats .format-card {
    min-height: 16.8rem;
    padding: 1.4rem;
    scroll-margin-top: 7rem;
  }
}
.learning-formats .format-card:hover {
  box-shadow: 0 4px 30px 0 rgba(26, 32, 44, 0.15);
}
.learning-formats .format-card__content {
  max-width: 15rem;
  position: relative;
  z-index: 1;
}
.learning-formats .format-card__title {
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 105%;
  color: #1a202c;
}
@media (max-width: 767px) {
  .learning-formats .format-card__title {
    font-size: 1.8rem;
  }
}
.learning-formats .format-card__control {
  margin-top: 1rem;
}
.learning-formats .format-card__text {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 129%;
  color: #718096;
  margin-top: 1.2rem;
}
@media (max-width: 767px) {
  .learning-formats .format-card__text {
    margin-top: 0.5rem;
  }
}
.learning-formats .format-card__image {
  position: absolute;
  width: 10rem;
  height: 10rem;
  right: 0;
  padding-right: 1.4rem;
  padding-top: 2.4rem;
  box-sizing: border-box;
  top: 0;
}
@media (max-width: 767px) {
  .learning-formats .format-card__image {
    width: 11rem;
    height: 11rem;
    padding-right: 1rem;
    padding-top: 1rem;
  }
}
.learning-formats .format-card__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.learning-formats .format-card__price {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 116%;
  color: #1a3a6b;
}
.learning-formats .format-card__price span {
  color: #718096;
}
.learning-formats .format-card__badge {
  position: absolute;
  border-radius: 2rem;
  background: #1a4d58;
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 129%;
  color: #fff;
  display: inline-block;
  padding: 0.4rem 2rem;
  right: 1.6rem;
  top: -1rem;
}
.learning-formats .format-card__button {
  margin-top: 1.2rem;
  width: 100%;
}

.learning-formats .format-card.is-hidden {
  display: none;
}

.format-card__title a {
  color: inherit;
  text-decoration: none;
}

.advantages {
  padding: 6rem 0;
  background-image: url("/local/templates/dosaaf8marta_2026/css/../images/bg-advantages.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  overflow: hidden;
}
@media (max-width: 767px) {
  .advantages {
    padding: 3rem 0;
  }
}
.advantages__grid {
  margin-top: 4.5rem;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
}
@media (max-width: 767px) {
  .advantages__grid {
    gap: 0;
  }
}
@media (min-width: 768px) {
  .advantages__grid.swiper-wrapper {
    display: grid;
  }
}
@media (max-width: 1024px) {
  .advantages__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.advantages__head .section-head__title {
  color: #fff;
}
.advantages__head .section-head__title span {
  color: #f59e0b;
}
.advantages .advantage-card {
  border-radius: 1.6rem;
  backdrop-filter: blur(8px);
  background: rgba(26, 58, 65, 0.6);
  overflow: hidden;
  position: relative;
}
.advantages .advantage-card::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, #2a4248 0%, #739298 49%, #2a444b 100%);
  pointer-events: none;
  z-index: 2;
}
.advantages .advantage-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  border-left: 1px solid #2a4248;
  border-right: 1px solid #2a444b;
  -webkit-mask-image: linear-gradient(to top, #000 0%, #000 18%, rgba(0, 0, 0, 0) 62%);
  mask-image: linear-gradient(to top, #000 0%, #000 18%, rgba(0, 0, 0, 0) 62%);
  pointer-events: none;
  z-index: 2;
}
.advantages .advantage-card.swiper-slide {
  height: auto;
}
.advantages .advantage-card__content {
  padding: 2rem;
}
.advantages .advantage-card__title {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 120%;
  color: #f59e0b;
}
.advantages .advantage-card__text {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 129%;
  color: #cbd1db;
  margin-top: 1.8rem;
}
.advantages .advantage-card__image {
  height: 23rem;
  width: 100%;
  position: relative;
}
@media (max-width: 767px) {
  .advantages .advantage-card__image {
    height: 20rem;
  }
}
.advantages .advantage-card__image:before {
  content: "";
  position: absolute;
  height: 11.6rem;
  width: 100%;
  left: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(22, 49, 55, 0) 0%, #173237 100%);
}
.advantages .advantage-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
@media (max-width: 767px) {
  .advantages__slider.swiper {
    width: calc(100% + 1.4rem);
    padding-right: 1.4rem !important;
    padding-bottom: 2.3rem;
  }
}
.advantages__progress {
  display: none;
}
.advantages__progress.swiper-pagination {
  bottom: 0;
  top: initial !important;
  width: calc(100% - 7rem) !important;
  left: 2.8rem !important;
}
@media (max-width: 767px) {
  .advantages__progress {
    display: block;
  }
}

.advantage-card__map {
  width: 100%;
  height: 100%;
  background: #dfe6ea;
  pointer-events: none;
}

.student-app {
  padding: 6rem 0;
}
@media (max-width: 767px) {
  .student-app {
    padding: 3rem 0;
  }
}
.student-app__head .section-head__title span {
  color: #f59e0b;
}
.student-app__showcase {
  margin-top: 5rem;
  padding: 4.2rem 0;
  background: url("/local/templates/dosaaf8marta_2026/css/../images/student-app-left.jpg") left center/auto 100% no-repeat, url("/local/templates/dosaaf8marta_2026/css/../images/student-app-right.jpg") right center/auto 100% no-repeat, #e8e6e3;
}
@media (max-width: 1280px) {
  .student-app__showcase {
    background: url("/local/templates/dosaaf8marta_2026/css/../images/student-app-left.jpg") left center/auto 100% no-repeat #e8e6e3;
  }
}
@media (max-width: 767px) {
  .student-app__showcase {
    padding-bottom: 0;
    padding-top: 6rem;
    margin-top: 8rem;
  }
}
@media (min-width: 768px) {
  .student-app__grid.swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
}
.student-app__phone {
  width: 34rem;
  height: 40rem;
  position: absolute;
  left: 0;
  bottom: -4.2rem;
}
@media (max-width: 767px) {
  .student-app__phone {
    width: 26.7rem;
    height: 31.4rem;
    bottom: 0;
  }
}
.student-app__phone img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 768px) {
  .student-app__slider.swiper {
    padding-left: 24rem;
  }
}
@media (max-width: 767px) {
  .student-app__slider.swiper {
    padding-bottom: 3rem;
    padding-left: 1.4rem;
    padding-right: 1.4rem;
  }
}
.student-app__card {
  border: 1px solid #fff;
  border-radius: 1.6rem;
  backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.6);
  padding: 2.4rem;
  min-height: 14rem;
}
@media (max-width: 767px) {
  .student-app__card.swiper-slide {
    height: auto;
  }
}
.student-app__card-title {
  font-weight: 700;
  font-size: 2rem;
  line-height: 110%;
  color: #1a202c;
}
@media (max-width: 767px) {
  .student-app__card-title {
    font-size: 1.6rem;
  }
}
.student-app__card-text {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 138%;
  color: #718096;
  margin-top: 1.6rem;
}
@media (max-width: 767px) {
  .student-app__card-text {
    font-size: 1.4rem;
    margin-top: 1rem;
  }
}
.student-app__progress {
  display: none;
  bottom: 1.4rem;
  top: initial !important;
  width: calc(100% - 5.6rem) !important;
  left: 2.8rem !important;
}
@media (max-width: 767px) {
  .student-app__progress {
    display: block;
  }
}
.student-app__inner {
  padding: 0;
}

.slider-progress.swiper-pagination {
  height: 2px !important;
  border-radius: 10px;
  background: #fff;
}
.slider-progress.swiper-pagination .swiper-pagination-progressbar-fill {
  background: #f59e0b;
}

.course-process {
  padding-top: 9rem;
}
@media (max-width: 767px) {
  .course-process {
    padding-top: 3rem;
  }
}
.course-process__head {
  margin-bottom: 1.7rem;
}
.course-process__scheme {
  padding: 5.5rem 0;
  background: #f7f8fa;
}
@media (max-width: 767px) {
  .course-process__scheme {
    padding: 1.5rem 0;
  }
}
.course-process__list {
  padding: 0 7rem;
  margin: 0;
  list-style: none;
  justify-content: space-between;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 8.5rem;
  height: 100%;
}
@media (max-width: 767px) {
  .course-process__list {
    display: flex;
    flex-direction: column;
    gap: 2.3rem;
    padding: 0;
    max-width: 21.5rem;
  }
}
.course-process__list-wrap {
  max-width: 108.5rem;
  margin: 0 auto;
  position: relative;
  height: 34.5rem;
}
@media (max-width: 767px) {
  .course-process__list-wrap {
    height: auto;
    display: flex;
    column-gap: 0.8rem;
    align-items: center;
  }
}
.course-process__name {
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 124%;
  text-align: center;
  color: #1a202c;
}
@media (max-width: 767px) {
  .course-process__name {
    text-align: left;
  }
}
.course-process__road {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .course-process__road {
    position: relative;
    width: 12.6rem;
    flex-shrink: 0;
  }
}
.course-process__road img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: contain;
}
.course-process__text {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 114%;
  text-align: center;
  color: #718096;
  min-height: 6.5rem;
  display: inline-flex;
}
@media (max-width: 767px) {
  .course-process__text {
    text-align: left;
    min-height: auto;
  }
}
.course-process__number {
  width: 11.8rem;
  height: 11.8rem;
  border-radius: 50%;
  background-color: #263D4F;
  font-weight: 700;
  font-size: 4.5rem;
  line-height: 75%;
  letter-spacing: -0.02em;
  color: #fff;
  font-family: "Roboto", Arial, sans-serif;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.course-process__number span {
  position: relative;
}
.course-process__number:before {
  content: "";
  width: 85%;
  height: 85%;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #3B5E79;
  position: absolute;
}
.course-process__item {
  position: relative;
  padding: 8rem 0;
}
@media (max-width: 767px) {
  .course-process__item {
    padding: 0;
  }
}
.course-process__item--top .course-process__body {
  flex-direction: column-reverse;
  top: 0;
}
@media (max-width: 767px) {
  .course-process__item--top .course-process__body {
    flex-direction: column;
  }
}
.course-process__item--top .course-process__name {
  margin-top: 1rem;
}
@media (max-width: 767px) {
  .course-process__item--top .course-process__name {
    margin-top: 0;
    margin-bottom: 0.5rem;
  }
}
.course-process__item--top .course-process__text {
  align-items: flex-end;
}
.course-process__item--bottom .course-process__body {
  bottom: 0;
}
.course-process__item--bottom .course-process__name {
  margin-bottom: 1rem;
}
@media (max-width: 767px) {
  .course-process__item--bottom .course-process__name {
    margin-bottom: 0.5rem;
  }
}
.course-process__item--bottom .course-process__text {
  align-items: flex-start;
}
.course-process__body {
  display: flex;
  flex-direction: column;
  width: 23rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  .course-process__body {
    position: relative;
    width: 100%;
    left: initial;
    transform: none;
  }
}

.course-process__arrow {
  display: inline-block;
  width: 0.9em;
  height: 0.9em;
  vertical-align: -0.1em;
}

.reviews {
  padding: 5rem 0;
}
@media (max-width: 767px) {
  .reviews {
    padding: 3rem 0;
  }
}
.reviews__slider.swiper {
  padding: 2rem;
  margin: -2rem;
}
@media (max-width: 767px) {
  .reviews__slider.swiper {
    padding: 1.4rem;
    margin: -1.4rem;
  }
}
.reviews .review-card {
  background: #fff;
  border-radius: 1.6rem;
  padding: 2rem;
  height: auto;
  min-height: 23rem;
}
.reviews .review-card.swiper-slide-visible {
  box-shadow: 0 0.4rem 2rem 0 rgba(26, 32, 44, 0.1);
}
.reviews .review-card__author {
  margin-top: 1.7rem;
  display: flex;
  column-gap: 1rem;
  align-items: flex-start;
}
.reviews .review-card__avatar {
  width: 3.4rem;
  height: 3.4rem;
  border-radius: 50%;
  background: #ebf4ff;
  font-weight: 700;
  font-size: 1.2rem;
  text-align: center;
  color: #1a5db0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.reviews .review-card__name {
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 120%;
  color: #1a202c;
}
.reviews .review-card__meta {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 120%;
  color: #718096;
}
.reviews .review-card__text {
  margin-top: 1.8rem;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 130%;
  color: #1a202c;
}
.reviews .review-card__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.reviews .review-card__source {
  max-height: 2.3rem;
  width: auto;
}
.reviews .review-card__stars {
  width: 9.7rem;
  height: 1.9rem;
  position: relative;
  background-image: url("/local/templates/dosaaf8marta_2026/css/../images/rating-star-gray.svg");
  background-repeat: no-repeat;
  background-size: 9.7rem 1.9rem;
}
.reviews .review-card__stars-fill {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: url("/local/templates/dosaaf8marta_2026/css/../images/rating-star-fill.svg");
  background-repeat: no-repeat;
  background-size: 9.7rem 1.9rem;
}
.reviews__head {
  margin-bottom: 5rem;
}
@media (max-width: 767px) {
  .reviews__head {
    margin-bottom: 2rem;
  }
}
.reviews__progress.swiper-pagination {
  margin-top: 3rem;
  position: relative;
  background: #f0f0f0;
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .reviews__progress.swiper-pagination {
    margin-top: 2.3rem;
    width: calc(100% - 7rem) !important;
    left: 2.8rem !important;
    margin-left: 0;
    max-width: 100%;
  }
}

.instructors {
  padding: 5rem 0;
}
.instructors__head {
  margin-bottom: 5rem;
}
@media (max-width: 767px) {
  .instructors__head {
    margin-bottom: 3.2rem;
  }
}
.instructors__head .section-head__title span {
  color: #f59e0b;
}
.instructors__filters {
  width: calc(100% + 2.8rem);
  box-sizing: border-box;
  margin: 0 -1.4rem;
}
.instructors .filter-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
@media (max-width: 767px) {
  .instructors .filter-tabs {
    flex-wrap: nowrap;
    gap: 0.5rem;
    overflow-x: auto;
    padding-bottom: 1rem;
    padding-left: 1.4rem;
    padding-right: 1.4rem;
  }
}
.instructors .filter-tabs__button {
  appearance: none;
  background: none;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 111%;
  color: #000;
  padding: 1.2rem 2rem;
  border: 1px solid rgba(0, 0, 0, 0.14);
  border-radius: 1.2rem;
  min-width: 22rem;
  cursor: pointer;
  transition: 0.2s all linear;
}
@media (max-width: 767px) {
  .instructors .filter-tabs__button {
    min-width: auto;
    padding: 1.2rem 3rem;
    white-space: nowrap;
  }
}
.instructors .filter-tabs__button:hover, .instructors .filter-tabs__button.is-active {
  background: #e21c2a;
  border: 1px solid #e21c2a;
  color: #fff;
}
.instructors__grid {
  margin-top: 2.6rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}
@media (max-width: 979px) {
  .instructors__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .instructors__grid {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1.6rem;
    margin-top: 1.6rem;
  }
}
.instructors__more {
  margin-top: 2rem;
  width: 100%;
  border-radius: 1rem;
}
@media (max-width: 767px) {
  .instructors__more {
    margin-top: 0;
  }
}
.instructors .instructor-card {
  border: 1px solid #e7e9ee;
  border-radius: 1.6rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.instructors .instructor-card__content {
  padding: 1.4rem;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.instructors .instructor-card__button {
  width: 100%;
  margin-top: auto;
}
.instructors .instructor-card__title {
  font-weight: 700;
  font-size: 1.6rem;
  color: #1a202c;
  font-family: "Roboto", Arial, sans-serif;
}
.instructors .instructor-card__title a {
  color: inherit;
  text-decoration: none;
}
.instructors .instructor-card__text {
  margin-top: 1.2rem;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 114%;
  color: #909ead;
  margin-bottom: 2.2rem;
}
.instructors .instructor-card__image {
  height: 23rem;
  width: 100%;
  font-size: 0;
  display: block;
}
.instructors .instructor-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

@media (max-width: 767px) {
  .instructors__slider {
    overflow: hidden;
    margin-top: 2.6rem;
  }
}
@media (max-width: 767px) {
  .instructors__grid.swiper-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-top: 0;
    gap: 0;
    align-items: stretch;
    box-sizing: content-box;
  }
}
@media (max-width: 767px) {
  .instructors__grid.swiper-wrapper > .instructor-card {
    height: auto;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .instructors__progress {
    margin-top: 2rem;
  }
}
.instructors .filter-tabs {
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  min-width: 0;
  max-width: 100%;
  padding-bottom: 0.4rem;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.instructors .filter-tabs::-webkit-scrollbar {
  display: none;
}
.instructors .filter-tabs__button {
  flex-shrink: 0;
  white-space: nowrap;
}
.instructors__empty {
  display: none;
  padding: 4rem 0;
  font-size: 1.5rem;
  color: #718096;
}
.instructors__empty.is-on {
  display: block;
}

.instructor-card.is-hidden {
  display: none !important;
}

.faq {
  padding: 7rem 0;
  background: #f7f8fa;
}
@media (max-width: 767px) {
  .faq {
    padding: 3rem 0;
  }
}
.faq__head {
  margin-bottom: 3.7rem;
}
@media (max-width: 767px) {
  .faq__head {
    margin-bottom: 2rem;
  }
}
.faq__question {
  font-weight: 500;
  font-size: 1.6rem;
  color: #1a202c;
  list-style: none;
  padding: 1.9rem 2.4rem 1.9rem 0;
  position: relative;
  cursor: pointer;
}
@media (max-width: 767px) {
  .faq__question {
    padding: 1.6rem 2.4rem 1.6rem 0;
  }
}
.faq__question::-webkit-details-marker {
  display: none;
}
.faq__plus {
  position: absolute;
  right: 0;
  top: 1.9rem;
  width: 2.2rem;
  height: 2.2rem;
  border: 1px solid rgba(0, 0, 0, 0.14);
  border-radius: 50%;
}
.faq__plus::before, .faq__plus::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.9rem;
  height: 0.1rem;
  border-radius: 1rem;
  background: #728098;
  transform: translate(-50%, -50%);
  transition: 0.2s ease;
}
.faq__plus::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.faq__item[open] .faq__answer {
  opacity: 1;
  padding-bottom: 2rem;
}
.faq__item[open] .faq__plus {
  background: #718096;
}
.faq__item[open] .faq__plus::before {
  transform: translate(-50%, -50%) rotate(45deg);
  background: #fff;
}
.faq__item[open] .faq__plus::after {
  transform: translate(-50%, -50%) rotate(135deg);
  background: #fff;
}
.faq__item:not([open]) .faq__answer {
  opacity: 0;
}
.faq__answer {
  font-weight: 500;
  font-size: 1.4rem;
  color: #4c5c74;
  overflow: hidden;
  transition: height 0.28s ease, opacity 0.28s ease;
  display: flex;
  column-gap: 2rem;
  align-items: flex-start;
  padding-left: 2rem;
}
.faq__answer p {
  max-width: 77.5rem;
}
.faq__answer img {
  max-width: 6rem;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .faq__answer img {
    display: none;
  }
}
.faq__item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.faq__certificate {
  margin-top: 8rem;
}

.faq__answer p a {
  text-decoration: underline;
  text-underline-offset: 0.2rem;
}

.faq__answer-text {
  max-width: 77.5rem;
}
.faq__answer-text p + p,
.faq__answer-text p + ul,
.faq__answer-text p + ol,
.faq__answer-text ul + p,
.faq__answer-text ol + p {
  margin-top: 1rem;
}
.faq__answer-text ul,
.faq__answer-text ol {
  padding-left: 2rem;
}
.faq__answer-text ul {
  list-style: disc;
}
.faq__answer-text ol {
  list-style: decimal;
}
.faq__answer-text li + li {
  margin-top: 0.4rem;
}
.faq__answer-text a {
  text-decoration: underline;
  text-underline-offset: 0.2rem;
}
.faq__answer-text img {
  max-width: 100%;
  height: auto;
  margin-top: 1rem;
}

.certificate-cta {
  padding: 4rem 7rem 4rem 30rem;
  box-shadow: 0 0.4rem 3rem 0 rgba(26, 32, 44, 0.1);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
  border-radius: 1.6rem;
  position: relative;
}
@media (max-width: 767px) {
  .certificate-cta {
    padding: 19rem 1.4rem 1.4rem 1.4rem;
  }
}
.certificate-cta__title {
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 115%;
  color: #0f2550;
}
@media (max-width: 767px) {
  .certificate-cta__title {
    font-size: 1.6rem;
    line-height: 130%;
  }
}
.certificate-cta__title span {
  color: #b30909;
}
@media (max-width: 767px) {
  .certificate-cta__title span {
    font-size: 2rem;
    display: block;
  }
}
.certificate-cta__text {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 130%;
  color: #4a5568;
  margin-top: 2rem;
}
@media (max-width: 767px) {
  .certificate-cta__text {
    margin-top: 0.5rem;
    font-size: 1.4rem;
  }
}
.certificate-cta__inner {
  display: flex;
  gap: 2rem;
  align-items: flex-end;
}
@media (max-width: 1280px) {
  .certificate-cta__inner {
    flex-direction: column;
  }
}
.certificate-cta__button {
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .certificate-cta__button {
    width: 100%;
  }
}
.certificate-cta__image {
  position: absolute;
  max-width: 24rem;
  left: 0.7rem;
  top: -2.4rem;
}
@media (max-width: 767px) {
  .certificate-cta__image {
    max-width: 27rem;
    left: 50%;
    transform: translateX(-50%);
  }
}

.quick-start {
  background-color: #021014;
  padding: 4rem 0;
  min-height: 42rem;
  background-image: url("/local/templates/dosaaf8marta_2026/css/../images/bg-quick-start.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media (max-width: 767px) {
  .quick-start {
    background-image: url("/local/templates/dosaaf8marta_2026/css/../images/bg-quick-start-mobile.jpg");
    background-size: cover;
  }
}
.quick-start__title {
  font-weight: 500;
  font-size: 3.5rem;
  line-height: 137%;
  letter-spacing: -0.03em;
  text-align: center;
  color: #fff;
  margin-bottom: 1.3rem;
  font-family: "Roboto", Arial, sans-serif;
}
@media (max-width: 767px) {
  .quick-start__title {
    font-size: 2rem;
    margin-bottom: 0.5rem;
  }
}
.quick-start__title span {
  color: #f59e0b;
}
@media (max-width: 767px) {
  .quick-start__title span:first-child {
    display: block;
    font-size: 2.5rem;
  }
}
.quick-start__text {
  font-weight: 400;
  font-size: 2rem;
  line-height: 120%;
  text-align: center;
  color: rgba(255, 255, 255, 0.65);
}
@media (max-width: 767px) {
  .quick-start__text {
    font-size: 1.4rem;
  }
}
.quick-start__contacts {
  margin-top: 2.5rem;
}
.quick-start__note {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 125%;
  text-align: center;
  color: rgba(255, 255, 255, 0.9);
  margin-top: 2rem;
}
.quick-start .contact-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
}
.quick-start .contact-pills .contact-pill {
  font-weight: 500;
  font-size: 1.5rem;
  color: #fff;
  min-height: 5.4rem;
  display: inline-flex;
  align-items: center;
  column-gap: 1rem;
  text-decoration: none;
  padding: 0 3rem;
  backdrop-filter: blur(5px);
  border-radius: 10rem;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid transparent;
  position: relative;
}
.quick-start .contact-pills .contact-pill::after {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  padding: 1px;
  pointer-events: none;
  background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 50%, #ffffff 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
}
@supports not ((mask-composite: exclude) or (-webkit-mask-composite: xor)) {
  .quick-start .contact-pills .contact-pill {
    border-color: rgba(255, 255, 255, 0.6);
  }
  .quick-start .contact-pills .contact-pill::after {
    display: none;
  }
}
@media (max-width: 767px) {
  .quick-start .contact-pills .contact-pill {
    min-width: 22rem;
    padding: 0 2rem;
  }
}
.quick-start .contact-pills .contact-pill--red {
  background: linear-gradient(217deg, rgba(255, 0, 0, 0.4) 0%, rgba(179, 9, 9, 0.4) 100%);
  border-color: rgba(255, 140, 140, 0.55);
  padding: 0 3.5rem;
}
.quick-start .contact-pills .contact-pill--red:hover {
  background: linear-gradient(217deg, rgba(255, 0, 0, 0.6) 0%, rgba(179, 9, 9, 0.6) 100%);
}
.quick-start .contact-pills .contact-pill--telegram {
  background: rgba(42, 171, 238, 0.3);
  border-color: rgba(150, 210, 240, 0.55);
}
.quick-start .contact-pills .contact-pill--telegram:hover {
  background: rgba(42, 171, 238, 0.45);
}
.quick-start .contact-pills .contact-pill--max {
  background: rgba(124, 58, 237, 0.3);
  border-color: rgba(186, 160, 255, 0.55);
}
.quick-start .contact-pills .contact-pill--max:hover {
  background: rgba(124, 58, 237, 0.45);
}
.quick-start .contact-pills .contact-pill--phone {
  background: rgba(255, 255, 255, 0.12);
}
.quick-start .contact-pills .contact-pill--phone:hover {
  background: rgba(255, 255, 255, 0.2);
}

.footer {
  background: #0a1c20;
  padding-top: 5rem;
}
@media (max-width: 767px) {
  .footer {
    padding-top: 1.4rem;
  }
}
.footer__title {
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 160%;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 2rem;
}
.footer__logo {
  max-width: 18.4rem;
  display: block;
}
@media (max-width: 1280px) {
  .footer__logo {
    max-width: 12rem;
  }
}
@media (max-width: 767px) {
  .footer__logo {
    max-width: 8.6rem;
  }
}
.footer__top {
  display: flex;
  gap: 5rem;
}
@media (max-width: 1280px) {
  .footer__top {
    gap: 2rem;
  }
}
@media (max-width: 979px) {
  .footer__top {
    flex-direction: column;
  }
}
.footer__nav {
  flex-grow: 1;
  display: flex;
  gap: 2rem;
  justify-content: space-between;
}
@media (max-width: 979px) {
  .footer__nav {
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 4rem;
    column-gap: 2.6rem;
  }
}
.footer__bottom {
  margin-top: 4rem;
  display: flex;
  gap: 2rem;
  padding: 2rem 0;
  justify-content: space-between;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}
.footer__copy {
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 160%;
  color: rgba(255, 255, 255, 0.3);
}
.footer__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 767px) {
  .footer__list {
    gap: 0.2rem;
  }
}
.footer__list li {
  margin-bottom: 1rem;
}
.footer__list li:last-child {
  margin-bottom: 0;
}
.footer__list a {
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 130%;
  color: rgba(255, 255, 255, 0.5);
  text-decoration: none;
  transition: 0.2s all linear;
}
.footer__list a.footer__accent {
  color: #f59e0b;
  font-weight: 500;
}
.footer__list a:hover {
  color: #fff;
}
.footer__list a.is-active {
  color: #fff !important;
  font-weight: 600;
}
@media (max-width: 767px) {
  .footer__list a {
    display: inline-flex;
    align-items: center;
    min-height: 4rem;
  }
}
.footer__socials .socials__link--max rect, .footer__socials .socials__link--vk rect {
  fill: #8A9FA4;
  transition: 0.2s all linear;
}
.footer__socials .socials__link--max:hover rect, .footer__socials .socials__link--vk:hover rect {
  fill: #fff;
}
.footer__socials .socials__link--tg path {
  fill: #8A9FA4;
  transition: 0.2s all linear;
}
.footer__socials .socials__link--tg:hover path {
  fill: #fff;
}

.socials {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.socials__link {
  font-size: 0;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  /* Активный пункт меню — текущая страница */
}
.header__top {
  background: #0a1c20;
}
.header__top .header__container {
  z-index: 10;
}
.header__main {
  box-shadow: 0 1px 30px 0 rgba(0, 0, 0, 0.15);
  background: rgba(255, 255, 255, 0.9);
}
.header__logo {
  max-width: 11.6rem;
  position: absolute;
  left: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
}
.header__button {
  margin-left: 5rem;
  padding: 0 5rem;
}
.header__main-inner {
  display: flex;
  padding: 0 0 0 8rem;
  min-height: 6.8rem;
  align-items: center;
}
.header__socials {
  margin-left: auto;
}
.header__socials .socials__link--max path, .header__socials .socials__link--vk path {
  fill: #fff;
}
.header__main-nav {
  display: flex;
  align-self: stretch;
  align-items: stretch;
}
.header__main-nav .hdr-dd {
  align-self: stretch;
  align-items: stretch;
}
.header__main-nav a {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 130%;
  color: #4a5568;
  text-decoration: none;
  display: flex;
  align-items: center;
  padding: 0 2rem;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  transition: 0.2s all linear;
}
.header__main-nav a.is-accent {
  color: #e31e24;
}
.header__main-nav a:hover {
  color: #0a1c20;
}
.header__top-nav {
  display: flex;
  align-items: center;
}
.header__top-nav a {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 129%;
  color: rgba(255, 255, 255, 0.65);
  transition: 0.2s all linear;
  text-decoration: none;
  padding: 0.6rem 1.2rem;
  border-right: 1px solid #15363d;
}
.header__top-nav a:last-child {
  border-right: none;
}
.header__top-nav a:hover {
  color: #fff;
}
.header__top-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.8rem 0 0.8rem 5rem;
}
.header__top-nav a.is-active, .header__more-list a.is-active {
  color: #f5a400 !important;
  font-weight: 600;
}
.header__main-nav a.is-active {
  color: #e31e24 !important;
  font-weight: 600;
  border-bottom-color: #e31e24 !important;
}
.header__phone {
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 102%;
  color: #fff;
  display: flex;
  align-items: center;
  column-gap: 0.5rem;
  text-decoration: none;
  flex-shrink: 0;
  transition: color 0.2s ease;
}
.header__phone:hover {
  color: #e31e24;
}
.header__top-inner, .header__main-inner {
  min-width: 0;
}
.header__top-nav, .header__main-nav {
  min-width: 0;
  white-space: nowrap;
}
.header__top-nav a, .header__main-nav a {
  flex: 0 0 auto;
  white-space: nowrap;
}
.header__more {
  position: relative;
  display: none;
  flex: 0 0 auto;
  margin-right: auto;
}
.header__more.is-active {
  display: block;
}
.header__more-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3.4rem;
  padding: 0 1.4rem;
  border-radius: 10rem;
  color: #4a5568;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1;
  cursor: pointer;
  list-style: none;
  transition: 0.2s all linear;
}
.header__more-toggle::-webkit-details-marker {
  display: none;
}
.header__more-toggle::after {
  content: "";
  width: 0.7rem;
  height: 0.7rem;
  margin-left: 0.8rem;
  border-right: 0.2rem solid currentColor;
  border-bottom: 0.2rem solid currentColor;
  transform: translateY(-0.2rem) rotate(45deg);
  transition: transform 0.2s ease;
}
.header__more-toggle:hover {
  color: #0a1c20;
}
.header__more[open] .header__more-toggle::after {
  transform: translateY(0.2rem) rotate(-135deg);
}
.header__more-list {
  position: absolute;
  top: calc(100% + 1rem);
  right: 0;
  z-index: 30;
  display: grid;
  gap: 1rem;
  min-width: 23rem;
  padding: 1.6rem;
  border-radius: 1.2rem;
  background: #fff;
  box-shadow: 0 1.2rem 3.2rem rgba(0, 0, 0, 0.14);
}
.header__more-list a {
  color: #4a5568;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.25;
  text-decoration: none;
  transition: 0.2s all linear;
}
.header__more-list a:hover {
  color: #0a1c20;
}
.header__more-list a.is-accent {
  color: #e31e24;
}
.header__more--top {
  margin-left: 1rem;
}
.header__more--top .header__more-toggle {
  color: rgba(255, 255, 255, 0.65);
}
.header__more--top .header__more-toggle:hover {
  color: #fff;
}
.header__more--main {
  margin-left: 1rem;
}
.header__mobile {
  display: none;
}
@media (max-width: 767px) {
  .header__desktop {
    display: none;
  }
  .header__mobile {
    display: block;
  }
}

.mobile-header {
  position: relative;
  z-index: 30;
  /* Верхняя мини-навигация мобильной шапки не используется */
  /* ===== Адаптив: тап-цели в мобильной шапке не меньше 44px ===== */
}
.mobile-header__top-nav {
  display: none;
}
.mobile-header__top-nav a {
  padding: 0.8rem 1rem;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 150%;
  color: rgba(255, 255, 255, 0.65);
  text-decoration: none;
}
.mobile-header.is-open .mobile-header__panel {
  transform: translateX(0);
}
.mobile-header.is-open .mobile-header__toggle::before {
  top: 2.2rem;
  transform: translateX(-50%) rotate(45deg);
}
.mobile-header.is-open .mobile-header__toggle span {
  opacity: 0;
}
.mobile-header.is-open .mobile-header__toggle::after {
  top: 2.2rem;
  left: 50%;
  width: 3.2rem;
  transform: translateX(-50%) rotate(-45deg);
}
.mobile-header__bar {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  height: 5.7rem;
  padding: 0 1.2rem;
  background: rgba(255, 255, 255, 0.82);
  backdrop-filter: blur(14px) saturate(1.4);
  -webkit-backdrop-filter: blur(14px) saturate(1.4);
  box-shadow: 0 0.1rem 2rem rgba(0, 0, 0, 0.12);
}
.mobile-header__logo {
  flex: 0 0 auto;
  width: 7.7rem;
  margin-bottom: -3rem;
}
.mobile-header__logo img {
  display: block;
  width: 100%;
  height: auto;
}
.mobile-header__phone {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  margin: 0 auto;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 102%;
  color: #1a202c;
  text-decoration: none;
  white-space: nowrap;
  transition: color 0.2s ease;
}
.mobile-header__phone:hover {
  color: #e31e24;
}
.mobile-header__phone-icon {
  display: inline-flex;
  flex: 0 0 auto;
  width: 1.8rem;
  height: 1.8rem;
}
.mobile-header__phone-icon img {
  display: block;
  width: 100%;
  height: 100%;
}
.mobile-header__toggle {
  position: relative;
  flex: 0 0 auto;
  width: 4.4rem;
  height: 4.4rem;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.mobile-header__toggle::before, .mobile-header__toggle::after,
.mobile-header__toggle span {
  content: "";
  position: absolute;
  left: 50%;
  width: 3.2rem;
  height: 0.2rem;
  background: #1a4d58;
  transform: translateX(-50%);
  transition: top 0.2s ease, transform 0.2s ease, opacity 0.2s ease;
}
.mobile-header__toggle::before {
  top: 1.5rem;
}
.mobile-header__toggle span {
  top: 2.2rem;
}
.mobile-header__toggle::after {
  top: 2.9rem;
  width: 2.6rem;
  left: calc(50% - 0.3rem);
}
.mobile-header__panel {
  position: fixed;
  top: 5.8rem;
  left: 0;
  z-index: 1;
  width: 100%;
  height: calc(100dvh - 5.8rem);
  background: rgb(11, 31, 36);
  color: #fff;
  transform: translateX(-100%);
  transition: transform 0.28s ease;
}
.mobile-header__panel-inner {
  height: 100%;
  padding: 2.4rem 2.5rem 2.5rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.mobile-header__main-nav, .mobile-header__secondary-nav {
  display: grid;
}
.mobile-header__main-nav a, .mobile-header__secondary-nav a {
  text-decoration: none;
}
.mobile-header__main-nav {
  gap: 2.4rem;
}
.mobile-header__main-nav a {
  color: #a9bfe5;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.15;
  border-bottom: 0 !important;
}
.mobile-header__main-nav a.is-accent {
  color: #e31e24;
}
.mobile-header__main-nav a.is-active {
  color: #fff !important;
  font-weight: 700;
}
.mobile-header__secondary-nav {
  gap: 2rem;
  margin-top: 3rem;
  padding-top: 3rem;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}
.mobile-header__secondary-nav a {
  color: #59677c;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.2;
}
.mobile-header__secondary-nav a.is-active {
  color: #f5a400;
  font-weight: 600;
}
.mobile-header__bottom {
  margin-top: 2.6rem;
  padding-top: 2rem;
  border-top: 0.1rem solid rgba(255, 255, 255, 0.08);
}
.mobile-header__contact {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 102%;
  color: #f59e0b;
  text-decoration: none;
}
.mobile-header__socials .socials__link--max path, .mobile-header__socials .socials__link--vk path {
  fill: #0e1e24;
}
.mobile-header__contact-icon {
  display: inline-flex;
  width: 1.6rem;
  height: 1.6rem;
}
.mobile-header__contact-icon img {
  display: block;
  width: 100%;
  height: 100%;
}
.mobile-header__socials {
  margin-top: 2rem;
}
.mobile-header__button {
  width: 100%;
  margin-top: 2rem;
}
@media (max-width: 374px) {
  .mobile-header__phone {
    font-size: 1.5rem;
  }
  .mobile-header__panel-inner {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}
@media (max-width: 1200px) {
  .mobile-header__main-nav {
    gap: 0.4rem;
  }
  .mobile-header__main-nav a, .mobile-header__secondary-nav a {
    display: flex;
    align-items: center;
    min-height: 4.4rem;
  }
  .mobile-header__secondary-nav {
    gap: 0.2rem;
  }
  .mobile-header__top-nav a {
    display: inline-flex;
    align-items: center;
    min-height: 4.4rem;
    padding: 0 1rem;
  }
  .mobile-header__phone {
    min-height: 4.4rem;
  }
  .mobile-header__panel .mobile-header__contact {
    display: inline-flex;
    align-items: center;
    min-height: 4.4rem;
  }
  .mobile-header__panel .socials__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4.4rem;
    height: 4.4rem;
  }
}

.lead-form {
  width: 100%;
  max-width: 36rem;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 2.4rem;
  padding: 2rem 2.4rem;
}
.lead-form--glass {
  backdrop-filter: blur(5px);
  background: rgba(10, 28, 32, 0.6);
}
.lead-form__head {
  margin-bottom: 2.2rem;
}
.lead-form__title {
  margin: 0;
  font-weight: 500;
  font-size: 2.5rem;
  line-height: 100%;
  color: #fff;
  font-family: "Roboto", Arial, sans-serif;
}
.lead-form__subtitle {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 140%;
  color: rgba(255, 255, 255, 0.55);
  margin: 0;
}
.lead-form__field {
  display: block;
  margin-bottom: 1.8rem;
}
.lead-form__label {
  display: block;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 100%;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 0.6rem;
}
.lead-form__control {
  display: block;
  width: 100%;
  height: 3.8rem;
  padding: 0 1.4rem;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 10px;
  font: inherit;
  font-weight: 400;
  font-size: 1.4rem;
  color: rgba(255, 255, 255, 0.75);
  outline: none;
  transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
  background: rgba(255, 255, 255, 0.08);
}
.lead-form__control::placeholder {
  opacity: 1;
  color: inherit;
}
.lead-form__control:focus {
  box-shadow: 0 0 0 0.3rem rgba(245, 164, 0, 0.18);
}
.lead-form__select {
  position: relative;
  display: block;
}
.lead-form__select::after {
  content: "";
  position: absolute;
  right: 1.5rem;
  top: 50%;
  width: 0.9rem;
  height: 0.9rem;
  border-right: 0.2rem solid currentColor;
  border-bottom: 0.2rem solid currentColor;
  pointer-events: none;
  transform: translateY(-70%) rotate(45deg);
  transition: transform 0.2s ease;
}
.lead-form__select select {
  padding-right: 4rem;
  appearance: none;
  cursor: pointer;
}
.lead-form__select option {
  color: #224750;
}
.lead-form__select.is-enhanced select {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  pointer-events: none;
}
.lead-form__select.is-open::after {
  transform: translateY(-30%) rotate(225deg);
}
.lead-form__submit {
  width: 100%;
  min-height: 4.6rem;
  margin-top: 0.4rem;
}
.lead-form__agree {
  position: relative;
  display: grid;
  grid-template-columns: 1.8rem minmax(0, 1fr);
  gap: 0.9rem;
  margin-top: 1.6rem;
  cursor: pointer;
}
.lead-form__agree input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.lead-form__agree input:checked + .lead-form__check::after {
  background-image: url("/local/templates/dosaaf8marta_2026/css/../images/form-checkbox-active.svg");
}
.lead-form__check {
  position: relative;
  width: 2rem;
  height: 2rem;
  margin-top: 0.1rem;
}
.lead-form__check::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("/local/templates/dosaaf8marta_2026/css/../images/form-checkbox.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.lead-form__agree-text {
  font-weight: 500;
  font-size: 1.1rem;
  line-height: 127%;
  color: rgba(255, 255, 255, 0.4);
}
.lead-form__agree-text a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 0.2rem;
}
@media (max-width: 767px) {
  .lead-form {
    max-width: none;
    padding: 2rem;
    border-radius: 1.8rem;
  }
  .lead-form__title {
    font-size: 2.2rem;
  }
  .lead-form__field {
    margin-bottom: 1.6rem;
  }
}

.cselect__trigger {
  display: flex;
  align-items: center;
  width: 100%;
  padding-right: 4rem;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.cselect__trigger--placeholder {
  color: rgba(255, 255, 255, 0.45);
}
.cselect__menu {
  position: absolute;
  z-index: 20;
  top: calc(100% + 0.6rem);
  left: 0;
  right: 0;
  margin: 0;
  padding: 0.4rem;
  list-style: none;
  max-height: 22rem;
  overflow-y: auto;
  background: #0d2329;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 10px;
  box-shadow: 0 1.2rem 3rem rgba(0, 0, 0, 0.45);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-0.4rem);
  transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
}
.is-open .cselect__menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.cselect__option {
  padding: 0.9rem 1.2rem;
  border-radius: 7px;
  font-size: 1.4rem;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.78);
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.cselect__option.is-active {
  background: rgba(245, 164, 0, 0.16);
  color: #fff;
}
.cselect__option[aria-selected=true] {
  color: #f59e0b;
  font-weight: 500;
}

.branches {
  padding: 7rem 0;
  background: #fff;
}
.branches__head {
  margin-bottom: 4rem;
}
.branches__head .section-head__title span {
  color: #b11218;
}
.branches__search {
  margin-bottom: 2rem;
}
.branches__body {
  display: grid;
  grid-template-columns: 31rem minmax(0, 1fr);
  gap: 2.4rem;
  align-items: stretch;
}
.branches__aside {
  min-width: 0;
  position: relative;
}
.branches__list {
  max-height: 51rem;
  padding-right: 1rem;
  overflow-y: auto;
  padding-bottom: 1rem;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.branches__list::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
.branches__sb {
  position: absolute;
  right: 0;
  width: 2px;
  background: #ebebeb;
  border-radius: 2px;
}
@media (max-width: 1024px) {
  .branches__sb {
    display: none;
  }
}
.branches__sb-thumb {
  position: absolute;
  left: 0;
  width: 2px;
  border-radius: 2px;
  background: #a8adb4;
  cursor: grab;
}
.branches__all {
  width: 100%;
  min-height: 4.8rem;
  margin-top: 0.8rem;
  border-radius: 10px;
}
.branches__map {
  position: relative;
  height: 56rem;
  min-height: 56rem;
  border: 0.1rem solid #dce4ea;
  border-radius: 1.4rem;
  overflow: hidden;
  background: #eef1f3;
}
.branches__map [class*=ground-pane] {
  filter: grayscale(1);
}
@media (max-width: 1024px) {
  .branches__body {
    grid-template-columns: 1fr;
  }
  .branches__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
    max-height: none;
    padding-right: 0;
    overflow: visible;
  }
  .branches__map {
    height: 42rem;
    min-height: 42rem;
  }
}
@media (max-width: 767px) {
  .branches {
    padding: 4rem 0;
  }
  .branches__head {
    margin-bottom: 3rem;
  }
  .branches__body {
    gap: 1.6rem;
  }
  .branches__list {
    grid-template-columns: 1fr;
  }
  .branches__map {
    height: 36rem;
    min-height: 36rem;
    border-radius: 1.2rem;
  }
}

.site-search {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 4.8rem 4.8rem 13rem;
  align-items: center;
  min-height: 4.8rem;
  border: 1px solid #dbdde1;
  border-radius: 1.2rem;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 0 3rem 0 rgba(0, 0, 0, 0.05);
  background: rgba(255, 255, 255, 0.01);
}
.site-search__field {
  display: flex;
  align-items: center;
  min-width: 0;
  height: 100%;
  padding-left: 1.6rem;
}
.site-search__icon {
  flex: 0 0 auto;
  width: 2.2rem;
  height: 2.2rem;
  margin-right: 1.4rem;
  background-image: url("/local/templates/dosaaf8marta_2026/css/../images/icon-search.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.site-search__input {
  width: 100%;
  height: 100%;
  border: 0;
  background: transparent;
  color: #1a202c;
  font-size: 1.4rem;
  line-height: 1;
  outline: none;
}
.site-search__input::placeholder {
  color: #b0bbca;
  opacity: 1;
}
.site-search__input::-webkit-search-cancel-button {
  display: none;
}
.site-search__clear, .site-search__voice {
  width: 2.8rem;
  height: 2.8rem;
  border: 0;
  background-color: transparent;
  cursor: pointer;
}
.site-search__clear {
  position: relative;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}
.site-search__clear::before, .site-search__clear::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.4rem;
  height: 2px;
  border-radius: 1rem;
  background: #9FACBF;
}
.site-search__clear::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.site-search__clear::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.site-search.has-value .site-search__clear {
  opacity: 1;
  pointer-events: auto;
}
.site-search__voice {
  background-image: url("/local/templates/dosaaf8marta_2026/css/../images/icon-mic.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.site-search__submit {
  height: 4.8rem;
  border: 0;
  border-radius: 1.2rem;
  background: #1a4d58;
  color: #f59e0b;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 600;
  text-transform: lowercase;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.site-search__submit:hover {
  background: #0f424b;
}
@media (max-width: 767px) {
  .site-search {
    grid-template-columns: minmax(0, 1fr) 4.6rem;
    min-height: 4.6rem;
    border-radius: 1.2rem;
  }
  .site-search__field {
    padding-left: 1.4rem;
  }
  .site-search__input {
    font-size: 1.4rem;
  }
  .site-search__clear, .site-search__voice {
    display: none;
  }
  .site-search__submit {
    width: 4.6rem;
    height: 4.6rem;
    padding: 0;
    font-size: 0;
  }
  .site-search__submit::before {
    content: "";
    display: block;
    width: 1.8rem;
    height: 1.8rem;
    margin: 0 auto;
    background: #f5a400;
    mask: url("/local/templates/dosaaf8marta_2026/css/../images/icon-search.svg") center/contain no-repeat;
  }
}

.map-popup {
  width: 40rem;
  max-width: calc(100vw - 3rem);
  border-radius: 2rem;
  background: #fff;
  font-family: "Golos", Arial, sans-serif;
  position: relative;
}
@media (max-width: 767px) {
  .map-popup {
    width: 30rem;
  }
}
.map-popup:before {
  content: "";
  position: absolute;
  width: 2.4rem;
  height: 2.4rem;
  background-color: #fff;
  bottom: -1rem;
  left: 3.5rem;
  transform: rotate(45deg);
}
.map-popup__head {
  position: relative;
  min-height: 4.6rem;
  padding: 1.3rem 5rem 1.3rem 4.8rem;
  background: #1a4d58;
  color: #f59e0b;
  font-size: 1.4rem;
  line-height: 1.25;
  font-weight: 500;
  border-radius: 2rem 2rem 0 0;
}
.map-popup__head::before {
  content: "";
  position: absolute;
  left: 1.6rem;
  top: 50%;
  width: 2.4rem;
  height: 2.4rem;
  transform: translateY(-50%);
  background-image: url("/local/templates/dosaaf8marta_2026/css/../images/icon-location.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.map-popup__close {
  position: absolute;
  right: 1.2rem;
  top: 50%;
  width: 2.6rem;
  height: 2.6rem;
  border: 0.1rem solid rgba(255, 255, 255, 0.7);
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  transform: translateY(-50%);
}
.map-popup__close::before, .map-popup__close::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.2rem;
  height: 0.1rem;
  background: #fff;
}
.map-popup__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.map-popup__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.map-popup__body {
  padding: 1.6rem;
}
.map-popup__contact {
  position: relative;
  display: block;
  padding-left: 3.4rem;
  color: #416aa4;
  font-size: 1.6rem;
  line-height: 1.4;
  text-decoration: none;
}
@media (max-width: 767px) {
  .map-popup__contact {
    font-size: 1.4rem;
  }
}
.map-popup__contact + .map-popup__contact {
  margin-top: 1.2rem;
}
.map-popup__contact::before {
  content: "";
  position: absolute;
  left: 0.2rem;
  top: 0.1rem;
  width: 2rem;
  height: 2rem;
  background: #7f8b9a;
  mask-position: center;
  mask-size: contain;
  mask-repeat: no-repeat;
}
.map-popup__contact span {
  color: #718096;
  font-size: 1.3rem;
  font-weight: 400;
}
.map-popup__contact--phone {
  color: #1a202c;
  font-weight: 500;
}
.map-popup__contact--phone::before {
  mask-image: url("/local/templates/dosaaf8marta_2026/css/../images/icon-phone-branches.svg");
}
.map-popup__contact--email::before {
  mask-image: url("/local/templates/dosaaf8marta_2026/css/../images/icon-mail-branches.svg");
}

/* Слегка чистим стандартный балун Яндекс.Карты, чтобы наш .map-popup выглядел ближе к макету */
.ymaps-2-1-79-balloon__layout,
.ymaps-2-1-79-balloon__content {
  padding: 0 !important;
  border-radius: 2rem !important;
}

.ymaps-2-1-79-balloon__layout {
  overflow: initial !important;
}

.ymaps-2-1-79-balloon__content {
  margin: 0 !important;
}

.ymaps-2-1-79-balloon__tail {
  display: none !important;
}

.ymaps-2-1-79-balloon {
  box-shadow: 0 4px 30px 0 rgba(26, 32, 44, 0.2) !important;
  border-radius: 2rem;
  margin-top: -2rem !important;
}

.ymaps-2-1-79-balloon__content > [id*=id] {
  overflow: initial !important;
}

.branch-card {
  display: block;
  border: 0.1rem solid rgba(0, 0, 0, 0.08);
  border-radius: 1rem;
  background: #fff;
  overflow: hidden;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.branch-card + .branch-card {
  margin-top: 0.6rem;
}
.branch-card.is-active .branch-card__toggle {
  border-color: #7f8b9a;
  background: #7f8b9a;
}
.branch-card.is-active .branch-card__toggle::before, .branch-card.is-active .branch-card__toggle::after {
  background: #fff;
}
.branch-card.is-active .branch-card__toggle::after {
  opacity: 0;
}
.branch-card--online {
  border-color: #b5d4f4;
}
.branch-card--online .branch-card__title {
  position: relative;
  text-align: center;
  padding-left: 2.5rem;
  font-size: 1.6rem;
}
.branch-card--online .branch-card__title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1.9rem;
  height: 1.9rem;
  background-image: url("/local/templates/dosaaf8marta_2026/css/../images/icon-online.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.branch-card__head {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  min-height: 5.2rem;
  padding: 1.5rem;
  cursor: pointer;
}
@media (max-width: 767px) {
  .branch-card__head {
    padding: 1.2rem;
  }
}
.branch-card__content {
  min-width: 0;
}
.branch-card__title {
  margin: 0;
  color: #1a202c;
  font-size: 1.4rem;
  line-height: 1.15;
  font-weight: 600;
}
.branch-card__text {
  margin: 0.3rem 0 0;
  color: #718096;
  font-size: 1.1rem;
  line-height: 1.2;
}
.branch-card__toggle {
  position: relative;
  flex: 0 0 auto;
  width: 2.4rem;
  height: 2.4rem;
  margin-left: auto;
  border: 0.1rem solid #d3d9dd;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  transition: 0.2s ease;
}
.branch-card__toggle::before, .branch-card__toggle::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.9rem;
  height: 0.1rem;
  border-radius: 1rem;
  background: #718096;
  transform: translate(-50%, -50%);
  transition: 0.2s ease;
}
.branch-card__toggle::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.branch-card__details {
  padding: 0.4rem 1.2rem 1.8rem;
}
.branch-card__contact {
  position: relative;
  display: block;
  padding-left: 3.4rem;
  color: #416aa4;
  font-size: 1.4rem;
  line-height: 1.35;
  text-decoration: none;
}
.branch-card__contact + .branch-card__contact {
  margin-top: 0.8rem;
}
.branch-card__contact::before {
  content: "";
  position: absolute;
  left: 0.3rem;
  top: 0;
  width: 2.2rem;
  height: 2.2rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.branch-card__contact span {
  color: #1a202c;
  font-weight: 500;
}
.branch-card__contact small {
  color: #718096;
  font-size: 1.3rem;
}
.branch-card__contact--phone:first-child::before {
  background-image: url("/local/templates/dosaaf8marta_2026/css/../images/icon-phone-branches.svg");
}
.branch-card__contact--email::before {
  background-image: url("/local/templates/dosaaf8marta_2026/css/../images/icon-mail-branches.svg");
}
.branch-card__contact--vk::before {
  background-image: url("/local/templates/dosaaf8marta_2026/css/../images/icon-vk-branches.svg");
}
.branch-card[hidden] {
  display: none;
}
@media (max-width: 1024px) {
  .branch-card + .branch-card {
    margin-top: 0;
  }
}

.callback-popup {
  width: 40rem;
  max-width: 100%;
}
.callback-popup .lead-form {
  max-width: none;
}
.callback-popup .lead-form__head {
  padding-right: 2rem;
}
.callback-popup .f-button.is-close-btn {
  border-radius: 100%;
  border: 1px solid #f59e0b;
  opacity: 1 !important;
  top: 2rem !important;
  right: 2rem !important;
  width: 2.6rem;
  height: 2.6rem;
}
.callback-popup .f-button.is-close-btn svg {
  width: 1.2rem;
}

.fancybox--callback .fancybox__content {
  padding: 0;
  background: transparent;
}

.has-ripple {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

span.ripple {
  display: block;
  position: absolute;
  pointer-events: none;
  border-radius: 50%;
  -webkit-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  background: #fff;
  opacity: 1;
  z-index: 10;
}

.ripple-animate {
  -webkit-animation: ripple;
  -o-animation: ripple;
  animation: ripple;
  background: rgba(0, 0, 0, 0.4) !important;
  animation-duration: 1.2s !important;
}

@-webkit-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2);
  }
}
@-o-keyframes ripple {
  100% {
    opacity: 0;
    -o-transform: scale(2);
    transform: scale(2);
  }
}
@keyframes ripple {
  100% {
    opacity: 0;
    transform: scale(2);
  }
}
.btn {
  overflow: hidden;
}
.btn.js-ripple span:not(class) {
  transition: none;
}
.btn.js-ripple:after {
  top: 1px;
  left: 1px;
  height: calc(100% - 2px);
  width: calc(100% - 2px);
}

/* ── Стилизация скроллбаров (весь сайт) ── */
* {
  scrollbar-width: thin;
  scrollbar-color: #b7c2c6 transparent;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: #c2ccd0;
  border-radius: 10px;
  border: 2px solid transparent;
  background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover {
  background: #1a4d58;
  background-clip: content-box;
}

::-webkit-scrollbar-corner {
  background: transparent;
}

/* Тонкие скроллы внутри компактных списков — теми же токенами, но уже */
.co-bl::-webkit-scrollbar,
.in-menu::-webkit-scrollbar,
.rv-menu::-webkit-scrollbar,
.cs-menu::-webkit-scrollbar,
.fq-a__in::-webkit-scrollbar,
[class$=__list]::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

/* Ховеры кликабельных элементов, у которых их не было */
.contact-pill {
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

/* Водяной знак: зафиксирован справа по центру, наполовину за краем экрана */
.watermark-logo {
  position: fixed;
  top: 50%;
  right: -24.3rem;
  transform: translateY(-50%);
  width: 48.6rem;
  height: auto;
  pointer-events: none;
  user-select: none;
  z-index: 9999;
}
@media (max-width: 1024px) {
  .watermark-logo {
    display: none;
  }
}

.rm-clip.is-collapsed {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}

.rm-btn {
  display: none;
  align-items: center;
  gap: 0.4rem;
  margin-top: 0.5rem;
  padding: 0;
  border: none;
  background: none;
  font-family: inherit;
  font-size: 1.3rem;
  font-weight: 600;
  color: #1a4d58;
  white-space: nowrap;
  cursor: pointer;
}
.rm-btn.is-visible {
  display: inline-flex;
}
.rm-btn svg {
  width: 1.2rem;
  height: 1.2rem;
  transition: transform 0.2s;
}
.rm-btn.is-expanded svg {
  transform: rotate(180deg);
}

.rm-sb {
  position: relative;
  display: none;
  height: 0.5rem;
  margin: 1.2rem 1.6rem 2.4rem;
  border-radius: 3px;
  background: #eef1f3;
  overflow: hidden;
}
.rm-sb.is-visible {
  display: block;
}
.rm-sb__thumb {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  border-radius: 3px;
  background: #c4d2d5;
}

.cs-wrap {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
}
.cs-wrap > select {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  opacity: 0;
  pointer-events: none;
}

.cs-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  width: 100%;
  box-sizing: border-box;
  padding-right: 1.3rem !important;
  background-image: none !important;
  outline: none;
  cursor: pointer;
  transition: border-color 0.15s;
}
.cs-trigger:focus {
  border-color: #1a4d58 !important;
}
.cs-trigger__label {
  white-space: nowrap;
}
.cs-trigger__label.is-placeholder {
  color: #a0aab2;
}
.cs-trigger__chev {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  transition: transform 0.2s;
}
.cs-trigger__chev svg {
  display: block;
  width: 1.1rem;
  height: 1.1rem;
}
.cs-wrap.is-open .cs-trigger__chev {
  transform: rotate(180deg);
}

.cs-menu {
  position: fixed;
  z-index: 2000;
  display: none;
  width: max-content;
  max-width: 32rem;
  max-height: 28rem;
  padding: 0.5rem 0;
  overflow-y: auto;
  background: #fff;
  border: 1px solid #e7e9ee;
  border-radius: 1rem;
  box-shadow: 0 8px 28px rgba(10, 28, 32, 0.16);
}
.cs-menu.is-open {
  display: block;
}
.cs-menu__option {
  padding: 1rem 1.4rem;
  font-size: 1.35rem;
  line-height: 1.35;
  color: #4a5568;
  white-space: nowrap;
  cursor: pointer;
  transition: background 0.12s;
}
.cs-menu__option:hover {
  background: #f7f8fa;
}
.cs-menu__option.is-selected {
  font-weight: 600;
  color: #1a4d58;
  background: #f0f6f7;
}

.pagination {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.4rem;
  width: 100%;
}
.pagination__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.6rem;
}
.pagination__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  min-width: 3.8rem;
  height: 3.8rem;
  padding: 0 1.2rem;
  border: 1.5px solid #e7e9ee;
  border-radius: 1rem;
  background: #fff;
  font-family: inherit;
  font-size: 1.35rem;
  font-weight: 500;
  color: #4a5568;
  cursor: pointer;
  transition: border-color 0.18s ease, color 0.18s ease, background-color 0.18s ease;
}
.pagination__btn:hover:not(.is-disabled):not(.is-current) {
  border-color: #1a4d58;
  color: #1a4d58;
}
.pagination__btn.is-current {
  border-color: #1a4d58;
  background: #1a4d58;
  font-weight: 700;
  color: #fff;
  cursor: default;
}
.pagination__btn.is-disabled {
  opacity: 0.4;
  cursor: default;
  pointer-events: none;
}
.pagination__btn svg {
  width: 1.6rem;
  height: 1.6rem;
}
.pagination__btn--next svg {
  transform: rotate(180deg);
}
.pagination__gap {
  min-width: 1.6rem;
  text-align: center;
  font-size: 1.35rem;
  color: #a0aab2;
  user-select: none;
}
.pagination__more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  width: 100%;
  max-width: 32rem;
  padding: 1.15rem 2rem;
  border: 1.5px solid #e7e9ee;
  border-radius: 10rem;
  background: #fff;
  font-family: inherit;
  font-size: 1.35rem;
  font-weight: 600;
  color: #1a202c;
  cursor: pointer;
  transition: border-color 0.18s ease, color 0.18s ease;
}
.pagination__more:hover {
  border-color: #1a4d58;
  color: #1a4d58;
}
.pagination__more svg {
  width: 1.6rem;
  height: 1.6rem;
}
@media (max-width: 767px) {
  .pagination__more {
    max-width: none;
  }
}

[data-appear] {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  transition-delay: var(--appear-delay, 0ms);
}
[data-appear].is-in {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  [data-appear] {
    opacity: 1 !important;
    transform: none !important;
  }
}

.lead-form__label i {
  font-style: normal;
  color: rgba(255, 255, 255, 0.32);
}
.lead-form__agrees {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.lead-form__ms {
  position: relative;
}
.lead-form__ms-trigger {
  position: relative;
  display: flex;
  align-items: center;
  text-align: left;
  padding-right: 4rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.lead-form__ms-trigger.is-empty {
  color: rgba(255, 255, 255, 0.45);
}
.lead-form__ms-trigger::after {
  content: "";
  position: absolute;
  right: 1.8rem;
  top: 50%;
  width: 0.7rem;
  height: 0.7rem;
  border-right: 0.2rem solid currentColor;
  border-bottom: 0.2rem solid currentColor;
  opacity: 0.55;
  transform: translateY(-70%) rotate(45deg);
  transition: transform 0.2s ease;
}
.lead-form__ms.is-open .lead-form__ms-trigger::after {
  transform: translateY(-30%) rotate(225deg);
}
.lead-form__ms-menu {
  position: absolute;
  z-index: 20;
  top: calc(100% + 0.6rem);
  left: 0;
  right: 0;
  padding: 0.4rem;
  max-height: 24rem;
  overflow-y: auto;
  background: #0d2329;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 10px;
  box-shadow: 0 1.2rem 3rem rgba(0, 0, 0, 0.45);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-0.4rem);
  transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
}
.lead-form__ms.is-open .lead-form__ms-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.lead-form__ms-opt {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.9rem 1.2rem;
  border-radius: 7px;
  font-size: 1.4rem;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.78);
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.lead-form__ms-opt:hover {
  background: rgba(245, 164, 0, 0.16);
  color: #fff;
}
.lead-form__ms-opt input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.lead-form__ms-box {
  position: relative;
  flex: 0 0 auto;
  width: 1.8rem;
  height: 1.8rem;
  border: 0.15rem solid rgba(255, 255, 255, 0.35);
  border-radius: 0.5rem;
}
.lead-form__ms-opt input:checked + .lead-form__ms-box {
  background: #f59e0b;
  border-color: #f59e0b;
}
.lead-form__ms-opt input:checked + .lead-form__ms-box::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 46%;
  width: 0.5rem;
  height: 0.9rem;
  margin: -0.45rem 0 0 -0.25rem;
  border-right: 0.2rem solid #0a1c20;
  border-bottom: 0.2rem solid #0a1c20;
  transform: rotate(45deg);
  transform-origin: center;
}
.lead-form__submit[disabled] {
  opacity: 0.45;
  cursor: not-allowed;
  pointer-events: none;
}

.lead-form__field[hidden] {
  display: none;
}

.callback-popup {
  display: none;
}
.fancybox__slide .callback-popup {
  display: block;
}

.ins-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.8rem;
}
@media (max-width: 1024px) {
  .ins-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .ins-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 479px) {
  .ins-grid {
    grid-template-columns: 1fr;
  }
}

.ins-row {
  display: flex;
  gap: 1.6rem;
  margin: -2rem -2.8rem -2.4rem;
  padding: 2rem 2.8rem 3.6rem;
  overflow-x: auto;
  scrollbar-width: none;
}
.ins-row .ins-card {
  flex: 1 1 22rem;
  min-width: 22rem;
}

.ins-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e7e9ee;
  border-radius: 1.6rem;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.ins-card:hover {
  border-color: #1a4d58;
  box-shadow: 0 8px 28px rgba(10, 28, 32, 0.14);
}
.ins-card a {
  text-decoration: none;
}
.ins-card__ph {
  position: relative;
  display: block;
  flex-shrink: 0;
  aspect-ratio: 4/3;
  overflow: hidden;
  background: #eef1f3;
}
.ins-card__ph img {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ins-card__av {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #1a4d58, #0a1c20);
  font-family: "Roboto", sans-serif;
  font-size: 3.2rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #fff;
}
.ins-card__more {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(10, 28, 32, 0.68);
  opacity: 0;
  transition: opacity 0.2s ease;
}
.ins-card__ph:hover .ins-card__more {
  opacity: 1;
}
.ins-card__more-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 1.1rem 2rem;
  border-radius: 1rem;
  background: linear-gradient(217deg, #f00, #b30909);
  font-size: 1.35rem;
  font-weight: 700;
  color: #fff;
}
.ins-card__more-btn svg {
  width: 1em;
  height: 1em;
  margin-left: 0.15em;
}
.ins-card__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.8rem;
  padding: 1.5rem;
}
.ins-card__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.ins-card__badge {
  display: inline-flex;
  align-items: center;
  padding: 0.3rem 0.9rem;
  border-radius: 10rem;
  font-size: 1.15rem;
  font-weight: 700;
  color: #0a1c20;
  background-color: #e0eaec;
}
.ins-card__badge--cat-b {
  color: #1a4d58;
  background-color: #e2f1f3;
}
.ins-card__badge--cat-c {
  color: #c0392e;
  background-color: #fbe5e2;
}
.ins-card__badge--akpp {
  color: #c2710c;
  background-color: #fdefda;
}
.ins-card__name {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.35;
  color: #0a1c20;
}
.ins-card__rating {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.ins-card__rating b {
  font-size: 1.2rem;
  font-weight: 600;
  color: #4a5568;
}
.ins-card__stars {
  position: relative;
  display: inline-block;
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: 0.5px;
  color: #d7dee2;
}
.ins-card__stars-fill {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  white-space: nowrap;
  color: #f59e0b;
}
.ins-card__rev {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 1.2rem;
  font-style: italic;
  line-height: 1.5;
  color: #718096;
}
.ins-card__car {
  margin-top: auto;
  font-size: 1.25rem;
  line-height: 1.4;
  color: #718096;
}

.pl2-hero {
  background: #071314;
  color: #fff;
  padding: 14rem 0 0;
}
@media (max-width: 767px) {
  .pl2-hero {
    padding-top: 9rem;
  }
}
.pl2-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 40rem;
  gap: 6rem;
  align-items: end;
  padding-bottom: 4.4rem;
}
@media (max-width: 1024px) {
  .pl2-hero__grid {
    grid-template-columns: 1fr;
    gap: 3.6rem;
  }
}
.pl2-hero__lead {
  margin: 2.4rem 0 0;
  max-width: 52rem;
  font-size: 1.7rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.74);
  text-wrap: pretty;
}
.pl2-hero__crumb {
  color: rgba(255, 255, 255, 0.8);
}
.pl2-hero__lic {
  margin: 2rem 0 0;
  font-size: 1.3rem;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.42);
}

.pl2-crumbs {
  display: flex;
  gap: 0.8rem;
  font-size: 1.3rem;
  color: rgba(255, 255, 255, 0.42);
  margin-bottom: 3.2rem;
}
.pl2-crumbs a {
  color: rgba(255, 255, 255, 0.42);
}
.pl2-crumbs a:hover {
  color: #fff;
}

.pl2-h1 {
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 800;
  font-size: clamp(4.2rem, 6vw, 7.2rem);
  line-height: 0.94;
  letter-spacing: -0.035em;
  margin: 0;
}
.pl2-h1 em {
  font-style: normal;
  color: #f5a400;
}

.pl2-index {
  border-top: 1px solid rgba(255, 255, 255, 0.16);
}
.pl2-index a {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1.6rem;
  padding: 1.15rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.8);
  font-size: 1.5rem;
  transition: color 0.16s ease, border-color 0.16s ease;
}
.pl2-index a:hover {
  color: #fff;
  border-color: rgba(245, 164, 0, 0.6);
}
.pl2-index b {
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 700;
  font-size: 1.7rem;
  color: #f5a400;
  letter-spacing: -0.02em;
  white-space: nowrap;
}
.pl2-index a:hover b {
  color: #ffc247;
}

.pl2-act {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2.4rem;
  padding: 2.4rem 0;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.pl2-act__note {
  font-size: 1.4rem;
  color: rgba(255, 255, 255, 0.55);
}
.pl2-act__tel {
  margin-left: auto;
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 700;
  font-size: 2rem;
  color: #fff;
  letter-spacing: -0.02em;
}
@media (max-width: 767px) {
  .pl2-act__tel {
    margin-left: 0;
  }
}
.pl2-act__tel:hover {
  color: #f5a400;
}

.pl2-cta {
  display: inline-flex;
  align-items: center;
  height: 5rem;
  padding: 0 3.2rem;
  background: #e21c2a;
  color: #fff;
  font-weight: 600;
  font-size: 1.5rem;
  border: 0;
  border-radius: 10rem;
  cursor: pointer;
  transition: background-color 0.18s ease;
}
.pl2-cta:hover {
  background: #c4131f;
}

.pl2-cat {
  display: grid;
  grid-template-columns: 30rem minmax(0, 1fr);
  gap: 5.6rem;
  padding: 5.6rem 0;
  border-top: 1px solid #e0e4ea;
  scroll-margin-top: calc(var(--pl2-hdr, 5.7rem) + 2.4rem);
}
@media (max-width: 1024px) {
  .pl2-cat {
    grid-template-columns: 1fr;
    gap: 2.8rem;
  }
}
.pl2-cat--tight {
  padding: 4rem 0;
}
.pl2-cat__side {
  position: sticky;
  top: calc(var(--pl2-hdr, 5.7rem) + 3.2rem);
  align-self: start;
}
@media (max-width: 1024px) {
  .pl2-cat__side {
    position: static;
  }
}
.pl2-cat__ico {
  width: 5.6rem;
  height: 5.6rem;
  color: #1a4d58;
}
.pl2-cat__ico img,
.pl2-cat__ico svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.pl2-cat__ico--photo {
  width: 100%;
  height: 11rem;
}
.pl2-cat__ico--photo img {
  object-position: left center;
}
.pl2-cat__name {
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1.1;
  letter-spacing: -0.025em;
  color: #0a1c20;
  margin: 1.6rem 0 0;
}
.pl2-cat__desc {
  margin: 1rem 0 0;
  font-size: 1.4rem;
  line-height: 1.6;
  color: #718096;
}
.pl2-cat__age {
  margin: 1.6rem 0 0;
  font-size: 1.3rem;
  color: #1a4d58;
  font-weight: 500;
}

.pl2-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 9rem 15rem 13rem 12.5rem;
  align-items: center;
  gap: 2rem;
  padding: 1.8rem 0;
  border-bottom: 1px solid #e7e9ee;
  transition: background-color 0.16s ease;
}
@media (max-width: 1100px) {
  .pl2-row {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.6rem 2rem;
  }
}
.pl2-row:hover {
  background: #f7f9fa;
}
.pl2-row__name {
  font-size: 1.6rem;
  font-weight: 500;
  color: #0a1c20;
}
@media (max-width: 1100px) {
  .pl2-row__name {
    grid-column: 1;
    grid-row: 1;
  }
}
.pl2-row__name i {
  display: block;
  font-style: normal;
  font-size: 1.3rem;
  font-weight: 400;
  color: #8a9aa5;
  margin-top: 0.4rem;
  line-height: 1.5;
}
.pl2-row__term, .pl2-row__fmt {
  font-size: 1.35rem;
  color: #718096;
}
@media (max-width: 1100px) {
  .pl2-row__term {
    grid-column: 1;
    grid-row: 2;
  }
}
.pl2-row__term:empty {
  display: none;
}
@media (max-width: 1100px) {
  .pl2-row__fmt {
    grid-column: 2;
    grid-row: 2;
    text-align: right;
  }
}
.pl2-row__price {
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 700;
  font-size: 1.9rem;
  letter-spacing: -0.02em;
  color: #0a1c20;
  text-align: right;
}
@media (max-width: 1100px) {
  .pl2-row__price {
    grid-column: 2;
    grid-row: 1;
  }
}
.pl2-row__price small {
  display: block;
  font-family: "Golos", Arial, sans-serif;
  font-weight: 400;
  font-size: 1.3rem;
  color: #4a5568;
  letter-spacing: 0;
  margin-top: 0.3rem;
}
.pl2-row__buy {
  justify-self: end;
  height: 3.8rem;
  padding: 0 1.8rem;
  border: 1.5px solid #cfd6dd;
  background: #fff;
  border-radius: 10rem;
  font-family: inherit;
  font-size: 1.35rem;
  font-weight: 500;
  color: #1a4d58;
  cursor: pointer;
  transition: border-color 0.16s ease, color 0.16s ease;
}
@media (max-width: 1100px) {
  .pl2-row__buy {
    grid-column: 2;
    grid-row: 3;
    margin-top: 0.8rem;
  }
}
.pl2-row__buy:hover {
  border-color: #e21c2a;
  color: #e21c2a;
}

.pl2-mark {
  display: inline-block;
  margin-left: 0.8rem;
  font-size: 1.15rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #e21c2a;
  vertical-align: 0.15em;
}

.pl2-band {
  background: #f2f4f6;
  padding: 6rem 0;
}

.pl2-incl {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6rem;
}
@media (max-width: 1024px) {
  .pl2-incl {
    grid-template-columns: 1fr;
    gap: 3.2rem;
  }
}
.pl2-incl h2 {
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 700;
  font-size: 2.2rem;
  letter-spacing: -0.02em;
  color: #0a1c20;
  margin: 0 0 2rem;
}
.pl2-incl ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pl2-incl li {
  font-size: 1.5rem;
  line-height: 1.5;
  color: #2d3748;
  padding: 1.15rem 0 1.15rem 2.6rem;
  border-bottom: 1px solid #dfe4e9;
  position: relative;
}
.pl2-incl li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1.9rem;
  width: 1.2rem;
  height: 0.15rem;
  background: #1a4d58;
}
.pl2-incl--extra li::before {
  background: #c9d0d6;
}
.pl2-incl__note {
  margin: 2rem 0 0;
  font-size: 1.35rem;
  line-height: 1.6;
  color: #718096;
  max-width: 42rem;
}

.pl2-pay {
  display: grid;
  grid-template-columns: 1fr 38rem;
  gap: 6rem;
  align-items: start;
  padding: 6rem 0;
}
@media (max-width: 1024px) {
  .pl2-pay {
    grid-template-columns: 1fr;
    gap: 3.2rem;
  }
}
.pl2-pay h2 {
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 700;
  font-size: 3rem;
  letter-spacing: -0.03em;
  color: #0a1c20;
  margin: 0;
  max-width: 34rem;
  line-height: 1.08;
}
.pl2-pay p {
  font-size: 1.55rem;
  line-height: 1.65;
  color: #4a5568;
  margin: 1.6rem 0 0;
  max-width: 52rem;
}
.pl2-pay p a {
  color: #1a4d58;
  text-decoration: underline;
  text-underline-offset: 0.2rem;
}
.pl2-pay p a:hover {
  color: #e21c2a;
}
.pl2-pay__sum {
  border-top: 3px solid #0a1c20;
  padding-top: 1.8rem;
}
.pl2-pay__sum b {
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 700;
  color: #0a1c20;
}
.pl2-pay__row {
  display: flex;
  justify-content: space-between;
  gap: 1.6rem;
  padding: 1rem 0;
  border-bottom: 1px solid #e7e9ee;
  font-size: 1.45rem;
  color: #4a5568;
}

.pl2-qa {
  padding: 5.6rem 0 7.2rem;
  border-top: 1px solid #e0e4ea;
}
.pl2-qa .faq {
  padding: 0;
  background: transparent;
}
.pl2-qa .faq__container {
  padding-left: 0;
  padding-right: 0;
  max-width: none;
}

.pl2-modal__done-title {
  font-size: 2.2rem;
}
.pl2-modal__done-btn {
  max-width: 22rem;
}

.pl2-anim {
  opacity: 0;
  transform: translateY(1.8rem);
  transition: opacity 0.5s ease, transform 0.62s cubic-bezier(0.16, 1, 0.3, 1);
  transition-delay: var(--d, 0ms);
}
.pl2-anim.is-in {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .pl2-anim {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

.pl2-arr {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  vertical-align: -0.1em;
}

.pl2-row__name a {
  color: inherit;
  text-decoration: none;
}
.pl2-row__name a:hover {
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}

.page-category-b {
  overflow-x: clip;
  color: #1a202c;
}

.c-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: calc(var(--c-hdr, 11.4rem) + 4.8rem) 0 0;
  background-color: #0a1c20;
}
.c-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  width: 100%;
  max-width: 1920px;
  margin-inline: auto;
  background: linear-gradient(115deg, rgba(10, 28, 32, 0.78) 0%, rgba(15, 49, 56, 0.58) 45%, rgba(26, 77, 88, 0.38) 100%);
}
@media (min-width: 1921px) {
  .c-hero::before {
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 140px, #000 calc(100% - 140px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 140px, #000 calc(100% - 140px), transparent 100%);
  }
}
.c-hero__media {
  position: absolute;
  inset: 0;
  z-index: -2;
  overflow: hidden;
  width: 100%;
  max-width: 136.6rem;
  margin-inline: auto;
  background: url("/local/templates/dosaaf8marta_2026/css/../images/hero-bg.jpg") center right/cover no-repeat #0a1c20;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 10rem, #000 calc(100% - 10rem), transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 10rem, #000 calc(100% - 10rem), transparent 100%);
}
.c-hero__video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center right;
  filter: grayscale(0.12) saturate(0.9) brightness(0.85) contrast(0.96);
}
@media (max-width: 767px), (prefers-reduced-motion: reduce) {
  .c-hero__video {
    display: none;
  }
}
.c-hero__label {
  margin-bottom: 1rem;
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #f59e0b;
}
.c-hero__title {
  font-family: "Roboto", sans-serif;
  font-size: 3.4rem;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.03em;
  color: #fff;
}
@media (max-width: 767px) {
  .c-hero__title {
    font-size: 2.4rem;
  }
}
.c-hero__desc {
  max-width: 62rem;
  margin-top: 1rem;
  font-size: 1.5rem;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.72);
}

.c-crumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.7rem;
  margin-bottom: 1.6rem;
  font-size: 1.25rem;
  color: rgba(255, 255, 255, 0.6);
}
.c-crumbs a {
  color: rgba(255, 255, 255, 0.6);
}
.c-crumbs a:hover {
  color: #fff;
}

.c-crumb-sep {
  opacity: 0.5;
}

.c-crumb-cur {
  font-weight: 500;
  color: rgba(255, 255, 255, 0.9);
}

.c-tabs {
  display: flex;
  gap: 0;
  min-width: 0;
  max-width: 100%;
  margin-top: 2.6rem;
  overflow-x: auto;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
}
.c-tabs::-webkit-scrollbar {
  display: none;
}

.c-tab {
  flex-shrink: 0;
  padding: 1.4rem 1.9rem;
  border: 0;
  border-bottom: 3px solid transparent;
  background: none;
  font-family: inherit;
  font-size: 1.35rem;
  font-weight: 500;
  white-space: nowrap;
  color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  transition: 0.15s;
}
.c-tab:hover {
  color: #fff;
}
.c-tab.is-active {
  font-weight: 600;
  color: #fff;
  border-bottom-color: #e31e24;
}

.c-arr {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  margin: 0 0.2rem;
  vertical-align: -0.1em;
}

.c-price-hero {
  display: grid;
  grid-template-columns: 1fr 40rem;
  gap: 3rem;
  align-items: start;
  padding: 3.2rem 0 4rem;
}
@media (max-width: 1024px) {
  .c-price-hero {
    grid-template-columns: 1fr;
  }
}

.c-feat-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.1rem;
}
@media (max-width: 1024px) {
  .c-feat-grid {
    grid-template-columns: 1fr;
  }
}

.c-feat {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 1.2rem;
  padding: 1.4rem 1.6rem 1.5rem;
  border: 1px solid #e7e9ee;
  border-radius: 1.2rem;
  background: #fff;
}
.c-feat__ic {
  display: block;
  flex-shrink: 0;
  width: 3.6rem;
  height: 3.6rem;
  margin-top: 0.1rem;
}
.c-feat__t {
  margin-bottom: 0.5rem;
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #1a4d58;
}
.c-feat__v {
  font-size: 1.45rem;
  font-weight: 500;
  line-height: 1.4;
  color: #0a1c20;
}

.c-panel {
  position: sticky;
  top: calc(var(--c-hdr, 11.4rem) + 1.6rem);
  overflow: hidden;
  border: 1px solid #e7e9ee;
  border-radius: 1.6rem;
  background: #fff;
  box-shadow: 0 8px 30px rgba(10, 28, 32, 0.12);
}
@media (max-width: 1024px) {
  .c-panel {
    position: static;
  }
}
.c-panel__head {
  padding: 2.2rem;
  background: linear-gradient(135deg, #0a1c20, #1a4d58);
}
.c-panel__cat {
  margin-bottom: 0.8rem;
  font-size: 1.15rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.6);
}
.c-panel__price {
  font-family: "Roboto", sans-serif;
  font-size: 3.4rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #fff;
}
.c-panel__period {
  margin-top: 0.6rem;
  font-size: 1.3rem;
  color: rgba(255, 255, 255, 0.6);
}
.c-panel__body {
  padding: 1.8rem 2.2rem;
}
.c-panel__body .btn {
  width: 100%;
}
.c-panel__body .btn--primary {
  margin-bottom: 1rem;
  padding: 1.4rem;
  font-size: 1.5rem;
  font-weight: 700;
}
@media (max-width: 767px) {
  .c-panel__body .btn--primary {
    white-space: nowrap;
  }
}
.c-panel__body .btn--light {
  margin-bottom: 1.4rem;
  padding: 1.2rem;
  font-size: 1.4rem;
}
.c-panel__arr {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: 0.45em;
  vertical-align: -0.1em;
}
.c-panel__hr {
  margin: 1.4rem 0;
  border: none;
  border-top: 1px solid #e7e9ee;
}
.c-panel__warr {
  font-size: 1.2rem;
  line-height: 1.55;
  text-align: center;
  color: #718096;
}

.c-contacts {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
}

.c-contact {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  padding: 0.9rem 1.2rem;
  border: 1px solid #e7e9ee;
  border-radius: 1rem;
  background: #f7f8fa;
  font-family: inherit;
  font-size: 1.3rem;
  font-weight: 500;
  text-align: left;
  color: #0a1c20;
  cursor: pointer;
  transition: 0.15s;
}
.c-contact:hover {
  border-color: #1a4d58;
  background: #f0f6f7;
}
.c-contact__ic {
  flex-shrink: 0;
  width: 1.8rem;
  height: 1.8rem;
}
.c-contact__ic--max {
  width: 1.9rem;
  height: 1.9rem;
}

.c-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 3rem;
  align-items: start;
  padding: 0 0 5rem;
}

.c-main {
  min-width: 0;
}

.c-block {
  margin-bottom: 3.2rem;
}
.c-block__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.4rem;
}
.c-block__head .c-sectitle {
  margin-bottom: 0;
}
.c-block__more {
  flex-shrink: 0;
  font-size: 1.35rem;
  font-weight: 500;
  color: #1a4d58;
}
@media (max-width: 767px) {
  .c-block__more {
    white-space: nowrap;
  }
}
.c-block__more svg {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: 0.35em;
  vertical-align: -0.1em;
}
.c-block .branches {
  background: transparent;
}
.c-block .branches__container {
  max-width: none;
  padding-inline: 0;
}

.c-eyebrow {
  display: none;
}

.c-sectitle {
  margin-bottom: 1.4rem;
  font-family: "Roboto", sans-serif;
  font-size: 2.1rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #0a1c20;
}

.c-secsub {
  margin-bottom: 1.8rem;
  font-size: 1.4rem;
  line-height: 1.6;
  color: #718096;
}
.c-secsub a {
  text-decoration: underline;
  text-underline-offset: 0.2rem;
}

.c-desc {
  padding: 2.4rem;
  border: 1px solid #e7e9ee;
  border-radius: 1.6rem;
  background: #fff;
}
.c-desc__badge {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  margin-bottom: 1.4rem;
  padding: 0.5rem 1.2rem;
  border: 1px solid #fed7aa;
  border-radius: 10rem;
  background: #fff7ed;
  font-size: 1.2rem;
  font-weight: 600;
  color: #c2410c;
}
.c-desc p {
  margin-bottom: 1.2rem;
  font-size: 1.4rem;
  line-height: 1.75;
  color: #4a5568;
}
.c-desc p:last-child {
  margin-bottom: 0;
}
.c-desc p a {
  text-decoration: underline;
  text-underline-offset: 0.2rem;
}

.c-sched-head {
  margin-bottom: 1.2rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #0a1c20;
}

.c-sched-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.1rem;
  margin-bottom: 1.4rem;
}
@media (max-width: 1024px) {
  .c-sched-grid {
    grid-template-columns: 1fr;
  }
}

.c-sched {
  position: relative;
  overflow: hidden;
  padding: 1.5rem 1.6rem 5.4rem;
  border: 1.5px solid #e7e9ee;
  border-radius: 1.2rem;
  background: #fff;
  cursor: pointer;
  transition: 0.15s;
}
.c-sched > * {
  position: relative;
}
.c-sched:hover, .c-sched.is-active {
  border-color: #1a4d58;
  background: #f0f6f7;
}
.c-sched__n {
  margin-bottom: 0.3rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #0a1c20;
}
.c-sched__t {
  font-size: 1.3rem;
  color: #4a5568;
}
.c-sched__f {
  margin-top: 0.2rem;
  font-size: 1.2rem;
  color: #718096;
}
.c-sched > .c-sched__cta {
  position: absolute;
  right: 1.6rem;
  bottom: 1.4rem;
  left: 1.6rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.85rem 1.4rem;
  border-radius: 1rem;
  background: linear-gradient(217deg, #f00, #b30909);
  font-size: 1.25rem;
  font-weight: 600;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}
@media (hover: none) {
  .c-sched > .c-sched__cta {
    opacity: 1;
    visibility: visible;
  }
}
.c-sched:hover > .c-sched__cta, .c-sched:focus-within > .c-sched__cta, .c-sched.is-active > .c-sched__cta {
  opacity: 1;
  visibility: visible;
}

.c-note {
  padding: 1.3rem 1.6rem;
  border-radius: 1rem;
  background: #e2f1f3;
  font-size: 1.3rem;
  line-height: 1.6;
  color: #1a4d58;
}
.c-note strong {
  font-weight: 700;
}

.c-inc-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  margin-bottom: 1.6rem;
}
@media (max-width: 1024px) {
  .c-inc-grid {
    grid-template-columns: 1fr;
  }
}

.c-inc {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1.3rem 1.4rem;
  border: 1px solid #e7e9ee;
  border-radius: 1rem;
  background: #fff;
}
.c-inc__ck {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  margin-top: 0.1rem;
  border-radius: 50%;
  background: #e2f1f3;
  font-size: 1.1rem;
  font-weight: 700;
  color: #1a4d58;
}
.c-inc__ck svg {
  width: 1.1rem;
  height: 1.1rem;
}
.c-inc__tx {
  font-size: 1.3rem;
  line-height: 1.5;
  color: #4a5568;
}
.c-inc__tx strong {
  font-weight: 600;
  color: #0a1c20;
}

.c-app {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-areas: "ic title" "ic desc";
  column-gap: 2rem;
  align-items: center;
  padding: 2.4rem;
  border-radius: 1.6rem;
  background: linear-gradient(135deg, #0a1c20, #1a4d58);
}
@media (max-width: 767px) {
  .c-app {
    grid-template-areas: "ic title" "desc desc";
    column-gap: 1.2rem;
  }
}
.c-app__ic {
  grid-area: ic;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 5.4rem;
  height: 5.4rem;
  border-radius: 1.4rem;
  background: rgba(255, 255, 255, 0.1);
  color: #f59e0b;
}
@media (max-width: 767px) {
  .c-app__ic {
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 1rem;
  }
}
.c-app__ic svg {
  width: 2.8rem;
  height: 2.8rem;
}
@media (max-width: 767px) {
  .c-app__ic svg {
    width: 2rem;
    height: 2rem;
  }
}
.c-app__t {
  grid-area: title;
  margin-bottom: 0.5rem;
  font-family: "Roboto", sans-serif;
  font-size: 1.7rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #fff;
}
@media (max-width: 767px) {
  .c-app__t {
    margin-bottom: 0;
  }
}
.c-app__x {
  grid-area: desc;
  font-size: 1.3rem;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.72);
}
@media (max-width: 767px) {
  .c-app__x {
    margin-top: 1.2rem;
  }
}

.c-reviews {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.4rem;
  padding: 0;
}
@media (max-width: 767px) {
  .c-reviews {
    padding: 0;
  }
}
.c-reviews .review-card {
  box-shadow: 0 0.4rem 2rem 0 rgba(26, 32, 44, 0.1);
}

.page-category-b .faq__answer p a {
  text-decoration: underline;
  text-underline-offset: 0.2rem;
}

.c-panel__rows {
  margin-bottom: 1.6rem;
}
.c-panel__rows li {
  display: flex;
  justify-content: space-between;
  gap: 1.2rem;
  padding: 0.8rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  font-size: 1.4rem;
}
.c-panel__rows b {
  white-space: nowrap;
}

.c-text p + p,
.c-text p + ul,
.c-text p + ol,
.c-text ul + p,
.c-text ol + p,
.c-text div + p,
.c-text h2 + p,
.c-text h3 + p {
  margin-top: 1rem;
}
.c-text h2,
.c-text h3 {
  font-weight: 700;
  font-size: 2rem;
  margin: 2rem 0 1rem;
}
.c-text ul,
.c-text ol {
  padding-left: 2rem;
  margin-top: 1rem;
}
.c-text ul {
  list-style: disc;
}
.c-text ol {
  list-style: decimal;
}
.c-text li + li {
  margin-top: 0.6rem;
}
.c-text a {
  text-decoration: underline;
  text-underline-offset: 0.2rem;
}
.c-text img {
  max-width: 100%;
  height: auto;
}

.page-instructors {
  --in-hdr: var(--hdr-b, 114px);
}
@media (max-width: 1100px) {
  .page-instructors {
    --in-hdr: var(--hdr-b, 57px);
  }
}

.in-crumbs {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.7rem;
  margin-bottom: 1.6rem;
  font-size: 1.25rem;
  color: rgba(255, 255, 255, 0.6);
}
.in-crumbs a {
  color: rgba(255, 255, 255, 0.6);
}
.in-crumbs a:hover {
  color: #fff;
}
.in-crumbs__sep {
  opacity: 0.5;
}
.in-crumbs__cur {
  font-weight: 500;
  color: rgba(255, 255, 255, 0.9);
}

.in-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: calc(var(--in-hdr, 114px) + 48px) 0 4.4rem;
  background-color: #0a1c20;
}
.in-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  width: 100%;
  max-width: 1920px;
  margin-inline: auto;
  background: linear-gradient(115deg, rgba(10, 28, 32, 0.78) 0%, rgba(15, 49, 56, 0.58) 45%, rgba(26, 77, 88, 0.38) 100%);
}
@media (min-width: 1921px) {
  .in-hero::before {
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 140px, #000 calc(100% - 140px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 140px, #000 calc(100% - 140px), transparent 100%);
  }
}
.in-hero__media {
  position: absolute;
  inset: 0;
  z-index: -2;
  overflow: hidden;
  width: 100%;
  max-width: 136.6rem;
  margin-inline: auto;
  background: url("/local/templates/dosaaf8marta_2026/css/../images/hero-bg.jpg") center right/cover no-repeat #0a1c20;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 10rem, #000 calc(100% - 10rem), transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 10rem, #000 calc(100% - 10rem), transparent 100%);
}
.in-hero__video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center right;
  filter: grayscale(0.12) saturate(0.9) brightness(0.85) contrast(0.96);
}
@media (max-width: 767px) {
  .in-hero__video {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .in-hero__video {
    display: none;
  }
}
.in-hero__title {
  font-family: "Roboto", sans-serif;
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.03em;
  color: #fff;
}
@media (max-width: 767px) {
  .in-hero__title {
    font-size: 2.6rem;
  }
}
.in-hero__sub {
  max-width: 56rem;
  margin-top: 1.2rem;
  font-size: 1.5rem;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.75);
}

.in-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 3.4rem;
  margin-top: 2.6rem;
}

.in-stat__n {
  font-family: "Roboto", sans-serif;
  font-size: 2.8rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.02em;
  color: #f59e0b;
}
.in-stat__l {
  margin-top: 0.5rem;
  font-size: 1.3rem;
  color: rgba(255, 255, 255, 0.6);
}

.in-filter {
  position: sticky;
  top: var(--in-hdr, 114px);
  z-index: 8;
  border-bottom: 1px solid #e7e9ee;
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(6px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
@media (max-width: 767px) {
  .in-filter .container {
    position: relative;
  }
  .in-filter .container::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    width: 4rem;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff 78%);
    pointer-events: none;
  }
}
.in-filter__in {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1.4rem;
  padding: 3.2rem 0 1rem;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
}
.in-filter__in::-webkit-scrollbar {
  display: none;
}
@media (max-width: 1100px) {
  .in-filter__in {
    flex-wrap: wrap;
    row-gap: 1rem;
    overflow: visible;
  }
}
@media (max-width: 767px) {
  .in-filter__in {
    margin: 0 -1.6rem;
    padding-right: 1.6rem;
    padding-left: 1.6rem;
    scroll-padding: 1.6rem;
    -webkit-overflow-scrolling: touch;
  }
  .in-filter__in::after {
    content: "";
    flex: 0 0 0.2rem;
  }
}

.in-row__lbl {
  flex-shrink: 0;
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  white-space: nowrap;
  color: #718096;
}

.in-field {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 0.8rem;
}
.in-field + .in-field {
  padding-left: 1.4rem;
  border-left: 1px solid #e7e9ee;
}
@media (max-width: 1100px) {
  .in-field {
    flex: 1 1 26rem;
  }
  .in-field + .in-field {
    padding-left: 0;
    border-left: none;
  }
  .in-field .cs-wrap {
    flex: 1 1 auto;
  }
}

.in-sel {
  flex-shrink: 0;
  min-height: 4rem;
  max-width: 22rem;
  padding: 0.7rem 3rem 0.7rem 1.3rem;
  border: 1.5px solid #e7e9ee;
  border-radius: 1.2rem;
  outline: none;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23718096' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 1.1rem center;
  font-family: inherit;
  font-size: 1.3rem;
  color: #0a1c20;
  cursor: pointer;
  appearance: none;
}
.in-sel:focus {
  border-color: #1a4d58;
}
@media (max-width: 1100px) {
  .in-sel {
    flex: 1 1 auto;
    max-width: none;
  }
}

.in-tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1.2rem;
  padding: 1.8rem 0 2.4rem;
}
.in-tools__right {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}

.in-search {
  position: relative;
  flex: 1;
  min-width: 24rem;
}
.in-search input {
  width: 100%;
  padding: 1.2rem 1.6rem 1.2rem 4.2rem;
  border: 1.5px solid #e7e9ee;
  border-radius: 1.2rem;
  outline: none;
  background: #fff;
  font-family: inherit;
  font-size: 1.4rem;
  line-height: 1.5;
  color: #4a5568;
  transition: border-color 0.15s;
}
.in-search input:focus {
  border-color: #1a4d58;
}
.in-search svg {
  position: absolute;
  top: 50%;
  left: 1.4rem;
  width: 1.9rem;
  height: 1.9rem;
  transform: translateY(-50%);
}

.in-reset {
  display: none;
  align-items: center;
  gap: 0.4rem;
  padding: 0.7rem 1.3rem;
  border: 1px solid #feb2b2;
  border-radius: 10rem;
  background: none;
  font-family: inherit;
  font-size: 1.2rem;
  font-weight: 600;
  color: #e31e24;
  cursor: pointer;
  transition: background 0.15s;
}
.in-reset:hover {
  background: #fff5f5;
}
.in-reset.vis {
  display: inline-flex;
}

.in-sort {
  padding: 0.9rem 3.2rem 0.9rem 1.4rem;
  border: 1.5px solid #e7e9ee;
  border-radius: 1.2rem;
  outline: none;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23718096' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 1.2rem center;
  font-family: inherit;
  font-size: 1.3rem;
  color: #4a5568;
  cursor: pointer;
  appearance: none;
  transition: border-color 0.15s;
}
.in-sort:focus {
  border-color: #1a4d58;
}

.in-count {
  font-size: 1.35rem;
  color: #718096;
}
.in-count strong {
  font-weight: 600;
  color: #0a1c20;
}

.in-empty {
  display: none;
  padding: 6rem 2rem;
  text-align: center;
}
.in-empty.vis {
  display: block;
}
.in-empty__ic {
  margin-bottom: 1.2rem;
  color: #cbd5d8;
}
.in-empty__ic svg {
  width: 5.6rem;
  height: 5.6rem;
}
.in-empty__t {
  margin-bottom: 0.6rem;
  font-family: "Roboto", sans-serif;
  font-size: 1.9rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #0a1c20;
}
.in-empty__s {
  margin-bottom: 1.8rem;
  font-size: 1.4rem;
  color: #718096;
}

.ins-grid .ins-card.is-hidden {
  display: none;
}

.in-pagination {
  margin: 3.2rem 0 4.8rem;
}
.in-pagination.is-hidden {
  display: none;
}

.page-instructor {
  --p-hdr: var(--hdr-b, 114px);
}
@media (max-width: 1100px) {
  .page-instructor {
    --p-hdr: var(--hdr-b, 57px);
  }
}

.p-crumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.7rem;
  margin-bottom: 1.6rem;
  font-size: 1.25rem;
  color: rgba(255, 255, 255, 0.6);
}
.p-crumbs a {
  color: rgba(255, 255, 255, 0.6);
}
.p-crumbs a:hover {
  color: #fff;
}
.p-crumbs__sep {
  opacity: 0.5;
}
.p-crumbs__cur {
  font-weight: 500;
  color: rgba(255, 255, 255, 0.9);
}
@media (max-width: 767px) {
  .p-crumbs {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .p-crumbs::-webkit-scrollbar {
    display: none;
  }
  .p-crumbs > * {
    flex-shrink: 0;
    white-space: nowrap;
  }
}

.p-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: calc(var(--p-hdr, 114px) + 48px) 0 0;
  background-color: #0a1c20;
}
.p-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  width: 100%;
  max-width: 1920px;
  margin-inline: auto;
  background: linear-gradient(115deg, rgba(10, 28, 32, 0.8) 0%, rgba(15, 49, 56, 0.6) 48%, rgba(26, 77, 88, 0.42) 100%);
}
@media (min-width: 1921px) {
  .p-hero::before {
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 140px, #000 calc(100% - 140px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 140px, #000 calc(100% - 140px), transparent 100%);
  }
}
.p-hero__media {
  position: absolute;
  inset: 0;
  z-index: -2;
  overflow: hidden;
  width: 100%;
  max-width: 136.6rem;
  margin-inline: auto;
  background: url("/local/templates/dosaaf8marta_2026/css/../images/hero-bg.jpg") center right/cover no-repeat #0a1c20;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 10rem, #000 calc(100% - 10rem), transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 10rem, #000 calc(100% - 10rem), transparent 100%);
}
.p-hero__video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center right;
  filter: grayscale(0.12) saturate(0.9) brightness(0.85) contrast(0.96);
}
@media (max-width: 767px) {
  .p-hero__video {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .p-hero__video {
    display: none;
  }
}
.p-hero__grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 28rem 1fr;
  align-items: end;
  gap: 3.2rem;
}
@media (max-width: 1024px) {
  .p-hero__grid {
    grid-template-columns: 20rem 1fr;
    gap: 2rem;
  }
}
.p-hero__meta {
  display: contents;
}
@media (max-width: 767px) {
  .p-hero {
    padding: calc(var(--p-hdr, 57px) + 48px) 0 2.4rem;
    background: #0a1c20;
  }
  .p-hero::before, .p-hero__media {
    display: none;
  }
  .p-hero__grid {
    grid-template-columns: 1fr;
    align-items: start;
    gap: 0;
    margin: 0;
  }
}

.p-photo {
  align-self: end;
  overflow: hidden;
  margin-bottom: 2.8rem;
  border-radius: 1.6rem;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.28);
}
.p-photo img {
  display: block;
  width: 100%;
  aspect-ratio: 3/4;
  object-fit: cover;
  object-position: top;
}
@media (max-width: 767px) {
  .p-photo {
    position: relative;
    grid-row: 4;
    grid-column: 1;
    align-self: start;
    width: 100%;
    height: auto;
    margin: 0 0 1rem;
    box-shadow: none;
  }
  .p-photo img {
    width: 100%;
    height: auto;
    aspect-ratio: 16/10;
    object-position: 50% 22%;
  }
}

.p-info {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  padding-top: 5rem;
  padding-bottom: 2.8rem;
}
.p-info .p-actions {
  margin-top: auto;
}
@media (max-width: 767px) {
  .p-info {
    display: contents;
  }
}

.p-eyebrow-m {
  display: block;
  margin: 0 0 1rem;
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: #f59e0b;
}
@media (max-width: 767px) {
  .p-eyebrow-m {
    grid-row: 1;
    grid-column: 1;
  }
}

.p-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-bottom: 1.4rem;
}
@media (max-width: 767px) {
  .p-badges {
    grid-row: 3;
    grid-column: 1;
    flex-wrap: nowrap;
    align-items: center;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    margin: 0 -1.4rem 1.6rem;
    padding: 0 1.4rem;
  }
  .p-badges::-webkit-scrollbar {
    display: none;
  }
}

.p-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.5rem 1.2rem;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 10rem;
  background: transparent;
  font-size: 1.15rem;
  font-weight: 600;
  white-space: nowrap;
  color: rgba(255, 255, 255, 0.85);
}
.p-badge--f {
  border-color: rgba(245, 158, 11, 0.5);
  background: rgba(245, 158, 11, 0.16);
  color: #f59e0b;
}
@media (max-width: 767px) {
  .p-badge {
    flex-shrink: 0;
    justify-content: center;
    font-size: 1.2rem;
  }
  .p-badge:not(.p-badge--f) {
    color: #fff;
  }
}

.p-name {
  margin-bottom: 0.6rem;
  font-family: "Roboto", sans-serif;
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.03em;
  color: #fff;
}
@media (max-width: 767px) {
  .p-name {
    grid-row: 2;
    grid-column: 1;
    margin: 0 0 1.2rem;
    font-size: 2.6rem;
  }
}

.p-car {
  margin-bottom: 2rem;
  font-size: 1.4rem;
  color: rgba(255, 255, 255, 0.7);
}
.p-car span {
  font-weight: 500;
  color: #fff;
}
@media (max-width: 767px) {
  .p-car {
    display: flex;
    grid-row: 5;
    grid-column: 1;
    align-items: center;
    gap: 1rem;
    margin: 0 0 1.8rem;
    font-size: 1.25rem;
  }
}

.p-rate-m {
  display: none;
  align-items: center;
  gap: 0.4rem;
  margin-left: auto;
  font-weight: 700;
  color: #f59e0b;
}
.p-rate-m svg {
  width: 1.3rem;
  height: 1.3rem;
}
@media (max-width: 767px) {
  .p-rate-m {
    display: inline-flex;
  }
}

.p-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
@media (max-width: 767px) {
  .p-actions {
    grid-row: 6;
    grid-column: 1;
    gap: 0.8rem;
    padding: 0;
  }
  .p-actions .p-abtn {
    flex: 1 1 100%;
    justify-content: center;
  }
  .p-actions .p-abtn--ghost {
    min-width: 0;
    padding-right: 0.8rem;
    padding-left: 0.8rem;
  }
}

.p-abtn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  overflow: hidden;
  padding: 1.1rem 1.9rem;
  border: none;
  border-radius: 1rem;
  font-family: inherit;
  font-size: 1.35rem;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.15s;
}
.p-abtn svg {
  flex-shrink: 0;
  width: 1.6rem;
  height: 1.6rem;
}
.p-abtn--red {
  background: linear-gradient(217deg, #f00, #b30909);
  color: #fff;
}
.p-abtn--ghost {
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}
.p-abtn--ghost:hover {
  background: rgba(255, 255, 255, 0.18);
}
.p-abtn--soft {
  padding: 0.8rem 1.4rem;
  border: 1px solid #e7e9ee;
  background: #f7f8fa;
  font-size: 1.25rem;
  color: #4a5568;
}

.p-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 2.4rem;
  padding: 2.8rem 0 5.6rem;
}

.p-main {
  min-width: 0;
}

.p-card {
  margin-bottom: 1.6rem;
  padding: 2.2rem 2.4rem;
  border: 1px solid #e7e9ee;
  border-radius: 1.6rem;
  background: #fff;
}
.p-card:last-child {
  margin-bottom: 0;
}
.p-card--decor {
  position: relative;
  overflow: hidden;
}
.p-card--decor > * {
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .p-card:has(> .p-statgrid) {
    margin-bottom: 1.8rem;
    padding: 0;
    border: 0;
    background: transparent;
  }
}

.p-title {
  margin-bottom: 1.6rem;
  font-family: "Roboto", sans-serif;
  font-size: 1.9rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #0a1c20;
}

.p-statgrid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.1rem;
}
@media (max-width: 767px) {
  .p-statgrid {
    display: flex;
    gap: 1rem;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    margin: 0 -1.6rem;
    padding: 0 1.6rem;
  }
  .p-statgrid::-webkit-scrollbar {
    display: none;
  }
  .p-statgrid .p-stat:first-child {
    display: none;
  }
}

.p-stat {
  padding: 1.8rem 1.4rem;
  border-radius: 1.2rem;
  background: #f7f8fa;
  text-align: center;
}
.p-stat__n {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  margin-bottom: 0.4rem;
  font-family: "Roboto", sans-serif;
  font-size: 2.4rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.03em;
}
.p-stat__n svg {
  width: 1.9rem;
  height: 1.9rem;
}
.p-stat__n--amber {
  color: #f59e0b;
}
.p-stat__n--teal {
  color: #1a4d58;
}
.p-stat__n--green {
  color: #16a34a;
}
.p-stat__n--red {
  color: #e31e24;
}
.p-stat__l {
  font-size: 1.15rem;
  line-height: 1.4;
  color: #718096;
}
@media (max-width: 767px) {
  .p-stat {
    flex: 0 0 12rem;
    padding: 1.4rem;
    border: 1px solid #e7e9ee;
    border-radius: 1.4rem;
    background: #fff;
    text-align: left;
  }
  .p-stat__n {
    justify-content: flex-start;
    margin-bottom: 0;
    font-size: 2rem;
  }
  .p-stat__l {
    margin-top: 0.5rem;
  }
}

.p-vabout {
  display: grid;
  grid-template-columns: 12rem 1fr;
  align-items: start;
  gap: 2rem;
}
@media (max-width: 767px) {
  .p-vabout {
    display: block;
  }
}

.p-vwrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 767px) {
  .p-vwrap {
    display: none;
  }
}

.p-video {
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  width: 11rem;
  height: 11rem;
  border-radius: 50%;
  box-shadow: 0 0 0 3px #1a4d58, 0 0 0 6px #e2f1f3;
  cursor: pointer;
}
.p-video img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.p-video__ov {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(10, 28, 32, 0.42);
  transition: background 0.2s;
}
.p-video:hover .p-video__ov {
  background: rgba(26, 77, 88, 0.55);
}
.p-video__pl {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.6rem;
  height: 3.6rem;
  border: 2px solid rgba(255, 255, 255, 0.7);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  backdrop-filter: blur(2px);
}
.p-video__pl svg {
  width: 1.4rem;
  height: 1.4rem;
  margin-left: 0.2rem;
}
.p-video__soon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 1rem;
  background: #0a1c20;
  text-align: center;
  color: #fff;
}
.p-video__soon b {
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 1.15rem;
  font-weight: 700;
}
.p-video__soon span {
  display: block;
  margin-top: 0.3rem;
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.6);
}

.p-videocap {
  margin-top: 0.8rem;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  color: #1a4d58;
}
.p-videocap span {
  font-weight: 400;
  color: #718096;
}

.p-about {
  font-size: 1.4rem;
  line-height: 1.75;
  color: #4a5568;
}
.p-about p + p {
  margin-top: 1rem;
}
.p-about a {
  text-decoration: underline;
  text-underline-offset: 0.2rem;
}

.p-carblk {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.6rem;
}
@media (max-width: 767px) {
  .p-carblk {
    grid-template-columns: 1fr;
  }
}

.p-carphoto {
  position: relative;
  overflow: hidden;
  aspect-ratio: 16/10;
  border-radius: 1.2rem;
  background: #eef1f3;
}
.p-carphoto img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p-plate {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  padding: 0.3rem 0.9rem;
  border: 2px solid #0a1c20;
  border-radius: 0.5rem;
  background: #fff;
  font-family: "Roboto", monospace;
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #0a1c20;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.p-carinfo {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.4rem;
  aspect-ratio: 16/10;
}
@media (max-width: 767px) {
  .p-carinfo {
    aspect-ratio: auto;
  }
}

.p-cinfo {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.p-cinfo__ic {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 3.2rem;
  height: 3.2rem;
  color: #1a4d58;
}
.p-cinfo__ic svg {
  display: block;
  width: 100%;
  height: 100%;
}
.p-cinfo__txt {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.p-cinfo__l {
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #718096;
}
.p-cinfo__v {
  margin-top: 0.2rem;
  font-size: 1.35rem;
  font-weight: 600;
  color: #0a1c20;
}
.p-cinfo__v--plate {
  font-family: "Roboto", monospace;
  letter-spacing: 0.05em;
}

.p-note {
  display: flex;
  align-items: flex-start;
  gap: 0.7rem;
  padding: 0.8rem 1.2rem;
  border-radius: 1rem;
  background: #e2f1f3;
  font-size: 1.2rem;
  line-height: 1.45;
  color: #1a4d58;
}
.p-note svg {
  flex-shrink: 0;
  width: 1.6rem;
  height: 1.6rem;
  margin-top: 0.2rem;
}
.p-note a {
  text-decoration: underline;
  text-underline-offset: 0.2rem;
}

.p-revhead {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.6rem;
}
.p-revhead .p-title {
  margin-bottom: 0;
}

.p-revavg {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.p-revavg__l {
  font-size: 1.3rem;
  color: #718096;
}
.p-revavg__n {
  font-family: "Roboto", sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
  color: #0a1c20;
}
.p-revavg__stars {
  font-size: 1.4rem;
  color: #f59e0b;
}

.p-reviews {
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
}

.p-rev {
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #eef1f3;
}
.p-rev:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.p-rev__h {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0.8rem;
}
.p-rev__av {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 50%;
  background: linear-gradient(135deg, #1a4d58, #0a1c20);
  font-family: "Roboto", sans-serif;
  font-size: 1.15rem;
  font-weight: 700;
  color: #fff;
}
.p-rev__nm {
  font-size: 1.35rem;
  font-weight: 600;
  color: #0a1c20;
}
.p-rev__meta {
  margin-top: 0.1rem;
  font-size: 1.15rem;
  color: #718096;
}
.p-rev__stars {
  margin-left: auto;
  font-size: 1.3rem;
  letter-spacing: 0.5px;
  color: #f59e0b;
}
.p-rev__t {
  font-size: 1.35rem;
  line-height: 1.7;
  color: #4a5568;
}

.p-revlinks {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 1.4rem;
}

.p-modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 1.6rem;
  background: rgba(10, 28, 32, 0.6);
  backdrop-filter: blur(4px);
}
.p-modal.is-open {
  display: flex;
}
.p-modal a {
  text-decoration: underline;
  text-underline-offset: 0.2rem;
}
.p-modal__box {
  width: 100%;
  max-width: 44rem;
  padding: 3.2rem;
  border-radius: 2rem;
  background: #fff;
  box-shadow: 0 20px 60px rgba(10, 28, 32, 0.3);
}
.p-modal__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 2rem;
}
.p-modal__title {
  font-family: "Roboto", sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #0a1c20;
}
.p-modal__sub {
  margin-top: 0.3rem;
  font-size: 1.25rem;
  color: #718096;
}
.p-modal__close {
  flex-shrink: 0;
  width: 3.2rem;
  height: 3.2rem;
  border: none;
  border-radius: 50%;
  background: #f7f8fa;
  font-size: 1.6rem;
  color: #4a5568;
  cursor: pointer;
}
.p-modal__submit {
  justify-content: center;
  width: 100%;
  margin-top: 0.4rem;
}
.p-modal__submit.is-done {
  background: #059669;
}
.p-modal__note {
  text-align: center;
}

.p-fg {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1.2rem;
}
.p-fg label {
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #718096;
}
.p-fg input,
.p-fg select {
  padding: 1.1rem 1.4rem;
  border: 1.5px solid #e7e9ee;
  border-radius: 1rem;
  outline: none;
  background: #fff;
  font-family: inherit;
  font-size: 1.4rem;
  color: #4a5568;
}
.p-fg input:focus,
.p-fg select:focus {
  border-color: #1a4d58;
}

.rf-note {
  margin-top: 0.8rem;
  font-size: 1.15rem;
  line-height: 1.5;
  color: #718096;
}
.rf-note a {
  text-decoration: underline;
  text-underline-offset: 0.2rem;
}

.rv-crumbs {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  flex-wrap: wrap;
  font-size: 1.25rem;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 1.6rem;
  position: relative;
  z-index: 1;
}
.rv-crumbs a {
  color: rgba(255, 255, 255, 0.6);
}
.rv-crumbs a:hover {
  color: #fff;
}
.rv-crumbs__sep {
  opacity: 0.5;
}
.rv-crumbs__cur {
  color: rgba(255, 255, 255, 0.9);
  font-weight: 500;
}

.rv-hero {
  background-color: #0a1c20;
  isolation: isolate;
  padding: calc(var(--hdr-h, 5.7rem) + 4.8rem) 0 4.2rem;
  position: relative;
  overflow: hidden;
}
.rv-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  max-width: 1920px;
  margin-inline: auto;
  background: linear-gradient(115deg, rgba(10, 28, 32, 0.78) 0%, rgba(15, 49, 56, 0.58) 45%, rgba(26, 77, 88, 0.4) 100%);
  z-index: -1;
}
@media (min-width: 1921px) {
  .rv-hero::before {
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 140px, #000 calc(100% - 140px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 140px, #000 calc(100% - 140px), transparent 100%);
  }
}
.rv-hero__media {
  position: absolute;
  inset: 0;
  width: 100%;
  max-width: 136.6rem;
  margin-inline: auto;
  z-index: -2;
  overflow: hidden;
  background: url("/local/templates/dosaaf8marta_2026/css/../images/hero-bg.jpg") center right/cover no-repeat #0a1c20;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 10rem, #000 calc(100% - 10rem), transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 10rem, #000 calc(100% - 10rem), transparent 100%);
}
.rv-hero__video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center right;
  display: block;
  filter: grayscale(0.12) saturate(0.9) brightness(0.85) contrast(0.96);
}
@media (max-width: 767px) {
  .rv-hero__video {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .rv-hero__video {
    display: none;
  }
}
.rv-hero__in {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 3.2rem;
  align-items: center;
}
@media (max-width: 1024px) {
  .rv-hero__in {
    grid-template-columns: 1fr;
  }
}
.rv-hero__label {
  font-size: 1.2rem;
  font-weight: 600;
  color: #f59e0b;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 1rem;
}
.rv-hero__title {
  font-family: "Roboto", sans-serif;
  font-size: 3.6rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.03em;
  line-height: 1.15;
  margin-bottom: 1.1rem;
}
@media (max-width: 767px) {
  .rv-hero__title {
    font-size: 2.6rem;
  }
}
.rv-hero__sub {
  font-size: 1.5rem;
  color: rgba(255, 255, 255, 0.75);
  max-width: 48rem;
  line-height: 1.6;
  margin-bottom: 2.2rem;
}

.rv-hstats {
  display: flex;
  gap: 2.6rem;
  flex-wrap: wrap;
}

.rv-hs__n {
  font-family: "Roboto", sans-serif;
  font-size: 2.4rem;
  font-weight: 800;
  color: #f59e0b;
  letter-spacing: -0.02em;
  line-height: 1;
}
.rv-hs__l {
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.6);
  margin-top: 0.4rem;
}

.rv-rcs {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex-shrink: 0;
}
@media (max-width: 1024px) {
  .rv-rcs {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .rv-rcs {
    flex-direction: column;
  }
}

.rv-rc {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 1.2rem;
  padding: 1.2rem 1.6rem;
  display: flex;
  align-items: center;
  gap: 1.2rem;
  min-width: 22rem;
  transition: background 0.15s;
}
.rv-rc:hover {
  background: rgba(255, 255, 255, 0.18);
}
@media (max-width: 1024px) {
  .rv-rc {
    flex: 1 1 22rem;
    min-width: 0;
  }
}
@media (max-width: 767px) {
  .rv-rc {
    width: 100%;
    flex: 1 1 auto;
  }
}
.rv-rc__badge {
  background: #fff;
  border-radius: 0.6rem;
  padding: 0.5rem 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.rv-rc__badge img {
  height: 2rem;
  width: auto;
  display: block;
}
.rv-rc__badge--vk {
  padding: 0.4rem;
}
.rv-rc__badge--vk img {
  height: 2.2rem;
}
.rv-rc__name {
  font-size: 1.15rem;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 0.2rem;
}
.rv-rc__row {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.rv-rc__val {
  font-family: "Roboto", sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.02em;
  line-height: 1;
}
.rv-rc__val--text {
  font-size: 1.4rem;
}
.rv-rc__stars {
  color: #f59e0b;
  font-size: 1.2rem;
  letter-spacing: 0.5px;
}
.rv-rc__count {
  font-size: 1.1rem;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 0.2rem;
}

.rv-filter {
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(6px);
  border-bottom: 1px solid #e7e9ee;
  position: sticky;
  top: var(--hdr-h, 0px);
  z-index: 8;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.rv-filter__in {
  padding: 3.2rem 0 1rem;
}
@media (max-width: 1100px) {
  .rv-filter {
    position: static;
    backdrop-filter: none;
    box-shadow: none;
  }
  .rv-filter__in {
    padding-top: 1.4rem;
  }
}

.rv-fbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.7rem;
  min-width: 0;
}
@media (max-width: 767px) {
  .rv-fbar {
    flex-direction: column;
    align-items: stretch;
  }
}

.rv-row {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  min-width: 0;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.rv-row::-webkit-scrollbar {
  display: none;
}
@media (max-width: 767px) {
  .rv-row {
    flex-wrap: nowrap;
  }
}

.rv-pill {
  display: inline-flex;
  align-items: center;
  min-height: 4rem;
  gap: 0.5rem;
  padding: 0.6rem 1.3rem;
  border-radius: 1.2rem;
  font-size: 1.25rem;
  font-weight: 500;
  border: 1.5px solid #e7e9ee;
  background: #fff;
  color: #4a5568;
  cursor: pointer;
  white-space: nowrap;
  transition: 0.15s;
  flex-shrink: 0;
  font-family: inherit;
  position: relative;
  overflow: hidden;
}
.rv-pill:hover {
  border-color: #1a4d58;
  color: #1a4d58;
  background: #f0f6f7;
}
.rv-pill.on {
  background: #1a4d58;
  border-color: #1a4d58;
  color: #fff;
}

.rv-cnt {
  background: #eef1f3;
  color: #718096;
  border-radius: 10rem;
  padding: 0.1rem 0.6rem;
  font-size: 1.05rem;
  font-weight: 700;
}
.rv-pill.on .rv-cnt {
  background: rgba(255, 255, 255, 0.25);
  color: #fff;
}

.rv-sel {
  min-height: 4rem;
  padding: 0.6rem 2.8rem 0.6rem 1.2rem;
  border: 1.5px solid #e7e9ee;
  border-radius: 10rem;
  font-size: 1.25rem;
  font-family: inherit;
  color: #4a5568;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23718096' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 1rem center;
  outline: none;
  cursor: pointer;
  appearance: none;
  flex-shrink: 0;
  max-width: 24rem;
}
.rv-sel:focus {
  border-color: #1a4d58;
}
@media (max-width: 767px) {
  .rv-sel {
    max-width: none;
  }
}

.rv-search {
  position: relative;
  flex: 1;
  min-width: 16rem;
}
.rv-search input {
  width: 100%;
  padding: 0.85rem 1.4rem 0.85rem 3.6rem;
  border: 1.5px solid #e7e9ee;
  border-radius: 10rem;
  font-size: 1.3rem;
  font-family: inherit;
  color: #4a5568;
  outline: none;
  background: #fff;
  transition: border-color 0.15s;
}
.rv-search input:focus {
  border-color: #1a4d58;
}
.rv-search svg {
  position: absolute;
  left: 1.2rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1.7rem;
  height: 1.7rem;
}

.rv-layout {
  display: grid;
  grid-template-columns: 1fr 30rem;
  gap: 2.4rem;
  padding: 2.4rem 0 6rem;
  align-items: start;
}
@media (max-width: 1024px) {
  .rv-layout {
    grid-template-columns: 1fr;
  }
}

.rv-main {
  min-width: 0;
}

.rv-list {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}

.rv-card {
  background: #fff;
  border: 1px solid #e7e9ee;
  border-radius: 1.4rem;
  padding: 2rem 2.2rem;
  position: relative;
}
.rv-card.is-hidden {
  display: none;
}
.rv-card__h {
  display: flex;
  align-items: flex-start;
  gap: 1.2rem;
  margin-bottom: 1.2rem;
}

.rv-av {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  color: #fff;
  background: #1a7d9e;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  flex-shrink: 0;
}
.rv-av--yandex {
  background: #e31e24;
}
.rv-av--site {
  background: #15803d;
}

.rv-meta {
  flex: 1;
  min-width: 0;
}

.rv-nm {
  font-size: 1.4rem;
  font-weight: 600;
  color: #0a1c20;
}

.rv-dt {
  font-size: 1.2rem;
  color: #718096;
  margin-top: 0.1rem;
}

.rv-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 1.1rem;
  font-weight: 600;
  padding: 0.2rem 0.8rem;
  border-radius: 10rem;
  margin-top: 0.4rem;
  background: #e2f1f3;
  color: #0d7ea3;
}
.rv-badge--yandex {
  background: #fee2e2;
  color: #c0391e;
}
.rv-badge--site {
  background: #dcfce7;
  color: #065f46;
}

.rv-stars {
  color: #f59e0b;
  font-size: 1.3rem;
  letter-spacing: 0.5px;
  flex-shrink: 0;
}

.rv-txt {
  font-size: 1.4rem;
  color: #4a5568;
  line-height: 1.75;
  overflow: hidden;
  max-height: 60rem;
  transition: max-height 0.45s ease;
}
.rv-txt.clamp {
  max-height: 9.9rem;
}
.rv-txt mark {
  background: #fde68a;
  color: #92400e;
  border-radius: 2px;
  padding: 0 1px;
}

.rv-exp {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  margin-left: auto;
  width: fit-content;
  background: none;
  border: none;
  color: #1a4d58;
  font-size: 1.3rem;
  font-weight: 600;
  cursor: pointer;
  padding: 0.6rem 0 0;
  font-family: inherit;
}
.rv-exp svg {
  width: 1.4rem;
  height: 1.4rem;
  transition: transform 0.2s;
}
.rv-exp.open svg {
  transform: rotate(180deg);
}

.rv-instr {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.9rem;
  background: #e2f1f3;
  border-radius: 10rem;
  padding: 0.35rem 1rem;
  font-size: 1.2rem;
  color: #1a4d58;
  font-weight: 500;
  transition: background 0.15s;
}
.rv-instr:hover {
  background: #cfe8ec;
}

.rv-empty {
  display: none;
  text-align: center;
  padding: 5rem 2rem;
}
.rv-empty.vis {
  display: block;
}
.rv-empty > svg {
  width: 5.4rem;
  height: 5.4rem;
}
.rv-empty__t {
  font-family: "Roboto", sans-serif;
  font-size: 1.9rem;
  font-weight: 700;
  color: #0a1c20;
  margin: 1.2rem 0 0.6rem;
}
.rv-empty__s {
  font-size: 1.4rem;
  color: #718096;
  margin-bottom: 1.8rem;
}

.rv-pagination {
  margin-top: 3.2rem;
}
.rv-pagination.is-hidden {
  display: none;
}

.rv-side {
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
  position: sticky;
}
@media (max-width: 1024px) {
  .rv-side {
    display: none;
  }
}

.rv-sb {
  background: #fff;
  border: 1px solid #e7e9ee;
  border-radius: 1.6rem;
  overflow: hidden;
}

.rv-big {
  text-align: center;
  padding: 2rem 1.8rem 1.4rem;
}
.rv-big__n {
  font-family: "Roboto", sans-serif;
  font-size: 5rem;
  font-weight: 800;
  color: #0a1c20;
  letter-spacing: -0.04em;
  line-height: 1;
}
.rv-big__s {
  color: #f59e0b;
  font-size: 2rem;
  letter-spacing: 2px;
  margin: 0.6rem 0 0.4rem;
}
.rv-big__c {
  font-size: 1.25rem;
  color: #718096;
}

.rv-plat {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
  padding: 1.4rem 1.8rem;
  border-top: 1px solid #eef1f3;
}
.rv-plat__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
}
.rv-plat__nm {
  font-size: 1.3rem;
  color: #4a5568;
  font-weight: 500;
}
.rv-plat__v {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.rv-plat__num {
  font-family: "Roboto", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  color: #0a1c20;
}
.rv-plat__st {
  color: #f59e0b;
  font-size: 1.1rem;
}
.rv-plat__ct {
  font-size: 1.1rem;
  color: #718096;
}

.rv-dist {
  padding: 1.4rem 1.8rem 1.6rem;
  border-top: 1px solid #eef1f3;
}

.rv-dr {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  width: 100%;
  margin-bottom: 0.6rem;
  padding: 0;
  background: none;
  border: none;
  font-family: inherit;
  cursor: pointer;
}
.rv-dr:last-child {
  margin-bottom: 0;
}
.rv-dr:hover .rv-dbar {
  opacity: 0.7;
}

.rv-dl {
  font-size: 1.2rem;
  color: #718096;
  width: 3rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 0.2rem;
}
.rv-dl svg {
  width: 1rem;
  height: 1rem;
}

.rv-dbar {
  flex: 1;
  height: 0.7rem;
  background: #eef1f3;
  border-radius: 4px;
  overflow: hidden;
  transition: opacity 0.15s;
}

.rv-dfill {
  height: 100%;
  background: #f59e0b;
  border-radius: 4px;
}

.rv-dc {
  font-size: 1.15rem;
  color: #718096;
  width: 3.6rem;
  text-align: right;
  flex-shrink: 0;
}

.rv-cta {
  background: linear-gradient(135deg, #0a1c20, #1a4d58);
  border-radius: 1.6rem;
  padding: 1.8rem;
  text-align: center;
}
.rv-cta__t {
  font-family: "Roboto", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.02em;
  margin-bottom: 0.5rem;
}
.rv-cta__s {
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.65);
  margin-bottom: 1.3rem;
  line-height: 1.5;
}
.rv-cta__btn {
  display: block;
  width: 100%;
  background: linear-gradient(217deg, #f00, #b30909);
  color: #fff;
  border-radius: 1rem;
  padding: 1.1rem;
  font-size: 1.35rem;
  font-weight: 700;
  position: relative;
  overflow: hidden;
}

.ak-crumbs {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  flex-wrap: wrap;
  font-size: 1.25rem;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 1.6rem;
}
.ak-crumbs a {
  color: rgba(255, 255, 255, 0.7);
}
.ak-crumbs a:hover {
  color: #fff;
}
.ak-crumbs__sep {
  opacity: 0.5;
}
.ak-crumbs__cur {
  color: #fff;
  font-weight: 500;
}

.ak-hero {
  background-color: #3c1608;
  isolation: isolate;
  padding: calc(var(--hdr-h, 5.7rem) + 4.8rem) 0 4.4rem;
  position: relative;
  overflow: hidden;
}
.ak-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  max-width: 1920px;
  margin-inline: auto;
  background: linear-gradient(120deg, rgba(124, 45, 18, 0.78) 0%, rgba(180, 83, 9, 0.6) 52%, rgba(245, 158, 11, 0.44) 100%);
  z-index: -1;
}
@media (min-width: 1921px) {
  .ak-hero::before {
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 140px, #000 calc(100% - 140px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 140px, #000 calc(100% - 140px), transparent 100%);
  }
}
.ak-hero__media {
  position: absolute;
  inset: 0;
  width: 100%;
  max-width: 136.6rem;
  margin-inline: auto;
  z-index: -2;
  overflow: hidden;
  background: url("/local/templates/dosaaf8marta_2026/css/../images/hero-bg.jpg") center right/cover no-repeat #3c1608;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 10rem, #000 calc(100% - 10rem), transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 10rem, #000 calc(100% - 10rem), transparent 100%);
}
.ak-hero__video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center right;
  display: block;
  filter: grayscale(0.12) saturate(0.9) brightness(0.85) contrast(0.96);
}
@media (max-width: 767px) {
  .ak-hero__video {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ak-hero__video {
    display: none;
  }
}
.ak-hero__in {
  position: relative;
  z-index: 1;
}
.ak-hero__title {
  font-family: "Roboto", sans-serif;
  font-size: 3.8rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.03em;
  line-height: 1.12;
  margin-bottom: 1.1rem;
}
@media (max-width: 767px) {
  .ak-hero__title {
    font-size: 2.7rem;
  }
}
.ak-hero__sub {
  font-size: 1.5rem;
  color: rgba(255, 255, 255, 0.82);
  line-height: 1.65;
  margin-bottom: 2.2rem;
  max-width: 56rem;
}

.ak-hstats {
  display: flex;
  gap: 2.8rem;
  flex-wrap: wrap;
  margin-bottom: 2.4rem;
}

.ak-hs__n {
  font-family: "Roboto", sans-serif;
  font-size: 2.6rem;
  font-weight: 800;
  color: #fff;
  letter-spacing: -0.02em;
  line-height: 1;
}
.ak-hs__l {
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.65);
  margin-top: 0.4rem;
}

.ak-hnote {
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  background: rgba(255, 255, 255, 0.13);
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 10rem;
  padding: 0.8rem 1.6rem;
  font-size: 1.3rem;
  color: #fff;
  font-weight: 500;
}

.ak-filter {
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(6px);
  border-bottom: 1px solid #e7e9ee;
  position: sticky;
  top: var(--hdr-h, 0px);
  z-index: 8;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.ak-filter__in {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  padding: 3.2rem 0 1.1rem;
  overflow-x: auto;
  scrollbar-width: none;
}
.ak-filter__in::-webkit-scrollbar {
  display: none;
}
@media (max-width: 767px) {
  .ak-filter__in {
    padding-left: 1.6rem;
  }
}

.ak-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.7rem 1.4rem;
  border-radius: 10rem;
  font-size: 1.3rem;
  font-weight: 500;
  border: 1.5px solid #e7e9ee;
  background: #fff;
  color: #4a5568;
  cursor: pointer;
  white-space: nowrap;
  transition: 0.15s;
  flex-shrink: 0;
  font-family: inherit;
  position: relative;
  overflow: hidden;
}
.ak-pill svg {
  width: 1.5rem;
  height: 1.5rem;
}
.ak-pill:hover {
  border-color: #e31e24;
  color: #e31e24;
  background: #fff5f5;
}
.ak-pill.on {
  background: #e31e24;
  border-color: #e31e24;
  color: #fff;
}
.ak-pill.on svg {
  stroke: #fff;
}
.ak-pill__cnt {
  background: rgba(255, 255, 255, 0.25);
  color: #fff;
  border-radius: 10rem;
  padding: 0.1rem 0.7rem;
  font-size: 1.1rem;
  font-weight: 700;
}

.ak-layout {
  display: grid;
  grid-template-columns: 1fr 30rem;
  gap: 2.8rem;
  padding: 2.8rem 0 5.6rem;
  align-items: start;
}
@media (max-width: 1024px) {
  .ak-layout {
    grid-template-columns: 1fr;
  }
}

.ak-main {
  min-width: 0;
}

.ak-grid {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}

.ak-card {
  position: relative;
  background: #fff;
  border: 1px solid #e7e9ee;
  border-radius: 1.6rem;
  overflow: hidden;
  display: grid;
  grid-template-columns: 28rem 1fr;
  transition: box-shadow 0.35s ease, border-color 0.35s ease;
}
.ak-card[data-appear] {
  transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1) var(--appear-delay, 0ms), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1) var(--appear-delay, 0ms), box-shadow 0.35s ease;
}
.ak-card.is-hidden {
  display: none;
}
.ak-card:hover {
  box-shadow: 0 8px 28px rgba(10, 28, 32, 0.13);
}
@media (max-width: 767px) {
  .ak-card {
    grid-template-columns: 1fr;
  }
}
.ak-card--hot {
  border-color: #f5a3a3;
  border-width: 1.5px;
}
.ak-card--hot .ak-card__body {
  position: relative;
  z-index: 1;
}
.ak-card__img {
  overflow: hidden;
  background: #eef1f3;
  position: relative;
}
.ak-card__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media (max-width: 767px) {
  .ak-card__img {
    height: 20rem;
  }
}
.ak-card__body {
  padding: 2.2rem 2.4rem;
  display: flex;
  flex-direction: column;
}
.ak-card__badges {
  display: flex;
  gap: 0.6rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.ak-card__title {
  font-family: "Roboto", sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  color: #0a1c20;
  letter-spacing: -0.02em;
  line-height: 1.25;
  margin-bottom: 0.6rem;
}
.ak-card__disc {
  font-family: "Roboto", sans-serif;
  font-size: 2.8rem;
  font-weight: 800;
  color: #e31e24;
  letter-spacing: -0.03em;
  line-height: 1;
  margin-bottom: 0.9rem;
}
.ak-card__desc {
  font-size: 1.35rem;
  color: #4a5568;
  line-height: 1.65;
  margin-bottom: 1.4rem;
}
.ak-card__cond {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1.4rem;
}
.ak-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  border-top: 1px solid #eef1f3;
  padding-top: 1.4rem;
  margin-top: auto;
}
.ak-card__until {
  font-size: 1.2rem;
  color: #718096;
}
.ak-card__until strong {
  color: #0a1c20;
}
.ak-card__btns {
  display: flex;
  gap: 0.8rem;
  flex-shrink: 0;
}

.ak-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 1.1rem;
  font-weight: 700;
  padding: 0.35rem 1rem;
  border-radius: 10rem;
}

.ak-b-hot {
  background: #fee2e2;
  color: #e31e24;
}

.ak-b-summer,
.ak-b-new,
.ak-b-corp {
  background: #e2f1f3;
  color: #1a4d58;
}

.ak-b-partner {
  background: #eef2f4;
  color: #475569;
}

.ak-cond {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  font-size: 1.15rem;
  padding: 0.35rem 0.9rem;
  border-radius: 0.8rem;
  line-height: 1.4;
  background: #f7f8fa;
  color: #718096;
}
.ak-cond a {
  text-decoration: underline;
  text-underline-offset: 0.2rem;
}
.ak-cond--req {
  background: #eef2f4;
  color: #475569;
}
.ak-cond--limit, .ak-cond--ok {
  background: #e2f1f3;
  color: #1a4d58;
}

.ak-timer {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.2rem;
  color: #e31e24;
  font-weight: 600;
  margin-top: 0.5rem;
}
.ak-timer svg {
  width: 1.3rem;
  height: 1.3rem;
  flex-shrink: 0;
}

.ak-seg {
  background: #fee2e2;
  border-radius: 0.5rem;
  padding: 0.3rem 0.7rem;
  font-family: "Roboto", sans-serif;
  font-size: 1.3rem;
  font-weight: 700;
  color: #e31e24;
}

.ak-empty {
  display: none;
  text-align: center;
  padding: 5rem 2rem;
}
.ak-empty.vis {
  display: block;
}
.ak-empty svg {
  width: 5.4rem;
  height: 5.4rem;
}
.ak-empty__t {
  font-family: "Roboto", sans-serif;
  font-size: 1.9rem;
  font-weight: 700;
  color: #0a1c20;
  margin: 1.2rem 0 0.6rem;
  letter-spacing: -0.02em;
}
.ak-empty__s {
  font-size: 1.4rem;
  color: #718096;
  margin-bottom: 1.8rem;
}

.ak-sec {
  margin-top: 2.8rem;
}

.ak-side {
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
  position: sticky;
}
@media (max-width: 1024px) {
  .ak-side {
    display: none;
  }
}

.ak-order {
  background: #fff;
  border: 1px solid #e7e9ee;
  border-radius: 1.6rem;
  overflow: hidden;
  box-shadow: 0 8px 30px rgba(10, 28, 32, 0.1);
}
.ak-order__hdr {
  background: linear-gradient(135deg, #b91c1c, #e31e24);
  padding: 2rem 2.2rem;
}
.ak-order__t {
  font-family: "Roboto", sans-serif;
  font-size: 2rem;
  font-weight: 800;
  color: #fff;
  letter-spacing: -0.02em;
  line-height: 1.15;
}
.ak-order__s {
  font-size: 1.25rem;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.5;
  margin-top: 0.7rem;
}
.ak-order__body {
  padding: 1.6rem 2.2rem;
}
.ak-order__cta {
  width: 100%;
  background: linear-gradient(217deg, #f00, #b30909);
  color: #fff;
  border: none;
  border-radius: 1rem;
  padding: 1.3rem;
  font-family: inherit;
  font-size: 1.45rem;
  font-weight: 700;
  cursor: pointer;
  margin-bottom: 1.2rem;
}
.ak-order__warr {
  border-top: 1px solid #eef1f3;
  margin-top: 1.3rem;
  padding-top: 1.2rem;
  font-size: 1.2rem;
  color: #718096;
  text-align: center;
  line-height: 1.55;
}

.ak-contacts {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
}

.ak-contact {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  padding: 0.9rem 1.2rem;
  border-radius: 1rem;
  font-size: 1.3rem;
  font-weight: 500;
  cursor: pointer;
  border: 1px solid #e7e9ee;
  background: #fff;
  color: #0a1c20;
  font-family: inherit;
  transition: border-color 0.15s, background 0.15s;
}
.ak-contact:hover {
  border-color: #1a4d58;
  background: #f0f6f7;
}
.ak-contact img {
  width: 1.7rem;
  height: 1.7rem;
  flex-shrink: 0;
}

.ak-modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.6rem;
  background: rgba(10, 28, 32, 0.6);
  backdrop-filter: blur(4px);
}
.ak-modal[hidden] {
  display: none;
}
.ak-modal__dialog {
  background: #fff;
  border-radius: 2rem;
  padding: 3.2rem;
  max-width: 44rem;
  width: 100%;
  box-shadow: 0 20px 60px rgba(10, 28, 32, 0.3);
}
.ak-modal__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 2rem;
}
.ak-modal__title {
  font-family: "Roboto", sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  color: #0a1c20;
  letter-spacing: -0.02em;
}
.ak-modal__sub {
  font-size: 1.25rem;
  color: #718096;
  margin-top: 0.3rem;
}
.ak-modal__close {
  background: #f7f8fa;
  border: none;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  cursor: pointer;
  font-size: 1.6rem;
  color: #4a5568;
  flex-shrink: 0;
}
.ak-modal__form {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.ak-modal__field {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ak-modal__label {
  font-size: 1.1rem;
  font-weight: 600;
  color: #718096;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.ak-modal__input {
  padding: 1.1rem 1.4rem;
  border: 1.5px solid #e7e9ee;
  border-radius: 1rem;
  font-size: 1.4rem;
  font-family: inherit;
  outline: none;
}
.ak-modal__submit {
  background: linear-gradient(217deg, #f00, #b30909);
  color: #fff;
  border: none;
  border-radius: 1rem;
  padding: 1.4rem;
  font-size: 1.5rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
  margin-top: 0.4rem;
}
.ak-modal__submit.is-done {
  background: #059669;
}

.pr-crumbs {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  flex-wrap: wrap;
  font-size: 1.25rem;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 1.4rem;
  position: relative;
  z-index: 1;
}
.pr-crumbs a {
  color: rgba(255, 255, 255, 0.7);
}
.pr-crumbs a:hover {
  color: #fff;
}
.pr-crumbs__sep {
  opacity: 0.5;
}
.pr-crumbs__cur {
  color: #fff;
  font-weight: 500;
}

.pr-hero {
  background-color: #3c1608;
  isolation: isolate;
  padding: calc(var(--hdr-h, 5.7rem) + 4.8rem) 0 0;
  position: relative;
  overflow: hidden;
}
.pr-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  max-width: 1920px;
  margin-inline: auto;
  background: linear-gradient(120deg, rgba(124, 45, 18, 0.8) 0%, rgba(180, 83, 9, 0.62) 42%, rgba(245, 158, 11, 0.44) 100%);
  z-index: -1;
}
@media (min-width: 1921px) {
  .pr-hero::before {
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 140px, #000 calc(100% - 140px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 140px, #000 calc(100% - 140px), transparent 100%);
  }
}
.pr-hero__media {
  position: absolute;
  inset: 0;
  width: 100%;
  max-width: 136.6rem;
  margin-inline: auto;
  z-index: -2;
  overflow: hidden;
  background: url("/local/templates/dosaaf8marta_2026/css/../images/hero-bg.jpg") center right/cover no-repeat #3c1608;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 10rem, #000 calc(100% - 10rem), transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 10rem, #000 calc(100% - 10rem), transparent 100%);
}
.pr-hero__video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center right;
  display: block;
  filter: grayscale(0.12) saturate(0.9) brightness(0.85) contrast(0.96);
}
@media (max-width: 767px) {
  .pr-hero__video {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .pr-hero__video {
    display: none;
  }
}
.pr-hero__in {
  display: block;
  position: relative;
  z-index: 1;
}
.pr-hero__title {
  font-family: "Roboto", sans-serif;
  font-size: 3.8rem;
  font-weight: 800;
  color: #fff;
  letter-spacing: -0.03em;
  line-height: 1.1;
  margin-bottom: 0.8rem;
}
@media (max-width: 767px) {
  .pr-hero__title {
    font-size: 2.8rem;
  }
}
.pr-hero__disc {
  font-family: "Roboto", sans-serif;
  font-size: 5.4rem;
  font-weight: 900;
  color: #ffd0d0;
  letter-spacing: -0.04em;
  line-height: 1;
  margin-bottom: 0.5rem;
}
@media (max-width: 767px) {
  .pr-hero__disc {
    font-size: 4rem;
  }
}
.pr-hero__note {
  font-size: 1.5rem;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 1.8rem;
}
.pr-hero__badges {
  display: flex;
  gap: 0.8rem;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}

.pr-hbadge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 10rem;
  padding: 0.6rem 1.3rem;
  font-size: 1.25rem;
  color: #fff;
  font-weight: 500;
}
.pr-hbadge--hot {
  background: rgba(255, 208, 208, 0.2);
  border-color: rgba(255, 208, 208, 0.4);
}

.pr-count {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin-bottom: 2.4rem;
}
.pr-count__lbl {
  font-size: 1.25rem;
  color: rgba(255, 255, 255, 0.75);
}
.pr-count__row {
  display: flex;
  gap: 0.6rem;
}

.pr-seg {
  background: rgba(0, 0, 0, 0.25);
  border-radius: 0.8rem;
  padding: 0.7rem 1rem;
  text-align: center;
  min-width: 5rem;
}
.pr-seg__n {
  font-family: "Roboto", sans-serif;
  font-size: 2rem;
  font-weight: 800;
  color: #fff;
  line-height: 1;
}
.pr-seg__l {
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-top: 0.3rem;
}

.pr-layout {
  display: grid;
  grid-template-columns: 1fr 33rem;
  gap: 2.8rem;
  padding: 3rem 0 5.6rem;
  align-items: start;
}
@media (max-width: 1024px) {
  .pr-layout {
    grid-template-columns: 1fr;
  }
}

.pr-main {
  min-width: 0;
}

.pr-detail {
  margin-bottom: 1.6rem;
}

.pr-card {
  background: #fff;
  border: 1px solid #e7e9ee;
  border-radius: 1.6rem;
  padding: 2.2rem 2.4rem;
  margin-bottom: 1.6rem;
}
.pr-card:last-child {
  margin-bottom: 0;
}
.pr-card--decor {
  position: relative;
  overflow: hidden;
}
.pr-card--decor > * {
  position: relative;
  z-index: 1;
}
.pr-card__label {
  font-size: 1.4rem;
  font-weight: 600;
  color: #0a1c20;
  margin: 1.8rem 0 1.1rem;
}
.pr-card__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1.6rem;
  flex-wrap: wrap;
}
.pr-card__head .pr-title {
  margin-bottom: 0;
}
.pr-card__more {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.35rem;
  color: #e31e24;
  font-weight: 600;
}
.pr-card__more svg {
  width: 1.4rem;
  height: 1.4rem;
}

.pr-sec {
  margin-bottom: 1.6rem;
}

.pr-title {
  font-family: "Roboto", sans-serif;
  font-size: 1.9rem;
  font-weight: 700;
  color: #0a1c20;
  letter-spacing: -0.02em;
  margin-bottom: 1.4rem;
}

.pr-about {
  font-size: 1.4rem;
  color: #4a5568;
  line-height: 1.75;
}
.pr-about a {
  text-decoration: underline;
  text-underline-offset: 0.2rem;
}

.pr-fmt-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
@media (max-width: 767px) {
  .pr-fmt-grid {
    grid-template-columns: 1fr;
  }
}

.pr-fmt {
  border: 1.5px solid #e7e9ee;
  border-radius: 1.2rem;
  padding: 1.4rem 1.6rem;
  cursor: pointer;
  transition: all 0.15s;
  background: #fff;
  display: flex;
  gap: 1.1rem;
  align-items: flex-start;
}
.pr-fmt:hover {
  border-color: #e31e24;
  background: #fff5f5;
}
.pr-fmt.on {
  border-color: #e31e24;
  background: #fff5f5;
  box-shadow: 0 0 0 3px rgba(227, 30, 36, 0.12);
}
.pr-fmt__n {
  font-size: 1.35rem;
  font-weight: 600;
  color: #0a1c20;
  margin-bottom: 0.2rem;
}
.pr-fmt__t {
  font-size: 1.25rem;
  color: #718096;
}

.pr-inc-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
@media (max-width: 767px) {
  .pr-inc-grid {
    grid-template-columns: 1fr;
  }
}

.pr-inc {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  background: #f7f8fa;
  border: 1px solid #e7e9ee;
  border-radius: 1rem;
  padding: 1.2rem 1.4rem;
}
.pr-inc__ck {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: #e2f1f3;
  color: #1a4d58;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 0.1rem;
}
.pr-inc__ck svg {
  width: 1.1rem;
  height: 1.1rem;
}
.pr-inc__tx {
  font-size: 1.3rem;
  color: #4a5568;
  line-height: 1.5;
}
.pr-inc__tx strong {
  color: #0a1c20;
  font-weight: 600;
}

.pr-cond {
  display: flex;
  gap: 1.3rem;
  align-items: flex-start;
  padding: 1.3rem 0;
  border-bottom: 1px solid #eef1f3;
}
.pr-cond:last-child {
  border-bottom: none;
}
.pr-cond__dot {
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 50%;
  flex-shrink: 0;
  margin-top: 0.55rem;
  background: #1a4d58;
  box-shadow: 0 0 0 0.35rem #e2f1f3;
}
.pr-cond__dot--muted {
  background: #475569;
  box-shadow: 0 0 0 0.35rem #eef2f4;
}
.pr-cond__t {
  font-size: 1.35rem;
  color: #4a5568;
  line-height: 1.55;
}
.pr-cond__t strong {
  color: #0a1c20;
  font-weight: 600;
}
.pr-cond__t a {
  text-decoration: underline;
  text-underline-offset: 0.2rem;
}

.pr-other {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.2rem;
  margin-top: 1.6rem;
}
@media (max-width: 767px) {
  .pr-other {
    grid-template-columns: 1fr;
  }
}

.pr-op {
  display: block;
  border: 1px solid #e7e9ee;
  border-radius: 1.2rem;
  overflow: hidden;
  transition: all 0.15s;
  background: #fff;
}
.pr-op:hover {
  border-color: #e31e24;
  box-shadow: 0 6px 20px rgba(10, 28, 32, 0.1);
}
.pr-op__img {
  aspect-ratio: 16/9;
  overflow: hidden;
  background: #eef1f3;
}
.pr-op__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.pr-op__body {
  padding: 1.3rem 1.4rem;
}
.pr-op__badge {
  display: inline-block;
  font-size: 1.15rem;
  font-weight: 700;
  padding: 0.3rem 0.9rem;
  border-radius: 10rem;
  margin-bottom: 0.7rem;
  background: #e2f1f3;
  color: #1a4d58;
}
.pr-op__t {
  font-size: 1.35rem;
  font-weight: 600;
  color: #0a1c20;
  line-height: 1.3;
  margin-bottom: 0.5rem;
}
.pr-op__d {
  font-family: "Roboto", sans-serif;
  font-size: 1.6rem;
  font-weight: 800;
  color: #e31e24;
  letter-spacing: -0.02em;
}

.pr-side {
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
  position: sticky;
}
@media (max-width: 1024px) {
  .pr-side {
    display: none;
  }
}

.pr-order {
  background: #fff;
  border: 1px solid #e7e9ee;
  border-radius: 1.6rem;
  overflow: hidden;
  box-shadow: 0 8px 30px rgba(10, 28, 32, 0.1);
}
.pr-order__hdr {
  background: linear-gradient(135deg, #b91c1c, #e31e24);
  padding: 2rem 2.2rem;
}
.pr-order__lbl {
  font-size: 1.15rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.85);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 0.7rem;
}
.pr-order__old {
  font-family: "Roboto", sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.65);
  text-decoration: line-through;
  line-height: 1;
}
.pr-order__price {
  font-family: "Roboto", sans-serif;
  font-size: 3rem;
  font-weight: 800;
  color: #fff;
  letter-spacing: -0.03em;
  line-height: 1;
  margin: 0.3rem 0 0.6rem;
}
.pr-order__save {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  background: rgba(255, 255, 255, 0.16);
  color: #fff;
  border-radius: 10rem;
  padding: 0.4rem 1rem;
  font-size: 1.15rem;
  font-weight: 700;
}
.pr-order__body {
  padding: 1.6rem 2.2rem;
}
.pr-order__cta {
  width: 100%;
  background: linear-gradient(217deg, #f00, #b30909);
  color: #fff;
  border: none;
  border-radius: 1rem;
  padding: 1.3rem;
  font-family: inherit;
  font-size: 1.45rem;
  font-weight: 700;
  cursor: pointer;
  margin-bottom: 1rem;
  position: relative;
  overflow: hidden;
}
.pr-order__warr {
  border-top: 1px solid #eef1f3;
  margin-top: 1.3rem;
  padding-top: 1.2rem;
  font-size: 1.2rem;
  color: #718096;
  text-align: center;
  line-height: 1.55;
}

.pr-contacts {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
}

.pr-contact {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  padding: 0.9rem 1.2rem;
  border-radius: 1rem;
  font-size: 1.3rem;
  font-weight: 500;
  cursor: pointer;
  border: 1px solid #e7e9ee;
  background: #f7f8fa;
  color: #0a1c20;
  font-family: inherit;
  transition: 0.15s;
  text-align: center;
}
.pr-contact:hover {
  border-color: #1a4d58;
  background: #f0f6f7;
}
.pr-contact svg,
.pr-contact img {
  width: 1.7rem;
  height: 1.7rem;
  flex-shrink: 0;
}

.pr-modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.6rem;
  background: rgba(10, 28, 32, 0.6);
  backdrop-filter: blur(4px);
}
.pr-modal[hidden] {
  display: none;
}
.pr-modal__dialog {
  background: #fff;
  border-radius: 2rem;
  padding: 3.2rem;
  max-width: 44rem;
  width: 100%;
  box-shadow: 0 20px 60px rgba(10, 28, 32, 0.3);
}
.pr-modal__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 2rem;
}
.pr-modal__title {
  font-family: "Roboto", sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  color: #0a1c20;
  letter-spacing: -0.02em;
}
.pr-modal__sub {
  font-size: 1.25rem;
  color: #e31e24;
  margin-top: 0.3rem;
  font-weight: 600;
}
.pr-modal__close {
  background: #f7f8fa;
  border: none;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  cursor: pointer;
  font-size: 1.6rem;
  color: #4a5568;
  flex-shrink: 0;
}
.pr-modal__form {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.pr-modal__field {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.pr-modal__label {
  font-size: 1.1rem;
  font-weight: 600;
  color: #718096;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.pr-modal__input {
  padding: 1.1rem 1.4rem;
  border: 1.5px solid #e7e9ee;
  border-radius: 1rem;
  font-size: 1.4rem;
  font-family: inherit;
  outline: none;
  background: #fff;
}
.pr-modal__submit {
  background: linear-gradient(217deg, #f00, #b30909);
  color: #fff;
  border: none;
  border-radius: 1rem;
  padding: 1.4rem;
  font-size: 1.5rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
  margin-top: 0.4rem;
}
.pr-modal__submit.is-done {
  background: #059669;
}

.ct-crumbs {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  flex-wrap: wrap;
  font-size: 1.25rem;
  color: rgba(255, 255, 255, 0.72);
  margin-bottom: 1.6rem;
  position: relative;
  z-index: 1;
}
.ct-crumbs a {
  color: rgba(255, 255, 255, 0.72);
}
.ct-crumbs a:hover {
  color: #fff;
}
.ct-crumbs__sep {
  opacity: 0.5;
}
.ct-crumbs__cur {
  color: #fff;
  font-weight: 500;
}

.ct-hero {
  background-color: #071314;
  isolation: isolate;
  padding: calc(var(--hdr-h, 5.7rem) + 4.8rem) 0 0;
  position: relative;
  overflow: hidden;
}
.ct-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  max-width: 1920px;
  margin-inline: auto;
  background: linear-gradient(120deg, rgba(7, 19, 20, 0.9) 0%, rgba(10, 28, 32, 0.74) 45%, rgba(26, 77, 88, 0.5) 100%);
  z-index: -1;
}
@media (min-width: 1921px) {
  .ct-hero::before {
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 140px, #000 calc(100% - 140px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 140px, #000 calc(100% - 140px), transparent 100%);
  }
}
.ct-hero__media {
  position: absolute;
  inset: 0;
  width: 100%;
  max-width: 136.6rem;
  margin-inline: auto;
  z-index: -2;
  overflow: hidden;
  background: url("/local/templates/dosaaf8marta_2026/css/../images/hero-bg.jpg") center right/cover no-repeat #071314;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 10rem, #000 calc(100% - 10rem), transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 10rem, #000 calc(100% - 10rem), transparent 100%);
}
.ct-hero__video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center right;
  display: block;
  filter: grayscale(0.12) saturate(0.9) brightness(0.85) contrast(0.96);
}
@media (max-width: 767px) {
  .ct-hero__video {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ct-hero__video {
    display: none;
  }
}
.ct-hero__in {
  display: block;
  position: relative;
  z-index: 1;
}
.ct-hero__label {
  font-size: 1.2rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.72);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 1.1rem;
}
.ct-hero__title {
  font-family: "Roboto", sans-serif;
  font-size: 3.8rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.03em;
  line-height: 1.12;
  margin-bottom: 1.2rem;
}
@media (max-width: 767px) {
  .ct-hero__title {
    font-size: 2.7rem;
  }
}
.ct-hero__sub {
  font-size: 1.5rem;
  color: rgba(255, 255, 255, 0.78);
  line-height: 1.65;
  margin-bottom: 2.2rem;
  max-width: 50rem;
}
.ct-hero__badges {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 3.2rem;
}

.ct-hbadge {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 10rem;
  padding: 0.7rem 1.4rem;
  font-size: 1.3rem;
  color: #fff;
  font-weight: 500;
}

.ct-layout {
  display: grid;
  grid-template-columns: 1fr 34rem;
  gap: 2.8rem;
  padding: 3.2rem 0 5.6rem;
  align-items: start;
}
@media (max-width: 1024px) {
  .ct-layout {
    grid-template-columns: 1fr;
  }
}

.ct-main {
  min-width: 0;
}

.ct-sec {
  margin-bottom: 2.8rem;
}

.ct-title {
  font-family: "Roboto", sans-serif;
  font-size: 2.1rem;
  font-weight: 700;
  color: #0a1c20;
  letter-spacing: -0.02em;
  margin-bottom: 1.6rem;
}

.ct-card {
  background: #fff;
  border: 1px solid #e7e9ee;
  border-radius: 1.6rem;
  padding: 2.2rem 2.4rem;
  margin-bottom: 1.4rem;
}
.ct-card:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .ct-card {
    padding: 1.8rem 1.6rem;
  }
}
.ct-card--dark {
  background: linear-gradient(135deg, #0a1c20, #1a4d58);
  border-color: transparent;
  position: relative;
  overflow: hidden;
}
.ct-card--dark .ct-title {
  color: #fff;
  position: relative;
}
.ct-card__decor {
  position: absolute;
  right: -4rem;
  bottom: -4rem;
  width: 18rem;
  height: 18rem;
  border-radius: 50%;
  border: 3rem solid rgba(255, 255, 255, 0.05);
  pointer-events: none;
}

.ct-steplbl {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  font-size: 1.2rem;
  font-weight: 700;
  color: #718096;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 1.3rem;
  padding-bottom: 1.1rem;
  border-bottom: 1px solid #eef1f3;
}
.ct-steplbl small {
  text-transform: none;
  letter-spacing: 0;
  font-weight: 500;
  color: #a0aab2;
  font-size: 1.15rem;
}

.ct-stepbadge {
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 50%;
  background: #f0f6f7;
  border: 1.5px solid #cfe0e3;
  color: #1a4d58;
  font-family: "Roboto", sans-serif;
  font-size: 1.3rem;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.ct-steps {
  position: relative;
}
.ct-steps--dark .ct-step:not(:last-child)::before {
  background: rgba(255, 255, 255, 0.18);
}
.ct-steps--dark .ct-step__n {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
}
.ct-steps--dark .ct-step__t {
  color: #fff;
}
.ct-steps--dark .ct-step__x {
  color: rgba(255, 255, 255, 0.72);
}

.ct-step {
  display: flex;
  gap: 1.5rem;
  align-items: flex-start;
  position: relative;
  padding-bottom: 1.8rem;
}
@media (max-width: 767px) {
  .ct-step {
    gap: 1.2rem;
  }
}
.ct-step:last-child {
  padding-bottom: 0;
}
.ct-step:not(:last-child)::before {
  content: "";
  position: absolute;
  left: 2rem;
  margin-left: -1px;
  top: 2rem;
  bottom: -1.8rem;
  width: 2px;
  background: #e0e6ea;
}
@media (max-width: 767px) {
  .ct-step:not(:last-child)::before {
    left: 1.7rem;
    top: 1.7rem;
  }
}
.ct-step__n {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background: #1a4d58;
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-size: 1.5rem;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .ct-step__n {
    width: 3.4rem;
    height: 3.4rem;
    font-size: 1.4rem;
  }
}
.ct-step__t {
  font-size: 1.5rem;
  font-weight: 600;
  color: #0a1c20;
  margin-bottom: 0.4rem;
}
.ct-step__x {
  font-size: 1.35rem;
  color: #4a5568;
  line-height: 1.65;
}

.ct-grid3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  margin-bottom: 1.2rem;
}
@media (max-width: 767px) {
  .ct-grid3 {
    grid-template-columns: repeat(2, 1fr);
  }
}

.ct-opt {
  border: 2px solid #e7e9ee;
  border-radius: 1.2rem;
  padding: 1.4rem;
  text-align: center;
  cursor: pointer;
  transition: all 0.15s;
  background: #fff;
  position: relative;
  overflow: hidden;
}
.ct-opt:hover {
  border-color: #1a4d58;
  background: #f0f6f7;
}
.ct-opt.on {
  border-color: #1a4d58;
  background: #f0f6f7;
  box-shadow: 0 0 0 3px rgba(26, 77, 88, 0.12);
}
.ct-opt__sum {
  font-family: "Roboto", sans-serif;
  font-size: 1.8rem;
  font-weight: 800;
  color: #0a1c20;
  letter-spacing: -0.02em;
  line-height: 1;
  margin-bottom: 0.3rem;
}
.ct-opt__lbl {
  font-size: 1.15rem;
  color: #718096;
}

.ct-custom {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}
.ct-custom[hidden] {
  display: none;
}
.ct-custom__row {
  display: flex;
  gap: 1rem;
  align-items: center;
  flex-wrap: wrap;
}
.ct-custom input {
  flex: 1;
  padding: 1.1rem 1.4rem;
  border: 1.5px solid #e7e9ee;
  border-radius: 1.2rem;
  font-size: 1.6rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  color: #0a1c20;
  outline: none;
  transition: border-color 0.15s;
  background: #fff;
}
.ct-custom input:focus {
  border-color: #1a4d58;
}
.ct-custom__cur {
  font-size: 1.6rem;
  font-weight: 700;
  color: #718096;
}

.ct-qbtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4.8rem;
  height: 4.8rem;
  flex-shrink: 0;
  border: 1.5px solid #e7e9ee;
  border-radius: 1.2rem;
  background: #fff;
  font-family: "Roboto", sans-serif;
  font-size: 2rem;
  font-weight: 700;
  color: #1a4d58;
  cursor: pointer;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}
.ct-qbtn:hover {
  border-color: #1a4d58;
  background: #f0f6f7;
}

.ct-hint {
  font-size: 1.3rem;
  line-height: 1.6;
  padding: 1.1rem 1.4rem;
  border-radius: 1.2rem;
  border: 1px solid #cfe0e3;
  background: #f0f6f7;
  color: #1a4d58;
}
.ct-hint[hidden] {
  display: none;
}
.ct-hint--ok {
  background: #f0fdf4;
  border-color: #bbf7d0;
  color: #065f46;
}

.ct-tip {
  font-size: 1.25rem;
  color: #718096;
  margin-top: 1rem;
  display: flex;
  gap: 0.5rem;
  align-items: flex-start;
}
.ct-tip svg {
  width: 1.5rem;
  height: 1.5rem;
  color: #1a4d58;
  flex-shrink: 0;
  margin-top: 0.1rem;
}

.ct-sublbl {
  font-size: 1.3rem;
  font-weight: 500;
  color: #4a5568;
  margin-bottom: 1rem;
}

.ct-dtabs {
  display: flex;
  gap: 1rem;
  margin-bottom: 1.6rem;
}

.ct-dtab {
  flex: 1;
  padding: 1.3rem;
  border: 2px solid #e7e9ee;
  border-radius: 1.2rem;
  text-align: center;
  cursor: pointer;
  transition: all 0.15s;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 9.5rem;
  box-sizing: border-box;
}
.ct-dtab:hover {
  border-color: #1a4d58;
}
.ct-dtab.on {
  border-color: #1a4d58;
  background: #f0f6f7;
}
.ct-dtab__ico {
  display: none;
}
.ct-dtab__n {
  font-size: 1.55rem;
  font-weight: 600;
  color: #0a1c20;
}
.ct-dtab__s {
  font-size: 1.35rem;
  color: #718096;
  margin-top: 0.3rem;
}

.ct-fg {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1.2rem;
}
.ct-fg label {
  font-size: 1.1rem;
  font-weight: 600;
  color: #718096;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.ct-fg input,
.ct-fg textarea {
  padding: 1.1rem 1.4rem;
  border: 1.5px solid #e7e9ee;
  border-radius: 1rem;
  font-size: 1.4rem;
  font-family: inherit;
  color: #4a5568;
  outline: none;
  background: #fff;
  transition: border-color 0.15s;
}
.ct-fg input:focus,
.ct-fg textarea:focus {
  border-color: #1a4d58;
}
.ct-fg input.is-error,
.ct-fg textarea.is-error {
  border-color: #e31e24;
}

.ct-frow {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.2rem;
}
@media (max-width: 767px) {
  .ct-frow {
    grid-template-columns: 1fr;
  }
}

.ct-occ-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: 1fr;
  gap: 1.1rem;
}
@media (max-width: 767px) {
  .ct-occ-grid {
    grid-template-columns: 1fr;
  }
}

.ct-occ {
  position: relative;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e7e9ee;
  border-radius: 1.4rem;
  padding: 1.8rem 1.8rem 1.9rem;
}
.ct-occ__t, .ct-occ__s {
  position: relative;
  z-index: 1;
}
.ct-occ__t {
  font-size: 1.5rem;
  font-weight: 700;
  color: #0a1c20;
  margin-bottom: 0.5rem;
  letter-spacing: -0.01em;
}
.ct-occ__s {
  font-size: 1.25rem;
  color: #718096;
  line-height: 1.5;
}

.ct-side {
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
  position: sticky;
}
@media (max-width: 1024px) {
  .ct-side {
    display: none;
  }
}

.ct-preview {
  background: linear-gradient(140deg, #0a1c20, #1a4d58);
  border-radius: 1.6rem;
  padding: 2rem;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.12);
}
.ct-preview__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.4rem;
}
.ct-preview__logo {
  font-family: "Roboto", sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.04em;
}
.ct-preview__tag {
  background: #e31e24;
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  padding: 0.3rem 0.8rem;
  border-radius: 10rem;
}
.ct-preview__gift {
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 0.8rem;
}
.ct-preview__gift svg {
  width: 3rem;
  height: 3rem;
}
.ct-preview__title {
  font-family: "Roboto", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.02em;
  margin-bottom: 0.3rem;
}
.ct-preview__sub {
  font-size: 1.15rem;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 1.2rem;
}
.ct-preview__amount {
  font-family: "Roboto", sans-serif;
  font-size: 2.8rem;
  font-weight: 800;
  color: #fff;
  letter-spacing: -0.03em;
  line-height: 1;
}
.ct-preview__amount-lbl {
  font-size: 1.05rem;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 0.3rem;
}
.ct-preview__hr {
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  margin: 1.2rem 0;
}
.ct-preview__name {
  font-size: 1.3rem;
  color: #fff;
  font-weight: 500;
  margin-bottom: 0.3rem;
}
.ct-preview__note {
  font-size: 1.05rem;
  color: rgba(255, 255, 255, 0.45);
  line-height: 1.5;
}

.ct-order {
  background: #fff;
  border: 1px solid #e7e9ee;
  border-radius: 1.6rem;
  overflow: hidden;
}
.ct-order__hdr {
  background: linear-gradient(135deg, #0a1c20, #1a4d58);
  padding: 1.8rem 2rem;
}
.ct-order__lbl {
  font-size: 1.1rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.85);
  text-transform: uppercase;
  letter-spacing: 0.07em;
  margin-bottom: 0.5rem;
}
.ct-order__sum {
  font-family: "Roboto", sans-serif;
  font-size: 2.8rem;
  font-weight: 800;
  color: #fff;
  letter-spacing: -0.03em;
  line-height: 1;
}
.ct-order__sub {
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.85);
  margin-top: 0.3rem;
}
.ct-order__body {
  padding: 1.6rem 2rem;
}
.ct-order__line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.8rem 0;
  border-bottom: 1px solid #eef1f3;
  font-size: 1.3rem;
}
.ct-order__line:last-of-type {
  border-bottom: none;
}
.ct-order__line-l {
  color: #718096;
}
.ct-order__line-v {
  color: #0a1c20;
  font-weight: 600;
}

.ct-pay-lbl {
  font-size: 1.3rem;
  font-weight: 600;
  color: #4a5568;
  margin: 1.3rem 0 0.8rem;
}

.ct-pay {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
}

.ct-paybtn {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.1rem 1.3rem;
  border-radius: 1rem;
  border: 1.5px solid #e7e9ee;
  background: #fff;
  cursor: pointer;
  transition: all 0.15s;
  font-family: inherit;
  width: 100%;
  font-size: 1.35rem;
  font-weight: 500;
  color: #4a5568;
  text-align: left;
  position: relative;
  overflow: hidden;
}
.ct-paybtn:hover {
  border-color: #1a4d58;
  background: #f0f6f7;
}
.ct-paybtn svg {
  width: 1.8rem;
  height: 1.8rem;
  color: #1a4d58;
  flex-shrink: 0;
}

.ct-pay-cta {
  margin-top: 1rem;
  width: 100%;
  background: linear-gradient(217deg, #f00, #b30909);
  color: #fff;
  border: none;
  border-radius: 1rem;
  padding: 1.3rem;
  font-family: inherit;
  font-size: 1.45rem;
  font-weight: 700;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.ct-pay-cta.is-done {
  background: #059669;
}

.ct-agree {
  position: relative;
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  gap: 0.9rem;
  align-items: start;
  margin-top: 1.4rem;
  cursor: pointer;
}
.ct-agree input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.ct-agree .lead-form__check::after {
  background-image: url("/local/templates/dosaaf8marta_2026/css/../images/form-checkbox.svg");
}
.ct-agree input:checked + .lead-form__check::after {
  background-image: url("/local/templates/dosaaf8marta_2026/css/../images/form-checkbox-active.svg");
}
.ct-agree__text {
  font-size: 1.15rem;
  font-weight: 500;
  line-height: 1.5;
  color: #718096;
}
.ct-agree__text a {
  color: #1a4d58;
  text-decoration: underline;
  text-underline-offset: 0.2rem;
}

.ct-help {
  background: #fff;
  border: 1px solid #e7e9ee;
  border-radius: 1.6rem;
  padding: 1.6rem 1.8rem;
}
.ct-help__t {
  font-size: 1.35rem;
  font-weight: 600;
  color: #0a1c20;
  margin-bottom: 1rem;
}
.ct-help__list {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
}
.ct-help__link {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  padding: 0.9rem 1.2rem;
  border-radius: 1rem;
  font-size: 1.3rem;
  font-weight: 500;
  transition: all 0.15s;
}
.ct-help__link svg {
  width: 1.7rem;
  height: 1.7rem;
  flex-shrink: 0;
}
.ct-help__link.tg {
  background: #e6f4fb;
  color: #1a7bb0;
}
.ct-help__link.tg:hover {
  background: #d5ecf7;
}
.ct-help__link.max {
  background: #f0f6f7;
  color: #1a4d58;
}
.ct-help__link.max:hover {
  background: #e4eef0;
}
.ct-help__link.tel {
  background: #f0f6f7;
  color: #0a1c20;
}
.ct-help__link.tel svg {
  width: 1.6rem;
  height: 1.6rem;
}
.ct-help__link.tel:hover {
  background: #e4eef0;
}
.ct-help__hours {
  font-size: 1.1rem;
  color: #718096;
  text-align: center;
  margin-top: 1rem;
}

.op-crumbs {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  flex-wrap: wrap;
  font-size: 1.25rem;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 1.6rem;
  position: relative;
  z-index: 1;
}
.op-crumbs a {
  color: rgba(255, 255, 255, 0.6);
}
.op-crumbs a:hover {
  color: #fff;
}
.op-crumbs__sep {
  opacity: 0.5;
}
.op-crumbs__cur {
  color: rgba(255, 255, 255, 0.9);
  font-weight: 500;
}

.op-hero {
  background-color: #0a1c20;
  isolation: isolate;
  padding: calc(var(--hdr-h, 5.7rem) + 4.8rem) 0 4.2rem;
  position: relative;
  overflow: hidden;
}
.op-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  max-width: 1920px;
  margin-inline: auto;
  background: linear-gradient(120deg, rgba(10, 28, 32, 0.78) 0%, rgba(15, 49, 56, 0.6) 45%, rgba(26, 77, 88, 0.42) 100%);
  z-index: -1;
}
@media (min-width: 1921px) {
  .op-hero::before {
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 140px, #000 calc(100% - 140px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 140px, #000 calc(100% - 140px), transparent 100%);
  }
}
.op-hero__media {
  position: absolute;
  inset: 0;
  width: 100%;
  max-width: 136.6rem;
  margin-inline: auto;
  z-index: -2;
  overflow: hidden;
  background: url("/local/templates/dosaaf8marta_2026/css/../images/hero-bg.jpg") center right/cover no-repeat #0a1c20;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 10rem, #000 calc(100% - 10rem), transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 10rem, #000 calc(100% - 10rem), transparent 100%);
}
.op-hero__video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center right;
  display: block;
  filter: grayscale(0.12) saturate(0.9) brightness(0.85) contrast(0.96);
}
@media (max-width: 767px) {
  .op-hero__video {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .op-hero__video {
    display: none;
  }
}
.op-hero__in {
  position: relative;
  z-index: 1;
}
.op-hero__label {
  font-size: 1.2rem;
  font-weight: 600;
  color: #f59e0b;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 1rem;
}
.op-hero__title {
  font-family: "Roboto", sans-serif;
  font-size: 3.6rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.03em;
  line-height: 1.12;
  margin-bottom: 1.1rem;
}
@media (max-width: 767px) {
  .op-hero__title {
    font-size: 2.6rem;
  }
}
.op-hero__sub {
  font-size: 1.5rem;
  color: rgba(255, 255, 255, 0.78);
  line-height: 1.65;
  margin-bottom: 2rem;
  max-width: 52rem;
}
.op-hero__badges {
  display: flex;
  gap: 0.8rem;
  flex-wrap: wrap;
}

.op-hbadge {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 10rem;
  padding: 0.7rem 1.4rem;
  font-size: 1.3rem;
  color: #fff;
  font-weight: 500;
}

.op-layout {
  display: grid;
  grid-template-columns: 1fr 30rem;
  gap: 2.8rem;
  padding: 3rem 0 5.6rem;
  align-items: start;
}
@media (max-width: 1024px) {
  .op-layout {
    grid-template-columns: 1fr;
  }
}

.op-main {
  min-width: 0;
}

.op-card {
  background: #fff;
  border: 1px solid #e7e9ee;
  border-radius: 1.6rem;
  padding: 2.2rem 2.4rem;
  margin-bottom: 1.6rem;
}
.op-card__title {
  font-family: "Roboto", sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  color: #0a1c20;
  letter-spacing: -0.02em;
  margin-bottom: 0.5rem;
}
.op-card__sub {
  font-size: 1.35rem;
  color: #718096;
  line-height: 1.6;
  margin-bottom: 1.6rem;
}
.op-card__sub a {
  text-decoration: underline;
  text-underline-offset: 0.2rem;
}

.op-methods {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
@media (max-width: 767px) {
  .op-methods {
    grid-template-columns: 1fr;
  }
}

.op-method {
  border: 2px solid #e7e9ee;
  border-radius: 1.3rem;
  padding: 1.6rem 1.8rem;
  cursor: pointer;
  transition: all 0.15s;
  background: #fff;
  text-align: left;
  font-family: inherit;
}
.op-method:hover {
  border-color: #1a4d58;
  background: #f0f6f7;
}
.op-method.on {
  border-color: #1a4d58;
  background: #f0f6f7;
  box-shadow: 0 0 0 3px rgba(26, 77, 88, 0.12);
}
.op-method__name {
  display: block;
  font-size: 1.45rem;
  font-weight: 600;
  color: #0a1c20;
  margin-bottom: 0.3rem;
}
.op-method__desc {
  display: block;
  font-size: 1.25rem;
  color: #718096;
  line-height: 1.5;
}
.op-method__tag {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 1.05rem;
  font-weight: 700;
  padding: 0.25rem 0.8rem;
  border-radius: 10rem;
  margin-top: 0.7rem;
}

.op-tag-instant,
.op-tag-free {
  background: #e2f1f3;
  color: #1a4d58;
}

.op-panel {
  display: none;
}
.op-panel.on {
  display: block;
}

.op-online {
  background: linear-gradient(135deg, #0a1c20, #1a4d58);
  border-radius: 1.3rem;
  padding: 2rem;
  margin-bottom: 1.6rem;
  position: relative;
  overflow: hidden;
}
.op-online__t {
  font-family: "Roboto", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.02em;
  margin-bottom: 0.4rem;
}
.op-online__s {
  font-size: 1.25rem;
  color: rgba(255, 255, 255, 0.65);
  margin-bottom: 1.4rem;
}

.op-logos {
  display: flex;
  gap: 0.8rem;
  flex-wrap: wrap;
}

.op-logo {
  background: #fff;
  border-radius: 0.6rem;
  padding: 0.6rem 1rem;
  display: inline-flex;
  align-items: center;
  min-height: 3rem;
}
.op-logo__visa, .op-logo__mir, .op-logo__mc-text {
  font-family: Roboto, Arial, sans-serif;
}
.op-logo__visa {
  font-size: 1.3rem;
  font-weight: 800;
  font-style: italic;
  letter-spacing: 0.04em;
  color: #1a1f71;
}
.op-logo__mir {
  font-size: 1.3rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  color: #0f754e;
}
.op-logo__mc {
  display: inline-block;
  width: 2.4rem;
  height: 1.5rem;
  flex-shrink: 0;
  background: linear-gradient(#ff5f00, #ff5f00) 0.45rem 0/0.6rem 100% no-repeat, radial-gradient(circle closest-side, #f79e1b 97%, transparent 100%) right 0/1.5rem 1.5rem no-repeat, radial-gradient(circle closest-side, #eb001b 97%, transparent 100%) 0 0/1.5rem 1.5rem no-repeat;
}
.op-logo__mc-text {
  font-size: 1.1rem;
  font-weight: 700;
  color: #231f20;
  margin-left: 0.6rem;
}

.op-frow {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.2rem;
}
@media (max-width: 767px) {
  .op-frow {
    grid-template-columns: 1fr;
  }
}

.op-fg {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1.2rem;
}
.op-fg label {
  font-size: 1.1rem;
  font-weight: 600;
  color: #718096;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.op-fg input {
  padding: 1.2rem 1.4rem;
  border: 1.5px solid #e7e9ee;
  border-radius: 1rem;
  font-size: 1.4rem;
  font-family: inherit;
  color: #4a5568;
  outline: none;
  background: #fff;
  transition: border-color 0.15s;
}
.op-fg input:focus {
  border-color: #1a4d58;
}
.op-fg input.is-error {
  border-color: #e31e24;
}

.op-amount {
  position: relative;
  display: flex;
  align-items: center;
}
.op-amount input {
  flex: 1;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}
.op-amount__cur {
  position: absolute;
  right: 1.4rem;
  font-size: 1.5rem;
  font-weight: 700;
  color: #718096;
  pointer-events: none;
}

.op-summary {
  display: none;
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
  border-radius: 1rem;
  padding: 1.2rem 1.4rem;
  margin: 1.2rem 0;
  font-size: 1.3rem;
  color: #065f46;
}
.op-summary.vis {
  display: block;
}

.op-cta {
  width: 100%;
  background: linear-gradient(217deg, #f00, #b30909);
  color: #fff;
  border: none;
  border-radius: 1rem;
  padding: 1.4rem;
  font-family: inherit;
  font-size: 1.5rem;
  font-weight: 700;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.op-cta.is-done {
  background: #059669;
}

.op-note {
  font-size: 1.15rem;
  color: #718096;
  line-height: 1.55;
  margin-top: 1rem;
  text-align: center;
}
.op-note a {
  color: #1a4d58;
  font-weight: 600;
  border-bottom: 1px solid rgba(26, 77, 88, 0.3);
  padding-bottom: 0.1rem;
  transition: color 0.15s, border-color 0.15s;
}
.op-note a:hover {
  color: #e31e24;
  border-bottom-color: #e31e24;
}
.op-note a svg {
  width: 1em;
  height: 1em;
  display: inline-block;
  vertical-align: -0.1em;
  margin-left: 0.3em;
}
.op-note--link {
  margin-top: 1.8rem;
  font-size: 1.35rem;
}

.op-office-info {
  background: #e2f1f3;
  border-radius: 1rem;
  padding: 1.3rem 1.6rem;
  font-size: 1.35rem;
  color: #1a4d58;
  line-height: 1.6;
  margin-bottom: 1.6rem;
  display: flex;
  gap: 0.8rem;
  align-items: flex-start;
}
.op-office-info svg {
  width: 1.7rem;
  height: 1.7rem;
  flex-shrink: 0;
  margin-top: 0.2rem;
}

.op-steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.2rem;
}
@media (max-width: 767px) {
  .op-steps {
    grid-template-columns: 1fr;
  }
}

.op-step {
  background: #f7f8fa;
  border-radius: 1.2rem;
  padding: 1.6rem;
  text-align: center;
}
.op-step__n {
  width: 3.4rem;
  height: 3.4rem;
  border-radius: 50%;
  background: #1a4d58;
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 0.9rem;
}
.op-step__t {
  font-size: 1.3rem;
  font-weight: 600;
  color: #0a1c20;
  margin-bottom: 0.4rem;
}
.op-step__x {
  font-size: 1.2rem;
  color: #718096;
  line-height: 1.5;
}

.op-side {
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
  position: sticky;
}
@media (max-width: 1024px) {
  .op-side {
    display: none;
  }
}

.op-help {
  background: linear-gradient(135deg, #0a1c20, #1a4d58);
  border-radius: 1.6rem;
  padding: 1.8rem;
  text-align: center;
}
.op-help__t {
  font-family: "Roboto", sans-serif;
  font-size: 1.45rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.02em;
  margin-bottom: 0.5rem;
}
.op-help__s {
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.65);
  margin-bottom: 1.3rem;
  line-height: 1.5;
}
.op-help__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.7rem;
  width: 100%;
  border-radius: 1rem;
  padding: 1.1rem;
  font-size: 1.3rem;
  font-weight: 600;
  cursor: pointer;
  border: none;
  font-family: inherit;
  margin-bottom: 0.8rem;
  transition: all 0.15s;
}
.op-help__btn:last-child {
  margin-bottom: 0;
}
.op-help__btn svg {
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
}
.op-help__btn--red {
  background: linear-gradient(217deg, #f00, #b30909);
  color: #fff;
}
.op-help__btn--red svg {
  width: 1.6rem;
  height: 1.6rem;
}
.op-help__btn--ghost {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.25);
}

.ct-paybtn.on {
  border-color: #1a4d58;
  background: #f0f6f7;
  color: #0a1c20;
  font-weight: 600;
}

.ct-custom input.is-error {
  border-color: #e31e24;
}

.op-card .ct-agree + .ct-agree,
.ct-order .ct-agree + .ct-agree {
  margin-top: 0.9rem;
}

.ct-agree.is-error .lead-form__check {
  border-radius: 0.4rem;
  box-shadow: 0 0 0 2px #e31e24;
}

.pay-msg {
  margin-top: 1.2rem;
  padding: 1rem 1.3rem;
  border-radius: 1rem;
  border: 1px solid #fecaca;
  background: #fef2f2;
  color: #b91c1c;
  font-size: 1.25rem;
  line-height: 1.5;
}
.pay-msg[hidden] {
  display: none;
}
.pay-msg--ok {
  border-color: #bbf7d0;
  background: #f0fdf4;
  color: #065f46;
}

.ct-pay-cta:disabled,
.op-cta:disabled {
  opacity: 0.7;
  cursor: progress;
}

.oc-hero {
  position: relative;
  background-color: #0a1c20;
  isolation: isolate;
  overflow: hidden;
  padding-top: 16.2rem;
}
@media (max-width: 1200px) {
  .oc-hero {
    padding-top: 10.5rem;
  }
}
.oc-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  max-width: 1920px;
  margin-inline: auto;
  background: linear-gradient(115deg, rgba(10, 28, 32, 0.78) 0%, rgba(15, 49, 56, 0.62) 46%, rgba(26, 77, 88, 0.44) 100%);
  z-index: -1;
}
@media (min-width: 1921px) {
  .oc-hero::before {
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 140px, #000 calc(100% - 140px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 140px, #000 calc(100% - 140px), transparent 100%);
  }
}
.oc-hero__media {
  position: absolute;
  inset: 0;
  width: 100%;
  max-width: 136.6rem;
  margin-inline: auto;
  z-index: -2;
  overflow: hidden;
  background: url("/local/templates/dosaaf8marta_2026/css/../images/hero-bg.jpg") center right/cover no-repeat #0a1c20;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 10rem, #000 calc(100% - 10rem), transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 10rem, #000 calc(100% - 10rem), transparent 100%);
}
.oc-hero__video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center right;
  filter: grayscale(0.12) saturate(0.9) brightness(0.85) contrast(0.96);
}
@media (max-width: 767px) {
  .oc-hero__video {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .oc-hero__video {
    display: none;
  }
}
.oc-hero__head {
  position: relative;
  z-index: 1;
}
.oc-hero__in {
  position: relative;
  z-index: 1;
  padding: 2rem 0 14rem;
}
.oc-hero__eyebrow {
  margin-bottom: 1.4rem;
  font-size: 1.3rem;
  font-weight: 600;
  color: #f59e0b;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.oc-hero__title {
  margin-bottom: 1.6rem;
  font-family: "Roboto", sans-serif;
  font-size: 4.6rem;
  font-weight: 800;
  color: #fff;
  letter-spacing: -0.03em;
  line-height: 1.06;
}
@media (max-width: 767px) {
  .oc-hero__title {
    font-size: 3.2rem;
  }
}
.oc-hero__title b {
  color: #f59e0b;
}
.oc-hero__text {
  max-width: 54rem;
  margin-bottom: 2.6rem;
  font-size: 1.6rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.65;
}
.oc-hero__text strong {
  color: #fff;
}
.oc-hero__btns {
  display: flex;
  flex-wrap: wrap;
  gap: 1.2rem;
  padding-bottom: 4.4rem;
}
@media (max-width: 767px) {
  .oc-hero__btns {
    padding-bottom: 3rem;
  }
}
.oc-hero__btns .btn--light {
  border-color: rgba(255, 255, 255, 0.35);
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}
.oc-hero__btns .btn--light:hover {
  border-color: rgba(255, 255, 255, 0.6);
  background: rgba(255, 255, 255, 0.16);
}

.page-about .school-stats {
  margin-top: -9.4rem;
  z-index: 2;
}

.oc-crumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.7rem;
  margin-bottom: 2rem;
  font-size: 1.25rem;
  color: rgba(255, 255, 255, 0.6);
}
.oc-crumbs a {
  color: rgba(255, 255, 255, 0.6);
}
.oc-crumbs a:hover {
  color: #fff;
}
.oc-crumbs__sep {
  opacity: 0.5;
}
.oc-crumbs__cur {
  color: rgba(255, 255, 255, 0.9);
  font-weight: 500;
}

.oc-sec {
  padding: 6rem 0;
}
.oc-sec--soft {
  background: #f4f6f8;
}
.oc-sec--ring {
  position: relative;
  overflow: hidden;
}
.oc-sec--ring > .container {
  position: relative;
  z-index: 1;
}
.oc-sec--subs {
  padding: 4.4rem 0;
}

.oc-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  margin-bottom: 0.9rem;
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: #1a4d58;
}

.oc-title {
  margin-bottom: 1.2rem;
  font-family: "Roboto", sans-serif;
  font-size: 3rem;
  font-weight: 800;
  color: #0a1c20;
  letter-spacing: -0.03em;
  line-height: 1.12;
}
@media (max-width: 767px) {
  .oc-title {
    font-size: 2.4rem;
  }
}
.oc-title__accent {
  color: #f59e0b;
}

.oc-about-grid {
  display: grid;
  grid-template-columns: 1fr 42rem;
  gap: 4.4rem;
  align-items: center;
}
@media (max-width: 1024px) {
  .oc-about-grid {
    grid-template-columns: 1fr;
    gap: 2.8rem;
  }
}

.oc-about p {
  margin-bottom: 1.2rem;
  font-size: 1.45rem;
  color: #4a5568;
  line-height: 1.75;
}
.oc-about p strong {
  color: #0a1c20;
  font-weight: 600;
}
.oc-about p a {
  text-decoration: underline;
  text-underline-offset: 0.2rem;
}
.oc-about__btns {
  display: flex;
  flex-wrap: wrap;
  gap: 1.2rem;
  margin-top: 2rem;
}
.oc-about__photo {
  position: relative;
  border-radius: 1.8rem;
  overflow: hidden;
}
.oc-about__photo img {
  display: block;
  width: 100%;
  aspect-ratio: 4/3.2;
  object-fit: cover;
}
.oc-about__badge {
  position: absolute;
  right: 1.6rem;
  bottom: 1.6rem;
  padding: 1rem 1.6rem;
  border-radius: 1.2rem;
  background: linear-gradient(135deg, #f00, #b30909);
  color: #fff;
  box-shadow: 0 8px 24px rgba(179, 9, 9, 0.4);
}
.oc-about__year {
  font-family: "Roboto", sans-serif;
  font-size: 2.4rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1;
}
.oc-about__badge-t {
  margin-top: 0.2rem;
  font-size: 1.15rem;
  opacity: 0.9;
}

.oc-subs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.6rem;
}
@media (max-width: 1024px) {
  .oc-subs {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 767px) {
  .oc-subs {
    grid-template-columns: 1fr;
  }
}

.oc-sub {
  position: relative;
  display: block;
  height: 26rem;
  border-radius: 1.8rem;
  overflow: hidden;
  background: #0a1c20;
}
.oc-sub__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.55;
  transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s ease;
}
.oc-sub__sh {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(4, 20, 24, 0.1) 30%, rgba(4, 20, 24, 0.92) 100%);
}
.oc-sub__in {
  position: absolute;
  left: 2.2rem;
  right: 2.2rem;
  bottom: 2.2rem;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.oc-sub__badge {
  display: inline-flex;
  align-self: flex-start;
  padding: 0.3rem 1rem;
  border-radius: 10rem;
  background: #e31e24;
  color: #fff;
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.oc-sub__t {
  font-family: "Roboto", sans-serif;
  font-size: 1.9rem;
  font-weight: 800;
  color: #fff;
  letter-spacing: -0.02em;
  line-height: 1.2;
}
.oc-sub__d {
  font-size: 1.3rem;
  color: rgba(255, 255, 255, 0.78);
  line-height: 1.5;
}
.oc-sub__arr {
  position: absolute;
  top: 1.8rem;
  right: 1.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.16);
  color: #fff;
  transition: background 0.3s ease;
}
.oc-sub__arr svg {
  width: 1.2rem;
  height: 1.2rem;
  vertical-align: -0.1em;
}
.oc-sub:hover .oc-sub__bg {
  transform: scale(1.06);
  opacity: 0.68;
}
.oc-sub:hover .oc-sub__arr {
  background: #f59e0b;
}

.oc-hist {
  display: grid;
  grid-template-columns: minmax(0, 32rem) minmax(0, 1fr);
  gap: 6rem;
  align-items: start;
}
@media (max-width: 1024px) {
  .oc-hist {
    grid-template-columns: 1fr;
    gap: 2.8rem;
  }
}
.oc-hist__aside {
  position: sticky;
  top: 3rem;
}
@media (max-width: 1024px) {
  .oc-hist__aside {
    position: static;
  }
}
.oc-hist__lead {
  margin-bottom: 2.4rem;
  font-size: 1.4rem;
  color: #4a5568;
  line-height: 1.7;
}

.oc-tl {
  position: relative;
}

.oc-tli {
  display: grid;
  grid-template-columns: 12rem minmax(0, 1fr);
  gap: 2.4rem;
  align-items: baseline;
  padding: 2rem 0;
  border-top: 1px solid #eef1f3;
}
@media (max-width: 600px) {
  .oc-tli {
    grid-template-columns: 1fr;
    gap: 0.8rem;
  }
}
.oc-tli:last-child {
  border-bottom: 1px solid #eef1f3;
}
.oc-tli--red .oc-tly {
  color: #e31e24;
}

.oc-tld {
  display: none;
}

.oc-tly {
  font-family: "Roboto", sans-serif;
  font-size: 2.2rem;
  font-weight: 800;
  color: #0a1c20;
  letter-spacing: -0.03em;
  line-height: 1;
}

.oc-tlt {
  font-size: 1.4rem;
  color: #4a5568;
  line-height: 1.65;
}

.oc-dr {
  position: relative;
  display: flex;
  gap: 3rem;
  align-items: center;
  padding: 3.6rem 4rem;
  border-radius: 2.4rem;
  background: linear-gradient(135deg, #0a1c20, #1a4d58);
  overflow: hidden;
}
@media (max-width: 1024px) {
  .oc-dr {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 767px) {
  .oc-dr {
    padding: 2.4rem 2.8rem;
    gap: 2.4rem;
  }
}
.oc-dr__head {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
@media (max-width: 767px) {
  .oc-dr__head {
    margin-bottom: 0.6rem;
  }
}
.oc-dr__logo {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 1.2rem;
  background: rgba(255, 255, 255, 0.08);
  color: #f59e0b;
}
.oc-dr__logo--sm {
  display: none;
  width: 4rem;
  height: 4rem;
}
@media (max-width: 767px) {
  .oc-dr__logo--sm {
    display: flex;
  }
}
.oc-dr__logo--sm svg {
  width: 2.4rem;
  height: 2.4rem;
}
.oc-dr__logo--big {
  position: relative;
  z-index: 1;
  width: 12rem;
  height: 12rem;
  border-radius: 2rem;
}
@media (max-width: 767px) {
  .oc-dr__logo--big {
    display: none;
  }
}
.oc-dr__logo--big svg {
  width: 5.4rem;
  height: 5.4rem;
}
.oc-dr__t {
  position: relative;
  z-index: 1;
  margin-bottom: 0;
  font-family: "Roboto", sans-serif;
  font-size: 2.2rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.02em;
}
@media (max-width: 767px) {
  .oc-dr__t {
    font-size: 1.9rem;
  }
}
.oc-dr__x {
  position: relative;
  z-index: 1;
  margin-bottom: 1.8rem;
  font-size: 1.4rem;
  color: rgba(255, 255, 255, 0.72);
  line-height: 1.7;
}
@media (max-width: 767px) {
  .oc-dr__x {
    margin-bottom: 1.4rem;
    font-size: 1.35rem;
    line-height: 1.6;
  }
}
.oc-dr__stats {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 3.2rem;
}
@media (max-width: 1024px) {
  .oc-dr__stats {
    gap: 2rem;
  }
}
@media (max-width: 767px) {
  .oc-dr__stats {
    flex-wrap: nowrap;
    gap: 1.4rem;
  }
  .oc-dr__stats > div {
    text-align: center;
  }
}
.oc-dr__num {
  font-family: "Roboto", sans-serif;
  font-size: 2.4rem;
  font-weight: 800;
  color: #f59e0b;
  letter-spacing: -0.02em;
  line-height: 1;
}
@media (max-width: 1024px) {
  .oc-dr__num {
    font-size: 2rem;
  }
}
@media (max-width: 767px) {
  .oc-dr__num {
    font-size: 1.8rem;
  }
}
.oc-dr__l {
  margin-top: 0.4rem;
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.6);
}
@media (max-width: 767px) {
  .oc-dr__l {
    font-size: 1.15rem;
    text-wrap: balance;
  }
}

.oc-lic {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.4rem;
  align-items: stretch;
  margin-top: 1.6rem;
}
@media (max-width: 1024px) {
  .oc-lic {
    grid-template-columns: 1fr;
  }
}

.oc-licc {
  display: flex;
  gap: 1.2rem;
  align-items: stretch;
  padding: 1.6rem 1.8rem;
  border: 1px solid #e7e9ee;
  border-radius: 1.4rem;
  background: #fff;
  transition: border-color 0.18s, box-shadow 0.18s;
}
.oc-licc:hover {
  border-color: #1a4d58;
  box-shadow: 0 0.6rem 2rem -0.6rem rgba(10, 28, 32, 0.16);
}
.oc-licc > div:last-child {
  display: flex;
  flex-direction: column;
}
.oc-licc__t {
  margin-bottom: 0.3rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #0a1c20;
  line-height: 1.35;
}
.oc-licc__s {
  margin-bottom: 0.6rem;
  font-size: 1.2rem;
  color: #718096;
  line-height: 1.5;
}
.oc-licc__l {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin-top: auto;
  font-size: 1.25rem;
  font-weight: 600;
  color: #1a4d58;
}
.oc-licc__l svg {
  width: 1.2rem;
  height: 1.2rem;
  vertical-align: -0.1em;
}

.oc-docs {
  margin-top: 1.2rem;
  text-align: right;
}
@media (max-width: 767px) {
  .oc-docs {
    text-align: center;
  }
}
.oc-docs__link {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 1.35rem;
  font-weight: 600;
  color: #1a4d58;
  transition: color 0.18s ease;
}
.oc-docs__link svg {
  width: 1.2rem;
  height: 1.2rem;
  transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1);
}
.oc-docs__link:hover {
  color: #e21c2a;
}
.oc-docs__link:hover svg {
  transform: translateX(0.3rem);
}

.oc-partners {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.6rem;
  margin-top: 3rem;
}
@media (max-width: 1024px) {
  .oc-partners {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .oc-partners {
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 1fr;
  }
}

.oc-partner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 11rem;
  padding: 2rem;
  border: 1px solid #e7e9ee;
  border-radius: 1.6rem;
  background: #fff;
  text-align: center;
  transition: border-color 0.18s, box-shadow 0.18s;
}
.oc-partner:hover {
  border-color: #1a4d58;
  box-shadow: 0 0.6rem 2rem -0.6rem rgba(10, 28, 32, 0.16);
}
.oc-partner__logo {
  display: block;
  width: auto;
  max-width: 12rem;
  height: 4.6rem;
  margin: 0 auto 1.2rem;
  object-fit: contain;
}
.oc-partner__t {
  font-family: "Roboto", sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
  color: #0a1c20;
  letter-spacing: -0.02em;
}
.oc-partner__s {
  margin-top: 0.3rem;
  font-size: 1.15rem;
  font-weight: 400;
  color: #718096;
}

.oc-lead__done-title {
  font-size: 2.2rem;
}
.oc-lead__done-btn {
  max-width: 22rem;
}

.sv-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background-color: #0a1c20;
  padding: 16.2rem 0 4.2rem;
}
@media (max-width: 1200px) {
  .sv-hero {
    padding-top: 10.5rem;
  }
}
.sv-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  max-width: 1920px;
  margin-inline: auto;
  background: linear-gradient(120deg, rgba(10, 28, 32, 0.78) 0%, rgba(15, 49, 56, 0.6) 45%, rgba(26, 77, 88, 0.42) 100%);
  z-index: -1;
}
@media (min-width: 1921px) {
  .sv-hero::before {
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 140px, #000 calc(100% - 140px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 140px, #000 calc(100% - 140px), transparent 100%);
  }
}
.sv-hero__media {
  position: absolute;
  inset: 0;
  width: 100%;
  max-width: 136.6rem;
  margin-inline: auto;
  z-index: -2;
  overflow: hidden;
  background: url("/local/templates/dosaaf8marta_2026/css/../images/hero-bg.jpg") center right/cover no-repeat #0a1c20;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 10rem, #000 calc(100% - 10rem), transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 10rem, #000 calc(100% - 10rem), transparent 100%);
}
.sv-hero__video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center right;
  filter: grayscale(0.12) saturate(0.9) brightness(0.85) contrast(0.96);
}
@media (max-width: 767px) {
  .sv-hero__video {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .sv-hero__video {
    display: none;
  }
}
.sv-hero__label {
  position: relative;
  z-index: 1;
  margin-bottom: 1rem;
  font-size: 1.2rem;
  font-weight: 600;
  color: #f59e0b;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.sv-hero__title {
  position: relative;
  z-index: 1;
  max-width: 62rem;
  margin-bottom: 1rem;
  font-family: "Roboto", sans-serif;
  font-size: 3.4rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.03em;
  line-height: 1.14;
}
@media (max-width: 767px) {
  .sv-hero__title {
    font-size: 2.4rem;
  }
}
.sv-hero__sub {
  position: relative;
  z-index: 1;
  max-width: 56rem;
  font-size: 1.45rem;
  color: rgba(255, 255, 255, 0.75);
  line-height: 1.6;
}

.sv-crumbs {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.7rem;
  margin-bottom: 1.6rem;
  font-size: 1.25rem;
  color: rgba(255, 255, 255, 0.6);
}
.sv-crumbs a {
  color: rgba(255, 255, 255, 0.6);
}
.sv-crumbs a:hover {
  color: #fff;
}
.sv-crumbs__sep {
  opacity: 0.5;
}
.sv-crumbs__cur {
  color: rgba(255, 255, 255, 0.9);
  font-weight: 500;
}

.sv-layout {
  display: grid;
  grid-template-columns: 27rem 1fr;
  gap: 2.8rem;
  align-items: start;
  padding: 3rem 0 6rem;
}
@media (max-width: 1024px) {
  .sv-layout {
    grid-template-columns: 1fr;
  }
}

.sv-snav {
  position: sticky;
  top: 13.4rem;
  border: 1px solid #e7e9ee;
  border-radius: 1.6rem;
  background: #fff;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .sv-snav {
    top: 7.7rem;
  }
}
@media (max-width: 1024px) {
  .sv-snav {
    position: static;
  }
}
.sv-snav__t {
  padding: 1.5rem 1.8rem 1rem;
  border-bottom: 1px solid #eef1f3;
  font-size: 1.1rem;
  font-weight: 700;
  color: #718096;
  text-transform: uppercase;
  letter-spacing: 0.07em;
}
.sv-snav__link {
  display: block;
  padding: 1rem 1.8rem;
  border-bottom: 1px solid #eef1f3;
  font-size: 1.3rem;
  color: #4a5568;
  line-height: 1.4;
  cursor: pointer;
  transition: all 0.12s;
}
.sv-snav__link:last-child {
  border-bottom: none;
}
.sv-snav__link:hover {
  background: #f7f8fa;
  color: #1a4d58;
}
.sv-snav__link.is-active {
  border-left: 3px solid #e31e24;
  background: #eef6f7;
  color: #1a4d58;
  font-weight: 600;
}

.sv-main {
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
  min-width: 0;
}

.sv-sec {
  border: 1px solid #e7e9ee;
  border-radius: 1.6rem;
  background: #fff;
  overflow: hidden;
  scroll-margin-top: 16rem;
}
.sv-sec__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.2rem;
  padding: 1.8rem 2.2rem;
  cursor: pointer;
  transition: background 0.12s;
}
.sv-sec__head:hover {
  background: #f7f8fa;
}
.sv-sec__title {
  display: flex;
  align-items: center;
  gap: 1.1rem;
  font-family: "Roboto", sans-serif;
  font-size: 1.7rem;
  font-weight: 700;
  color: #0a1c20;
  letter-spacing: -0.02em;
}
@media (max-width: 767px) {
  .sv-sec__title {
    font-size: 1.45rem;
  }
}
.sv-sec__num {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: 0.8rem;
  background: #1a4d58;
  color: #fff;
  font-size: 1.35rem;
  font-weight: 700;
}
.sv-sec__toggle {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border: 1.5px solid #e7e9ee;
  border-radius: 50%;
  font-size: 1.7rem;
  color: #718096;
  transition: all 0.2s;
}
.sv-sec__body {
  display: none;
  padding: 0.4rem 2.4rem 2.4rem;
}
.sv-sec.is-open .sv-sec__head {
  background: #f5f9fa;
}
.sv-sec.is-open .sv-sec__toggle {
  border-color: #1a4d58;
  background: #1a4d58;
  color: #fff;
  transform: rotate(45deg);
}
.sv-sec.is-open .sv-sec__body {
  display: block;
}

.sv-body a {
  color: #1a4d58;
  text-decoration: underline;
  text-underline-offset: 0.2rem;
}
.sv-body a.sv-doc {
  text-decoration: none;
}

.sv-subtitle {
  margin: 1.8rem 0 1rem;
  font-size: 1.35rem;
  font-weight: 600;
  color: #0a1c20;
}

.sv-table {
  width: 100%;
  border-collapse: collapse;
}
.sv-table tr {
  border-bottom: 1px solid #eef1f3;
}
.sv-table tr:last-child {
  border-bottom: none;
}
.sv-table td {
  padding: 1rem 1.2rem;
  font-size: 1.35rem;
  vertical-align: top;
}
.sv-table td:first-child {
  width: 42%;
  padding-right: 1.6rem;
  color: #718096;
}
@media (max-width: 767px) {
  .sv-table td:first-child {
    width: 34%;
  }
}
.sv-table td:last-child {
  color: #0a1c20;
  font-weight: 500;
}

.sv-docgroup {
  margin-bottom: 2rem;
}
.sv-docgroup:last-child {
  margin-bottom: 0;
}
.sv-docgroup__t {
  margin-bottom: 1rem;
  padding-bottom: 0.6rem;
  border-bottom: 1px solid #eef1f3;
  font-size: 1.35rem;
  font-weight: 600;
  color: #0a1c20;
}

.sv-doclist {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
}

.sv-doc {
  display: flex;
  align-items: center;
  gap: 1.1rem;
  padding: 1.1rem 1.4rem;
  border: 1px solid #e7e9ee;
  border-radius: 1rem;
  background: #f7f8fa;
  font-size: 1.3rem;
  color: #4a5568;
  cursor: pointer;
  transition: all 0.15s;
}
.sv-doc:hover {
  border-color: #1a4d58;
  background: #f0f6f7;
  color: #1a4d58;
}
.sv-doc--sm {
  display: inline-flex;
  padding: 0.4rem 0.9rem;
}
.sv-doc__ic {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 0.7rem;
  color: #c0392e;
}
.sv-doc__ic img {
  display: block;
  width: 2.6rem;
  height: 2.6rem;
}
.sv-doc__meta {
  margin-left: auto;
  font-size: 1.1rem;
  color: #a0aab2;
  white-space: nowrap;
}

.sv-prog {
  margin-bottom: 1rem;
  padding: 1.4rem 1.6rem;
  border: 1px solid #e7e9ee;
  border-radius: 1.2rem;
  background: #f7f8fa;
}
.sv-prog:last-child {
  margin-bottom: 0;
}
.sv-prog__t {
  margin-bottom: 0.8rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #0a1c20;
  line-height: 1.4;
}
.sv-prog__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}

.sv-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.35rem 1rem;
  border-radius: 10rem;
  background: #e2f1f3;
  color: #1a4d58;
  font-size: 1.15rem;
  font-weight: 600;
}
@media (max-width: 767px) {
  .sv-badge {
    border-radius: 0.8rem;
  }
}
.sv-badge--orange {
  background: #fdefda;
  color: #c2710c;
}
.sv-badge--red {
  background: #fbe5e2;
  color: #c0392e;
}

.sv-person {
  margin-bottom: 1rem;
  padding: 1.6rem;
  border: 1px solid #e7e9ee;
  border-radius: 1.2rem;
  background: #f7f8fa;
}
.sv-person:last-child {
  margin-bottom: 0;
}
.sv-person__name {
  margin-bottom: 0.3rem;
  font-size: 1.5rem;
  font-weight: 600;
  color: #0a1c20;
}
.sv-person__post {
  margin-bottom: 1rem;
  font-size: 1.35rem;
  font-weight: 500;
  color: #1a4d58;
}
.sv-person__rows {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  font-size: 1.3rem;
  color: #4a5568;
}

.sv-tablewrap {
  overflow-x: auto;
  border: 1px solid #e7e9ee;
  border-radius: 1.2rem;
}

.sv-staff {
  width: 100%;
  min-width: 54rem;
  border-collapse: collapse;
  font-size: 1.3rem;
}
.sv-staff th {
  padding: 1.1rem 1.4rem;
  background: #0a1c20;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
}
.sv-staff td {
  padding: 1rem 1.4rem;
  border-bottom: 1px solid #eef1f3;
  color: #4a5568;
  line-height: 1.5;
  vertical-align: top;
}
.sv-staff td:first-child {
  font-weight: 500;
  color: #0a1c20;
}
.sv-staff tr:last-child td {
  border-bottom: none;
}
.sv-staff tr:nth-child(even) td {
  background: #fafbfc;
}

.sv-p {
  font-size: 1.4rem;
  color: #4a5568;
  line-height: 1.75;
}
.sv-p + .sv-p {
  margin-top: 1rem;
}
.sv-p strong {
  color: #0a1c20;
}

.sv-note {
  display: block;
  margin-top: 1.2rem;
  padding: 1.2rem 1.5rem;
  border-radius: 1rem;
  background: #e2f1f3;
  font-size: 1.3rem;
  color: #1a4d58;
  line-height: 1.6;
}
.sv-note svg {
  float: left;
  width: 1.6rem;
  height: 1.6rem;
  margin: 0.2rem 0.8rem 0 0;
}

.sv-rich {
  font-size: 1.5rem;
  line-height: 1.55;
}
.sv-rich p + p,
.sv-rich p + ul,
.sv-rich p + ol,
.sv-rich ul + p,
.sv-rich ol + p,
.sv-rich p + table,
.sv-rich table + p {
  margin-top: 1rem;
}
.sv-rich ul,
.sv-rich ol {
  padding-left: 2rem;
}
.sv-rich ul {
  list-style: disc;
}
.sv-rich ol {
  list-style: decimal;
}
.sv-rich a {
  text-decoration: underline;
  text-underline-offset: 0.2rem;
}
.sv-rich table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  border-collapse: collapse;
  margin: 1rem 0;
}
.sv-rich td,
.sv-rich th {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0.8rem 1rem;
  vertical-align: top;
  min-width: 10rem;
}
.sv-rich img {
  max-width: 100%;
  height: auto;
}
.sv-rich + .sv-doclist {
  margin-top: 1.6rem;
}

.sv-docnote + .sv-docnote,
.sv-docnote + .sv-doc,
.sv-doc + .sv-docnote {
  margin-top: 1.6rem;
}

.sv-sign {
  margin-top: 1.6rem;
  font-size: 1.3rem;
  color: #6b7a86;
}

.co-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background-color: #0a1c20;
  padding: 16.2rem 0 4rem;
}
@media (max-width: 1200px) {
  .co-hero {
    padding-top: 10.5rem;
  }
}
.co-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  max-width: 1920px;
  margin-inline: auto;
  background: linear-gradient(120deg, rgba(10, 28, 32, 0.78) 0%, rgba(15, 49, 56, 0.6) 45%, rgba(26, 77, 88, 0.42) 100%);
  z-index: -1;
}
@media (min-width: 1921px) {
  .co-hero::before {
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 140px, #000 calc(100% - 140px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 140px, #000 calc(100% - 140px), transparent 100%);
  }
}
.co-hero__media {
  position: absolute;
  inset: 0;
  width: 100%;
  max-width: 136.6rem;
  margin-inline: auto;
  z-index: -2;
  overflow: hidden;
  background: url("/local/templates/dosaaf8marta_2026/css/../images/hero-bg.jpg") center right/cover no-repeat #0a1c20;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 10rem, #000 calc(100% - 10rem), transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 10rem, #000 calc(100% - 10rem), transparent 100%);
}
.co-hero__video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center right;
  filter: grayscale(0.12) saturate(0.9) brightness(0.85) contrast(0.96);
}
@media (max-width: 767px) {
  .co-hero__video {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .co-hero__video {
    display: none;
  }
}
.co-hero__in {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 3.2rem;
  align-items: center;
}
@media (max-width: 1024px) {
  .co-hero__in {
    grid-template-columns: 1fr;
  }
}
.co-hero__title {
  margin-bottom: 1.6rem;
  font-family: "Roboto", sans-serif;
  font-size: 3.6rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.03em;
  line-height: 1.12;
}
@media (max-width: 767px) {
  .co-hero__title {
    font-size: 2.6rem;
  }
}

.co-crumbs {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.7rem;
  margin-bottom: 1.6rem;
  font-size: 1.25rem;
  color: rgba(255, 255, 255, 0.6);
}
.co-crumbs a {
  color: rgba(255, 255, 255, 0.6);
}
.co-crumbs a:hover {
  color: #fff;
}
.co-crumbs__sep {
  opacity: 0.5;
}
.co-crumbs__cur {
  color: rgba(255, 255, 255, 0.9);
  font-weight: 500;
}

.co-hcontacts {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
  margin-bottom: 1.8rem;
}

.co-hcontact {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 1.4rem;
  color: rgba(255, 255, 255, 0.8);
}
.co-hcontact svg {
  flex-shrink: 0;
  width: 1.7rem;
  height: 1.7rem;
  color: #f59e0b;
}
.co-hcontact b {
  display: inline-block;
  min-width: 11rem;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 500;
}
.co-hcontact a {
  color: #fff;
  font-weight: 600;
}
.co-hcontact a:hover {
  color: #f59e0b;
}

.co-hbadges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}

.co-hbadge {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.6rem 1.3rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 10rem;
  background: rgba(255, 255, 255, 0.1);
  font-size: 1.25rem;
  color: #fff;
  font-weight: 500;
}
.co-hbadge svg {
  display: none;
  width: 1.4rem;
  height: 1.4rem;
}

.co-hours {
  flex-shrink: 0;
  min-width: 26rem;
  padding: 1.8rem 2.2rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 1.6rem;
  background: rgba(255, 255, 255, 0.1);
}
.co-hours__t {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin-bottom: 1.2rem;
  font-size: 1.1rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.55);
  text-transform: uppercase;
  letter-spacing: 0.07em;
}
.co-hours__t svg {
  width: 1.5rem;
  height: 1.5rem;
  color: #f59e0b;
}
.co-hours__row {
  display: flex;
  justify-content: space-between;
  gap: 1.6rem;
  padding: 0.7rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 1.35rem;
}
.co-hours__row:last-child {
  border-bottom: none;
}
.co-hours__day {
  color: rgba(255, 255, 255, 0.6);
}
.co-hours__time {
  font-weight: 600;
  color: #fff;
}

@media (max-width: 767px) {
  .page-contacts .branches__search .site-search__field {
    border-radius: 10rem;
    overflow: hidden;
  }
  .page-contacts .branches__search .site-search__input {
    border-radius: 10rem;
  }
  .page-contacts .branches__search .site-search__submit {
    width: auto;
    padding: 0 2rem;
    font-size: 1.4rem;
  }
  .page-contacts .branches__search .site-search__submit::before {
    display: none;
  }
}

.co-sec {
  padding: 3.6rem 0;
}

.co-title {
  margin-bottom: 0.5rem;
  font-family: "Roboto", sans-serif;
  font-size: 2.4rem;
  font-weight: 700;
  color: #0a1c20;
  letter-spacing: -0.02em;
}

.co-sub {
  margin-bottom: 2rem;
  font-size: 1.4rem;
  color: #718096;
}

.co-req {
  padding: 2.2rem 2.4rem;
  border: 1px solid #e7e9ee;
  border-radius: 1.6rem;
  background: #fff;
}
.co-req a {
  text-decoration: underline;
  text-underline-offset: 0.2rem;
}
.co-req__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.2rem 3rem;
}
@media (max-width: 1024px) {
  .co-req__grid {
    grid-template-columns: 1fr;
  }
}
.co-req__row {
  display: flex;
  justify-content: space-between;
  gap: 1.6rem;
  padding: 1rem 0;
  border-bottom: 1px solid #eef1f3;
  font-size: 1.35rem;
}
.co-req__k {
  color: #718096;
}
.co-req__v {
  color: #0a1c20;
  font-weight: 600;
  text-align: right;
}

.pl-hero {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  padding: calc(var(--hdr-b, 10.5rem) + 4.8rem) 0 4.2rem;
  background-color: #0a1c20;
}
.pl-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  width: 100%;
  max-width: 1920px;
  margin-inline: auto;
  background: linear-gradient(120deg, rgba(10, 28, 32, 0.78) 0%, rgba(15, 49, 56, 0.6) 45%, rgba(26, 77, 88, 0.42) 100%);
}
@media (min-width: 1921px) {
  .pl-hero::before {
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 140px, #000 calc(100% - 140px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 140px, #000 calc(100% - 140px), transparent 100%);
  }
}
.pl-hero__media {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  max-width: 136.6rem;
  margin-inline: auto;
  overflow: hidden;
  background: url("/local/templates/dosaaf8marta_2026/css/../images/hero-bg.jpg") center right/cover no-repeat #0a1c20;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 10rem, #000 calc(100% - 10rem), transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 10rem, #000 calc(100% - 10rem), transparent 100%);
}
.pl-hero__video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center right;
  filter: grayscale(0.12) saturate(0.9) brightness(0.85) contrast(0.96);
}
@media (max-width: 767px) {
  .pl-hero__video {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .pl-hero__video {
    display: none;
  }
}
.pl-hero__label {
  position: relative;
  z-index: 1;
  margin-bottom: 1rem;
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #f59e0b;
}
.pl-hero__title {
  position: relative;
  z-index: 1;
  margin-bottom: 1rem;
  font-family: "Roboto", sans-serif;
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.14;
  letter-spacing: -0.03em;
  color: #fff;
}
@media (max-width: 767px) {
  .pl-hero__title {
    font-size: 2.6rem;
  }
}
.pl-hero__sub {
  position: relative;
  z-index: 1;
  max-width: 58rem;
  margin-bottom: 2rem;
  font-size: 1.45rem;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.75);
}

.pl-crumbs {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.7rem;
  margin-bottom: 1.6rem;
  font-size: 1.25rem;
  color: rgba(255, 255, 255, 0.6);
}
.pl-crumbs a {
  color: rgba(255, 255, 255, 0.6);
}
.pl-crumbs a:hover {
  color: #fff;
}
.pl-crumbs__sep {
  opacity: 0.5;
}
.pl-crumbs__cur {
  font-weight: 500;
  color: rgba(255, 255, 255, 0.9);
}

.pl-search {
  position: relative;
  z-index: 1;
  max-width: 46rem;
}
.pl-search svg {
  position: absolute;
  top: 50%;
  left: 1.5rem;
  width: 2rem;
  height: 2rem;
  transform: translateY(-50%);
}
.pl-search input {
  width: 100%;
  padding: 1.3rem 1.7rem 1.3rem 4.4rem;
  border: 1.5px solid rgba(255, 255, 255, 0.2);
  border-radius: 1.4rem;
  outline: none;
  background: rgba(255, 255, 255, 0.1);
  font-family: inherit;
  font-size: 1.45rem;
  color: #fff;
  transition: all 0.15s;
}
.pl-search input::placeholder {
  color: rgba(255, 255, 255, 0.55);
}
.pl-search input:focus {
  border-color: #f59e0b;
  background: rgba(255, 255, 255, 0.16);
}

.pl-filter {
  position: sticky;
  top: var(--hdr-b, 10.5rem);
  z-index: 8;
  border-bottom: 1px solid #e7e9ee;
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(6px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.pl-filter__in {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  padding: 3.2rem 0 1.3rem;
  overflow-x: auto;
  scrollbar-width: none;
}
.pl-filter__in::-webkit-scrollbar {
  display: none;
}
.pl-filter__lbl {
  flex-shrink: 0;
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  white-space: nowrap;
  color: #718096;
}

.pl-pill {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  gap: 0.5rem;
  padding: 0.8rem 1.6rem;
  border: 1.5px solid #e7e9ee;
  border-radius: 10rem;
  background: #fff;
  font-family: inherit;
  font-size: 1.35rem;
  font-weight: 500;
  white-space: nowrap;
  color: #4a5568;
  cursor: pointer;
  transition: 0.15s;
}
.pl-pill:hover {
  border-color: #1a4d58;
  background: #f0f6f7;
  color: #1a4d58;
}
.pl-pill.on {
  border-color: #1a4d58;
  background: #1a4d58;
  color: #fff;
}

.pl-wrap {
  padding: 3rem 0 6rem;
}

.pl-layout {
  display: grid;
  grid-template-columns: 1fr 30rem;
  align-items: start;
  gap: 2.4rem;
}
@media (max-width: 1024px) {
  .pl-layout {
    grid-template-columns: 1fr;
  }
}

.pl-main {
  min-width: 0;
}
.pl-main__pagination {
  margin-top: 3.2rem;
}
.pl-main__pagination[hidden] {
  display: none;
}

.pl-tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 2rem;
}

.pl-count {
  font-size: 1.35rem;
  color: #718096;
}
.pl-count strong {
  font-weight: 600;
  color: #0a1c20;
}

.pl-side {
  position: sticky;
  top: calc(var(--hdr-b, 10.5rem) + var(--pl-filter-h, 8rem) + 1.6rem);
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
}
@media (max-width: 1024px) {
  .pl-side {
    display: none;
  }
}

.pl-cta {
  position: relative;
  overflow: hidden;
  padding: 1.8rem;
  border-radius: 1.4rem;
  background: #0a1c20;
}
.pl-cta__t {
  position: relative;
  margin-bottom: 0.5rem;
  font-family: "Roboto", sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #fff;
}
.pl-cta__s {
  position: relative;
  margin-bottom: 1.4rem;
  font-size: 1.25rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.65);
}
.pl-cta__btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  width: 100%;
  margin-bottom: 0.8rem;
  padding: 1.1rem;
  border-radius: 1rem;
  font-family: inherit;
  font-size: 1.35rem;
  font-weight: 600;
  color: #fff;
  transition: background 0.15s;
}
.pl-cta__btn svg {
  width: 1.2rem;
  height: 1.2rem;
  vertical-align: -0.1em;
}
.pl-cta__btn--red {
  background: #e31e24;
}
.pl-cta__btn--red:hover {
  background: #c0392e;
}
.pl-cta__btn--tg {
  background: #2aabee;
}
.pl-cta__btn--tg:hover {
  background: #1d96d8;
}
.pl-cta__note {
  position: relative;
  font-size: 1.1rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.42);
}

.pl-card[data-appear],
.pl-featured[data-appear] {
  transform: translateY(20px);
  transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1) var(--appear-delay, 0ms), transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) var(--appear-delay, 0ms), box-shadow 0.3s ease, border-color 0.3s ease;
}
.pl-card[data-appear].is-in,
.pl-featured[data-appear].is-in {
  transform: none;
}

.pl-featured {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  overflow: hidden;
  margin-bottom: 2.4rem;
  border: 1px solid #e7e9ee;
  border-radius: 1.8rem;
  background: #fff;
}
@media (max-width: 1024px) {
  .pl-featured {
    grid-template-columns: 1fr;
  }
}
.pl-featured:hover {
  box-shadow: 0 1.4rem 3.4rem -1rem rgba(10, 28, 32, 0.2);
}
.pl-featured__img {
  position: relative;
  overflow: hidden;
  aspect-ratio: 16/10;
  background: #eef1f3;
}
.pl-featured__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pl-featured__top {
  position: absolute;
  top: 1.4rem;
  left: 1.4rem;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1.1rem;
  border-radius: 10rem;
  background: #f59e0b;
  box-shadow: 0 4px 14px rgba(245, 158, 11, 0.35);
  font-size: 1.1rem;
  font-weight: 800;
  letter-spacing: 0.03em;
  color: #0a1c20;
}
.pl-featured__top svg {
  width: 1.2rem;
  height: 1.2rem;
}
.pl-featured__body {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  padding: 3rem 3.2rem;
  background: linear-gradient(135deg, #f3f9fa 0%, #e9f2f3 100%);
}
@media (max-width: 767px) {
  .pl-featured__body {
    padding: 2rem;
  }
}
.pl-featured__body > * {
  position: relative;
  z-index: 1;
}
.pl-featured__t {
  margin-bottom: 1rem;
  font-family: "Roboto", sans-serif;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: #0a1c20;
}
@media (max-width: 767px) {
  .pl-featured__t {
    font-size: 2rem;
  }
}
.pl-featured__d {
  margin-bottom: 1.8rem;
  font-size: 1.4rem;
  line-height: 1.7;
  color: #4a5568;
}
.pl-featured__link {
  display: inline-flex;
  align-self: flex-start;
  align-items: center;
  gap: 0.6rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #e31e24;
  transition: gap 0.2s ease;
}
.pl-featured__link svg {
  width: 1.4rem;
  height: 1.4rem;
}
.pl-featured:hover .pl-featured__link {
  gap: 1.1rem;
}

.pl-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}
@media (max-width: 1024px) {
  .pl-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .pl-grid {
    grid-template-columns: 1fr;
  }
}

.pl-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #e7e9ee;
  border-radius: 1.6rem;
  background: #fff;
}
.pl-card[hidden] {
  display: none;
}
.pl-card:hover {
  box-shadow: 0 1rem 2.6rem -0.8rem rgba(10, 28, 32, 0.18);
}
.pl-card__img {
  position: relative;
  overflow: hidden;
  aspect-ratio: 16/10;
  background: #eef1f3;
}
.pl-card__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pl-card__badge {
  position: absolute;
  top: 1rem;
  left: 1rem;
  padding: 0.35rem 1rem;
  border-radius: 10rem;
  background: rgba(10, 28, 32, 0.85);
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #fff;
}
.pl-card__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 1.6rem 1.8rem;
}
.pl-card__t {
  margin-bottom: 0.7rem;
  font-family: "Roboto", sans-serif;
  font-size: 1.55rem;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  color: #0a1c20;
}
.pl-card__d {
  flex: 1;
  margin-bottom: 1.4rem;
  font-size: 1.3rem;
  line-height: 1.6;
  color: #718096;
}
.pl-card__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 1.2rem;
  border-top: 1px solid #eef1f3;
}
.pl-card__read, .pl-card__time {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}
.pl-card__read svg, .pl-card__time svg {
  width: 1.3rem;
  height: 1.3rem;
}
.pl-card__read {
  font-size: 1.3rem;
  font-weight: 600;
  color: #1a4d58;
}
.pl-card__time {
  font-size: 1.2rem;
  color: #a0aab2;
}

.pl-empty {
  display: none;
  padding: 5rem 2rem;
  text-align: center;
}
.pl-empty.on {
  display: block;
}
.pl-empty__ic {
  width: 5.4rem;
  height: 5.4rem;
}
.pl-empty__t {
  margin: 1.2rem 0 0.6rem;
  font-family: "Roboto", sans-serif;
  font-size: 1.9rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #0a1c20;
}
.pl-empty__s {
  margin-bottom: 1.8rem;
  font-size: 1.4rem;
  color: #718096;
}

.pl-article {
  background: #fff;
  border-radius: 2rem;
  padding: 3.2rem;
  box-shadow: 0 0.4rem 3rem 0 rgba(26, 32, 44, 0.06);
}
.pl-article__img {
  display: block;
  width: 100%;
  max-height: 42rem;
  object-fit: cover;
  border-radius: 1.4rem;
  margin-bottom: 2.4rem;
}
.pl-article__text {
  font-size: 1.6rem;
  line-height: 1.6;
  color: #2b3a4a;
}
.pl-article__text p,
.pl-article__text ul,
.pl-article__text ol,
.pl-article__text table,
.pl-article__text blockquote {
  margin-bottom: 1.4rem;
}
.pl-article__text h2,
.pl-article__text h3,
.pl-article__text h4 {
  font-weight: 700;
  line-height: 1.25;
  margin: 2.4rem 0 1.2rem;
}
.pl-article__text h2 {
  font-size: 2.4rem;
}
.pl-article__text h3 {
  font-size: 2rem;
}
.pl-article__text ul,
.pl-article__text ol {
  padding-left: 2.2rem;
}
.pl-article__text ul {
  list-style: disc;
}
.pl-article__text ol {
  list-style: decimal;
}
.pl-article__text li + li {
  margin-top: 0.6rem;
}
.pl-article__text a {
  color: #b30909;
  text-decoration: underline;
  text-underline-offset: 0.2rem;
}
.pl-article__text img {
  max-width: 100%;
  height: auto;
  border-radius: 1rem;
}
.pl-article__text table {
  width: 100%;
  border-collapse: collapse;
}
.pl-article__text td,
.pl-article__text th {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0.8rem 1rem;
}
.pl-article__back {
  margin-top: 1.6rem;
}
@media (max-width: 767px) {
  .pl-article {
    padding: 2rem 1.6rem;
  }
  .pl-article__text {
    font-size: 1.5rem;
  }
}

.fq-hero {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  padding: calc(var(--hdr-b, 10.5rem) + 4.8rem) 0 4.2rem;
  background-color: #0a1c20;
}
@media (min-width: 768px) {
  .fq-hero {
    min-height: 52rem;
    padding-bottom: 8rem;
  }
}
.fq-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  width: 100%;
  max-width: 1920px;
  margin-inline: auto;
  background: linear-gradient(120deg, rgba(10, 28, 32, 0.78) 0%, rgba(15, 49, 56, 0.6) 45%, rgba(26, 77, 88, 0.42) 100%);
}
@media (min-width: 1921px) {
  .fq-hero::before {
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 140px, #000 calc(100% - 140px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 140px, #000 calc(100% - 140px), transparent 100%);
  }
}
.fq-hero__media {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  max-width: 136.6rem;
  margin-inline: auto;
  overflow: hidden;
  background: url("/local/templates/dosaaf8marta_2026/css/../images/hero-bg.jpg") center right/cover no-repeat #0a1c20;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 10rem, #000 calc(100% - 10rem), transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 10rem, #000 calc(100% - 10rem), transparent 100%);
}
.fq-hero__video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center right;
  filter: grayscale(0.12) saturate(0.9) brightness(0.85) contrast(0.96);
}
@media (max-width: 767px) {
  .fq-hero__video {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .fq-hero__video {
    display: none;
  }
}
.fq-hero__in {
  position: relative;
  z-index: 1;
  max-width: 68rem;
}
.fq-hero__label {
  margin-bottom: 1rem;
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #f59e0b;
}
.fq-hero__title {
  margin-bottom: 1.1rem;
  font-family: "Roboto", sans-serif;
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -0.03em;
  color: #fff;
}
@media (max-width: 767px) {
  .fq-hero__title {
    font-size: 2.6rem;
  }
}
.fq-hero__sub {
  margin-bottom: 2.2rem;
  font-size: 1.5rem;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.78);
}

.fq-crumbs {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.7rem;
  margin-bottom: 1.6rem;
  font-size: 1.25rem;
  color: rgba(255, 255, 255, 0.6);
}
.fq-crumbs a {
  color: rgba(255, 255, 255, 0.6);
}
.fq-crumbs a:hover {
  color: #fff;
}
.fq-crumbs__sep {
  opacity: 0.5;
}
.fq-crumbs__cur {
  font-weight: 500;
  color: rgba(255, 255, 255, 0.9);
}

.fq-search {
  position: relative;
  max-width: 52rem;
}
.fq-search svg {
  position: absolute;
  top: 50%;
  left: 1.6rem;
  width: 2rem;
  height: 2rem;
  transform: translateY(-50%);
}
.fq-search input {
  width: 100%;
  padding: 1.4rem 1.8rem 1.4rem 4.6rem;
  border: 1.5px solid rgba(255, 255, 255, 0.2);
  border-radius: 1.4rem;
  outline: none;
  background: rgba(255, 255, 255, 0.1);
  font-family: inherit;
  font-size: 1.45rem;
  color: #fff;
  transition: all 0.15s;
}
.fq-search input::placeholder {
  color: rgba(255, 255, 255, 0.55);
}
.fq-search input:focus {
  border-color: #f59e0b;
  background: rgba(255, 255, 255, 0.16);
}

.fq-filter {
  position: sticky;
  top: var(--hdr-b, 10.5rem);
  z-index: 8;
  border-bottom: 1px solid #e7e9ee;
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(6px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.fq-filter__in {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  padding: 1.6rem 0;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
}
.fq-filter__in::-webkit-scrollbar {
  display: none;
}
.fq-filter__lbl {
  flex-shrink: 0;
  margin-right: 0.6rem;
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  white-space: nowrap;
  color: #718096;
}

.fq-cat {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  gap: 0.6rem;
  padding: 0.9rem 1.5rem;
  border: 1.5px solid #e7e9ee;
  border-radius: 10rem;
  background: #fff;
  font-family: inherit;
  font-size: 1.3rem;
  font-weight: 500;
  white-space: nowrap;
  color: #4a5568;
  cursor: pointer;
  transition: border-color 0.15s, background 0.15s, color 0.15s;
}
.fq-cat:hover {
  border-color: #1a4d58;
  color: #1a4d58;
}
.fq-cat__cnt {
  font-size: 1.15rem;
  font-weight: 600;
  color: #a0aab2;
}
.fq-cat.on {
  border-color: #1a4d58;
  background: #1a4d58;
  font-weight: 600;
  color: #fff;
}
.fq-cat.on .fq-cat__cnt {
  color: rgba(255, 255, 255, 0.7);
}

.fq-layout {
  padding: 3.4rem 0 5.6rem;
}

.fq-groups {
  transition: opacity 0.18s ease, transform 0.18s ease;
}
.fq-groups.is-fading {
  opacity: 0;
  transform: translateY(8px);
}

.fq-group {
  margin-bottom: 3rem;
}
.fq-group[hidden] {
  display: none;
}
.fq-group__h {
  display: flex;
  align-items: center;
  gap: 1.1rem;
  margin-bottom: 1.4rem;
}
.fq-group__ic {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  color: #1a4d58;
}
.fq-group__svg, .fq-group__img {
  display: block;
  width: 3.4rem;
  height: 3.4rem;
}
.fq-group__img {
  object-fit: contain;
}
.fq-group__t {
  font-family: "Roboto", sans-serif;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #0a1c20;
}
.fq-group__c {
  font-size: 1.25rem;
  font-weight: 500;
  color: #a0aab2;
}
.fq-group .faq__item[hidden] {
  display: none;
}
.fq-group .faq__question {
  padding: 1.9rem 4rem 1.9rem 0;
}
.fq-group .faq__answer {
  max-width: 77.5rem;
  padding: 0 4rem 0.2rem 0;
  line-height: 1.75;
  color: #4a5568;
}
.fq-group .faq__item[open] .faq__answer {
  padding-bottom: 2rem;
}
.fq-group mark {
  padding: 0 1px;
  border-radius: 2px;
  background: #fde68a;
  color: #92400e;
}

.fq-empty {
  display: none;
  padding: 4rem 2rem;
  text-align: center;
}
.fq-empty.vis {
  display: block;
}
.fq-empty__ic {
  width: 5.4rem;
  height: 5.4rem;
}
.fq-empty__t {
  margin: 1.2rem 0 0.6rem;
  font-family: "Roboto", sans-serif;
  font-size: 1.9rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #0a1c20;
}
.fq-empty__s {
  margin-bottom: 1.8rem;
  font-size: 1.4rem;
  color: #718096;
}

.fq-ask {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2rem;
  margin-top: 1rem;
  padding: 2.4rem;
  border-radius: 1.6rem;
  background: linear-gradient(135deg, #0a1c20, #1a4d58);
}
@media (max-width: 767px) {
  .fq-ask {
    flex-direction: column;
    align-items: stretch;
  }
}
.fq-ask__t {
  margin-bottom: 0.4rem;
  font-family: "Roboto", sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #fff;
}
.fq-ask__s {
  font-size: 1.35rem;
  color: rgba(255, 255, 255, 0.7);
}
.fq-ask__btns {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-left: auto;
}
@media (max-width: 767px) {
  .fq-ask__btns {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    margin-left: 0;
  }
}
.fq-ask__btn {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  padding: 1.1rem 1.9rem;
  border: none;
  border-radius: 1rem;
  font-family: inherit;
  font-size: 1.35rem;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
}
@media (max-width: 767px) {
  .fq-ask__btn {
    justify-content: center;
    width: 100%;
  }
}
.fq-ask__btn svg {
  width: 1.6rem;
  height: 1.6rem;
}
.fq-ask__btn--red {
  background: linear-gradient(217deg, #f00, #b30909);
}
.fq-ask__btn--ghost {
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: rgba(255, 255, 255, 0.1);
}

:root {
  interpolate-size: allow-keywords;
}

.branch-card {
  transition: background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}
.branch-card__toggle {
  transition: background-color 0.25s ease, border-color 0.25s ease, transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.branch-card.is-active .branch-card__toggle {
  transform: rotate(180deg);
}
.branch-card__details, .branch-card__details[hidden] {
  display: block;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  padding-top: 0;
  padding-bottom: 0;
  transition: max-height 0.36s cubic-bezier(0.25, 0.85, 0.3, 1), opacity 0.26s ease, padding 0.3s ease;
}
@supports (interpolate-size: allow-keywords) {
  .branch-card__details, .branch-card__details[hidden] {
    max-height: 0;
    transition: max-height 0.36s cubic-bezier(0.25, 0.85, 0.3, 1), opacity 0.26s ease, padding 0.3s ease;
  }
}
.branch-card.is-active > .branch-card__details {
  max-height: 48rem;
  opacity: 1;
  padding-top: 0.4rem;
  padding-bottom: 1.8rem;
}
@supports (interpolate-size: allow-keywords) {
  .branch-card.is-active > .branch-card__details {
    max-height: max-content;
  }
}
@media (prefers-reduced-motion: reduce) {
  .branch-card, .branch-card__toggle, .branch-card__details {
    transition: none !important;
  }
}

@media (max-width: 767px) {
  .branches {
    background: #f4f6f8;
  }
}
@media (max-width: 767px) {
  .branches__head {
    margin-bottom: 0;
    padding-bottom: 1.6rem;
  }
}
@media (max-width: 767px) {
  .branches__search {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .branches__head .section-head__eyebrow {
    font-size: 1.15rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #647e83;
  }
}
@media (max-width: 767px) {
  .branches__head .section-head__title {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 2.4rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.15;
    color: #0a1c20;
  }
}
@media (max-width: 767px) {
  .branches__head .section-head__title span {
    color: #b11218;
  }
}
@media (max-width: 767px) {
  .branches__head .section-head__text {
    display: none;
  }
}
@media (max-width: 767px) {
  .branches__search.site-search {
    grid-template-columns: minmax(0, 1fr);
    border-radius: 0;
    border: 0;
    padding-top: 0.4rem;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .branches__search .site-search__field {
    border-radius: 10rem;
    overflow: hidden;
    background: #f1f4f6;
    border: 1px solid rgba(26, 32, 44, 0.08);
  }
}
@media (max-width: 767px) {
  .branches__search .site-search__input {
    border-radius: 10rem;
    height: 4.8rem;
    font-size: 1.4rem;
    background: transparent;
  }
}
@media (max-width: 767px) {
  .branches__search .site-search__submit, .branches__search .site-search__voice, .branches__search .site-search__clear {
    display: none;
  }
}
@media (max-width: 767px) {
  .branches__aside {
    display: none;
  }
}
@media (max-width: 767px) {
  .branches__map {
    display: none;
  }
}
@media (max-width: 767px) {
  .branches__body {
    display: block;
  }
}
@media (max-width: 767px) {
  .branches.is-mapview .branches__map {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 300;
    width: 100%;
    height: 100%;
    min-height: 0;
    border-radius: 0;
  }
}
@media (max-width: 767px) {
  .branches.is-mapview .br-map-ui {
    display: block;
  }
}

.br-m {
  display: none;
}
@media (max-width: 767px) {
  .br-m {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .br-m__top {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    padding-block: 1.2rem 1.6rem;
    padding-inline: calc(50vw - 50%);
    border-bottom: 1px solid rgba(26, 32, 44, 0.07);
  }
}
@media (max-width: 767px) {
  .br-m__seg {
    display: flex;
    gap: 0.6rem;
    padding: 0.5rem;
    border-radius: 10rem;
    background: #f1f4f6;
  }
}
@media (max-width: 767px) {
  .br-m__seg button {
    flex: 1;
    min-height: 4.2rem;
    border: 0;
    border-radius: 10rem;
    background: transparent;
    color: #4a5568;
    font-family: inherit;
    font-size: 1.35rem;
    font-weight: 700;
    cursor: pointer;
    transition: background-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
  }
}
@media (max-width: 767px) {
  .br-m__seg button[aria-selected=true] {
    background: #0a1c20;
    color: #fff;
    box-shadow: 0 0.3rem 0.8rem rgba(10, 28, 32, 0.22);
  }
}
@media (max-width: 767px) {
  .br-m__mapbtn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    width: 100%;
    min-height: 4.4rem;
    height: 5rem;
    border: 0.1rem solid transparent;
    border-radius: 1.2rem;
    background: linear-gradient(217deg, #f00 0%, #b30909 100%);
    color: #fff;
    font-family: inherit;
    font-size: 1.4rem;
    line-height: 1;
    font-weight: 500;
    cursor: pointer;
  }
}
@media (max-width: 767px) {
  .br-m__mapbtn svg {
    width: 1.9rem;
    height: 1.9rem;
  }
}
@media (max-width: 767px) {
  .br-m__online {
    display: flex;
    align-items: center;
    gap: 1.4rem;
    padding: 1.6rem;
    border-radius: 1.6rem;
    background: linear-gradient(120deg, #0a1c20 0%, #1a4d58 100%);
  }
}
@media (max-width: 767px) {
  .br-m__online i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4.2rem;
    height: 4.2rem;
    flex-shrink: 0;
    border-radius: 1.2rem;
    background: rgba(255, 255, 255, 0.12);
  }
}
@media (max-width: 767px) {
  .br-m__online i svg {
    width: 2.1rem;
    height: 2.1rem;
  }
}
@media (max-width: 767px) {
  .br-m__online b {
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff;
  }
}
@media (max-width: 767px) {
  .br-m__online span {
    display: block;
    margin-top: 0.3rem;
    font-size: 1.25rem;
    color: rgba(255, 255, 255, 0.65);
  }
}
@media (max-width: 767px) {
  .br-m__label {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-top: 0.6rem;
    font-size: 1.3rem;
    font-weight: 600;
    color: #0a1c20;
  }
}
@media (max-width: 767px) {
  .br-m__label span, .br-m__label button {
    font-size: 1.2rem;
    font-weight: 400;
    color: #8a9aa5;
  }
}
@media (max-width: 767px) {
  .br-m__panel {
    display: none;
    flex-direction: column;
    gap: 1rem;
  }
}
@media (max-width: 767px) {
  .br-m__panel.is-on {
    display: flex;
  }
}
@media (max-width: 767px) {
  .br-m__all {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
    width: 100%;
    height: 4.8rem;
    margin-top: 0.4rem;
    border-radius: 10rem;
    background: #fff;
    border: 1px solid rgba(26, 32, 44, 0.14);
    font-family: inherit;
    font-size: 1.4rem;
    font-weight: 600;
    color: #0a1c20;
    cursor: pointer;
  }
}
@media (max-width: 767px) {
  .br-m__all svg {
    width: 1.5rem;
    height: 1.5rem;
  }
}

.br-map-ui {
  display: none;
}
@media (max-width: 767px) {
  .br-map-ui {
    display: none;
  }
}

@media (max-width: 767px) {
  .br-row {
    display: flex;
    align-items: center;
    gap: 1.4rem;
    width: 100%;
    min-height: 6.4rem;
    padding: 1.5rem 1.6rem;
    border: 1px solid rgba(26, 32, 44, 0.08);
    border-radius: 1.6rem;
    background: #fff;
    text-align: left;
    font-family: inherit;
    cursor: pointer;
  }
}
@media (max-width: 767px) {
  .br-row__km {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.8rem;
    height: 3.8rem;
    flex-shrink: 0;
    border-radius: 1.1rem;
    background: #f1f4f6;
    font-size: 1.3rem;
    font-weight: 700;
    color: #1a4d58;
  }
}
@media (max-width: 767px) {
  .br-row__dot {
    width: 0.9rem;
    height: 0.9rem;
    flex-shrink: 0;
    border-radius: 50%;
    background: #f59e0b;
  }
}
@media (max-width: 767px) {
  .br-row__c {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
    min-width: 0;
  }
}
@media (max-width: 767px) {
  .br-row__t {
    font-size: 1.45rem;
    font-weight: 700;
    color: #0a1c20;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (max-width: 767px) {
  .br-row__d {
    font-size: 1.2rem;
    color: #8a9aa5;
  }
}
@media (max-width: 767px) {
  .br-row svg {
    width: 1.6rem;
    height: 1.6rem;
    flex-shrink: 0;
  }
}

@media (max-width: 767px) {
  .br-g {
    border: 1px solid rgba(26, 32, 44, 0.08);
    border-radius: 1.6rem;
    background: #fff;
    overflow: hidden;
    transition: border-color 0.25s ease;
  }
}
@media (max-width: 767px) {
  .br-g.is-open {
    border-color: rgba(245, 158, 11, 0.5);
  }
}
@media (max-width: 767px) {
  .br-g__head {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    width: 100%;
    min-height: 5.6rem;
    padding: 1.4rem 1.6rem;
    border: 0;
    background: transparent;
    text-align: left;
    font-family: inherit;
    cursor: pointer;
  }
}
@media (max-width: 767px) {
  .br-g__pin {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.4rem;
    height: 3.4rem;
    flex-shrink: 0;
    border-radius: 1rem;
    background: #f1f4f6;
  }
}
@media (max-width: 767px) {
  .br-g__pin svg {
    width: 1.8rem;
    height: 1.8rem;
  }
}
@media (max-width: 767px) {
  .br-g__c {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    flex: 1;
    min-width: 0;
  }
}
@media (max-width: 767px) {
  .br-g__n {
    font-size: 1.45rem;
    font-weight: 700;
    color: #0a1c20;
  }
}
@media (max-width: 767px) {
  .br-g__k {
    font-size: 1.2rem;
    color: #8a9aa5;
  }
}
@media (max-width: 767px) {
  .br-g__chev {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.2rem;
    height: 3.2rem;
    flex-shrink: 0;
    border-radius: 50%;
    background: #f1f4f6;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.25s ease;
  }
}
@media (max-width: 767px) {
  .br-g__chev svg {
    width: 1.5rem;
    height: 1.5rem;
  }
}
@media (max-width: 767px) {
  .br-g.is-open .br-g__chev {
    transform: rotate(180deg);
    background: #fde8c0;
  }
}
@media (max-width: 767px) {
  .br-g__body {
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    transition: grid-template-rows 0.32s cubic-bezier(0.25, 0.85, 0.3, 1), opacity 0.24s ease;
  }
}
@media (max-width: 767px) {
  .br-g.is-open .br-g__body {
    grid-template-rows: 1fr;
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .br-g__inner {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    padding: 0 1.6rem;
  }
}
@media (max-width: 767px) {
  .br-g.is-open .br-g__inner {
    padding-bottom: 1.6rem;
  }
}
@media (max-width: 767px) {
  .br-g .br-row {
    min-height: 5.6rem;
    padding: 1.2rem 1.4rem;
    border-radius: 1.2rem;
    background: #f7f9fa;
    border-color: transparent;
  }
}
@media (max-width: 767px) {
  .br-g .br-row__t {
    font-size: 1.35rem;
    font-weight: 600;
  }
}

@media (max-width: 767px) {
  .br-map-top {
    position: fixed;
    z-index: 302;
    top: max(1.6rem, var(--hdr-b, 0px) + 1.2rem);
    left: 1.6rem;
    right: 1.6rem;
    display: flex;
    align-items: center;
    gap: 1rem;
  }
}
@media (max-width: 767px) {
  .br-map-top button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4.4rem;
    height: 4.4rem;
    flex-shrink: 0;
    border: 0;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0.6rem 1.6rem rgba(10, 28, 32, 0.18);
    cursor: pointer;
  }
}
@media (max-width: 767px) {
  .br-map-top button svg {
    width: 2rem;
    height: 2rem;
  }
}
@media (max-width: 767px) {
  .br-map-top b {
    display: flex;
    align-items: center;
    height: 4.4rem;
    padding: 0 1.8rem;
    border-radius: 1.2rem;
    background: #fff;
    box-shadow: 0 0.6rem 1.6rem rgba(10, 28, 32, 0.14);
    font-size: 1.35rem;
    font-weight: 700;
    color: #0a1c20;
  }
}

@media (max-width: 767px) {
  .br-sheet {
    position: fixed;
    z-index: 302;
    left: 0;
    right: 0;
    bottom: 0;
    height: 42vh;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 2.4rem 2.4rem 0 0;
    box-shadow: 0 -1.2rem 3rem rgba(10, 28, 32, 0.18);
    transition: height 0.32s cubic-bezier(0.25, 0.85, 0.3, 1);
  }
}
@media (max-width: 767px) {
  .br-sheet.is-full {
    height: 82vh;
  }
}
@media (max-width: 767px) {
  .br-sheet__handle {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3.4rem;
    border: 0;
    background: transparent;
    cursor: pointer;
  }
}
@media (max-width: 767px) {
  .br-sheet__handle span {
    width: 5rem;
    height: 0.5rem;
    border-radius: 0.4rem;
    background: rgba(10, 28, 32, 0.18);
  }
}
@media (max-width: 767px) {
  .br-sheet__head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    padding: 0 2rem 1.2rem;
  }
}
@media (max-width: 767px) {
  .br-sheet__head b {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 1.8rem;
    font-weight: 700;
    color: #0a1c20;
  }
}
@media (max-width: 767px) {
  .br-sheet__head span {
    font-size: 1.25rem;
    color: #8a9aa5;
  }
}
@media (max-width: 767px) {
  .br-sheet__list {
    flex: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0 2rem 2.4rem;
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
  }
}
@media (max-width: 767px) {
  .br-sheet__list .br-row {
    min-height: 5.6rem;
    padding: 1.3rem 1.4rem;
    border-radius: 1.4rem;
    background: #f7f9fa;
    border-color: rgba(26, 32, 44, 0.06);
  }
}

@media (max-width: 767px) {
  .branches__head,
  .branches__search,
  .br-m__top {
    background: #fff;
    margin-inline: calc(50% - 50vw);
    padding-inline: calc(50vw - 50%);
    box-shadow: none;
  }
}
@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
  .br-g__body,
  .br-g__chev,
  .br-sheet,
  .br-m__seg button {
    transition: none !important;
  }
}
.br-m__online-text {
  min-width: 0;
}
.br-m__geo {
  padding: 0;
  border: 0;
  background: transparent;
  font: inherit;
  cursor: pointer;
}

@keyframes lxTada {
  0% {
    transform: scale(1);
  }
  14% {
    transform: scale(0.96);
  }
  36% {
    transform: scale(1.09);
  }
  58% {
    transform: scale(1.02);
  }
  78% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
.footer__dev {
  opacity: 0.4;
  transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.footer__dev:hover {
  opacity: 1;
}
.footer__dev svg {
  transform-origin: 50% 50%;
}
@media (max-width: 1100px) {
  .footer__dev svg {
    width: 140px;
    height: 23px;
  }
}
@media (max-width: 767px) {
  .footer__dev svg {
    width: 112px;
    height: 18px;
  }
}
.footer__dev:hover svg {
  animation: lxTada 0.85s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}
@media (prefers-reduced-motion: reduce) {
  .footer__dev:hover svg {
    animation: none;
  }
}

.quick-start {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
.quick-start__media {
  position: absolute;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
}
.quick-start__video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  opacity: 0.55;
  filter: grayscale(0.3) brightness(0.7) contrast(0.95);
}
@media (max-width: 767px) {
  .quick-start__video {
    opacity: 0.4;
  }
}
@media (prefers-reduced-motion: reduce) {
  .quick-start__video {
    display: none;
  }
}
.quick-start__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #021014 0%, rgba(2, 16, 20, 0) 26%, rgba(2, 16, 20, 0) 74%, #021014 100%), linear-gradient(180deg, #021014 0%, rgba(2, 16, 20, 0.35) 34%, rgba(2, 16, 20, 0.6) 72%, #021014 100%), radial-gradient(120% 80% at 50% 40%, rgba(2, 16, 20, 0) 38%, rgba(2, 16, 20, 0.85) 100%);
}
.quick-start__container {
  position: relative;
  z-index: 1;
}
.quick-start__accent {
  color: #f59e0b;
}

.footer__bottom {
  flex-wrap: wrap;
  align-items: center;
}
.footer__dev {
  display: inline-flex;
  align-items: center;
}
.footer__dev svg {
  display: block;
}

/*# sourceMappingURL=style.css.map */

/* End */


/* Start:/local/templates/dosaaf8marta_2026/css/luxar_custom.css?179205438120579*/
input[name=website] {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

form[data-bx-form] .is-error {
  box-shadow: 0 0 0 2px #e94524 !important;
}

.instructors__grid {
  transition: opacity 0.2s ease;
}
.instructors__grid.is-loading {
  opacity: 0.5;
  pointer-events: none;
}

.instructors__progress.swiper-pagination {
  position: relative;
  top: auto !important;
  bottom: auto;
  margin: 2rem 0 2.4rem;
}

.branches__search.is-loading .site-search__icon {
  opacity: 0.4;
}

.branches__empty {
  margin: 1.2rem 0;
  padding: 1.6rem;
  border-radius: 1.2rem;
  background: #f4f6f8;
  color: #718096;
  font-size: 1.4rem;
  line-height: 1.4;
}
.branches__empty[hidden] {
  display: none;
}

.br-row[hidden],
.br-g[hidden] {
  display: none;
}

.site-search__voice {
  position: relative;
  border-radius: 50%;
  transition: background-color 0.2s ease;
}
.site-search__voice:hover {
  background-color: rgba(26, 77, 88, 0.08);
}
.site-search__voice.is-unsupported {
  visibility: hidden;
  pointer-events: none;
}
.site-search__voice.is-listening {
  background-color: rgba(233, 69, 36, 0.14);
}
.site-search__voice.is-listening::before {
  content: "";
  position: absolute;
  inset: -0.4rem;
  border: 2px solid #e94524;
  border-radius: 50%;
  animation: site-search-voice-pulse 1.2s ease-out infinite;
}
.site-search__voice.is-listening::after {
  content: "";
  position: absolute;
  top: 0.1rem;
  right: 0.1rem;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background: #e94524;
}

.site-search.is-listening {
  border-color: #e94524;
  box-shadow: 0 0 0 0.3rem rgba(233, 69, 36, 0.15);
}
.site-search.is-listening .site-search__input::placeholder {
  color: #e94524;
}

@keyframes site-search-voice-pulse {
  from {
    transform: scale(0.85);
    opacity: 1;
  }
  to {
    transform: scale(1.45);
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .site-search__voice.is-listening::before {
    animation: none;
  }
}
.certificate-section {
  padding: 1rem 0 7rem;
  background: #f7f8fa;
}
@media (max-width: 767px) {
  .certificate-section {
    padding: 0 0 3rem;
  }
}

.reviews .review-card__text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
}

.reviews .review-card__more {
  margin-top: 0.8rem;
  padding: 0;
  border: 0;
  background: none;
  color: #416aa4;
  font-size: 1.4rem;
  font-weight: 600;
  cursor: pointer;
}
.reviews .review-card__more:hover {
  text-decoration: underline;
}
.reviews .review-card__more[hidden] {
  display: none;
}

.review-popup {
  width: 56rem;
  max-width: 100%;
  padding: 0;
  background: none;
}
.review-popup .review-card {
  height: auto;
  opacity: 1;
  margin: 0;
}
.review-popup .review-card__text {
  display: block;
  -webkit-line-clamp: unset;
  overflow: visible;
  white-space: pre-line;
}

.fancybox--review .fancybox__content {
  padding: 0;
  border-radius: 1.6rem;
  background: transparent;
}

.ins-staff {
  padding-top: 4rem;
  padding-bottom: 6rem;
}
@media (max-width: 767px) {
  .ins-staff {
    padding-top: 2.4rem;
    padding-bottom: 4rem;
  }
}
.ins-staff .ins-card__badge--phone {
  text-decoration: none;
  white-space: nowrap;
}
.ins-staff .ins-card__badge--phone:hover {
  text-decoration: underline;
}
.ins-staff .ins-card__ph img {
  object-position: top;
}
.ins-staff .ins-card {
  cursor: pointer;
}
.ins-staff .ins-card__rev {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ins-staff .ins-card__car {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin-top: 0;
}
.ins-staff .ins-card__car a {
  color: #416aa4;
}

.ins-card__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.8rem;
  margin-top: auto;
  padding-top: 1rem;
}

.ins-card__more-btn--foot {
  margin-left: auto;
  padding: 0.8rem 1.4rem;
  border: 0;
  font-family: inherit;
  font-size: 1.25rem;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
  transition: filter 0.2s;
}
.ins-card__more-btn--foot:hover {
  filter: brightness(1.1);
}

.page-instructors .in-block {
  padding-bottom: 6rem;
  transition: opacity 0.2s;
}
.page-instructors .in-block.is-loading {
  opacity: 0.45;
  pointer-events: none;
}
@media (max-width: 767px) {
  .page-instructors .in-block {
    padding-bottom: 4rem;
  }
}
.page-instructors .in-reset {
  text-decoration: none;
}
.page-instructors .in-more {
  display: flex;
  justify-content: center;
  margin-top: 3rem;
}
.page-instructors .in-more__btn.is-loading {
  opacity: 0.6;
  pointer-events: none;
}
.page-instructors .ins-card__name {
  text-decoration: none;
}

.oc-sub__d {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.oc-gal-list {
  display: grid;
  gap: 5rem;
  padding-top: 4rem;
  padding-bottom: 6rem;
}
@media (max-width: 767px) {
  .oc-gal-list {
    gap: 3.2rem;
    padding-top: 2.4rem;
    padding-bottom: 4rem;
  }
}

.oc-gal {
  min-width: 0;
}

.oc-gal__title {
  margin: 0 0 1.6rem;
  color: #0a1c20;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.25;
}
@media (max-width: 767px) {
  .oc-gal__title {
    font-size: 1.8rem;
  }
}

.oc-gal__text {
  margin: 0 0 1.6rem;
  color: #4a5568;
  font-size: 1.5rem;
  line-height: 1.5;
}

.oc-gal__item {
  display: block;
  overflow: hidden;
  aspect-ratio: 3/2;
  border-radius: 1.6rem;
  background: #e2e8f0;
}
.oc-gal__item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.oc-gal__item:hover img {
  transform: scale(1.04);
}

.oc-gal__progress {
  position: relative;
  margin-top: 1.6rem;
}

.fancybox--staff .fancybox__content {
  padding: 0;
  border-radius: 2rem;
  background: #fff;
}

.fancybox--staff .f-button.is-close-btn {
  top: 1.2rem !important;
  right: 1.2rem !important;
  border-radius: 50%;
  background: rgba(10, 28, 32, 0.55);
  color: #fff;
  opacity: 1 !important;
}

.staff-popup {
  display: grid;
  grid-template-columns: 32rem minmax(0, 1fr);
  width: 86rem;
  max-width: 100%;
  overflow: hidden;
  border-radius: 2rem;
  background: #fff;
}
@media (max-width: 767px) {
  .staff-popup {
    grid-template-columns: 1fr;
    width: 100%;
  }
}

.staff-popup__ph {
  position: relative;
  min-height: 40rem;
  background: #eef1f3;
}
@media (max-width: 767px) {
  .staff-popup__ph {
    min-height: 0;
    aspect-ratio: 4/3;
    max-height: 36vh;
  }
}
.staff-popup__ph img {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.staff-popup__av {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #1a4d58, #0a1c20);
  color: #fff;
  font-size: 4.8rem;
  font-weight: 700;
}

.staff-popup__body {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  padding: 4rem 4rem 3.6rem;
}
@media (max-width: 767px) {
  .staff-popup__body {
    padding: 2.4rem 2rem 2.4rem;
  }
}

.staff-popup__post {
  color: #e31e24;
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.4;
  text-transform: uppercase;
}

.staff-popup__name {
  margin: 0;
  color: #0a1c20;
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .staff-popup__name {
    font-size: 2rem;
  }
}

.staff-popup__text {
  color: #4a5568;
  font-size: 1.5rem;
  line-height: 1.6;
}
.staff-popup__text a {
  color: #416aa4;
}

.staff-popup__call {
  align-self: flex-start;
  margin-top: 0.8rem;
}
@media (max-width: 767px) {
  .staff-popup__call {
    align-self: stretch;
    justify-content: center;
  }
}

.page-sveden .sv-block + .sv-block,
.page-sveden .sv-rich + .sv-block,
.page-sveden .sv-block + .sv-doclist,
.page-sveden .sv-block + .sv-docgroup,
.page-sveden .sv-doclist + .sv-block,
.page-sveden .sv-docgroup + .sv-block,
.page-sveden .sv-doclist + .sv-doclist,
.page-sveden .sv-doclist + .sv-docgroup,
.page-sveden .sv-docgroup + .sv-doclist,
.page-sveden .sv-rich + .sv-doclist,
.page-sveden .sv-rich + .sv-docgroup,
.page-sveden .sv-intro + .sv-block,
.page-sveden .sv-intro + .sv-doclist,
.page-sveden .sv-intro + .sv-docgroup {
  margin-top: 1.2rem;
}
.page-sveden .sv-block--person + .sv-block--person,
.page-sveden .sv-block--program + .sv-block--program {
  margin-top: 1rem;
}
.page-sveden .sv-block > .sv-subtitle:first-child {
  margin-top: 0.6rem;
}
.page-sveden .sv-body > .sv-block:first-child > .sv-subtitle:first-child {
  margin-top: 0;
}
.page-sveden .sv-block > .sv-note {
  margin-top: 0;
}
.page-sveden .sv-note .sv-doc--sm {
  margin-top: 0.8rem;
}
.page-sveden .sv-table td {
  overflow-wrap: anywhere;
}
.page-sveden .sv-tablewrap {
  scrollbar-width: auto;
  scrollbar-color: auto;
}
.page-sveden .sv-tablewrap::-webkit-scrollbar {
  display: block;
  height: 1rem;
}
.page-sveden .sv-tablewrap::-webkit-scrollbar-track {
  margin: 0 1.2rem;
  border-radius: 1rem;
  background: #eef2f4;
}
.page-sveden .sv-tablewrap::-webkit-scrollbar-thumb {
  border: 0.2rem solid #eef2f4;
  border-radius: 1rem;
  background: #1a4d58;
}
.page-sveden .sv-tablewrap::-webkit-scrollbar-thumb:hover {
  background: #12363e;
}
@supports not selector(::-webkit-scrollbar) {
  .page-sveden .sv-tablewrap {
    scrollbar-width: thin;
    scrollbar-color: #1a4d58 #eef2f4;
  }
}
.page-sveden .sv-staff th {
  white-space: normal;
  vertical-align: bottom;
}
.page-sveden .sv-staff .sv-cell-long {
  min-width: 34rem;
}
@media (max-width: 767px) {
  .page-sveden .sv-doc:not(.sv-doc--sm) {
    flex-wrap: wrap;
  }
  .page-sveden .sv-doc:not(.sv-doc--sm) .sv-doc__meta {
    flex-basis: 100%;
    margin-left: 4.3rem;
    white-space: normal;
  }
}
.page-sveden .sv-clamp {
  max-height: 105px;
  overflow: hidden;
}
.page-sveden .sv-clamp.is-clamped:not(.is-expanded) {
  -webkit-mask-image: linear-gradient(to bottom, #000 55%, transparent);
  mask-image: linear-gradient(to bottom, #000 55%, transparent);
}
.page-sveden .sv-clamp.is-expanded {
  max-height: none;
}
.page-sveden .sv-clamp__more {
  display: inline-block;
  margin-top: 0.4rem;
  padding: 0;
  border: 0;
  background: none;
  color: #1a4d58;
  font: inherit;
  font-size: 1.2rem;
  font-weight: 600;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 0.2rem;
}
.page-sveden .sv-prog__files {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-top: 1rem;
}

.page-articles a.pl-pill {
  text-decoration: none;
}
.page-articles .pl-main[data-articles] {
  transition: opacity 0.2s;
}
.page-articles .pl-main[data-articles].is-loading {
  opacity: 0.45;
  pointer-events: none;
}
.page-articles .pl-search input[type=search]::-webkit-search-cancel-button {
  filter: invert(1);
  cursor: pointer;
}

.page-faq .fq-search input[type=search]::-webkit-search-cancel-button {
  filter: invert(1);
  cursor: pointer;
}

.page-reviews .rv-txt:not(.clamp) {
  max-height: none;
}
.page-reviews .rv-dfill {
  display: block;
}
.page-reviews .rv-dr--empty {
  cursor: default;
}
.page-reviews .rv-dr--empty:hover .rv-dbar {
  opacity: 1;
}
.page-reviews .rv-dr.on .rv-dl,
.page-reviews .rv-dr.on .rv-dc {
  color: #1a4d58;
  font-weight: 700;
}
.page-reviews .rv-dr.on .rv-dbar {
  box-shadow: 0 0 0 0.2rem rgba(245, 158, 11, 0.35);
}
.page-reviews #rvBlock {
  transition: opacity 0.2s;
}
.page-reviews #rvBlock.is-loading {
  opacity: 0.45;
  pointer-events: none;
}

.page-instructor .p-vabout--text {
  grid-template-columns: 1fr;
}
.page-instructor .p-video {
  display: block;
  color: inherit;
}
.page-instructor .p-badge--female {
  border-color: rgba(245, 158, 11, 0.5);
  background: rgba(245, 158, 11, 0.16);
  color: #f59e0b;
}
.page-instructor .p-car + .p-car {
  margin-top: 0.4rem;
}
.page-instructor .p-carblk:not(:has(.p-carphoto)) {
  grid-template-columns: 1fr;
}
.page-instructor .p-plate[hidden],
.page-instructor .p-carinfo[hidden] {
  display: none;
}
.page-instructor .p-carslides {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.page-instructor .p-carslides:has(.p-carnav) .p-carinfo {
  flex: 1 1 auto;
  aspect-ratio: auto;
}
.page-instructor .p-carnav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.page-instructor .p-carnav__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.6rem;
  height: 3.6rem;
  padding: 0;
  border: 1px solid #e2e8f0;
  border-radius: 50%;
  background: #fff;
  color: #1a4d58;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s;
}
.page-instructor .p-carnav__btn svg {
  width: 1.8rem;
  height: 1.8rem;
}
.page-instructor .p-carnav__btn:hover {
  border-color: #1a4d58;
  background: #f1f6f7;
}
.page-instructor .p-carnav__dots {
  display: inline-flex;
  gap: 0.6rem;
}
.page-instructor .p-carnav__dot {
  width: 0.9rem;
  height: 0.9rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #cbd5e0;
  cursor: pointer;
}
.page-instructor .p-carnav__dot.is-active {
  background: #e31e24;
}

.lead-form__control--locked {
  cursor: default;
  opacity: 0.85;
}

.page-promotions .ak-card__footer > div:first-child {
  flex: 1 1 12rem;
  min-width: 0;
}

@media (max-width: 575px) {
  .page-promotions .ak-card__btns {
    flex: 1 1 100%;
  }
  .page-promotions .ak-card__btns .btn {
    flex: 1 1 0;
    min-width: 0;
    justify-content: center;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.ak-timer .ak-clock {
  width: 1.6rem;
  height: 1.6rem;
}

.ak-clock__m,
.ak-clock__h {
  transform-box: view-box;
  transform-origin: 12px 12px;
  animation: ak-clock-spin 4s linear infinite;
}

.ak-clock__h {
  animation-duration: 48s;
}

.ak-timer.is-over .ak-clock__m,
.ak-timer.is-over .ak-clock__h {
  animation: none;
}

@media (prefers-reduced-motion: reduce) {
  .ak-clock__m,
  .ak-clock__h {
    animation: none;
  }
}
@keyframes ak-clock-spin {
  to {
    transform: rotate(360deg);
  }
}
.page-promotions .ak-card__until {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.page-promotions .ak-timer {
  flex-wrap: wrap;
  gap: 0.25rem;
}
.page-promotions .ak-timer .ak-seg {
  font-variant-numeric: tabular-nums;
}

.page-promotion .pr-fmt {
  width: 100%;
  font: inherit;
  color: inherit;
  text-align: left;
}
.page-promotion .pr-fmt__n, .page-promotion .pr-fmt__t {
  display: block;
}

.page-promotion .pr-other.swiper {
  display: block;
}
.page-promotion .pr-other.swiper .swiper-slide {
  height: auto;
}

.pr-onav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-top: 1.6rem;
}
.pr-onav[hidden] {
  display: none;
}
.pr-onav__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.6rem;
  height: 3.6rem;
  padding: 0;
  border: 1px solid #e2e8f0;
  border-radius: 50%;
  background: #fff;
  color: #1a4d58;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s, opacity 0.15s;
}
.pr-onav__btn svg {
  width: 1.8rem;
  height: 1.8rem;
}
.pr-onav__btn:hover {
  border-color: #1a4d58;
  background: #f1f6f7;
}
.pr-onav__btn.swiper-button-disabled {
  opacity: 0.4;
  cursor: default;
}
.pr-onav__dots, .pr-onav .pr-onav__dots.swiper-pagination-bullets {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.6rem;
  width: auto;
}
.pr-onav__dot {
  width: 0.9rem;
  height: 0.9rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #cbd5e0;
  cursor: pointer;
}
.pr-onav__dot.is-active {
  background: #e31e24;
}

@media (min-width: 1101px) {
  .page-services .pl2-row {
    grid-template-columns: minmax(0, 1fr) 9rem 15rem 13rem max-content;
  }
}
.page-services .pl2-row__buy {
  white-space: nowrap;
}

.c-svc-part {
  display: contents;
}

body.is-svc-loading [data-svc-part] {
  opacity: 0.55;
  transition: opacity 0.15s;
}

.c-hero__desc p {
  margin: 0;
}

.c-desc {
  font-size: 1.4rem;
  line-height: 1.75;
  color: #4a5568;
}

.c-secsub p {
  margin: 0 0 0.8rem;
}
.c-secsub p:last-child {
  margin-bottom: 0;
}

textarea.lead-form__control {
  height: auto;
  min-height: 9rem;
  padding: 1.1rem 1.4rem;
  line-height: 1.5;
  resize: vertical;
}

.opd-page {
  padding-top: 4.8rem;
  padding-bottom: 6.4rem;
}
@media (max-width: 767px) {
  .opd-page {
    padding-top: 2.4rem;
    padding-bottom: 4rem;
  }
}

.opd-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.6rem;
}
@media (max-width: 767px) {
  .opd-links {
    grid-template-columns: 1fr;
  }
}

.opd-link {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  padding: 2.4rem;
  border: 1px solid #e7e9ee;
  border-radius: 1.6rem;
  background: #fff;
  color: #0a1c20;
  text-decoration: none;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.opd-link:hover {
  border-color: #e31e24;
  box-shadow: 0 0.6rem 2rem rgba(10, 28, 32, 0.08);
}
.opd-link__ic {
  flex: 0 0 4.8rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 1.2rem;
  background: #fff1f1;
  color: #e31e24;
}
.opd-link__ic svg {
  width: 2.4rem;
  height: 2.4rem;
}
.opd-link__t {
  flex: 1 1 auto;
  font-size: 1.7rem;
  font-weight: 600;
  line-height: 1.35;
}
.opd-link__s {
  display: block;
  margin-top: 0.4rem;
  font-size: 1.3rem;
  font-weight: 400;
  color: #718096;
}
.opd-link__arr {
  flex: 0 0 2rem;
  width: 2rem;
  height: 2rem;
  color: #e31e24;
}

.opd-doc {
  padding: 4rem 4.8rem;
  border: 1px solid #e7e9ee;
  border-radius: 1.6rem;
  background: #fff;
  font-size: 1.5rem;
  line-height: 1.7;
  color: #4a5568;
  overflow-wrap: anywhere;
}
@media (max-width: 767px) {
  .opd-doc {
    padding: 2.4rem 1.8rem;
    font-size: 1.4rem;
  }
}
.opd-doc p {
  margin: 0 0 1.4rem;
}
.opd-doc h2,
.opd-doc h3 {
  margin: 3.2rem 0 1.2rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
  color: #0a1c20;
}
.opd-doc h2:first-child,
.opd-doc h3:first-child {
  margin-top: 0;
}
.opd-doc h3 {
  font-size: 1.7rem;
}
.opd-doc b,
.opd-doc strong {
  color: #0a1c20;
}
.opd-doc a {
  color: #e31e24;
  text-decoration: underline;
  text-underline-offset: 0.2rem;
}
.opd-doc ul,
.opd-doc ol {
  margin: 0 0 1.4rem;
  padding-left: 2.2rem;
}
.opd-doc ul {
  list-style: disc;
}
.opd-doc ol {
  list-style: decimal;
}
.opd-doc li {
  margin-bottom: 0.6rem;
}
.opd-doc table {
  display: block;
  max-width: 100%;
  margin: 0 0 1.8rem;
  overflow-x: auto;
  border-collapse: collapse;
  font-size: 1.4rem;
}
.opd-doc td,
.opd-doc th {
  padding: 0.9rem 1.2rem;
  border: 1px solid #e7e9ee;
  vertical-align: top;
}
.opd-doc tr:first-child td,
.opd-doc th {
  background: #f7f8fa;
  font-weight: 600;
  color: #0a1c20;
}
.opd-doc > *:last-child {
  margin-bottom: 0;
}

.op-faq .faq,
.ct-faq .faq {
  padding: 2.4rem 0 0;
  background: transparent;
}
.op-faq .faq__container,
.ct-faq .faq__container {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

.captcha-hide {
  display: none;
}

.pay-status {
  max-width: 64rem;
  margin: 0 auto 4rem;
  background: #fff;
  border: 1px solid #e7e9ee;
  border-radius: 1.6rem;
  padding: 3.2rem 2.4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 1.2rem;
}
.pay-status__ico {
  width: 7.2rem;
  height: 7.2rem;
  border-radius: 50%;
  background: #eef1f4;
  color: #718096;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pay-status__ico svg {
  width: 3.2rem;
  height: 3.2rem;
}
.pay-status--paid .pay-status__ico {
  background: #eaf6ef;
  color: #1e9e5a;
}
.pay-status--pending .pay-status__ico, .pay-status--processing .pay-status__ico {
  background: #fff4e0;
  color: #c77700;
}
.pay-status--canceled .pay-status__ico {
  background: #fdecee;
  color: #c4131f;
}
.pay-status__title {
  font-family: "Roboto", sans-serif;
  font-size: 2.2rem;
  font-weight: 700;
  color: #0a1c20;
  letter-spacing: -0.02em;
}
.pay-status__text {
  font-size: 1.5rem;
  line-height: 1.6;
  color: #4a5568;
  max-width: 48rem;
}
.pay-status__btns {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  margin-top: 0.8rem;
}
.pay-status__help {
  font-size: 1.35rem;
  color: #718096;
  margin-top: 0.8rem;
}
.pay-status__help a {
  color: #0a1c20;
  font-weight: 600;
  white-space: nowrap;
}

/*# sourceMappingURL=luxar_custom.css.map */

/* End */
/* /local/templates/dosaaf8marta_2026/css/reset.css?17911253814540 */
/* /local/templates/dosaaf8marta_2026/js/swiper/swiper-bundle.min.css?179112538114609 */
/* /local/templates/dosaaf8marta_2026/js/fancybox/fancybox.css?179112538125343 */
/* /local/templates/dosaaf8marta_2026/css/style.css?1791256443285363 */
/* /local/templates/dosaaf8marta_2026/css/luxar_custom.css?179205438120579 */