.woocommerce-product-gallery .rl-gallery-container {
  position: relative;
}

.rl-sale.onsale {
  background: var(--rl-do, #E4212A);
  color: #fff;
  border-radius: 999px;
  padding: .22rem .6rem;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .01em;
  line-height: 1.25;
  min-width: 0;
  min-height: 0;
  box-shadow: 0 2px 10px rgba(35, 31, 32, .18);
}

.woocommerce-product-gallery .ct-media-container .zoomImg { display: none !important; }

.woocommerce-product-gallery .flexy-item figure img {
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  background: #fff;
}

.rl-anh-chinh { cursor: zoom-in; }
.rl-mui-ten { cursor: pointer; }
.rl-mui-ten:focus-visible { outline: 2px solid var(--rl-do, #E4212A); outline-offset: 2px; }
.rl-anh-chinh:focus-visible { outline: 2px solid var(--rl-do, #E4212A); outline-offset: 3px; }

.woocommerce-product-gallery ol > li.rl-thumb { cursor: pointer; }
.woocommerce-product-gallery ol > li.rl-thumb .ct-media-container { position: relative; }
.woocommerce-product-gallery ol > li.rl-thumb .ct-media-container::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: 8px;
  box-shadow: inset 0 0 0 1px #e6e6e6;
  transition: box-shadow .15s ease;
}
.woocommerce-product-gallery ol > li.rl-thumb:hover .ct-media-container::after {
  box-shadow: inset 0 0 0 1px #b9b9b9;
}
.woocommerce-product-gallery ol > li.rl-thumb.active .ct-media-container::after {
  box-shadow: inset 0 0 0 2px var(--rl-do, #E4212A);
}
.woocommerce-product-gallery ol > li.rl-thumb:focus-visible { outline: 0; }
.woocommerce-product-gallery ol > li.rl-thumb:focus-visible .ct-media-container {
  outline: 2px solid var(--rl-do, #E4212A);
  outline-offset: -6px;
}

@media (max-width: 781px) {
  .woocommerce-product-gallery .flexy-item figure,
  .woocommerce-product-gallery .flexy-item figure img { max-height: 280px; }

  .woocommerce-product-gallery ol {
    --pills-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .woocommerce-product-gallery ol::-webkit-scrollbar { display: none; }
  .woocommerce-product-gallery ol > li {
    --thumbs-width: 4.6rem;
    scroll-snap-align: start;
    padding-top: .6rem;
  }
}

body.rl-khoa-cuon { overflow: hidden; }
body.rl-khoa-cuon .rl-day { display: none; }

.rl-lb {
  position: fixed;
  inset: 0;
  z-index: 999;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-template-rows: minmax(0, 1fr);
  align-items: center;
  gap: .4rem;
  padding: 1rem .6rem 3rem;
  background: rgb(18, 21, 25);
}
.rl-lb[hidden] { display: none; }

.rl-lb__khung {
  grid-column: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-width: 0;
  min-height: 0;
}
.rl-lb__anh {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  border-radius: 10px;
  background: #fff;
}

.rl-lb__nut,
.rl-lb__dong {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, .14);
  color: #fff;
  cursor: pointer;
  font: inherit;
  line-height: 1;
  transition: background .15s ease;
}
.rl-lb__nut:hover,
.rl-lb__dong:hover { background: rgba(255, 255, 255, .28); }
.rl-lb__nut:focus-visible,
.rl-lb__dong:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }

.rl-lb__nut {
  width: 2.6rem;
  height: 2.6rem;
  font-size: 1.9rem;
  padding-bottom: .2rem;
}
.rl-lb__truoc { grid-column: 1; }
.rl-lb__sau { grid-column: 3; }

.rl-lb__dong {
  position: absolute;
  top: .8rem;
  right: .8rem;
  width: 2.4rem;
  height: 2.4rem;
  font-size: 1.7rem;
  padding-bottom: .15rem;
}

.rl-lb__dem {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 1.1rem;
  margin: 0;
  text-align: center;
  color: rgba(255, 255, 255, .78);
  font-size: .82rem;
  letter-spacing: .04em;
}

@media (max-width: 600px) {
  .rl-lb { padding: 3.2rem .5rem 3.4rem; grid-template-columns: minmax(0, 1fr); }
  .rl-lb__khung { grid-column: 1; grid-row: 1; }
  .rl-lb__nut { position: absolute; bottom: 2.6rem; width: 2.9rem; height: 2.9rem; }
  .rl-lb__truoc { left: .8rem; }
  .rl-lb__sau { right: .8rem; }
  .rl-lb__dem { bottom: .8rem; }
}