/*footer*/
footer {background:#323238;}
footer .inner {width:100%; max-width:1280px; margin:0 auto; padding:40px 0; font-size:15px; color:#ccc; display:flex; flex-direction:column; align-items:stretch;}
.ft_top {width: 100%; display:flex; justify-content: space-between; align-items:center; margin-bottom: 10px;}
.ft_link {display:flex; justify-content: flex-end; width:100%; gap:20px; transition: .3s ease;}
.ft_link a {transition: .3s ease;}
.ft_link a:hover {color: #fff;}

/* text/info */
.ft-info {position:relative; font-size:14px;}
/*.ft-item {margin-right: 20px;}*/
.ft-item strong {margin-right: 10px; color: #fff;}
.ft-info.link {transition:.3s; }
.ft-info.link:hover {color:#fff;}

.ft_info_wrap {display:flex; justify-content:space-between; align-items:flex-start; flex-direction: column; margin-top:16px; gap: 10px;}

.ft-group {display:flex; flex-wrap:wrap; gap:12px;}
.ft-item {font-size: 14px;}
/* button */
.btn-catalog {display:inline-flex; align-items:center; gap:6px; padding:8px 14px; border:1px solid #fff; font-size:14px; color:#fff; transition:.3s;}
.btn-catalog:hover {background:var(--brand-color); color:#fff;}

.copy {font-size: 14px;}

@media screen and (max-width: 768px) {
  footer .inner {width:90%;}
  .ft_info_wrap {flex-direction: column;}
  .ft_top {flex-direction:column; gap: 0;}
  .ft_link {width:100%; font-size:14px; flex-wrap:wrap; margin-top: 30px; justify-content:space-between;}

  .ft-info.link {margin-right: 10px;}

  .ft_info_text {flex-direction:column; gap:4px;}
  .ft_info {margin-bottom: 0;}

}

@media screen and (max-width: 468px) {
  .ft_link a::after {right: -20px;}
}

@media screen and (max-width: 370px) {
  footer * {font-size: 12px;}
  .ft_link {flex-wrap: wrap;}
}