/* Modern overlay hover for product image CTA (buy now) */
.single-explore-img{position:relative;overflow:hidden}
.single-explore-img .single-explore-img-info{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;opacity:0;transform:translateY(6px);transition:opacity .25s ease, transform .25s ease;background:linear-gradient(to bottom, rgba(0,0,0,0) 40%, rgba(0,0,0,.28) 100%);z-index:2}
.single-explore-item:hover .single-explore-img-info{opacity:1;transform:translateY(0)}

/* Button visuals per request */
.single-explore-img .single-explore-img-info .btn,
.single-explore-img .single-explore-img-info .buy-now-btn{
  background:linear-gradient(135deg,#c53d25,#ff2000);
  border:none;
  color:#fff;
  border-radius:10px;
  padding:15px 15px;
  font-weight:600;
  letter-spacing:.2px;
  text-transform:capitalize;
  box-shadow:0 8px 24px rgba(29,78,216,.35);
  transition:transform .2s ease, box-shadow .2s ease;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.single-explore-img .single-explore-img-info .btn:hover,
.single-explore-img .single-explore-img-info .buy-now-btn:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(29,78,216,.45)}
.single-explore-img .single-explore-img-info .btn:active,
.single-explore-img .single-explore-img-info .buy-now-btn:active{transform:translateY(0);box-shadow:0 6px 18px rgba(29,78,216,.35)}

/* Scoped overrides to beat Bootstrap defaults on hover/focus */
.single-explore-img .single-explore-img-info .btn.btn-default:hover,
.single-explore-img .single-explore-img-info .btn:focus,
.single-explore-img .single-explore-img-info .btn.focus,
.single-explore-img .single-explore-img-info .buy-now-btn:focus,
.single-explore-img .single-explore-img-info .buy-now-btn:hover{
  color:#fff;
  background:linear-gradient(135deg,#c53d25,#ff2000);
  border-color:transparent;
  text-decoration:none;
}

/* Position the button at bottom-left inside the overlay */
.single-explore-img .single-explore-img-info button{
  position:absolute;
  bottom:15px;
  left:15px;
  background:#ff545a; /* base color as requested; gradient above will cover in capable UAs */
  border-radius:10px;  /* match primary rounding */
  color:#fcfcfc;
  text-transform:capitalize;
  text-align:center;
  font-size:14px;
  padding:12px 16px; /* avoid fixed height; allows vertical centering */
}

/* Ensure overlay sits above image icons if present */
.single-explore-image-icon-box{z-index:1}

/* Responsive sizing for mobile */
@media (max-width: 768px){
  .single-explore-img .single-explore-img-info .btn,
  .single-explore-img .single-explore-img-info .buy-now-btn,
  .single-explore-img .single-explore-img-info button{
    font-size:13.5px;
    padding:12px 14px;
  }
}
@media (max-width: 480px){
  .single-explore-img .single-explore-img-info .btn,
  .single-explore-img .single-explore-img-info .buy-now-btn,
  .single-explore-img .single-explore-img-info button{
    font-size:12.5px;
    padding:10px 12px;
    min-width:96px;
    letter-spacing:.1px;
  }
}
