.position-sticky {
    top: 150px;
}
.accordion-button {
  padding: 15px;
  font-weight: bold;
}

.card-body{
  padding: 10px;
}

.price-input {
  width: 100%;
  display: flex;
  margin: 30px 0 35px;
}
.price-input .field {
  display: flex;
  width: 100%;
  height: 45px;
  align-items: center;
}
.field input {
  width: 100%;
  height: 100%;
  outline: none;
  
  margin-left: 5px;
  border-radius: 5px;
  text-align: center;
  border: 1px solid #999;
 
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.price-input .separator {
  width: 130px;
  display: flex;
  font-size: 19px;
  align-items: center;
  justify-content: center;
}
.slider {
  height: 5px;
  position: relative;
  background: #ddd;
  border-radius: 5px;
}
.slider .progress {
  height: 100%;
  left: 25%;
  right: 25%;
  position: absolute;
  border-radius: 5px;
  background: #272D3C;
}
.range-input {
  position: relative;
}
.range-input input {
  position: absolute;
  width: 100%;
  height: 5px;
  top: -5px;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
input[type="range"]::-webkit-slider-thumb {
  height: 17px;
  width: 17px;
  border-radius: 50%;
  background: #272D3C;
  pointer-events: auto;
  -webkit-appearance: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}
input[type="range"]::-moz-range-thumb {
  height: 17px;
  width: 17px;
  border: none;
  border-radius: 50%;
  background: #272D3C;
  pointer-events: auto;
  -moz-appearance: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}


.card:hover {
  transform: scale(1.01);
  box-shadow: #F6B93B 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #F6B93B 0 -3px 0 inset;
}
.card{
  transition: transform 0.5s;
}


.bottommargin{
  margin-bottom: 25px;
}
@media (max-width: 500px) {
  .bottommargin{
    padding: 0;
    
    
  }
   
}
@media (min-width: 500px) {
  .bottommargin{
    padding: 3px !important;
    margin: 0;
    
  }
   
}
@media (min-width: 992px) and (max-width:1150px){
  .bottommargin{
    padding: 3px;
    padding-bottom: 5px;
    margin: 0;
  }  
}


@media (min-width: 1250px) {
  .card-img-top {
    width: 100%;
    height: 160px;
    object-fit: contain;
    margin-bottom: 12px;
    margin-top: 12px;
  }
   
}

@media (min-width: 992px) and (max-width:1250px){
  .card-img-top {
       width: 100%;
    height: 160px;
    object-fit: contain;
    margin-bottom: 12px;
  }
   
}


@media (min-width: 772px) and (max-width:992px){
  .card-img-top {
        width: 100%;
    height: 160px;
    object-fit: contain;
    margin-bottom: 12px;
  }
   
}


@media (min-width: 500px) and (max-width:772px){
  .card-img-top {
       width: 100%;
    height: 160px;
    object-fit: contain;
    margin-bottom: 12px;
  }
   
}


@media (min-width: 320px) and (max-width:500px){
  .card-img-top {
      width: 100%;
    height: 160px;
    object-fit: contain;
    margin-bottom: 12px;
  }
   
}

/* card text */

@media (min-width: 320px) and (max-width:500px){
  .offer{
    font-size: 13px;
  }
}
@media (min-width: 320px) and (max-width:500px){
  .name{
    font-size: 14px;
  }
}
 
.price{
  font-size: 17px;
  font-weight: bold;
}

 
@media (min-width: 320px) and (max-width:500px){
  .size{
    font-size: 13px;
  }
}
 
 



@media (max-width: 768px){
  .newrow>* {
flex-shrink: 0 !important;
width: 50% !important;
max-width: 100% !important;
 
margin-top: var(--bs-gutter-y) !important;
}
}


@media (max-width: 800px){
.hid{
display: none;
}
  }
  @media (min-width: 320px) and (max-width:800px){
.full{
width: 100%;
}
}

.wish-icon {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 0;
	cursor: pointer;
	font-size: 16px;
	color: #abb0b8;
}
  .wish-icon .fa-heart {
	color: #ff6161;
}
.star-rating li {
	padding: 0;
}
.star-rating i {
	font-size: 14px;
	color: #ffc000;
}

/* filter button */
@media (min-width: 801px) {
      .btnshow{
      display: none;
      }
  }

  /* navtextpading */
  @media (min-width: 500px){
.textpadding{
 padding-right: 30px;
 padding-left: 30px;
}
}


/* card responsive lg */
/* @media (min-width: 920px) and (max-width:1300px){
  .new {
        flex: 0 0 auto !important;
        width: 33% !important; 
    }
  } */

  /* button responsive*/
  @media (max-width: 767px){
  .textno {
        display: none;
    }
  }
  @media (min-width: 768px){
  .textadd {
        display: none;
    }
  }


  /* button */

/* .buttons{
  background-color: black;
  border-radius: 1px solid black;
}
.buttons:hover{
  background-color: black;
} */

/* .atag{
  font-family: sans-serif;
  text-decoration: none;
  color: #ffffff;
  border: 1px solid #ffffff;
  letter-spacing: 2px;
  text-align: center;
  position: relative;
  transition: all .35s;
}

.atag .hovertext{
  position: relative;
  z-index: 2;
}

.atag:after{
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #FFAD28;
  transition: all .35s;
  border-radius: 0px 0px 0px 0px;
}

.atag:hover{
  color: #fff;
}

.atag:hover:after{
  width: 100%;
} */


 
    /* Cart Button */
    .cart-btn {
      width: 43px;
      height: 43px;
      border: none;
      border-radius: 5px;
      background-color: #000;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      transition: all 0.3s ease;
      font-size: 1.3rem; /* makes icon properly visible */
      cursor: pointer;
    }

    /* Hover Animation */
    .cart-btn:hover {
      background-color: #f1b648;
      color: #000;
      transform: scale(1.1);
    }

    /* Small bounce effect when clicked */
    .cart-btn:active {
      transform: scale(0.9);
    }


      @media (max-width: 768px){
 .cart-btn {
        margin-left: 12px;
    }
  }