

/* Start:/include/belfin/assets/main.css?179215165811802*/

.bfc-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}
.bfc-arrows{display:flex;gap:8px;flex:none}
.bfc-arrow{width:46px;height:46px;border-radius:50%;border:1px solid #D6D6D6;background:#FFFFFF;color:#101010;
     font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;
     transition:background .2s,color .2s,border-color .2s,opacity .2s}
.bfc-arrow:hover{background:#0066B3;border-color:#0066B3;color:#FFFFFF}
.bfc-arrow:disabled{opacity:.35;cursor:default;background:#FFFFFF;border-color:#D6D6D6;color:#101010}
.bfc-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 60px) / 4);gap:20px;
     overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;
     -webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.bfc-track::-webkit-scrollbar{display:none}
.bfc{position:relative;display:block;aspect-ratio:1/1.05;border-radius:6px;overflow:hidden;background:#E1DDD4;
     scroll-snap-align:start}
.bfc img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.bfc:hover img{transform:scale(1.05)}
.bfc::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,16,16,0) 40%,rgba(16,16,16,.78) 100%)}
.bfc__t{position:absolute;z-index:2;left:22px;right:22px;bottom:20px;display:flex;justify-content:space-between;
     align-items:flex-end;gap:12px;color:#FFFFFF;font-family:'Manrope',sans-serif;font-weight:700;font-size:19px;line-height:1.25}
.bfc__t i{flex:none;width:34px;height:34px;border-radius:50%;background:#FFFFFF;color:#101010;font-style:normal;
     font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}
.bfc:hover .bfc__t i{background:#0066B3;color:#FFFFFF}
/* 05.10.2026: сетка мелких плиток вместо карусели */
.bfc-track.bfc-grid{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(6,1fr);gap:16px;
     overflow:visible;scroll-snap-type:none}
.bfc-grid .bfc{aspect-ratio:1/1.08}
.bfc-grid .bfc__t{left:14px;right:14px;bottom:14px;font-size:15px;line-height:1.25;gap:8px}
.bfc-grid .bfc__t i{width:26px;height:26px;font-size:13px}
.bfc-grid .bfc--all{background:#0066B3}
.bfc-grid .bfc--all::after{display:none}
.bfc-grid .bfc--all .bfc__t{top:14px;align-items:flex-end;font-size:19px}
.bfc-grid .bfc--all:hover{background:#00579A}
.bfc-grid .bfc--all:hover .bfc__t i{background:#FFFFFF;color:#0066B3}
@media (max-width:1180px){ .bfc-track.bfc-grid{grid-template-columns:repeat(4,1fr)} }
@media (max-width:860px){ .bfc-track.bfc-grid{grid-template-columns:repeat(3,1fr);gap:12px} }
@media (max-width:640px){
  .bfc-track.bfc-grid{grid-template-columns:repeat(2,1fr);grid-auto-columns:auto;gap:10px}
  .bfc-grid .bfc{aspect-ratio:4/3}
  .bfc-grid .bfc__t{left:12px;right:12px;bottom:12px;font-size:14px}
  .bfc-grid .bfc__t i{display:none}
}

.bfs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.bfs{display:flex;gap:18px;align-items:flex-start;border-left:1px solid rgba(255,255,255,.28);padding-left:22px;color:#FFFFFF}
.bfs__ic{width:40px;height:40px;flex:none;display:block;color:#FFFFFF;opacity:.9;margin-top:6px}
.bfs__v{font-family:'Inter',sans-serif;font-weight:700;font-size:38px;line-height:1;color:#FFFFFF;letter-spacing:-.02em}
.bfs__v small{font-size:18px;font-weight:600;margin-left:4px}
.bfs__v small.pre{margin:0 5px 0 0}
.bfs__t{font-size:14px;color:rgba(255,255,255,.78);margin-top:8px;line-height:1.45}

.bfl,.bfl *{box-sizing:border-box}
.bfl{font-family:'Inter',Arial,sans-serif;font-size:15px;color:#101010;-webkit-font-smoothing:antialiased;line-height:normal}
.bfl img{max-width:100%}
.bfl a{text-decoration:none}
.bfl p{margin:0}
/* якоря кнопок баннера: не прятать начало блока под закреплённой шапкой (77 px) */
#zayavka,#raschet{scroll-margin-top:108px}
.bfl .bfl-slide__sub{margin:0 0 28px}
.bfl h1,.bfl h2{text-transform:none}
.bfl ::placeholder{color:#938D81}
.bfl details summary::-webkit-details-marker{display:none}
.bfl select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8'><path d='M1 1l5 5 5-5' stroke='%23938D81' stroke-width='1.6' fill='none' stroke-linecap='round'/></svg>");
       background-repeat:no-repeat;background-position:right 14px center;height:auto}
.bfl input,.bfl select{height:auto;box-shadow:none}
.bfl button{font-family:'Inter',Arial,sans-serif}

/* обрезка выступающего фона — на main, а не на body (иначе ломается sticky) */
main, .main{overflow-x:clip}
body{overflow-x:visible !important}
.main, .main > .container{padding-top:0 !important;padding-bottom:0 !important;margin-top:0 !important}
.main > .container{max-width:none !important;width:100% !important;padding-left:0 !important;padding-right:0 !important}

/* полосы фона во всю ширину экрана */
.bfl-sec{position:relative}
.bfl-sec::before{content:"";position:absolute;top:-1px;bottom:-1px;left:50%;transform:translateX(-50%);
     width:var(--bfl-vw,100vw);background:inherit;z-index:0}
.bfl-sec > *{position:relative;z-index:1}
.bfl-hero{width:var(--bfl-vw,100vw);margin-left:calc(50% - var(--bfl-vw,100vw) / 2)}
/* карусель */
/* контакты с картой */
.bfl-map{display:grid;grid-template-columns:340px 1fr;gap:24px;align-items:stretch}
.bfl-map__card{background:#F4F2ED;padding:28px 30px;align-self:start}
.bfl-map__row{margin-top:14px;font-size:14px;line-height:1.55;color:#101010}
.bfl-map__row:first-of-type{margin-top:0}
.bfl-map__row span{display:block;font-size:11.5px;letter-spacing:.6px;text-transform:uppercase;
                   color:#5C5748;margin-bottom:3px}
.bfl-map__frame{border:1px solid #E4E1DA;border-radius:6px;overflow:hidden;line-height:0}
.bfl-map__frame iframe{display:block;width:100%;border:0}

.bfl-hero{position:relative;background:#0E1116;overflow:hidden;touch-action:pan-y}
.bfl-slide{will-change:transform}
/* все слайды в одной ячейке сетки: высота баннера = самый высокий слайд, при листании ничего не прыгает */
.bfl-slides{position:relative;display:grid}
.bfl-slide{position:relative;grid-area:1 / 1;display:flex;align-items:center;min-height:600px;padding:156px 24px 110px;
           opacity:0;visibility:hidden;transition:opacity .55s ease}
.bfl-slide.is-active{opacity:1;visibility:visible;z-index:1}
.bfl-slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bfl-slide__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,10,14,.55) 0%,
                  rgba(8,10,14,0) 24%),linear-gradient(90deg,rgba(8,10,14,.92) 0%,
                  rgba(8,10,14,.8) 34%,rgba(8,10,14,.6) 64%,rgba(8,10,14,.5) 100%)}
.bfl-slide__in{position:relative;z-index:2}
.bfl-slide__eyebrow{font-size:12px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;
                    color:rgba(255,255,255,.75);margin-bottom:14px}
.bfl-slide__sub{font-size:16.5px;line-height:1.6;color:rgba(255,255,255,.88);margin:0 0 28px;max-width:640px}
.bfl-slide__btns{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.bfl-btn-ghost{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.55);
               padding:16px 26px;border-radius:4px;font-weight:700;font-size:15px;display:inline-block;
               transition:background-color .1s ease,border-color .1s ease}
.bfl-btn-ghost:hover{background:rgba(255,255,255,.22);color:#fff}
.bfl-arrow{position:absolute;top:calc(50% + 38px);transform:translateY(-50%);z-index:4;width:46px;height:46px;
           border-radius:50%;border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.1);
           color:#fff;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;
           justify-content:center;transition:background .2s}
.bfl-arrow:hover{background:rgba(255,255,255,.25)}
.bfl-arrow--prev{left:calc(50% - 700px)}
.bfl-arrow--next{right:calc(50% - 700px)}
.bfl-hero__nav{position:absolute;left:0;right:0;bottom:34px;z-index:4;display:flex;align-items:center;
               gap:16px;padding:0 24px}
.bfl-dots{display:flex;gap:7px;align-items:center}
.bfl-dot{width:9px;height:9px;padding:0;border:0;border-radius:5px;background:rgba(255,255,255,.45);
         cursor:pointer;transition:width .3s,background .3s}
.bfl-dot.is-active{width:28px;background:#fff}
.bfl-counter{color:rgba(255,255,255,.6);font-size:12.5px}
.bfl-counter b{color:#fff;font-weight:600}

@media (max-width:1500px){
  .bfl-arrow--prev{left:16px} .bfl-arrow--next{right:16px}
}

@media (max-width:1100px){
  .bfc-track{grid-auto-columns:calc((100% - 40px) / 3)}
  .bfs-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:860px){ .bfc-track{grid-auto-columns:calc((100% - 20px) / 2)} }
@media (max-width:1000px){
  .bfl-sec{padding-left:20px !important;padding-right:20px !important;padding-top:52px !important;padding-bottom:52px !important}
  .bfl-h2{font-size:26px !important;line-height:1.2 !important}
  .bfl-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr)) !important}
}
@media (max-width:640px){

.bfc-track{grid-auto-columns:82%;gap:12px}
.bfc{aspect-ratio:4/3.4}
.bfc__t{font-size:17px;left:18px;right:18px;bottom:16px}
.bfc-arrows{display:none}

.bfs-grid{grid-template-columns:1fr;gap:22px}

  .bfl-sec,.bfl-foot-none{padding-left:16px !important;padding-right:16px !important;
                  padding-top:36px !important;padding-bottom:36px !important}
  .bfl-slide{min-height:0;padding:116px 16px 84px}
  .bfl-slide__title{font-size:28px !important;letter-spacing:-.6px !important}
  .bfl-slide__sub{font-size:15px}
  .bfl-slide__btns{flex-direction:column;align-items:stretch}
  .bfl-slide__btns a{text-align:center;width:100%}
  .bfl-arrow{top:auto;bottom:14px;transform:none;width:40px;height:40px;font-size:22px;z-index:5}
  .bfl-arrow--prev{left:auto;right:64px}
  .bfl-arrow--next{right:16px}
  .bfl-hero__nav{bottom:22px;padding:0 16px}
  .bfl-h2{font-size:23px !important;line-height:1.25 !important}
  .bfl-grid{grid-template-columns:1fr !important;gap:14px !important}
  .bfl-form-row{flex-direction:column !important}
  .bfl-form-row input{width:100% !important;flex:0 0 auto !important}
  .bfl-cta-form{width:100%}
  .bfl-cta-form .bfl-form-row button{width:100%}
  .bfl-map{grid-template-columns:1fr !important}
  .bfl-map__frame iframe{height:320px !important}
  .bfl-cmp-head{display:none !important}
  .bfl-cmp-row{grid-template-columns:1fr 1fr !important;gap:0 14px !important;padding:14px 16px !important}
  .bfl-cmp-row>div:nth-child(1){grid-column:1 / -1 !important;font-size:14.5px !important;
                                font-weight:600 !important;color:#101010 !important;margin-bottom:10px}
  .bfl-cmp-row>div:nth-child(2),
  .bfl-cmp-row>div:nth-child(3){font-size:14px !important;line-height:1.45 !important;
                                padding-top:18px;position:relative}
  .bfl-cmp-row>div:nth-child(3){padding-left:14px;border-left:1px solid #E4E1DA}
  .bfl-cmp-row>div:nth-child(2)::before,
  .bfl-cmp-row>div:nth-child(3)::before{position:absolute;top:0;left:0;font-size:10.5px;font-weight:600;
                                letter-spacing:0.8px;text-transform:uppercase;color:#5C5748}
  .bfl-cmp-row>div:nth-child(2)::before{content:"Лизинг"}
  .bfl-cmp-row>div:nth-child(3)::before{content:"Кредит";left:14px}

  .bfl-btn{width:100%;text-align:center}
  .bfl-slide__btns .bfl-btn{width:100%}
  .bfl-sec.bfl-sec--roomy{padding-left:28px !important;padding-right:28px !important}
}

/* End */
/* /include/belfin/assets/main.css?179215165811802 */
