/* Лендинг catalogs-zap.ru — дополнения к теме личного кабинета (theme.min.css) */
html { scroll-behavior: smooth; scroll-padding-top: 4.5rem; }
body { font-family: 'Inter', sans-serif; }
.py-7 { padding-top: 4.5rem !important; padding-bottom: 4.5rem !important; }
.py-lg-10 { padding-top: 6rem !important; padding-bottom: 6rem !important; }
.text-white-70 { color: rgba(255,255,255,.72) !important; }
.py-6 { padding-top: 3.5rem !important; padding-bottom: 3.5rem !important; }
.cz-intro { max-width: 46rem; }
.cz-narrow { max-width: 54rem; margin: 0 auto; }

/* внутренние страницы */
.cz-page-h1 { font-size: clamp(2rem, 4vw, 2.75rem); letter-spacing: -.02em; }
.breadcrumb-light .breadcrumb-item + .breadcrumb-item::before { color: rgba(255,255,255,.5); }
.breadcrumb-light a { text-decoration: none; }
.cz-rk-row { display: flex; flex-wrap: wrap; align-items: center; gap: .25rem 1rem; padding: .7rem 0; border-top: 1px solid #e7eaf3; }
.cz-rk-row:first-of-type { border-top: 0; }
.cz-rk-k { color: #8c98a4; min-width: 10rem; }
.cz-rk-v { font-weight: 600; color: #1e2022; word-break: break-word; flex: 1; }
.cz-checks.text-muted li { margin-bottom: .6rem; }
.cz-flow-step { height: 100%; padding: 1.25rem 1rem; border-radius: .75rem; background: #f8fafd; display: flex; flex-direction: column; align-items: center; gap: .35rem; }
.cz-flow-step span { color: #677788; font-size: .875rem; }
@media (min-width: 768px) {
  .cz-flow > div { position: relative; }
  .cz-flow > div:not(:last-child)::after { content: "\F285"; font-family: 'bootstrap-icons'; position: absolute; right: -.55rem; top: 50%; transform: translateY(-50%); color: #bdc5d1; z-index: 1; }
}

.cz-nav .nav-link { font-size: .8125rem; font-weight: 600; letter-spacing: .02em; }
.cz-nav .nav-link:hover { color: #fff !important; opacity: .8; }

.cz-hero { background: radial-gradient(1200px 600px at 85% 10%, rgba(55,125,255,.35), transparent 60%),
                       radial-gradient(800px 500px at 0% 100%, rgba(0,201,167,.18), transparent 60%), #132144 !important; }
.cz-hero h1 { letter-spacing: -.02em; }

.cz-browser { border-radius: 1rem; overflow: hidden; background: #fff; transform: perspective(1400px) rotateY(-6deg); }
.cz-browser-bar { display: flex; align-items: center; gap: .4rem; padding: .6rem .9rem; background: #f1f3f8; }
.cz-browser-bar > span { width: .7rem; height: .7rem; border-radius: 50%; background: #dde1ee; }
.cz-browser-bar > span:first-child { background: #ed4c78; } .cz-browser-bar > span:nth-child(2) { background: #f5ca99; } .cz-browser-bar > span:nth-child(3) { background: #00c9a7; }
.cz-url { margin-left: .75rem; flex: 1; background: #fff; border-radius: 1rem; padding: .15rem .8rem; font-size: .75rem; color: #8c98a4; }
.cz-step { border: 1px solid #e7eaf3; border-radius: .5rem; padding: .45rem .6rem; display: flex; flex-direction: column; line-height: 1.25; }
.cz-step-active { border-color: #377dff; box-shadow: 0 0 0 .15rem rgba(55,125,255,.15); }
@media (max-width: 991.98px) { .cz-browser { transform: none; } }

.cz-stats { margin-top: -2.5rem; position: relative; z-index: 2; }

.cz-icon { display: inline-flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; border-radius: .75rem; font-size: 1.5rem; }
.cz-icon-lg { width: 4rem; height: 4rem; border-radius: 50%; font-size: 1.75rem; }
.cz-card { transition: transform .2s, box-shadow .2s; }
.cz-card:hover { transform: translateY(-3px); box-shadow: 0 .75rem 2rem rgba(140,152,164,.25); }
.cz-checks li { position: relative; padding-left: 1.5rem; margin-bottom: .35rem; }
.cz-checks li::before { content: "\F26B"; font-family: 'bootstrap-icons'; position: absolute; left: 0; color: #00c9a7; }

.cz-steps { counter-reset: s; }
.cz-steps li { counter-increment: s; position: relative; padding-left: 3.25rem; margin-bottom: 1.25rem; }
.cz-steps li::before { content: counter(s); position: absolute; left: 0; top: 0; width: 2.25rem; height: 2.25rem; border-radius: 50%;
  background: #377dff; color: #fff; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.cz-steps b, .cz-steps span { display: block; }
.cz-steps span { color: #677788; font-size: .875rem; }
.cz-code pre { white-space: pre-wrap; word-break: break-all; font-size: .85rem; line-height: 1.6; }

.cz-tabs { display: flex; width: fit-content; max-width: 100%; }
.cz-price { position: relative; transition: transform .2s; }
.cz-price:hover { transform: translateY(-3px); }
.cz-price-badge { position: absolute; top: -.7rem; left: 50%; transform: translateX(-50%); }

.cz-demo { background: linear-gradient(120deg, #132144 0%, #1e3a8a 60%, #377dff 140%) !important; }
.cz-flinks a { color: rgba(255,255,255,.72); text-decoration: none; display: inline-block; padding: .15rem 0; }
.cz-flinks a:hover { color: #fff; }
.accordion-button { font-weight: 600; }