input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.message{
  width: 1500px;
}

/* #quantity{
  display: none !important;
} */

.cart-items,.totals__total-value{
  opacity: 0;
}


.modal{
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  margin-top:30px;
  margin-left:74%;
  top: 10%;
  width: 26%; /* Full width */
  height: auto; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: #fff;/* Fallback color */
  color: #000;
  border: 1px solid #b5babf;
}

/* Modal Content */
.modal-content{
  /* background-color: #fefefe; */
  margin: auto;
  padding: 30px;
  /* border: 1px solid #888; */
  width: 100%;
}

.modal__close-button.link {
  float: right;
}

.cart-button{
  min-width:11rem;
  min-height:4rem;
  padding:2px;
}
.view-product{
  min-width:7.5rem;
  min-height:4rem;
  padding:2px;
}

.custom-cart-modal{
  position: fixed;
  overflow-x: hidden;
  top: 150px !important;
  height: auto;
  width: 23%;
  /* height: 250px; */
  background-color: #fff;
  vertical-align: middle;
  padding: 0;
  color: #000;
  z-index: 1024;
  right: 0%;
  /* padding-bottom: 20px; */
  border:5px solid grey;
}

.custom-cart-header{
  background-color: #b5babf;
  margin: 0;
  color: black;
  padding: 5px;
  font-size: 16px;
  font-weight: bold;
  height: 40px;
  margin-bottom: 0;

}

.custom-cart-body{
  background-color: #fff;
  margin-top: 0;
  padding: 5px;
  font-size: 13px;
  height: 150px;
  overflow-y: scroll;
}

.custom-cart-footer{
  margin-top: 0;
  padding: 5px;
  font-size: 13px;
}

.custom-cart-footer .subtotal{
  padding-left: 35px;

}
.removeItem .icon{
  width: 1.3rem;
  height: 1.3rem;
}

.checkout-view{
  font-weight:800;
}

.checkout-btn{
   /* min-width: 20px !important; */
   background-color: #000;
   color: #fff;
   padding: 2px;
   margin-bottom:10px;
   border:2px solid white;
   font-weight:800;

}
.custom-border {
  border: 2px solid #041371 !important;
}
.cart{
  /* min-width: 20px !important; */
  /* background-color: #000;
  color: #fff;
  padding: 2px;
  margin-bottom:10px;
  border:2px solid white;
  font-weight:800;
  font-size:13px; */
}

.view-cart-btn{
  text-decoration: none;
  display:inline-flex;
  justify-content: center;
  align-items: center;
  border: 0;
  cursor: pointer;
  font: inherit;
  color: #fff;
  transition: box-shadow var(--duration-short) ease;
  appearance: none;
  background-color: black;
  font-weight: 800;
}

/* .cart-body .price{
    font-size:14px !important;
    line-height: normal !important;
    letter-spacing: 2px !important;
} */

.custom-column {
  float: left;
  padding: 8px;
}


#productAddedToCart ul{
  list-style-type: none;
}

