.g_slide {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  height: 350px;
  position: relative;
  overflow: hidden;
  border-radius: 12px;
}

.g_slide .switch_main {
  position: relative;
  width: 100%;
  height: 100%;
}

.g_slide .item {
  display: none;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.g_slide .switch_nav {
  width: 100%;
  position: absolute;
  right: 0;
  bottom: 10px;
  z-index: 11;
  text-align: center;
}

.g_slide .switch_nav_item {
  display: inline-block;
  margin: 0 10px 0 0;
  width: 13px;
  height: 13px;
  line-height: 200px;
  overflow: hidden;
  font-size: 0;
  border-radius: 100%;
  background: #b7b7b7;
  text-align: center;
  color: #fff;
}

.g_slide .switch_nav_item:hover {
  text-decoration: none;
}

.g_slide .switch_nav_item_current {
  background: #eb6100;
}

.g_slide .prev,
.g_slide .next {
  position: absolute;
  top: 50%;
  z-index: 10;
  margin-top: -15px;
  width: 18px;
  height: 30px;
  overflow: hidden;
  background: url(slide.png) no-repeat;
  transition: margin-left .3s ease, margin-right .3s ease;
}

.g_slide .prev {
  left: -18px;
}

.g_slide .next {
  right: -18px;
  background-position: -19px 0;
}

.g_slide .prev:hover {
  background-position: 0 -70px;
}

.g_slide .next:hover {
  background-position: -19px -70px;
}

.g_slide:hover .prev {
  margin-left: 28px;
}

.g_slide:hover .next {
  margin-right: 28px;
}

#slides .home-banner-img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

@media (max-width: 575.98px) {
  .g_slide {
    height: 200px;
    max-width: 100%;
  }

  #slides .item {
    background: #fff;
  }

  #slides .home-banner-img {
    object-fit: contain;
  }
}

.product-grid-eq > [class*="col"] {
  display: flex;
}

.product-grid-eq > [class*="col"] > .card.product {
  flex: 1 1 auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 12px;
}

.product-grid-eq > [class*="col"] > .card.product .card-img-top {
  width: 100%;
  object-fit: cover;
  background: #fff;
}

@supports (aspect-ratio: 1 / 1) {
  .product-grid-eq > [class*="col"] > .card.product .card-img-top {
    aspect-ratio: 3 / 4;
    height: auto;
  }
}

.product-grid-eq > [class*="col"] > .card.product .card-body {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.product-grid-eq > [class*="col"] > .card.product .card-body > span.d-block {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.25;
  min-height: calc(1.25em * 2);
  margin-bottom: .35rem;
}

.product-grid-eq > [class*="col"] > .card.product .price-row {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
}

.product-grid-eq > [class*="col"] > .card.product .seller-row {
  margin-top: .35rem;
  display: flex;
  align-items: center;
  gap: .35rem;
}

@media (max-width: 575.98px) {
  .product-grid-eq > [class*="col"] > .card.product .card-img-top {
    height: 170px;
  }

  @supports (aspect-ratio: 1 / 1) {
    .product-grid-eq > [class*="col"] > .card.product .card-img-top {
      height: auto;
    }
  }

  .product-grid-eq > [class*="col"] > .card.product .card-body {
    padding: 10px 10px;
  }

  .product-grid-eq > [class*="col"] > .card.product .card-body > span.d-block {
    font-size: 12px;
  }
}

.gap-y-2 {
  row-gap: .5rem;
}

.promo-banner-2 {
  background-color: #bfe3f8;
}

.promo-asset-img-1 {
  width: 9rem;
}

.promo-asset-img-2 {
  width: 6rem;
}

.promo-asset-img-3 {
  width: 8rem;
}

.promo-asset-2 {
  right: 10rem;
  top: 50%;
  transform: translateY(-50%);
}

.promo-asset-3 {
  right: 5rem;
  top: 1rem;
}

.scroll {
  position: relative;
  width: 752px;
  height: 117px;
  border: solid 1px #dfdfdf;
  overflow: hidden;
}

.scroll .item {
  float: left;
  width: 250px;
  height: 100%;
  border-right: solid 1px #dfdfdf;
}

.scroll .switch_item {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.scroll .prev,
.scroll .next {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  width: 19px;
  height: 39px;
  overflow: hidden;
  background: url(slide.png) no-repeat;
}

.scroll .prev {
  left: 0;
  background-position: 0 -31px;
}

.scroll .next {
  right: 0;
  background-position: -20px -31px;
}

.scroll .prev:hover {
  background-position: 0 -101px;
}

.scroll .next:hover {
  background-position: -20px -101px;
}