body {
  /*font-family: 'Open Sans', sans-serif;*/
  /*font-family: Lato, arial, sans-serif;*/
  font-family: 'Lato', sans-serif !important;
  /*font-family: 'Amazon Ember', sans-serif !important;*/


}

p {
  font-size: 15px;
}

p>small {
  font-size: 13px;
  line-height: 10px;
  color: grey;

}

ul.dropdown-cart {
  min-width: 250px;
  border: 2px solid #343434;
  padding: 2px;
  margin: 7px;
  margin-top: 11px;
  width: 400px;
  height: auto;
  max-height: 400px;
  overflow-x: hidden;
}

ul.dropdown-cart li .item {
  font-size: 12px !important;
  display: block;
  padding: 3px 10px;
  margin: 3px 0;

}

ul.dropdown-cart li .item:hover {
  background-color: #c3c5c5;

}

ul.dropdown-cart li .item:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

ul.dropdown-cart li .item-left {
  float: left;
}

ul.dropdown-cart li .item-left img,
ul.dropdown-cart li .item-left span.item-info {
  float: left;
}

ul.dropdown-cart li .item-left span.item-info {
  margin-left: 10px;
}

ul.dropdown-cart li .item-left span.item-info span {
  display: block;
}

ul.dropdown-cart li .item-right {
  float: right;
}

ul.dropdown-cart li .item-right button {
  margin-top: 14px;
  border-radius: 20px;
  color: grey;
  background-color: white;
  border-color: white;
  border-bottom-color: white;

}

.scrollable-menu {
  height: auto;
  max-height: 200px;
  overflow-x: hidden;
}

/* Table */
.tdenabled {
  color: black !important;
  background-color: white;
  font-weight: bold;
}

.tddisabled {
  color: grey !important;
  background-color: #F3F3F1;
}

@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css);

.cartcount {
  //background-color: #6394F8;
  background-color: white;
  border-radius: 18px;
  color: red;
  display: inline-block;
  font-size: 16px;
  line-height: 1;
  padding: 3px 7px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}


/* campaign */
.bd-callout-info {
  border-left-color: #5bc0de;
}

.bd-callout {
  padding: 1.25rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid #eee;
  border-left-width: .25rem;
  border-radius: .25rem;
}

/* camopaign */



/* cart animantion*/


/*NEW from ///// V 5 MARAVATHE MANAME NE JEYKANU PATNI SHIVERING*/
.prod-brand {
  font-size: 12px;
  color: gray;
  text-decoration: none;
  margin: 5px 0 1px;
  line-height: 1.3em;
}

.prod-desc {
  font-size: 13px;
  color: #929495;
  text-decoration: none;
  margin: 1px 0 1px;
  line-height: 1.4em;
}

.prod-prod {
  font-size: 16px;
  color: black;
  text-decoration: none;
  margin: 1px 0 1px;
  padding: 4px 0 6px 0;
  line-height: 1.3em;
}

.prod-prod-one {
  font-size: 18px;
  color: black;
  text-decoration: none;
  margin: 2px 0 1px;
}

.categ-menu {
  font-size: 15px;
  color: blue;
  text-decoration: none;
  margin: 2px 0 1px;
}

.category-p {
  font-size: 15px;
  color: white;
  text-decoration: none;
  margin: 2px 0 1px;
}

.prod-mrp {
  font-size: 10px;
  color: black;
}

.prod-weight {
  color: gray;
  font-size: 13px;
  margin: 0 2px 0 0;
}

.prod-price {
  color: gray;
  font-size: 13px;
  margin: 2px 2px 0 0;
  font-weight: bold;
}

.each-prod-set {
  font-size: 12px;
  margin: 2px 2px 1px 0;
}

