.bis-slider-wrapper {
  width: 100%;
  margin: 0 auto;
  padding: 20px 5px;
}
.bis-align-left { text-align: left; }
.bis-align-center { text-align: center; }
.bis-align-right { text-align: right; }

.bis-thumb {
  position: relative;
}


.bis-thumb:hover .bis-overlay{
  opacity:1;
}

.bis-overlay i {
  font-size:30px;
  color:#fff;
}

.bis-slide {
  flex: 0 0 auto;
  width: 350px;
}

.bis-thumb img{
  width:100%;
  height:180px;
  object-fit:cover;
  display:block;
  transition: transform .25s ease;
  cursor: pointer;
}

/* hover zoom */
.bis-thumb:hover img{ transform: scale(1.03); }

/* overlay fullscreen icon */
.bis-overlay{
  position:absolute;
  top:8px;
  right:8px;
  background: rgba(0,0,0,0.45);
  padding:6px;
  border-radius:6px;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0;
  transition: opacity .18s;
}
.bis-thumb:hover .bis-overlay{ opacity:1; }

.bis-overlay i { color:#fff; font-size:16px; }

.sl-icon {
  font-size: 30px;
  color: white;
}

/* View all button */
.bis-view-all {
  display: inline-block;
  margin-top: 20px;
  padding: 10px 25px;
  background: black;
  color: white;
  text-decoration: none;
  border-radius: 5px;
}

/* Lightbox */
.bis-lightbox {
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:rgba(0,0,0,0.9);
  display:flex;
  justify-content:center;
  align-items:center;
  z-index:99999;
}

.bis-lightbox .bis-lbox-inner{
  position:relative;
  max-width:95%;
  max-height:95%;
}

.bis-lightbox img {
  max-width:100%;
  max-height:100%;
  display:block;
  border-radius:6px;
}

/* close */
.bis-close {
  position:absolute;
  top:-40px;
  right:0;
  color:#fff;
  font-size:30px;
  cursor:pointer;
}
.bis-slide {
  position: relative;
  overflow: hidden;
}

.bis-img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 6px;
}
.mfp-arrow {
  opacity: 1 !important;
  display: block !important;
}

/* arrows */
.bis-larrow, .bis-rarrow {
  position: absolute;
  top:50%;
  transform: translateY(-50%);
  font-size:40px;
  color:#fff;
  background: rgba(0,0,0,0.35);
  padding:10px 14px;
  border-radius:50%;
  cursor:pointer;
  user-select:none;
}
.bis-larrow { left: -60px; }
.bis-rarrow { right: -60px; }

/* small screens: move arrows inside */
@media (max-width: 700px) {
  .bis-larrow { left: 10px; }
  .bis-rarrow { right: 10px; }
}

/* hide native scrollbar gently */
.bis-slider::-webkit-scrollbar { height:8px; }
.bis-slider::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.15); border-radius:10px; }

.bis-slider-wrapper { width: 100%; padding: 20px 0; text-align: center; }
.bis-align-left { text-align: left; }
.bis-align-center { text-align: center; }
.bis-align-right { text-align: right; }

.bis-slider-grid, .bis-all-grid {
    display: grid;
    gap: 20px;
    justify-content: center;
    margin-bottom: 30px;
}
.bis-slider-grid { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.bis-all-grid { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }

.bis-slide, .bis-all-item {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    transition: transform 0.3s ease;
}
.bis-slide:hover, .bis-all-item:hover { transform: translateY(-8px); }

.bis-slide img, .bis-all-item img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    display: block;
}

.bis-overlay {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s;
}
.bis-slide:hover .bis-overlay,
.bis-all-item:hover .bis-overlay { opacity: 1; }

.sl-icon.sl-fullscreen:before { content: "\26F6"; font-size: 40px; }

.bis-view-all {
    display: inline-block;
    padding: 14px 32px;
    background: #000;
    color: #fff;
    text-decoration: none;
    border-radius: 50px;
    font-weight: bold;
    transition: 0.3s;
}
.bis-view-all:hover { background: #000; transform: scale(1.05); }