.mySwipercat .swiper-slide a button {
  background: #353535;
  color: #fff;
}
.mySwipercat .swiper-slide a button img {
  filter: invert(1);
}

/* from checkout */
.guestForm {
  display: none;
}

.guestForm.active {
  display: block;
}

a.registerBtn button {
  display: flex;
  margin: 1rem 0;
  padding: 0.5rem 1rem;
  border-radius: 5px;
  border: 0px solid #000;
  background: #f2f2f2;
  color: #000;
  font-size: 0.8rem;
}

.connector img {
  height: 32px;
}

.connector {
  display: flex;
  gap: 1rem;
}

.connector button {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 155px;
  justify-content: center;
}

.connector a.loginBtn {
  width: 50%;
}

a.loginBtn button {
  display: flex;
  margin: 1rem 0;
  padding: 0.75rem 1rem;
  width: 100%;
  border-radius: 5px;
  border: 1px solid #000;
  background: #000;
  color: #fff;
}

a.loginBtn button img {
  filter: invert(1);
}

button#showGuestForm {
  display: flex;
  margin: 1rem 0;
  padding: 0.75rem 1rem;
  width: 50%;
  border-radius: 5px;
  border: 1px solid #000;
  background: #fff;
  color: #000;
}

div#delivery_method_buttons button {
  border: 0;
  padding: 1rem;
  border-radius: 5px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}

.indexer .container-fluid.main.center100 {
  padding: 0.5rem;
}

div#delivery_method_buttons button img {
  width: 32px;
}

div#delivery_method_buttons {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  margin-bottom: 2rem;
}

#takeaway_fields,
#delivery_fields,
#dinein_fields {
  display: none;
}

.askLogin.hide {
  display: none;
}

.sideBar {
  background: var(--clr_two);
  height: unset !important;
}

.sideBar p {
  color: #fff;
}
/* from checkout end*/
h1.prod_title,
.prdNames h2,
.product-container h4 {
  font-family: "Poppins", sans-serif;
}
.insiderx .imgHolder {
  transform: scale(1) !important;
  margin-bottom: 0 !important;
}
.product-container.catList,
.swiper-slide img {
  background: #ffffff;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
.swiper-container.thumbs-slider img {
  width: 60px !important;
  height: 60px;
  border: 2px solid #000;
  border-radius: 1px !important;
}
.catList img {
  height: 125px;
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 10px;
  object-fit: contain;
}
.inSec h2 {
  text-align: center;
}
.quantity-input,
.prod_item .qts {
  width: 150px;
}
.addtocart .labelHolder input,
.prod_item .qts input {
  width: 60px;
}

.prod_options {
  padding: 0;
  background: #ffffff;
}

.prod_options .labelHolder {
  padding: 1rem;
  background: #fff;
  border-radius: 10px;
  border: 1px dashed #000;
}
.prod_options .labelHolder:nth-child(even) {
  border-color: #e73f64;
}
.radio-option label {
  background: #f5f5f5;
}
.prod_des,
.prod_des p,
.prod_des ul li {
  font-size: 0.9rem;
}
.prod_des h4 {
  font-size: 0.9rem;
  font-weight: 600;
  text-transform: uppercase;
}
summary {
  font-size: 0.9rem;
  font-weight: 600;
  text-transform: uppercase !important;
  border: 0px solid;
  padding: 0.125rem 0rem;
  border-radius: 3px;
  margin-bottom: 1rem;
}
p.prod_id {
  width: fit-content;
  padding: 0.25rem 0.75rem;
  border-radius: 500px;
  border: 1px dotted;
  letter-spacing: 0;
}
.mycart.active {
  position: relative;
  overflow: hidden;
}
/*.mycart.active:before {
    position: absolute;
    content: "";
    left: -16px;
    top: -14px;
    width: 45px;
    height: 45px;
    background-image: url(/shop/images/spark.gif);
    background-size: contain;
}
.mycart.active:after {
    position: absolute;
    content: "";
    right: -5px;
    top: -9px;
    width: 25px;
    height: 25px;
    background-image: url(/shop/images/spark.gif);
    background-size: contain;
}*/

.mycart.active:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  background: var(--clr_three);
  height: 45px;
  width: 100%;
  animation: bgani 1s infinite alternate;
  filter: blur(10px);
}
.mycart a {
  z-index: 1;
}
.radio-option img {
  margin-right: 10px;
}
.sideBar {
  background: var(--clr_two) !important;
}
@keyframes bgani {
  0% {
    transform: translateX(-102%);
  }
  100% {
    transform: translateX(102%);
  }
}

