/* [MP_STIL_ACC 2026-10-21] вкладки «Модели линейки | Аксессуары» и бенто-сетка допов.
   Цвета — токены v3 (в тёмной теме их переопределяет dark-theme.css), акцент — фирменный зелёный #106855. */
.mp-stabs-head{max-width:none}
.mp-stabs{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin:0 0 .8rem}
.lines-sec-head .mp-stabs h2.mp-stabs__tab{margin:0}
.mp-stabs__tab{font-family:Montserrat,var(--l-font,sans-serif);font-size:clamp(1.45rem,3vw,2.15rem);font-weight:800;line-height:1.15;letter-spacing:-.015em;color:var(--l-ink,var(--ink,#121313))}
a.mp-stabs__tab{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:.45rem 1rem;border:1.5px solid #106855;border-radius:999px;
  font-size:clamp(.95rem,1.3vw,1.05rem);font-weight:700;letter-spacing:0;color:var(--l-ink,var(--ink,#121313));text-decoration:none;
  transition:background-color .2s ease,color .2s ease,border-color .2s ease}
a.mp-stabs__tab:hover,a.mp-stabs__tab:focus-visible{background:#106855;color:#fff}
a.mp-stabs__tab:focus-visible{outline:2px solid #106855;outline-offset:3px}
.mp-stabs__n{display:inline-grid;place-items:center;min-width:1.6em;height:1.6em;padding:0 .35em;border-radius:999px;background:#106855;color:#fff;font-size:.8em;font-weight:700}
a.mp-stabs__tab:hover .mp-stabs__n{background:#fff;color:#106855}
/* бенто */
.mp-bento{list-style:none;margin:0 0 2rem;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(150px,auto);grid-auto-flow:dense;gap:14px;font-family:Montserrat,var(--l-font,sans-serif)}
.mp-bento__cell{margin:0;padding:0;min-width:0}
.mp-bento__cell::before{content:none!important}
.mp-bento__cell--big{grid-column:span 2;grid-row:span 2}
.mp-bento__cell--mid{grid-column:span 2}
.mp-bento__tile{position:relative;display:flex;flex-direction:column;height:100%;padding:18px;border-radius:18px;border:1px solid var(--line,rgba(18,19,19,.12));
  background:var(--paper,#fff);color:var(--ink,#121313);text-decoration:none;overflow:hidden;transition:border-color .2s ease,transform .2s ease}
.mp-bento__tile:hover{border-color:#106855;transform:translateY(-2px)}
.mp-bento__tile:focus-visible{outline:2px solid #106855;outline-offset:3px}
.mp-bento__media{display:grid;place-items:center;flex:1 1 auto;min-height:56px;margin:-18px -18px 14px;padding:16px;background:var(--sand,#F3EEE6);border-bottom:1px solid var(--line,rgba(18,19,19,.08))}
.mp-bento__media svg{width:44px;height:44px;fill:none;stroke:#106855;stroke:color-mix(in srgb,#106855 62%,var(--ink,#121313));stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.mp-bento__cell--big .mp-bento__media svg{width:72px;height:72px}
.mp-bento__media img{width:100%;height:100%;object-fit:contain}
.mp-bento__cell--small .mp-bento__media,.mp-bento__cell--mid .mp-bento__media{flex:0 0 auto}
.mp-bento__body{display:flex;flex-direction:column;gap:6px}
.mp-bento__fit{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#106855;color:color-mix(in srgb,#106855 62%,var(--ink,#121313))}
.mp-bento__name{font-size:16px;font-weight:600;line-height:1.3;color:var(--ink,#121313)}
.mp-bento__cell--big .mp-bento__name{font-size:clamp(17px,1.6vw,20px)}
.mp-bento__price{font-size:18px;font-weight:800;color:var(--ink,#121313);font-variant-numeric:tabular-nums}
.mp-bento__price small{font-size:13px;font-weight:500;color:var(--ink-soft,#5b5f5d)}
@media (max-width:900px){.mp-bento{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .mp-bento__cell--big{grid-column:span 2;grid-row:span 1}
  .mp-bento__cell--mid,.mp-bento__cell--small{grid-column:span 1}
  .mp-bento__tile{padding:14px;border-radius:14px}.mp-bento__media{margin:-14px -14px 12px}
  .mp-bento__cell--big .mp-bento__media{min-height:110px}
  .mp-bento__name{font-size:15px}.mp-bento__price{font-size:16px}}
@media (prefers-reduced-motion:reduce){.mp-bento__tile,a.mp-stabs__tab{transition:none}.mp-bento__tile:hover{transform:none}}