.jk-rss-feed {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 30px;
}

.jk-rss-post {
  min-height: 100px;
  overflow: hidden;
}

.jk_image_wrapper {
  position:relative;
  border-radius:10px;
  overflow:hidden;
}

.jk_image_wrapper h4{
  position:absolute;
  line-height:1.1;
  bottom:0;
  padding:0.7rem;
  background: rgba(0,0,0,0.5);
}

.jk-rss-post {
  background: #fff;
  border: 1px solid #ddd;
  padding: 20px 20px 50px!important;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.jk-rss-post small{
  font-size: 0.7rem;
  font-weight:bold;
}

.jk-rss-post a{
  font-size: 1.2rem;
  font-weight:bold;
  color:#eee;
}

.jk-rss-post a:visited{
  color:#eee;
}

.jk-rss-thumb img {
  max-width: 100%;
  height: auto;
  border-radius: 4px;
  margin-bottom: 10px;
}

.jk-rss-content {
  font-size: 0.95rem;
  line-height: 1.2;
}

.jk-rss-category {
  font-size: 1.5rem;
  margin-top: 40px;
  margin-bottom: 20px;
  border-bottom: 2px solid #ccc;
  padding-bottom: 5px;
}



@media (max-width: 768px) {
  .jk-rss-feed {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .jk-rss-feed {
    grid-template-columns: 1fr;
  }
}

/* close pseudo gap */
div:before {
    content: "";
    display: none!important;
}

.jk-rss-feed {
  margin-bottom: 2rem;
}

.jk-rss-grid {
  display: grid!important;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 1rem;
}

.jk-rss-slider {
  display: flex!important;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 1rem;
}

.jk-rss-slider .jk-rss-post {
  min-width: 300px;
  scroll-snap-align: start;
}


.jk-rss-thumb img {
  max-width: 100%;
  height: auto;
  display: block;
  margin-bottom: 0.5rem;
}

.jk-rss-category {
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
  font-weight: bold;
}

.swiper-wrapper {
  padding: 2.5rem;
}


.swiper {
  padding-bottom: 2rem;
}
.swiper-slide {
  min-width: 300px;
}

:root {
 --swiper-navigation-color: #333;
}