/* CM-135 · about.cybermarket.ee · landing.css: токены и компоненты поверх Bootstrap 5.3.8 (design/spec.md) */
:root{
--cm-blue:#1f288b;--cm-blue-hover:#000b86;--cm-blue-active:#00086a;--cm-navy:#0b1152;
--cm-lime:#b1d866;--cm-lime-hover:#c4e385;--cm-lime-active:#a3cc4f;--cm-gold:#e2c754;
--cm-blue-50:#f4f5fb;--cm-blue-100:#e9eaf3;--cm-blue-200:#d2d4e8;
--cm-heading:#141a5c;--cm-text:#2a2a2a;--cm-muted:#526171;
--cm-on-dark-muted:#d6dcff;--cm-footer-text:#c9cff0;--cm-footer-muted:#9aa3d6;
--cm-border:#dfe2ee;--cm-border-input:#7b82ab;
--cm-warning:#8a5300;--cm-warning-bg:#fff4d6;--cm-danger:#b3261e;
--cm-focus:#1f288b;--cm-radius:6px;--cm-radius-panel:12px;
--cm-shadow-sm:0 1px 2px rgba(11,17,82,.06),0 1px 3px rgba(11,17,82,.08);
--cm-shadow-md:0 6px 16px rgba(11,17,82,.08),0 2px 4px rgba(11,17,82,.05);
--cm-shadow-lg:0 18px 44px rgba(11,17,82,.16);--cm-shadow-header:0 2px 12px rgba(0,8,106,.28);
--cm-section-y:56px;--cm-header-h:64px;--cm-measure:68ch;--cm-ease:cubic-bezier(.2,.6,.2,1);--cm-dur:150ms;--cm-t:150ms cubic-bezier(.2,.6,.2,1);
}
@media (min-width:768px){:root{--cm-section-y:72px}}
@media (min-width:1200px){:root{--cm-section-y:96px}}
:root,[data-bs-theme=light]{
--bs-primary:#1f288b;--bs-primary-rgb:31,40,139;--bs-primary-text-emphasis:#141a5c;
--bs-primary-bg-subtle:#e9eaf3;--bs-primary-border-subtle:#d2d4e8;
--bs-body-font-family:Manrope,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
--bs-body-line-height:1.625;--bs-body-color:#2a2a2a;--bs-body-color-rgb:42,42,42;
--bs-heading-color:#141a5c;--bs-emphasis-color:#141a5c;--bs-secondary-color:#526171;--bs-tertiary-bg:#f4f5fb;
--bs-link-color:#1f288b;--bs-link-color-rgb:31,40,139;--bs-link-hover-color:#000b86;--bs-link-hover-color-rgb:0,11,134;
--bs-border-color:#dfe2ee;--bs-border-radius:6px;--bs-border-radius-sm:4px;--bs-border-radius-lg:6px;--bs-border-radius-xl:12px;
--bs-box-shadow-sm:var(--cm-shadow-sm);--bs-box-shadow:var(--cm-shadow-md);--bs-box-shadow-lg:var(--cm-shadow-lg);
}
@media (min-width:1200px){:root{--bs-body-font-size:1.0625rem}}
html{scroll-padding-top:72px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{-webkit-font-smoothing:antialiased;overflow-wrap:break-word}
.container{--bs-gutter-x:2rem}
@media (min-width:1216px){.container{max-width:1200px}}
h1,h2,h3,h4{color:var(--cm-heading);font-weight:700}
h1{font-size:clamp(2rem,1.25rem + 2.67vw,3.25rem);line-height:1.12;letter-spacing:-.02em;margin-bottom:16px}
h2{font-size:clamp(1.625rem,1.1rem + 1.75vw,2.375rem);line-height:1.2;letter-spacing:-.015em}
h3{font-size:clamp(1.1875rem,1.05rem + .45vw,1.375rem);font-weight:600;line-height:1.35;letter-spacing:-.01em}
h4{font-size:1.0625rem;font-weight:600;line-height:1.4}
strong{font-weight:700}
:focus-visible{outline:3px solid var(--cm-focus);outline-offset:2px}
.btn:focus-visible,.nav-link:focus-visible,.navbar-toggler:focus-visible{box-shadow:none;outline:3px solid var(--cm-focus);outline-offset:2px}
.cm-header,.section-dark,.cm-footer{--cm-focus:#b1d866}
/* кнопки */
.btn{--bs-btn-font-weight:600;--bs-btn-padding-y:.625rem;--bs-btn-padding-x:1.25rem;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center}
.btn-lg{--bs-btn-padding-y:.875rem;--bs-btn-padding-x:1.75rem;--bs-btn-font-size:1.0625rem;min-height:52px}
.btn-primary{--bs-btn-bg:#1f288b;--bs-btn-border-color:#1f288b;--bs-btn-hover-bg:#000b86;--bs-btn-hover-border-color:#000b86;--bs-btn-active-bg:#00086a;--bs-btn-active-border-color:#00086a;--bs-btn-disabled-bg:#1f288b;--bs-btn-disabled-border-color:#1f288b}
.btn-outline-primary{--bs-btn-color:#1f288b;--bs-btn-border-color:#1f288b;--bs-btn-hover-bg:#1f288b;--bs-btn-hover-border-color:#1f288b;--bs-btn-active-bg:#000b86;--bs-btn-active-border-color:#000b86;--bs-btn-disabled-color:#1f288b;--bs-btn-disabled-border-color:#1f288b;background:#fff}
.btn-outline-primary:hover,.btn-outline-primary:active{background:var(--bs-btn-hover-bg)}
.btn-cta{--bs-btn-color:#0b1152;--bs-btn-bg:#b1d866;--bs-btn-border-color:#b1d866;--bs-btn-hover-color:#0b1152;--bs-btn-hover-bg:#c4e385;--bs-btn-hover-border-color:#c4e385;--bs-btn-active-color:#0b1152;--bs-btn-active-bg:#a3cc4f;--bs-btn-active-border-color:#a3cc4f;--bs-btn-font-weight:700}
.btn-ghost-light{--bs-btn-color:#fff;--bs-btn-bg:rgba(13,20,88,.45);--bs-btn-border-color:rgba(214,225,255,.35);--bs-btn-hover-color:#fff;--bs-btn-hover-bg:rgba(255,255,255,.12);--bs-btn-hover-border-color:rgba(214,225,255,.6);--bs-btn-active-color:#fff;--bs-btn-active-bg:rgba(255,255,255,.18)}
.cm-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
@media (max-width:575.98px){.cm-actions-stack{display:grid}}
.cm-link-arrow{display:inline-flex;align-items:center;gap:6px;font-weight:600;text-underline-offset:3px}
.cm-more{margin:24px 0 0}
.cm-ext{margin-left:4px;vertical-align:-1px}
.bi{fill:currentColor;flex-shrink:0}
span[lang]{white-space:nowrap}
/* разделы */
.cm-section{padding-block:var(--cm-section-y)}
.section-alt{background:var(--cm-blue-50)}
.section-dark{position:relative;overflow:hidden;color:#fff;background:linear-gradient(135deg,#1f288b,#18207f 55%,#000b86)}
.section-dark :is(h1,h2,h3){color:#fff}
.section-dark .cm-lead{color:var(--cm-on-dark-muted)}
.section-dark .cm-eyebrow{color:var(--cm-lime)}
.section-head{max-width:760px;margin-bottom:32px}
@media (min-width:768px){.section-head{margin-bottom:40px}}
@media (min-width:1200px){.section-head{margin-bottom:48px}}
.section-head h2{margin-bottom:12px}
.section-head>:last-child,.section-head>hgroup:last-child h2{margin-bottom:0}
hgroup{margin:0}
.cm-eyebrow{font-size:.8125rem;font-weight:700;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;color:var(--cm-blue);margin-bottom:8px}
.cm-lead{font-size:1.125rem;line-height:1.6;color:var(--cm-muted);max-width:var(--cm-measure)}
@media (min-width:1200px){.cm-lead{font-size:1.25rem}}
.cm-head-text{margin:12px 0 0;max-width:var(--cm-measure)}
.cm-group-title{margin-bottom:20px}
.cm-group-title-flush{margin-top:0}
* + .cm-group-title,.cm-after{margin-top:40px}
@media (min-width:768px){* + .cm-group-title,.cm-after{margin-top:56px}}
.cm-note{color:var(--cm-muted);font-size:.9375rem;max-width:var(--cm-measure)}
@media (min-width:992px){.cm-sticky{position:sticky;top:96px}}
/* шапка */
.cm-sentinel{position:absolute;top:0;left:0;width:1px;height:1px}
.cm-header{--bs-navbar-padding-y:0;background:var(--cm-blue);transition:box-shadow var(--cm-t)}
.cm-header.is-scrolled{box-shadow:var(--cm-shadow-header)}
.cm-header>.container{min-height:var(--cm-header-h);gap:0 12px}
.cm-logo{display:inline-flex;margin-right:auto;padding-block:12px}
.cm-logo img{width:145px;height:auto}
@media (min-width:768px){.cm-logo img{width:182px}}
.cm-header-cta{white-space:nowrap}
.cm-toggler{width:44px;height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;color:#fff;border:1px solid rgba(214,225,255,.35);border-radius:var(--cm-radius)}
.cm-toggler:focus{box-shadow:none}
.cm-toggler[aria-expanded=true] .cm-i-open,.cm-toggler[aria-expanded=false] .cm-i-close{display:none}
.cm-nav .nav-link{display:flex;align-items:center;min-height:48px;color:#e6edff;font-size:.9375rem;font-weight:600}
.cm-nav .nav-link:hover,.cm-nav .nav-link.active{color:#fff}
@media (max-width:1199.98px){
.cm-nav{margin-inline:-16px;padding:4px 16px 12px;border-top:1px solid rgba(214,225,255,.2);max-height:calc(100dvh - 64px);overflow-y:auto}
.cm-nav .nav-link{border-bottom:1px solid rgba(214,225,255,.12)}
.cm-nav .nav-link.active{box-shadow:inset 3px 0 0 var(--cm-lime);padding-left:12px}
}
@media (min-width:1200px){
.cm-nav{justify-content:center}
.cm-nav .nav-link{min-height:var(--cm-header-h);padding-inline:14px}
.cm-nav .nav-link.active{box-shadow:inset 0 -2px 0 var(--cm-lime)}
}
@media (max-width:389.98px){.cm-logo img{width:112px}.cm-header-cta{--bs-btn-padding-x:.75rem}.cm-header-cta .bi{display:none}.cm-header>.container{gap:0 8px}}
@media (max-height:500px){.cm-header.sticky-top{position:relative}}
.cm-skip:focus{position:fixed;top:8px;left:8px;z-index:1100;padding:12px 20px;border-radius:var(--cm-radius);background:var(--cm-lime);color:var(--cm-navy);font-weight:700}
/* первый экран */
.cm-hero{padding-block:56px}
@media (min-width:768px){.cm-hero{padding-block:80px}}
@media (min-width:1200px){.cm-hero{padding-block:104px}}
.cm-hero .container,.cm-final .container{position:relative;z-index:1}
.cm-hero .cm-lead{max-width:60ch;margin:0}
@media (min-width:992px){
.cm-hero::after,.cm-final::before{content:"";position:absolute;top:calc(50% - 240px);width:480px;height:480px;background:url(https://about.cybermarket.ee/assets/img/brand/favicon.svg?v=1f1ac02d) center/contain no-repeat;opacity:.1;pointer-events:none}
.cm-hero::after{right:-96px}
.cm-final::before{left:-96px;transform:scaleX(-1)}
}
.cm-hero .cm-actions{margin-top:32px}
.cm-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:48px 0 0}
.cm-kpis>:last-child:nth-child(odd){grid-column:1/-1}
@media (min-width:768px){.cm-kpis{grid-template-columns:repeat(3,1fr)}.cm-kpis>:last-child:nth-child(odd){grid-column:auto}}
.cm-kpi{display:flex;flex-direction:column;gap:2px;padding-left:12px;border-left:2px solid rgba(177,216,102,.55)}
.cm-kpi.is-rev{flex-direction:column-reverse;justify-content:flex-end}
.cm-kpi-value{display:flex;align-items:flex-end;min-height:1.875rem;font-size:1.625rem;font-weight:700;line-height:1.15;font-variant-numeric:tabular-nums;color:#fff}
.cm-kpi.is-word .cm-kpi-value{font-size:1.1875rem;line-height:1.35}
@media (min-width:1200px){.cm-kpi-value{min-height:2.3rem;font-size:2rem}.cm-kpi.is-word .cm-kpi-value{font-size:1.375rem}}
.cm-kpi-label{font-size:.875rem;font-weight:500;line-height:1.45;color:var(--cm-on-dark-muted)}
.cm-cred{display:grid;gap:20px;margin:0;padding:28px;border:1px solid rgba(214,225,255,.2);border-radius:var(--cm-radius-panel);background:rgba(255,255,255,.07)}
.cm-cred li{display:flex;gap:14px}
.cm-cred .bi{flex-shrink:0;margin-top:2px;color:var(--cm-lime)}
.cm-cred-title{display:block;font-weight:600;font-size:1.0625rem;color:#fff}
.cm-cred-text{display:block;margin-top:2px;font-size:.875rem;line-height:1.45;color:var(--cm-on-dark-muted)}
/* определение */
.cm-quote{padding:4px 0 4px 20px;border-left:4px solid var(--cm-blue)}
.cm-quote p{font-size:1.125rem;line-height:1.65;margin:0}
@media (min-width:1200px){.cm-quote p{font-size:1.1875rem}}
/* панели, карточки, списки */
.cm-panel{padding:20px;border-radius:var(--cm-radius-panel);background:var(--cm-blue-50)}
@media (min-width:576px){.cm-panel{padding:24px}}
@media (min-width:992px){.cm-panel{padding:40px}}
.section-alt .cm-panel,.cm-panel-white{background:#fff}
.cm-panel-title{margin-bottom:16px}
.cm-icon-chip{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border-radius:50%;background:var(--cm-blue-100);color:var(--cm-blue)}
.cm-feature h4{margin:16px 0 8px}
.cm-feature p,.cm-card p,.cm-checks p,.cm-rows p,.cm-mini-steps p,.cm-rules p{margin:0;color:var(--cm-muted)}
.cm-card{padding:20px;border:1px solid var(--cm-border);border-radius:var(--cm-radius);background:#fff}
.cm-card h4{margin:12px 0 6px}
.cm-card-row{display:flex;gap:16px}
.cm-card-row h4{margin:0 0 4px}
.cm-card+.cm-card{margin-top:12px}
.col>.cm-card{height:100%}
.cm-callout{padding:20px;border-left:4px solid var(--cm-blue);border-radius:0 var(--cm-radius) var(--cm-radius) 0;background:var(--cm-blue-50)}
.section-alt .cm-callout{background:#fff}
.cm-callout :is(h3,h4){font-size:1.0625rem;margin-bottom:8px}
.cm-callout p:last-child,.cm-qa p:last-child{margin-bottom:0}
.cm-callout-spaced{margin-bottom:40px}
.cm-qa h3{font-size:1.0625rem;margin-bottom:8px}
.cm-more-inline{margin:12px 0 0}
.cm-checks{display:grid;gap:16px;margin:0}
.cm-checks li{display:flex;gap:12px}
.cm-checks .bi{flex-shrink:0;margin-top:1px;color:var(--cm-blue)}
.cm-item-title{font-size:1.0625rem;margin:0 0 4px}
.cm-panel p+.cm-checks{margin-top:20px}
.cm-mini-steps,.cm-rules,.cm-steps{counter-reset:step}
.cm-mini-steps>li,.cm-rules>li,.cm-steps>li{counter-increment:step}
.cm-mini-steps{display:grid;gap:16px;margin:0 0 20px}
.cm-mini-steps>li{display:grid;grid-template-columns:28px 1fr;gap:0 12px}
.cm-mini-steps>li::before,.cm-rules>li::before,.cm-step::before{content:counter(step);font-weight:700;font-variant-numeric:tabular-nums}
.cm-mini-steps>li::before{grid-row:span 2;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--cm-blue-200);color:var(--cm-heading);font-size:.875rem}
.cm-mini-steps h4{margin:3px 0 2px}
.cm-rules{margin:0}
.cm-rules>li{display:grid;grid-template-columns:40px 1fr;gap:0 16px;padding-block:20px;border-top:1px solid var(--cm-border)}
.cm-rules>li:last-child{border-bottom:1px solid var(--cm-border)}
.cm-rules>li::before{grid-row:span 2;font-size:1.625rem;line-height:1;color:var(--cm-blue)}
@media (min-width:768px){.cm-rules>li::before{font-size:2rem}}
.cm-rules h4{font-size:1.1875rem;margin-bottom:6px}
.cm-steps{margin-bottom:0}
.cm-step{padding:24px;border:1px solid var(--cm-border);border-radius:var(--cm-radius);background:#fff}
.cm-step::before{display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin-bottom:16px;border-radius:50%;background:var(--cm-blue);color:#fff}
.cm-step h3{font-size:1.1875rem;margin-bottom:8px}
.cm-step p{margin:0;color:var(--cm-muted)}
.cm-col-full{width:100%!important}
.cm-bullets{margin:0;padding-left:1.25rem}
.cm-bullets li+li{margin-top:8px}
.cm-badge-gold{display:inline-block;margin-bottom:16px;padding:4px 12px;border-radius:999px;background:var(--cm-gold);color:var(--cm-navy);font-size:.8125rem;font-weight:700}
/* поиск */
.cm-search{padding:16px;box-shadow:var(--cm-shadow-md)}
@media (min-width:576px){.cm-search{padding:24px}}
@media (min-width:992px){.cm-search{padding:32px}}
.cm-search-label{display:block;margin-bottom:12px;font-size:clamp(1.1875rem,1.05rem + .45vw,1.375rem);font-weight:600;line-height:1.35;color:var(--cm-heading)}
.cm-search-row{display:flex;gap:8px}
.cm-search-field{position:relative;flex:1 1 auto;min-width:0}
.cm-search-field .form-control{height:52px;padding-inline:44px;border-color:var(--cm-border-input);font-size:1rem}
.cm-search-field .form-control:focus{border-color:#1f288b;box-shadow:0 0 0 1px #1f288b,0 0 0 5px rgba(31,40,139,.18)}
.cm-search-field .form-control::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.cm-search-icon{position:absolute;top:50%;left:14px;margin-top:-10px;color:var(--cm-muted);pointer-events:none}
.cm-search-spinner{position:absolute;top:50%;right:16px;margin-top:-8px;color:var(--cm-blue)}
.cm-search-btn{min-width:88px;height:52px}
@media (min-width:768px){
.cm-search-field .form-control{height:56px;padding-inline:48px;font-size:1.125rem}
.cm-search-icon{left:16px}
.cm-search-btn{min-width:112px;height:56px}
}
.cm-search-help{margin:12px 0 0;font-size:.875rem;color:var(--cm-muted)}
.cm-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}
.cm-chips-label{font-size:.875rem;font-weight:500;color:var(--cm-muted)}
.cm-chip{min-height:44px;padding:0 16px;border:0;border-radius:999px;background:var(--cm-blue-100);color:var(--cm-blue);font-size:.875rem;font-weight:600;transition:background-color var(--cm-t)}
.cm-chip:hover{background:var(--cm-blue-200)}
@media (min-width:768px){.cm-chip{min-height:36px}}
.cm-results{margin-top:24px;padding-top:24px;border-top:1px solid var(--cm-border);transition:opacity var(--cm-t)}
.cm-results[aria-busy=true]{opacity:.55}
.cm-results-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;margin-bottom:16px;font-size:.875rem;color:var(--cm-muted)}
.cm-results-head p{margin:0}
.cm-results-grid{margin-bottom:0}
.cm-result{display:flex;flex-direction:column;height:100%;padding:12px;border:1px solid var(--cm-border);border-radius:var(--cm-radius);background:#fff;color:var(--cm-text);text-decoration:none;transition:border-color var(--cm-t),box-shadow var(--cm-t)}
.cm-result:hover{border-color:var(--cm-blue);box-shadow:var(--cm-shadow-md);color:var(--cm-text)}
.cm-result:hover .cm-result-name{text-decoration:underline}
.cm-result-img{margin-bottom:12px;background:#fff}
.cm-result-img img{object-fit:contain}
.cm-result-ph{display:flex;align-items:center;justify-content:center;background:var(--cm-blue-50);color:var(--cm-muted)}
.cm-result-name{display:-webkit-box;min-height:40px;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9375rem;font-weight:600;line-height:20px;color:var(--cm-heading)}
.cm-result-brand{margin-top:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;color:var(--cm-muted)}
.cm-result-price{margin-top:auto;padding-top:8px;font-size:1.0625rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--cm-heading)}
.cm-result-price.is-sale{color:var(--cm-danger)}
.cm-result-price s{margin-left:8px;font-size:.8125rem;font-weight:500;color:var(--cm-muted)}
.cm-results-more{margin:16px 0 0;text-align:right}
@media (min-width:576px){.cm-results-all{--bs-btn-border-color:transparent;--bs-btn-hover-bg:transparent;--bs-btn-hover-color:#000b86;--bs-btn-hover-border-color:transparent;--bs-btn-active-bg:transparent;--bs-btn-active-color:#00086a;--bs-btn-active-border-color:transparent;--bs-btn-padding-x:0;background:none;min-height:0;text-decoration:underline;text-underline-offset:3px}}
@media (max-width:575.98px){
.cm-results-grid{--bs-gutter-y:0}
.cm-result{display:grid;grid-template-columns:72px 1fr;grid-template-rows:auto auto 1fr;column-gap:12px;min-height:96px;padding:12px 0;border-width:0 0 1px;border-radius:0}
.cm-result:hover{box-shadow:none}
.cm-result-img{grid-row:1/4;width:72px;margin:0}
.cm-result-name{min-height:0}
.cm-result-price{align-self:end}
.cm-results-all{width:100%;min-height:48px}
}
.cm-search-empty{text-align:center;max-width:560px;margin-inline:auto}
.cm-search-empty-title{margin:12px 0 4px;font-size:1.0625rem;font-weight:600;color:var(--cm-heading)}
.cm-search-empty-note{color:var(--cm-muted)}
.cm-search-empty .cm-actions{justify-content:center;margin-top:16px}
.cm-search-error{display:flex;gap:12px;padding:16px 20px;border-left:4px solid var(--cm-warning);border-radius:0 var(--cm-radius) var(--cm-radius) 0;background:var(--cm-warning-bg)}
.cm-search-error-icon{flex-shrink:0;margin-top:2px;color:var(--cm-warning)}
.cm-search-error-title{margin-bottom:4px;font-weight:700;color:var(--cm-text)}
.cm-search-error p:not(.cm-search-error-title){margin:0}
.cm-search-error .cm-actions{align-items:center;margin-top:12px}
/* плитки категорий */
.cm-catalog-title{margin-top:48px}
.cm-tiles{display:grid;grid-template-columns:1fr;gap:12px;margin:0}
@media (min-width:576px){.cm-tiles{grid-template-columns:repeat(2,1fr);gap:16px}}
@media (min-width:992px){.cm-tiles{grid-template-columns:repeat(3,1fr)}}
.cm-tiles-wide{grid-column:1/-1}
.cm-tile{display:flex;align-items:flex-start;gap:14px;height:100%;padding:16px;border:1px solid var(--cm-border);border-radius:var(--cm-radius);background:#fff;color:var(--cm-heading);text-decoration:none;transition:border-color var(--cm-t),box-shadow var(--cm-t),transform var(--cm-t)}
.cm-tile:hover{border-color:var(--cm-blue);box-shadow:var(--cm-shadow-md);transform:translateY(-2px);color:var(--cm-heading)}
.cm-tile-chip{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border-radius:50%;background:var(--cm-blue-100);color:var(--cm-blue);transition:background-color var(--cm-t),color var(--cm-t)}
.cm-tile:hover .cm-tile-chip{background:var(--cm-blue);color:#fff}
.cm-tile-body{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}
.cm-tile-title{font-size:.9375rem;font-weight:600;line-height:1.35}
.cm-tile-text{font-size:.8125rem;font-weight:500;line-height:1.45;color:var(--cm-muted)}
.cm-tile-sale{align-items:center;padding:16px 20px;border-left:4px solid var(--cm-lime)}
.cm-tile-sale:hover{border-left-color:var(--cm-lime)}
.cm-tile-sale .cm-tile-chip,.cm-tile-sale:hover .cm-tile-chip{background:var(--cm-lime);color:var(--cm-navy)}
@media (min-width:768px){.cm-tile-sale .cm-tile-chip{width:56px;height:56px}}
.cm-tile-sale .cm-tile-title{font-size:1.0625rem}
.cm-tile-sale .cm-tile-text{font-size:.875rem}
.cm-tile-arrow{flex-shrink:0;color:var(--cm-blue)}

/* логотипы партнёров */
.cm-logos{display:grid;grid-template-columns:1fr;gap:12px;margin:0 0 12px}
@media (min-width:576px){.cm-logos{grid-template-columns:repeat(2,1fr)}.cm-logos-3{grid-template-columns:repeat(3,1fr)}}
@media (min-width:768px){.cm-logos-5,.cm-logos-6{grid-template-columns:repeat(3,1fr)}.cm-logos-4{grid-template-columns:repeat(4,1fr)}}
.cm-logo-card{position:relative;display:flex;align-items:center;gap:16px;height:100%;padding:12px;border:1px solid var(--cm-border);border-radius:var(--cm-radius);background:#fff;transition:border-color var(--cm-t),box-shadow var(--cm-t)}
.cm-logo-well{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:104px;height:40px;color:var(--cm-blue)}
.cm-logo-well img{max-width:100%;max-height:100%;height:auto}
@media (min-width:576px){
.cm-logo-card{flex-direction:column;justify-content:flex-start;gap:8px;min-height:120px;padding:16px;text-align:center}
.cm-logo-well{width:auto;height:48px}
}
.cm-logo-name{margin:0 0 2px;font-size:.9375rem}
.cm-logo-name a{color:var(--cm-heading);text-decoration:none}
.cm-logo-caption{margin:0;font-size:.8125rem;font-weight:500;line-height:1.4;color:var(--cm-muted)}
.cm-logo-card.is-link:hover{border-color:var(--cm-blue);box-shadow:var(--cm-shadow-md)}
.cm-logo-card.is-link:hover .cm-logo-name a{text-decoration:underline}
.stretched-link:focus-visible{outline:0}
.stretched-link:focus-visible::after{outline:3px solid var(--cm-focus);outline-offset:2px;border-radius:var(--cm-radius)}
/* макеты (aria-hidden) */
.cm-mock-price,.cm-mock-chat{margin-inline:auto;border-radius:var(--cm-radius-panel);background:#fff;box-shadow:var(--cm-shadow-lg)}
.cm-mock-price{max-width:380px;padding:24px;border:1px solid var(--cm-border)}
.cm-mock-head,.cm-mock-chat-head{display:flex;align-items:center;gap:12px}
.cm-mock-head{margin-bottom:16px}
.cm-mock-bell,.cm-mock-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%}
.cm-mock-bell{background:var(--cm-lime);color:var(--cm-navy)}
.cm-mock-title,.cm-mock-name{margin:0;font-weight:700;color:var(--cm-heading)}
.cm-mock-role{margin:0;font-size:.8125rem;color:var(--cm-muted)}
.cm-mock-product{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--cm-border);border-radius:var(--cm-radius)}
.cm-mock-thumb{width:56px;height:56px;border-radius:4px;background:var(--cm-blue-100)}
.cm-mock-lines{display:grid;flex:1;gap:8px}
.cm-mock-lines span{height:10px;border-radius:5px;background:var(--cm-blue-100)}
.cm-mock-lines span+span{width:60%}
.cm-mock-prices{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:16px 0 0}
.cm-mock-bar{height:12px;border-radius:6px}
.cm-mock-bar.is-old{width:64px;background:var(--cm-blue-100)}
.cm-mock-bar.is-new{width:88px;height:18px;border-radius:9px;background:var(--cm-blue)}
.cm-mock-drop{color:var(--cm-blue)}
.cm-mock-mail{display:flex;align-items:center;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--cm-border)}
.cm-mock-mail-chip{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--cm-blue-100);color:var(--cm-blue)}
.cm-mock-chat{max-width:480px;overflow:hidden}
.cm-mock-chat-head{padding:16px 20px;background:var(--cm-blue)}
.cm-mock-avatar{background:rgba(255,255,255,.12);color:var(--cm-lime)}
.cm-mock-chat-head .cm-mock-name{color:#fff}
.cm-mock-chat-head .cm-mock-role{color:var(--cm-on-dark-muted)}
.cm-mock-chat-body{display:flex;flex-direction:column;gap:10px;padding:20px;background:var(--cm-blue-50)}
.cm-bubble{display:grid;gap:8px;width:72%;margin:0;padding:12px 14px;border-radius:14px}
.cm-bubble span{height:8px;border-radius:4px;background:currentColor;opacity:.28}
.cm-bubble span+span{width:62%}
.cm-bubble.is-client{align-self:flex-end;border-bottom-right-radius:4px;background:var(--cm-blue-100);color:var(--cm-blue)}
.cm-bubble.is-agent{align-self:flex-start;border:1px solid var(--cm-border);border-bottom-left-radius:4px;background:#fff;color:var(--cm-muted)}

/* аккордеоны на <details> */
.cm-acc-group{overflow:hidden;border:1px solid var(--cm-border);border-radius:var(--cm-radius);background:#fff}
.cm-qa-block+.cm-qa-block{margin-top:40px}
.cm-qa-block .cm-acc-group{margin-top:20px}
.cm-acc+.cm-acc{border-top:1px solid var(--cm-border)}
.cm-acc summary{display:flex;align-items:center;gap:16px;min-height:44px;padding:18px 20px;cursor:pointer;list-style:none;transition:background-color var(--cm-t)}
.cm-acc summary::-webkit-details-marker{display:none}
.cm-acc summary::after{content:"";flex-shrink:0;width:20px;height:20px;margin-left:auto;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%231f288b' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e") center/20px no-repeat;transition:transform .2s var(--cm-ease)}
.cm-acc[open]>summary{background:var(--cm-blue-50)}
.cm-acc[open]>summary::after{transform:rotate(-180deg)}
.cm-acc summary:focus-visible{outline-offset:-3px}
.cm-acc-q{margin:0;font-size:1.0625rem;font-weight:600;line-height:1.4;color:var(--cm-heading)}
.cm-acc summary:hover .cm-acc-q,.cm-acc[open] .cm-acc-q{color:var(--cm-blue)}
.cm-acc-body{padding:16px 20px 20px}
.cm-acc-body p:last-child{margin-bottom:0}
@media (min-width:768px){.cm-acc summary{padding-inline:24px}.cm-acc-body{padding-inline:24px}}
/* возврат */
.cm-stat{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 10px;margin:24px 0 0;color:var(--cm-blue)}
.cm-stat-value{font-size:2.5rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}
.cm-stat-unit{font-size:1.5rem;font-weight:700}
.cm-stat-caption{flex-basis:100%;margin-top:4px;font-size:.875rem;font-weight:500;color:var(--cm-muted)}
@media (min-width:768px){.cm-stat-value{font-size:3.5rem}}
.cm-rows{margin:20px 0 0;border-top:1px solid var(--cm-border)}
.cm-rows li{display:flex;gap:16px;padding-block:20px;border-bottom:1px solid var(--cm-border)}
.cm-rows .cm-icon-chip{width:40px;height:40px}
.cm-rows h4{margin:0 0 4px}
/* отзывы */
.cm-link-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid var(--cm-border);border-radius:var(--cm-radius);background:#fff;transition:border-color var(--cm-t),box-shadow var(--cm-t)}
.cm-link-card:hover{border-color:var(--cm-blue);box-shadow:var(--cm-shadow-md)}
.cm-link-card-icon{flex-shrink:0;color:var(--cm-blue)}
.cm-link-card h3{margin:0 0 4px;font-size:1.0625rem}
.cm-link-card p{margin:0 0 8px;font-size:.9375rem;color:var(--cm-muted)}
@media (max-width:767.98px){.cm-link-card{flex-direction:row;gap:16px}}
/* контакты */
.cm-hours{display:flex;flex-wrap:wrap;gap:8px 32px;margin:0 0 8px}
.cm-hours div{display:flex;gap:8px}
.cm-hours dt{font-weight:600;color:var(--cm-heading)}
.cm-hours dd{margin:0;font-variant-numeric:tabular-nums}
.cm-address{margin:0;font-style:normal}
.cm-dl{margin:0}
.cm-dl div{padding-block:10px;border-bottom:1px solid var(--cm-border)}
.cm-dl div:first-child{padding-top:0}
.cm-dl dt{font-size:.8125rem;font-weight:500;color:var(--cm-muted)}
.cm-dl dd{margin:0;font-weight:500}
.cm-member{display:inline-flex;align-items:center;gap:8px;margin-top:20px;padding:8px 14px;border-radius:999px;background:var(--cm-blue-100);color:var(--cm-blue);font-size:.875rem;font-weight:600;text-decoration:none}
.cm-member:hover{background:var(--cm-blue-200)}
/* финальный призыв */
.cm-final{padding-block:64px;text-align:center}
@media (min-width:768px){.cm-final{padding-block:80px}}
@media (min-width:1200px){.cm-final{padding-block:96px}}
.cm-final-inner{max-width:720px;margin-inline:auto}
.cm-final .cm-lead{margin:12px auto 0}
.cm-final .cm-actions{justify-content:center;margin-top:32px}
/* подвал */
.cm-footer{padding-block:56px 24px;background:var(--cm-navy);color:var(--cm-footer-text);font-size:.9375rem}
.cm-footer a{color:var(--cm-footer-text);text-decoration:none}
.cm-footer-links a{min-width:0;overflow-wrap:anywhere}
.cm-footer a:hover{color:#fff;text-decoration:underline}
.cm-footer .cm-logo{padding:0}
.cm-footer-legal{margin:16px 0 0;font-size:.8125rem;color:var(--cm-footer-muted)}
.cm-footer-title{margin-bottom:8px;font-size:.8125rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff}
.cm-footer-links{margin:0}
.cm-footer-links li{display:flex;align-items:center;min-height:44px}
@media (min-width:992px){.cm-footer-links li{min-height:32px}}
.cm-social{display:flex;gap:8px;margin:12px 0 0;padding:0}
.cm-social-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.08)}
.cm-footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:40px;padding-top:24px;border-top:1px solid rgba(201,207,240,.16);font-size:.8125rem;color:var(--cm-footer-muted)}
.cm-footer-bottom p{margin:0}

@media (prefers-reduced-motion:reduce){*,::before,::after{transition-duration:.01ms!important}.cm-tile:hover{transform:none}}