/* ckr-ggsel.ru — базовые стили (перенесены из исходного макета один в один) */

* { box-sizing: border-box; }
body { margin: 0; background: #fff; font-family: "Open Sans", system-ui, sans-serif; color: #23262E; }
h1, h2, h3, p { margin: 0; }
a { color: #2f9c4a; text-decoration: none; }
a:hover { color: #23262E; }
button { font-family: inherit; }
input, textarea { font-family: inherit; }

.ckr-btn:hover { filter: brightness(0.94); }
.ckr-nav-link:hover { background: rgba(103,116,142,0.08); color: #23262E; }
.ckr-footer-link:hover { color: #fff; }

.ckr-card:hover { border-color: #44cf5e; }

/* ---------- Адаптив (1:1 из исходного style.css) ---------- */
@media (max-width: 1024px) {
  [data-r="g4"], [data-r="g3"], [data-r="gfoot"] { grid-template-columns: repeat(2, 1fr) !important; }
  [data-r="gside"], [data-r="gdoc"], [data-r="ghero"], [data-r="gbot"] { grid-template-columns: 1fr !important; }
  [data-r="gside"] aside, [data-r="gdoc"] aside { position: static !important; }
}
@media (max-width: 760px) {
  [data-r] { grid-template-columns: 1fr !important; }
  [data-r="gstep"] { grid-template-columns: 40px 1fr !important; }
  [data-r="hdr"] { height: 56px !important; padding: 0 16px !important; gap: 10px !important; }
  [data-r="pad"] { padding-left: 16px !important; padding-right: 16px !important; }
  [data-m="desk"] { display: none !important; }
  [data-m="mob"] { display: flex !important; }
  [data-m="topstrip"] > div { padding: 6px 16px !important; font-size: 12px !important; }
  [data-m="topstrip"] [data-m="stripmeta"] { display: none !important; }
  main section { padding: 36px 16px !important; }
  main section > div { padding-left: 0 !important; padding-right: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; }
  main h1 { font-size: 28px !important; line-height: 36px !important; }
  main h2 { font-size: 16px !important; line-height: 22px !important; }
  main p { font-size: 14px !important; line-height: 22px !important; }
  footer { padding-bottom: 84px !important; }
  [data-m="deal"] { flex: 0 0 232px !important; }
  [data-m="tabs"] { flex-wrap: nowrap !important; overflow-x: auto !important; margin: 0 -16px 20px !important; padding: 0 16px 14px !important; scrollbar-width: none; }
  [data-m="tabs"] > * { flex: 0 0 auto !important; }
  [data-m="tabs"]::-webkit-scrollbar { display: none; }
  main h3 { font-size: 15px !important; line-height: 22px !important; }
  [data-m="stat"] { font-size: 24px !important; line-height: 32px !important; }
  [data-m="askblock"], [data-m="fcol"] { display: none !important; }
  [data-m="ctabtns"] { flex-direction: column !important; width: 100% !important; }
  [data-m="ctabtns"] > * { width: 100% !important; }
  [data-m="mob"] > * { width: 100% !important; }
  [data-m="cta"] { flex-direction: column !important; align-items: stretch !important; gap: 20px !important; padding: 24px !important; }
}
@media (min-width: 761px) {
  [data-m="mob"] { display: none !important; }
}
@media (max-width: 1024px) and (min-width: 761px) {
  [data-m="herowrap"] { flex-direction: column !important; gap: 32px !important; }
  [data-m="askblock"] { flex: 1 1 auto !important; }
  [data-m="h1"] { max-width: 100% !important; }
}
@media (max-width: 760px) {
  [data-m="herowrap"] { flex-direction: column !important; }
  [data-m="hero"] h1, [data-m="hero"] p { max-width: 100% !important; }
  [data-m="fbrand"] { flex: 1 1 100% !important; }
  footer > div:first-child { flex-direction: column !important; }
  [data-m="fbrand"] div, [data-m="fbrand"] a { max-width: 100% !important; width: 100% !important; }
  [data-m="fbrand"] a { display: block !important; }
  [data-m="sechead"] { flex-direction: column !important; align-items: flex-start !important; gap: 12px !important; }
}

/* Хелперы для мобильного меню/поиска (переключаются через JS-класс is-open) */
.js-mob-search.is-open { display: block !important; }
.js-mob-nav.is-open { display: flex !important; }
.js-popup-overlay.is-open { display: flex !important; }

/* FAQ */
.ckr-faq-item[data-open="1"] .ckr-faq-answer { display: block; }
.ckr-faq-item .ckr-faq-answer { display: none; }

/* Карусель распродаж */
.ckr-deals-track { scrollbar-width: none; }
.ckr-deals-track::-webkit-scrollbar { display: none; }

/* Формы (админка использует свой admin.css, это — только публичная форма обратной связи) */
.ckr-input {
  height: 40px; padding: 0 12px; border: 1px solid rgba(103,116,142,0.24); border-radius: 8px;
  font-family: 'Open Sans', sans-serif; font-size: 14px; outline: none; width: 100%;
}
.ckr-textarea {
  padding: 10px 12px; border: 1px solid rgba(103,116,142,0.24); border-radius: 8px;
  font-family: 'Open Sans', sans-serif; font-size: 14px; outline: none; resize: none; width: 100%;
}
.ckr-input:focus, .ckr-textarea:focus { border-color: #44cf5e; }

/* Текст статьи (редактируется в админке через встроенный редактор) */
.ckr-article-body { font-size: 17px; line-height: 30px; color: #3a3f4b; }
.ckr-article-body > *:first-child { margin-top: 0; }
.ckr-article-body p { margin: 0 0 20px; }
.ckr-article-body h2 { font-size: 24px; line-height: 32px; font-weight: 600; color: #23262E; margin: 32px 0 14px; }
.ckr-article-body h3 { font-size: 20px; line-height: 28px; font-weight: 600; color: #23262E; margin: 28px 0 12px; }
.ckr-article-body h4 { font-size: 17px; line-height: 24px; font-weight: 600; color: #23262E; margin: 24px 0 10px; }
.ckr-article-body ul, .ckr-article-body ol { margin: 0 0 20px; padding-left: 22px; }
.ckr-article-body li { margin-bottom: 8px; }
.ckr-article-body a { color: #2f9c4a; text-decoration: underline; }
.ckr-article-body strong, .ckr-article-body b { font-weight: 700; color: #23262E; }
.ckr-article-body blockquote { margin: 0 0 20px; padding: 4px 20px; border-left: 3px solid #44cf5e; color: #67748E; }
.ckr-article-body img { max-width: 100%; height: auto; border-radius: 12px; display: block; margin: 20px 0; }