/*custom CSS*/

.box-navlogo .h-logo img {
  max-width: 500px !important;
}
.header-nav {
  .bottomnav {
    .color-black-full {
      &:before {
        background-color: #e881b2;
      }
    }
  }
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: #666;
}
.box-cateh2.ApRow .ApImage .image_description strong {
  color: #666;
}
.product-miniature .thumbnail-container .product-price-and-shipping .price {
  color: #666;
}
.box-fashion.ApRow .ApHtml strong {
  color: #666;
}
.box-fashion.ApRow .ApHtml {
  color: #666;
}
.box-fashion.ApRow .ApHtml a {
  color: #666;
}
.leo-megamenu .leo-top-menu .navbar-nav > li > a {
  color: #666;
}
#left-column.sidebar .block .title_block a {
  color: #666;
}
.dark {
  color: #666 !important;
}
#content-wrapper .sitemap li a {
  color: #666 !important;
  transition: 0.3s !important;
  &:hover {
    color: #bab9b9 !important;
  }
}
.container-fluid .row.sitemap li:hover > ul > li {
  border-color: #bab9b9 !important;
}
.blog-item .title a {
  color: #666 !important;
}
.title_block .sidebar .block .title_block a {
  color: #666 !important;
}

/* for slider */
.info-text-wrapper {
  position: absolute;
  background: #ffffff8c;
  top: 50%;
  left: 50%;
  padding: 40px;
  max-width: 700px;
  width: 100%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.info-text-wrapper * {
  position: static !important;
  width: fit-content !important;
  word-break: inherit;
  white-space: collapse;
  height: auto !important;
}

/* for top bar notifications */
/* wrapper (unchanged HTML) */
.hslider-wrapper {
  overflow: hidden;
  color: #fff;
  text-align: center;
  padding: 0.75rem;
  position: relative;
  box-sizing: border-box;
}

/* pause on hover */
.hslider-wrapper:hover .hmove {
  animation-play-state: paused;
}

/* track: 2x width (two slides) */
.hmove {
  display: flex;
  width: 200%;                 /* track is twice the visible width */
  animation: slide-animation 25s infinite linear; /* adjust duration as needed */
  will-change: transform;
}

/* each slide occupies half of the 200% track = 100% visible width */
.hslide {
  flex: 0 0 50%;               /* <-- important: 50% of the track */
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;     /* keeps text centered inside slide */
  padding: 0 15px;             /* horizontal padding without breaking widths */
}

/* typography */
.hslide p {
  margin: 0;
  font-size: 14px;
  white-space: nowrap;         /* keep single-line */
  overflow: hidden;
  text-overflow: ellipsis;     /* optional: if you ever want truncation on tiny screens */
}

/* responsive font-size */
@media (max-width: 576px) {
  .hslide p { font-size: 0.9rem; }
}

/* keyframes use -50% to move exactly one slide to the left on a 200% track */
@keyframes slide-animation {
  0%   { transform: translateX(0%); }     /* show slide 1 */
  45%  { transform: translateX(0%); }
  55%  { transform: translateX(-50%); }   /* move exactly one slide (50% of the track) */
  100% { transform: translateX(-50%); }   /* show slide 2 until loop */
}

.row.box-margin.ApRow{margin: 0px;}

.p-cartwapper{
  justify-content: flex-start !important;
}
.product-quantity .add{
  flex: none !important;
}