/* ==================================================
   core.min.css
   Tách từ customs.min.css (giữ nguyên source gốc)
================================================== */

/* card giống layout slider */
.product-card{
    flex:0 0 auto;
    width:180px;
    background:#fff;
    border:1px solid #eee;
    border-radius:6px;
    transition:transform .25s ease, box-shadow .25s ease;
}

.product-card:hover{
    transform:translateY(-4px);
    box-shadow:0 6px 16px rgba(0,0,0,.15);
}

.product-taxo{
    width:100%;
}

/* Fix kích thước danh sách sản phẩm (taxonomy) */
@media (min-width:768px){
    .product-card{
        min-width:180px;
    }

    .product-taxo{
        min-width:100% !important;
    }
}

@media (min-width:1200px){
    .product-card{
        min-width:220px;
    }
}

@media (min-width:390px){
    .product-card{
        width:180px;
    }
}

.product-thumb{
    position:relative;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
}

.product-thumb img{
    width:100%;
    height:auto;
    object-fit:cover;
    padding:10px;
    background:#fff;
}

.discount{
    position:absolute;
    top:5px;
    left:5px;
    background:red;
    color:#fff;
    font-size:11px;
    padding:2px 6px;
    border-radius:3px;
}

.product-info a{
    font-size:13px;
    color:#333;
    display:block;
    height:36px;
    overflow:hidden;
    padding:0 10px;
}

.price{
    padding:0 10px 10px;
}

.price del{
    display:block;
    font-size:12px;
    color:#999;
}

.new-price{
    color:#e60000;
    font-weight:bold;
    font-size:14px;
}

/* Product list */
.products{
    display:flex;
    flex-wrap:wrap;
}

.products .item{
    display:flex;
    padding:0;
}

/* Section title */
.section-title h2{
    font-size:20px;
    font-weight:bold;
}

.section-left h2{
    font-size:20px;
    font-weight:700;
    margin:0;
}

/* Header block */
.section-header{
    display:flex;
    align-items:center;
    gap:15px;
}

/* LEFT */
.section-title{
    flex-shrink:0;
}

/* RIGHT */
.readmore{
    flex-shrink:0;
}

/* MID */
.staxonomy{
    flex:1;
    min-width:0;
}

/* Animation */
.cart-bounce{
    animation:bounce .5s;
}

@keyframes bounce{
    0%{transform:scale(1);}
    50%{transform:scale(1.3);}
    100%{transform:scale(1);}
}

.cart-highlight{
    animation:glow .8s;
}

@keyframes glow{
    0%{box-shadow:0 0 0 transparent;}
    50%{box-shadow:0 0 10px rgba(255,0,0,.5);}
    100%{box-shadow:0 0 0 transparent;}
}