.prod-cart-btn {
  font-size: 13px !important;
  padding: 0rem 0.2rem !important;
  color: red;
  color: #414042 !important;
  background: linear-gradient(180deg, #fee67c 0, #f2cb76);
  background-image: linear-gradient(rgb(254, 230, 124) 0px, rgb(242, 203, 118));
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat-x: initial;
  background-repeat-y: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
}

.prod-cart-btn-detail {
  font-size: 13px !important;
  padding: 0rem 0.2rem !important;
  color: red;
  color: #414042 !important;
  background: linear-gradient(180deg, #fee67c 0, #f2cb76);
  background-image: linear-gradient(rgb(254, 230, 124) 0px, rgb(242, 203, 118));
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat-x: initial;
  background-repeat-y: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
}

.prod-offer {
  font-size: 12px;
  color: green;
}


.pds-home-header {
  padding: 0 0 1px 0 !important;
}



brsmall {
  display: block;
  margin: 8px 0;
}

.alert {
  /*display:inline-block;*/
  /*margin-bottom: 1px;
  height: 30px;
  line-height:30px;
  padding:0px 15px;*/
  padding: 0.7rem 1rem !important;

}


.carousel-items:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
}

.elegantshd {
  color: green;
  text-shadow: 4px 4px 0px #d5d5d5, 7px 7px 0px rgba(0, 0, 0, 0.2);
}

.carousal-color {
  color: white !important;
}

/*.text-responsive-h {
  font-size: calc(30% + 0.6vw + 0.5vh);
}

.text-responsive-p {
  font-size: calc(1% + 0.8vw + 0.8vh);
}*/


//.modal-backdrop {position: relative;}

/*TIMER*/
h2 {
  font-family: Poppins;
  font-weight: 500;
  margin: 0 0 20px;
}

.timer {
  margin: 0 0 45px;
  font-family: sans-serif;
  color: #fff;
  display: inline-block;
  font-weight: 100;
  text-align: center;
  font-size: 30px;
}

.timer div {
  padding: 10px;
  border-radius: 3px;
  background: #000000;
  display: inline-block;
  font-family: Oswald;
  font-size: 26px;
  font-weight: 400;
  width: 80px;
}

.timer .smalltext {
  color: #888888;
  font-size: 12px;
  font-family: Poppins;
  font-weight: 500;
  display: block;
  padding: 0;
  width: auto;
}

.timer #time-up {
  margin: 8px 0 0;
  text-align: left;
  font-size: 14px;
  font-style: normal;
  color: #000000;
  font-weight: 500;
  letter-spacing: 1px;
}

/*ENDTIMER*/


/* */
.searching-box1 {
  background-color: grey;
}

.searching-box {
  background-color: white;
}


.btn-purple-moon {
  background: #4e54c8;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #8f94fb, #4e54c8);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #8f94fb, #4e54c8);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: #fff;
  border: 3px solid #eee;
}

.btn-ultra-voilet {
  background: #654ea3;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #eaafc8, #654ea3);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #eaafc8, #654ea3);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: #fff;
  border: 3px solid #eee;
}

.btn-pink-moon {
  background: #ec008c;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #fc6767, #ec008c);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #fc6767, #ec008c);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: #fff;
  border: 3px solid #eee;
}

.btn-cool-blues {
  background: #2193b0;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #6dd5ed, #2193b0);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #6dd5ed, #2193b0);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: #fff;
  border: 3px solid #eee;
}


.btn-dark-blue {
  background: #7474BF;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #348AC7, #7474BF);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #348AC7, #7474BF);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: #fff;
  border: 3px solid #eee;
}

.btn-green-moon {
  background: #56ab2f;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #a8e063, #56ab2f);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #a8e063, #56ab2f);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: #fff;
  border: 3px solid #eee;
}

.btn-orange-moon {
  background: #fc4a1a;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #f7b733, #fc4a1a);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #f7b733, #fc4a1a);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: #000 !important;
  border: 3px solid #fff;
}

.btn-dark-moon {
  background: #141E30;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #243B55, #141E30);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #243B55, #141E30);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: #fff;
  border: 3px solid #eee;
}

.btn-light-moon {
  background: #FFEFBA;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #FFFFFF, #FFEFBA);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #FFFFFF, #FFEFBA);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: #000;
  border: 3px solid #eee;
}

.btn-funky-moon {
  background: #A770EF;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(145deg, #FDB99B, #CF8BF3, #A770EF);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(145deg, #FDB99B, #CF8BF3, #A770EF);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: #fff;
  border: 3px solid #eee;
}

.reduceboxsize {
  width: 65% !important;
}


.hr10 {
  border: none;
  height: 10px;
  /* Set the hr color */
  color: grey;
  /* old IE */
  background-color: grey;
  /* Modern Browsers */
}

.hr15 {
  border: none;
  height: 15px;
  /* Set the hr color */
  color: grey;
  /* old IE */
  background-color: grey;
  /* Modern Browsers */
}

.hr20 {
  border: none;
  height: 20px;
  /* Set the hr color */
  color: grey;
  /* old IE */
  background-color: grey;
  /* Modern Browsers */
}

.pf11 {
  font-size: 11px !important;
}

.pf12 {
  font-size: 12.4px !important;
}

.pf13 {
  font-size: 13.4px !important;
}

.pf14 {
  font-size: 14.4px !important;
}


