/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 11 2026 | 09:27:13 */
/* ============================= 
Start - Ảnh sản phẩm
=================================== */
.hn__product-gallery-container {
    max-width: 100%;
    margin: 0 auto;
}
.hn__product-gallery-container .main-swiper { 
	width: 100%; 
	margin-bottom: 20px; 
	cursor: zoom-in; 
}
.hn__product-gallery-container .main-swiper img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 1;
}
.hn__product-gallery-container .thumb-swiper .swiper-slide {
    display: flex;
    opacity: 0.5;
    cursor: pointer;
    transition: 0.3s;
}
.hn__product-gallery-container .thumb-swiper .swiper-slide-thumb-active { 
	opacity: 1; 
	border: 2px solid #222; 
}
.hn__product-gallery-container .thumb-swiper img { 
	width: 100%; 
	height: 100%; 
	object-fit: cover; 
}
/* Tùy chỉnh nút bấm Swiper */
.hn__product-gallery-container .main-swiper .swiper-button-next, .main-swiper .swiper-button-prev { 
	color: #000; 
	background: rgba(255,255,255,0.7); 
	width: 36px; 
	height: 36px; 
	border-radius: 50%; 
}
.hn__product-gallery-container .main-swiper .swiper-button-next::after,.hn__product-gallery-container  .main-swiper .swiper-button-prev::after { 
	font-size: 16px; 
	font-weight: bold; 
}
.hn__product-gallery-container .swiper-slide a {
	display: flex;
}
@media (max-width: 1280px) {
	.hn__product-gallery-container .main-swiper {
    margin-bottom: 12px;
}
}
@media (max-width: 992px) {
		.hn__product-gallery-container .main-swiper {
    margin-bottom: 8px;
}
}
@media (max-width: 768px) {
	
}
/* ============================= 
End - Ảnh sản phẩm
=================================== */





/* ============================= 
Start - Short review
=================================== */
.hn-product-rating {
	display: flex;
	align-items: center;
	font-family: 'Inter';
	font-size: 0.75vw;
	/* color: #64748B !important; */
}
.hn-product-rating, .hn-product-rating a {
	color: #64748B !important;
}
@media (max-width: 1280px) {
	.hn-product-rating {
    font-size: 12px;
}
}
/* ============================= 
End - Short review
=================================== */





/* ============================= 
Start - Custom variable products
=================================== */
.variations > h4 {
    color: #94A3B8;
    font-family: var(--Inter, Inter);
    font-size: 0.75vw;
    letter-spacing: 0.12em;
}
.woocommerce-variation.single_variation {
    display: none !important;
}
.variable-group-item {
    display: flex;
    font-family: 'Inter';
    gap: 1vw;
}
.variable-group-item .label span {
    display: none;
}
.variable-group-item ul[role="radiogroup"] {
	gap: 0.75vw;
}
.variable-group-item ul[role="radiogroup"] li {
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    transition: all .3s ease !important;
    -webkit-box-shadow: none !Important;
    border: 1px solid #DDDEEC;
}
.variable-group-item ul[role="radiogroup"] li.selected, .variable-group-item ul[role="radiogroup"] li:hover {
    background-color: #1A237E !important;
    color: #fff !important;
}
.variable-group-item ul[role="radiogroup"] li div {
    font-size: 0.75vw;
    padding: 0.7em 2em;
}
@media (max-width: 1280px) {
.variations > h4 {
    font-size: 11px;
}
	.variable-group-item ul[role="radiogroup"] li div {
    font-size: 11px;
}
}
/* ============================= 
End - Custom variable products
=================================== */





/* ============================= 
Start - Add to cart
=================================== */
.hn__custom_add-to-cart, form:not(:has(.hn__custom_add-to-cart)).cart {
	--width-btn-add-to-cart: 70%;
}
.hn__custom_add-to-cart .quantity, form:not(:has(.hn__custom_add-to-cart)).cart .quantity {
    width: max(calc(100% -  var(--width-btn-add-to-cart)), 160px);
    --width-btn-quantity: 50px;
    display: flex;
    background-color: #F6F6FA;
    border: 1px solid #DDDEEC;
}
.hn__custom_add-to-cart .quantity > * ,
form:not(:has(.hn__custom_add-to-cart)).cart  .quantity > * {
	margin: 0 !Important;
	padding: 0 !important;
	border: 0 !important;
	outline: 0 !important;
	font-family: 'Inter' !important;
	font-size: 0.75vw !important;
	font-weight: 700;
	background-color: transparent !Important;
}
.hn__custom_add-to-cart > button[type="submit"],
form:not(:has(.hn__custom_add-to-cart)).cart > button[type="submit"] {
	width: var(--width-btn-add-to-cart);
	display: flex;
	align-items: center;
	justify-content: center;
}
.hn__custom_add-to-cart .quantity >  button[type="button"],
form:not(:has(.hn__custom_add-to-cart)).cart .quantity > button[type="button"] {
 width: var(--width-btn-quantity);
}
.hn__custom_add-to-cart .quantity > input[type="number"],
form:not(:has(.hn__custom_add-to-cart)).cart .quantity > input[type="number"] {
    width: calc(100% - var(--width-btn-quantity) * 2) !important;
}
@media (max-width: 1280px) {
	.hn__custom_add-to-cart .quantity > *, form:not(:has(.hn__custom_add-to-cart)).cart  .quantity > * {
    font-size: 12px !important;
}
}
/* ============================= 
End - Add to cart
=================================== */




/* ============================= 
Start - acccodion product
=================================== */
.hn__custom_infomation-product details:not(:has(> [role="region"] *)) {
    display: none !important;
}
/* ============================= 
End - acccodion product
=================================== */