.article-slider{position:relative}.article-slider__viewport{overflow:hidden}.article-slider__track{display:flex;gap:var(--as-gap);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px}.article-slider__track::-webkit-scrollbar{display:none}.article-slider__card{background:#fff;border:1px solid #e5e7eb;box-shadow:0 7px 22px #00000012;flex:0 0 calc((100% - (var(--as-columns) - 1)*var(--as-gap))/var(--as-columns));min-width:0;scroll-snap-align:start}.article-slider__media{aspect-ratio:16/10;background:#eee;display:block;overflow:hidden;position:relative}.article-slider__media img{height:100%;object-fit:cover;transition:transform .35s;width:100%}.article-slider__card:hover img{transform:scale(1.035)}.article-slider__badge{background:#bd1722;bottom:0;color:#fff;font-weight:700;padding:.3rem .55rem;position:absolute;right:0}.article-slider__body{padding:1rem}.article-slider__category,.article-slider__body time{color:#707070;display:block;font-size:.9rem}.article-slider h3{font-size:1.25rem;line-height:1.15;margin:.35rem 0}.article-slider h3 a,.article-slider__more{color:#063d63;text-decoration:none}.article-slider__meta{font-size:.92rem;margin-top:.8rem}.article-slider__arrow{background:#fff;border:1px solid #ddd;border-radius:50%;height:2.5rem;position:absolute;top:42%;width:2.5rem;z-index:2}.article-slider__arrow.is-prev{left:-1.25rem}.article-slider__arrow.is-next{right:-1.25rem}.article-slider__dots{display:flex;gap:.45rem;justify-content:center;margin-top:1rem}.article-slider__dots button{background:#bbb;border:0;border-radius:50%;height:.55rem;padding:0;width:.55rem}.article-slider__dots button.is-active{background:#333}.article-slider-compact{display:grid;gap:var(--as-gap);grid-template-columns:repeat(var(--as-columns),minmax(0,1fr))}.article-slider-compact article{align-items:center;border-bottom:1px solid #ddd;display:grid;gap:1rem;grid-template-columns:96px 1fr;padding:.65rem 0}.article-slider-compact__image{aspect-ratio:1;overflow:hidden}.article-slider-compact img,.article-slider-minimal img{height:100%;object-fit:cover;width:100%}.article-slider-compact h3{font-size:1.05rem;margin:.15rem 0}.article-slider-compact a{color:#006883;text-decoration:none}.article-slider-compact span{color:#777}.article-slider-compact b{color:#ee9f18}.article-slider-minimal{display:flex;gap:1rem;overflow:auto}.article-slider-minimal a{color:#fff;flex:0 0 260px;min-height:180px;overflow:hidden;position:relative}.article-slider-minimal a:after{background:linear-gradient(transparent,#000b);content:"";inset:0;position:absolute}.article-slider-minimal span{bottom:1rem;font-size:1.15rem;font-weight:700;left:1rem;position:absolute;right:1rem;z-index:1}@media(max-width:900px){.article-slider__card{flex-basis:calc((100% - var(--as-gap))/2)}.article-slider-compact{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.article-slider__card{flex-basis:88%}.article-slider-compact{grid-template-columns:1fr}.article-slider__arrow{display:none}}
.articlesdoledesno {
  position: absolute;
  background: #b11a1a;
  font-size: 12px;
  padding: 0 5px;
  right: 5px;
  bottom: 5px;
  color: #fff;
  font-weight: 600;
}
.articlesdolelevo {
  position: absolute;
  background: #ffe300;
  font-size: 11px;
  padding: 0 5px;
  left: 5px;
  bottom: 5px;
  color: #000;
  font-weight: 600;
}
.articlesgorelevo {
  position: absolute;
  background: #0087ff;
  font-size: 12px;
  padding: 0 5px;
  left: 5px;
  top: 5px;
  color: #fff;
  font-weight: 600;
}

.articlesgoredesno {
  position: absolute;
  background: #eaeaea;
  font-size: 12px;
  padding: 0 5px;
  right: 5px;
  top: 5px;
  color: #000;
  font-weight: 600;
}
.article-slider__card{display:flex;flex-direction:column}.article-slider__body{display:flex;flex:1;flex-direction:column}.article-slider__dates{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 10px}
.article-slider__date {
  align-items: center;
  border: 1px solid #d9dee5;
  border-radius: 5px;
  display: flex;
  flex: 0 0 32px;
  flex-direction: column;
  height: 32px;
  justify-content: center;
  line-height: 1;
}
.article-slider__date strong{font-size:13px}
.article-slider__date span{color:#666;font-size:9px;margin-top:3px}
.article-slider__travel-info{align-items:flex-end;display:flex;gap:8px;justify-content:flex-end;margin-top:auto;padding-top:12px}
.article-slider__travel-info .article-slider__category{align-self:flex-end;margin-right:auto;text-align:left}
.article-slider__duration{display:flex;flex-direction:column;text-align:right}
.article-slider__duration span+span{border-top:1px solid #d5d5d5}
.article-slider__transport{align-items:center;display:flex;gap:4px}
.article-slider__transport img{height:30px;object-fit:contain;width:30px}
.articlesdana {font-size:12px}
.articlesnocenja {font-size:12px}

.articlesdana::after {
  margin-left: 3px;
  content: "dana";
}
.articlesnocenja::after {
  margin-left: 3px;
  content: "noćenja";
}