/* Главная, ТЗ 21.10.2026: новые блоки поверх собранного CSS темы (72-home.css).
   Каталог рядами, промо РЭБ «Клеть», «Преимущества работы с Mobismart».
   Цвета и радиусы — переменные .msm-home из 72-home.css. */

/* Кнопки-<button> выглядят так же, как ссылки-кнопки главной */
.msm-home button.msm-home__btn{-webkit-appearance:none;appearance:none;margin:0;height:auto;font-family:inherit;line-height:1}

/* ---------- КАТАЛОГ РЯДАМИ ---------- */
/* «В корзину» на время запроса (класс ставит обработчик из footer.php) */
.msm-home .msm-home__btn.is-loading{opacity:.6;pointer-events:none;cursor:progress}
.msm-home-rows + .msm-home-rows{padding-top:clamp(6px,1vw,14px)}

/* ---------- РЭБ «КЛЕТЬ» ---------- */
.msm-home-klet{position:relative;display:grid;grid-template-columns:1fr;gap:clamp(22px,3vw,32px);align-items:center;
  border-radius:var(--r-3xl,22px);padding:clamp(22px,3.4vw,46px);color:#fff;overflow:hidden;
  background-color:#0D162D;background-image:linear-gradient(180deg,rgba(13,22,45,.93),rgba(13,22,45,.84)),var(--klet-bg);background-size:cover;background-position:62% center;background-repeat:no-repeat}
@media(min-width:1040px){
  .msm-home-klet{grid-template-columns:minmax(0,1.25fr) minmax(300px,.85fr);
    background-image:linear-gradient(90deg,rgba(13,22,45,.97) 0%,rgba(13,22,45,.9) 38%,rgba(13,22,45,.45) 66%,rgba(13,22,45,.62) 100%),var(--klet-bg)}
}
@media(min-width:1280px){
  .msm-home-klet{grid-template-columns:minmax(0,1.3fr) minmax(60px,.38fr) minmax(320px,.8fr);
    background-image:linear-gradient(90deg,rgba(13,22,45,.97) 0%,rgba(13,22,45,.88) 36%,rgba(13,22,45,.25) 58%,rgba(13,22,45,.35) 72%,rgba(13,22,45,.6) 100%),var(--klet-bg)}
  .msm-home-klet{background-size:auto 108%;background-position:85% 50%}
  .msm-home-klet__feats{grid-column:3}
}
.msm-home-klet__dealer{display:inline-flex;align-items:center;gap:9px;padding:8px 14px 8px 9px;border:1px solid rgba(255,255,255,.2);border-radius:12px;
  background:rgba(255,255,255,.05);font-size:14px;line-height:1.2;color:#E6EAF3}
.msm-home-klet__dealer b{color:#fff;font-weight:700}
.msm-home-klet__dealer-ic{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;background:var(--accent,#FFBD27);color:#1a1200}
.msm-home-klet__title{margin:clamp(16px,2vw,22px) 0 0;font-size:clamp(28px,3vw,44px);font-weight:700;letter-spacing:-.025em;line-height:1.06;color:#fff}
.msm-home-klet__accent{display:block;color:var(--accent,#FFBD27)}
.msm-home-klet__text{margin:clamp(12px,1.6vw,18px) 0 0;max-width:560px;color:#C3CADC;font-size:clamp(15px,1.2vw,16.5px);line-height:1.55}
.msm-home-klet__btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(18px,2.4vw,26px)}
.msm-home-klet__btns .msm-home__btn{padding:14px 22px;font-size:15px}
.msm-home-klet__btns .msm-home__btn--dark{background:rgba(13,22,45,.35)}
.msm-home-klet__feats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:10px}
@media(min-width:620px) and (max-width:1039px){.msm-home-klet__feats{grid-template-columns:1fr 1fr}}
.msm-home-klet__feat{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:14px;
  background:rgba(18,30,60,.78);border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.msm-home-klet__feat-ic{flex:none;display:flex;color:var(--accent,#FFBD27)}
.msm-home-klet__feat-body{display:flex;flex-direction:column;gap:3px;min-width:0}
.msm-home-klet__feat-k{color:var(--accent,#FFBD27);font-weight:700;font-size:16px;line-height:1.2}
.msm-home-klet__feat-v{color:#C3CADC;font-size:13.5px;line-height:1.35}

.msm-home-klet__head{margin-top:clamp(28px,3.4vw,44px)}
.msm-home-klet__grid{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:600px){.msm-home-klet__grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1040px){.msm-home-klet__grid{grid-template-columns:repeat(4,1fr)}}
.msm-home-kcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line,#EEF0F3);border-radius:var(--r-xl,16px);padding:14px;transition:.16s ease}
.msm-home-kcard:hover{border-color:var(--line-strong,#E2E4E9);box-shadow:0 14px 34px rgba(16,24,40,.09)}
.msm-home-kcard__media{display:block;aspect-ratio:4/3;border-radius:12px;background:var(--surface,#F7F8FA);padding:12px;overflow:hidden}
.msm-home-kcard__media img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.msm-home-kcard__body{display:flex;flex-direction:column;flex:1;padding:14px 4px 2px}
.msm-home-kcard__tag{align-self:flex-start;padding:5px 10px;border-radius:8px;background:var(--surface2,#EDEEF1);color:var(--body,#4A4F57);font-size:12.5px;font-weight:600;line-height:1.2}
.msm-home-kcard__name{display:block;margin:12px 0 6px;font-weight:700;font-size:17px;letter-spacing:-.01em;line-height:1.25;color:var(--ink,#16181D)}
.msm-home-kcard__name:hover{color:var(--accent-600,#F0AC0E)}
.msm-home-kcard__desc{margin:0;color:var(--muted,#676E7C);font-size:14px;line-height:1.45}
.msm-home-kcard__chips{list-style:none;margin:14px 0 16px;padding:0;display:flex;flex-wrap:wrap;gap:5px}
.msm-home-kcard__chips li{padding:5px 9px;border:1px solid var(--line-strong,#E2E4E9);border-radius:999px;font-size:12px;font-weight:600;color:var(--body,#4A4F57);line-height:1.2;white-space:nowrap}
.msm-home .msm-home-kcard__more{margin-top:auto}

/* ---------- ПРЕИМУЩЕСТВА ---------- */
.msm-home-adv__head{align-items:flex-start;flex-wrap:wrap}
.msm-home-adv__sub{margin:12px 0 0;max-width:640px;color:var(--muted,#676E7C);font-size:clamp(15px,1.25vw,17px);line-height:1.5}
.msm-home-adv__grid{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:640px){.msm-home-adv__grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1040px){.msm-home-adv__grid{grid-template-columns:repeat(3,1fr)}}
.msm-home-adv{background:#fff;border:1px solid var(--line,#EEF0F3);border-radius:var(--r-xl,16px);padding:clamp(20px,2.2vw,28px);transition:.16s ease}
.msm-home-adv:hover{border-color:var(--line-strong,#E2E4E9);box-shadow:0 12px 28px rgba(16,24,40,.07)}
.msm-home-adv__ic{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:16px;background:var(--accent-50,#FEF9EE);border:1px solid var(--accent-200,#FBE7BC);color:var(--accent-600,#F0AC0E)}
.msm-home-adv__title{margin:20px 0 8px;font-size:clamp(17px,1.4vw,19px);font-weight:700;letter-spacing:-.01em;line-height:1.25;color:var(--ink,#16181D)}
.msm-home-adv__text{margin:0;color:var(--muted,#676E7C);font-size:15px;line-height:1.55}