.product-image {
  position: relative;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .product-image > div {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5; }
  .product-image .main-image {
    overflow: hidden;
    cursor: -webkit-zoom-in;
    cursor: zoom-in; }
  .product-image .swiper {
    width: auto;
    width: -webkit-fill-available;
    width: -moz-available; }
  .product-image .swiper.main-image {
    padding: 15px 0;
	margin-left: 5px;
	}
    .product-image .swiper.main-image .swiper-pagination {
      bottom: 10px; 
	  
	  }
  .product-image .additional-image {
    cursor: pointer; 
	}
  .product-image .additional-images.swiper {
       padding: 35px 0 15px 0px;
	}
  .product-image .direction-vertical .additional-images {
    overflow: hidden; }
    .product-image .direction-vertical .additional-images .swiper-container {
      overflow: visible; }
    .product-image .direction-vertical .additional-images .swiper-pagination {
      display: none !important; }
  .product-image .additional-images:not(.swiper) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .product-image .product-labels {
    z-index: 1; }
  .product-image img {
    width: 100%;
    height: auto; }
  .product-image.direction-vertical {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
    .product-image.direction-vertical .additional-images {
      height: 0;
      overflow: visible; }
      .product-image.direction-vertical .additional-images .swiper-container {
        width: 100%;
        height: 100%;
        overflow: hidden; }
      .product-image.direction-vertical .additional-images .swiper-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
      .product-image.direction-vertical .additional-images .swiper-buttons {
        width: 100%;
        height: 100%;
        opacity: 0; }
        .product-image.direction-vertical .additional-images .swiper-buttons > div {
          left: 50%;
          top: -10px;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%);
          max-width: 100%; }
          .product-image.direction-vertical .additional-images .swiper-buttons > div::before {
            -webkit-transform: rotate(90deg);
                    transform: rotate(90deg); }
        .product-image.direction-vertical .additional-images .swiper-buttons .swiper-button-next {
          top: auto;
          bottom: 7px;
		  }
  .product-image.position-left .additional-images, .product-image.position-top .additional-images {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1; }


.product-image.direction-vertical.additional-images-loaded .additional-images .swiper-buttons {
  opacity: 1; }


.product-image.direction-horizontal .additional-images .swiper-slide:not(:last-child) {
    margin-right: 12px;
}
.direction-horizontal .swiper-wrapper .additional-image {
    width: calc(100% / 7);
}
.direction-horizontal .swiper-wrapper .additional-image img{
    max-width: 100% !important;
    height: auto !important;
}

.direction-horizontal .additional-images .swiper-button-prev::before {
	margin-top: 50%
}

.direction-horizontal .additional-images .swiper-button-next, .direction-horizontal .additional-images .swiper-button-prev {
	top: 55%
}
.zm-viewer,
.zm-handler {
  pointer-events: none;
  z-index: 10; }

.zm-viewer {
  opacity: 0;
  -webkit-transition: opacity .25s .25s ease-in-out;
  transition: opacity .25s .25s ease-in-out; }

/******************************
 Product Labels
*******************************/
.product-labels {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.product-label {
  position: relative;
  pointer-events: none;
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5; }
  .product-label b {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    font-weight: 400;
    font-size: 12px;
    white-space: nowrap;
    line-height: 1; }

.product-label-diagonal {
  top: 0;
  left: 0;
  width: 300px;
  -webkit-transform: translate3d(-130px, 8px, 0) rotate(-45deg);
          transform: translate3d(-130px, 8px, 0) rotate(-45deg);
  font-size: 15px;
  text-align: center;
  position: absolute;
  margin: 0;
  padding: 0; }
  .product-label-diagonal b {
    display: block;
    background: transparent; }
  .product-label-diagonal.label-2 {
    -webkit-transform: translate3d(-112px, 26px, 0) rotate(-45deg);
            transform: translate3d(-112px, 26px, 0) rotate(-45deg); }
  .product-label-diagonal.label-3 {
    -webkit-transform: translate3d(-94px, 43px, 0) rotate(-45deg);
            transform: translate3d(-94px, 43px, 0) rotate(-45deg); }

html[dir='rtl'] .product-label-default {
  text-align: left; }

html[dir='rtl'] .product-label-diagonal {
  left: auto;
  right: 0;
  text-align: center;
  -webkit-transform: translate3d(calc(0px - (-130px)), 8px, 0) rotate(45deg);
          transform: translate3d(calc(0px - (-130px)), 8px, 0) rotate(45deg); }
  html[dir='rtl'] .product-label-diagonal.label-2 {
    -webkit-transform: translate3d(calc(0px - (-112px)), 26px, 0) rotate(45deg);
            transform: translate3d(calc(0px - (-112px)), 26px, 0) rotate(45deg); }
  html[dir='rtl'] .product-label-diagonal.label-3 {
    -webkit-transform: translate3d(calc(0px - (-94px)), 43px, 0) rotate(45deg);
            transform: translate3d(calc(0px - (-94px)), 43px, 0) rotate(45deg); }

 .product-label-default.product-label-270{display:flex;position:relative;top:0;right:0;bottom:initial;left:initial;justify-content:flex-end}.product-label-diagonal.product-label-270{display:block;margin:20px;top:0;left:0;right:initial;bottom:initial;transform:translate3d(-130px, 8px, 0) rotate(-45deg)}.product-label-diagonal.product-label-270>b{transform:scale(calc(10 / 10))}.product-label-270
b{background:rgba(15, 58, 141, 1)}.product-info .product-label-diagonal.product-label-270>b{transform:scale(calc(10 / 10))} .product-label-default.product-label-28{display:flex;margin-top:5px;margin-right:5px;position:relative;top:0;right:0;bottom:initial;left:initial;justify-content:flex-end}.product-label-diagonal.product-label-28{display:block}.product-label-diagonal.product-label-28>b{transform:scale(calc(10 / 10))}.product-label-28{order:0}.product-label-28
b{background:rgba(221, 14, 28, 1)}.product-info .product-label-diagonal.product-label-28>b{transform:scale(calc(10 / 10))} .product-label-default.product-label-29{display:flex;margin-top:5px;margin-right:5px;position:relative;top:0;right:0;bottom:initial;left:initial;justify-content:flex-end}.product-label-diagonal.product-label-29{display:block}.product-label-diagonal.product-label-29>b{transform:scale(calc(10 / 10))}.product-label-29
b{background:rgba(13, 82, 214, 1)}.product-info .product-label-diagonal.product-label-29>b{transform:scale(calc(10 / 10))} .product-label-default.product-label-30{display:flex;position:relative;top:0;right:0;bottom:initial;left:initial;justify-content:flex-end}.product-label-diagonal.product-label-30{display:block;margin:20px;top:0;left:0;right:initial;bottom:initial;transform:translate3d(-130px, 8px, 0) rotate(-45deg)}.product-label-diagonal.product-label-30>b{transform:scale(calc(10 / 10))}.product-label-30
b{background:rgba(221, 14, 28, 1)}.product-info .product-label-diagonal.product-label-30>b{transform:scale(calc(10 / 10))} .product-label-default.product-label-31{display:flex;margin-top:5px;margin-right:5px;position:relative;top:0;right:0;bottom:initial;left:initial;justify-content:flex-end}.product-label-diagonal.product-label-31{display:block}.product-label-diagonal.product-label-31>b{transform:scale(calc(10 / 10))}.product-label-31
b{color:rgba(51, 51, 51, 1);background:rgba(254, 212, 48, 1)}.product-info .product-label-diagonal.product-label-31>b{transform:scale(calc(10 / 10))} .product-label-default.product-label-133{display:flex;position:relative;top:0;right:0;bottom:initial;left:initial;justify-content:flex-end}.product-label-diagonal.product-label-133{display:block;top:0;left:0;right:initial;bottom:initial;transform:translate3d(-130px, 8px, 0) rotate(-45deg)}.product-label-diagonal.product-label-133>b{transform:scale(calc(10 / 10))}.product-label-133
b{background:rgba(80, 173, 85, 1)}.product-info .product-label-diagonal.product-label-133>b{transform:scale(calc(10 / 10))} .product-label-default.product-label-146{display:flex;margin:5px;position:relative;top:0;right:0;bottom:initial;left:initial;justify-content:flex-end}.product-label-diagonal.product-label-146{display:block;margin:20px;top:0;left:0;right:initial;bottom:initial;transform:translate3d(-130px, 8px, 0) rotate(-45deg)}.product-label-diagonal.product-label-146>b{transform:scale(calc(10 / 10))}.product-label-146{order:-1}.product-info .product-label-diagonal.product-label-146>b{transform:scale(calc(10 / 10))} .product-label-default.product-label-217{display:flex;margin-top:5px;margin-right:5px;position:relative;top:0;right:0;bottom:initial;left:initial;justify-content:flex-end}.product-label-diagonal.product-label-217{display:block}.product-label-diagonal.product-label-217>b{transform:scale(calc(10 / 10))}.product-label-217
b{font-size:11px;color:rgba(255, 255, 255, 1);font-weight:700;text-transform:uppercase;background:rgba(13, 82, 214, 1);border-radius:3px;padding:5px;padding-bottom:6px;background:rgba(233, 102, 49, 1)}.product-label-217.product-label-default
b{min-width:45px}.product-label-217{order:1}.product-info .product-label-diagonal.product-label-217>b{transform:scale(calc(10 / 10))} .btn-extra-46::before{content:'\eaaf' !important;font-family:icomoon !important}
/******************************
 Countdown
*******************************/
.product-label b {
    font-size: 11px;
    color: rgba(255, 255, 255, 1);
    font-weight: 700;
    text-transform: uppercase;
    background: rgba(13, 82, 214, 1);
    border-radius: 3px;
    padding: 5px;
    padding-bottom: 6px;
}
.product-label.product-label-default b {
    min-width: 45px;
}
.product-label-29 b {
    background: rgba(13, 82, 214, 1);
}
.product-label-30 b {
    background: rgba(221, 14, 28, 1);
}
.swiper-buttons > div.swiper-button-next::before {
    content: '\f105';
    font-family: 'FontAwesome';
	
}
.swiper-buttons > div::before {
   
     content: '\f104';
   font-family: 'FontAwesome';
}
.swiper-button-prev {
    left: 0;
}
.swiper-button-prev, .swiper-button-next {
    color: #ccc;
    width: 40px;
    height: 40px;
    background-image: none;
    margin-top: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}
.swiper-slide, .swiper-wrapper {
    height: auto;
}

.swiper-button-prev::before, .swiper-button-next::before {
    content: "\e60f";
    font-size: 30px;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 50%;
	margin-left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	font-size: 56px
}
.additional-images .swiper-button-disabled{opacity:0}
.additional-images .swiper-button-prev::before{
	   margin-left: 31%;
    color: #f44336;
	margin-top: -5px;
}
.additional-images .swiper-button-next::before {
     margin-left: 26%;
         color: #f44336;
}
.swiper {
    position: relative;
    width: 100%;
}
.lg-backdrop {
    z-index: 10000
}
.lg-outer {
      z-index: 20000
}
.lg-outer .lg-thumb-outer {
    height: auto !important;
    -webkit-transition: -webkit-transform .25s ease-out;
    transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
    transition: transform .25s ease-out, -webkit-transform .25s ease-out;
}
.lg-outer .lg-thumb-outer {
    padding-left: 10px;
  
}
.lg-outer .lg-thumb {
    padding: 0;
    margin: 0 auto;
    background: transparent;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: flex !important;
    justify-content: center !important;
    width: auto !important;
    transform:none !important;
}
.lg-outer .lg-thumb-item {
    margin-top: 10px;
    padding-right: 10px;
}
.lg-outer .lg-thumb-item {
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    overflow: visible;
}
.desktop .lg-product-images .lg-thumb-item img:hover, .lg-product-images .lg-thumb-item.active img {
    border-color: rgba(233, 102, 49, 1);
}
.lg-outer div.lg-thumb-item.active img {
    border-color: rgba(233, 102, 49, 1);
}
.lg-outer .lg-thumb-item img {
    margin-bottom: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0);
    border-radius: 3px;
}
.lg-outer .lg-thumb-item {
    margin-top: 10px;
    padding-right: 10px;
}
.lg-outer .lg-thumb-item img {
    display: block;
}

.lg-actions .lg-prev:after {
  content: '\f104';
    font-family: 'FontAwesome';
	 font-size: 45px;
}
.lg-actions .lg-next:before {
    content: '\f105';
    font-family: 'FontAwesome';
	 font-size: 45px;
}
.lg-outer .lg-image {
    border-radius: 3px;
    max-height: calc(100% - 100px);
}
.lg-outer .lg-sub-html {
    font-size: 18px;
    color: rgba(230, 230, 230, 1);
    background: rgba(0, 0, 0, 0.6);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    top: auto;
    display: none;
}
.lg-outer #lg-zoom-in:hover::after {
    color: rgba(233, 102, 49, 1);
}
.lg-outer #lg-zoom-out:hover::after {
    color: rgba(233, 102, 49, 1);
}
/* Class mà bạn đã add từ JS */
.lg-thumb-video {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}

/* Ảnh bên trong cũng phải fit */
.lg-thumb-video img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    opacity: 0.85; /* để nhìn biết là video */
      background: #000000; /* Nền đen cho đều */
      padding: 8px 0;
}

/* Icon play cho video thumbnail */
.lg-thumb-video::after {
    content: "";
    position: absolute;
    width: 32px;
    height: 32px;
    top: 50%;
    left: 43%;
    transform: translate(-50%, -50%);
    background: url('data:image/svg+xml;utf8,<svg fill="white" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M8 5v14l11-7z"/></svg>') no-repeat center center;
    background-size: 32px;
    opacity: 0.9;
}

/* Hiệu ứng hover */
.lg-thumb-video:hover img {
    opacity: 1;
}