.custom_row{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

/* Clear floats after the columns */
.custom_row:after {
  content: "";
  display: table;
  clear: both;
}
.variant-quantity{
  margin-left: 30%;
  margin-top: 0;
  text-align: center;
} 

.cart-body .price{
  margin-top: 0;
  text-align: center;
}
.custom-cart{
  background-color: black;
  border: 2px solid white;
}
@media screen and (min-width:200px) and (max-width:767px){
  .custom-cart-modal{
    position: fixed;
    overflow-x: hidden;
    top: 150px !important;
    height: auto;
    width: 75%;
    /* height: 250px; */
    background-color: #fff;
    vertical-align: middle;
    padding: 0;
    color: #000;
    z-index: 1024;
    right: 0%;
    /* padding-bottom: 20px; */
    border:5px solid grey;
  }
}
.custom_qty{display: flex; align-items: center; flex-wrap: wrap;margin-bottom:10px;justify-content: center;}
.custom_qty .qty_label{font-size: 18px; line-height: 26px; color: #263D58; font-family: inherit; padding:5px 10px 5px 0px;}
/* .custom_qty .custom_qty_inner{margin:0px 15px;} */
.custom_qty_inner .qty_block{display: flex; align-items: center; position: relative; padding:0; box-sizing: border-box;}
.qty_block .qty_field{font-size: 20px; line-height: 28px; font-family: inherit; color: #484F57 !important; text-align: center; border:1px solid transparent; width:75px; -webkit-text-fill-color: #000 !important;}
.qty_block .qty_field:focus{outline: none;}

/* Icon Styling */
.qty_block .qty_icon{cursor: pointer;line-height: 28px; font-family: inherit;display: flex; align-items: center; justify-content: center; outline: none; background-color: transparent; border:1px solid transparent;height:30px;}
.qty_block .qty_icon:disabled{cursor: default;}
/* .qty_block .qty_icon svg path{fill:#484F57;} */

/* Simple Square */
.qty_block.simple_square {box-shadow: 0px 0px 10px 0px rgb(0 0 0/10%);}
/* Rounder Corners */
.qty_block.rounded_corners {box-shadow: 0px 0px 10px 0px rgb(0 0 0/10%); border-radius: 25px;}
/* Rounded corners with rounded icons */
/* .qty_block.fully_rounded {box-shadow: 0px 0px 10px 0px rgb(0 0 0/10%);} */
.qty_block.fully_rounded .qty_icon{border-radius: 50%;}
/* .qty_block.fully_rounded .qty_icon svg path{fill:#ffffff;} */
.qty_block.fully_rounded .qty_icon:disabled{background-color: transparent; border-color: #C9DAE2;}
/* Bottom Counter */
.qty_block.btm_counter {flex-wrap: wrap; width:80px; padding:0px 0px; justify-content: space-between;}
.qty_block.btm_counter .qty_field{width: 100%; padding:10px 0px;}
.qty_block.btm_counter .qty_icon{order:1; width:40px;width:39px; height:25px;}
.qty_block.btm_counter .qty_icon:disabled{background-color: #A8BAC2; border-color: #A8BAC2;}
/* .qty_block.btm_counter .qty_icon svg path{fill:#fff;} */
.qty_block.btm_counter .qty_icon:disabled svg path {fill:#fff;}
/* Right Counter*/

.qty_block.right_counter {flex-wrap: wrap; padding:0px 0px;}
.qty_block.right_counter .qty_field{padding:10px 0px;}
.qty_block.right_counter .qty_icon{order:1; width:40px;position: absolute; left:80px; height:24px;}
.qty_block.right_counter .qty_icon.decrement{top:0px;}
.qty_block.right_counter .qty_icon.increment{bottom:0px;}
.qty_block.right_counter .qty_icon:disabled{background-color: #A8BAC2; border-color: #A8BAC2;}
/* .qty_block.right_counter .qty_icon svg path{fill:#fff;} */
.qty_block.right_counter .qty_icon:disabled svg path {fill:#fff;}

@media screen and (min-width:200px) and (max-width:767px){
    .qty_block .qty_field{width:60px;}
    .custom_qty_inner .qty_block{padding:6px 6px;}
    .qty_block .qty_icon{width:25px; height:25px; }
    .qty_block.btm_counter{padding:0px 0px; width:60px}
    .qty_block.btm_counter .qty_field{padding:6px 0px;}
    .qty_block.btm_counter .qty_icon{height:22px; width:29px;}
    .qty_block.right_counter{padding:0px 0px;}    
    .qty_block.right_counter .qty_field{padding:8px 0px; width:60px}
    .qty_block.right_counter .qty_icon{height:22px;width:29px; left:60px;}
}
.eosh-spinner {
  border: 4px solid rgba(0, 0, 0, 0.1);
  width: 18px;  /* Adjust size as needed */
  height: 18px; /* Adjust size as needed */
  border-radius: 50%;
  border-left-color: #09f;
  animation: spin 1s ease infinite;
  display: inline-block;
  vertical-align: middle;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}