/* ==========================================================
   TIENDA MOYA FOOTER V2
   ========================================================== */

.tm-site-footer{
  margin-top:0;

  font-family:
    "DM Sans",
    Arial,
    sans-serif;

  color:#fff;

  background:#15212b;
}

.tm-footer-news{
  background:#075ea8;

  border-top:
    5px solid #ffd500;
}

.tm-footer-news-inner{
  width:
    min(
      1420px,
      calc(100% - 56px)
    );

  min-height:210px;

  margin:auto;

  display:flex;

  align-items:center;
  justify-content:space-between;

  gap:40px;

  padding:36px 0;
}

.tm-footer-news-kicker{
  color:#ffd500;

  font-size:10px;

  font-weight:800;

  letter-spacing:.14em;

  text-transform:uppercase;
}

.tm-footer-news h2{
  max-width:760px;

  margin:
    9px 0
    10px;

  color:#fff;

  font-size:
    clamp(28px,4vw,48px);

  line-height:1;

  letter-spacing:-.045em;

  font-weight:800;
}

.tm-footer-news p{
  margin:0;

  color:
    rgba(255,255,255,.75);

  font-size:14px;
}

.tm-footer-shop-button{
  min-height:52px;

  display:inline-flex;

  align-items:center;

  gap:18px;

  padding:
    0 22px;

  border-radius:999px;

  background:#ffd500;

  color:#202a32;

  text-decoration:none;

  white-space:nowrap;

  font-size:13px;

  font-weight:800;
}

.tm-footer-shop-button span{
  font-size:18px;
}

.tm-footer-main{
  padding:
    62px 0
    54px;

  background:#172630;
}

.tm-footer-shell{
  width:
    min(
      1420px,
      calc(100% - 56px)
    );

  margin:auto;

  display:grid;

  grid-template-columns:
    minmax(260px,1.35fr)
    repeat(3,minmax(130px,.65fr))
    minmax(150px,.65fr);

  gap:44px;
}

.tm-footer-brand{
  max-width:330px;
}

.tm-footer-logo-horizontal{
  display:block;

  width:230px;

  max-width:100%;

  height:auto;

  filter:
    brightness(0)
    invert(1);
}

.tm-footer-brand p{
  margin:
    22px 0
    18px;

  color:
    rgba(255,255,255,.62);

  line-height:1.7;

  font-size:13px;
}

.tm-footer-email{
  display:inline-block;

  color:#fff;

  text-decoration:none;

  font-size:14px;

  font-weight:700;
}

.tm-footer-country{
  margin-top:14px;

  color:#ffd500;

  font-size:10px;

  font-weight:800;

  letter-spacing:.1em;

  text-transform:uppercase;
}

.tm-footer-column h3{
  margin:
    4px 0
    20px;

  color:#fff;

  font-size:12px;

  font-weight:800;
}

.tm-footer-column{
  display:flex;

  flex-direction:column;

  align-items:flex-start;
}

.tm-footer-column a{
  margin-bottom:12px;

  color:
    rgba(255,255,255,.62);

  text-decoration:none;

  font-size:12px;

  transition:
    color .18s ease;
}

.tm-footer-column a:hover{
  color:#ffd500;
}

.tm-footer-visual{
  display:flex;

  align-items:flex-start;
  justify-content:flex-end;
}

.tm-footer-visual img{
  width:130px;
  height:140px;

  object-fit:contain;

  filter:
    brightness(0)
    invert(1);

  opacity:.9;
}

.tm-footer-bottom{
  border-top:
    1px solid
    rgba(255,255,255,.10);

  background:#111c24;
}

.tm-footer-bottom-inner{
  width:
    min(
      1420px,
      calc(100% - 56px)
    );

  min-height:65px;

  margin:auto;

  display:flex;

  align-items:center;
  justify-content:space-between;

  gap:20px;

  color:
    rgba(255,255,255,.48);

  font-size:10px;
}

@media(max-width:1050px){

  .tm-footer-shell{
    grid-template-columns:
      1.3fr
      repeat(3,1fr);
  }

  .tm-footer-visual{
    display:none;
  }
}

@media(max-width:760px){

  .tm-footer-news-inner{
    width:
      calc(100% - 36px);

    flex-direction:column;

    align-items:flex-start;

    padding:
      36px 0;
  }

  .tm-footer-shell{
    width:
      calc(100% - 36px);

    grid-template-columns:
      repeat(2,1fr);

    gap:
      38px 22px;
  }

  .tm-footer-brand{
    grid-column:1 / -1;
  }

  .tm-footer-bottom-inner{
    width:
      calc(100% - 36px);

    flex-direction:column;

    justify-content:center;
    align-items:flex-start;

    padding:
      18px 0;
  }
}

@media(max-width:480px){

  .tm-footer-shell{
    grid-template-columns:1fr;
  }

  .tm-footer-brand{
    grid-column:auto;
  }
}