/* Midwood Kings — service pages, About, Contact, blog. Sizes are the 1536 px mock-ups' own pixels (tools/measure_mock.py services|about|contact|blog,
   локально/проверка/measure-pages.txt) as N * var(--s); phones below 900 px have their own sizes. */

/* Breadcrumbs band (U1, O1) */
.mk-crumbband { background: #F7F8FA; border-bottom: 1px solid #EEF1F4; }
.mk-crumbband .mk-crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: calc(12 * var(--s)); height: calc(52 * var(--s)); min-height: 36px; color: var(--muted); font-size: var(--t-xs); }
.mk-crumbs a:hover { color: var(--blue); }
.mk-crumbs strong { color: var(--ink); font-weight: 600; }
.mk-crumbs .is-blue { color: var(--blue); }

/* Page hero on a photo (U1 B, O1 B): 584 px band, navy fade on the left */
.mk-phero { position: relative; background: var(--hero-navy); color: var(--white); min-height: calc(584 * var(--s)); overflow: hidden; }
.mk-phero__photo { position: absolute; inset: 0; }
.mk-phero__photo img { width: 100%; height: 100%; object-fit: cover; object-position: 70% 55%; }
.mk-phero__photo::after { content: ''; position: absolute; inset: 0;
	background: linear-gradient(90deg, rgba(8, 31, 58, .97) 0%, rgba(8, 31, 58, .9) 30%, rgba(8, 31, 58, .55) 47%, rgba(8, 31, 58, 0) 62%); }
.mk-phero__in { position: relative; padding-top: calc(96 * var(--s)); padding-bottom: calc(104 * var(--s)); }
.mk-phero .mk-eyebrow { font-weight: 600; font-size: var(--t-xs); letter-spacing: .3em; margin: 0; }
.mk-phero__title { color: var(--white); font-size: var(--t-display); line-height: 1; margin-top: calc(22 * var(--s)); max-width: calc(800 * var(--s)); }
.mk-phero__lead { font-size: var(--t-xl); line-height: 1.52; max-width: calc(720 * var(--s)); margin-top: calc(18 * var(--s)); }
.mk-phero__btns { display: flex; flex-wrap: wrap; gap: calc(27 * var(--s)); margin-top: calc(32 * var(--s)); }
.mk-phero__btns .mk-btn { height: calc(74 * var(--s)); padding: 0 calc(40 * var(--s)); }
.mk-phero__btns .mk-btn--primary { font-weight: 600; font-size: var(--t-xl); }
.mk-phero__btns .mk-btn--ghost-light { font-size: var(--t-l); gap: calc(14 * var(--s)); }
.mk-phero__btns .mk-i { width: calc(34 * var(--s)); height: calc(34 * var(--s)); min-width: 20px; min-height: 20px; }
.mk-phero__note { margin-top: calc(14 * var(--s)); color: var(--on-dark); font-size: var(--t-s); }

/* White band under the service hero: chips, links to the other services */
.mk-sband { padding-top: calc(23 * var(--s)); padding-bottom: calc(26 * var(--s)); }
.mk-sband__chips { display: flex; flex-wrap: wrap; justify-content: space-between; gap: calc(16 * var(--s)); padding-bottom: calc(32 * var(--s)); border-bottom: 1px solid var(--line); }
.mk-sband__chips li { display: flex; align-items: center; justify-content: center; height: calc(60 * var(--s)); min-height: 40px; padding: 0 calc(33 * var(--s)); border: 2px solid var(--blue); border-radius: var(--r); color: var(--ink); font-size: var(--t-s); flex: 1 1 auto; }
.mk-sband__links { display: flex; flex-wrap: wrap; align-items: center; gap: calc(34 * var(--s)); padding-top: calc(22 * var(--s)); }
.mk-sband__links a { display: inline-flex; align-items: center; gap: calc(16 * var(--s)); color: var(--blue); font-weight: 600; font-size: var(--t-s); }
.mk-sband__links a + a { border-left: 1px solid var(--line); padding-left: calc(34 * var(--s)); }
.mk-sband__links .mk-i:first-child { width: calc(42 * var(--s)); height: calc(42 * var(--s)); min-width: 26px; min-height: 26px; }
.mk-sband__links .mk-i:last-child { width: calc(20 * var(--s)); height: calc(20 * var(--s)); min-width: 16px; transition: transform .2s; }
.mk-sband__links a:hover .mk-i:last-child { transform: translateX(3px); }

/* U2 A: what we install / repair */
.mk-what { background: var(--bg-cool); padding: calc(96 * var(--s)) 0 calc(110 * var(--s)); }
.mk-what__title { font-size: var(--t-h1); line-height: 1; }
.mk-what__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: calc(17 * var(--s)); margin-top: calc(34 * var(--s)); }
.mk-what__grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.mk-what__card { display: flex; flex-direction: column; background: var(--white); border: 1px solid var(--line); border-radius: var(--r); padding: calc(74 * var(--s)) calc(20 * var(--s)) calc(30 * var(--s)); min-height: calc(564 * var(--s)); }
.mk-what__card .mk-ill { color: var(--blue); width: calc(160 * var(--s)); height: auto; align-self: center; margin-top: calc(-10 * var(--s)); }
.mk-what__card h3 { font-size: var(--t-xl); font-weight: 600; letter-spacing: -.01em; line-height: 1.26; margin-top: calc(56 * var(--s)); }
.mk-what__card p { color: var(--muted); font-size: var(--t-m); line-height: 1.53; margin-top: calc(16 * var(--s)); }
.mk-what__card .mk-link { margin-top: auto; padding-top: calc(24 * var(--s)); font-size: var(--t-m); white-space: nowrap; gap: .3em; letter-spacing: -.01em; }
.mk-what__card--icon { min-height: 0; padding: calc(36 * var(--s)) calc(32 * var(--s)) calc(38 * var(--s)); }
.mk-what__card--icon > .mk-i { color: var(--blue); width: calc(56 * var(--s)); height: calc(56 * var(--s)); min-width: 36px; min-height: 36px; }
.mk-what__card--icon h3 { margin-top: calc(26 * var(--s)); }
.mk-what__brands { margin-top: calc(34 * var(--s)); color: var(--text); font-size: var(--t-m); line-height: 1.6; }
.mk-what__brands strong { color: var(--ink); font-weight: 600; }

