/* =========================================
   ELEMENTUM FOOTER
========================================= */


:root {
  --f-bg: #050505;
  --f-bg-2: #0b0b0b;
  --f-text: #f5f1e8;
  --f-soft: #d6d0c4;
  --f-muted: #a8a29a;
  --f-gold: #f5a623;
  --f-gold-hover: #ffc65a;
  --f-line: rgba(245,166,35,.28);
  --f-line-soft: rgba(245,166,35,.16);
}


.ct-footer {
  background: var(--f-bg);
  color: var(--f-text);
  font-size:14px;
}


.ct-footer *,
.ct-footer *::before,
.ct-footer *::after {
  box-sizing:border-box;
}


.ct-footer a {
  color:inherit;
  text-decoration:none;
}


.ct-footer a:hover {
  color:var(--f-gold-hover);
}


.el-footer-wrap {
  max-width:1200px;
  margin:0 auto;
  padding:0 16px;
}


/* Верхний блок */

.el-footer-hero {

  background:
    linear-gradient(
      180deg,
      #090909,
      var(--f-bg)
    );

}


.el-footer-hero__inner {

  min-height:96px;

  padding-top:20px;
  padding-bottom:20px;

  border-top:1px solid var(--f-line-soft);
  border-bottom:1px solid var(--f-line);

  display:grid;
  grid-template-columns:minmax(0,1.7fr) auto auto;

  align-items:center;

  gap:28px;

}



.el-footer-eyebrow,
.el-footer-title {

  color:var(--f-gold);

  font-weight:900;

  letter-spacing:.12em;

  text-transform:uppercase;

}



.el-footer-eyebrow {

  margin-bottom:5px;

  font-size:.78rem;

}



.el-footer-hero__title {

  color:#fff;

  font-size:1.14rem;

  font-weight:900;

  line-height:1.35;

}



.el-footer-hero__text,
.el-footer-hero__note,
.el-footer-main__legal,
.el-footer-trust__text,
.el-footer-shop-card__text,
.el-footer-bottom__inner {

  color:var(--f-muted);

}



.el-footer-hero__text {

 margin-top:4px;

 font-size:.9rem;

}



.el-footer-hero__phone,
.el-footer-phone {

 color:var(--f-gold);

 font-weight:900;

}



.el-footer-hero__phone {

 display:inline-block;

 font-size:1.45rem;

 line-height:1.1;

 white-space:nowrap;

}



.el-footer-hero__note {

 margin-top:4px;

 font-size:.8rem;

}



/* кнопки */

.el-footer-hero__actions {

 display:flex;

 gap:10px;

 flex-wrap:wrap;

}



.el-footer-btn {

 min-height:44px;

 padding:11px 18px;

 border-radius:8px;

 display:inline-flex;

 align-items:center;

 justify-content:center;

 font-weight:900;

 line-height:1;

}



.el-footer-btn--primary {

 border:1px solid var(--f-gold);

 background:linear-gradient(
  180deg,
  var(--f-gold),
  #c77a15
 );

 color:#050505!important;

}



.el-footer-btn--primary:hover {

 background:linear-gradient(
  180deg,
  var(--f-gold-hover),
  #e09119
 );

 color:#050505!important;

}



.el-footer-btn--ghost {

 border:1px solid rgba(245,166,35,.55);

 background:rgba(245,166,35,.06);

 color:var(--f-gold-hover);

}



.el-footer-btn--ghost:hover {

 background:rgba(245,166,35,.14);

 color:#fff;

}



/* Основной блок */

.el-footer-main {

 background:
 radial-gradient(
  circle at 50% 0%,
  rgba(245,166,35,.08),
  transparent 34%
 ),
 linear-gradient(
  180deg,
  var(--f-bg-2),
  #070707
 );

}



.el-footer-main__inner {

 padding-top:34px;
 padding-bottom:34px;

 border-bottom:1px solid rgba(245,166,35,.2);

 display:grid;

 grid-template-columns:2fr 1.25fr 1.25fr 1.6fr;

 gap:34px;

}



.el-footer-main__col {

 color:var(--f-soft);

 line-height:1.6;

}



