/* Компактные карточки и список раздела. Только внутри .mp-store .mp-cl. Шрифт основного текста не уменьшается ради плотности:
   плотность — за счёт фото 120 px сбоку вместо квадрата сверху, отступов 12–16 px, одной кнопки, параметров отдельной строкой
   и фильтров одной строкой выпадающих кнопок. Зоны нажатия на телефоне — 44 px. */
.mp-store .mp-cl { display:flex; flex-direction:column; gap:.75rem; }
.mp-store .mp-cl-head { display:flex; flex-wrap:wrap; align-items:baseline; gap:.25rem 1.25rem; }
.mp-store .mp-cl-head h1 { margin:0; font-size:clamp(1.6rem,3vw,2.25rem); }
.mp-store .mp-cl-head p { margin:0; color:var(--mp-muted); font-size:.95rem; }
.mp-store .mp-cl-subs { display:flex; flex-wrap:wrap; gap:.4rem; }
.mp-store .mp-cl-subs a { display:inline-flex; align-items:center; min-height:36px; padding:.3rem .8rem; border:1px solid var(--mp-line); border-radius:999px; background:#fff; font-size:.92rem; }
.mp-store .mp-cl-bar { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:.5rem; }
.mp-store .mp-cl-bar input, .mp-store .mp-cl-bar select { width:100%; min-height:44px; padding:.55rem .75rem; border:1px solid var(--mp-line); border-radius:.6rem; font:inherit; background:#fff; }

/* строка инструментов: быстрые фильтры (выпадающие), найдено, вид */
.mp-store .mp-cl-tools { display:flex; flex-wrap:wrap; align-items:center; gap:.5rem; }
.mp-store .mp-cl-facets { display:flex; flex-wrap:wrap; gap:.4rem; flex:1 1 auto; min-width:0; }
.mp-store .mp-cl-facet { position:relative; }
.mp-store .mp-cl-facet > summary { list-style:none; display:inline-flex; align-items:center; gap:.35rem; min-height:44px; padding:.45rem .8rem; border:1px solid #c5cfdb; border-radius:.6rem; background:#fff; cursor:pointer; font-size:.95rem; white-space:nowrap; }
.mp-store .mp-cl-facet > summary::-webkit-details-marker { display:none; }
.mp-store .mp-cl-facet > summary::after { content:""; width:.45rem; height:.45rem; margin-left:.15rem; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:translateY(-2px) rotate(45deg); opacity:.6; }
.mp-store .mp-cl-facet[open] > summary::after { transform:translateY(2px) rotate(-135deg); }
.mp-store .mp-cl-facet > summary:hover, .mp-store .mp-cl-facet[open] > summary { border-color:var(--mp-blue); }
.mp-store .mp-cl-facet.is-on > summary { background:#e8f0fd; border-color:var(--mp-blue); color:#0d3f91; }
.mp-store .mp-cl-pop { position:absolute; z-index:30; top:calc(100% + .35rem); left:0; width:max-content; max-width:min(34rem,calc(100vw - 2rem)); display:flex; flex-wrap:wrap; gap:.35rem; padding:.7rem; background:#fff; border:1px solid var(--mp-line); border-radius:.75rem; box-shadow:0 12px 30px rgba(16,34,56,.16); }
.mp-store .mp-cl-chip { display:inline-flex; align-items:center; gap:.3rem; min-height:40px; padding:.25rem .75rem; border:1px solid #c5cfdb; border-radius:999px; background:#fff; font-size:.92rem; }
.mp-store .mp-cl-chip small { color:var(--mp-muted); font-size:.75rem; }
.mp-store .mp-cl-chip:hover { text-decoration:none; border-color:var(--mp-blue); }
.mp-store .mp-cl-chip.is-on { background:#e8f0fd; border-color:var(--mp-blue); color:#0d3f91; font-weight:650; }
.mp-store .mp-cl-chip.is-empty { opacity:.45; }
.mp-store .mp-cl-found { margin:0 0 0 auto; white-space:nowrap; }
.mp-store .mp-cl-active { margin:0; display:flex; flex-wrap:wrap; align-items:center; gap:.4rem; }
.mp-store .mp-cl-tag { padding:.15rem .55rem; border-radius:999px; background:#e8f0fd; color:#0d3f91; font-size:.85rem; }
.mp-store .mp-cl-reset { color:var(--mp-blue); font-weight:650; font-size:.9rem; }
.mp-store .mp-cl-views { display:inline-flex; border:1px solid var(--mp-line); border-radius:.6rem; overflow:hidden; background:#fff; }
.mp-store .mp-cl-views button { border:0; background:transparent; padding:.45rem 1rem; min-height:44px; font:inherit; font-size:.92rem; cursor:pointer; }
.mp-store .mp-cl-views button[aria-pressed="true"] { background:var(--mp-ink); color:#fff; }

/* общие элементы позиции */
.mp-store .mp-cl-c-photo { display:grid; place-items:center; border-radius:.5rem; background:#f5f7f9; overflow:hidden; }
.mp-store .mp-cl-c-photo img { width:100%; height:100%; object-fit:contain; display:block; }
.mp-store .mp-cl-nophoto { font-size:.72rem; color:var(--mp-muted); text-align:center; padding:.25rem; }
.mp-store .mp-cl-c-name { min-width:0; display:flex; flex-direction:column; gap:.2rem; }
.mp-store .mp-cl-title { font-weight:700; color:var(--mp-ink); line-height:1.3; overflow-wrap:anywhere; }
.mp-store .mp-cl-params { display:flex; flex-wrap:wrap; gap:.25rem; margin:0; padding:0; list-style:none; }
.mp-store .mp-cl-params li { padding:.1rem .5rem; border-radius:999px; background:#eef2f7; color:#2a3b52; font-size:.82rem; line-height:1.5; }
.mp-store .mp-cl-meta { color:var(--mp-muted); font-size:.78rem; line-height:1.35; overflow-wrap:anywhere; }
.mp-store .mp-cl-c-attr { font-variant-numeric:tabular-nums; font-size:.92rem; min-width:0; overflow-wrap:normal; display:none; }
.mp-store .mp-cl-c-attr.is-num { white-space:nowrap; }   /* без переноса внутри «250×190×100 мм»: ширина колонки — по самому длинному значению */
.mp-store .mp-cl-none { color:#9aa6b2; }
.mp-store .mp-cl-c-price { min-width:0; }
.mp-store .mp-cl-c-price b { font-size:1.1rem; font-variant-numeric:tabular-nums; white-space:nowrap; }
.mp-store .mp-cl-c-price small, .mp-store .mp-cl-muted { color:var(--mp-muted); font-size:.85rem; }
.mp-store .mp-cl-pnote { display:block; color:#7a5200; font-size:.82rem; line-height:1.3; }
/* предварительная цена: не жирная, с меткой, без суммы и без покупки */
.mp-store .mp-cl-prelim { display:inline-flex; flex-wrap:wrap; align-items:baseline; gap:.15rem .4rem; color:var(--mp-muted); }
.mp-store .mp-cl-prelim-label { font-size:.7rem; font-weight:700; letter-spacing:.03em; text-transform:uppercase; padding:.05rem .4rem; border-radius:.3rem; background:#f6edd8; color:#6b4a00; }
.mp-store .mp-cl-prelim-value { font-size:.95rem; font-variant-numeric:tabular-nums; white-space:nowrap; }
.mp-store .mp-cl-divider { padding:.6rem .8rem; background:#f7f2e6; color:#5a4410; font-size:.9rem; border-top:1px solid #edf0f3; }
.mp-store .mp-cl-pack-label { color:var(--mp-muted); }
.mp-store .mp-cl-step { display:block; color:var(--mp-muted); font-size:.8rem; }
.mp-store .mp-cl-c-pack { font-size:.85rem; }
.mp-store .mp-cl-c-buy { display:grid; grid-template-columns:142px minmax(96px,1fr) auto; align-items:center; gap:.5rem; }
.mp-store .mp-cl-qty { display:grid; grid-template-columns:40px minmax(0,1fr) auto 40px; border:1px solid #c5cfdb; border-radius:.55rem; overflow:hidden; background:#fff; height:42px; }
.mp-store .mp-cl-qty-unit { align-self:center; padding:0 .35rem 0 .1rem; color:var(--mp-muted); font-size:.82rem; white-space:nowrap; }
.mp-store .mp-cl-qty button { border:0; background:#f2f5f8; font-size:1.2rem; cursor:pointer; }
.mp-store .mp-cl-qty button:hover { background:#e4eaf1; }
.mp-store .mp-cl-qty input { width:100%; border:0; text-align:center; font:inherit; font-variant-numeric:tabular-nums; -moz-appearance:textfield; }
.mp-store .mp-cl-qty input::-webkit-outer-spin-button, .mp-store .mp-cl-qty input::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }
.mp-store .mp-cl-total { min-width:0; text-align:right; white-space:nowrap; }
.mp-store .mp-cl-total-label { color:var(--mp-muted); font-size:.82rem; }
.mp-store .mp-cl-sum { font-weight:700; font-variant-numeric:tabular-nums; }
.mp-store .mp-cl-add { min-height:42px; min-width:8.25rem; padding:.5rem .7rem; white-space:nowrap; }
.mp-store .mp-cl-c-buy > .mp-cl-add:only-child { grid-column:1/-1; justify-self:end; }
.mp-store .mp-cl-add.is-done { background:#1d7a46; }
.mp-store .mp-cl-note { margin:0; color:var(--mp-muted); font-size:.85rem; }
.mp-store .mp-cl-toast { position:fixed; z-index:1000001; right:1rem; bottom:1rem; max-width:min(420px,calc(100vw - 2rem)); padding:.9rem 1rem; border-radius:.8rem; background:var(--mp-ink); color:#fff; box-shadow:0 10px 30px rgba(16,34,56,.25); font-size:.92rem; line-height:1.4; }
.mp-store .mp-cl-toast b { color:#fff; }
.mp-store .mp-cl-toast .mp-cl-toast-actions { display:flex; gap:.5rem; margin-top:.55rem; }
.mp-store .mp-cl-toast button { border:1px solid rgba(255,255,255,.5); background:transparent; color:#fff; border-radius:.5rem; padding:.45rem .8rem; min-height:44px; font:inherit; cursor:pointer; }
.mp-store .mp-cl-toast button.is-main { background:#fff; color:var(--mp-ink); border-color:#fff; font-weight:700; }
.mp-store .mp-cl-toast.is-error { background:#8a1c1c; }

/* ===== список (таблица) ===== */
.mp-store .mp-cl:not(.is-cards) .mp-cl-list { --cl-cols:56px minmax(180px,1fr) 128px 112px 392px; display:flex; flex-direction:column; background:#fff; border:1px solid var(--mp-line); border-radius:.8rem; }
/* колонки характеристик — только с той ширины окна, где таблица помещается (класс cols-N ставит шаблон по самому длинному значению) */
@media (min-width:1320px) { .mp-store .mp-cl:not(.is-cards) .mp-cl-list.cols-1320 { --cl-cols:56px minmax(180px,1fr) var(--cl-attr-tpl) 128px 112px 392px; } .mp-store .mp-cl:not(.is-cards) .cols-1320 .mp-cl-c-attr { display:block; } }
@media (min-width:1440px) { .mp-store .mp-cl:not(.is-cards) .mp-cl-list.cols-1440 { --cl-cols:56px minmax(180px,1fr) var(--cl-attr-tpl) 128px 112px 392px; } .mp-store .mp-cl:not(.is-cards) .cols-1440 .mp-cl-c-attr { display:block; } }
@media (min-width:1600px) { .mp-store .mp-cl:not(.is-cards) .mp-cl-list.cols-1600 { --cl-cols:56px minmax(180px,1fr) var(--cl-attr-tpl) 128px 112px 392px; } .mp-store .mp-cl:not(.is-cards) .cols-1600 .mp-cl-c-attr { display:block; } }
@media (min-width:1800px) { .mp-store .mp-cl:not(.is-cards) .mp-cl-list.cols-1800 { --cl-cols:56px minmax(180px,1fr) var(--cl-attr-tpl) 128px 112px 392px; } .mp-store .mp-cl:not(.is-cards) .cols-1800 .mp-cl-c-attr { display:block; } }
.mp-store .mp-cl:not(.is-cards) .mp-cl-list.no-cols { --cl-cols:56px minmax(260px,1fr) 128px 112px 392px; }
.mp-store .mp-cl:not(.is-cards) .mp-cl-pack-label { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.mp-store .mp-cl:not(.is-cards) .mp-cl-total-label { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.mp-store .mp-cl:not(.is-cards) .mp-cl-row { display:grid; grid-template-columns:var(--cl-cols); align-items:center; gap:.5rem; padding:.55rem .8rem; border-top:1px solid #edf0f3; }
.mp-store .mp-cl:not(.is-cards) .mp-cl-row:first-child { border-top:0; }
.mp-store .mp-cl:not(.is-cards) .mp-cl-hrow { font-size:.8rem; white-space:nowrap; color:var(--mp-muted); font-weight:700; background:#f6f8fa; border-radius:.8rem .8rem 0 0; position:sticky; top:0; z-index:2; }
.mp-store .mp-cl:not(.is-cards) .mp-cl-c-photo { width:56px; height:56px; }
.mp-store .mp-cl:not(.is-cards) .mp-cl-hrow .mp-cl-c-photo { background:none; height:auto; }
.mp-store .mp-cl:not(.is-cards) .mp-cl-meta { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* ===== компактные карточки: плитка, фото 120 px сбоку (contain), цена, упаковка и сумма рядом с названием, количество и кнопка одной строкой ===== */
.mp-store .mp-cl.is-cards .mp-cl-list { display:grid; grid-template-columns:repeat(auto-fill,minmax(360px,1fr)); gap:.75rem; }
.mp-store .mp-cl.is-cards .mp-cl-hrow, .mp-store .mp-cl.is-cards .mp-cl-row.mp-cl-hrow { display:none; }
.mp-store .mp-cl.is-cards .mp-cl-divider { grid-column:1/-1; border:0; border-radius:.6rem; }
.mp-store .mp-cl.is-cards .mp-cl-row { display:grid; grid-template-columns:120px minmax(0,1fr) auto; grid-template-rows:auto auto auto auto 1fr auto; grid-template-areas:"photo name name" "photo price price" "photo pack pack" "photo total total" "photo . ." "qty qty add"; align-items:start; gap:.3rem .85rem; padding:.85rem; border:1px solid var(--mp-line); border-radius:.75rem; background:#fff; min-width:0; }
/* лишняя высота фото уходит в пустую гибкую строку, строки текста не раздвигаются */
.mp-store .mp-cl.is-cards .mp-cl-row:focus-within { border-color:var(--mp-blue); }
.mp-store .mp-cl.is-cards .mp-cl-c-photo { grid-area:photo; width:120px; height:120px; }
.mp-store .mp-cl.is-cards .mp-cl-c-name { grid-area:name; }
.mp-store .mp-cl.is-cards .mp-cl-c-attr { display:none; }
.mp-store .mp-cl.is-cards .mp-cl-meta { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mp-store .mp-cl.is-cards .mp-cl-c-price { grid-area:price; }
.mp-store .mp-cl.is-cards .mp-cl-c-pack { grid-area:pack; }
.mp-store .mp-cl.is-cards .mp-cl-c-pack:empty { display:none; }
.mp-store .mp-cl.is-cards .mp-cl-c-buy { display:contents; }
.mp-store .mp-cl.is-cards .mp-cl-total { grid-area:total; text-align:left; }
.mp-store .mp-cl.is-cards .mp-cl-qty { grid-area:qty; align-self:end; width:100%; max-width:168px; margin-top:.3rem; }
.mp-store .mp-cl.is-cards .mp-cl-add { grid-area:add; align-self:end; margin-top:.3rem; }
.mp-store .mp-cl.is-cards .mp-cl-c-buy > .mp-cl-add:only-child { grid-column:1/-1; grid-row:-2; justify-self:end; }

/* предварительная цена в таблице компьютера: метка и сумма без строки-пояснения (оно в подсказке метки и в примечании под списком) */
@media (min-width:821px) { .mp-store .mp-cl:not(.is-cards) .mp-cl-pnote { display:none; } }
/* телефон и узкий планшет */
@media (max-width:820px) {
  .mp-store .mp-cl-bar { grid-template-columns:minmax(0,1fr) auto; }
  .mp-store .mp-cl-bar .mp-cl-sort { grid-column:1/-1; grid-row:2; }
  .mp-store .mp-cl-facets { flex-basis:100%; }
  .mp-store .mp-cl-facet[open] { flex-basis:100%; }
  .mp-store .mp-cl-facet[open] > summary { width:100%; }
  .mp-store .mp-cl-pop { position:static; width:auto; max-width:none; margin-top:.35rem; box-shadow:none; }
  .mp-store .mp-cl-found { margin-left:0; }
  .mp-store .mp-cl-views { margin-left:auto; }
  .mp-store .mp-cl-chip { min-height:44px; }
  .mp-store .mp-cl-qty { grid-template-columns:44px minmax(0,1fr) auto 44px; height:46px; }
  .mp-store .mp-cl-add { min-height:46px; }
  .mp-store .mp-cl-toast { left:.75rem; right:.75rem; top:calc(.75rem + env(safe-area-inset-top,0px)); bottom:auto; max-width:none; }   /* сверху: внизу баннер cookie и панель браузера */
  /* список: фото 52 px; название; цена и сумма одной строкой; количество и кнопка одной строкой */
  .mp-store .mp-cl:not(.is-cards) .mp-cl-hrow { display:none; }
  .mp-store .mp-cl:not(.is-cards) .mp-cl-row { grid-template-columns:52px minmax(0,1fr) auto; grid-template-areas:"photo name name" "photo price total" "pack pack pack" "qty qty add"; align-items:start; gap:.3rem .7rem; padding:.65rem .75rem; }
  .mp-store .mp-cl:not(.is-cards) .mp-cl-c-photo { grid-area:photo; width:52px; height:52px; }
  .mp-store .mp-cl:not(.is-cards) .mp-cl-c-name { grid-area:name; }
  .mp-store .mp-cl:not(.is-cards) .mp-cl-c-price { grid-area:price; }
  .mp-store .mp-cl:not(.is-cards) .mp-cl-c-pack { grid-area:pack; font-size:.85rem; }
  .mp-store .mp-cl:not(.is-cards) .mp-cl-c-pack:empty { display:none; }
  .mp-store .mp-cl:not(.is-cards) .mp-cl-pack-label { position:static; width:auto; height:auto; overflow:visible; clip:auto; }
  .mp-store .mp-cl-step { display:inline; }
  .mp-store .mp-cl-step::before { content:"· "; }
  .mp-store .mp-cl:not(.is-cards) .mp-cl-c-buy { display:contents; }
  .mp-store .mp-cl:not(.is-cards) .mp-cl-total { grid-area:total; }
  .mp-store .mp-cl:not(.is-cards) .mp-cl-total-label { position:static; width:auto; height:auto; overflow:visible; clip:auto; display:block; line-height:1.2; }
  .mp-store .mp-cl:not(.is-cards) .mp-cl-qty { grid-area:qty; width:100%; max-width:168px; margin-top:.25rem; }
  .mp-store .mp-cl:not(.is-cards) .mp-cl-add { grid-area:add; margin-top:.25rem; }
  .mp-store .mp-cl:not(.is-cards) .mp-cl-c-buy > .mp-cl-add:only-child { grid-column:1/-1; justify-self:end; }
  .mp-store .mp-cl:not(.is-cards) .mp-cl-params { display:none; }
  .mp-store .mp-cl.is-cards .mp-cl-list { grid-template-columns:repeat(auto-fill,minmax(340px,1fr)); }
}
/* телефон: плитка в одну колонку, фото 96 px сбоку */
@media (max-width:600px) {
  .mp-store .mp-cl.is-cards .mp-cl-list { grid-template-columns:minmax(0,1fr); gap:.6rem; }
  .mp-store .mp-cl.is-cards .mp-cl-row { grid-template-columns:96px minmax(0,1fr) auto; gap:.3rem .75rem; padding:.75rem; }
  .mp-store .mp-cl.is-cards .mp-cl-c-photo { width:96px; height:96px; }
  .mp-store .mp-cl.is-cards .mp-cl-c-buy > .mp-cl-add:only-child, .mp-store .mp-cl:not(.is-cards) .mp-cl-c-buy > .mp-cl-add:only-child { justify-self:stretch; }
}
/* Выпуск S: группы «Скотч и клейкие ленты»; быстрый выбор — компактные строки «Намотка» и «Толщина»: стандартные значения, «Другие» (реальные
   значения каталога) и «Своя»; на телефоне подпись строки мелко сверху, кнопки в одну линию; запрос с сохранёнными параметрами */
.mp-store .mp-cl-groups { display:flex; flex-wrap:wrap; align-items:center; gap:.4rem; }
.mp-store .mp-cl-group-root { font-weight:700; margin-right:.3rem; color:var(--mp-ink); }
.mp-store .mp-cl-group { display:inline-flex; align-items:center; min-height:40px; padding:.3rem .85rem; border:1px solid var(--mp-line); border-radius:999px; background:#fff; color:var(--mp-ink); }
.mp-store .mp-cl-group.is-on { background:var(--mp-ink); color:#fff; border-color:var(--mp-ink); }
.mp-store .mp-cl-group-short { display:none; }
.mp-store .mp-cl-quick { display:flex; flex-wrap:wrap; align-items:center; gap:.45rem 1.4rem; padding:.5rem .7rem; border:1px solid var(--mp-line); border-radius:.8rem; background:#fff; }
.mp-store .mp-cl-qrow { display:flex; flex-wrap:wrap; align-items:center; gap:.35rem; min-width:0; }
.mp-store .mp-cl-qrow:last-child { flex:1 1 auto; }
.mp-store .mp-cl-quick-title { font-weight:700; font-size:.92rem; margin-right:.15rem; white-space:nowrap; }
.mp-store .mp-cl-qchip, .mp-store .mp-cl-qmore > summary, .mp-store .mp-cl-own > summary { display:inline-flex; flex-direction:column; align-items:center; justify-content:center; min-width:3.1rem; min-height:44px; padding:.15rem .6rem; border:1px solid #c5cfdb; border-radius:.6rem; background:#fff; color:var(--mp-ink); line-height:1.15; white-space:nowrap; cursor:pointer; list-style:none; }
.mp-store .mp-cl-qmore > summary::-webkit-details-marker, .mp-store .mp-cl-own > summary::-webkit-details-marker { display:none; }
.mp-store .mp-cl-qchip b, .mp-store .mp-cl-qmore > summary b, .mp-store .mp-cl-own > summary b { font-weight:650; font-size:1rem; }
.mp-store .mp-cl-qchip small, .mp-store .mp-cl-qmore > summary small, .mp-store .mp-cl-own > summary small { color:var(--mp-muted); font-size:.68rem; }
.mp-store .mp-cl-qchip.is-order small { color:#7a5200; }
.mp-store .mp-cl-qmore > summary b::after { content:"\25BE"; margin-left:.25em; font-size:.8em; font-weight:400; color:var(--mp-muted); }
.mp-store .mp-cl-qmore[open] > summary b::after { content:"\25B4"; }
.mp-store .mp-cl-qchip:hover, .mp-store .mp-cl-qmore > summary:hover { text-decoration:none; border-color:var(--mp-blue); }
.mp-store .mp-cl-qchip.is-on, .mp-store .mp-cl-qmore.is-on > summary { background:#e8f0fd; border-color:var(--mp-blue); color:#0d3f91; }
.mp-store .mp-cl-qmore, .mp-store .mp-cl-own { position:relative; }
.mp-store .mp-cl-own > summary { border-style:dashed; border-color:var(--mp-blue); color:var(--mp-blue); }
.mp-store .mp-cl-own > summary small { color:var(--mp-blue); }
.mp-store .mp-cl-own-form { position:absolute; z-index:30; top:calc(100% + .35rem); left:0; display:flex; flex-wrap:wrap; align-items:flex-end; gap:.5rem; width:max-content; max-width:min(22rem,calc(100vw - 2rem)); padding:.7rem; background:#fff; border:1px solid var(--mp-line); border-radius:.75rem; box-shadow:0 12px 30px rgba(16,34,56,.16); }
.mp-store .mp-cl-own-form label { display:flex; flex-direction:column; gap:.25rem; font-weight:650; }
.mp-store .mp-cl-own-form input { width:9rem; min-height:44px; padding:.5rem .7rem; border:1px solid #c5cfdb; border-radius:.6rem; font:inherit; }
.mp-store .mp-cl-own-form .mp-button { min-height:44px; }
.mp-store .mp-cl-own-link { margin-left:auto; color:var(--mp-blue); font-weight:650; display:inline-flex; align-items:center; min-height:44px; white-space:nowrap; }
.mp-store .mp-cl-made { text-align:left; }
.mp-store .mp-cl-made .mp-button { margin:.3rem .4rem 0 0; }
@media (max-width:820px) {
  .mp-store .mp-cl-group { min-height:44px; }
  .mp-store .mp-cl-groups { flex-wrap:nowrap; overflow-x:auto; gap:.35rem; scrollbar-width:none; min-width:0; max-width:100%; }
  .mp-store .mp-cl-groups::-webkit-scrollbar { display:none; }
  .mp-store .mp-cl-groups > a { flex:none; }
  .mp-store .mp-cl-group { padding:.3rem .75rem; }
  .mp-store .mp-cl-group-root.has-short { display:inline-flex; align-items:center; min-height:44px; margin:0; padding:.3rem .75rem; border:1px solid var(--mp-line); border-radius:999px; background:#fff; font-weight:400; }
  .mp-store .mp-cl-group-root.has-short[aria-current="page"] { background:var(--mp-ink); color:#fff; border-color:var(--mp-ink); }
  .mp-store .mp-cl-group-root.has-short .mp-cl-group-full { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  .mp-store .mp-cl-group-root.has-short .mp-cl-group-short { display:inline; }
  .mp-store .mp-cl-quick { gap:.35rem; padding:.4rem .5rem .5rem; }
  .mp-store .mp-cl-qrow { flex-basis:100%; gap:.3rem; }
  .mp-store .mp-cl-quick-title { flex-basis:100%; margin:0; font-size:.72rem; font-weight:700; letter-spacing:.03em; text-transform:uppercase; color:var(--mp-muted); }
  .mp-store .mp-cl-qchip, .mp-store .mp-cl-qmore > summary, .mp-store .mp-cl-own > summary { min-width:2.6rem; padding:.15rem .38rem; }
  .mp-store .mp-cl-qchip b, .mp-store .mp-cl-qmore > summary b, .mp-store .mp-cl-own > summary b { font-size:.95rem; }
  .mp-store .mp-cl-qchip small, .mp-store .mp-cl-qmore > summary small, .mp-store .mp-cl-own > summary small { font-size:.62rem; letter-spacing:-.01em; }
  .mp-store .mp-cl-qmore > summary b::after { margin-left:.15em; }
  .mp-store .mp-cl-qrow { gap:.25rem; }
  .mp-store .mp-cl-own-link { min-height:44px; font-size:.95rem; }
  .mp-store .mp-cl-qmore[open], .mp-store .mp-cl-own[open] { flex-basis:100%; }
  .mp-store .mp-cl-qmore[open] > summary, .mp-store .mp-cl-own[open] > summary { display:inline-flex; }
  .mp-store .mp-cl-qmore .mp-cl-pop { position:static; width:auto; max-width:none; margin-top:.35rem; box-shadow:none; }
  .mp-store .mp-cl-own-form { position:static; width:auto; max-width:none; margin-top:.35rem; box-shadow:none; }
}
/* телефон: быстрый выбор без рамки и полей, кнопки намотки в одну строку от 360 px (на 320 px — в две) */
@media (max-width:520px) {
  .mp-store .mp-cl-quick { padding:0; border:0; border-radius:0; background:transparent; }
  .mp-store .mp-cl-qrow { gap:.18rem; }
  .mp-store .mp-cl-qchip, .mp-store .mp-cl-qmore > summary, .mp-store .mp-cl-own > summary { min-width:2.5rem; padding:.15rem .3rem; }
  .mp-store .mp-cl-qmore > summary b::after { margin-left:.1em; }
  .mp-store .mp-cl-qmore .mp-cl-pop, .mp-store .mp-cl-own-form { padding:.6rem; border:1px solid var(--mp-line); border-radius:.75rem; background:#fff; }
}
/* самый узкий телефон (320–360 px): число в поле количества остаётся видно, «Найдено» и вид — одной строкой */
@media (max-width:360px) {
  .mp-store .mp-cl-qty { grid-template-columns:40px minmax(2.2rem,1fr) auto 40px; }
  .mp-store .mp-cl-add { min-width:6.6rem; padding-inline:.5rem; }
  .mp-store .mp-cl-views button { padding-inline:.7rem; }
}
@media (max-width:340px) { .mp-store .mp-cl-own-link { font-size:.82rem; } }
/* Пакет KS: строка «Цвет» быстрого выбора (Прозрачный · Цветной · По цветам). Строка со ссылкой «Свои параметры» растягивается,
   цвет идёт отдельной строкой; на телефоне подпись «Цвет» стоит в одной линии с кнопками, чтобы список товаров не уезжал вниз */
.mp-store .mp-cl-qrow.has-link { flex:1 1 auto; }
@media (max-width:520px) { .mp-store .mp-cl-head-more { display:none; } }   /* телефон: строка под заголовком в одну линию, список начинается выше */
.mp-store .mp-cl-qrow-color { flex:0 0 100%; }
@media (max-width:820px) { .mp-store .mp-cl-qrow-color .mp-cl-quick-title { flex-basis:auto; margin-right:.2rem; } }
@media (max-width:360px) {
  .mp-store .mp-cl-qrow-color .mp-cl-qchip b, .mp-store .mp-cl-qrow-color .mp-cl-qmore > summary b { font-size:.84rem; }
  .mp-store .mp-cl-qrow-color .mp-cl-quick-title { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
}
/* Пакет V: вид и отбор. Поиск без сортировки в строке; «Все фильтры» — цвет, характеристики и сортировка: на компьютере в строке
   инструментов, на телефоне по кнопке. Колонка упаковки — только при подтверждённой упаковке. Шрифт и зоны нажатия не уменьшены. */
.mp-store .mp-cl-bar { grid-template-columns:minmax(0,1fr) auto; }
.mp-store .mp-cl-more { display:flex; flex-wrap:wrap; align-items:center; gap:.4rem .6rem; flex:1 1 auto; min-width:0; }
.mp-store .mp-cl-more .mp-cl-qrow-color { flex:0 0 auto; }
.mp-store .mp-cl-more .mp-cl-facets { flex:0 1 auto; }
.mp-store .mp-cl-sort select { min-height:44px; padding:.45rem .7rem; border:1px solid #c5cfdb; border-radius:.6rem; font:inherit; font-size:.95rem; background:#fff; }
.mp-store .mp-cl-more-toggle { display:none; }
.mp-store .mp-cl-found-m { display:none; font-weight:700; }
.mp-store .mp-cl:not(.is-cards) .mp-cl-list.no-pack { --cl-cols:56px minmax(180px,1fr) 128px 392px; }
.mp-store .mp-cl:not(.is-cards) .mp-cl-list.no-cols.no-pack { --cl-cols:56px minmax(260px,1fr) 128px 392px; }
@media (min-width:1320px) { .mp-store .mp-cl:not(.is-cards) .mp-cl-list.cols-1320.no-pack { --cl-cols:56px minmax(180px,1fr) var(--cl-attr-tpl) 128px 392px; } }
@media (min-width:1440px) { .mp-store .mp-cl:not(.is-cards) .mp-cl-list.cols-1440.no-pack { --cl-cols:56px minmax(180px,1fr) var(--cl-attr-tpl) 128px 392px; } }
@media (min-width:1600px) { .mp-store .mp-cl:not(.is-cards) .mp-cl-list.cols-1600.no-pack { --cl-cols:56px minmax(180px,1fr) var(--cl-attr-tpl) 128px 392px; } }
@media (min-width:1800px) { .mp-store .mp-cl:not(.is-cards) .mp-cl-list.cols-1800.no-pack { --cl-cols:56px minmax(180px,1fr) var(--cl-attr-tpl) 128px 392px; } }
.mp-store .mp-cl.is-cards .no-pack .mp-cl-row { grid-template-areas:"photo name name" "photo price price" "photo total total" "photo . ." "qty qty add"; grid-template-rows:auto auto auto 1fr auto; }
@media (max-width:820px) {
  .mp-store .mp-cl-more-toggle { display:inline-flex; align-items:center; gap:.4rem; min-height:44px; padding:.45rem .85rem; border:1px solid #c5cfdb; border-radius:.6rem; background:#fff; color:var(--mp-ink); font:inherit; font-size:.95rem; cursor:pointer; }
  .mp-store .mp-cl-more-toggle::after { content:""; width:.45rem; height:.45rem; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:translateY(-2px) rotate(45deg); opacity:.6; }
  .mp-store .mp-cl-more-toggle[aria-expanded="true"] { border-color:var(--mp-blue); background:#e8f0fd; }
  .mp-store .mp-cl-more-toggle[aria-expanded="true"]::after { transform:translateY(2px) rotate(-135deg); }
  .mp-store .mp-cl-more-n { display:inline-grid; place-items:center; min-width:1.35rem; height:1.35rem; padding:0 .3rem; border-radius:999px; background:var(--mp-blue); color:#fff; font-size:.78rem; font-weight:700; }
  .mp-store .mp-cl-more { order:5; flex-basis:100%; flex-direction:column; align-items:stretch; gap:.5rem; }
  .mp-store .mp-cl-more.is-static { order:0; flex-basis:auto; flex-direction:row; flex:1 1 9rem; }
  .mp-store .mp-cl.is-js .mp-cl-more:not(.is-open):not(.is-static) { display:none; }
  .mp-store .mp-cl-more .mp-cl-qrow-color { flex:0 0 auto; }
  .mp-store .mp-cl-sort, .mp-store .mp-cl-sort select { width:100%; }
  .mp-store .mp-cl-found { display:none; }   /* на телефоне число найденных — в строке выбранного: при выборе или поиске */
  .mp-store .mp-cl-found-m { display:inline; }
  .mp-store .mp-cl-views button { padding-inline:.8rem; }
  .mp-store .mp-cl:not(.is-cards) .no-pack .mp-cl-row { grid-template-areas:"photo name name" "photo price total" "qty qty add"; }
}
/* Пакет W: группы цвета скотча («Все · Прозрачный · Коричневый и цветной») и строка цветов внутри цветной группы.
   На телефоне группы — первая строка быстрого выбора, без подписи, чтобы три кнопки встали в одну линию от 390 px; на компьютере —
   в строке инструментов рядом с шириной и сортировкой. Разметка одна и та же, лишняя копия скрыта. Шрифт и зоны нажатия не уменьшены. */
.mp-store .mp-cl-quick .mp-cl-qrow-color { display:none; }
.mp-store .mp-cl-more .mp-cl-qrow-sub { flex:0 0 100%; order:10; padding-left:.6rem; border-left:3px solid #c5cfdb; }
.mp-store .mp-cl-qrow-color .mp-cl-qchip { min-width:3.2rem; }
@media (max-width:820px) {
  .mp-store .mp-cl-more .mp-cl-qrow-color { display:none; }
  .mp-store .mp-cl-quick .mp-cl-qrow-color { display:flex; flex-wrap:wrap; order:-2; }
  .mp-store .mp-cl-quick .mp-cl-qrow-sub { order:-1; padding-left:.5rem; border-left:3px solid #c5cfdb; }
  .mp-store .mp-cl-qrow-color .mp-cl-qchip, .mp-store .mp-cl-qrow-color .mp-cl-qmore > summary { min-height:44px; }
}
@media (max-width:520px) { .mp-store .mp-cl-quick .mp-cl-qrow-color .mp-cl-quick-title { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); } }