.b-example-divider {
  height: 3rem;
  background-color: rgba(0, 0, 0, .1);
  border: solid rgba(0, 0, 0, .15);
  border-width: 1px 0;
  box-shadow: inset 0 0.5em 1.5em rgba(0, 0, 0, .1), inset 0 0.125em 0.5em rgba(0, 0, 0, .15);
}


@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1, 1);
  }

  to {
    -webkit-transform: scale(1.5, 1.5);
  }
}

@keyframes zoom {
  from {
    transform: scale(1, 1);
  }

  to {
    transform: scale(1.1, 1.1);
  }
}

.carousel-inner .carousel-item>a>img {
  -webkit-animation: zoom 20s;
  animation: zoom 20s;
}

.carousel-inner .carousel-item>a>img {
  -webkit-animation: zoom 20s;
  animation: zoom 20s;
}


.bg-grey {
  background-color: #F7F7F7 !important;

}

.image-wrapper {
  position: relative;
  width: min-content;
}

.image-wrapper span {
  position: absolute;
  top: 5px;
  right: 5px;
}


.bd-callout {
  --bs-link-color-rgb: var(--bd-callout-link);
  --bs-code-color: var(--bd-callout-code-color);
  padding: 1.25rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  color: var(--bd-callout-color, inherit);
  background-color: var(--bd-callout-bg, var(--bs-gray-100));
  border-left: 0.25rem solid var(--bd-callout-border, var(--bs-gray-300))
}

.bd-callout h4 {
  margin-bottom: .25rem
}

.bd-callout>:last-child {
  margin-bottom: 0
}

.bd-callout+.bd-callout {
  margin-top: -.25rem
}

.bd-callout .highlight {
  background-color: rgba(0, 0, 0, 0.05)
}

.bd-callout-info {
  --bd-callout-color: var(--bs-info-text-emphasis);
  --bd-callout-bg: var(--bs-info-bg-subtle);
  --bd-callout-border: var(--bs-info-border-subtle)
}

.bd-callout-warning {
  --bd-callout-color: var(--bs-warning-text-emphasis);
  --bd-callout-bg: var(--bs-warning-bg-subtle);
  --bd-callout-border: var(--bs-warning-border-subtle)
}

.bd-callout-danger {
  --bd-callout-color: var(--bs-danger-text-emphasis);
  --bd-callout-bg: var(--bs-danger-bg-subtle);
  --bd-callout-border: var(--bs-danger-border-subtle)
}

/* Professional Product Card Styles */
.prod-card {
  transition: all 0.3s ease;
  border: 1px solid #eef0f2;
  background: #fff;
  cursor: pointer;
  /* overflow: hidden; Removed to allow dropdowns */
}

.prod-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08) !important;
  border-color: transparent;
}

.prod-card .img-wrapper {
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f8f9fa;
  border-radius: 8px;
  margin: 8px;
  overflow: hidden;
}

.prod-card .img-wrapper img {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
  transition: transform 0.5s ease;
}

.prod-card:hover .img-wrapper img {
  transform: scale(1.05);
}

.prod-title {
  font-size: 0.9rem;
  font-weight: 600;
  color: #2c3e50;
  line-height: 1.4;
  height: 2.8em;
  /* Limit to 2 lines */
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.prod-price-tag {
  color: #27ae60;
  font-weight: 700;
  font-size: 1rem;
}

.prod-mrp-tag {
  font-size: 0.8rem;
  color: #95a5a6;
  text-decoration: line-through;
  margin-right: 5px;
}

.prod-meta {
  font-size: 0.8rem;
  color: #7f8c8d;
}

.btn-add-cart {
  background: linear-gradient(135deg, #FF9800 0%, #F44336 100%);
  color: white;
  border: none;
  padding: 5px 15px;
  border-radius: 20px;
  font-size: 0.85rem;
  font-weight: 600;
  transition: all 0.3s;
  box-shadow: 0 4px 6px rgba(244, 67, 54, 0.2);
}

.btn-add-cart:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 10px rgba(244, 67, 54, 0.3);
  color: white;
}

/* Ensure horizontal scroll padding looks good */
#IdAllCtgPdsFunctionLoad .row.flex-nowrap {
  padding-bottom: 20px;
  /* Space for shadows */
  scrollbar-width: thin;
}

/* Fix for btn-group rounded corners without overflow: hidden */
.btn-group.rounded-pill>.btn:first-child {
  border-top-left-radius: 50rem;
  border-bottom-left-radius: 50rem;
}

.btn-group.rounded-pill>.btn:last-child {
  border-top-right-radius: 50rem;
  border-bottom-right-radius: 50rem;
}