/* Правила первого экрана раздела «market» из отложенного css_preload/market/ (13.10.2026, CLS).
   Лежат здесь, а не в общем critical.css: подключаются только на страницах раздела. */
.mk-page { background: var(--site-bg2); padding-top: 100px; }
@media (max-width: 540px){.mk-page { padding-top: 60px; }}
.mk-intro-desc { font-size: 14px; color: rgb(96, 100, 112); line-height: 1.65; margin: 0px; max-width: 640px; }
.mk-cat-header { display: flex; justify-content: center; background: var(--site-bg1); padding: 36px 0px 32px; border-bottom: 1px solid var(--border-color); }
.mk-cat-header h1 { font-size: 28px; font-weight: 700; color: var(--text-color); margin: 0px 0px 8px; line-height: 1.25; }
.mkc-related-cats { padding: 32px 0px; border-top: 1px solid var(--border-color,#e5e7ef); background: var(--site-bg2,#f5f6fa); }
.mkc-related-cats--top { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; padding: 24px 0px; }
.mkc-related-cats__title { font-size: 16px; font-weight: 700; margin: 0px 0px 14px; color: var(--text-color,#1a1c23); font-family: "Montserrat Semibold", sans-serif; }
.mkc-related-cats__title a { color: var(--second-color,#4a6cf7); text-decoration: none; }
.mkc-related-cats__grid { display: flex; flex-wrap: wrap; gap: 10px; }
.mkc-related-cats__chip { display: flex; align-items: center; gap: 8px; padding: 9px 14px; background: rgb(255, 255, 255); border: 1.5px solid var(--border-color,#e5e7ef); border-radius: 20px; font-size: 13px; font-weight: 600; color: var(--text-color,#1a1c23); text-decoration: none; transition: border-color 0.15s, box-shadow 0.15s; }
.mkc-related-cats__cnt { flex-shrink: 0; background: var(--site-bg2,#f5f6fa); border: 1px solid var(--border-color,#e5e7ef); border-radius: 20px; font-size: 11px; font-weight: 600; color: rgb(96, 100, 112); padding: 2px 8px; }
.mkc-related-cats__grid--collapsible { overflow: hidden; transition: max-height 0.25s; }
.mkh-intro { display: flex; justify-content: center; padding: 48px 0px 36px; background: var(--site-bg2, #f5f6fa); border-bottom: 1px solid var(--border-color, #e5e7ef); }
.mkh-intro__h1 { font-size: clamp(22px, 3vw, 32px); font-weight: 800; margin: 0px 0px 10px; color: var(--text-color, #1a1c23); }
.mkh-intro__desc { font-size: 15px; color: rgb(96, 100, 112); margin: 0px; max-width: 640px; line-height: 1.6; }
.mkf-sort__btn { padding: 7px 14px; border-radius: 20px; border: 1.5px solid var(--border-color, #e5e7ef); font-size: 13px; font-weight: 600; color: var(--text-color, #1a1c23); text-decoration: none; transition: border-color 0.15s, background 0.15s, color 0.15s; white-space: nowrap; }
.mkf-price__label { font-size: 13px; color: rgb(96, 100, 112); white-space: nowrap; }
.mkf-catpicker__item span:nth-child(2) { flex: 1 1 0%; }
.mkf-catpicker__cnt { font-size: 11px; color: rgb(144, 146, 152); }
.mkc-card__cmp { position: absolute; top: 8px; right: 8px; width: 26px; height: 26px; border-radius: 50%; border: 1.5px solid var(--border-color, #e5e7ef); background: rgb(255, 255, 255); color: var(--second-color, #4a6cf7); font-size: 16px; font-weight: 700; line-height: 1; cursor: pointer; display: none; align-items: center; justify-content: center; transition: background 0.15s, color 0.15s; z-index: 2; }
@media (max-width: 540px){.mkhelp-fab span { display: none; }}
.mkhelp-form__row { margin-bottom: 12px; }
.mkhelp-form__input { width: 100%; padding: 12px 14px; border: 1.5px solid var(--border-color, #e5e7ef); border-radius: 10px; font-size: 14px; outline: none; box-sizing: border-box; transition: border-color 0.15s; }
.mkp-slider__slide { position: absolute; inset: 0px; display: flex; align-items: center; justify-content: center; padding: 20px; box-sizing: border-box; opacity: 0; visibility: hidden; transition: opacity 0.25s; cursor: zoom-in; }
.mkp-faq__list { display: flex; flex-direction: column; gap: 10px; max-width: 860px; }
.mkc-related-cats__toggle { display: block; margin-top: 12px; padding: 8px 16px; background: none; border: 1.5px solid var(--border-color,#e5e7ef); border-radius: 20px; font-size: 13px; font-weight: 600; color: var(--second-color,#4a6cf7); cursor: pointer; transition: border-color 0.15s; }
.mkf-bar { display: flex; justify-content: center; background: var(--site-bg1, #fff); border-bottom: 1px solid var(--border-color, #e5e7ef); padding: 14px 0px; position: sticky; top: 0px; z-index: 100; }
.mkf-bar .container { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 20px; }
.mkf-bar__inner { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; flex: 1 1 auto; }
.mkf-price__input { width: 100px; padding: 6px 10px; border: 1.5px solid var(--border-color, #e5e7ef); border-radius: 8px; font-size: 13px; outline: none; }
.mkf-search { position: relative; flex: 1 1 220px; min-width: 180px; max-width: 320px; }
.mkf-search__input { width: 100%; padding: 7px 14px; border: 1.5px solid var(--border-color, #e5e7ef); border-radius: 20px; font-size: 13px; color: var(--text-color, #1a1c23); }
@media (max-width: 640px){.mkf-search { flex-basis: 100%; max-width: none; order: -1; }}
.mkf-catpicker { position: relative; flex-shrink: 0; }
.mkf-catpicker__btn { display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px; border-radius: 20px; border: 1.5px solid var(--border-color, #e5e7ef); font-size: 13px; font-weight: 600; color: var(--text-color, #1a1c23); cursor: pointer; list-style: none; white-space: nowrap; user-select: none; }
.mkf-catpicker__panel { position: absolute; top: calc(100% + 8px); left: 0px; z-index: 110; width: 320px; max-width: calc(-32px + 100vw); max-height: 360px; display: flex; flex-direction: column; background: rgb(255, 255, 255); border: 1.5px solid var(--border-color, #e5e7ef); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.14) 0px 12px 32px; padding: 8px; }
.mkf-catpicker__search { flex-shrink: 0; width: 100%; padding: 8px 10px; margin-bottom: 6px; border: 1.5px solid var(--border-color, #e5e7ef); border-radius: 8px; font-size: 13px; color: var(--text-color, #1a1c23); }
.mkf-catpicker__list { overflow-y: auto; }
.mkf-catpicker__item { display: flex; align-items: center; gap: 8px; padding: 7px 8px; border-radius: 8px; font-size: 13px; color: var(--text-color, #1a1c23); cursor: pointer; }
.mkf-catpicker__item input { flex-shrink: 0; }
@media (max-width: 640px){.mkf-catpicker__panel { position: fixed; inset: auto 0px 0px; width: auto; max-width: none; max-height: 70vh; border-radius: 16px 16px 0px 0px; box-shadow: rgba(0, 0, 0, 0.18) 0px -8px 32px; }}