.el-footer-main__col p {

 margin:0 0 12px;

}



.el-footer-main__legal {

 font-size:.8rem;

}



/* бренд */

.el-footer-brand {

 margin-bottom:14px;

 display:inline-flex;

 align-items:center;

 gap:12px;

}



.el-footer-brand__mark {

 width:54px;
 height:54px;

 display:inline-flex;

 align-items:center;

 justify-content:center;

}



.el-footer-brand__logo {

 max-width:100%;
 max-height:100%;

 display:block;

}



.el-footer-brand__text {

 display:flex;

 flex-direction:column;

}



.el-footer-brand__name {

 color:var(--f-gold);

 font-size:1.18rem;

 font-weight:900;

 letter-spacing:.04em;

 text-transform:uppercase;

}



.el-footer-brand__desc {

 color:#fff;

 font-size:.82rem;

}



/* навигация */

.el-footer-title {

 margin-bottom:12px;

 font-size:.86rem;

}



.el-footer-list {

 margin:0;

 padding:0;

 list-style:none;

}



.el-footer-list li {

 margin-bottom:7px;

}



.el-footer-list a {

 color:var(--f-text);

 font-size:.93rem;

}



/* карточки */

.el-footer-trust {

 margin-top:10px;

 display:flex;

 flex-direction:column;

 gap:4px;

}



.el-footer-shop-card {

 margin-top:18px;

 padding:14px;

 border:1px solid var(--f-line-soft);

 border-radius:10px;

 background:rgba(245,166,35,.055);

}



.el-footer-trust__item {

 display:flex;

 flex-direction:column;

 padding:3px 0;

 border:none;

 background:transparent;

 line-height:1.15;

 text-decoration:none;

}



.el-footer-trust__item:hover {

 opacity:.75;

}



.el-footer-trust__label {

 font-size:.8rem;

 font-weight:600;

 color:#fff;

 margin-bottom:1px;

 letter-spacing:.01em;

}



.el-footer-trust__text {

 font-size:.8rem;

}



/* контакты */

.el-footer-address {

 margin:0 0 12px;

 color:var(--f-soft);

 font-style:normal;

}



.el-footer-phone {

 font-size:1.08rem;

}



.el-footer-main__col--contacts strong {

 color:#fff;

}



.el-footer-social {

 display:flex;

 gap:8px;

 flex-wrap:wrap;

 margin-top:14px;

}



.el-footer-social__item {

 min-width:34px;

 height:34px;

 padding:0 10px;

 border:1px solid var(--f-line);

 border-radius:999px;

 display:inline-flex;

 align-items:center;

 justify-content:center;

 color:var(--f-gold-hover);

 font-size:.74rem;

 font-weight:900;

 text-transform:uppercase;

}



.el-footer-social__item--wide {

 min-width:58px;

}



/* низ */

.el-footer-bottom {

 background:#030303;

}



.el-footer-bottom__inner {

 padding-top:15px;

 padding-bottom:16px;

 border-top:1px solid var(--f-line-soft);

 display:flex;

 flex-direction:column;

 gap:7px;

 font-size:.8rem;

 line-height:1.5;

}



.el-footer-bottom__meta {

 display:flex;

 align-items:center;

 flex-wrap:wrap;

 gap:6px;

}



.el-footer-bottom__meta a {

 color:var(--f-muted);

}



.el-footer-divider {

 margin:0 4px;

 color:var(--f-gold);

 opacity:.55;

}



.el-footer-bottom__disclaimer {

 max-width:840px;

}



/* адаптив */

@media(max-width:1100px){

 .el-footer-main__inner{

  grid-template-columns:1.6fr 1fr 1fr;

 }


 .el-footer-main__col--contacts{

  grid-column:1/-1;

 }

}



@media(max-width:900px){

 .el-footer-hero__inner,
 .el-footer-main__inner{

  grid-template-columns:1fr;

 }


 .el-footer-main__inner{

  gap:28px;

 }

}



@media(max-width:640px){

 .el-footer-main__inner{

  grid-template-columns:1fr;

 }

 .el-footer-brand__mark{

  width:44px;
  height:44px;

 }

 .el-footer-divider{

  display:none;

 }

}