/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 04 2025 | 03:31:22 */
/* .hinhanhdanhmucrom:not(.elementor-motion-effects-element-type-background):hover,
.hinhanhdanhmucrom:hover > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-size: 140% !important;
    transition: background-size 300ms ease-in-out; 
}

.hinhanhdanhmucrom:not(.elementor-motion-effects-element-type-background),
.hinhanhdanhmucrom > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-size: 100%;
    transition: background-size 300ms ease-in-out; 
} */

/* .du-an-item.hidden img {
    width: 25%;
} */

.du-an-gallery {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 cột đều nhau */
    gap: 10px;
    margin-top: 25px;
}

.hinhanhdanhmucrom {
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  transition: background-size 0.5s ease-in-out;
}

/* Hover hiệu ứng phóng ảnh */
.e-loop-item:hover .hinhanhdanhmucrom {
  background-size: 140% !important;
}


.danhsachsanphamduan img {
    border: none;
    box-shadow: none;
    max-width: 100%;
    width: 98%;
    height: 230px;
    border-radius: 10px;
    object-fit: unset;
}

.danhsachsanphamduan a p {
    color: #000000;
    font-size: 21px;
    font-weight: 700;
    margin-top: 14px;
}

.danhsachsanphamduan {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 cột đều nhau */
    gap: 10px;
    margin-top: 25px;
}

@media (max-width: 500px) {
  .danh-sach-san-pham {
    display: grid;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px;
    margin-top: 25px;
}
    .filter-wrapper {
        display: flex;
        justify-content: space-between !important;
        align-items: flex-start !important;
        flex-wrap: nowrap;
        flex-direction: column !important;
        padding: 0px;
    }
	
	.du-an-gallery {
    display: grid;
    grid-template-columns: repeat(3, 01fr) !important;
    gap: 10px !important;
    margin-top: 0px !important;
}
	
	.du-an-item {
    break-inside: avoid;
    margin-bottom: 0px !important;
}

}