
.nrv24{
  width:100%;
  box-sizing:border-box;
  padding:18px 28px 26px;
}
.nrv24-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:0 0 18px!important;
  padding:0!important;
}
.nrv24-head h2{
  margin:0!important;
  padding:0!important;
  color:#191919!important;
  font-size:28px!important;
  line-height:1.2!important;
  font-weight:700!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
.nrv24-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:12px!important;
  flex:0 0 auto!important;
  white-space:nowrap!important;
}
.nrv24-seeall{
  display:inline-flex!important;
  align-items:center!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  padding:4px 2px!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  color:#222!important;
  box-shadow:none!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:600!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
.nrv24-seeall:hover{
  color:#ff6600!important;
  background:transparent!important;
}
.nrv24-nav{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
.nrv24-prev,.nrv24-next{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  padding:0!important;
  margin:0!important;
  border:1px solid #ddd!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#111!important;
  box-shadow:none!important;
  font-size:25px!important;
  line-height:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-transform:none!important;
}
.nrv24-prev:hover,.nrv24-next:hover{
  background:#f7f7f7!important;
  color:#ff6600!important;
}
.nrv24-prev:disabled,.nrv24-next:disabled{opacity:.3!important}
.nrv24-viewport{
  width:100%;
  overflow:hidden;
}
.nrv24-track.products.row{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:20px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-behavior:smooth!important;
  scrollbar-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  padding:0 0 6px!important;
}
.nrv24-track::-webkit-scrollbar{display:none}
.nrv24-track .nrv24-slide{
  flex:0 0 calc((100% - 80px)/5)!important;
  width:calc((100% - 80px)/5)!important;
  max-width:calc((100% - 80px)/5)!important;
  padding-left:0!important;
  padding-right:0!important;
  margin:0!important;
}
/* Keep the site's native product card, native theme wishlist, badges and hover styling. */
.nrv24-track .nrv24-slide .product-small,
.nrv24-track .nrv24-slide .box{
  width:100%!important;
}
/* Expanded state */
.nrv24.is-expanded .nrv24-viewport{overflow:visible!important}
.nrv24.is-expanded .nrv24-track{
  flex-wrap:wrap!important;
  overflow:visible!important;
}
.nrv24.is-expanded .nrv24-nav{display:none!important}

/* Tablet */
@media(max-width:849px){
  .nrv24{padding:16px 18px 22px}
  .nrv24-head h2{font-size:24px!important}
  .nrv24-track.products.row{gap:16px!important}
  .nrv24-track .nrv24-slide{
    flex-basis:calc((100% - 32px)/3)!important;
    width:calc((100% - 32px)/3)!important;
    max-width:calc((100% - 32px)/3)!important;
  }
}
/* Mobile */
@media(max-width:549px){
  .nrv24{padding:14px 14px 20px}
  .nrv24-head{
    align-items:flex-end!important;
    gap:10px!important;
    margin-bottom:14px!important;
  }
  .nrv24-head h2{font-size:21px!important}
  .nrv24-nav{display:none!important}
  .nrv24-seeall{font-size:13px!important}
  .nrv24-track.products.row{
    gap:12px!important;
    margin-right:-14px!important;
    padding-right:28px!important;
  }
  .nrv24-track .nrv24-slide{
    flex-basis:calc((100% - 12px)/2)!important;
    width:calc((100% - 12px)/2)!important;
    max-width:calc((100% - 12px)/2)!important;
  }
}


/* V2.5: restore the compact image dimensions from the previous layout.
   Native Flatsome wishlist/badges remain untouched. */
.nrv24-track .nrv24-slide .box-image,
.nrv24-track .nrv24-slide .image-tools,
.nrv24-track .nrv24-slide .image-fade_in_back {
  border-radius: 0;
}
.nrv24-track .nrv24-slide .box-image {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
}
.nrv24-track .nrv24-slide .box-image .image-cover,
.nrv24-track .nrv24-slide .box-image .image-zoom,
.nrv24-track .nrv24-slide .box-image > div {
  height: 100% !important;
}
.nrv24-track .nrv24-slide .box-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* V2.6: restore the larger V2.4 desktop product/image size exactly. */
@media (min-width:850px){
  .nrv24-track.products.row { gap:20px!important; }
  .nrv24-track .nrv24-slide{
    flex:0 0 calc((100% - 80px)/5)!important;
    width:calc((100% - 80px)/5)!important;
    max-width:calc((100% - 80px)/5)!important;
  }
}

/* V2.7: match the larger reference product-card/image size. */
@media (min-width:850px){
  .nrv24-track.products.row{
    gap:20px!important;
    justify-content:flex-start!important;
  }
  .nrv24-track .nrv24-slide{
    flex:0 0 calc((100% - 80px)/5)!important;
    width:calc((100% - 80px)/5)!important;
    max-width:calc((100% - 80px)/5)!important;
  }
  .nrv24-track .nrv24-slide .product-small,
  .nrv24-track .nrv24-slide .box,
  .nrv24-track .nrv24-slide .box-image{
    width:100%!important;
    max-width:none!important;
  }
}

/* V2.8: seller-store-style sizing + full clickable product thumbnail. */
@media (min-width:850px){
  .nrv24{
    padding-left:16px!important;
    padding-right:16px!important;
  }
  .nrv24-track.products.row{
    gap:24px!important;
  }
  .nrv24-track .nrv24-slide{
    flex:0 0 calc((100% - 96px)/5)!important;
    width:calc((100% - 96px)/5)!important;
    max-width:calc((100% - 96px)/5)!important;
  }
  .nrv24-track .nrv24-slide > .col-inner,
  .nrv24-track .nrv24-slide .product-small,
  .nrv24-track .nrv24-slide .box,
  .nrv24-track .nrv24-slide .box-image,
  .nrv24-track .nrv24-slide .box-image > div,
  .nrv24-track .nrv24-slide .box-image > a{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
  .nrv24-track .nrv24-slide .box-image{
    aspect-ratio:1/1!important;
    border-radius:10px!important;
    overflow:hidden!important;
  }
  .nrv24-track .nrv24-slide .box-image img{
    width:100%!important;
    height:100%!important;
    display:block!important;
    object-fit:cover!important;
  }
  .nrv24-track .nrv24-slide .box-text{
    width:100%!important;
    max-width:none!important;
  }
}

/* Make the whole thumbnail behave like the native Flatsome product image link. */
.nrv24-track .nrv24-slide .box-image{
  cursor:pointer!important;
}
.nrv24-track .nrv24-slide .box-image a{
  display:block!important;
  width:100%!important;
  height:100%!important;
}

/* V2.9: exact seller-store 5-card proportions and reliable image click.
   Important: the track intentionally does not use Flatsome row/column-count
   classes, because those can shrink the native product card a second time. */
.nrv24 .nrv24-track{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:16px!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0 0 6px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
}
.nrv24 .nrv24-slide{
  flex:0 0 calc((100% - 64px)/5)!important;
  width:calc((100% - 64px)/5)!important;
  max-width:calc((100% - 64px)/5)!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
}
.nrv24 .nrv24-slide > .product-small,
.nrv24 .nrv24-slide > .product,
.nrv24 .nrv24-slide .product-small,
.nrv24 .nrv24-slide .box,
.nrv24 .nrv24-slide .box-image,
.nrv24 .nrv24-slide .box-text{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
}
.nrv24 .nrv24-slide > .product-small.col,
.nrv24 .nrv24-slide > .product.col,
.nrv24 .nrv24-slide .product-small.col{
  flex-basis:100%!important;
  width:100%!important;
  max-width:100%!important;
  padding-left:0!important;
  padding-right:0!important;
}
.nrv24 .nrv24-slide .box-image{
  position:relative!important;
  display:block!important;
  aspect-ratio:1/1!important;
  height:auto!important;
  overflow:hidden!important;
  border-radius:8px!important;
  background:#f5f6f8!important;
}
.nrv24 .nrv24-slide .box-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  aspect-ratio:1/1!important;
  object-fit:cover!important;
}
/* Invisible full-image product link; wishlist/tools remain above it. */
.nrv24 .nrv24-slide .box-image > a.nrv24-product-hit{
  position:absolute!important;
  inset:0!important;
  z-index:20!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  font-size:0!important;
  line-height:0!important;
}
.nrv24 .nrv24-slide .box-image .image-tools,
.nrv24 .nrv24-slide .box-image .wishlist-icon,
.nrv24 .nrv24-slide .box-image .wishlist-button,
.nrv24 .nrv24-slide .box-image .add-to-wishlist-button{
  position:absolute!important;
  z-index:30!important;
}
@media(max-width:849px){
  .nrv24 .nrv24-track{gap:16px!important}
  .nrv24 .nrv24-slide{
    flex:0 0 calc((100% - 32px)/3)!important;
    width:calc((100% - 32px)/3)!important;
    max-width:calc((100% - 32px)/3)!important;
  }
}
@media(max-width:549px){
  .nrv24 .nrv24-track{gap:12px!important}
  .nrv24 .nrv24-slide{
    flex:0 0 calc((100% - 12px)/2)!important;
    width:calc((100% - 12px)/2)!important;
    max-width:calc((100% - 12px)/2)!important;
  }
}

/* V2.9.2: make the thumbnail product link the actual top click layer.
   Flatsome can place a full-size .image-tools overlay above the image; disable
   pointer capture on that wrapper while keeping real wishlist controls active. */
.nrv24 .nrv24-slide .box-image > a.nrv24-product-hit{
  z-index:999!important;
  pointer-events:auto!important;
  cursor:pointer!important;
}
.nrv24 .nrv24-slide .box-image .image-tools{
  pointer-events:none!important;
}
.nrv24 .nrv24-slide .box-image .image-tools a,
.nrv24 .nrv24-slide .box-image .image-tools button,
.nrv24 .nrv24-slide .box-image .wishlist-icon,
.nrv24 .nrv24-slide .box-image .wishlist-icon a,
.nrv24 .nrv24-slide .box-image .wishlist-button,
.nrv24 .nrv24-slide .box-image .add-to-wishlist-button,
.nrv24 .nrv24-slide .box-image .yith-wcwl-add-to-wishlist,
.nrv24 .nrv24-slide .box-image .yith-wcwl-add-to-wishlist a{
  pointer-events:auto!important;
  z-index:1001!important;
}
