/* Tapadós sáv: a termék neve, ára, helye a rangsorban és a Bevásárlólistához gomb, amint az ár elhagyta a képernyőt. Egy stílusgazda, mobilról kiindulva. */
.termek-tapados{
  position:fixed;
  left:0;
  right:0;
  bottom:calc(66px + env(safe-area-inset-bottom,0px));
  z-index:65;
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 12px;
  background:#2b1d15;
  color:#fff2de;
  box-shadow:0 -6px 20px #20140844;
  visibility:hidden;
  transform:translateY(130%);
  transition:transform .2s ease,visibility 0s linear .2s;
}
.termek-tapados.latszik{
  visibility:visible;
  transform:none;
  transition:transform .2s ease;
}
.termek-tapados-kep{
  flex:none;
  width:44px;
  height:44px;
  object-fit:contain;
  border-radius:5px;
  background:#fff;
}
.termek-tapados-szoveg{
  flex:1 1 auto;
  min-width:0;
}
.termek-tapados-szoveg b{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:14px;
  font-weight:800;
  color:#fff;
}
.termek-tapados-szoveg small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:12px;
  color:#d9c3a3;
}
.termek-tapados-ar{
  flex:none;
  text-align:right;
}
.termek-tapados-ar b{
  display:block;
  font-size:20px;
  line-height:1.15;
  font-weight:800;
  letter-spacing:-.03em;
  color:#fff;
}
.termek-tapados-ar small{
  display:block;
  font-size:12px;
  color:#d9c3a3;
}
.termek-tapados-gomb{
  flex:none;
}
.termek-tapados-gomb form{
  margin:0;
}
.termek-tapados-lista{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:44px;
  padding:0 16px;
  border:0;
  border-radius:5px;
  background:#ffa623;
  color:#2b1d15;
  font:800 14px Manrope,sans-serif;
  text-decoration:none;
  cursor:pointer;
}
.termek-tapados-lista svg{
  width:18px;
  height:18px;
  flex:none;
  fill:none;
  stroke:currentColor;
}
.termek-tapados-lista .ikon-felirat{
  position:static;
  display:inline;
  width:auto;
  height:auto;
  overflow:visible;
  clip-path:none;
}
.termek-tapados-lista .ikon-felirat--be{
  display:none;
}
.termek-tapados-lista.listan .ikon-felirat--be{
  display:inline;
}
.termek-tapados-lista.listan .ikon-felirat--ki{
  display:none;
}
@media (min-width:701px){
  .termek-tapados{
    bottom:0;
    padding:10px max(16px,calc((100vw - 1260px)/2 + 24px));
  }
}
@media (min-width:1001px){
  .termek-tapados{
    top:0;
    bottom:auto;
    gap:16px;
    height:68px;
    padding-block:0;
    box-shadow:0 8px 24px #20140855;
    transform:translateY(-130%);
  }
  .termek-tapados-szoveg b{
    font-size:16px;
  }
  .termek-tapados-ar b{
    font-size:22px;
  }
}
@media (prefers-reduced-motion:reduce){
  .termek-tapados,
  .termek-tapados.latszik{
    transition:none;
  }
}