/* Start:/mekhanizatsiya/css/mekhanizatsiya.css?179146141518578*/
/* Mekhanizatsiya page — Дедал, стиль b2b 2026-06-02 */
.mek-wrap{font-family:'Open Sans',Arial,sans-serif;color:#2b1d2e;line-height:1.55;font-size:16px;max-width:1200px;margin:30px auto 60px;padding:0 20px;box-sizing:border-box}
.mek-wrap *,.mek-wrap *::before,.mek-wrap *::after{box-sizing:border-box}

/* HERO */
.mek-hero{background:#3A173F;border-radius:16px;overflow:hidden;display:grid;grid-template-columns:1.4fr 1fr;min-height:340px;color:#fff;margin-bottom:40px}
.mek-hero__img{background:#ded9d0 url('/mekhanizatsiya/img/hero_station.jpg') 25% 50%/cover no-repeat;position:relative;min-height:240px}
.mek-hero__content{padding:50px 50px 50px 40px;display:flex;flex-direction:column;justify-content:center}
.mek-hero__eyebrow{display:inline-block;background:rgba(255,255,255,.14);color:#fff;font-size:13px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;padding:5px 12px;border-radius:4px;margin-bottom:14px;width:fit-content}
.mek-hero__title{font-size:36px;font-weight:700;margin:0 0 14px;line-height:1.15}
.mek-hero__sub{font-size:18px;opacity:.92;margin:0 0 28px;max-width:480px}
.mek-hero__btns{display:flex;gap:12px;flex-wrap:wrap}

/* Кнопки (как в b2b) */
.mek-btn{display:inline-block;padding:14px 28px;border-radius:8px;font-weight:600;font-size:16px;text-decoration:none;text-align:center;transition:all .2s;border:none;cursor:pointer}
.mek-btn--primary{background:#FFB400;color:#2b1d2e}
.mek-btn--primary:hover{background:#e6a200;color:#2b1d2e}
.mek-btn--outline{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.7);padding:12px 26px}
.mek-btn--outline:hover{background:rgba(255,255,255,.15);border-color:#fff;color:#fff}

/* Полоса с ключевыми цифрами */
.mek-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin:0 0 50px;padding:26px 24px;background:#f8f4f8;border:1px solid #ebe2ec;border-radius:12px}
.mek-stat{text-align:center}
.mek-stat__num{font-size:32px;font-weight:800;color:#3A173F;line-height:1.1;margin-bottom:6px}
.mek-stat__num span{font-size:14px;font-weight:600;color:#6a5b6d;margin-left:4px;letter-spacing:.3px}
.mek-stat__label{font-size:13px;color:#6a5b6d;line-height:1.4}

/* Заголовки секций */
.mek-section{margin-bottom:50px;scroll-margin-top:80px}
.mek-section__head{margin-bottom:30px}
.mek-section-title,.mek-section__head h2{font-size:26px;font-weight:700;margin:0 0 10px;color:#2b1d2e}
.mek-section__head p{color:#6a5b6d;font-size:16px;max-width:820px;margin:0}

/* Сетка карточек (b2b-card-style) */
.mek-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:10px}
.mek-card{background:#fff;border:1px solid #ebe2ec;border-radius:12px;padding:32px 24px 26px;text-align:center;display:flex;flex-direction:column;align-items:center;transition:box-shadow .2s,transform .2s}
.mek-card:hover{box-shadow:0 8px 24px rgba(58,23,63,.12);transform:translateY(-2px)}
.mek-card__icon{width:88px;height:88px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.mek-card__icon svg{width:72px;height:72px;stroke:#3A173F;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.mek-card__title{font-size:18px;font-weight:700;color:#2b1d2e;margin:0 0 12px}
.mek-card__text{font-size:14px;color:#6a5b6d;margin:0 0 0;flex:1}
.mek-card__text strong{color:#2b1d2e}
.mek-card__link{font-size:14px;color:#3A173F;text-decoration:none;border-bottom:1px solid rgba(58,23,63,.3);font-weight:500;margin-top:14px;display:inline-block}
.mek-card__link:hover{border-bottom-color:#3A173F}

/* Преимущества — компактная сетка с большой цифрой */
.mek-benefits{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.mek-benefit{background:#fff;border:1px solid #ebe2ec;border-radius:12px;padding:24px 20px;text-align:center;transition:box-shadow .2s,transform .2s}
.mek-benefit:hover{box-shadow:0 6px 20px rgba(58,23,63,.10);transform:translateY(-2px)}
.mek-benefit__num{font-size:36px;font-weight:800;color:#FFB400;line-height:1;margin-bottom:10px;letter-spacing:-.5px}
.mek-benefit__text{font-size:13.5px;color:#4a3c4d;line-height:1.45}

/* Кейсы */
.mek-cases-carousel{position:relative}
.mek-cases{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 2px 14px;scrollbar-width:thin}
.mek-cases::-webkit-scrollbar{height:8px}.mek-cases::-webkit-scrollbar-thumb{background:#d6c6d9;border-radius:4px}
.mek-cases>.mek-case{flex:0 0 clamp(258px,31%,340px);scroll-snap-align:start}
.mek-carousel-arrow{position:absolute;top:38%;transform:translateY(-50%);z-index:4;width:40px;height:40px;border-radius:50%;border:0;background:#fff;cursor:pointer;box-shadow:0 5px 20px rgba(34,34,34,.07);display:flex;align-items:center;justify-content:center;padding:0;transition:box-shadow .15s}
.mek-carousel-arrow:hover{box-shadow:0 6px 22px rgba(34,34,34,.14)}.mek-carousel-arrow--prev{left:-12px}.mek-carousel-arrow--next{right:-12px}
@media(max-width:560px){.mek-cases>.mek-case{flex-basis:80%}.mek-carousel-arrow{display:none}}
.mek-case{background:#fff;border:1px solid #ebe2ec;border-radius:12px;overflow:hidden;transition:box-shadow .2s,transform .2s;display:flex;flex-direction:column}
.mek-case:hover{box-shadow:0 8px 24px rgba(58,23,63,.12);transform:translateY(-2px)}
.mek-case__img{background:#f1e9f2;aspect-ratio:16/10;overflow:hidden}
.mek-case__img img{width:100%;height:100%;object-fit:cover;display:block}
.mek-case__body{padding:22px 24px 26px;flex:1;display:flex;flex-direction:column}
.mek-case__body h3{font-size:18px;font-weight:700;color:#2b1d2e;margin:0 0 8px}
.mek-case__body p{font-size:14px;color:#6a5b6d;margin:0;line-height:1.55}

/* Галерея склада */
.mek-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mek-gallery__item{margin:0;border-radius:10px;overflow:hidden;background:#f1e9f2;position:relative}
.mek-gallery__item--wide{grid-column:span 2}
.mek-gallery__item img{width:100%;height:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.mek-gallery__item figcaption{display:block;color:#2b1d2e;font-size:14px;padding:10px 14px 14px;font-weight:500;background:transparent}

/* Схема процесса */
.mek-scheme{margin-bottom:24px;background:#fff;border:1px solid #ebe2ec;border-radius:12px;padding:24px;text-align:center}
.mek-scheme img{max-width:100%;height:auto}
.mek-scheme__list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.mek-scheme__list li{background:#f8f4f8;border:1px solid #ebe2ec;padding:14px 16px;font-size:14px;color:#4a3c4d;border-radius:8px;line-height:1.5}
.mek-scheme__list li strong{display:block;color:#2b1d2e;font-size:13px;margin-bottom:4px;letter-spacing:.2px}

/* Партнёры */
.mek-partners{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:8px}
.mek-partner{background:#fff;border:1px solid #ebe2ec;border-radius:12px;padding:20px 16px 18px;text-align:center;transition:box-shadow .2s,transform .2s}
.mek-partner:hover{box-shadow:0 6px 20px rgba(58,23,63,.10);transform:translateY(-2px)}
.mek-partner__logo{height:80px;border:1px dashed #d3c3d6;border-radius:8px;background:#f8f4f8;display:flex;align-items:center;justify-content:center;margin-bottom:14px;position:relative}
.mek-partner__logo::after{content:attr(data-brand);color:#ad9fb0;font-size:13px;font-weight:600;letter-spacing:.5px}
.mek-partner__name{font-size:17px;font-weight:700;color:#3A173F;letter-spacing:.3px;margin-bottom:4px}
.mek-partner__country{font-size:12px;color:#96889a;text-transform:uppercase;letter-spacing:.5px}
@media(max-width:900px){.mek-partners{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.mek-partners{grid-template-columns:repeat(2,1fr)}}

/* Аренда — отдельный акцентный блок */
.mek-rent{background:#f7f7f7;color:#2b1d2e;border-left:4px solid #3A173F;border-radius:0;padding:22px 26px;display:grid;grid-template-columns:1.4fr 1fr;gap:36px;align-items:center;margin-bottom:50px}
.mek-rent__title{font-size:28px;font-weight:700;margin:0 0 14px;line-height:1.2;color:#3A173F}
.mek-rent__lead{font-size:16px;color:#6a5b6d;margin:0 0 22px;line-height:1.6}
.mek-rent__list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 24px;list-style:none;padding:0;margin:0 0 6px}
.mek-rent__list li{font-size:14.5px;color:#4a3c4d;position:relative;padding-left:22px}
.mek-rent__list li::before{content:"";position:absolute;left:0;top:5px;width:14px;height:14px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none"><path d="M3 8.5 L6.5 12 L13 4.5" stroke="%233A173F" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center/contain;}
.mek-rent__box{background:#f8f4f8;border:1px solid #ebe2ec;border-radius:12px;padding:28px 24px;text-align:center}
.mek-rent__box-num{font-size:54px;font-weight:800;color:#3A173F;line-height:1;margin-bottom:8px;letter-spacing:-1px}
.mek-rent__box-num span{font-size:18px;color:#6a5b6d;margin-left:6px;font-weight:600}
.mek-rent__box-label{font-size:14px;color:#6a5b6d;line-height:1.5;margin-bottom:22px}
.mek-rent__box .mek-btn{width:100%}

/* FAQ */
.mek-faq{margin-bottom:40px}
.mek-faq__item{background:#fff;border:1px solid #ebe2ec;border-radius:10px;margin-bottom:10px;overflow:hidden}
.mek-faq__item[open]{box-shadow:0 4px 14px rgba(58,23,63,.08)}
.mek-faq__q{padding:18px 24px;font-weight:600;font-size:16px;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;color:#2b1d2e}
.mek-faq__q::-webkit-details-marker{display:none}
.mek-faq__q::after{content:"";display:inline-block;width:12px;height:12px;border-right:2px solid #6a5b6d;border-bottom:2px solid #6a5b6d;transform:rotate(45deg);transition:transform .25s;margin-left:12px;flex-shrink:0}
.mek-faq__item[open] .mek-faq__q::after{transform:rotate(-135deg)}
.mek-faq__a{padding:0 24px 22px;color:#4a3c4d;font-size:15px;line-height:1.6}
.mek-faq__a ul{padding-left:22px;margin:8px 0}
.mek-faq__a li{margin-bottom:6px}

/* Контакты */
.mek-contact{background:#fff;border:1px solid #ebe2ec;border-radius:12px;padding:30px 32px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}
.mek-contact__title{font-size:20px;font-weight:700;margin:0 0 6px}
.mek-contact__addr{color:#6a5b6d;font-size:15px;margin-bottom:18px}
.mek-contact__rows{display:grid;grid-template-columns:auto 1fr;gap:6px 20px;font-size:15px}
.mek-contact__rows .k{color:#85768a}
.mek-contact__rows a{color:#3A173F;text-decoration:none;border-bottom:1px solid rgba(58,23,63,.25)}

/* Адаптив */
@media(max-width:1100px){
  .mek-stats{grid-template-columns:repeat(3,1fr)}
  .mek-benefits{grid-template-columns:repeat(3,1fr)}
  .mek-scheme__list{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
  .mek-hero{grid-template-columns:1fr}
  .mek-hero__img{min-height:200px;order:2}
  .mek-hero__content{padding:30px;order:1}
  .mek-hero__title{font-size:28px}
  .mek-grid,.mek-cases,.mek-partners,.mek-gallery{grid-template-columns:repeat(2,1fr)}
  .mek-gallery__item--wide{grid-column:span 2}
  .mek-rent{grid-template-columns:1fr;padding:34px 28px}
  .mek-rent__list{grid-template-columns:1fr}
  .mek-contact{grid-template-columns:1fr}
}
@media(max-width:560px){
  .mek-stats,.mek-benefits,.mek-grid,.mek-cases,.mek-partners,.mek-gallery,.mek-scheme__list{grid-template-columns:1fr}
  .mek-gallery__item--wide{grid-column:span 1}
  .mek-hero__title{font-size:24px}
  .mek-section-title,.mek-section__head h2{font-size:22px}
}


/* === Парк оборудования (transparent PNG, тёмно-синий фон под бренд) === */
.mek-gallery--equipment{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 2px 14px;scrollbar-width:thin}
.mek-gallery--equipment::-webkit-scrollbar{height:8px}.mek-gallery--equipment::-webkit-scrollbar-thumb{background:#d6c6d9;border-radius:4px}
.mek-gallery--equipment>.mek-gallery__item{flex:0 0 clamp(220px,30%,300px);scroll-snap-align:start}
@media(max-width:560px){.mek-gallery--equipment>.mek-gallery__item{flex-basis:78%}}
.mek-gallery--equipment .mek-gallery__item{background:#f8f4f8;border:1px solid #ebe2ec;border-radius:14px;overflow:hidden;display:block;padding:0;transition:box-shadow .2s,transform .2s}
.mek-gallery--equipment .mek-gallery__item:hover{box-shadow:0 8px 24px rgba(58,23,63,.10);transform:translateY(-2px)}
.mek-gallery--equipment .mek-gallery__item--hero{grid-column:span 3;min-height:0;background:linear-gradient(180deg,#f8f4f8 0%,#f1e9f2 100%);padding:0}
.mek-gallery--equipment .mek-gallery__item img{display:block;width:100%;height:240px;object-fit:contain;padding:24px 18px 8px;box-sizing:border-box;filter:drop-shadow(0 6px 18px rgba(58,23,63,.18))}
.mek-gallery--equipment .mek-gallery__item figcaption{display:block;color:#2b1d2e;font-size:13.5px;padding:0 14px 18px;font-weight:600;letter-spacing:.2px;text-align:center;background:transparent;border-top:1px solid #ebe2ec;padding-top:14px;margin:6px 0 0}
.mek-gallery--equipment .mek-gallery__item--hero figcaption{font-size:16px;padding:18px 22px 22px;color:#3A173F;margin-top:6px}
.mek-gallery--equipment .mek-gallery__item--hero img{height:340px;padding:32px 24px 12px}
@media(max-width:900px){.mek-gallery--equipment{grid-template-columns:repeat(2,1fr)}.mek-gallery--equipment .mek-gallery__item--hero{grid-column:span 2}}
@media(max-width:560px){.mek-gallery--equipment{grid-template-columns:1fr}.mek-gallery--equipment .mek-gallery__item--hero{grid-column:span 1}}


/* === Облегчённые текстовые секции (без grid/cards) === */
.mek-section--text{max-width:none}
.mek-section--text .mek-section__head p,.mek-section--text>p{max-width:none}
.mek-section--text h2{font-size:24px;font-weight:700;margin:0 0 14px;color:#2b1d2e}
.mek-section--text>p{font-size:16px;line-height:1.7;color:#4a3c4d;margin:0 0 14px}
.mek-section--text>p:last-child{margin-bottom:0}
.mek-section--text>p strong{color:#2b1d2e;font-weight:600}

/* === Лид-абзац под H2 секции === */
.mek-section__lead{font-size:15.5px;color:#6a5b6d;line-height:1.6;margin:0 0 24px;max-width:820px}

/* === Упрощённая сетка карточек (без иконок) === */
.mek-grid--simple .mek-card{padding:28px 22px 22px;text-align:center;align-items:center}
.mek-grid--simple .mek-card__title{font-size:17px;margin-bottom:8px}
.mek-grid--simple .mek-card__text{font-size:14.5px;line-height:1.55;margin-bottom:8px}

.mek-section--text.mek-section--narrow{max-width:820px;margin-left:auto;margin-right:auto}


/* === Центрирование раздела «Что предлагаем» === */



/* убрать тире-маркер у пунктов схемы (глобальный li:before) */
.mek-scheme__list li::before{content:none !important;display:none !important}
.mek-scheme__list li::marker{content:"" !important}

/* логотипы партнёров */
.mek-partner__logo--img{border-style:solid;border-color:#ebe2ec;background:#fff}
.mek-partner__logo--img::after{content:none}
.mek-partner__logo img{max-height:50px;max-width:88%;object-fit:contain;display:block}

/* кнопка открытия формы Битрикс24 — вид кнопки .mek-btn--primary */

.mek-b24{text-align:center;width:100%}
.mek-b24__btn{display:none;border:0;font-family:inherit;cursor:pointer}
.mek-b24.is-ready .mek-b24__btn{display:inline-flex;align-items:center;justify-content:center;width:auto;max-width:100%}
.mek-b24.is-ready .b24-form-click-btn-wrapper{display:none !important}


/* === 2026-10-08: баннер-hero + кнопки как на референсе, палитра #3A173F === */
.mek-hero--banner{display:block;position:relative;background:#f4f1ee;min-height:0;color:#2b1d2e;border-radius:16px;overflow:hidden}
.mek-hero__banner,.mek-hero__banner img{display:block;width:100%;height:auto}
.mek-hero--banner .mek-hero__text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.mek-hero--banner .mek-hero__btns{position:absolute;left:5.3%;top:81.5%;display:flex;gap:16px;flex-wrap:nowrap}

.mek-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:999px;padding:16px 32px;font-weight:700;line-height:1.2}
.mek-btn--primary{background:#3A173F;color:#fff;box-shadow:0 8px 20px rgba(58,23,63,.25)}
.mek-btn--primary:hover,.mek-btn--primary:focus{background:#55245c;color:#fff}
.mek-btn--outline{background:#fff;color:#3A173F;border:2px solid #3A173F;padding:14px 32px}
.mek-btn--outline:hover,.mek-btn--outline:focus{background:#3A173F;border-color:#3A173F;color:#fff}
.mek-btn__arrow{width:22px;height:22px;flex:0 0 22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.mek-btn:hover .mek-btn__arrow{transform:translateX(4px)}
.mek-b24.is-ready .mek-b24__btn{display:inline-flex}
.mek-rent__box .mek-btn{width:100%}

/* кнопки баннера: ширина = ширине жёлтой плашки (5.3%…49.5%), масштаб от ширины баннера */
@media(min-width:901px){
  .mek-hero--banner{container-type:inline-size}
  .mek-hero--banner .mek-hero__btns{width:44.2%;gap:1.2cqw;top:80%}
  .mek-hero--banner .mek-btn{flex:1.3 1 0;min-width:0;white-space:nowrap;font-size:13px;font-size:1.22cqw;padding:1.05cqw 1cqw;gap:.8cqw}
  .mek-hero--banner .mek-btn--outline{flex:1 1 0;padding:calc(1.05cqw - 2px) 1cqw}
  .mek-hero--banner .mek-btn__arrow{width:1.7cqw;height:1.7cqw;flex-basis:1.7cqw}
}
@media(max-width:900px){
  .mek-hero--banner{background:transparent;border-radius:12px;overflow:visible}
  .mek-hero__banner img{border-radius:12px}
  .mek-hero--banner .mek-hero__btns{position:static;margin-top:16px;flex-wrap:wrap}
  .mek-hero--banner .mek-btn{padding:14px 26px;font-size:16px}
  .mek-hero--banner .mek-btn--outline{padding:12px 26px}
}
@media(max-width:560px){.mek-hero--banner .mek-hero__btns .mek-btn{width:100%}}

/* кнопка Б24 в баннере */
.mek-hero__btns .mek-b24--hero{width:auto;text-align:left;display:flex}
.mek-hero__btns .mek-b24--hero .mek-b24__btn{width:100%}
@media(min-width:901px){.mek-hero--banner .mek-b24--hero{flex:1.3 1 0;min-width:0}.mek-hero--banner .mek-b24--hero .mek-btn{flex:1 1 auto}}
@media(max-width:560px){.mek-hero__btns .mek-b24--hero{width:100%}}

/* End */
/* /mekhanizatsiya/css/mekhanizatsiya.css?179146141518578 */