/* ============================================================
   CHERNAMARS · MARKET — каталоги физических работ (/market, /market/catalogs, /market/item/…)
   Тот же язык, что у сайта: почти чёрный фон, красный сигнал, янтарь для статусов, три красные точки,
   моноширинные подписи. Страницы собирает netlify/edge-functions/market.js.
   ============================================================ */
:root{
  --void:#030102;--ink:#0a0304;--panel:#0d0405;--panel-2:#150608;--oxide:#3d080c;
  --signal:#ff2a1f;--hot:#ff4a3a;--ember:#ff7a63;--amber:#ffb02e;
  --bone:#f3e9e6;--text:#e6d7d3;--ash:#ad9795;--dim:#8d7775;
  --line:rgba(255,72,60,.16);--line-strong:rgba(255,72,60,.42);
  --f-ui:'Space Grotesk',-apple-system,'Segoe UI',system-ui,sans-serif;
  --f-mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;
  --f-disp:'Chakra Petch','Space Grotesk',sans-serif;
  --gut:clamp(16px,4vw,48px);--max:1320px;--r:2px;
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html.mk-lock{overflow:hidden}
body{margin:0;min-height:100vh;background:radial-gradient(120% 60% at 50% -10%,rgba(143,15,22,.22),transparent 60%),var(--void);color:var(--text);font:400 16px/1.6 var(--f-ui);overflow-x:hidden}
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 3px)}
img{max-width:100%;display:block}
a{color:inherit}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:2px solid var(--signal);outline-offset:2px}
.mk-sigil{width:1.1em;height:1.1em;flex:none;fill:var(--signal);filter:drop-shadow(0 0 6px rgba(255,42,31,.55))}
.mk-lock{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}