.prodMedia {
  margin-bottom: 2rem;
}
.swiper-container.thumbs-slider .swiper-wrapper {
  left: -12.5%;
}
@media (max-width: 768.98px) {
  .mySwipercat .swiper-slide a button span {
    display: none;
  }
}

.live-cart {
  background: var(--clr_two);
}

.cart-item {
  background: #ffffff1a;
  color: #fff;
}
.cart-item h2,
.cart-item a {
  color: #fff;
}

.quantity-controls button {
  border: 1px solid #fff;
  color: #fff;
}

input.quantity-input {
  color: #fff;
}
.cart-item:nth-child(even) {
  background: #f7f7f700;
}
.cart-item-image img {
  object-fit: contain;
  background: #ffeded1f;
  border-radius: 5px;
}
.live-cart a.btn2 {
  color: #000;
  background: #fda500;
}
.totalPriceHolder p {
  font-weight: 600;
  color: #e8a83d;
}

.itemsHolder::-webkit-scrollbar,
.sideBar::-webkit-scrollbar {
  width: 5px;
}

.itemsHolder::-webkit-scrollbar-thumb,
.sideBar::-webkit-scrollbar-thumb {
  background-color: white;
  border-radius: 2.5px; /* This will give it rounded corners if you like */
}

.itemsHolder::-webkit-scrollbar-thumb:vertical,
.sideBar::-webkit-scrollbar-thumb:vertical {
  height: 30px;
}

.itemsHolder::-webkit-scrollbar-track,
.sideBar::-webkit-scrollbar-track {
  background-color: black;
}

.itemsHolder::-webkit-scrollbar-track-piece,
.sideBar::-webkit-scrollbar-track-piece {
  height: 30px; /* Specific height for track piece */
}
.center100 .row {
  min-height: 70vh;
  align-content: center;
}

.sideBar {
  padding: 1rem;
  border-radius: 10px;
  position: sticky;
  top: 100px;
  height: calc(94vh - 100px);
  background: var(--clr_two);
  overflow: hidden;
  transition: all 0.3s;
}
.sideBar:hover {
  overflow-y: scroll;
}

.ck-cart {
  background: #ffffff1a;
  padding: 5px;
  color: #fff;
  border-radius: 5px;
}
.ck-cart img {
  object-fit: contain;
}
button.add-to-cart-front,
.product-container a button {
  background: var(--clr_two);
  color: #fff;
}
.prod_des {
  opacity: 0.7;
}
label.choiceTitle {
  background: #2c386a;
  width: fit-content;
  padding: 0.25rem 1rem;
  border-radius: 4px;
  transform: translate(0px, -30px);
  color: #fff;
  margin-bottom: -1rem;
}
.prod_options {
  margin-top: 1rem;
  gap: 2rem;
}
.container-fluid.indexer.styHotCool {
  max-width: 1000px;
}
.swiper-slide span {
  font-size: 0.75rem;
}
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  opacity: 0.2 !important;
}
span.swiper-pagination-bullet {
  background: #fff !important;
}
@media (max-width: 991px) {
  .indexer .catHolders {
    padding: 0.75rem !important;
  }
  .indexer .sin {
    padding: 1.25rem !important;
  }
  .setx {
    width: 160px !important;
  }
  .naviMovile {
    height: 100vh;
    z-index: 99;
    background: rgb(255 255 255 / 88%);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
  }
  .naviMovile ul button {
    color: #304477;
    font-size: 1.25rem;
    padding: 0.5rem 0.75rem;
    border-left: 3px solid #304477;
    width: 100%;
    text-align: left;
    margin-bottom: 0.75rem;
  }
}
@media (min-width: 991px) {
  .addtocart {
    flex-direction: column;
  }
}