/* ChinaFlow — общие стили статического сайта */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Onest',system-ui,-apple-system,sans-serif;color:#111111;background:#FAFAF9;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
button{font-family:inherit}
img{max-width:100%;display:block}
input,select,textarea{font-family:inherit}
::selection{background:#E4022B;color:#FFFFFF}

@keyframes cf-up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes cf-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes cf-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes cf-shine{0%{transform:translateX(-120%)}55%,100%{transform:translateX(340%)}}
@keyframes cf-pulse{0%,100%{opacity:.45;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}
@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important}}

/* Навигация */
.cf-navlink{position:relative;background:none;border:none;cursor:pointer;font-weight:600;font-size:14.5px;color:#1A1A1A;padding:8px 11px;border-radius:8px;display:inline-flex;align-items:center;gap:5px;transition:color .15s,background .15s}
.cf-navlink:hover{color:#E4022B;background:#F0F0ED}
.cf-navlink.active{color:#E4022B}
.cf-navlink.active::after{content:"";position:absolute;left:11px;right:11px;bottom:3px;height:2px;background:#E4022B;border-radius:8px}

/* Дропдаун «Услуги» */
.cf-drop-wrap{position:relative}
.cf-drop{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);width:330px;background:#FFFFFF;border:1px solid #E1E1DD;border-radius:12px;box-shadow:0 24px 60px rgba(17,17,17,.16);padding:9px;opacity:0;visibility:hidden;transition:opacity .15s;z-index:70}
.cf-drop-wrap:hover .cf-drop{opacity:1;visibility:visible}
.cf-drop a{display:flex;gap:12px;align-items:flex-start;padding:11px 12px;border-radius:8px}
.cf-drop a:hover{background:#F0F0ED}

/* Кнопки */
.cf-btn-red{background:#E4022B;color:#FFFFFF;transition:background .15s,transform .15s}
.cf-btn-red:hover{background:#B60122}
[data-nav]{cursor:pointer}

/* Мобильное меню */
.cf-mobpanel{display:none;border-top:1px solid #E1E1DD;background:#FFFFFF;padding:10px clamp(18px,4vw,60px) 20px}
.cf-mobpanel.open{display:block}
.cf-mobitem{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;background:none;border:none;border-bottom:1px solid #ECECE8;cursor:pointer;padding:14px 4px;font-weight:600;font-size:16.5px;color:#111111}
.cf-mobitem.active{color:#E4022B}

/* Появление */
.cf-up{animation:cf-up .5s ease both}

/* Адаптив: десктоп-нав / бургер / мобильная нижняя панель */
.cf-desknav{display:flex}
.cf-cta-desk{display:inline-flex}
.cf-burger{display:none;width:44px;height:44px;border:1px solid #E1E1DD;background:#FFFFFF;border-radius:8px;align-items:center;justify-content:center;cursor:pointer;color:#111111}
.cf-mobbar{display:none}
@media (max-width:1023px){
  .cf-desknav{display:none}
  .cf-cta-desk{display:none}
  .cf-burger{display:flex}
  .cf-mobbar{display:flex}
  body{padding-bottom:72px}
}
@media (min-width:1024px){
  .cf-mobpanel{display:none!important}
}

/* Отзывы — оживление */
.cf-review{transition:transform .16s ease, box-shadow .16s ease}
.cf-review:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(17,17,17,.09);border-color:#D8D8D3}