/* шапка */
.mk-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:clamp(10px,2.4vw,28px);padding:12px var(--gut);background:rgba(3,1,2,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.mk-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--f-disp);font-weight:600;font-size:15px;letter-spacing:.22em;color:var(--bone);white-space:nowrap}
.mk-brand .mk-sigil{width:22px;height:22px}
.mk-nav{display:flex;gap:clamp(10px,2vw,24px);flex:1;min-width:0;overflow:hidden}
.mk-nav a{font-family:var(--f-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;color:var(--ash);white-space:nowrap;padding:6px 0;border-bottom:1px solid transparent}
.mk-nav a:hover,.mk-nav a[aria-current]{color:var(--bone);border-bottom-color:var(--signal)}
.mk-lang{display:flex;border:1px solid var(--line-strong)}
.mk-lang a{padding:5px 8px;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.12em;text-decoration:none;color:var(--dim)}
.mk-lang a.on{color:#fff;background:rgba(255,42,31,.22)}
.mk-lang a:hover{color:var(--bone)}

.mk-main{position:relative;z-index:1;max-width:var(--max);margin:0 auto;padding:0 var(--gut) 60px}
.mk-kicker{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-family:var(--f-mono);font-size:11px;letter-spacing:.26em;color:var(--hot);text-transform:uppercase}
.mk-crumbs{display:flex;flex-wrap:wrap;gap:8px;padding:18px 0 0;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.14em;color:var(--dim);text-transform:uppercase}
.mk-crumbs a{text-decoration:none;color:var(--ash)}.mk-crumbs a:hover{color:var(--hot)}
.mk-crumbs i{font-style:normal;opacity:.5}

/* вступление */
.mk-hero{padding:clamp(40px,8vw,96px) 0 clamp(26px,4vw,48px);border-bottom:1px solid var(--line)}
.mk-hero.sm{padding:clamp(26px,5vw,60px) 0 clamp(20px,3vw,32px)}
.mk-hero h1{margin:0;font-family:var(--f-disp);font-weight:600;font-size:clamp(42px,10vw,120px);line-height:.95;letter-spacing:.06em;color:var(--bone);text-transform:uppercase;overflow-wrap:anywhere}
.mk-hero.sm h1{font-size:clamp(32px,6vw,72px)}
.mk-lead{max-width:62ch;margin:18px 0 0;font-size:clamp(16px,1.8vw,19px);color:var(--text)}
.mk-hero-l{display:flex;flex-wrap:wrap;gap:12px 26px;margin:22px 0 0}
.mk-hero-l a{font-family:var(--f-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--hot);text-decoration:none;border-bottom:1px solid var(--line-strong);padding-bottom:3px}
.mk-hero-l a:hover{color:#fff;border-color:var(--signal)}
.mk-closed .mk-kicker{color:var(--amber)}

/* секции */
.mk-sec{padding:clamp(32px,5vw,64px) 0 0}
.mk-sec-h{display:flex;flex-wrap:wrap;align-items:flex-end;gap:6px 18px;margin-bottom:20px}
.mk-sec-h .mk-kicker{flex:1 1 100%;margin:0}
.mk-sec-h h2{margin:0;font-family:var(--f-disp);font-weight:500;font-size:clamp(24px,3.6vw,40px);letter-spacing:.06em;color:var(--bone);text-transform:uppercase}
.mk-more{margin-left:auto;font-family:var(--f-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--hot);text-decoration:none}
.mk-more:hover{color:#fff}
.mk-intro{max-width:72ch;margin:0 0 26px;font-size:clamp(15.5px,1.6vw,18px);color:var(--text)}
.mk-note{margin:14px 0 0;font-size:13.5px;color:var(--ash)}

/* карточки работ */
.mk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:clamp(14px,2vw,24px)}
.mk-card{position:relative;display:flex;flex-direction:column;text-decoration:none;border:1px solid var(--line);background:linear-gradient(180deg,rgba(21,6,8,.85),rgba(10,3,4,.9));transition:border-color .25s,transform .25s,box-shadow .25s;min-width:0}
.mk-card:hover{border-color:var(--line-strong);transform:translateY(-2px);box-shadow:0 18px 40px -22px rgba(255,42,31,.45)}
.mk-card-img{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:#070203}
.mk-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.mk-card:hover .mk-card-img img{transform:scale(1.04)}
.mk-card.is-sold .mk-card-img img{filter:grayscale(.6) brightness(.7)}
.mk-card-b{display:grid;gap:4px;padding:14px 14px 16px}
.mk-code{font-style:normal;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.18em;color:var(--hot)}
.mk-card-t{font-family:var(--f-disp);font-weight:500;font-size:19px;line-height:1.15;letter-spacing:.03em;color:var(--bone);overflow-wrap:anywhere}
.mk-card-s{font-size:13.5px;color:var(--ash)}
.mk-card-m{font-size:13px;line-height:1.45;color:var(--dim)}
.mk-tag{justify-self:start;display:inline-block;margin-top:2px;padding:3px 8px;border:1px solid var(--line-strong);font-family:var(--f-mono);font-size:10.5px;letter-spacing:.1em;color:var(--ember);text-transform:uppercase}
.mk-price{margin-top:6px;font-family:var(--f-mono);font-weight:500;font-size:16px;letter-spacing:.04em;color:var(--bone);white-space:nowrap}
.mk-price.req{font-size:13px;letter-spacing:.12em;color:var(--ash);text-transform:uppercase;white-space:normal}
.mk-badge{position:absolute;left:10px;top:10px;z-index:1;padding:4px 9px;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;background:rgba(3,1,2,.82);border:1px solid}
.mk-badge.res{color:var(--amber);border-color:rgba(255,176,46,.6)}
.mk-badge.sold{color:var(--hot);border-color:var(--line-strong)}

/* каталоги */
.mk-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:clamp(14px,2vw,24px)}
.mk-cat{display:flex;flex-direction:column;text-decoration:none;border:1px solid var(--line-strong);background:var(--panel);transition:border-color .25s,box-shadow .25s;min-width:0}
a.mk-cat:hover{border-color:var(--signal);box-shadow:0 0 40px -12px rgba(255,42,31,.5)}
.mk-cat-img{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#070203}
.mk-cat-img img{width:100%;height:100%;object-fit:cover}
.mk-cat-void{position:absolute;inset:0;background:radial-gradient(70% 70% at 50% 50%,rgba(61,8,12,.6),transparent 70%),repeating-linear-gradient(45deg,rgba(255,72,60,.06) 0 1px,transparent 1px 12px)}
.mk-cat-lock{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:8px;color:var(--ash);font-family:var(--f-mono);font-size:12px;letter-spacing:.3em;text-transform:uppercase}
.mk-cat-lock .mk-lock{width:30px;height:30px;color:var(--hot)}
.mk-cat-b{display:grid;gap:4px;padding:14px 16px 18px}
.mk-cat-b b{font-family:var(--f-disp);font-weight:500;font-size:22px;letter-spacing:.06em;color:var(--bone);text-transform:uppercase}
.mk-cat-b span{font-size:13.5px;color:var(--ash)}
.mk-cat.closed{opacity:.55;border-color:var(--line);filter:saturate(.6);cursor:not-allowed}

/* VOID на заказ */
.mk-comm-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:clamp(18px,3vw,40px);align-items:start;padding:clamp(18px,3vw,32px);border:1px solid var(--line-strong);background:linear-gradient(160deg,rgba(21,6,8,.9),rgba(5,2,3,.95))}
.mk-comm-i{display:grid;gap:12px;align-content:start}
.mk-comm-p{margin:0;font-family:var(--f-mono);font-size:clamp(15px,1.6vw,17px);color:var(--bone);letter-spacing:.02em}
.mk-comm-pr{margin:0;font-size:15px;color:var(--text)}
.mk-comm-i .mk-btn{justify-self:start}
.mk-viz{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mk-viz figure{position:relative;margin:0;aspect-ratio:4/3;overflow:hidden;background:#070203}
.mk-viz img{width:100%;height:100%;object-fit:cover}
.mk-viz figcaption{position:absolute;left:8px;bottom:8px;padding:3px 8px;font-family:var(--f-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--bone);background:rgba(3,1,2,.78);border:1px solid var(--line-strong)}

/* каталог */
.mk-catintro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(18px,3vw,40px);align-items:start;padding-top:clamp(20px,3vw,36px)}
.mk-catintro .mk-intro{margin:0;font-size:clamp(16px,1.8vw,20px);line-height:1.65}
.mk-studio{margin:0;border:1px solid var(--line)}
.mk-studio img{width:100%;aspect-ratio:3/4;object-fit:cover;filter:contrast(1.04)}
.mk-studio figcaption{padding:8px 10px;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.18em;color:var(--dim);text-transform:uppercase}

/* работа */
.mk-item{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:start;padding-top:clamp(18px,3vw,32px)}
.mk-item-i{display:grid;gap:14px;align-content:start}
.mk-item-i h1{margin:0;font-family:var(--f-disp);font-weight:600;font-size:clamp(30px,4.6vw,56px);line-height:1.02;letter-spacing:.04em;color:var(--bone);overflow-wrap:anywhere}
.mk-item-i .mk-kicker{margin:0}
.mk-sub{margin:-6px 0 0;font-size:18px;color:var(--ash)}
.mk-item-i p{margin:0}
.mk-dl{margin:0;display:grid;gap:6px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.mk-dl div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:baseline}
.mk-dl dt{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.18em;color:var(--dim);text-transform:uppercase}
.mk-dl dd{margin:0;font-size:15px;color:var(--text)}
.mk-desc{font-size:16.5px;line-height:1.7;color:var(--text)}
.mk-fragile{display:grid !important;grid-template-columns:26px minmax(0,1fr);gap:10px;align-items:start;padding:12px 14px;border:1px solid rgba(255,176,46,.5);background:rgba(255,176,46,.06);font-size:14px;line-height:1.5;color:#f1d9b0}
.mk-terms{margin:14px 0 0;padding-top:12px;border-top:1px solid rgba(233,221,214,.12);font-size:13px;line-height:1.55;color:rgba(233,221,214,.62)}
.mk-fragile b{display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--amber);color:var(--amber);font-family:var(--f-mono)}
.mk-buy{position:relative;display:grid;gap:14px;margin-top:4px;padding:18px;border:1px solid var(--line-strong);background:linear-gradient(180deg,rgba(21,6,8,.9),rgba(8,2,3,.95))}
.mk-buy .mk-badge{position:static;justify-self:start}
.mk-price.big{margin:0;font-size:clamp(28px,4vw,40px);font-family:var(--f-disp);font-weight:600;letter-spacing:.04em}
.mk-price.big.req{font-family:var(--f-mono);font-size:16px}
.mk-btns{display:flex;flex-wrap:wrap;gap:10px}
.mk-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 20px;border:1px solid var(--line-strong);font-family:var(--f-mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--bone);background:rgba(0,0,0,.35);transition:border-color .2s,background .2s,box-shadow .2s,color .2s}
.mk-btn:hover:not(:disabled){border-color:var(--signal);color:#fff}
.mk-btn.hot{border-color:var(--signal);background:rgba(255,42,31,.2);box-shadow:0 0 22px -6px rgba(255,42,31,.6)}
.mk-btn.hot:hover:not(:disabled){background:rgba(255,42,31,.34)}
.mk-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}
.mk-btns .mk-btn{flex:1 1 150px}
.mk-tg{display:inline-flex;align-items:center;gap:8px;justify-self:start;font-family:var(--f-mono);font-size:11.5px;letter-spacing:.08em;color:var(--ash);text-decoration:none}
.mk-tg svg{width:16px;height:16px;fill:currentColor;flex:none}
.mk-tg:hover{color:var(--hot)}

/* галерея */
.mk-gal{position:relative;min-width:0}
.mk-gal-track{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;border:1px solid var(--line);background:#050102;outline:none}
.mk-gal-track::-webkit-scrollbar{display:none}
/* кадр — обычный блок с заданной высотой: у картинки 100% считается от него (в grid высота «плыла», и во весь экран кадр вылезал за экран — виден был чёрный кусок) */
.mk-slide{flex:0 0 100%;margin:0;scroll-snap-align:center;display:block;position:relative;aspect-ratio:4/5;cursor:zoom-in;overflow:hidden}
.mk-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.mk-gal-nav{position:absolute;top:calc(50% - 60px);width:44px;height:64px;display:grid;place-items:center;font-size:30px;line-height:1;color:var(--bone);background:rgba(3,1,2,.6);border:1px solid var(--line-strong)}
.mk-gal-nav.l{left:8px}.mk-gal-nav.r{right:8px}
.mk-gal-nav:disabled{opacity:.25}
.mk-gal-nav:hover:not(:disabled){border-color:var(--signal)}
.mk-gal-dots{display:flex;gap:8px;margin-top:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.mk-gal-dots button{flex:none;width:64px;height:64px;padding:0;border:1px solid var(--line);opacity:.6;overflow:hidden;background:#050102}
.mk-gal-dots button img{width:100%;height:100%;object-fit:cover}
.mk-gal-dots button.on{opacity:1;border-color:var(--signal)}
.mk-gal-full{position:absolute;right:8px;top:8px;width:40px;height:40px;display:grid;place-items:center;background:rgba(3,1,2,.6);border:1px solid var(--line-strong)}
.mk-gal-full svg{width:20px;height:20px;fill:none;stroke:var(--bone);stroke-width:1.6}
.mk-gal.full{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;justify-content:center;padding:12px;background:rgba(2,0,1,.97)}
.mk-gal.full .mk-gal-track{flex:none;height:calc(100vh - 110px);height:calc(100dvh - 110px);border:0;background:none}
.mk-gal.full .mk-slide{aspect-ratio:auto;height:100%;min-height:0;cursor:zoom-out}
.mk-gal.full .mk-gal-nav{top:calc(50% - 32px)}
.mk-gal.full .mk-gal-dots{justify-content:center}

/* окно запроса */
.mk-modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:16px;background:rgba(3,1,2,.78);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);overflow-y:auto}
.mk-modal[hidden]{display:none}
.mk-form,.mk-done{position:relative;display:grid;gap:12px;width:min(100%,460px);padding:clamp(18px,4vw,28px);border:1px solid var(--line-strong);background:linear-gradient(180deg,#120507,#070203);box-shadow:0 40px 80px -30px #000}
.mk-form[hidden],.mk-done[hidden]{display:none}
.mk-form h2,.mk-done h2{margin:0;font-family:var(--f-disp);font-weight:500;font-size:24px;line-height:1.15;color:var(--bone);padding-right:36px}
.mk-mcode{margin:-6px 0 4px;font-family:var(--f-mono);font-size:11px;letter-spacing:.18em;color:var(--hot)}
.mk-mcode:empty{display:none}
.mk-form label{display:grid;gap:6px}
.mk-form label span{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.18em;color:var(--dim);text-transform:uppercase}
.mk-form input,.mk-form textarea{width:100%;padding:12px;border:1px solid var(--line);background:#0b0304;color:var(--bone);font:inherit;font-size:16px;border-radius:0;resize:vertical}
.mk-form input:focus,.mk-form textarea:focus{outline:none;border-color:var(--signal)}
.mk-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.mk-err{margin:0;min-height:1em;font-size:13.5px;color:var(--hot)}
.mk-err:empty{display:none}
.mk-fbtn{display:flex;flex-wrap:wrap;gap:10px}
.mk-fbtn .mk-btn{flex:1 1 140px}
.mk-x{position:absolute;right:10px;top:8px;width:36px;height:36px;font-size:26px;line-height:1;color:var(--ash)}
.mk-x:hover{color:#fff}
.mk-done{justify-items:center;text-align:center;padding:36px 24px}
.mk-done .mk-sigil{width:48px;height:48px}
.mk-done h2{padding:0}

/* подвал */
.mk-foot{position:relative;z-index:1;display:grid;gap:12px;justify-items:center;padding:36px var(--gut) 44px;border-top:1px solid var(--line);text-align:center;font-size:13px;color:var(--dim)}
.mk-foot p{margin:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}
.mk-foot-l a{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ash);text-decoration:none}
.mk-foot-l a:hover{color:var(--hot)}

/* вход в маркет: искусство / бренд / digital */
.mk-hub{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,24px)}
.mk-hub-t{display:flex;flex-direction:column;text-decoration:none;border:1px solid var(--line-strong);background:var(--panel);transition:border-color .25s,box-shadow .25s;min-width:0}
a.mk-hub-t:hover,a.mk-hub-t:focus-visible{border-color:var(--signal);box-shadow:0 0 40px -12px rgba(255,42,31,.5)}
.mk-hub-img{position:relative;display:grid;place-items:center;aspect-ratio:4/5;overflow:hidden;background:#070203}
.mk-hub-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
a.mk-hub-t:hover .mk-hub-img img{transform:scale(1.03)}
.mk-hub-img .mk-sigil{position:relative;width:28%;height:auto;fill:var(--signal);opacity:.85}
.mk-hub-img.dig .mk-cat-void{background:radial-gradient(60% 60% at 50% 50%,rgba(255,42,31,.18),transparent 70%),repeating-linear-gradient(0deg,rgba(255,72,60,.07) 0 1px,transparent 1px 6px)}
.mk-hub-t.closed{opacity:.6;border-color:var(--line);cursor:not-allowed}
.mk-hub-t.closed .mk-sigil{display:none}
.mk-hub-b{display:grid;gap:6px;padding:16px 18px 20px}
.mk-hub-b b{font-family:var(--f-disp);font-weight:500;font-size:clamp(24px,2.6vw,32px);letter-spacing:.06em;color:var(--bone);text-transform:uppercase}
.mk-hub-b span{font-size:14px;color:var(--ash)}
.mk-hub-b em{font-style:normal;font-family:var(--f-mono);font-size:11px;letter-spacing:.2em;color:var(--signal);text-transform:uppercase;margin-top:4px}
@media (max-width:760px){.mk-hub{grid-template-columns:1fr}.mk-hub-img{aspect-ratio:16/9}}

/* серии: история серии и ссылка на серию со страницы работы */
.mk-story{max-width:760px}
.mk-story h3{margin:28px 0 8px;font-family:var(--f-mono);font-weight:500;font-size:12px;letter-spacing:.26em;color:var(--hot);text-transform:uppercase}
.mk-story h3:first-child{margin-top:0}
.mk-story p{margin:0 0 14px;font-size:16.5px;line-height:1.7;color:var(--bone)}
.mk-story .mk-coda{margin-top:30px;font-family:var(--f-disp);font-weight:500;font-size:clamp(22px,3vw,30px);letter-spacing:.08em;text-transform:uppercase;color:var(--signal)}
.mk-sub-h{margin:34px 0 16px;font-family:var(--f-mono);font-weight:500;font-size:12px;letter-spacing:.26em;color:var(--ash);text-transform:uppercase}
.mk-item-i .mk-kicker{flex-wrap:wrap}
.mk-serlink{margin-left:auto;padding:3px 8px;border:1px solid var(--line-strong);color:var(--bone);text-decoration:none;letter-spacing:.2em;white-space:nowrap}
.mk-serlink:hover{border-color:var(--signal);color:var(--hot)}

@media (max-width:900px){
  .mk-item,.mk-catintro,.mk-comm-g{grid-template-columns:minmax(0,1fr)}
  .mk-nav-c{display:none}
}
@media (max-width:560px){
  .mk-top{flex-wrap:wrap;gap:8px 14px;padding:10px var(--gut)}
  .mk-brand{font-size:13px;letter-spacing:.18em}
  .mk-nav{order:3;flex:1 1 100%}
  .mk-lang{margin-left:auto}
  .mk-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .mk-card-b{padding:10px 10px 12px}
  .mk-card-t{font-size:16px}
  .mk-card-m{font-size:12px}
  .mk-price{font-size:14px}
  .mk-viz{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}
  .mk-gal-nav{width:36px;height:52px;font-size:24px}
  .mk-dl div{grid-template-columns:80px minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* контейнер CHERNAMARS в блоке покупки и страница /market/container */
.mk-ct{display:grid;gap:8px;margin:14px 0 4px;padding:12px 14px;border:1px solid rgba(255,72,60,.28);background:rgba(255,42,31,.04)}
.mk-ct-row{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:10px;align-items:start;cursor:pointer}
.mk-ct-row.req{cursor:default}
.mk-ct-row input{margin-top:3px;accent-color:#ff2a1f}
.mk-ct-row b{display:block;font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#f1e6df}
.mk-ct-row i{display:block;font-style:normal;font-size:13px;color:rgba(233,221,214,.62)}
.mk-ct-row em{font-style:normal;font-family:var(--f-mono);color:#f1e6df;white-space:nowrap}
.mk-ct-none{margin:0;font-size:13px;color:rgba(233,221,214,.7)}
.mk-ct-total{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin:4px 0 0;padding-top:8px;border-top:1px solid rgba(233,221,214,.12)}
.mk-ct-total span{font-family:var(--f-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(233,221,214,.6)}
.mk-ct-total b{font-family:var(--f-mono);font-size:20px;color:#fff}
.mk-ct-total i{font-style:normal;font-size:12px;color:rgba(233,221,214,.55)}
.mk-ct-d{margin:0;font-size:12.5px;line-height:1.5;color:rgba(233,221,214,.6)}
.mk-ct-l{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0;font-size:12.5px;color:rgba(233,221,214,.6)}
.mk-ct-l a{color:#ff6a5c}
.mk-ctp{display:grid;gap:22px;max-width:760px}
.mk-ctp-b h2{margin:0 0 8px;font-family:var(--f-mono);font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:#ff6a5c}
.mk-ctp-b p{margin:0;font-size:15px;line-height:1.65;color:rgba(233,221,214,.82)}
.mk-ctp-fig{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}
.mk-ctp-i{display:grid;gap:6px}.mk-ctp-i i{font-style:normal;font-family:var(--f-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:rgba(233,221,214,.6)}
.mk-ctp-fig img{width:100%;height:auto;display:block;border:1px solid rgba(233,221,214,.1)}
.mk-ctp-fig figcaption{grid-column:1/-1;font-size:12.5px;color:rgba(233,221,214,.55)}
@media (max-width:640px){.mk-ctp-fig{grid-template-columns:1fr}}
.mk-ct-img{display:block;margin:-2px 0 4px}.mk-ct-img img{display:block;width:100%;max-height:180px;object-fit:cover;border:1px solid rgba(233,221,214,.1)}