/* U3 A: numbered steps on navy */
.mk-steps { background: var(--navy); color: var(--white); padding: calc(110 * var(--s)) 0; }
.mk-steps__eyebrow { color: #8FC1F2; font-size: var(--t-xs); letter-spacing: .25em; margin: 0; }
.mk-steps__title { color: var(--white); font-size: var(--t-h1); line-height: 1.05; margin-top: calc(20 * var(--s)); }
.mk-steps__list { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0 calc(20 * var(--s)); margin-top: calc(56 * var(--s)); padding: 0; list-style: none; }
.mk-steps__list--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.mk-steps__list li { position: relative; }
.mk-steps__list li:not(:last-child)::before { content: ''; position: absolute; top: calc(36 * var(--s)); left: calc(145 * var(--s)); right: calc(-93 * var(--s)); height: 2px; background: #8FC1F2; }
.mk-steps__n { display: grid; place-items: center; width: calc(72 * var(--s)); height: calc(72 * var(--s)); min-width: 40px; min-height: 40px; margin-left: calc(73 * var(--s)); border: 2px solid #8FC1F2; border-radius: 50%; font-weight: 600; font-size: var(--t-h4); }
.mk-steps__list h3 { color: var(--white); font-size: var(--t-xl); font-weight: 600; letter-spacing: -.01em; line-height: 1.25; margin-top: calc(30 * var(--s)); }
.mk-steps__list p { color: #DCE6F2; font-size: var(--t-m); line-height: 1.6; margin-top: calc(14 * var(--s)); }
.mk-steps__chips { display: flex; justify-content: center; gap: calc(20 * var(--s)); margin-top: calc(70 * var(--s)); }
.mk-steps__chips span { display: inline-flex; align-items: center; height: calc(48 * var(--s)); min-height: 36px; padding: 0 calc(30 * var(--s)); border: 1px solid rgba(255, 255, 255, .9); border-radius: 3px; font-weight: 600; font-size: var(--t-m); }
.mk-steps__cta { text-align: center; margin-top: calc(32 * var(--s)); }
.mk-steps__cta .mk-btn { width: calc(400 * var(--s)); height: calc(64 * var(--s)); font-size: var(--t-xl); }

/* U3p B: maintenance plans and the visit checklist */
.mk-plans { background: var(--bg-cool); padding: calc(90 * var(--s)) 0 calc(48 * var(--s)); }
.mk-plans__title { font-size: var(--t-h1); line-height: 1; }
.mk-plans__lead { color: var(--text); font-size: var(--t-l); margin-top: calc(14 * var(--s)); }
.mk-plans__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: calc(34 * var(--s)); background: var(--white); border: 1px solid var(--line); border-radius: 6px; }
.mk-plans__grid li { display: flex; flex-direction: column; padding: calc(38 * var(--s)) calc(40 * var(--s)) calc(38 * var(--s)); }
.mk-plans__grid li + li { border-left: 1px solid var(--line); }
.mk-plans__grid h3 { font-size: var(--t-xl); font-weight: 600; line-height: 1.2; }
.mk-plans__grid p { color: var(--text); font-size: var(--t-m); line-height: 1.6; margin-top: calc(14 * var(--s)); flex: 1; }
.mk-plans__grid .mk-btn { height: calc(52 * var(--s)); margin-top: calc(26 * var(--s)); font-size: var(--t-s); }
.mk-visit { background: var(--navy); color: var(--white); padding: calc(52 * var(--s)) 0 calc(62 * var(--s)); }
.mk-visit__title { color: var(--white); font-size: var(--t-h1); line-height: 1.05; }
.mk-visit__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: calc(22 * var(--s)) calc(18 * var(--s)); margin-top: calc(32 * var(--s)); }
.mk-visit__list li { display: flex; align-items: center; gap: calc(24 * var(--s)); font-size: var(--t-m); line-height: 1.4; }
.mk-visit__list .mk-i { width: calc(44 * var(--s)); height: calc(44 * var(--s)); min-width: 26px; min-height: 26px; }

/* U4 A: why choose us, numbers, three scenes */
.mk-why { padding: calc(96 * var(--s)) 0 calc(76 * var(--s)); }
.mk-why__title { font-size: var(--t-h1); line-height: 1; }
.mk-why__in { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: calc(30 * var(--s)); margin-top: calc(28 * var(--s)); }
.mk-why__list li { display: flex; align-items: center; gap: calc(20 * var(--s)); color: var(--text); font-size: var(--t-m); min-height: calc(64 * var(--s)); }
.mk-why__list .mk-i { color: var(--blue); width: calc(36 * var(--s)); height: calc(36 * var(--s)); min-width: 26px; min-height: 26px; }
.mk-why__nums { display: flex; margin: 0; }
.mk-why__nums div { padding: calc(20 * var(--s)) calc(26 * var(--s)); text-align: left; }
.mk-why__nums div + div { border-left: 1px solid var(--line); }
.mk-why__nums dt { color: var(--blue); font-weight: 700; letter-spacing: -.03em; font-size: var(--t-display); line-height: 1; }
.mk-why__nums dd { margin: calc(12 * var(--s)) 0 0; color: var(--text); font-size: var(--t-l); white-space: nowrap; }
.mk-why__scenes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: calc(22 * var(--s)); margin-top: calc(38 * var(--s)); }
.mk-why__scenes img { width: 100%; aspect-ratio: 480 / 295; object-fit: cover; border-radius: 2px; }
.mk-why__scenes figcaption { color: var(--text); font-size: var(--t-l); margin-top: calc(20 * var(--s)); }

/* U5 B: the form block */
.mk-lead { background: var(--bg-cool); padding: calc(56 * var(--s)) 0 calc(28 * var(--s)); }
.mk-lead__in { display: grid; grid-template-columns: minmax(0, 1fr) calc(760 * var(--s)); gap: calc(70 * var(--s)); align-items: start; }
.mk-lead__side { padding: calc(88 * var(--s)) 0 0 calc(10 * var(--s)); }
.mk-lead__title { font-size: var(--t-h1); letter-spacing: -.035em; line-height: 1.02; max-width: calc(470 * var(--s)); }
.mk-lead__text { color: var(--text); font-size: var(--t-l); line-height: 1.5; margin-top: calc(30 * var(--s)); max-width: calc(580 * var(--s)); }
.mk-lead__phone, .mk-lead__mail { display: flex; align-items: center; gap: calc(26 * var(--s)); margin-top: calc(78 * var(--s)); }
.mk-lead__phone .mk-i, .mk-lead__mail .mk-i { color: var(--blue); width: calc(52 * var(--s)); height: calc(52 * var(--s)); min-width: 30px; min-height: 30px; }
.mk-lead__phone a { color: var(--blue); font-weight: 600; font-size: var(--t-h2); }
.mk-lead__hours { color: var(--text); font-size: var(--t-l); line-height: 1.6; margin: calc(14 * var(--s)) 0 0 calc(78 * var(--s)); }
.mk-lead__mail { margin-top: calc(44 * var(--s)); }
.mk-lead__mail a { color: var(--blue); font-weight: 600; font-size: var(--t-h4); }
.mk-lead__card { background: var(--white); border: 1px solid var(--line); border-radius: 6px; padding: calc(36 * var(--s)) calc(40 * var(--s)) calc(32 * var(--s)); }

/* Form controls (U5 B, C1 A) */
.mk-form__grid { display: grid; grid-template-columns: 1fr 1fr; gap: calc(22 * var(--s)) calc(16 * var(--s)); }
.mk-form__wide { grid-column: 1 / -1; }
.mk-field { display: flex; flex-direction: column; gap: calc(10 * var(--s)); }
.mk-field > span, .mk-choice legend { color: var(--ink); font-weight: 500; font-size: var(--t-m); }
.mk-field input, .mk-field textarea { width: 100%; height: calc(54 * var(--s)); min-height: 44px; border: 1px solid #D5DBE3; border-radius: var(--r); background: var(--white); padding: 0 14px; font-size: 16px; }
.mk-field textarea { height: calc(100 * var(--s)); min-height: 96px; padding: 12px 14px; resize: vertical; }
.mk-field input:focus, .mk-field textarea:focus { outline: 2px solid var(--blue); outline-offset: -1px; border-color: var(--blue); }
.mk-choice { border: 0; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(var(--n, 2), minmax(0, 1fr)); gap: 0; }
.mk-choice legend { padding: 0; margin-bottom: calc(10 * var(--s)); }
.mk-choice--2 { --n: 2; gap: calc(12 * var(--s)); }
.mk-choice--3 { display: flex; }
.mk-choice--3 label { flex: 1 1 auto; white-space: nowrap; }
.mk-choice--5 { --n: 5; gap: calc(12 * var(--s)); }
.mk-choice label { position: relative; display: flex; align-items: center; gap: calc(14 * var(--s)); height: calc(58 * var(--s)); min-height: 44px; padding: 0 calc(22 * var(--s)); border: 1px solid #D5DBE3; background: var(--white); color: var(--ink); font-size: var(--t-s); cursor: pointer; }
.mk-choice--2 label, .mk-choice--5 label { border-radius: var(--r); }
.mk-choice--3 label:first-of-type { border-radius: var(--r) 0 0 var(--r); }
.mk-choice--3 label:last-of-type { border-radius: 0 var(--r) var(--r) 0; }
.mk-choice--3 label + label { margin-left: -1px; }
.mk-choice input { width: calc(26 * var(--s)); height: calc(26 * var(--s)); min-width: 18px; min-height: 18px; margin: 0; accent-color: var(--blue); }
.mk-choice label:has(input:checked) { border-color: var(--blue); background: #EFF5FC; z-index: 1; }
.mk-choice--5 label { justify-content: center; padding: 0 8px; }
.mk-choice--5 input { position: absolute; opacity: 0; pointer-events: none; }
.mk-choice--5 label:has(input:checked) { color: var(--blue); }
.mk-choice--5 label:has(input:focus-visible) { outline: 2px solid var(--blue); outline-offset: 2px; }
.mk-upload { position: relative; }
.mk-upload__box { display: flex; align-items: center; justify-content: center; gap: 12px; height: calc(60 * var(--s)); min-height: 48px; border: 1px solid #D5DBE3; border-radius: var(--r); background: #FAFBFC; color: var(--muted); font-size: var(--t-xs); }
.mk-upload__box .mk-i { color: var(--blue); width: calc(30 * var(--s)); height: calc(30 * var(--s)); min-width: 22px; min-height: 22px; }
.mk-upload input { position: absolute; inset: auto 0 0; height: calc(60 * var(--s)); min-height: 48px; opacity: 0; cursor: pointer; }
.mk-upload:has(input:focus-visible) .mk-upload__box { outline: 2px solid var(--blue); }
.mk-form__send { width: 100%; height: calc(54 * var(--s)); min-height: 48px; margin-top: calc(18 * var(--s)); font-size: var(--t-m); }
.mk-form__trap { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.mk-form__error { margin-bottom: 16px; padding: 12px 16px; border: 1px solid #F0C7C2; border-left: 4px solid #B42318; background: #FEF3F2; color: var(--ink); font-size: var(--t-xs); }

/* About: O1 B hero and facts strip, O2 C mission and tiles, O3 A numbers, promises and reviews */
.mk-phero--about { min-height: calc(626 * var(--s)); }
.mk-phero--about .mk-phero__in { padding-top: calc(73 * var(--s)); padding-bottom: calc(62 * var(--s)); }
.mk-phero--about .mk-phero__title { font-size: var(--t-display); line-height: .98; max-width: calc(720 * var(--s)); margin-top: calc(24 * var(--s)); }
.mk-phero--about .mk-phero__lead { font-size: var(--t-xl); line-height: 1.53; max-width: calc(700 * var(--s)); margin-top: calc(22 * var(--s)); }
.mk-phero--about .mk-phero__btns { align-items: center; gap: calc(32 * var(--s)); margin-top: calc(34 * var(--s)); }
.mk-phero--about .mk-phero__btns .mk-btn { height: calc(65 * var(--s)); padding: 0 calc(46 * var(--s)); font-size: var(--t-xl); }
.mk-phero__link { font-size: var(--t-m); }
.mk-facts { display: flex; justify-content: space-between; align-items: center; min-height: calc(127 * var(--s)); }
.mk-facts li { display: flex; align-items: center; gap: calc(26 * var(--s)); color: var(--ink); font-size: var(--t-m); }
.mk-facts li + li { border-left: 1px solid var(--line); padding-left: calc(58 * var(--s)); min-height: calc(90 * var(--s)); }
.mk-facts .mk-i { color: var(--blue); width: calc(50 * var(--s)); height: calc(50 * var(--s)); min-width: 30px; min-height: 30px; }
.mk-mission { margin-top: calc(48 * var(--s)); background: linear-gradient(var(--navy) 0, var(--navy) calc(100% - 257 * var(--s)), var(--bg-cool) 0); padding-top: calc(150 * var(--s)); }
.mk-mission__cols { display: grid; grid-template-columns: 1fr 1fr; gap: calc(80 * var(--s)); padding: 0 calc(32 * var(--s)); }
.mk-mission h2 { color: var(--white); font-weight: 700; font-size: var(--t-h1); line-height: 1; }
.mk-mission__cols p { color: #E3EAF3; font-size: var(--t-m); line-height: 1.6; margin-top: calc(28 * var(--s)); }
.mk-mission__tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: calc(15 * var(--s)); margin-top: calc(78 * var(--s)); }
.mk-mission__tiles li { display: flex; flex-direction: column; background: var(--white); border: 1px solid var(--line); border-radius: var(--r); min-height: calc(412 * var(--s)); padding: calc(48 * var(--s)) calc(24 * var(--s)) calc(40 * var(--s)) calc(36 * var(--s)); }
.mk-mission__tiles .mk-ill { color: var(--blue); width: calc(270 * var(--s)); height: auto; align-self: center; }
.mk-mission__tiles h3 { margin-top: auto; padding-top: calc(24 * var(--s)); white-space: nowrap; font-size: var(--t-xl); font-weight: 600; letter-spacing: -.01em; line-height: 1.2; }
.mk-mission__tiles .mk-link { margin-top: calc(18 * var(--s)); font-size: var(--t-m); }
.mk-proof__top { background: var(--bg-cool); padding: calc(86 * var(--s)) 0 calc(52 * var(--s)); }
.mk-proof__nums { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); margin: 0; }
.mk-proof__nums div { text-align: center; }
.mk-proof__nums div + div { border-left: 1px solid #D9E0E8; }
.mk-proof__nums dt { color: var(--blue); font-weight: 700; letter-spacing: -.03em; font-size: var(--t-h1); line-height: 1.05; }
.mk-proof__nums dd { margin: calc(8 * var(--s)) 0 0; color: var(--text); font-size: var(--t-l); }
.mk-proof__promises { display: flex; justify-content: space-between; align-items: center; margin-top: calc(58 * var(--s)); padding: 0 calc(16 * var(--s)); }
.mk-proof__promises li { display: flex; align-items: center; gap: calc(22 * var(--s)); color: var(--ink); font-size: var(--t-s); }
.mk-proof__promises li + li::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: #CBD3DD; margin-right: calc(20 * var(--s)); }
.mk-proof__promises .mk-i { color: var(--blue); width: calc(50 * var(--s)); height: calc(50 * var(--s)); min-width: 30px; min-height: 30px; }
.mk-proof__reviews { display: grid; grid-template-columns: 1fr 1fr; gap: calc(24 * var(--s)); padding-top: calc(32 * var(--s)); }
.mk-proof__review { display: flex; flex-direction: column; margin: 0; border: 1px solid var(--line); border-radius: var(--r); padding: calc(32 * var(--s)) calc(48 * var(--s)) calc(36 * var(--s)); min-height: calc(489 * var(--s)); }
.mk-proof__review > .mk-i { color: #5B9BE6; width: calc(76 * var(--s)); height: calc(76 * var(--s)); margin-left: calc(-8 * var(--s)); }
.mk-proof__review blockquote { color: var(--text); font-size: var(--t-l); line-height: 1.64; margin-top: calc(24 * var(--s)); }
.mk-proof__review figcaption { display: flex; align-items: center; gap: calc(26 * var(--s)); margin-top: auto; padding-top: calc(30 * var(--s)); color: var(--muted); font-size: var(--t-s); line-height: 1.5; }
.mk-proof__review strong { display: block; color: var(--ink); font-weight: 600; font-size: var(--t-l); }
.mk-proof__ini { flex: none; display: grid; place-items: center; width: calc(88 * var(--s)); height: calc(88 * var(--s)); min-width: 48px; min-height: 48px; border-radius: 50%; background: var(--blue); color: var(--white); font-weight: 600; font-size: var(--t-h4); }
.mk-proof__follow { display: flex; justify-content: center; align-items: center; gap: calc(36 * var(--s)); border-top: 1px solid var(--line); margin-top: calc(36 * var(--s)); padding: calc(32 * var(--s)) 0 calc(44 * var(--s)); }
.mk-proof__follow span { color: var(--ink); font-size: var(--t-l); }
.mk-proof__follow a { color: var(--blue); }
.mk-proof__follow .mk-i { width: calc(38 * var(--s)); height: calc(38 * var(--s)); min-width: 26px; min-height: 26px; }

/* Contact: C1 A (contacts, form, map) and C3 A (thank-you) */
.mk-contact { padding-bottom: calc(26 * var(--s)); }
.mk-contact .mk-crumbs { display: flex; gap: calc(10 * var(--s)); color: var(--muted); font-size: var(--t-xs); padding-top: calc(20 * var(--s)); }
.mk-contact__in { display: grid; grid-template-columns: minmax(0, 1fr) calc(706 * var(--s)); gap: calc(32 * var(--s)); align-items: start; margin-top: calc(4 * var(--s)); }
.mk-contact__side { padding-top: calc(32 * var(--s)); max-width: calc(700 * var(--s)); }
.mk-contact__title { font-size: var(--t-h2); line-height: 1.05; }
.mk-contact__lead { color: var(--text); font-size: var(--t-m); margin-top: calc(14 * var(--s)); }
.mk-contact__list { margin-top: calc(40 * var(--s)); display: grid; gap: calc(22 * var(--s)); }
.mk-contact__list li { display: flex; align-items: center; gap: calc(26 * var(--s)); color: var(--text); font-size: var(--t-l); line-height: 1.45; }
.mk-contact__list .mk-i { color: var(--blue); width: calc(32 * var(--s)); height: calc(32 * var(--s)); min-width: 22px; min-height: 22px; }
.mk-contact__phone a { color: var(--blue); font-weight: 600; font-size: var(--t-h4); }
.mk-contact__list--more { border-top: 1px solid var(--line); margin-top: calc(30 * var(--s)); padding-top: calc(32 * var(--s)); gap: calc(24 * var(--s)); }
.mk-contact__list--more li { font-size: var(--t-l); align-items: flex-start; }
.mk-contact__card { border: 1px solid var(--line); border-radius: 6px; padding: calc(22 * var(--s)) calc(26 * var(--s)) calc(26 * var(--s)); }
.mk-form--contact .mk-form__grid { gap: calc(16 * var(--s)) calc(22 * var(--s)); }
.mk-form--contact .mk-field { gap: calc(8 * var(--s)); }
.mk-form--contact .mk-field > span, .mk-form--contact .mk-choice legend { font-weight: 400; font-size: var(--t-xs); }
.mk-form--contact .mk-field input { height: calc(44 * var(--s)); min-height: 40px; }
.mk-form--contact .mk-field textarea { height: calc(90 * var(--s)); min-height: 80px; }
.mk-form--contact .mk-choice { display: flex; gap: calc(12 * var(--s)); }
.mk-form--contact .mk-choice label { flex: 1 1 auto; height: calc(42 * var(--s)); min-height: 38px; padding: 0 calc(16 * var(--s)); font-size: var(--t-label); white-space: nowrap; }
.mk-form--contact .mk-form__send { width: auto; height: calc(52 * var(--s)); padding: 0 calc(46 * var(--s)); margin-top: calc(22 * var(--s)); font-size: var(--t-s); }
.mk-contact__map { margin-top: calc(24 * var(--s)); height: calc(188 * var(--s)); min-height: 160px; border: 1px solid var(--line); border-radius: var(--r); overflow: hidden; background: #EEF1F4; }
.mk-contact__map iframe { display: block; width: 100%; height: 100%; border: 0; }
.mk-thanks { padding: calc(150 * var(--s)) 0 calc(150 * var(--s)); text-align: center; }
.mk-thanks > .mk-wrap > .mk-i { color: var(--blue); width: calc(142 * var(--s)); height: calc(142 * var(--s)); min-width: 72px; min-height: 72px; margin: 0 auto; }
.mk-thanks__title { font-size: var(--t-h1); margin-top: calc(38 * var(--s)); }
.mk-thanks__lead { color: var(--text); font-size: var(--t-l); margin-top: calc(18 * var(--s)); }
.mk-thanks__line { color: var(--text); font-size: var(--t-m); margin-top: calc(16 * var(--s)); }
.mk-thanks__line a { color: var(--blue); }
.mk-thanks__btns { display: flex; justify-content: center; gap: calc(18 * var(--s)); margin-top: calc(42 * var(--s)); }
.mk-thanks__btns .mk-btn { height: calc(64 * var(--s)); padding: 0 calc(44 * var(--s)); font-size: var(--t-xl); }
.mk-thanks__links { display: flex; justify-content: center; gap: calc(64 * var(--s)); margin-top: calc(48 * var(--s)); }
.mk-thanks__links a { color: var(--blue); font-size: var(--t-l); }
.mk-thanks__links a:hover { text-decoration: underline; }

/* Blog list: B1 A */
.mk-blog { padding-bottom: calc(20 * var(--s)); }
.mk-blog .mk-crumbs, .mk-article .mk-crumbs { display: flex; gap: calc(10 * var(--s)); color: var(--muted); font-size: var(--t-xs); padding-top: calc(14 * var(--s)); }
.mk-blog__title { font-size: var(--t-h2); margin-top: calc(14 * var(--s)); }
.mk-blog__lead { color: var(--text); font-size: var(--t-m); margin-top: calc(10 * var(--s)); }
.mk-blog__chips { display: flex; flex-wrap: wrap; gap: calc(12 * var(--s)); margin-top: calc(18 * var(--s)); }
.mk-blog__chips .mk-chip { height: calc(38 * var(--s)); min-height: 34px; padding: 0 calc(22 * var(--s)); border-width: 1.5px; color: var(--blue); font-size: var(--t-label); }
.mk-blog__chips .mk-chip.is-on, .mk-blog__chips .mk-chip:hover { background: var(--blue); color: var(--white); }
.mk-blog__top { display: grid; grid-template-columns: minmax(0, 878fr) minmax(0, 534fr); gap: calc(16 * var(--s)); margin-top: calc(18 * var(--s)); }
.mk-blog__side { display: grid; gap: calc(14 * var(--s)); }
.mk-blog__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: calc(14 * var(--s)) calc(12 * var(--s)); margin-top: calc(14 * var(--s)); }
.mk-post { border: 1px solid var(--line); border-radius: var(--r); background: var(--white); overflow: hidden; }
.mk-post__img { display: block; background: var(--bg-cool); }
.mk-post__img img { width: 100%; height: 100%; object-fit: cover; }
.mk-post__body { padding: calc(14 * var(--s)) calc(18 * var(--s)) calc(18 * var(--s)); }
.mk-post__cat { color: var(--blue); font-weight: 600; font-size: var(--t-label); letter-spacing: .15em; text-transform: uppercase; }
.mk-post__title { font-size: var(--t-l); font-weight: 600; letter-spacing: -.01em; line-height: 1.22; margin-top: calc(8 * var(--s)); }
.mk-post__title a:hover { color: var(--blue); }
.mk-post__meta { display: flex; gap: calc(12 * var(--s)); color: var(--muted); font-size: var(--t-xs); margin-top: calc(12 * var(--s)); white-space: nowrap; }
.mk-post__meta span { color: #B9C1CC; }
.mk-post--big .mk-post__img { height: calc(232 * var(--s)); }
.mk-post--big .mk-post__body { padding: calc(20 * var(--s)) calc(22 * var(--s)) calc(20 * var(--s)); }
.mk-post--big .mk-post__title { font-size: var(--t-h5); margin-top: calc(10 * var(--s)); }
.mk-post--side { display: grid; grid-template-columns: calc(205 * var(--s)) 1fr; align-items: start; padding: calc(10 * var(--s)); }
.mk-post--side .mk-post__img { height: calc(158 * var(--s)); }
.mk-post--side .mk-post__body { padding: calc(8 * var(--s)) calc(8 * var(--s)) 0 calc(20 * var(--s)); }
.mk-post--side .mk-post__title { font-size: var(--t-l); }
.mk-post--grid { padding: calc(8 * var(--s)) calc(8 * var(--s)) 0; }
.mk-post--grid .mk-post__img { height: calc(144 * var(--s)); }
.mk-post--grid .mk-post__body { padding: calc(14 * var(--s)) calc(14 * var(--s)) calc(16 * var(--s)); }
.mk-blog__empty { margin-top: 32px; color: var(--text); }
.mk-blog__empty a, .mk-pages a { color: var(--blue); }
.mk-pages { margin-top: 28px; }
.mk-pages .nav-links { display: flex; gap: 10px; flex-wrap: wrap; }
.mk-pages .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 0 12px; border: 1px solid var(--line); border-radius: var(--r); }
.mk-pages .current { background: var(--blue); border-color: var(--blue); color: var(--white); }
.mk-pages .screen-reader-text { position: absolute; left: -9999px; }

/* Article: B3 A head, cover, text and "In this article"; B4 B shop, service band, related */
.mk-article { width: 100%; max-width: calc(1305 * var(--s) + 2 * var(--gut)); margin: 0 auto; padding: 0 var(--gut); }
.mk-article__head, .mk-article__in { padding: 0 calc(46 * var(--s)); }
.mk-article .mk-crumbs { font-size: var(--t-xs); padding-top: calc(20 * var(--s)); }
.mk-crumbs .is-blue { color: var(--blue); }
.mk-article__cat { color: var(--blue); font-weight: 600; font-size: var(--t-label); margin-top: calc(22 * var(--s)); }
.mk-article__title { font-size: var(--t-h1); line-height: 1.03; max-width: calc(1060 * var(--s)); margin-top: calc(6 * var(--s)); }
.mk-article__meta { color: var(--muted); font-size: var(--t-s); margin-top: calc(14 * var(--s)); }
.mk-article__cover { margin-top: calc(22 * var(--s)); }
.mk-article__cover img { width: 100%; height: calc(341 * var(--s)); min-height: 180px; object-fit: cover; border-radius: 6px; }
.mk-article__in { display: grid; grid-template-columns: minmax(0, 785fr) minmax(0, 340fr); gap: calc(94 * var(--s)); align-items: start; margin-top: calc(26 * var(--s)); padding-bottom: calc(56 * var(--s)); }
.mk-article__body { color: #555B66; font-size: var(--t-m); line-height: 1.6; }
.mk-article__body > * + * { margin-top: 1em; }
.mk-article__body h2 { color: var(--ink); font-size: var(--t-h4); letter-spacing: -.01em; line-height: 1.2; margin-top: 1.4em; scroll-margin-top: 140px; }
.mk-article__body h3 { color: var(--ink); font-size: var(--t-l); margin-top: 1.3em; }
.mk-article__body ul, .mk-article__body ol { padding-left: 1.3em; list-style: disc; }
.mk-article__body a { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; }
.mk-article__toc { position: sticky; top: calc(140 * var(--s) + 20px); background: #F4F6F9; border: 1px solid var(--line); border-radius: var(--r); padding: calc(22 * var(--s)) calc(20 * var(--s)) calc(24 * var(--s)); }
.mk-article__toc p { color: var(--ink); font-weight: 600; font-size: var(--t-m); }
.mk-article__toc ol { list-style: none; padding: 0; margin: calc(14 * var(--s)) 0 0; display: grid; gap: calc(10 * var(--s)); }
.mk-article__toc a { display: block; padding-left: calc(16 * var(--s)); border-left: 3px solid transparent; color: var(--text); font-size: var(--t-xs); }
.mk-article__toc li:first-child a, .mk-article__toc a:hover { color: var(--blue); border-color: var(--blue); }
.mk-artshop { background: var(--bg-cool); padding: calc(40 * var(--s)) 0 calc(26 * var(--s)); }
.mk-artshop__in { width: 100%; max-width: calc(1265 * var(--s) + 2 * var(--gut)); margin: 0 auto; padding: 0 var(--gut); }
.mk-artshop__head { display: flex; justify-content: space-between; align-items: baseline; gap: 20px; }
.mk-artshop__title { font-size: var(--t-h3); letter-spacing: -.01em; }
.mk-artshop__head .mk-link { font-size: var(--t-s); }
.mk-artshop__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: calc(16 * var(--s)); margin-top: calc(18 * var(--s)); }
.mk-artshop .mk-pcard { background: var(--white); border: 1px solid var(--line); border-radius: var(--r); padding: calc(16 * var(--s)) calc(18 * var(--s)) calc(22 * var(--s)); }
.mk-artshop .mk-pcard__img { display: block; width: 100%; height: calc(200 * var(--s)); min-height: 120px; background: none; aspect-ratio: auto; padding: 0; }
.mk-artshop .mk-pcard__img img { width: 100%; height: 100%; object-fit: contain; }
.mk-artshop .mk-pcard__name { max-width: none; font-size: var(--t-l); }
.mk-artshop .mk-pcard__price { font-size: var(--t-l); }
.mk-artshop .mk-pcard__buy { display: block; }
.mk-artshop .mk-pcard__buy .mk-btn { width: 100%; height: calc(52 * var(--s)); margin-top: calc(14 * var(--s)); font-size: var(--t-m); }
.mk-artshop__band { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-top: calc(18 * var(--s)); background: var(--navy); border-radius: var(--r); padding: calc(24 * var(--s)) calc(34 * var(--s)); }
.mk-artshop__band p { color: var(--white); font-weight: 600; font-size: var(--t-h4); line-height: 1.17; letter-spacing: -.01em; }
.mk-artshop__band strong { display: block; font-weight: 600; }
.mk-artshop__band .mk-btn { height: calc(54 * var(--s)); padding: 0 calc(42 * var(--s)); font-size: var(--t-l); }
.mk-artshop__related { font-size: var(--t-h4); font-weight: 600; letter-spacing: -.01em; margin-top: calc(28 * var(--s)); }
.mk-artshop__links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: calc(16 * var(--s)); margin-top: calc(14 * var(--s)); }
.mk-artshop__links a { display: flex; justify-content: space-between; align-items: center; gap: 20px; height: 100%; min-height: calc(113 * var(--s)); background: var(--white); border: 1px solid var(--line); border-radius: var(--r); padding: calc(20 * var(--s)) calc(28 * var(--s)) calc(20 * var(--s)) calc(30 * var(--s)); color: var(--ink); font-size: var(--t-m); line-height: 1.4; }
.mk-artshop__links .mk-i { color: var(--blue); width: calc(28 * var(--s)); height: calc(28 * var(--s)); min-width: 20px; min-height: 20px; transition: transform .2s; }
.mk-artshop__links a:hover .mk-i { transform: translateX(3px); }

/* Service pages without a Codex screen (08_служебные.md): text pages, Shipping & Returns, 404, WooCommerce pages */
.mk-text { padding-bottom: calc(64 * var(--s)); }
.mk-text .mk-crumbs, .mk-nf .mk-crumbs { display: flex; gap: calc(10 * var(--s)); color: var(--muted); font-size: var(--t-xs); padding-top: calc(14 * var(--s)); }
.mk-text__title { font-size: var(--t-h2); line-height: 1.05; margin-top: calc(14 * var(--s)); }
.mk-text__lead { color: var(--text); font-size: var(--t-m); margin-top: calc(10 * var(--s)); }
.mk-text__in { display: grid; grid-template-columns: minmax(0, 860px) minmax(0, 340px); justify-content: space-between; gap: calc(94 * var(--s)); align-items: start; margin-top: calc(32 * var(--s)); }
.mk-text__body > :first-child { margin-top: 0; }
.mk-text__body li + li { margin-top: .45em; }
.mk-shipcards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: calc(16 * var(--s)); margin-top: calc(32 * var(--s)); }
.mk-shipcards li { border: 1px solid var(--line); border-radius: var(--r); background: var(--bg-cool); padding: calc(30 * var(--s)) calc(34 * var(--s)) calc(34 * var(--s)); }
.mk-shipcards .mk-i { color: var(--blue); width: calc(56 * var(--s)); height: calc(56 * var(--s)); min-width: 36px; min-height: 36px; }
.mk-shipcards h2 { font-size: var(--t-xl); font-weight: 600; letter-spacing: -.01em; margin-top: calc(18 * var(--s)); }
.mk-shipcards p { color: var(--text); font-size: var(--t-m); line-height: 1.6; margin-top: calc(10 * var(--s)); }
.mk-nf { padding: calc(110 * var(--s)) 0 calc(120 * var(--s)); }
.mk-nf__title { font-size: var(--t-h1); margin-top: calc(6 * var(--s)); }
.mk-nf__lead { color: var(--text); font-size: var(--t-l); line-height: 1.55; max-width: calc(780 * var(--s)); margin-top: calc(16 * var(--s)); }
.mk-nf__search { display: flex; gap: calc(12 * var(--s)); max-width: calc(780 * var(--s)); margin-top: calc(32 * var(--s)); }
.mk-nf__search input { flex: 1; min-width: 0; height: calc(60 * var(--s)); min-height: 48px; border: 1px solid #C9D2DD; border-radius: var(--r); padding: 0 18px; font-size: max(16px, calc(19 * var(--s))); }
.mk-nf__search .mk-btn { height: calc(60 * var(--s)); min-height: 48px; padding: 0 calc(34 * var(--s)); }
.mk-nf__search .mk-i { width: calc(22 * var(--s)); height: calc(22 * var(--s)); min-width: 18px; min-height: 18px; }
.mk-nf__chips { display: flex; flex-wrap: wrap; gap: calc(12 * var(--s)); margin-top: calc(28 * var(--s)); }
.mk-nf__chips .mk-chip { gap: .5em; height: calc(44 * var(--s)); min-height: 38px; color: var(--blue); }
.mk-nf__chips .mk-chip span { color: var(--muted); }
.mk-nf__chips .mk-chip:hover span { color: inherit; }
.mk-nf__help { color: var(--text); font-size: var(--t-m); margin-top: calc(36 * var(--s)); }
.mk-nf__help a { color: var(--blue); }
.mk-text--woo .mk-text__in { display: block; max-width: none; }
.mk-text--woo .mk-text__body { color: var(--text); }

/* WooCommerce pages in the theme's frame: buttons, fields, tables and notices in the site's style (over woocommerce-general.css) */
.mk-text--woo .mk-text__body { font-size: var(--t-s); line-height: 1.5; }
.mk-text--woo .mk-text__body > * + * { margin-top: 0; }
.mk-text--woo h2, .mk-text--woo h3 { color: var(--ink); font-size: var(--t-h5); font-weight: 600; letter-spacing: -.01em; margin: 0 0 14px; }
.mk-text--woo .woocommerce a.button, .mk-text--woo .woocommerce button.button, .mk-text--woo .woocommerce input.button, .mk-text--woo .woocommerce #respond input#submit,
.mk-text--woo .woocommerce a.button.alt, .mk-text--woo .woocommerce button.button.alt, .mk-text--woo .woocommerce input.button.alt { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 26px; border: 1.5px solid var(--blue); border-radius: var(--r); background: var(--blue); color: var(--white); font: 600 16px/1.1 var(--f); text-shadow: none; }
.mk-text--woo .woocommerce a.button:hover, .mk-text--woo .woocommerce button.button:hover, .mk-text--woo .woocommerce a.button.alt:hover, .mk-text--woo .woocommerce button.button.alt:hover { background: #00468F; border-color: #00468F; color: var(--white); }
.mk-text--woo .woocommerce button.button:disabled, .mk-text--woo .woocommerce button.button:disabled[disabled] { background: var(--blue); color: var(--white); opacity: .45; padding: 0 26px; }
.mk-text--woo .woocommerce a.button.mk-continue, .mk-text--woo .woocommerce button[name=update_cart], .mk-text--woo .woocommerce button[name=apply_coupon], .mk-text--woo .woocommerce-form-login__submit ~ *, .mk-text--woo .return-to-shop a.button { background: var(--white); color: var(--blue); }
.mk-text--woo .woocommerce a.button.mk-continue:hover, .mk-text--woo .woocommerce button[name=update_cart]:hover, .mk-text--woo .woocommerce button[name=apply_coupon]:hover, .mk-text--woo .return-to-shop a.button:hover { background: var(--blue); color: var(--white); }
.mk-text--woo .wc-proceed-to-checkout { display: grid; gap: 10px; padding: 0; }
.mk-text--woo .wc-proceed-to-checkout a.button { width: 100%; margin: 0 !important; font-size: var(--t-s); min-height: 52px; }
.mk-text--woo .woocommerce form .form-row input.input-text, .mk-text--woo .woocommerce form .form-row textarea, .mk-text--woo .woocommerce form .form-row select,
.mk-text--woo .woocommerce .quantity .qty, .mk-text--woo .woocommerce #coupon_code, .mk-text--woo .select2-container .select2-selection--single { min-height: 46px; border: 1px solid #D5DBE3; border-radius: var(--r); background: var(--white); padding: 0 12px; font: 400 16px/1.3 var(--f); color: var(--ink); }
.mk-text--woo .select2-container .select2-selection--single .select2-selection__rendered { line-height: 44px; padding: 0; }
.mk-text--woo .select2-container .select2-selection--single .select2-selection__arrow { height: 44px; }
.mk-text--woo .woocommerce form .form-row textarea { min-height: 96px; padding: 10px 12px; }
.mk-text--woo .woocommerce form .form-row label { color: var(--ink); font-weight: 500; font-size: var(--t-xs); margin-bottom: 6px; }
.mk-text--woo .woocommerce form .form-row { padding: 0; margin: 0 0 14px; }
.mk-text--woo .woocommerce table.shop_table { border: 1px solid var(--line); border-radius: var(--r); border-collapse: separate; margin: 0 0 20px; }
.mk-text--woo .woocommerce table.shop_table th, .mk-text--woo .woocommerce table.shop_table td { border-top: 1px solid var(--line); padding: 14px 16px; color: var(--text); }
.mk-text--woo .woocommerce table.shop_table thead th { border-top: 0; background: var(--bg-cool); color: var(--ink); font-weight: 600; }
.mk-text--woo .woocommerce table.shop_table td.product-name a { color: var(--ink); font-weight: 500; }
.mk-text--woo .woocommerce table.shop_table td.product-name a:hover { color: var(--blue); }
.mk-text--woo .woocommerce table.cart img { width: 72px; mix-blend-mode: multiply; }
.mk-text--woo .woocommerce #coupon_code { width: 180px; }
.mk-nophoto--sm { width: 72px; height: 72px; min-height: 0; background: var(--bg-cool); }
.mk-text--woo .woocommerce a.remove { color: var(--muted) !important; }
.mk-text--woo .woocommerce a.remove:hover { background: #B42318; color: var(--white) !important; }
.mk-text--woo .woocommerce .cart-collaterals .cart_totals, .mk-text--woo .woocommerce-checkout-review-order { background: var(--bg-cool); border: 1px solid var(--line); border-radius: 6px; padding: 22px; }
.mk-text--woo .woocommerce .cart-collaterals .cart_totals table.shop_table { background: var(--white); }
.mk-text--woo .woocommerce-checkout #payment { background: var(--white); border: 1px solid var(--line); border-radius: var(--r); }
.mk-text--woo .woocommerce-info, .mk-text--woo .woocommerce-message, .mk-text--woo .woocommerce-error { border-top: 0; border-left: 4px solid var(--blue); background: var(--bg-cool); color: var(--ink); border-radius: 0 var(--r) var(--r) 0; font-size: var(--t-xs); }
.mk-text--woo .woocommerce-error { border-left-color: #B42318; background: #FEF3F2; }
.mk-text--woo .woocommerce-info::before, .mk-text--woo .woocommerce-message::before { color: var(--blue); }
.mk-text--woo .woocommerce-MyAccount-navigation ul { display: grid; gap: 4px; }
.mk-text--woo .woocommerce-MyAccount-navigation a { display: block; padding: 10px 14px; border-radius: var(--r); color: var(--ink); }
.mk-text--woo .woocommerce-MyAccount-navigation .is-active a, .mk-text--woo .woocommerce-MyAccount-navigation a:hover { background: var(--bg-cool); color: var(--blue); }
.mk-text--woo .woocommerce form.login, .mk-text--woo .woocommerce form.register { border: 1px solid var(--line); border-radius: 6px; padding: 24px; margin: 0; }
.mk-text--woo .u-columns { gap: 24px; }
.mk-text--woo a:not(.button) { color: var(--blue); }
.mk-text--woo strong { font-weight: 700; }   /* WooCommerce nests strong in bold cells: «bolder» gave 900 */
.mk-orderterms { display: grid; gap: 10px; margin-top: 18px; padding: 0; list-style: none; color: var(--text); font-size: var(--t-xs); }
.mk-orderterms li { display: flex; align-items: flex-start; gap: 10px; }
.mk-orderterms .mk-i, .mk-orderinstall .mk-i { color: var(--blue); flex: none; width: 22px; height: 22px; }
.mk-orderinstall { display: flex; align-items: flex-start; gap: 10px; margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--line); color: var(--text); font-size: var(--t-xs); }
.mk-nextsteps { margin: 20px 0 28px; padding: 22px; border: 1px solid var(--line); border-left: 4px solid var(--blue); border-radius: 0 6px 6px 0; background: var(--bg-cool); }
.mk-nextsteps ul { list-style: disc; padding-left: 1.2em; display: grid; gap: 6px; margin: 0 0 12px; }

@media (max-width: 900px) {
	.mk-text__in { grid-template-columns: 1fr; gap: 20px; margin-top: 20px; }
	.mk-text__toc { grid-row: 1; position: static; padding: 16px; }
	.mk-shipcards { grid-template-columns: 1fr; gap: 10px; margin-top: 20px; }
	.mk-shipcards li { padding: 18px 18px 20px; }
	.mk-shipcards h2 { margin-top: 10px; }
	.mk-nf { padding: 48px 0 56px; }
	.mk-nf__lead { max-width: none; }
	.mk-nf__search { max-width: none; }
	.mk-nf__search .mk-btn { padding: 0 16px; }
	.mk-nf__chips { gap: 8px; }
	.mk-blog__chips { flex-wrap: nowrap; overflow-x: auto; margin: 16px -16px 0; padding: 0 16px 4px; }
	.mk-blog__chips .mk-chip { flex: none; }
	.mk-blog__top, .mk-blog__grid { grid-template-columns: 1fr; gap: 12px; }
	.mk-post--big .mk-post__img { height: auto; aspect-ratio: 3 / 2; }
	.mk-post--side, .mk-post--grid { display: grid; grid-template-columns: 112px 1fr; align-items: start; padding: 10px; }
	.mk-post--side .mk-post__img, .mk-post--grid .mk-post__img { height: 84px; }
	.mk-post--side .mk-post__body, .mk-post--grid .mk-post__body { padding: 0 0 0 14px; }
	.mk-post__title, .mk-post--side .mk-post__title { margin-top: 4px; }
	.mk-post__meta { margin-top: 6px; gap: 2px 8px; flex-wrap: wrap; white-space: normal; }
	.mk-article__head, .mk-article__in { padding: 0; }
	.mk-article__cat { margin-top: 14px; }
	.mk-article__title { max-width: none; }
	.mk-article__cover { margin: 16px -16px 0; }
	.mk-article__cover img { border-radius: 0; height: auto; aspect-ratio: 3 / 2; min-height: 0; }
	.mk-article__in { grid-template-columns: 1fr; gap: 20px; margin-top: 20px; padding-bottom: 36px; }
	.mk-article__toc { position: static; grid-row: 1; padding: 16px; }
	.mk-artshop { padding: 32px 0 24px; }
	.mk-artshop__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.mk-artshop__grid .mk-pcard:nth-child(3) { display: none; }
	.mk-artshop .mk-pcard { padding: 10px; }
	.mk-artshop .mk-pcard__img { height: 120px; }
	.mk-artshop .mk-pcard__buy .mk-btn { height: 40px;  min-width: 0; }
	.mk-artshop__band { flex-direction: column; align-items: stretch; padding: 20px; gap: 14px; }
	.mk-artshop__band .mk-btn { height: 48px;  }
	.mk-artshop__related { margin-top: 24px; }
	.mk-artshop__links { grid-template-columns: 1fr; gap: 10px; }
	.mk-artshop__links a { min-height: 0; padding: 14px 16px;  }
	.mk-contact__in { grid-template-columns: 1fr; gap: 24px; }
	.mk-contact__side { padding-top: 12px; max-width: none; }
	.mk-contact__list { margin-top: 20px; gap: 12px; }
	.mk-contact__list li, .mk-contact__list--more li { gap: 12px; }
	.mk-contact__list--more { margin-top: 18px; padding-top: 18px; }
	.mk-contact__card { padding: 18px 16px; }
	.mk-form--contact .mk-form__grid { grid-template-columns: 1fr; gap: 14px; }
	.mk-form--contact .mk-choice { flex-wrap: wrap; gap: 8px; }
	.mk-form--contact .mk-choice legend { width: 100%; }
	.mk-form--contact .mk-choice label { flex: 1 1 40%;  }
	.mk-form--contact .mk-form__send { width: 100%; height: 50px; }
	.mk-contact__map { height: 220px; }
	.mk-thanks { padding: 56px 0 64px; }
	.mk-thanks__title { margin-top: 20px; }
	.mk-thanks__btns { flex-direction: column; gap: 10px; margin-top: 26px; }
	.mk-thanks__btns .mk-btn { height: 52px;  }
	.mk-thanks__links { flex-direction: column; gap: 12px; margin-top: 26px; }
	.mk-phero--about .mk-phero__btns { flex-direction: column; align-items: stretch; }
	.mk-phero--about .mk-phero__btns .mk-btn { height: 52px; }
	.mk-phero__link { justify-content: center; }
	.mk-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 12px; padding-top: 20px; padding-bottom: 20px; }
	.mk-facts li { gap: 10px; }
	.mk-facts li + li { border-left: 0; padding-left: 0; min-height: 0; }
	.mk-mission { margin-top: 0; padding-top: 44px; background: linear-gradient(var(--navy) 0, var(--navy) calc(100% - 120px), var(--bg-cool) 0); }
	.mk-mission__cols { grid-template-columns: 1fr; gap: 28px; padding: 0; }
	.mk-mission__cols p { margin-top: 10px; }
	.mk-mission__tiles { grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 32px; }
	.mk-mission__tiles li { min-height: 0; padding: 18px 14px; }
	.mk-mission__tiles .mk-ill { width: 100px; }
	.mk-mission__tiles h3 { padding-top: 14px; white-space: normal; }
	.mk-mission__tiles .mk-link { margin-top: 6px; }
	.mk-proof__top { padding: 36px 0 30px; }
	.mk-proof__nums { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 20px; }
	.mk-proof__nums div:nth-child(4) { border-left: 0; }
	.mk-proof__promises { flex-direction: column; align-items: flex-start; gap: 12px; margin-top: 28px; padding: 0; }
	.mk-proof__promises li { gap: 12px; }
	.mk-proof__promises li + li::before { display: none; }
	.mk-proof__reviews { grid-template-columns: 1fr; gap: 14px; padding-top: 24px; }
	.mk-proof__review { min-height: 0; padding: 22px 20px; }
	.mk-proof__review blockquote { margin-top: 12px; }
	.mk-proof__review figcaption { gap: 14px; padding-top: 18px; }
	.mk-proof__review > .mk-i { width: 34px; height: 34px; margin-left: -4px; }
	.mk-proof__follow { gap: 22px; margin-top: 24px; padding: 22px 0 32px; }
	.mk-phero { min-height: 0; display: flex; flex-direction: column; }
	.mk-phero__photo { position: relative; inset: auto; aspect-ratio: 3 / 2; }
	.mk-phero__photo img { object-position: 75% 55%; }
	.mk-phero__photo::after { background: linear-gradient(180deg, rgba(8, 31, 58, 0) 45%, rgba(8, 31, 58, .85) 82%, var(--hero-navy) 100%); }
	.mk-phero__in { margin-top: -30px; padding-top: 0; padding-bottom: 28px; }
	.mk-phero__title, .mk-phero--about .mk-phero__title { max-width: none; }
	.mk-phero__title { margin-top: 10px; }
	.mk-phero__lead, .mk-phero--about .mk-phero__lead { max-width: none; }
	.mk-phero__lead { margin-top: 12px; }
	.mk-phero__btns { flex-direction: column; gap: 10px; margin-top: 20px; }
	.mk-phero__btns .mk-btn { height: 52px;  }
	.mk-phero__btns .mk-i { width: 22px; height: 22px; }
	.mk-sband { padding-top: 16px; padding-bottom: 18px; }
	.mk-sband__chips { justify-content: flex-start; gap: 8px; padding-bottom: 18px; }
	.mk-sband__chips li { flex: 0 1 auto; height: 38px; min-height: 0; padding: 0 14px;  border-width: 1.5px; }
	.mk-sband__links { flex-direction: column; align-items: flex-start; gap: 14px; padding-top: 16px; }
	.mk-sband__links a { gap: 12px; }
	.mk-sband__links a + a { border-left: 0; padding-left: 0; }
	.mk-sband__links .mk-i:last-child { width: 18px; height: 18px; }
	.mk-what { padding: 44px 0 48px; }
	.mk-what__grid, .mk-what__grid--3 { grid-template-columns: 1fr; gap: 12px; margin-top: 20px; }
	.mk-what__card { min-height: 0; padding: 22px 20px; display: grid; grid-template-columns: 96px 1fr; column-gap: 18px; align-items: start; }
	.mk-what__card .mk-ill { width: 96px; grid-row: 1 / span 3; align-self: start; }
	.mk-what__card h3 { margin-top: 0; }
	.mk-what__card p { margin-top: 6px; }
	.mk-what__card .mk-link { padding-top: 10px; }
	.mk-what__card--icon { grid-template-columns: 40px 1fr; }
	.mk-what__card--icon > .mk-i { grid-row: 1 / span 2; width: 36px; height: 36px; }
	.mk-what__brands { margin-top: 20px; }
	.mk-steps { padding: 48px 0; }
	.mk-steps__list, .mk-steps__list--4 { grid-template-columns: 1fr; gap: 0; margin-top: 26px; }
	.mk-steps__list li { display: grid; grid-template-columns: 44px 1fr; column-gap: 16px; padding-bottom: 22px; }
	.mk-steps__list li:not(:last-child)::before { top: 44px; bottom: 0; left: 21px; right: auto; width: 2px; height: auto; }
	.mk-steps__n { grid-row: 1 / span 2; width: 44px; height: 44px; margin: 0;  }
	.mk-steps__list h3 { margin-top: 10px; }
	.mk-steps__list p { margin-top: 4px; }
	.mk-steps__chips { flex-wrap: wrap; margin-top: 8px; gap: 8px; }
	.mk-steps__chips span { padding: 0 14px; }
	.mk-steps__cta .mk-btn { width: 100%; height: 52px;  }
	.mk-plans { padding: 44px 0 32px; }
	.mk-plans__grid { grid-template-columns: 1fr; }
	.mk-plans__grid li { padding: 22px 20px; }
	.mk-plans__grid li + li { border-left: 0; border-top: 1px solid var(--line); }
	.mk-plans__grid p { margin-top: 8px; }
	.mk-plans__grid .mk-btn { height: 48px; margin-top: 16px;  }
	.mk-visit { padding: 36px 0 40px; }
	.mk-visit__list { grid-template-columns: 1fr; gap: 14px; margin-top: 20px; }
	.mk-visit__list li { gap: 14px; }
	.mk-why { padding: 44px 0 40px; }
	.mk-why__in { grid-template-columns: 1fr; margin-top: 16px; gap: 20px; }
	.mk-why__list li { gap: 16px; min-height: 48px; white-space: normal; }
	.mk-why__nums div { padding: 10px 14px; flex: 1; }
	.mk-why__nums div:first-child { padding-left: 0; }
	.mk-why__nums dd { white-space: normal; }
	.mk-why__scenes { grid-template-columns: 1fr; gap: 18px; margin-top: 26px; }
	.mk-why__scenes figcaption { margin-top: 8px; }
	.mk-lead { padding: 40px 0 24px; }
	.mk-lead__in { grid-template-columns: 1fr; gap: 24px; }
	.mk-lead__side { padding: 0; }
	.mk-lead__title { max-width: none; }
	.mk-lead__text { margin-top: 12px; max-width: none; }
	.mk-lead__phone, .mk-lead__mail { margin-top: 22px; gap: 14px; }
	.mk-lead__hours { margin-left: 44px; margin-top: 6px; }
	.mk-lead__mail { margin-top: 18px; }
	.mk-lead__card { padding: 20px 16px; }
	.mk-form__grid { grid-template-columns: 1fr; gap: 16px; }
	.mk-choice label { padding: 0 12px; gap: 10px; }
	.mk-choice--3 { flex-direction: column; }
	.mk-choice--3 label + label { margin-left: 0; margin-top: -1px; }
	.mk-choice--3 label:first-of-type { border-radius: var(--r) var(--r) 0 0; }
	.mk-choice--3 label:last-of-type { border-radius: 0 0 var(--r) var(--r); }
	.mk-choice--5 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
}