/* Header (title only) */
.categoryHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 6px 0 50px 0;
  text-align: center; /* Center the content */
}

.catName {
   /* Make the text bold */
  font-size: 2rem;    /* Adjust the size of the font (can be changed as needed) */
  margin: 0;          /* Ensure no additional margin for proper alignment */
}

.catDesc {
  text-align: center; /* Ensure description is also centered */
  font-size: 1rem;    /* Adjust description size if necessary */
}



/* Slider shell */
.bdx-slider {
  position: relative;
  overflow: hidden;
}
.bdx-track {
  display: flex;
  transition: transform .35s ease;
  will-change: transform;
  gap: 30px;
  box-sizing: border-box;
}

/* Card sizing: 4-up desktop, 2-up mobile */
.bdx-item {
  flex: 0 0 calc(24% - 8px);   /* 4 items per row with gap fix */
  box-sizing: border-box;
}
@media (max-width: 767.98px){
  .bdx-arrow
  {
    top: 30% !important;
  }  
  .bdx-item {
    flex: 0 0 calc(50% - 6px); /* 2 items per row with gap fix */
  }

  .bdx-track
  {
        gap: 10px !important;
  }
  .ItemcardChild {
    margin-bottom: 14px;
  }
}

/* "View All" centered below */
.catFooter {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
/* Overlay arrows: clean circular button with triangle icon */
.bdx-arrow{
   -webkit-appearance: none;
  position:absolute;
  appearance: none;
  top:42%;                   /* visually centered over image area */
  transform:translateY(-50%);
  z-index:2;
  width:40px;
  height:40px;
  border-radius:50%;
  border:2px solid #fff;     /* white ring like sample 2 */
  background:#000;           /* solid black */
  opacity:.92;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;                 /* kill any default gap */
  margin:0;
  cursor:pointer;
  outline:none;
  box-shadow:0 8px 18px rgba(0,0,0,.28);  /* soft drop shadow */
  transition:transform .15s ease, opacity .15s ease, background .15s ease;
}
.bdx-arrow:hover{ opacity:1; transform:translateY(-50%) scale(1.04); }
.bdx-arrow:active{ transform:translateY(-50%) scale(0.98); }
.bdx-arrow[disabled]{ opacity:.35; cursor:not-allowed; }

/* Triangle icon (pure CSS) */
.bdx-arrow::before{
  content:"";
  display:block;
  width:0; height:0;
  border-top:8px solid transparent;
  border-bottom:8px solid transparent;
}
/* Right arrow ▶ */
.bdx-next::before{
  border-left:13px solid #fff;     /* white triangle */
}
/* Left arrow ◀ */
.bdx-prev::before{
  border-right:13px solid #fff;    /* white triangle flipped */
}

/* Position left/right */
.bdx-prev{ left:10px; }
.bdx-next{ right:10px;padding-left: 5px;}

/* Hide when not needed (your logic toggles the class) */
.bdx-hide-arrows .bdx-arrow{ display:none; }


@media (min-width: 1025px) 
{ 
    .view-all-btn
    {
        margin-top:15px;
        
    }
}



.ItemcardChild {
  opacity: 0;
  transform: translateY(30px) scale(0.98);
  transition: all 0.6s ease-out;
  will-change: opacity, transform;
}

.ItemcardChild.visible {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.ItemcardChild.visible {
  transition-delay: var(--delay, 0s);
}


.soldOutVarEPR
{
   width: 100%;
    margin: 4px 10px 0px 10px;
    text-align: center;
    cursor: pointer;
    font-size: 17px;
    box-shadow: 1px 7px 20px 0px rgba(0, 0, 0, 0.2);
    padding: 5px 12px 5px 12px;
    font-weight: 500;
    color: red !important;
    border: 1px solid;
}