/*!
Theme Name: NHM
Theme URI: 
Author: NHM
Author URI: 
Description: Start theme by NH - NHM
Version: 1.0.0
Text Domain: nhm
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
/* Alignments
--------------------------------------------- */
img {
  max-width: 100%;
  height: auto;
}
iframe {
  max-width: 100%;
}
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}
@media only screen and (min-width: 1024px) {
  /* Vertical masonry bricks on desktop-sized screen */
  .masonry-brick {
    width: 33.33333%;
  }
}

@media only screen and (max-width: 1023px) and (min-width: 768px) {
  /* Vertical masonry bricks on tablet-sized screen */
  .masonry-brick {
    width: 50%;
  }
}

.masonry-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.product-item .tag-icon {
  position: absolute;
  width: 80px;
  height: 45px;
  top: -24px;
  right: -30px;
  z-index: 2;
}
.product-item .tag-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.product-item .favorite-icon, .product-item .top-icon{
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    height: 30px;
    top: -15px;
    right: 0px;
    z-index: 2;
    background: var(--red);
    border-radius: 30px;
    /* clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 100%, 30px 100%); */
}
.product-item .favorite-icon span, .product-item .top-icon span{
    font-size: 16px;
    color: #fff;
    line-height: 1.1;
}
@keyframes pulse-strong {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  50% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2); /* tăng tỉ lệ từ 1.05 → 1.2 */
    transform: scale3d(1.2, 1.2, 1.2);
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
.animation-pluse{
    animation-name: pulse-strong;
    animation-delay: 1s;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

@media screen and (max-width:767px){
  .product-item .favorite-icon, .product-item .top-icon{
    padding: 0 10px;
    height: 16px;
    top: -8px;
    z-index: 2;
    background: var(--red);
    border-radius: 16px;
    /* clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 100%, 18px 100%); */
  }
  .product-item .favorite-icon span, .product-item .top-icon span{
    font-size: 10px;
  }
  .product-item .tag-icon {
    width: 60px;
    height: 30px;
    top: -15px;
    right: -8px;
    z-index: 2;
  }
}