.special-product-image{
    height: 200px;
    width: 100%;
    object-fit: cover;
    object-position: center;
	aspect-ratio: 1;
}
.product-title{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2.4em;
	font-size: 15px;
}

.gallery-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr); /* 3 cột bằng nhau */
    gap: 8px;                             /* Khoảng cách giữa các ô */
}

.gallery-item {
    aspect-ratio: 1/1; /* Tỷ lệ 1:1 */
    overflow: hidden;
}

.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.gallery-item img:hover {
    transform: scale(1.1);
}
.ps-banner__content{
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.75) 0%, rgba(0,0,0,0) 100%);
}
.ps-promo__content.wipe-down{
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.75) 0%, rgba(0,0,0,0) 100%);
}
.ps-promo__content{
    /* background: linear-gradient(90deg, rgba(0, 0, 0, 0.75) 0%, rgba(0,0,0,0) 100%); */
    background: #00000055;
}
.ellipsis-1-line{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	overflow: hidden;
}
.ellipsis-2-line{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	overflow: hidden;
}
.tox-notifications-container{
    display: none;
}
.ps-btn.ps-btn--primary{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.custom-fs-search{
    font-size: 20px !important;
    font-weight: bolder !important;
}
.aspect-ratio-1{
    aspect-ratio: 1;
}
.img-center{
    object-fit: cover;
    object-position: center;
}
.quantity{
    font-size: 1.7rem !important;
}
.plus,.minus{
    transition: background-color ease-in-out .3s;
    
    border-radius: 50%;
}
.plus:active, .minus:active{
    background: #b6b6b6 !important;
}
.ps-product__image{
    aspect-ratio: 1;
}
.ps-product__image img{
    width: 100%;
    height: 100%;
    
}
#group-support-hotline{
    position: fixed;
    right: 20px;
    background: 0 0;
    display: flex;
    flex-direction: column;
    z-index: 11;
    gap: 16px;
    transform: translateY(50%);
    bottom: 280px;
}
#group-support-hotline>a {
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 0 36px rgba(0, 0, 0, .2);
	cursor: pointer
  }
  
  #group-support-hotline>a img {
	width: auto;
	height: auto;
	max-width: 40px;
  }
  
  @media (max-width:575px) {
	#group-support-hotline>a {
	  width: 52px;
	  height: 52px
	}
  }
  
  .effect-ring {
	display: flex;
	background: #f15822;
	border-radius: 50%;
	text-align: center;
	justify-content: center;
	align-items: center;
	z-index: 999;
	-webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
	animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%
  }
  
  .effect-ring:before {
	position: absolute;
	content: " ";
	z-index: -1;
	background-color: #d3d3d3;
	width: 60px;
	height: 60px;
	border-radius: 100%;
	opacity: .6;
	-webkit-animation: pulse 1.2s infinite ease-in-out;
	animation: pulse 1.2s infinite ease-in-out;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
  }
  
  .effect-ring:after {
	content: " ";
	z-index: -1;
	width: 120px;
	height: 120px;
	position: absolute;
	background-color: transparent;
	border-radius: 100% !important;
	border: 2px solid #fbfbfa;
	opacity: .1;
	-webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
	animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
	transition: all .5s;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%
  }
  
  @keyframes pulse {
	0% {
	  -webkit-transform: rotate(0) scale(.7) skew(1deg);
	  opacity: .2
	}
  
	50% {
	  -webkit-transform: rotate(0) scale(1) skew(1deg);
	  opacity: .2
	}
  
	100% {
	  -webkit-transform: rotate(0) scale(.7) skew(1deg);
	  opacity: .2
	}
  }
  
  @-webkit-keyframes phonering-alo-circle-img-anim {
	0% {
	  -webkit-transform: rotate(0) scale(1) skew(1deg)
	}
  
	10% {
	  -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
	}
  
	20% {
	  -webkit-transform: rotate(25deg) scale(1) skew(1deg)
	}
  
	30% {
	  -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
	}
  
	40% {
	  -webkit-transform: rotate(25deg) scale(1) skew(1deg)
	}
  
	100%,
	50% {
	  -webkit-transform: rotate(0) scale(1) skew(1deg)
	}
  }
  
  @-webkit-keyframes phonering-alo-circle-anim {
	0% {
	  -webkit-transform: rotate(0) scale(.5) skew(1deg);
	  -webkit-opacity: .1
	}
  
	30% {
	  -webkit-transform: rotate(0) scale(.7) skew(1deg);
	  -webkit-opacity: .5
	}
  
	100% {
	  -webkit-transform: rotate(0) scale(1) skew(1deg);
	  -webkit-opacity: .1
	}
  }
  .header-grid-collection{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr) );
	gap: 20px;  
	
	position: relative;
  }
  .header-grid-products{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(175px, 1fr) ) ;
	/* gap: 20px;   */
	position: relative;
  }
  .collection-menu{
	width: 100%;
	padding: 0.5rem 0 0.5rem 2rem;
	font-weight: 600;
	cursor: pointer;
	font-size: 1.3rem;
  }
  #specification table{
	width: 100% !important;
  }
  .grid-border-item{
    border-left: 1px solid #f0f2f5;
    border-bottom: 1px solid #f0f2f5
  }
  .grid-border-parent{
	border-top: 1px solid #f0f2f5;
    border-right: 1px solid #f0f2f5
  }
  .ps-post__content img{
	max-width: 100%;
	height: auto;
  }